{"_id":"colorpicker-v3","_rev":"189069","name":"colorpicker-v3","description":"基于 vue3 的颜色选择器，支持透明度","dist-tags":{"latest":"2.10.2"},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"time":{"modified":"2023-03-20T07:16:41.000Z","created":"2022-01-28T15:37:45.912Z","2.10.2":"2022-05-05T01:39:39.883Z","2.10.1":"2022-05-05T01:18:10.109Z","2.10.0":"2022-04-29T09:05:35.197Z","2.0.9":"2022-04-15T01:31:44.048Z","2.0.8":"2022-04-14T13:52:23.012Z","2.0.7":"2022-04-14T13:49:26.642Z","2.0.6":"2022-02-05T01:00:29.266Z","2.0.5":"2022-02-04T10:54:14.539Z","2.0.4":"2022-02-04T10:47:58.130Z","2.0.3":"2022-02-04T10:45:27.158Z","2.0.2":"2022-02-04T02:44:56.004Z","2.0.1":"2022-02-03T01:09:04.955Z","2.0.0":"2022-02-03T00:40:57.694Z","1.1.0":"2022-01-31T16:18:31.643Z","1.0.9":"2022-01-31T07:36:58.231Z","1.0.8":"2022-01-31T02:10:41.629Z","1.0.7":"2022-01-29T04:58:49.474Z","1.0.6":"2022-01-29T04:19:44.732Z","1.0.5":"2022-01-29T04:16:39.449Z","1.0.4":"2022-01-29T04:15:06.056Z","1.0.3":"2022-01-29T02:10:10.066Z","1.0.2":"2022-01-28T15:45:22.440Z","1.0.1":"2022-01-28T15:41:28.435Z","1.0.0":"2022-01-28T15:37:45.912Z"},"users":{},"author":"","repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"versions":{"2.10.2":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.10.2","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"9c71e789326d2577e0decdd57276369e47172452","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.10.2","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"shasum":"f5e2f9ea603eee4d227ba10fa436d86963aa2bd0","size":11694,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.10.2.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.10.2.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.10.2_1651714779636_0.9486868928388028"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-05-05T01:39:44.263Z","publish_time":1651714779883,"_cnpm_publish_time":1651714779883},"2.10.1":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.10.1","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"ea2d3f419b1f4ab19bff74d387b584c6eaf5b812","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.10.1","_nodeVersion":"18.0.0","_npmVersion":"8.6.0","dist":{"shasum":"3e9aaf274ad132d27054aee3aa10f7e227aa8833","size":11697,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.10.1.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.10.1.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.10.1_1651713489840_0.20969345759972913"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-05-05T01:18:16.207Z","publish_time":1651713490109,"_cnpm_publish_time":1651713490109},"2.10.0":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.10.0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"ea2d3f419b1f4ab19bff74d387b584c6eaf5b812","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.10.0","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"shasum":"d3c5208a51678e7a755141b0cddd0cd12eddf912","size":11649,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.10.0.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.10.0.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.10.0_1651223134970_0.38247863238058555"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-04-29T10:06:45.891Z","publish_time":1651223135197,"_cnpm_publish_time":1651223135197},"2.0.9":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.9","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"a2688529c00018908a56aa8ef47f81c20b1b63f4","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.9","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"shasum":"83cd0e6ddcf8de51ccaa8a1097ed424fd80c2865","size":11203,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.9.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.9.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.9_1649986303905_0.6207535697477484"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-04-15T01:31:50.583Z","publish_time":1649986304048,"_cnpm_publish_time":1649986304048},"2.0.8":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.8","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"8044d4c019053f5e1216b6518e751ad23aabad57","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.8","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"shasum":"ba5e02439c00f8c8d7c13abcbbd3c7a628a50874","size":10838,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.8.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.8.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.8_1649944342839_0.8523232246189101"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-04-14T13:52:29.773Z","publish_time":1649944343012,"_cnpm_publish_time":1649944343012},"2.0.7":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.7","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"d1f416bf805825f02a085d9bb5b39fc8be7bf87e","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.7","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"shasum":"87b847de9435b38295a74fd9ff0390a6001f2b10","size":10837,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.7.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.7.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.7_1649944166393_0.6468792996715333"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-04-14T13:52:29.015Z","publish_time":1649944166642,"_cnpm_publish_time":1649944166642},"2.0.6":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.6","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/viteui/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"homepage":"https://github.com/viteui/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.6","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"02b4acd5cf44ec1840384f63ae2fdbd12b616884","size":10692,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.6.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.6.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.6_1644022829118_0.3470373747778246"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-05T01:00:34.585Z","publish_time":1644022829266,"_cnpm_publish_time":1644022829266},"2.0.5":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.5","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"1fcb15f5f16da9fd337a1aa1d32ec76e999b13fb","size":10689,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.5.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.5.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.5_1643972054326_0.009764056614423922"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-04T10:54:22.485Z","publish_time":1643972054539,"_cnpm_publish_time":1643972054539},"2.0.4":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.4","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.4","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"514d460c84a46a6052b9cd3ea1d61e312604c6fa","size":10689,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.4.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.4.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.4_1643971677968_0.7646221399089854"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-04T10:48:06.297Z","publish_time":1643971678130,"_cnpm_publish_time":1643971678130},"2.0.3":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.3","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.3","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"fe977ecda376940f4b8c109338236b1fe2328fe1","size":10691,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.3.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.3.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.3_1643971526953_0.10840382731674048"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-04T10:45:32.239Z","publish_time":1643971527158,"_cnpm_publish_time":1643971527158},"2.0.2":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker","colorpicker-vue3"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.2","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","devDependencies":{"@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.2","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"917e81d93987e74e1ae2c14737167d65b4b3e647","size":13018,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.2.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.2.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.2_1643942695672_0.6382914842641343"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-04T02:45:01.681Z","publish_time":1643942696004,"_cnpm_publish_time":1643942696004},"2.0.1":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker","colorpicker-vue3"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.1","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","devDependencies":{"@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.1","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"24b62ef614554bee9176956af352a4732798175c","size":13025,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.1.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.1.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.1_1643850544792_0.018451232668169393"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-03T01:09:10.025Z","publish_time":1643850544955,"_cnpm_publish_time":1643850544955},"2.0.0":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker","colorpicker-vue3"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"2.0.0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@2.0.0","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"ea78a8e925e99a94d858f35dfb21e0eed50ac957","size":13035,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-2.0.0.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-2.0.0.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_2.0.0_1643848857570_0.122609105092645"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-02-03T00:41:04.194Z","publish_time":1643848857694,"_cnpm_publish_time":1643848857694},"1.1.0":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.1.0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@1.1.0","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"3a289e1ad79b83af6f40085f4d528030dcc0f1a6","size":10702,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.1.0.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.1.0.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.1.0_1643645911510_0.44466206711475365"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-31T16:18:37.270Z","publish_time":1643645911643,"_cnpm_publish_time":1643645911643},"1.0.9":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.9","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@1.0.9","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"669357ff05a5892300f834679824d9adc0711230","size":10694,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.9.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.9.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.9_1643614618087_0.7166871998707371"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-31T07:37:03.420Z","publish_time":1643614618231,"_cnpm_publish_time":1643614618231},"1.0.8":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.8","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25","@vueuse/core":"^7.5.5"},"gitHead":"214185a3fdc32ff3a9f5c6b7bd2079f3f6ee3804","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@1.0.8","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"b7f0fc9afee3cb2198e7bb1ba5ae806ac2cd2ff0","size":9542,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.8.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.8.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.8_1643595041449_0.045266838919345576"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-31T02:10:46.508Z","publish_time":1643595041629,"_cnpm_publish_time":1643595041629},"1.0.7":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.7","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/qingzhiSunset/colorpicker-v3.git"},"author":"","license":"ISC","dependencies":{"vue":"^3.2.25"},"gitHead":"8e854ffd4f2e364ea4ddb27f491fcf6d7cfe24b7","bugs":{"url":"https://github.com/qingzhiSunset/colorpicker-v3/issues"},"homepage":"https://github.com/qingzhiSunset/colorpicker-v3#readme","_id":"colorpicker-v3@1.0.7","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"b766379319ef6f93fc8fc8631c77b421331557cb","size":9463,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.7.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.7.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.7_1643432329340_0.538712732158702"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-29T04:58:55.365Z","publish_time":1643432329474,"_cnpm_publish_time":1643432329474},"1.0.6":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keywords":["colorpicker-v3","colorpicker","vue3 colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.6","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"ISC","dependencies":{"colorpicker-v3":"^1.0.2"},"_id":"colorpicker-v3@1.0.6","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"5c6e4db64d11574ce9fa7b946d9f7e3741bd55cc","size":9421,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.6.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.6.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.6_1643429984372_0.8673408776030722"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-29T04:19:50.022Z","publish_time":1643429984732,"_cnpm_publish_time":1643429984732},"1.0.5":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"keyword":["colorpicker-v3","colorpicker"],"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"colorpicker-v3":"^1.0.2"},"_id":"colorpicker-v3@1.0.5","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"c476af81446a8471c208e52766de1ad2e8567d82","size":9419,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.5.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.5.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.5_1643429799231_0.6071127218711554"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-29T04:16:44.720Z","publish_time":1643429799449,"_cnpm_publish_time":1643429799449},"1.0.4":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.4","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"colorpicker-v3":"^1.0.2"},"_id":"colorpicker-v3@1.0.4","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"01face5696a6e5ea1e453d0ac88a82bd14c3296c","size":9462,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.4.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.4.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.4_1643429705934_0.1962803447892929"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-29T04:15:11.895Z","publish_time":1643429706056,"_cnpm_publish_time":1643429706056},"1.0.3":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.3","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","dependencies":{"colorpicker-v3":"^1.0.2"},"_id":"colorpicker-v3@1.0.3","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"504a0724ab75ff7c457e47fb675b1f12965094b6","size":8428,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.3.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.3.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.3_1643422209907_0.4655905144024961"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-29T02:43:03.726Z","publish_time":1643422210066,"_cnpm_publish_time":1643422210066},"1.0.2":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.2","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","gitHead":"de6e8251644880ceafc09709d076e3cd950c35f1","_id":"colorpicker-v3@1.0.2","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"5b2a22e418313fcc4598626cbe478724236c7776","size":21944,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.2.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.2.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.2_1643384722280_0.16484856350282673"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-28T15:45:38.658Z","publish_time":1643384722440,"_cnpm_publish_time":1643384722440},"1.0.1":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"sideEffects":[".css"],"description":"基于 vue3 的颜色选择器，支持透明度","version":"1.0.1","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","gitHead":"de6e8251644880ceafc09709d076e3cd950c35f1","_id":"colorpicker-v3@1.0.1","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"bc6cec4b94ec8d24c960e912bc692877d1ab0d88","size":21661,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.1.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.1.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.1_1643384488292_0.10784546890596536"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-28T15:42:51.554Z","publish_time":1643384488435,"_cnpm_publish_time":1643384488435},"1.0.0":{"name":"colorpicker-v3","main":"./dist/colorpicker-v3.umd.js","module":"./dist/colorpicker-v3.es.js","exports":{".":{"import":"./dist/colorpicker-v3.es.js","require":"./dist/colorpicker-v3.umd.js"},"./*":"./dist/*"},"sideEffects":[".css"],"description":"```  <color-picker v-model=\"textColor\" @change=\"colorChange\"></color-picker> ``` function colorChange(e){     // e : { hex : string ,rgba: string}      // hex: 16 进制格式 ， rgba: rgba格式支持透明度 }","version":"1.0.0","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","gitHead":"de6e8251644880ceafc09709d076e3cd950c35f1","_id":"colorpicker-v3@1.0.0","_nodeVersion":"14.18.0","_npmVersion":"8.1.4","dist":{"shasum":"9206a151957a1255bb6fdcce2f216c70f84231f7","size":21721,"noattachment":false,"key":"/colorpicker-v3/-/colorpicker-v3-1.0.0.tgz","tarball":"http://name.csiicloud.com:7001/colorpicker-v3/download/colorpicker-v3-1.0.0.tgz"},"_npmUser":{"name":"whitecrane","email":"wcrane0@163.com"},"directories":{},"maintainers":[{"name":"whitecrane","email":"wcrane0@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/colorpicker-v3_1.0.0_1643384265787_0.5535296824251013"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-01-28T15:39:18.628Z","publish_time":1643384265912,"_cnpm_publish_time":1643384265912}},"readme":"\n# [一款支持vue3 的颜色选择器](https://www.npmjs.com/package/colorpicker-v3)\n\n[使用文档](https://colorpickerv3.wcrane.cn/)\n\n\n![一款支持vue3 的颜色选择器](https://img-blog.csdnimg.cn/img_convert/13354e8ac4d450bcf4cc13fa21a988b4.png)\n\n\n## 特点\n1. 简单易用，UI在原插件基础上优化增加了圆角和过渡动画\n2. 提供以 npm 的形式安装提供全局组件\n3. 在支持 html5 input[type='color'] 的浏览器实现了「更多颜色」的功能\n## 安装\n```shell\nnpm i colorpicker-v3\n```\n\n\n## 使用\n\n### 在main中注册组件\n在 `main.js` 文件中引入插件并注册\n```js\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport ColorPicker from 'colorpicker-v3'  // 注册组件\nimport 'colorpicker-v3/style.css' // 引入样式文件\nconst app = createApp(App)\napp.use(ColorPicker)\napp.mount('#app')\n\n```\n### 组件中使用\n#### vue3 + js\n\n#### 使用 default-value 设置默认值\n> * `default-value` 设置颜色默认值\n\n```html\n\n<template>\n  <color-picker @change=\"change\" :defaultColor=\"defaultColor\" v-model:hex=\"hex\"></color-picker>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nconst hex = ref(\"\");\nconst defaultColor = ref(\"#6c8198\")\nconst change = (e) => {\n  console.log(e); // {hex: '#ddd8c3', rgba: 'rgba(221,216,195,0.5849)'}\n}\n</script>\n\n<style>\n</style>\n\n \n```\n#### 使用 hex 值响应式\n> `hex` 本身具有响应式功能,也可以通过 `@change` 事件获取 改变的值 \n> 说明： \n> * 如果默认 `hex` 进行双向数据绑定， 该值如果不是`\"\"` 优先级会高于 `default-value`\n> * 优先显示 `hex`值\n```html\n\n<template>\n  <color-picker @change=\"change\" v-model:hex=\"hex\"></color-picker>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nconst hex = ref(\"#ffffff\");\nconst change = (e) => {\n  console.log(e); // {hex: '#ddd8c3', rgba: 'rgba(221,216,195,0.5849)'}\n}\n</script>\n\n<style>\n</style>\n\n \n```\n\n#### 使用 rgba 值响应式\n> *  `rgba` 本身具有响应式功能,也可以通过 `@change` 事件获取 改变的值\n\n```html\n\n<template>\n  <color-picker @change=\"change\" v-model:rgba=\"rgba\"></color-picker>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nconst rgba = ref(\"rgba(255,0,255,0.5)\");\n\nconst change = (e) => {\n  console.log(e); // {hex: '#ddd8c3', rgba: 'rgba(221,216,195,0.5849)'}\n}\n</script>\n\n<style>\n</style>\n\n \n```\n\n\n\n#### 使用 rgba 与 hex 值响应式\n> *  `rgba` 与 `hex` 本身具有响应式功能,也可以通过 `@change` 事件获取 改变的值\n> * 注意点: \n> * 此时如果 `hex` 与 `rgba`  都有值时 此时会优先显示  `rgba`  的值,优先级高于 `hex`\n```html\n\n<template>\n  <color-picker @change=\"change\" v-model:rgba=\"rgba\" v-model:hex=\"hex\"></color-picker>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nconst rgba = ref(\"rgba(255,0,255,0.5)\");\nconst hex = ref(\"#ffffff\"); \nconst change = (e) => {\n  console.log(e); // {hex: '#ddd8c3', rgba: 'rgba(221,216,195,0.5849)'}\n}\n</script>\n\n<style>\n</style>\n\n \n```\n#### vue+ts+setup\n```html\n<template>\n  <color-picker @change=\"change\" v-model:hex=\"hex\"></color-picker>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nconst hex = ref(\"#ffffff\");\nconst change = (e) => {\n  console.log(e); // {hex: '#ddd8c3', rgba: 'rgba(221,216,195,0.5849)'}\n}\n</script>\n\n<style>\n</style>\n```\n\n## Props\n参数名   |描述  |  类型 | 默认值 |备注\n-------- | ----- | ----- | -------- | -----\ndefault-color | 初始化颜色值 |string | #000000 | 使用16进制值\nv-model:hex | 初始化颜色值(双向数据绑定) |string | #000000 | 使用16进制值\nv-model:rgba | 初始化颜色值(双向数据绑定） |string | rgba(255,0,255,0.5) | 使用RGBA字符串\nbtnStyle | 设置颜色块样式|Object| -  |  - \nopacity|颜色透明度初始值|numer | 1 | 0~1 数值越小透明度越低\nshow-opacity|是否显示透明度控制块|boolean| true| \nstandard-color|标准色初始化配置|`Array<string>`|[standard-clolor详情](#standard-clolor) | 使用完整的hex16 进制值\ntheme-color|主题色初始化配置|`Array<string>`|[theme-clolor详情](#theme-clolor) | 使用完整的hex16 进制值\n\n> 注意点：\n> * 初始值优先级： default-color < hex <  rgba\n\n\n#### <span id=\"standard-clolor\">standard-clolor</span>\n```js\nconst standardClolor = [\n  '#c21401',\n  '#ff1e02',\n  '#ffc12a',\n  '#ffff3a',\n  '#90cf5b',\n  '#00af57',\n  '#00afee',\n  '#0071be',\n  '#00215f',\n  '#72349d',\n]\n\n```\n [![standardClolor](https://img-blog.csdnimg.cn/img_convert/f085718fb680ac2c14f5a094594026a9.png)](https://imgtu.com/i/HSKaIs)\n\n#### <span id=\"theme-clolor\">主题色theme-clolor</span>\n```js\nconst themeClolor =[\n                '#000000',\n                '#ffffff',\n                '#eeece1',\n                '#1e497b',\n                '#4e81bb',\n                '#e2534d',\n                '#9aba60',\n                '#8165a0',\n                '#47acc5',\n                '#f9974c',\n            ]\n```\n[![主题色](https://img-blog.csdnimg.cn/img_convert/4c52585d23f48106e0df45fb852e9433.png)](https://imgtu.com/i/HSMSQf)\n##  Events\n事件名   |  描述 | 参数 |  返回值\n-------- | ----- | -------- | -----\nchange | 颜色值改变时触发 | data: {hex:string,rgba: string}|  -\nfinish | 点击完成按钮 | data: {hex:string,rgba: string}|  -\nclose | 选色面板关闭 | data: {hex:string,rgba: string}|  -\n\n\n\n## 使用示例\n\n```html\n<template>\n  <color-picker\n    :hex=\"color\"\n    @change=\"change\"\n    :standard-color=\"bColor\"\n    @close=\"close\"\n    @finish=\"finish\"\n  ></color-picker>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, reactive, ref } from 'vue'\nexport default defineComponent({\n  name: ''\n})\n</script>\n<script lang=\"ts\" setup>\nconst color = ref(\"\")\nconst colorValue = ref({})\n\n//  颜色值改变\nconst change = (e) => {\n  // console.log(\"e\", e)\n  colorValue.value = e\n}\n\n// 颜色面板关闭\nconst close = (e) => {\n  console.log(\"关闭了\", e)\n}\n\nconst finish = (e) => {\n  console.log(\"点击完成\", e)\n}\n\n\n\nconst bColor = [\n  '#c21401',\n  '#ff1e02',\n  '#ffc12a',\n  '#ffff3a',\n  '#90cf5b',\n  '#00af57',\n  '#00afee',\n  '#0071be',\n  '#00215f',\n  '#72349d',\n]\n</script>\n<style lang=\"less\" scoped>\n</style>\n```\n\n## 联系作者\n### 微信\n<img src=\"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-903f47e3-327e-4ce0-9a38-514311eeff89/5da02770-9e4b-4d9e-8a77-c69b833ac9af.png\" width=\"20%\">\n\n\n### QQ：\n 1191814251","_attachments":{},"homepage":"https://github.com/viteui/colorpicker-v3#readme","bugs":{"url":"https://github.com/viteui/colorpicker-v3/issues"},"license":"ISC"}