{"_id":"@ankeinfo/vue3-colorpicker","_rev":"20-7ee3d9b75f913b630865bb1ffc5f72fc","name":"@ankeinfo/vue3-colorpicker","dist-tags":{"latest":"2.3.13"},"versions":{"2.3.10":{"name":"@ankeinfo/vue3-colorpicker","version":"2.3.10","author":{"name":"aesoper"},"license":"MIT","_id":"@ankeinfo/vue3-colorpicker@2.3.10","maintainers":[{"name":"hughzhuang","email":"277100963@qq.com"}],"homepage":"https://github.com/ankeInfo/vue3-colorpicker#readme","bugs":{"url":"https://github.com/ankeInfo/vue3-colorpicker/issues"},"dist":{"shasum":"ecaa28589f23ff5decd9d1120d87816fc5cb6736","tarball":"https://registry.npmjs.org/@ankeinfo/vue3-colorpicker/-/vue3-colorpicker-2.3.10.tgz","fileCount":29,"integrity":"sha512-/LiR0acvX1DHHTfn6goiSBQk8qBt6cKleZ4InAca4OnwR3cKFqYQIFlGuZIaqmwToi+GxM2d/r93BhwinAW//A==","signatures":[{"sig":"MEYCIQDKi9UPi95lykEuAY/hWZyhBrt0/MJMQXwk9LYXKVdibQIhAOv159WNivqobpZHtC2WsaQjsizeo7Bi0d33LDni/rOd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":305622},"main":"index.es.js","types":"types/index.d.ts","gitHead":"27047a896ef885df96952cb415c1cc7bae5a89d3","_npmUser":{"name":"hughzhuang","email":"277100963@qq.com"},"_npmVersion":"11.6.2","description":"非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。","directories":{},"_nodeVersion":"25.2.0","dependencies":{"lodash-es":"^4.17.21","vue-types":"^6.0.0","tinycolor2":"^1.6.0","@vueuse/core":"^14.0.0","@popperjs/core":"^2.11.8","gradient-parser":"^1.1.1"},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3.5.25","lodash-es":"^4.17.21","vue-types":"^6.0.0","tinycolor2":"^1.6.0","@vueuse/core":"^14.0.0","@popperjs/core":"^2.11.8","gradient-parser":"^1.1.1"},"_npmOperationalInternal":{"tmp":"tmp/vue3-colorpicker_2.3.10_1764128547378_0.30776058624550884","host":"s3://npm-registry-packages-npm-production"}},"2.3.11":{"name":"@ankeinfo/vue3-colorpicker","version":"2.3.11","author":{"name":"aesoper"},"license":"MIT","_id":"@ankeinfo/vue3-colorpicker@2.3.11","maintainers":[{"name":"hughzhuang","email":"277100963@qq.com"}],"homepage":"https://github.com/ankeInfo/vue3-colorpicker#readme","bugs":{"url":"https://github.com/ankeInfo/vue3-colorpicker/issues"},"dist":{"shasum":"75fb2f222f8bf66f6da26a1aa181dac37e107a19","tarball":"https://registry.npmjs.org/@ankeinfo/vue3-colorpicker/-/vue3-colorpicker-2.3.11.tgz","fileCount":33,"integrity":"sha512-ZqKZMayQBaO+gScAT0MwBX5n0KpN0xNbBbvoY6TFqDxiEutPC0xazMfAzUNNV7B562P+43czi2iviTea4+BHrQ==","signatures":[{"sig":"MEQCIE+NhZ0MfIscihXILjxctunKFwhVc/0wiUJELw7MUvwgAiA2l6nvsVxDdMMgWJLQUcj3KyCw2Ef0ppDYExZPmKem0A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":315200},"main":"dist/index.es.js","types":"dist/types/index.d.ts","gitHead":"65b400f9cab5498c5503f6c1179098e45a1674c3","scripts":{"dev":"vite","pub":"cd dist && npm publish --registry=https://registry.npmjs.org --access public && cd ..","build":"rimraf dist && vite build --config ./vite.config.lib.ts","serve":"vite preview","unpub":"npm unpublish @ankeinfo/vue3-colorpicker --force --registry=https://registry.npmjs.org","deploy":"gh-pages -d storybook-static","prelink":"cd dist && yarn link && cd .. && yarn link @ankeinfo/vue3-colorpicker","prepare":"husky install","build:lib":"rimraf dist && vue-tsc --noEmit && vite build","reinstall":"rimraf node_modules && yarn install","storybook":"storybook dev","clean:dist":"rimraf dist","lint:pretty":"pretty-quick --staged","build-storybook":"rimraf storybook-static && storybook build","lint:lint-staged":"lint-staged -c ./.husky/lintstagedrc.js"},"_npmUser":{"name":"hughzhuang","email":"277100963@qq.com"},"_npmVersion":"11.6.2","description":"非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。","directories":{},"_nodeVersion":"25.2.0","dependencies":{"vue":"^3.5.25","lodash-es":"^4.17.21","vue-types":"^6.0.0","tinycolor2":"^1.6.0","@vueuse/core":"^14.0.0","@popperjs/core":"^2.11.8","gradient-parser":"^1.1.1"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.2.0","sass":"^1.94.2","vite":"^7.2.4","husky":"^9.1.7","eslint":"^9.39.1","rimraf":"^6.1.2","postcss":"^8.5.6","vue-tsc":"^3.1.5","gh-pages":"^6.3.0","prettier":"^3.6.2","storybook":"^8.6.14","stylelint":"^16.26.0","typescript":"^5.9.3","vue-loader":"^17.4.2","@babel/core":"^7.28.5","@types/jest":"^30.0.0","@types/node":"^24.10.1","lint-staged":"^16.2.7","babel-loader":"^10.0.0","pretty-quick":"^4.2.2","@storybook/cli":"^9.1.8","@commitlint/cli":"^20.1.0","@storybook/vue3":"^9.1.8","stylelint-order":"^7.0.0","vite-plugin-dts":"^4.5.4","@types/lodash-es":"^4.17.12","@types/tinycolor2":"^1.4.6","@vue/compiler-sfc":"^3.5.25","eslint-plugin-vue":"^10.6.0","@vitejs/plugin-vue":"^6.0.2","eslint-plugin-jest":"^29.2.1","@storybook/vue3-vite":"^9.1.8","@storybook/addon-docs":"^9.1.8","@storybook/addon-links":"^9.1.8","@types/gradient-parser":"^1.1.0","@vitejs/plugin-vue-jsx":"^5.1.2","eslint-plugin-prettier":"^5.5.4","postcss-flexbugs-fixes":"^5.0.2","eslint-plugin-storybook":"^9.1.8","@storybook/addon-actions":"^ 9.0.8","@typescript-eslint/parser":"^8.48.0","stylelint-config-prettier":"^9.0.5","stylelint-config-standard":"^39.0.1","conventional-changelog-cli":"^5.0.0","@storybook/addon-essentials":"^8.6.14","@vue/eslint-config-prettier":"^10.2.0","@storybook/addon-storysource":"^8.6.14","@vue/eslint-config-typescript":"^14.6.0 ","@commitlint/config-conventional":"^20.0.0","@typescript-eslint/eslint-plugin":"^8.48.0","stylelint-no-unsupported-browser-features":"^8.0.5"},"_npmOperationalInternal":{"tmp":"tmp/vue3-colorpicker_2.3.11_1776674416789_0.6726493353939771","host":"s3://npm-registry-packages-npm-production"}},"2.3.12":{"name":"@ankeinfo/vue3-colorpicker","version":"2.3.12","author":{"name":"aesoper"},"license":"MIT","_id":"@ankeinfo/vue3-colorpicker@2.3.12","maintainers":[{"name":"hughzhuang","email":"277100963@qq.com"}],"homepage":"https://github.com/ankeInfo/vue3-colorpicker#readme","bugs":{"url":"https://github.com/ankeInfo/vue3-colorpicker/issues"},"dist":{"shasum":"e7a901257cc0def2c4eb6f32b8bc9f99c6f304ad","tarball":"https://registry.npmjs.org/@ankeinfo/vue3-colorpicker/-/vue3-colorpicker-2.3.12.tgz","fileCount":33,"integrity":"sha512-chsC0u1tyXoq9i0FkgYCtKmgSKxz4tPqc/epBg09eBPxm5ThXnxY86fVS2vBM546nG6bdN+/sO5xXxXMN5Cg5Q==","signatures":[{"sig":"MEUCIAfvWchL4SihlQSzhHYWpXNx1mOZzQXgp/KEGDHcWxlnAiEA6Mv4OdSE5pL3sbdUESqoXP/oIXANsP9YmLzPCSPWCD4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":308023},"main":"dist/index.es.js","types":"dist/types/index.d.ts","gitHead":"566bb976daae129ed6c497b055998d46e54262f3","scripts":{"dev":"vite","pub":"cd dist && npm publish --registry=https://registry.npmjs.org --access public && cd ..","build":"rimraf dist && vite build --config ./vite.config.lib.ts","serve":"vite preview","unpub":"npm unpublish @ankeinfo/vue3-colorpicker --force --registry=https://registry.npmjs.org","deploy":"gh-pages -d storybook-static","prelink":"cd dist && yarn link && cd .. && yarn link @ankeinfo/vue3-colorpicker","prepare":"husky install","build:lib":"rimraf dist && vue-tsc --noEmit && vite build","reinstall":"rimraf node_modules && yarn install","storybook":"storybook dev","clean:dist":"rimraf dist","lint:pretty":"pretty-quick --staged","build-storybook":"rimraf storybook-static && storybook build","lint:lint-staged":"lint-staged -c ./.husky/lintstagedrc.js"},"_npmUser":{"name":"hughzhuang","email":"277100963@qq.com"},"_npmVersion":"11.6.2","description":"非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。","directories":{},"_nodeVersion":"25.2.0","dependencies":{"vue":"^3.5.32","lodash-es":"^4.18.1","vue-types":"^6.0.0","tinycolor2":"^1.6.0","@vueuse/core":"^14.2.1","@popperjs/core":"^2.11.8","gradient-parser":"^1.2.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^30.3.0","sass":"^1.99.0","vite":"^8.0.9","husky":"^9.1.7","eslint":"^10.2.1","rimraf":"^6.1.3","postcss":"^8.5.10","vue-tsc":"^3.2.7","gh-pages":"^6.3.0","prettier":"^3.8.3","storybook":"^8.6.14","stylelint":"^17.8.0","typescript":"^6.0.3","vue-loader":"^17.4.2","@babel/core":"^7.29.0","@types/jest":"^30.0.0","@types/node":"^25.6.0","lint-staged":"^16.4.0","babel-loader":"^10.1.1","pretty-quick":"^4.2.2","@storybook/cli":"^9.1.8","@commitlint/cli":"^20.5.0","@storybook/vue3":"^9.1.8","stylelint-order":"^8.1.1","vite-plugin-dts":"^4.5.4","@types/lodash-es":"^4.17.12","@types/tinycolor2":"^1.4.6","@vue/compiler-sfc":"^3.5.32","eslint-plugin-vue":"^10.9.0","@vitejs/plugin-vue":"^6.0.6","eslint-plugin-jest":"^29.15.2","@storybook/vue3-vite":"^9.1.8","@storybook/addon-docs":"^9.1.8","@storybook/addon-links":"^9.1.8","@types/gradient-parser":"^1.1.0","@vitejs/plugin-vue-jsx":"^5.1.5","eslint-plugin-prettier":"^5.5.5","postcss-flexbugs-fixes":"^5.0.2","eslint-plugin-storybook":"^9.1.8","@storybook/addon-actions":"^ 9.0.8","@typescript-eslint/parser":"^8.59.0","stylelint-config-prettier":"^9.0.5","stylelint-config-standard":"^40.0.0 ","conventional-changelog-cli":"^5.0.0","@storybook/addon-essentials":"^8.6.14","@vue/eslint-config-prettier":"^10.2.0","@storybook/addon-storysource":"^8.6.14","@vue/eslint-config-typescript":"^14.7.0 ","@commitlint/config-conventional":"^20.5.0","@typescript-eslint/eslint-plugin":"^8.59.0","stylelint-no-unsupported-browser-features":"^8.1.1"},"_npmOperationalInternal":{"tmp":"tmp/vue3-colorpicker_2.3.12_1776822540851_0.6829135112545404","host":"s3://npm-registry-packages-npm-production"}},"2.3.13":{"name":"@ankeinfo/vue3-colorpicker","version":"2.3.13","main":"dist/index.es.js","types":"dist/types/index.d.ts","author":{"name":"aesoper"},"license":"MIT","bugs":{"url":"https://github.com/ankeInfo/vue3-colorpicker/issues"},"homepage":"https://github.com/ankeInfo/vue3-colorpicker#readme","scripts":{"dev":"vite","build":"rimraf dist && vite build --config ./vite.config.lib.ts","build:lib":"rimraf dist && vue-tsc --noEmit && vite build","serve":"vite preview","lint:lint-staged":"lint-staged -c ./.husky/lintstagedrc.js","lint:pretty":"pretty-quick --staged","prepare":"husky install","clean:dist":"rimraf dist","pub":"cd dist && npm publish --registry=https://registry.npmjs.org --access public && cd ..","unpub":"npm unpublish @ankeinfo/vue3-colorpicker --force --registry=https://registry.npmjs.org","prelink":"cd dist && yarn link && cd .. && yarn link @ankeinfo/vue3-colorpicker","deploy":"gh-pages -d storybook-static","storybook":"storybook dev","build-storybook":"rimraf storybook-static && storybook build","reinstall":"rimraf node_modules && yarn install"},"dependencies":{"@popperjs/core":"^2.11.8","@vueuse/core":"^14.0.0","gradient-parser":"^1.1.1","lodash-es":"^4.17.21","tinycolor2":"^1.6.0","vue":"^3.5.25","vue-types":"^6.0.0"},"devDependencies":{"@babel/core":"^7.28.5","@commitlint/cli":"^20.1.0","@commitlint/config-conventional":"^20.0.0","@storybook/addon-actions":"^ 9.0.8","@storybook/addon-docs":"^9.1.8","@storybook/addon-essentials":"^8.6.14","@storybook/addon-links":"^9.1.8","@storybook/addon-storysource":"^8.6.14","@storybook/cli":"^9.1.8","@storybook/vue3":"^9.1.8","@storybook/vue3-vite":"^9.1.8","@types/gradient-parser":"^1.1.0","@types/jest":"^30.0.0","@types/lodash-es":"^4.17.12","@types/node":"^24.10.1","@types/tinycolor2":"^1.4.6","@typescript-eslint/eslint-plugin":"^8.48.0","@typescript-eslint/parser":"^8.48.0","@vitejs/plugin-vue":"^6.0.2","@vitejs/plugin-vue-jsx":"^5.1.2","@vue/compiler-sfc":"^3.5.25","@vue/eslint-config-prettier":"^10.2.0","@vue/eslint-config-typescript":"^14.6.0 ","babel-loader":"^10.0.0","conventional-changelog-cli":"^5.0.0","eslint":"^9.39.1","eslint-plugin-jest":"^29.2.1","eslint-plugin-prettier":"^5.5.4","eslint-plugin-storybook":"^9.1.8","eslint-plugin-vue":"^10.6.0","gh-pages":"^6.3.0","husky":"^9.1.7","jest":"^30.2.0","lint-staged":"^16.2.7","postcss":"^8.5.6","postcss-flexbugs-fixes":"^5.0.2","prettier":"^3.6.2","pretty-quick":"^4.2.2","rimraf":"^6.1.2","sass":"^1.94.2","storybook":"^8.6.14","stylelint":"^16.26.0","stylelint-config-prettier":"^9.0.5","stylelint-config-standard":"^39.0.1","stylelint-no-unsupported-browser-features":"^8.0.5","stylelint-order":"^7.0.0","typescript":"^5.9.3","vite":"^7.2.4","vite-plugin-dts":"^4.5.4","vue-loader":"^17.4.2","vue-tsc":"^3.1.5"},"gitHead":"566bb976daae129ed6c497b055998d46e54262f3","_id":"@ankeinfo/vue3-colorpicker@2.3.13","description":"非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。","_nodeVersion":"25.2.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-i3GT4+wgMWMBErDVXkCA8JQviUOnZ6mbrnqqpdrIlefT8ml3nuWBNja8Rc56DkL6CsvA6hWLX86p6MJjbxYijQ==","shasum":"b87c6267be939baef71f55bfa0ddcf187bda299c","tarball":"https://registry.npmjs.org/@ankeinfo/vue3-colorpicker/-/vue3-colorpicker-2.3.13.tgz","fileCount":33,"unpackedSize":315325,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAQNhn8PYwModhhlVdYzNP9BrxrkVoDXqnCErxL11VBaAiEA6QeanbFo7wRf2IDHdryM4tnvbTavNUfNz6W4U1HRrjc="}]},"_npmUser":{"name":"hughzhuang","email":"277100963@qq.com"},"directories":{},"maintainers":[{"name":"hughzhuang","email":"277100963@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue3-colorpicker_2.3.13_1776823277599_0.9342412254935106"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-26T03:42:27.303Z","modified":"2026-04-22T02:01:17.848Z","2.3.0":"2025-09-23T09:35:53.665Z","2.3.1":"2025-09-26T08:45:42.847Z","2.3.2":"2025-09-28T02:29:44.227Z","2.3.3":"2025-09-28T06:11:44.871Z","2.3.4":"2025-10-10T09:03:38.359Z","2.3.5":"2025-10-10T09:19:18.621Z","2.3.6":"2025-10-10T09:42:10.761Z","2.3.7":"2025-11-26T03:17:47.449Z","2.3.8":"2025-11-26T03:31:39.823Z","2.3.9":"2025-11-26T03:38:52.873Z","2.3.10":"2025-11-26T03:42:27.610Z","2.3.11":"2026-04-20T08:40:16.934Z","2.3.12":"2026-04-22T01:49:00.997Z","2.3.13":"2026-04-22T02:01:17.732Z"},"bugs":{"url":"https://github.com/ankeInfo/vue3-colorpicker/issues"},"author":{"name":"aesoper"},"license":"MIT","homepage":"https://github.com/ankeInfo/vue3-colorpicker#readme","description":"非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。","maintainers":[{"name":"hughzhuang","email":"277100963@qq.com"}],"readme":"# colorpicker\r\n\r\n非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。\r\n\r\n注意：本文档适用于 v2 以上版本。如果您正在使用旧版本，请参阅 v1 分支。v2 版本为破坏性更新，不再支持 v1 中的某些功能,请谨慎使用。\r\n\r\n[在线 demo 演示](https://aesoper101.github.io/vue3-colorpicker/)\r\n\r\n[English](https://github.com/aesoper101/vue3-colorpicker/blob/main/README.md)\r\n\r\n## 安装\r\n\r\n```\r\nyarn add vue3-colorpicker\r\n```\r\n\r\n或者\r\n\r\n```\r\nnpm install vue3-colorpicker\r\n```\r\n\r\n## 如何使用\r\n\r\n### 第一步全局注册\r\n\r\n```\r\nimport Vue3ColorPicker from \"vue3-colorpicker\";\r\nimport \"vue3-colorpicker/style.css\";\r\n\r\ncreateApp(App)\r\n .use(router)\r\n .use(Vue3ColorPicker)\r\n .mount(\"#app\");\r\n```\r\n\r\n或者局部注册\r\n\r\n```vue3\r\nimport { ColorPicker } from \"vue3-colorpicker\";\r\nimport \"vue3-colorpicker/style.css\";\r\n\r\nexport default defineComponent({\r\ncomponents: { ColorPicker },\r\n});\r\n```\r\n\r\n### 使用组件\r\n\r\n```vue3\r\n\r\n \r\n \r\n
\r\n\r\n\r\n```\r\n\r\n具体文档请参考 [在线 demo 演示](https://aesoper101.github.io/vue3-colorpicker/)\r\n\r\n案例代码在 src/stories 目录下\r\n\r\n\r\n--------发布版本操作说明--------------------------\r\n package.json 中 version 字段修改为新的版本号\r\n public/package.json 中 version 字段修改为新的版本号\r\n dependencies 中的 版本也记得修改为新的版本号\r\n执行命令 `npm run build` 构建项目\r\n执行命令 `npm login` 登录 npm 注册账号 【需要2步验证】\r\n执行命令 `npm pub` 发布项目 [注意是pub]\r\n\r\nnpm publish --access public --otp=123456","readmeFilename":"README.ZH-cn.md"}