{"_id":"@canner/rc-color-picker","_rev":"36-8516aa31c426f09aa67030a4465c7cdb","name":"@canner/rc-color-picker","description":"color-picker ui component for react","dist-tags":{"latest":"1.1.4"},"versions":{"1.1.0":{"name":"@canner/rc-color-picker","version":"1.1.0","description":"color-picker ui component for react","main":"lib/index.js","keywords":["react","react-component","react-color-picker","color-picker"],"homepage":"http://github.com/react-component/color-picker","author":{"name":"noyobo","email":"noyobo@gmail.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/color-picker.git"},"bugs":{"url":"http://github.com/react-component/color-picker/issues"},"files":["lib/","assets/*.css"],"config":{"port":8010},"scripts":{"build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-server","pub":"rc-tools run pub","lint":"rc-tools run lint","karma":"rc-tools run karma","saucelabs":"rc-tools run saucelabs","browser-test":"rc-tools run browser-test","browser-test-cover":"rc-tools run browser-test-cover"},"license":"MIT","devDependencies":{"expect.js":"~0.3.1","lesshat":"~3.0.2","pre-commit":"1.x","rc-server":"3.x","rc-tools":"4.x","react":"15.x","react-dom":"15.x"},"dependencies":{"colr":"~1.2.1","rc-trigger":"1.x","rc-util":"2.x"},"pre-commit":["lint"],"gitHead":"84e18c38524089fc0e8ce2b8274ae0a378873ee1","_id":"@canner/rc-color-picker@1.1.0","_shasum":"173aca12353bc3da1f18aa4bae964a7349581b35","_from":".","_npmVersion":"3.9.3","_nodeVersion":"6.2.1","_npmUser":{"name":"chilijung","email":"chilijung@gmail.com"},"dist":{"shasum":"173aca12353bc3da1f18aa4bae964a7349581b35","tarball":"https://registry.npmjs.org/@canner/rc-color-picker/-/rc-color-picker-1.1.0.tgz","integrity":"sha512-F9h/e1mbwAWk0nhUY+EPOTKsLM4ChAfNBfJ6zfoZXO4z1XMLS3+CFnmgVbPrT8WPz0hwlbzUk189ziRkM0lrZw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBIDwJQu52bc5j5T6nKvhVWBqFSw+QS+/akGmoGQXtfcAiEA14yOJ8fKT86kHhPcDXSlk+JnHGLYF/ORQbxbrluIc9Q="}]},"maintainers":[{"name":"chilijung","email":"chilijung@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rc-color-picker-1.1.0.tgz_1479975823443_0.5218543475493789"},"directories":{}},"1.1.1":{"name":"@canner/rc-color-picker","version":"1.1.1","description":"color-picker ui component for react","main":"lib/index.js","keywords":["react","react-component","react-color-picker","color-picker"],"homepage":"http://github.com/react-component/color-picker","author":{"name":"noyobo","email":"noyobo@gmail.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/color-picker.git"},"bugs":{"url":"http://github.com/react-component/color-picker/issues"},"files":["lib/","assets/*.css"],"config":{"port":8010},"scripts":{"build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-server","pub":"rc-tools run pub","lint":"rc-tools run lint","karma":"rc-tools run karma","saucelabs":"rc-tools run saucelabs","browser-test":"rc-tools run browser-test","browser-test-cover":"rc-tools run browser-test-cover"},"license":"MIT","devDependencies":{"expect.js":"~0.3.1","lesshat":"~3.0.2","pre-commit":"1.x","rc-server":"3.x","rc-tools":"4.x","react":"15.x","react-dom":"15.x"},"dependencies":{"colr":"~1.2.1","rc-trigger":"1.x","rc-util":"2.x"},"pre-commit":["lint"],"gitHead":"d8954163cccc1e757f7bff43e56dc3f05c2deab9","_id":"@canner/rc-color-picker@1.1.1","_shasum":"de5cc75ad49020895394a2d7556fa29f86197488","_from":".","_npmVersion":"3.9.3","_nodeVersion":"6.2.1","_npmUser":{"name":"chilijung","email":"chilijung@gmail.com"},"dist":{"shasum":"de5cc75ad49020895394a2d7556fa29f86197488","tarball":"https://registry.npmjs.org/@canner/rc-color-picker/-/rc-color-picker-1.1.1.tgz","integrity":"sha512-oVksvyKAv5sX6EwIfDUyZZjIet9tJfzDcP4VUR87/6jJ0ikxXn07cIvZcHkiV6pKCCnjwU4fLLohuRuyaLYw8Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDD0kvKxVXLAE1jQkQlyzXRpVHfkV+B7BfGGQwKF1poywIgc1S48PTGxio/ixAXKrcSzML0f7WghdOHYpEA1nHgEH4="}]},"maintainers":[{"name":"abz53378","email":"a53378@yahoo.com.tw"},{"name":"chilijung","email":"chilijung@gmail.com"},{"name":"ctxhou","email":"vjack070707@gmail.com"},{"name":"hsuting","email":"hsuting0106@gmail.com"},{"name":"wwwy3y3","email":"wwwy3y3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rc-color-picker-1.1.1.tgz_1479980765883_0.210290095070377"},"directories":{}},"1.1.2":{"name":"@canner/rc-color-picker","version":"1.1.2","description":"color-picker ui component for react","main":"lib/index.js","keywords":["react","react-component","react-color-picker","color-picker"],"homepage":"http://github.com/react-component/color-picker","author":{"name":"noyobo","email":"noyobo@gmail.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/color-picker.git"},"bugs":{"url":"http://github.com/react-component/color-picker/issues"},"files":["lib/","assets/*.css"],"config":{"port":8010},"scripts":{"build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-server","pub":"rc-tools run pub","lint":"rc-tools run lint","karma":"rc-tools run karma","saucelabs":"rc-tools run saucelabs","browser-test":"rc-tools run browser-test","browser-test-cover":"rc-tools run browser-test-cover"},"license":"MIT","devDependencies":{"expect.js":"~0.3.1","lesshat":"~3.0.2","pre-commit":"1.x","rc-server":"3.x","rc-tools":"4.x","react":"15.x","react-dom":"15.x"},"dependencies":{"colr":"~1.2.1","rc-trigger":"1.x","rc-util":"2.x"},"pre-commit":["lint"],"gitHead":"cacafb2601b1d26c38c273be8764a3997e0f4e5f","_id":"@canner/rc-color-picker@1.1.2","_shasum":"3a833c0366e9115bdc7eec6d4dd00a9021ed6419","_from":".","_npmVersion":"3.9.3","_nodeVersion":"6.2.1","_npmUser":{"name":"chilijung","email":"chilijung@gmail.com"},"dist":{"shasum":"3a833c0366e9115bdc7eec6d4dd00a9021ed6419","tarball":"https://registry.npmjs.org/@canner/rc-color-picker/-/rc-color-picker-1.1.2.tgz","integrity":"sha512-9MdxC2630ArcBTYd0umtWCUWTLbL6S4AXHN3czneke2u1SJ6onihRDrQpX3EQZbTuV19jBrbWnGolKESpfTOmg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFKLn7ScGk8+XAminapRZPAhgwHkRi7Ufn//ndxExA4lAiBcf40anBCeQtlx9dJ6BRJG63g3ZCsSYQV9PWAy/UCrBA=="}]},"maintainers":[{"name":"abz53378","email":"a53378@yahoo.com.tw"},{"name":"chilijung","email":"chilijung@gmail.com"},{"name":"ctxhou","email":"vjack070707@gmail.com"},{"name":"hsuting","email":"hsuting0106@gmail.com"},{"name":"wwwy3y3","email":"wwwy3y3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rc-color-picker-1.1.2.tgz_1479981009966_0.029071024851873517"},"directories":{}},"1.1.3":{"name":"@canner/rc-color-picker","version":"1.1.3","description":"color-picker ui component for react","main":"lib/index.js","keywords":["react","react-component","react-color-picker","color-picker"],"homepage":"http://github.com/react-component/color-picker","author":{"name":"noyobo","email":"noyobo@gmail.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/color-picker.git"},"bugs":{"url":"http://github.com/react-component/color-picker/issues"},"files":["lib/","assets/*.css"],"config":{"port":8010},"scripts":{"build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-server","pub":"rc-tools run pub","lint":"rc-tools run lint","karma":"rc-tools run karma","saucelabs":"rc-tools run saucelabs","browser-test":"rc-tools run browser-test","browser-test-cover":"rc-tools run browser-test-cover"},"license":"MIT","devDependencies":{"expect.js":"~0.3.1","lesshat":"~3.0.2","pre-commit":"1.x","rc-server":"3.x","rc-tools":"4.x","react":"15.x","react-dom":"15.x"},"dependencies":{"colr":"~1.2.1","rc-trigger":"1.x","rc-util":"2.x"},"pre-commit":["lint"],"gitHead":"4aa0435040287dab585fec65e78a69f1cf745b75","_id":"@canner/rc-color-picker@1.1.3","_shasum":"a56633350855efa6ad31e45f9cd043b5dba3efa1","_from":".","_npmVersion":"3.9.3","_nodeVersion":"6.2.1","_npmUser":{"name":"chilijung","email":"chilijung@gmail.com"},"dist":{"shasum":"a56633350855efa6ad31e45f9cd043b5dba3efa1","tarball":"https://registry.npmjs.org/@canner/rc-color-picker/-/rc-color-picker-1.1.3.tgz","integrity":"sha512-fRSZjD7X340uG7+68PJXn0V1DdXlP103GQixdDHV21c43ku596AwE97Qlpe9zKRRETOEUOmfTk3a+ZtgeYzjLA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXhds4A14TwU6GsP/85Ly7/zcc7QIwjedvOfp2mmFUcgIgMoWKzmrloOC4J3BiViA4Q8Oh5lcaiX25f3fvltN748U="}]},"maintainers":[{"name":"abz53378","email":"a53378@yahoo.com.tw"},{"name":"chilijung","email":"chilijung@gmail.com"},{"name":"ctxhou","email":"vjack070707@gmail.com"},{"name":"hsuting","email":"hsuting0106@gmail.com"},{"name":"wwwy3y3","email":"wwwy3y3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rc-color-picker-1.1.3.tgz_1479981197042_0.02653627027757466"},"directories":{}},"1.1.4":{"name":"@canner/rc-color-picker","version":"1.1.4","description":"color-picker ui component for react","main":"lib/index.js","keywords":["react","react-component","react-color-picker","color-picker"],"homepage":"http://github.com/react-component/color-picker","author":{"name":"noyobo","email":"noyobo@gmail.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/color-picker.git"},"bugs":{"url":"http://github.com/react-component/color-picker/issues"},"files":["lib/","assets/*.css"],"config":{"port":8010},"scripts":{"build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-server","pub":"rc-tools run pub","lint":"rc-tools run lint","karma":"rc-tools run karma","saucelabs":"rc-tools run saucelabs","browser-test":"rc-tools run browser-test","browser-test-cover":"rc-tools run browser-test-cover"},"license":"MIT","devDependencies":{"expect.js":"~0.3.1","lesshat":"~3.0.2","pre-commit":"1.x","rc-server":"3.x","rc-tools":"4.x","react":"15.x","react-dom":"15.x"},"dependencies":{"colr":"~1.2.1","rc-trigger":"1.x","rc-util":"2.x"},"pre-commit":["lint"],"gitHead":"053c9ab09ad21b906103279b4f14ccb0982f6fb9","_id":"@canner/rc-color-picker@1.1.4","_shasum":"2ade1dc2881f7e49917d56e50992ab97946d9b56","_from":".","_npmVersion":"3.9.3","_nodeVersion":"6.2.1","_npmUser":{"name":"chilijung","email":"chilijung@gmail.com"},"dist":{"shasum":"2ade1dc2881f7e49917d56e50992ab97946d9b56","tarball":"https://registry.npmjs.org/@canner/rc-color-picker/-/rc-color-picker-1.1.4.tgz","integrity":"sha512-1u3S1ZQOVNYJrAXx2BQXan2sjCXXChQ+CoPrvz0xfBJ4KE1dmIE7VKQjjcVAGyEVDYBUwtCeCfZuagjWVITCDw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF98OusfXttUjAFNGeTBPOwZzzBVdXir4/z/CN5hmKF3AiBoO7fBUsmDL54Zx6NCDT/z8HjhrqUTiX3bBHYOUtH7gA=="}]},"maintainers":[{"name":"abz53378","email":"a53378@yahoo.com.tw"},{"name":"chilijung","email":"chilijung@gmail.com"},{"name":"ctxhou","email":"vjack070707@gmail.com"},{"name":"hsuting","email":"hsuting0106@gmail.com"},{"name":"wwwy3y3","email":"wwwy3y3@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rc-color-picker-1.1.4.tgz_1480051735071_0.0195754065643996"},"directories":{}}},"readme":"# rc-color-picker\n---\n\nReact Color Picker\n\n[![npm version](http://img.shields.io/npm/v/rc-color-picker.svg)](https://www.npmjs.org/package/rc-color-picker) \n[![npm download](http://img.shields.io/npm/dm/rc-color-picker.svg)](https://www.npmjs.org/package/rc-color-picker)\n[![npm dependency](https://david-dm.org/react-component/color-picker.svg)](https://david-dm.org/react-component/color-picker)\n\n## Browser Support\n\n|![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png)|\n| --- | --- | --- | --- | --- |\n| IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |\n\n## Screenshots\n\n<img src=https://cloud.githubusercontent.com/assets/1292082/8275606/8608e8f8-18db-11e5-8d10-703253db2a4f.png width=238 />\n\n## Development\n\n```\nnpm install\nnpm start\n```\n\n## Example\n\nonline example: [http://react-component.github.io/color-picker/](http://react-component.github.io/color-picker/)\n\n## Feature\n\n* support color mode RGB HSB HSL\n\n## install\n\n[![rc-color-picker](https://nodei.co/npm/rc-color-picker.png)](https://npmjs.org/package/rc-color-picker)\n\n## Usage\n\n```js\nvar ColorPicker = require('rc-color-picker');\nvar React = require('react');\nvar ReactDOM = require('react-dom');\nReactDOM.render(<ColorPicker />, container);\n```\n\n## API\n\n### ColorPicker.props\n\nname|type|default|description\n---|---|---|---\nanimation | String    |         | index.css support 'slide-up'\ntransitionName | String    |         | css class for animation\ngetCalendarContainer| Function():Element | function(){return document.body;} | dom node where picker to be rendered into\nalign     | Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align)| | popup 's align config\nalpha     | Number    | 100     | opacity of the color \ndefaultAlpha     | Number    | 100     | opacity of the color \ncolor     | String    | #ff0000 | color board current background color\ndefaultColor     | String    | #ff0000 | color board current background color\nonChange  | Function  | noop    | when select color\nonOpen    | Function  | noop    | when color picker popup open\nonClose   | Function  | noop    | when color picker popup close\nplacement | String    | topLeft | one of ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']\nmode      | String    |'RGB'    | color mode, support mode 'RGB', 'HSB' or 'HSL'\nchildren   | Node      |`<span className='react-colorpicker-trigger'></span>`|additional trigger appended to picker\n\n\n### ColorPicker.Panel.props\n\nname|type|default|description\n---|---|---|---\nalpha    | Number  | 100     | opacity of the color \ndefaultAlpha    | Number  | 100     | opacity of the color \ncolor    | String  | #ff0000 | color board current background color\ndefaultColor    | String  | #ff0000 | color board current background color\nstyle    | Object  | {}      | root node CSS style\nonChange | Function|         | when select color trigger\nonFocus  | Function|         | when picker focus trigger\nonBlur   | Function|         | when picker loose focus\nmode     | String  |'RGB'    | color mode, support mode 'RGB', 'HSB' or 'HSL'\n\n## License\n\nrc-color-picker is released under the MIT license.\n","maintainers":[{"email":"wwwy3y3@gmail.com","name":"wwwy3y3"},{"email":"william@cannerdata.com","name":"cannerbot"}],"time":{"modified":"2024-02-22T14:08:56.243Z","created":"2016-11-24T08:23:45.139Z","1.1.0":"2016-11-24T08:23:45.139Z","1.1.1":"2016-11-24T09:46:07.779Z","1.1.2":"2016-11-24T09:50:11.797Z","1.1.3":"2016-11-24T09:53:17.262Z","1.1.4":"2016-11-25T05:28:56.780Z"},"homepage":"http://github.com/react-component/color-picker","keywords":["react","react-component","react-color-picker","color-picker"],"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/color-picker.git"},"author":{"name":"noyobo","email":"noyobo@gmail.com"},"bugs":{"url":"http://github.com/react-component/color-picker/issues"},"license":"MIT","readmeFilename":"README.md"}