0.0.15 • Published 4 years ago

bee-colorpicker v0.0.15

Weekly downloads
103
License
MIT
Repository
github
Last release
4 years ago

colorpicker

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

react colorpicker component for tinper-bee

可定制的取色板组件

使用

使用单独的colorpicker包

组件引入

先进行下载bee-colorpicker包

npm install --save bee-colorpicker

组件调用

import ColorPicker from 'bee-colorpicker';
ReactDOM.render(
        <ColorPicker label="颜色" />
        , document.getElementById('target'));

样式引入

  • 可以使用link引入build目录下ColorPicker.css
<link rel="stylesheet" href="./node_modules/bee-colorpicker/build/ColorPicker.css">
  • 可以在js中import样式
import "./node_modules/bee-colorpicker/src/ColorPicker.scss"
//或是
import "./node_modules/bee-colorpicker/build/ColorPicker.css"

API

参数说明类型默认值
className类名string-
valueinput当前值string-
required是否是必输项boolfalse
disabled是否禁用boolfalse
disabledAlpha是否禁用透明度boolfalse
placeholderinput中的提示信息string-
onChangeinput值发生改变触发的回调func-
autoCalculate根据选中的颜色自动计算比其 浅一色度/深一色度 的色值func-

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-colorpicker
$ cd bee-colorpicker
$ npm install
$ npm run dev