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 及基础代码、逻辑，来自：

• react-component/color-picker
• Ant Design

License

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