{"_rev":"9-44009067b977a5822544600563959d4e","time":{"created":"2025-09-05T13:49:18.406Z","modified":"2025-09-05T13:49:18.887Z","2.3.0":"2025-09-03T11:41:12.744Z","2.3.1":"2025-09-03T12:09:15.081Z","2.3.2":"2025-09-05T06:27:23.208Z","2.3.3":"2025-09-05T06:30:32.241Z","2.3.4":"2025-09-05T13:49:18.650Z"},"_id":"@arkn/vue3-colorpicker","name":"@arkn/vue3-colorpicker","dist-tags":{"latest":"2.3.4"},"versions":{"2.3.4":{"name":"@arkn/vue3-colorpicker","version":"2.3.4","main":"index.es.js","types":"types/index.d.ts","author":{"name":"aesoper"},"license":"MIT","bugs":{"url":"https://github.com/noeGnh/vue3-colorpicker/issues"},"homepage":"https://github.com/noeGnh/vue3-colorpicker#readme","dependencies":{"@aesoper/normal-utils":"^0.1.5","@popperjs/core":"^2.11.8","@vueuse/core":"^10.1.2","gradient-parser":"^1.0.2","lodash-es":"^4.17.21","tinycolor2":"^1.4.2","vue-types":"^4.1.0"},"peerDependencies":{"@aesoper/normal-utils":"^0.1.5","@popperjs/core":"^2.11.8","@vueuse/core":"^10.1.2","gradient-parser":"^1.0.2","lodash-es":"^4.17.21","tinycolor2":"^1.4.2","vue":"^3.2.6","vue-types":"^4.1.0"},"_id":"@arkn/vue3-colorpicker@2.3.4","gitHead":"d0109da750bfb01b636866a8b3380dbc5c5306e8","description":"⚠️ This repository is a fork of [vue3-colorpicker](https://github.com/aesoper101/vue3-colorpicker).","_nodeVersion":"22.2.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-WsQdE8gruZX83I6U2wQGu2u+jmZFl33jYcN+HPKrrXNVWIeeoB3rgGtLs1UYYBXHyC1ysl6JwYUqvRchzeTGEQ==","shasum":"f8e0f014ccd23f13697659275c072c8918ef9dcd","tarball":"https://registry.npmjs.org/@arkn/vue3-colorpicker/-/vue3-colorpicker-2.3.4.tgz","fileCount":23,"unpackedSize":156788,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIA3xmIRenpec0rdRxMcup3rZlc4U4AoXglSyZ+Mmxn6ZAiBqnns7IOVhPgXeklenbAsljqZT+dHVTN8uDsz9wrxIjQ=="}]},"_npmUser":{"name":"arkn","email":"noegnanih@gmail.com"},"directories":{},"maintainers":[{"name":"arkn","email":"noegnanih@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue3-colorpicker_2.3.4_1757080158465_0.11273834221502566"},"_hasShrinkwrap":false}},"maintainers":[{"name":"arkn","email":"noegnanih@gmail.com"}],"description":"⚠️ This repository is a fork of [vue3-colorpicker](https://github.com/aesoper101/vue3-colorpicker).","homepage":"https://github.com/noeGnh/vue3-colorpicker#readme","author":{"name":"aesoper"},"bugs":{"url":"https://github.com/noeGnh/vue3-colorpicker/issues"},"license":"MIT","readme":"# colorpicker\n\n⚠️ This repository is a fork of [vue3-colorpicker](https://github.com/aesoper101/vue3-colorpicker).\n\nA very beautiful color picker, supports input and output of multiple color formats, and supports gradient color selection.\n\nNote: This document is for Vue3ColorPicker v2. If you are looking for an older versions, refer to the v1 branches.The v2 version is a destructive update, and some functions in v1 are no longer supported. Please use it with caution\n\n[Live Demo](https://aesoper101.github.io/vue3-colorpicker/)\n\n[中文文档](https://github.com/aesoper101/vue3-colorpicker/blob/main/README.ZH-cn.md)\n\n![Vue3-colorpicker](https://raw.githubusercontent.com/aesoper101/vue3-colorpicker/main/src/assets/example.jpg?raw=true)\n\n## Installation\n\n```bash\npnpm add @arkn/vue3-colorpicker\n```\n\nOR\n\n```bash\nyarn add @arkn/vue3-colorpicker\n```\n\nOR\n\n```bash\nnpm install @arkn/vue3-colorpicker\n```\n\n## How to use\n\n### The first step is global registration\n\n```ts\nimport Vue3ColorPicker from \"@arkn/vue3-colorpicker\";\nimport \"@arkn/vue3-colorpicker/style.css\";\n\ncreateApp(App)\n  .use(router)\n  .use(Vue3ColorPicker)\n  .mount(\"#app\");\n```\n\nOR\n\n```vue3\nimport { ColorPicker } from \"@arkn/vue3-colorpicker\";\nimport \"@arkn/vue3-colorpicker/style.css\";\n\nexport default defineComponent({\ncomponents: { ColorPicker },\n});\n```\n\n### Usage\n\n```vue3\n<template>\n  <div>\n     <color-picker v-model:pureColor=\"pureColor\" v-model:gradientColor=\"gradientColor\"/>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { ref } from \"vue\";\n  import { ColorInputWithoutInstance } from \"tinycolor2\";\n\n  export default defineComponent({\n     setup() {\n       const pureColor = ref<ColorInputWithoutInstance>(\"red\");\n       const gradientColor = ref(\"linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%)\");\n\n       return { pureColor, gradientColor }\n     }\n  });\n</script>\n\n```\n\n[Live Demo](https://aesoper101.github.io/vue3-colorpicker/)\n","readmeFilename":"README.md"}