From 2d68ff0d61fc1a009bff7247a07056652da345a1 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 13 Jan 2026 20:59:21 +0800
Subject: [PATCH] =?UTF-8?q?refactor(web-antd):=20=E7=A7=BB=E9=99=A4vue3-co?=
 =?UTF-8?q?lorpicker=E4=BE=9D=E8=B5=96=E5=B9=B6=E4=BD=BF=E7=94=A8antdv-nex?=
 =?UTF-8?q?t=E7=9A=84ColorPicker?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

替换vue3-colorpicker为antdv-next内置的ColorPicker组件，简化依赖并统一组件库
---
 apps/web-antd/package.json                    |  3 +--
 .../system/dict/data/tag-style-picker.vue     | 19 ++++---------------
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/apps/web-antd/package.json b/apps/web-antd/package.json
index 3595f5c7..bcc89531 100644
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@@ -53,8 +53,7 @@
     "tinymce": "7.9.1",
     "unplugin-vue-components": "^0.27.3",
     "vue": "catalog:",
-    "vue-router": "catalog:",
-    "vue3-colorpicker": "^2.3.0"
+    "vue-router": "catalog:"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12"
diff --git a/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue b/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue
index 52a2c0f2..07515414 100644
--- a/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue
+++ b/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue
@@ -3,15 +3,10 @@ import type { RadioChangeEvent } from 'antdv-next';
 
 import { computed } from 'vue';
 
-import { usePreferences } from '@vben/preferences';
-
-import { RadioGroup, Select } from 'antdv-next';
-import { ColorPicker } from 'vue3-colorpicker';
+import { ColorPicker, RadioGroup, Select } from 'antdv-next';
 
 import { tagSelectOptions } from '#/components/dict';
 
-import 'vue3-colorpicker/style.css';
-
 /**
  * 需要禁止透传
  * 不禁止会有奇怪的bug 会绑定到selectType上
@@ -50,11 +45,6 @@ function handleSelectTypeChange(e: RadioChangeEvent) {
   // 必须给默认hex颜色 不能为空字符串
   color.value = e.target.value === 'custom' ? '#1677ff' : undefined;
 }
-
-const { isDark } = usePreferences();
-const theme = computed(() => {
-  return isDark.value ? 'black' : 'white';
-});
 </script>
 
 <template>
@@ -75,12 +65,11 @@ const theme = computed(() => {
       placeholder="请选择标签样式"
       @deselect="$emit('deselect')"
     />
+
     <ColorPicker
       v-if="selectType === 'custom'"
-      disable-alpha
-      format="hex"
-      v-model:pure-color="color"
-      :theme="theme"
+      v-model:value="color"
+      show-text
     />
   </div>
 </template>