{"_id":"@ans1998/vue3-color","_rev":"1-8f0d528cb0c10b4fe17855f7b44ab506","name":"@ans1998/vue3-color","dist-tags":{"latest":"3.0.7"},"versions":{"3.0.6":{"name":"@ans1998/vue3-color","version":"3.0.6","description":"Color of Vue 3 Components","keywords":["color","vuejs","vuejs3","vue3"],"main":"dist/vue3-color.common.js","unpkg":"dist/vue3-color.umd.min.js","jsdelivr":"dist/vue3-color.umd.min.js","scripts":{"dev":"npm run serve","prod":"npm run build && npm run gh:build","serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name vue3-color src/build.js","gh:build":"vue-cli-service build --dest='dist/vue3-color'","lint":"vue-cli-service lint","patch":"npm version patch && npm run build && npm publish && git push --follow-tags"},"homepage":"https:/Ans1998.github.io/vue3-color/","repository":{"type":"git","url":"git+https://github.com/Ans1998/vue3-color.git"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","@vue/eslint-config-standard":"^6.1.0","clamp":"^1.0.1","core-js":"^3.21.1","eslint":"^7.32.0","eslint-plugin-import":"^2.25.3","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^5.1.0","eslint-plugin-vue":"^8.0.3","lodash":"^4.17.21","material-colors":"^1.2.6","tinycolor2":"^1.4.2","vue":"^3.2.31"},"license":"MIT","gitHead":"581f425588dfaf4527b071fb8af8934ebec059cf","bugs":{"url":"https://github.com/Ans1998/vue3-color/issues"},"_id":"@ans1998/vue3-color@3.0.6","_nodeVersion":"16.9.0","_npmVersion":"7.21.1","dist":{"integrity":"sha512-E3AGOhWLAbInbC8gO8XxzFmCpx7SwaJv+/2DsACgqhjm2i7F1yScIPjuTsgOJNMwkyK1mswXvJaqwb5qhVjpSA==","shasum":"163902bf3d6d06df3bc666a6f12d6d36947ffe97","tarball":"https://registry.npmjs.org/@ans1998/vue3-color/-/vue3-color-3.0.6.tgz","fileCount":8,"unpackedSize":1819425,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICIAaRX8Dng6jdb3684fe5XB5I4EIrwgUAJ4GYJfkKclAiBB2aqMceo2e+oUf8NP/jumS3CJn78rFyVROiNAa+3O5A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixj7MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhKA//bPahku9cWt+5WnI60Axv/aWkEpZn+NcsrRg9gMLW2WN6jybp\r\nZCSh0eUDaSGR2XlUz3VDNf5Zg2yZKRo2FygtuPalp5ThiZckGQVkOqQ3g50V\r\nETkcdbBx+fAZ+ANX4E7EbzNOTtaGnOnEwdigaKoqS2lbHuNvAyW5A3ag6rRw\r\n1KCndFk+ul4J8lm/8ZttLHNx0K94A5T8+MpwrPKj7AYaSmcV2ZmceIH1JMQ/\r\n7e1vqYGpIKC9wg8q99i1EkjKrKDfHF2LqhPfiW63Nu1j2q6fTIlN2fR3f2io\r\nEvDVYnv2yQt36rV7YYPYZvYjUFoiB7dS6UkPW5uuiernRbshvU5dLvfHPdfU\r\nvPMSxAZwL2JzvvpPsXEU5/vtzTuf4CpcehvYfaUSiMbIniY4g1Sf15yDjkCf\r\nBTOoPE+2Y7rnzj9UR2nFtMVAEaBMsRQ5Itv+nEg0352ehFzqb6U+72zj4NBZ\r\nV/7qREZbyKV23V49I5WLxiZ3gJygHTeyeG804ZTOy+Rc56SgobrOwnbE295C\r\n5nW4i1aVDNP8qKmKVTzAJrhJiqhnSH+GlmPVdUwjtCtwsZeaYARV6y+QbrZJ\r\n7VJ6DQMmUDOD8WMW7J2WRD9QEbY5mQ16+CcBVMnzwoApXa9iX9GFZtiCW9Oh\r\nk1BuQ/OlZatJaNT+QnSOFirTIHjH0EpVJiI=\r\n=iP2I\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"ans1998","email":"1633004849@qq.com"},"directories":{},"maintainers":[{"name":"ans1998","email":"1633004849@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-color_3.0.6_1657159372308_0.6780293283788472"},"_hasShrinkwrap":false},"3.0.7":{"name":"@ans1998/vue3-color","version":"3.0.7","description":"Color of Vue 3 Components","keywords":["color","vuejs","vuejs3","vue3"],"main":"dist/vue3-color.common.js","unpkg":"dist/vue3-color.umd.min.js","jsdelivr":"dist/vue3-color.umd.min.js","scripts":{"dev":"npm run serve","prod":"npm run build","serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name vue3-color src/build.js","gh:build":"vue-cli-service build --dest='dist/vue3-color'","lint":"vue-cli-service lint"},"homepage":"https:/Ans1998.github.io/vue3-color/","repository":{"type":"git","url":"git+https://github.com/Ans1998/vue3-color.git"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","@vue/eslint-config-standard":"^6.1.0","clamp":"^1.0.1","core-js":"^3.21.1","eslint":"^7.32.0","eslint-plugin-import":"^2.25.3","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^5.1.0","eslint-plugin-vue":"^8.0.3","lodash":"^4.17.21","material-colors":"^1.2.6","tinycolor2":"^1.4.2","vue":"^3.2.31"},"license":"MIT","gitHead":"994a89fd2c65b4f3019c9afe07ceee050daac99e","bugs":{"url":"https://github.com/Ans1998/vue3-color/issues"},"_id":"@ans1998/vue3-color@3.0.7","_nodeVersion":"16.9.0","_npmVersion":"7.21.1","dist":{"integrity":"sha512-gE3M8Z720orOvdnakbN1uIRbP9kdrzYBEAJOWGvPRLbrhSJaxJcP+UqqjW+GDKErUiufFDJFqrD6YHq48dqtgA==","shasum":"ec96d8f7fad4b7908d5ba54df96fb1035deccfe6","tarball":"https://registry.npmjs.org/@ans1998/vue3-color/-/vue3-color-3.0.7.tgz","fileCount":8,"unpackedSize":1816581,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfXdMzOs5CSnKdcd6iPEWItjkaEV/dfq7xLZ29bQCOdQIhAOT6GrnuipvdCe/cMmXhjpldfZl82c5n8jax8V4joRWG"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixkLAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsrA/7BreBylWQ1PDulHJ6zePPiYmWBLixdGWk5LYdw4391GsEMWpe\r\nbDMyB8+PzsgcmyG8R3keoXJ88BYbEKUce5MJDzmXBPxGUHd/BQxvuWn1rIA6\r\nkh8KMp+MzFWtLZ+50htWtWBug+mEOFg7I4GaclU5iYJyaNBkfxnBghmqgeUr\r\nGwIxRC0qDHPK/5NkiPw3gMreGQscPGlnrjT2fOhnkB2pYjqFWa6jJCu8nMdt\r\nTIePaXTQ1LCpKT9u6VtK4nQrJtAKPqEmYY5RNvJY2k398l9QlM7xoZNTOADn\r\neGVjJpoY6OkDkpcKK/J+x4n0vR7Xj3DL3eRr4U/4F5MC/l2sF1JyGSwjgbMF\r\ngnsXIxFBPiuKQlnbHjeCzsM1ft42Po0exfx864fUIWiYNIijgeTP6wX6zPpi\r\nXnl5uYN2fuwlnagFYDfBxcQqyLBg4gvTRLPn5d2lrB1rN21b1w5P4BF8nskY\r\n85/haQdzsr4DqjkkES0nByRqBAQKMEyOHStddaGXmLsEOcXj1kIdbyvNlBOj\r\nkfPOlJC9m+1Xp45XQDQzLZ8ACTynSsLgCUu/6XBcTXcLVjmxMI6Ziun9mT1V\r\nGCs3y7ekdISnB063J0JRWBtJABSbLkNPyz3OeQo/rLLg6HGLPx2H3xyNe6e+\r\nJbWuRdc7p127HZ80EaPJF+hLUcNwA2SMXd4=\r\n=IBxE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"ans1998","email":"1633004849@qq.com"},"directories":{},"maintainers":[{"name":"ans1998","email":"1633004849@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-color_3.0.7_1657160384604_0.2738670619916568"},"_hasShrinkwrap":false}},"time":{"created":"2022-07-07T02:02:52.251Z","3.0.6":"2022-07-07T02:02:52.519Z","modified":"2022-07-07T02:19:44.891Z","3.0.7":"2022-07-07T02:19:44.819Z"},"maintainers":[{"name":"ans1998","email":"1633004849@qq.com"}],"description":"Color of Vue 3 Components","homepage":"https:/Ans1998.github.io/vue3-color/","keywords":["color","vuejs","vuejs3","vue3"],"repository":{"type":"git","url":"git+https://github.com/Ans1998/vue3-color.git"},"bugs":{"url":"https://github.com/Ans1998/vue3-color/issues"},"license":"MIT","readme":"# vue3-color\r\n\r\n\r\nColor Pickers for Sketch, Photoshop, Chrome & more with Vue 3.\r\n\r\nThis package bring Vue 3 support to original package : [vue-color](https://www.npmjs.com/package/vue-color)\r\n\r\n## [Live demo](https://Ans1998.github.io/vue3-color/)\r\n\r\n![intro](./src/assets/xP9JaBaPBJ.gif)\r\n\r\n## Installation\r\n\r\n### NPM\r\n```bash\r\n$ npm i @ans1998/vue3-color\r\n```\r\n\r\n### 使用\r\n``` js\r\n\r\n<div>\r\n  <h2>Sketch</h2>\r\n  <div style=\"width: 40px; height: 40px; cursor: pointer\" :style=\"{backgroundColor: sketchBgColor}\" @click=\"changSketch\"></div>\r\n  <Sketch v-model=\"colors\" :show=\"showSketch\" @changButton=\"changSketchButton\"></Sketch>\r\n</div>\r\n\r\nimport { Sketch } from '@ans1998/vue3-color'\r\n\r\n/** \r\nlet item = {\r\n    isOk: true,\r\n    activeColor: '',\r\n    hex: ''\r\n}\r\n*/\r\ncomponents: {\r\n  Sketch\r\n}\r\n\r\ndata () {\r\n  return {\r\n    colors: \"\",\r\n    sketchBgColor: \"#222\",\r\n    showSketch: true\r\n  }\r\n}\r\n\r\nchangSketchButton (item) {\r\n  this.showSketch = false\r\n  console.log(item)\r\n  if (item.isOk) {\r\n    console.log('确定')\r\n    this.sketchBgColor = item.activeColor\r\n  } else {\r\n    console.log('取消')\r\n  }\r\n}\r\n```\r\n\r\n### ts\r\n```\r\nshims-vue.d.ts\r\n/* eslint-disable */\r\ndeclare module '*.vue' {\r\n  import type, { DefineComponent } from 'vue'\r\n  const component: DefineComponent<{}, {}, any>\r\n  export default component\r\n}\r\ndeclare module '@ans1998/vue3-color'\r\n```\r\n\r\n## 说明\r\n基于@lk77的项目进行二开\r\n\r\n## License\r\n\r\n@ans1998/vue3-color is licensed under [The MIT License](LICENSE).\r\n","readmeFilename":"README.md"}