{"_id":"@douyinfe/semi-material-color-picker","_rev":"27-b2d94c6052ddec00a58c2b6bcc27462f","name":"@douyinfe/semi-material-color-picker","dist-tags":{"latest":"2.0.3"},"versions":{"1.0.4":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.4","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.4","maintainers":[{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"76a10d1ca78233055403fd747ae289129e439e8f","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.4.tgz","fileCount":27,"integrity":"sha512-k/rd8KhB2czgQwMxGdf+SRz8sBRi3966D1dbuNqVm9tH4msEjkrbwD7/1h3X+SDfjNOGw/sh8NGMWJZSBBYz0Q==","signatures":[{"sig":"MEUCIHlaD8WetifeaFAlAMBhuiArMYzxlfZxEzyUOkc3UVa6AiEA75OLC/hkschOjBj5/12KHYZ8B2BdU04XdpaM2xRNQoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":209117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirEBsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqskg/7Bu+uZftKINSzrnFqyw65nJfVl0OmbW4Y1WE848nnBZnJqS7p\r\n+TMTOxmKBHOOjxhdsMH191SBt3fYZXTC0V2ipooWszbjQ9Rpmb72Fvmp+ZjH\r\nN4eXPpXIyCba9IJV0B+wKoJJTxLT7MwfyrxBopAiOfvGhrNFINg+1JcTvTMk\r\nmCkC2ELNma4lTx0wrsssF2wNd7AX9JhcuE+TtyB3MlgYVKctCQ+w8SjrUFHs\r\nptAI2MfYFSmEMsMKw/mG2gMO83UgA7DB6ZH6vS+/463uuUGV8mliL3JqZGPD\r\nLQdsTGV+F128KTgfIkEqssQctEdxXXZ/4KjK7Ju/jJqe46BkoFQk9MgEdle7\r\nr6fJuZ4eNX2CyWd6MLFdC/YmB0FDKbqaNC/rRXqZS45SkaMjBOY3ExqmnVH0\r\n4+1mzFIh1B+7cZwiTXn3XRoX3F6k8LQcVjGIdCUmEViCaLCfvFCVfIYoPFZQ\r\nSxECt85kxOkGhF0PBVvj8wWzCfr3t+rjKpCRvINgVosaXOqorwmhUDcBys7O\r\no3T8Ns61RxLIcnRT8/ngS0xsYZP2IZ0R1UxrZ2rGcsm1mKFuHXj2wWj3SC24\r\n+XY8BZxwwdMP1VorJtNHo+GM85BqIDyWCXRWp83YAG4mrNnuAxP8pdETR70b\r\nFEBZl5Yv3SEk++8R4YmOlsAiHmjhk6x8uzI=\r\n=Ht+y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","gitHead":"3b586fae9be47fa385a93eeec95a0ec668eaf53c","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"_npmVersion":"8.1.0","description":"Semi Color Picker","directories":{"doc":"docs"},"_nodeVersion":"16.13.0","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.4_1655455852236_0.5009914250631871","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.5","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.5","maintainers":[{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"6a1e94d32e08d7e9709442c592098be05614beaa","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.5.tgz","fileCount":27,"integrity":"sha512-vv8lDG5q31zB/10BsNKBzaEjY+PW/qP83+YzZqfwHH2oNLywOsZZxXErBCg4gtLkZRq1t/dkXh0KzZCT4I98RA==","signatures":[{"sig":"MEUCICtdZaDXiycws2cWwvZL0qYko2xAssZMrbW56/lF3EjoAiEAjl8LMn3CWcKe0n5hJKQge+Sj7yhLCvGpfXmvJPOGEZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":209046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivVipACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjjA//eNFPcV912QpKbLPrE34/Jiyah44HlftnGs0+2pqwtGuZPScj\r\ndFDGPIQCfyYLPL3zwPbvCtsdDzWUhVFP0bFJV5af31xqFG9ikyDodxVJ/o0L\r\nvvq5bpvGzcLe0EMCGIkUzSS7B5HTcB8wtbUJkaT1N4kqim7F/dnfvYADxCJ7\r\nEsMgzpW1gWuxPwMoyUnzfJmxO+xUwmOKxSscdKP5e48WQVmCp5uzDJsbtJdP\r\nmMNbHa5+51oZQJ8XMe6sfUjOwnu5Df/v5YQIgcDeNfyNxLt5P4FjvN6XSzNb\r\nmMI15j5obxuryQ6EDl5zS49Dtk/mQPNlAYFThMNXGKyJc512CkhT/bNDnXbn\r\n37/Ok3zYUZxT7++DjF/5DWx4PRu5wBtYycgBFRHCmbB9oO0YH2s3Ap1dgbH4\r\nUgKZ8ANxkX1UiqtYzp9sQ4s9uZAy2pRlaf7LCm+MYGYlgTgl54xk0oeWv85f\r\n1b2Y2MSIeqtBAIJujWaSVQhONSwIa1JtqLajCgjsyB7ZgyNlmo5O46jydYzy\r\nG+a+UBektksi6E1uY3/kV3ouX8jHB3qriNhRQK6+j4pWplzrMjQ9p5ly1WqC\r\nyxB/9sHlfZ+NRpGNChG7s2NbbCPpUXpupy9Oak3rtpiFGCUblth8yhLjf7SH\r\n2m6IX6VkKgN7sRiSlZ5/qPhjgzMuOHPtysM=\r\n=haAF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","gitHead":"5f6bf7caf5467e2e262ffce8fc2c8592e78b99b2","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"_npmVersion":"8.1.0","description":"Semi Color Picker","directories":{"doc":"docs"},"_nodeVersion":"16.13.0","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.5_1656576168833_0.616460607615771","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.6","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.6","maintainers":[{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"68a1397dfe9a1d3e0f6d506d1f7a79ef9487bc4b","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.6.tgz","fileCount":27,"integrity":"sha512-dKULnQC5ghe3c63mIkDTsCwOL6oknfC4rYmuwxaMB6aW4AkkssBM/kDNNZQK2Me/DtIMZdaQF1HqfEVi8HkpJQ==","signatures":[{"sig":"MEYCIQCENe1iNZfhrhgFuqFtc8zxqjsiW7ZLXxGmiP2Za78P3wIhAMScP1ULYISY53a2sokwrLR9qrlnrIxxnaxwk1U+QBJ7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":209192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivWETACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0Og/+ICsPfwzY9EWkizW4VQ9d2j1TaCmybSqzDzt9ziPRDqlysWkt\r\nfGaQndO4ndVmvRb4/tQbBS9TBdmMt99nv028uMb8MvcPh/9YydnO+Q4PWEbd\r\nly7uotfUxmHjhscAMhJAB6W2YHqoMRU8cxru+hQXJZc6fFeL6iwTbS4rjJwf\r\n5AnjUDTHV0Px3xnCRvfW0+NLwnrS4s0us2t06VVUBrHVw4Jv0a/kthqFJ49J\r\nRXVv8+BMTra8SAs9wZPIjeQrXa1AXKR7s89OI8lKFy538bY82X4sZBgVHWn/\r\nBZxPs73NSwYg4hnL3aWp0ECzIW2TTxNVhMi3gHY4wfjOfSkzf+N//+D+s59/\r\nClTTmYcBrd/cJSJqJqOs2z4SweD3fMRX6IfxkSHoCddG7BGdhCY3G4e9ZzLE\r\nv8liTmH8dOo0q5jzTJDvJPJnKZXR3TVffQNiW8zy1XitsSgPOBfk7k64NMKM\r\nRx+4C1gdkSYsy93ouRP9CWVSOtHPjclLjQPIVS7aZjwGau3r+FYLPoUUwEo/\r\nTphJGIIoSK2VGCU2MEYMn6pVkVxI8h9jQB28CdCXzAd/2/dKZjN8GGT+PeJ3\r\nvJ6Sf44hw4GAXWmI9ClnAjrUIi6gp1tq5oWIjHUbBr/Gvj7jWeJVRkeAnBPh\r\ndwOcpahsvEMvSibmXOpzLe/fVmqNEwv57eQ=\r\n=UmSg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","gitHead":"524f9c9ebe577c5b7f49488e33d9d8ce5b9c8824","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop && rollup -c rollup.config.js","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"_npmVersion":"8.1.0","description":"Semi Color Picker","directories":{"doc":"docs"},"_nodeVersion":"16.13.0","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.6_1656578323453_0.4239646317201866","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.7","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.7","maintainers":[{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"03dbff626292de09e4759dd2cd3ca62614ee84bf","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.7.tgz","fileCount":35,"integrity":"sha512-25G177pgDB5z2iG27RhGnPshPhNZN9A/6edZq+bRqlegt8dnOvfBuP/TRHsrn7Tbpm57mp1svd5F5swvHIgArQ==","signatures":[{"sig":"MEYCIQCxXdytMeHLoEAyEqF1rn65bHEkqZO6sxbiYPvQrh1j3gIhAOLIeOHLE5ufPvTCDxoDVIzro8zhMkr2xlIqlCjzvDIs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":218139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivWMXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpN/BAAhOBnV8nWxTW2c5xwgAvouFoTZSAkgt3BXUmeWtwE01sMGyXM\r\np2bUp79E4f7Fa+bKS1NLwzwcuxs8XZIHIl2SKrUjwYtChMAM5k/4B4dd/B7m\r\n+C+vOv4EA8V3mBFSaejQR+2BifesjZHJGCz/3c3YylPE1LqW/x+43EUc8QRp\r\nY2YcrEZ8hxOEQC6gy5sh+j/DEqSYgvtJIIk2fLwnAw1+FQsJPxvSmuZPb9fR\r\nma8hUXfKMPCx8zBAmUopfLrHTFDOIrpP4eep/oO+qBc3YMwTP2tx0lZpuGQ7\r\nzHyOzZkxWIHyiyFKQGhR0y2P7LzNxm9uQcc/Y+5ZUIj4fxcku+FDyYk7PftL\r\nNH8cr84hWVg0bMv3zJffFllVlZ25Zasmu6UJA3h2pAGehxZOhtc38dDwhPJQ\r\nO5w9VmeIubPnXu9LlS0VVbI4EjUQ69AYJo7qIftyI5MLKKB4XSjwNdaaXdRS\r\nB7hyAo8AVrYdESawOuyDBHoGhz2VDZ5oliuwo7nOSQRx4varvQBUs0QX2MH0\r\nIx4lLb0WnazVRzr26CiaYnjVIdq1blVfn3YlN/ikiUxDhSbi8LU+Zbbq5STN\r\nrT8W4Ipw5sHH4Q8UAs0pkJYOYKvF6DAykcudOXjCPtsqlfa0bvQmR4P/KqDe\r\nkspm5z2PaKaiK5Etu8wI7RjpuAwxRHAG+aE=\r\n=qCHj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","gitHead":"9b07a04107e6e504aa7b1094730340ab7c01c3cb","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"_npmVersion":"8.1.0","description":"Semi Color Picker","directories":{"doc":"docs"},"_nodeVersion":"16.13.0","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.7_1656578838942_0.9100303481649359","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.8","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.8","maintainers":[{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"be88932c8c4cfc3973d9ff5eb4c6e6519c4c853e","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.8.tgz","fileCount":35,"integrity":"sha512-udlQSztTBKKW2YodRbYBixJV4BloBZWUaQb2hh35udbj6IEOJtdkUflQFAOh2MZrsb8stVK3gZkxE1mMfjl2Fg==","signatures":[{"sig":"MEYCIQCnNNOQRPXOGU92TqBbWbzuUtvFFl6B+BWvo8XlLmfHSwIhALeYvNB6MSp1pcS6G5f0xbY04nxft39lL8ZG9Ze/S01G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":218145,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivWNsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppHQ/7B/MpFpZRjxRDEZ752kSq31xx5cE3ccAzFalkag+6krIhDNqC\r\nrgaXGAJavmB4Gf7YHd6FHjRRtyrjfxUJpSMwqQE2YsMsXZ+GKPhdGNk7DXkP\r\nMPy1qmMUmnoTxMDeCDEtDZg6S5Ta452a77+KNIkJU5cbU9ZZlfShw5EzJuwB\r\n0GSHUY4waTItOuRKR/8tExo4RvObVdzOZaP9JOV4ZYXJ8g4XT6OKcRGOk7I+\r\nUUT5O6Q5Ng1rzb8aCN4FS4bUNE3s9GXfMHYjKz7o0/gKJ4QO2yHToMlt25Bi\r\n1HY4fjdBpS3I5xPd7HPBUGAjDCCpUX+YJzh8dAHyyBZBwVOBS/QzNRhR2KH0\r\nMqbJPhl11z1pFN7LPNhA926D3B3E5wHVCUVIQKUPVPRB2G4pnAo5sABz+50D\r\nubvmGwPp2U3J0p63jsAlCnRR+6PJT7UtjIKkMzx5uu7OkVl6Mvag2XkIfZZg\r\nACHPIMBRAjmlP1pHzenUQr09YY6gv1nmdWTso+duCCMaxJ+JP8m8/TivsqKk\r\nnjFYBgESgoFZnRgTJcJhc01HigVAb7orMj/2OLl4+pkdfDcxnTjl4ni+4Wiv\r\nWCH1hcyTQGhEcO7WZpv0l9iZjDHqCRxiTA4ggaadVlxkUzylbBRO9FrzzaW7\r\nsHrw4kZPsWOeMKLSPARc6pO9ZWho36oVSbU=\r\n=Wc6P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","gitHead":"9b07a04107e6e504aa7b1094730340ab7c01c3cb","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"_npmVersion":"8.1.0","description":"Semi Color Picker","directories":{"doc":"docs"},"_nodeVersion":"16.13.0","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.8_1656578924783_0.26624716824411654","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.9","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.9","maintainers":[{"name":"yannlynn","email":"linyan.19960622@bytedance.com"},{"name":"yumeizhang","email":"zhangyumei.0319@bytedance.com"},{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"159756bbc3450b5c8bebd7586a404df842aeb5b1","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.9.tgz","fileCount":35,"integrity":"sha512-HH1tyuYSETMD+hJTZzoQPWHck76GXXcZxtx+NE1z3/Ks41ZJnJcJxYs+kzo99ECDFpkWy0UcW4z1qz3eCsU0hg==","signatures":[{"sig":"MEQCIA+n3vePApwFlPWSGyghmIjjux1vXnw1uwLvzwj3eGUoAiAZ05jSRqk6WbbTI3nBPUFos8eprONVJA3UkgQtU3LmfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":218137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAautACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpscBAAi8OVVYx5FH4rJea586mpbSwQNp3qoqFzUuEtpkXI1t5Ql9Nm\r\n+iEkebOaeluas57l7E7F1uOWWZjWpQoSUdZIKsK71pTf7zXuHeW0u2cWvp6Z\r\npQMXyRUUIEsDxw64I9gdzgednk0mTTeGbWKyM1CmiPSg1EGPuVSaM8f5xqde\r\nW06Euh5JUCxArWP2P4eS0A48DZEzwyi48KB1p6Zvl8XqlbAUsxV6JvKFCFGC\r\nRYsDHGA9BnWXxP/VOV+Wm0i3/4+gJPPxe3LKlvP58WE/EAN1u+brvr7I8hdD\r\nkbt53aI44bCl2VBgra9F/SsAgSKxI88/zvsaDAiYeh+/3yDnaiCCzZBssZhs\r\nbPoa0AZC4uXT81UrVb9QtioHnmOWbitbYKXlVU8aWdXOJj//y4XslkE5P9VR\r\n7uIC+7vk3x1TxdHtBi4+lNso1NJI/8biNn+IfP85C0UvHK+JSvmGZBqeoHig\r\nMGYFDFG5EW/TXVApkMPv1whcczU2z3e7I9sPnVPlSYeB3OfmcdXsdR3fK6FN\r\n0wVQVIBapQr27ZOIwb1EaltU2GmnPgMf2Q+P7d0fTymICECqbiLAJUDw1As0\r\noN7M1JuBmXXkM68KRIPQljs4KonepePNgyTMJfYKnHGlruSImU0V7xTZI0CH\r\nYGtcf0Oc5BqLAt5OIIKC2Xx0d34phyZSNZk=\r\n=g/Nd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","gitHead":"4620f6a6b88eb49fa4f668c0aba93b600d9eb6da","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"_npmVersion":"8.19.2","description":"Semi Color Picker","directories":{"doc":"docs"},"_nodeVersion":"16.18.1","_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.9_1677831085061_0.8505141271658776","host":"s3://npm-registry-packages"}},"1.0.10":{"name":"@douyinfe/semi-material-color-picker","version":"1.0.10","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@1.0.10","maintainers":[{"name":"yannlynn","email":"linyan.19960622@bytedance.com"},{"name":"yumeizhang","email":"zhangyumei.0319@bytedance.com"},{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"c4db72bd36d2c6ad3b1060513d26dadfd1aa412a","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-1.0.10.tgz","fileCount":52,"integrity":"sha512-3k2igAjUJaz6rLy/vsqMheWJjfSzDf8FVLfYhoLuzMtEsTL7aZwfGm8nZ/iRj0Xn+JszY9qLXeWlCpU0LZPydw==","signatures":[{"sig":"MEQCIDPIIzEMft6Ng3i3RhPL5vVpoKSB54L1m0HXnOX7IRs5AiBYY6NW4o84BF0SJJ5jrtjCGcCjNjPAotxIkXE1vYvt7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":218695,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJQ0GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/JA/9Gk1LasWqDvtIrYdCgtp9SJIYd8T5eQT3bT0LR1WPsYt5kl7z\r\n6Lkc/VT98FGBc1VEZL3IkVf3hBvfT27xSoyBkpNwqTfxGuSBAbJBo5CI98o7\r\n/iEZ29c1P5r/xok5JOP/EKgKtDEmixu81OhUIAEmi7FOyyTyq4ManjObkjR2\r\nHZCS3K52dsCtEBrH7bC5zuVPP4bGaSGDSB99UW+mdbKnSs45Uc9TN4vFo26g\r\nhyt9Z+fn6GnCozrxplovU9YChXvcmMNFjZi2YNFi5G7ak+mZoUdfKFx8eGW5\r\nlM8x8Owh8+wIT3A92XKnvnksyopKiIvOkEyPkzXHbfsXKhPX6xzzG1RjWZr9\r\nS+CJ2/cx1Vepd4x2u2t4abTZ/mVL6dN/K66j1kQT+pFOTJNuvsug8BGOM9Kd\r\nmeFj69DXHu2OSb1JIy1im8lvPisdZ4j2Qmn0noTEf8RftmUkD/c5g6mfRdlD\r\nsrrh5L1xh5YaOnuinrYvoDM3yEpszJ9AWKLP13IWhJC55Lls1f+9oOVgKGTr\r\n2Oc0sDQIV338GB6joAOxMldV4epyJOBLtHi7p8NmKWHvty9DvPRSKujhaDOr\r\nrfiQXsyV8hmuevc8tTSlci8yavT+85Z9IvCJiMJaCXM0cJJ+pPx5v6u7hfG2\r\nZPvPJvxkKZn69dteDYlgL/QE4Ha6R7DoBO0=\r\n=A5bE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","module":"dist/index.es.js","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"description":"Semi Color Picker","directories":{},"_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_1.0.10_1680149766065_0.9699602550291924","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@douyinfe/semi-material-color-picker","version":"2.0.0","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@2.0.0","maintainers":[{"name":"yannlynn","email":"linyan.19960622@bytedance.com"},{"name":"yumeizhang","email":"zhangyumei.0319@bytedance.com"},{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"37f0982966a7e49548bc037a407c4d6332dd057f","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-2.0.0.tgz","fileCount":52,"integrity":"sha512-Ecibyj/sPGiq932pgbWoN6H7fJuHTcHJQtrdETzstbZeLpgmgP39Ao3TL5vtz7mtqUZqg8oSpVy7pmFsBT8iLg==","signatures":[{"sig":"MEUCIQCMVTRiYKAmQaTCnSsOCJOr8bJr75pqZ6LuvbvFOqrGCAIgf/Zo9L8pUnjuL3n2uMKMJQsruN5xXYgTn0NhymkPxEs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":221620},"main":"dist/index.cjs.js","module":"dist/index.es.js","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"description":"Semi Color Picker","directories":{},"_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_2.0.0_1685430523793_0.11316060160173103","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@douyinfe/semi-material-color-picker","version":"2.0.1","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@2.0.1","maintainers":[{"name":"yannlynn","email":"linyan.19960622@bytedance.com"},{"name":"yumeizhang","email":"zhangyumei.0319@bytedance.com"},{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"4eb2fd56a51792a5d7c93076da957830591b1429","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-2.0.1.tgz","fileCount":52,"integrity":"sha512-OJxJ4upIeNWXWPOxHkF4QUJV0ptrZ4bhNT2n/FiP/JahcnAYSRR7T7I1qIN0f3x1nU43yP8wPVEOKKqysTSeew==","signatures":[{"sig":"MEUCIAM+yVlrXK6jypatyczbjxDjI1PmOOIF93fv2lxDrqKbAiEAwWQllijiPakGVhB6dmqY21RFomf7R3Pm1x+9BrQl7Ik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":223474},"main":"dist/index.cjs.js","module":"dist/index.es.js","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"description":"Semi Color Picker","directories":{},"_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_2.0.1_1686023968141_0.07271600235132492","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@douyinfe/semi-material-color-picker","version":"2.0.2","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@2.0.2","maintainers":[{"name":"yannlynn","email":"linyan.19960622@bytedance.com"},{"name":"yumeizhang","email":"zhangyumei.0319@bytedance.com"},{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"f3dfdf3e9ee9aceb6894816cd6d05ceaa54b4d14","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-2.0.2.tgz","fileCount":52,"integrity":"sha512-O6+uOwILHu7tEMdxZY9e1pY5MAdGNWEO07d9SrE4QnBsQ6J+fXedWPYpgFn1M6wxEZ0gxcoMU456cttANz1gHw==","signatures":[{"sig":"MEYCIQC3N4BshuDqZs+/xjCWxLxUVawnpRYC1NMcyPs7wENcHQIhAJiSpxvpLw8+0RVfpDn2Mb/Ap5NdxtANE3wLJdodZqUl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":225991},"main":"dist/index.cjs.js","module":"dist/index.es.js","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"description":"Semi Color Picker","directories":{},"_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_2.0.2_1686551192043_0.6242009303759963","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@douyinfe/semi-material-color-picker","version":"2.0.3","author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","_id":"@douyinfe/semi-material-color-picker@2.0.3","maintainers":[{"name":"yannlynn","email":"linyan.19960622@bytedance.com"},{"name":"yumeizhang","email":"zhangyumei.0319@bytedance.com"},{"name":"xyqnpm","email":"963945230@qq.com"},{"name":"chenyuling_99","email":"2897876309@qq.com"},{"name":"point.halo","email":"point.halo@outlook.com"},{"name":"zwlafk","email":"wlongtony@gmail.com"},{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},{"name":"shijiatongxue","email":"imshijia@163.com"},{"name":"bytednpm","email":"bnpm@bytedance.com"},{"name":"wuhw","email":"15990176834@163.com"}],"dist":{"shasum":"6625333a22c1ae67881f94a80742111a006a71fc","tarball":"https://registry.npmjs.org/@douyinfe/semi-material-color-picker/-/semi-material-color-picker-2.0.3.tgz","fileCount":52,"integrity":"sha512-m6fxbxXoWGHUzixDZgKGoZxwaxWwkku4b0gRQ6SPMcCE0OrbDbLOEQmjbTKVseXYwvRHTPeSlo9BjTy55Tw02Q==","signatures":[{"sig":"MEUCIAtCNdYbAGt5YxMFrnRJMgyAXR5OXxambT1moYU0ODtOAiEAvQuV5u9mcX88RpxNqv2KeYyi7MDq1zUXMcSU6HUEA8M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":226309},"main":"dist/index.cjs.js","module":"dist/index.es.js","private":false,"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c rollup.config.js && npx -p typescript tsc src/index.tsx  --declaration  --emitDeclarationOnly --outDir dist/types --jsx react-jsx --skipLibCheck --esModuleInterop ","start":"start-storybook -p 6006","storybook":"start-storybook -p 6006","prepublishOnly":"npm run build","build-storybook":"build-storybook"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"daiqiangreal","email":"daiqianghaha@foxmail.com"},"description":"Semi Color Picker","directories":{},"_hasShrinkwrap":false,"devDependencies":{"postcss":"^8.4.14","rollup-plugin-postcss":"^4.0.2"},"peerDependencies":{"react":">=17.0.2","react-dom":">=17.0.2","@emotion/css":">=11.7.1","@douyinfe/semi-ui":">=2.7.0","@douyinfe/semi-icons":">=2.7.0","@douyinfe/semi-illustrations":">=2.7.1"},"_npmOperationalInternal":{"tmp":"tmp/semi-material-color-picker_2.0.3_1697442529508_0.002296812063432352","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-06-17T08:19:37.366Z","modified":"2025-08-26T04:14:50.435Z","1.0.0":"2022-06-17T08:19:37.727Z","1.0.1":"2022-06-17T08:25:44.768Z","1.0.2":"2022-06-17T08:42:13.045Z","1.0.3":"2022-06-17T08:45:29.835Z","1.0.4":"2022-06-17T08:50:52.396Z","1.0.5":"2022-06-30T08:02:48.998Z","1.0.6":"2022-06-30T08:38:43.691Z","1.0.7":"2022-06-30T08:47:19.152Z","1.0.8":"2022-06-30T08:48:44.969Z","1.0.9":"2023-03-03T08:11:25.218Z","1.0.10":"2023-03-30T04:16:06.243Z","1.0.11":"2023-05-30T07:02:01.156Z","2.0.0":"2023-05-30T07:08:43.975Z","2.0.1":"2023-06-06T03:59:28.541Z","2.0.2":"2023-06-12T06:26:32.229Z","2.0.3":"2023-10-16T07:48:49.682Z"},"author":{"name":"daiqianghaha@foxmail.com"},"license":"MIT","description":"Semi Color Picker","maintainers":[{"email":"zhangyumei.0319@bytedance.com","name":"yumeizhang"},{"email":"15990176834@163.com","name":"wuhw"},{"email":"bnpm@bytedance.com","name":"bytednpm"},{"email":"imshijia@163.com","name":"shijiatongxue"},{"email":"daiqianghaha@foxmail.com","name":"daiqiangreal"},{"email":"point.halo@outlook.com","name":"point.halo"},{"email":"linyan.19960622@bytedance.com","name":"yannlynn"},{"email":"2862660175@qq.com","name":"anjiazhuyouxing"},{"email":"zhangweicheng.1@bytedance.com","name":"zhangweicheng.1"},{"email":"semi-team@bytedance.com","name":"semi-bot"}],"readme":"## 取色器\nSemi 风格的取色器. 0 dependence.\n\n![img_1.png](img_1.png)\n\n## 代码演示\n\n此处示例可实时编辑和运行\n```jsx live=true dir=\"column\"\nimport React, { useState, useRef } from 'react';\nimport SemiColorPicker from '@douyinfe/SemiColorPicker';\nimport { Button } from '@ies/semi-ui-react';\n() => {\n    const [v,setV] = useState({\n        format:'rgba',\n        value:{\n            r:150,\n            g:50,\n            b:50,\n            a:0.7\n        }\n    });\n    return (\n        <div>\n            <SemiColorPicker\n                usePopover={false}\n                defaultFormat={'hex'}\n                defaultValue={{\n                    format:'hex',\n                    value:'#66ccff'\n                }}\n                onChange={v=>console.log(v)}\n                popoverProps={{trigger:'click',position:'bottomRight'}}\n                alpha={true}/>\n\n            <SemiColorPicker\n                usePopover={true}\n                defaultFormat={'hex'}\n                defaultValue={{\n                    format:'hex',\n                    value:'#66ccff'\n                }}\n                onChange={v=>console.log(v)}\n                popoverProps={{trigger:'click',position:'bottomRight'}}\n                alpha={true}>\n                <Button>popover mode 非受控</Button>\n            </SemiColorPicker>\n            <SemiColorPicker\n                usePopover={true}\n                defaultFormat={'hex'}\n                value={v}\n                onChange={v=>{\n                    console.log(v);\n                    setV({\n                        format: \"rgba\",\n                        value: v.rgba\n                    });\n                }}\n                popoverProps={{trigger:'click',position:'bottomRight'}}\n                alpha={true}>\n                <Button>popover mode 受控</Button>\n            </SemiColorPicker>\n        </div>\n    );\n};\n\n```\n\n## API 参考\n\n一些颜色转换函数和类型定义参考自 [react-colorful](https://github.com/omgovich/react-colorful)\n\n| 参数名           | 说明                              | 类型                                                              | 默认值   |\n|---------------|---------------------------------|-----------------------------------------------------------------|-------|\n| defaultFormat | 默认颜色选择模式                        | 'hex'  'rgba' 'hsva'                                            | -     |\n| defaultValue  | 默认颜色                            | Value                                                           | -     |\n| popoverProps  | popover 模式下 popover 透传props     | PropoverProps                                                   | -     |\n| value         | 选中颜色, 传入即为受控, 类型format 只能为 hsva | Value                                                           | -     |\n| onChange      | 用户选择颜色回调                        | (value: {rgba: RgbaColor,hex: string,hsva: HsvaColor}) => void; | -     |\n| alpha         | 是否开启透明度选择                       | boolen                                                          | -     |\n| footer        | 底部自定义元素                         | ReactNode                                                       | -     |\n| usePopover    | 是否启用 popover 模式                 | boolen                                                          | false |\n | width         | 颜色选择器矩形宽度                       | number                                                          | 280px |\n| height        | 颜色选择器矩形高度                       | number                                                          | 280px |\n```typescript\n\ntype Value = {\n    format:'hex' | 'rgba' | 'hsva'\n    value:HsvaColor|RgbaColor|string\n}\n\nexport interface HsvColor {\n    h: number;\n    s: number;\n    v: number;\n}\n\nexport interface HsvaColor extends HsvColor {\n    a: number;\n}\n\nimport React from \"react\";\n\nexport interface RgbColor {\n    r: number;\n    g: number;\n    b: number;\n}\n\nexport interface RgbaColor extends RgbColor {\n    a: number;\n}\n\nexport interface HslColor {\n    h: number;\n    s: number;\n    l: number;\n}\n\nexport interface HslaColor extends HslColor {\n    a: number;\n}\n\nexport interface HsvColor {\n    h: number;\n    s: number;\n    v: number;\n}\n\nexport interface HsvaColor extends HsvColor {\n    a: number;\n}\n```\n","readmeFilename":"README.md"}