Skip to content

hehehai/bee-color

Repository files navigation

bee-color

一个 vue3 颜色选择器组件


安装

pnpm i @dooit/bee-color

npm · yarn · pnpm · bun

使用

import { ColorPicker } from '@dooit/bee-color'
import "@dooit/bee-color/dist/style.css"

🧑‍🎨 Color 实例经过简单封装,继承自 @ctrl/tinycolor

其他使用方式,请查看组件或使用场景。

UI 库

Ant Design Vue

Arco Vue

Element plus

🫨 如何使用 UI 库颜色选择器?

  1. 复制对应 UI store 下的所有文件到项目 components 下的 color-picker 组件文件夹,替换各文件内的来自 @/utils/color 的导入,修改为 @dooit/bee-color.
  2. 使用,按 [UI].story.vue 文件的使用方式,导入 color-picker 组件,后使用.

致敬

该项目 UI 及基础代码、逻辑,来自:

License

@dooit/color-picker is released under the MIT license.