@ckpack/vue-color

中文文档
1.6.0发布于 2024/07/19MITTypeScriptES Module近 30 天下载 67.5万

(vue3. 0) 用于 Sketch, Photoshop, Chrome & more 的 Vue Color Pickers

中文使用文档
文档目录4 节
  1. 演示
  2. 使用大小写
  3. 变化
  4. 许可证

颜色

根据 https://github.com/xiaokaike/vue-color 页面存档备份,存于互联网档案馆 用于支持 vue3.0

用于 Sketch 、 Photoshop 、 Chrome 和更多

image

演示

使用大小写

应要求

我们可以进口我们实际需要的部件, 使得项目比其他的要小.

直接导入
<template>
  <Sketch v-model="colors"/>
</template>
<script setup>
import { ref } from 'vue';
import { Sketch } from '@ckpack/vue-color';

const colors = ref('#194D33A8'); // etc: { h: 150, s: 0.66, v: 0.30 }, { r: 255, g: 0, b: 0 }, '#194d33' 
</script>
全球需求安装
import { createApp } from 'vue';
import App from '@/App.vue';
import { Sketch, create } from '@ckpack/vue-color';

const app = createApp(App);
app.use(create({
  components: [Sketch],
}));
app.mount('#app');

完全导入

import { createApp } from 'vue';
import App from '@/App.vue';
import VueColor from '@ckpack/vue-color';

const app = createApp(App);

app.use(VueColor);
app.mount('#app');

变化

许可证

紫色根据 麻省理工学院许可证。 。 。 .

版本与发布记录

@ckpack/vue-color 共发布 23 个版本,首次发布于 2021/04/16;过去 12 个月发布了 0 个版本。

版本发布日期距今
1.6.0latest2024/07/192 年前
1.5.22024/07/182 年前
1.5.02023/06/153 年前
1.4.12023/02/163 年前
1.4.02023/02/163 年前
1.3.02022/11/303 年前

关于 @ckpack/vue-color 的常见问题

@ckpack/vue-color 是什么?

(vue3. 0) 用于 Sketch, Photoshop, Chrome & more 的 Vue Color Pickers

如何安装 @ckpack/vue-color?

在项目目录运行 npm install @ckpack/vue-color,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:vue(^3.2.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@ckpack/vue-color 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@ckpack/vue-color 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@ckpack/vue-color 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=12。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@ckpack/vue-color 可以商用吗?

@ckpack/vue-color 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@ckpack/vue-color 的下载量有多少?

根据 npm 官方下载统计,@ckpack/vue-color 在 2026/10/10 – 2026/11/08 这 30 天内被下载 674,816 次,日均约 22,494 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@ckpack/vue-color 还在维护吗?

最新版本 1.6.0 发布于 2024/07/19(2 年前);至今共发布 23 个版本,其中过去 12 个月发布了 0 个;首次发布于 2021/04/16。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。