@das-fed/ui 6.4.0-dev.55.2 → 6.4.0-dev.55.4

package/packages/components/calendar/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/calendar/style.css';
 import { withInstall as X } from "@das-fed/utils/with-install/index";
-import { defineComponent as G, ref as H, computed as v, watch as ee, nextTick as x, openBlock as u, createElementBlock as m, normalizeClass as A, Fragment as j, renderList as P, createElementVNode as W, toDisplayString as J, renderSlot as b, createCommentVNode as D, normalizeStyle as te, onMounted as ae, onBeforeUnmount as ne, createVNode as se, createSlots as K, withCtx as V, normalizeProps as F, mergeProps as Z, guardReactiveProps as E, createBlock as re } from "vue";
-import { t as R, setI18nRule as le } from "@das-fed/web/packages/i18n/index";
+import { defineComponent as G, ref as H, computed as v, watch as ee, nextTick as x, openBlock as u, createElementBlock as m, normalizeClass as A, Fragment as j, renderList as P, createElementVNode as W, toDisplayString as J, renderSlot as M, createCommentVNode as D, normalizeStyle as te, onMounted as ae, onBeforeUnmount as ne, createVNode as se, createSlots as K, withCtx as V, normalizeProps as F, mergeProps as Z, guardReactiveProps as E, createBlock as re } from "vue";
+import { t as Y, setI18nRule as le } from "@das-fed/web/packages/i18n/index";
 import C from "dayjs";
 import oe from "dayjs/plugin/localeData";
 import { SizeWatcher as de } from "@das-fed/utils/size-watcher";
@@ -53,12 +53,12 @@ const he = (l, i) => {
   },
   emits: ["pick"],
   setup(l, { expose: i, emit: o }) {
-    const c = o, r = C(), n = l, f = H("128px"), N = H(), Y = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], M = v(() => !!n.range && !!n.range.length), L = v(() => {
+    const c = o, r = C(), n = l, f = H("128px"), N = H(), R = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], b = v(() => !!n.range && !!n.range.length), L = v(() => {
       const e = n.firstDayOfWeek, a = n.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
-      return e === 0 ? S.map((s) => R(`${a}${s}`)) : S.slice(e).concat(S.slice(0, e)).map((s) => R(`${a}${s}`));
+      return e === 0 ? S.map((s) => Y(`${a}${s}`)) : S.slice(e).concat(S.slice(0, e)).map((s) => Y(`${a}${s}`));
     }), z = v(() => {
       let e = [];
-      if (M.value) {
+      if (b.value) {
         const [a, s] = n.range;
         let h = [];
         a.isSame(s, "month") ? h = $(s.date() - a.date() + 1).map((w) => ({
@@ -103,7 +103,7 @@ const he = (l, i) => {
     }), T = () => {
       var s;
       const e = (s = n.parent) == null ? void 0 : s.offsetHeight;
-      let a = Number(e) - Y - 1;
+      let a = Number(e) - R - 1;
       f.value = a / z.value.length - 1 + "px";
     };
     ee(
@@ -187,7 +187,7 @@ const he = (l, i) => {
       "table",
       {
         key: 0,
-        class: A(["das-calendar-table", { "is-range": M.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
+        class: A(["das-calendar-table", { "is-range": b.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
         cellspacing: "0",
         cellpadding: "0",
         ref_key: "tableRef",
@@ -213,7 +213,7 @@ const he = (l, i) => {
                     3
                     /* TEXT, CLASS */
                   ),
-                  e.calendartType == "week" ? b(e.$slots, "week-type", {
+                  e.calendartType == "week" ? M(e.$slots, "week-type", {
                     key: 0,
                     data: y(h)
                   }) : D("v-if", !0)
@@ -265,7 +265,7 @@ const he = (l, i) => {
                         style: te({ height: f.value })
                       },
                       [
-                        b(e.$slots, "date-cell", {
+                        M(e.$slots, "date-cell", {
                           data: d(g)
                         })
                       ],
@@ -304,13 +304,13 @@ const he = (l, i) => {
 }, Ne = {
   key: 1,
   class: "das-calendar-cell-date"
-}, be = {
+}, Me = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, Me = {
+}, be = {
   name: "test"
 }, $e = /* @__PURE__ */ G({
-  ...Me,
+  ...be,
   props: {
     modelValue: {},
     range: {},
@@ -326,13 +326,13 @@ const he = (l, i) => {
   emits: ["update:model-value", "itemClick"],
   setup(l, { expose: i, emit: o }) {
     C.extend(oe);
-    const c = C.localeData().firstDayOfWeek(), r = l, n = o, f = H(), N = H(), Y = H(), S = v(() => r.firstDayOfWeek || c), M = H(), L = C(), z = v({
+    const c = C.localeData().firstDayOfWeek(), r = l, n = o, f = H(), N = H(), R = H(), S = v(() => r.firstDayOfWeek || c), b = H(), L = C(), z = v({
       get() {
-        return r.modelValue ? (M.value = p.value, p.value) : M.value;
+        return r.modelValue ? (b.value = p.value, p.value) : b.value;
       },
       set(t) {
         if (!t) return;
-        M.value = t;
+        b.value = t;
         const y = t.toDate();
         r.isSwitchMonth && n("update:model-value", y);
       }
@@ -350,14 +350,14 @@ const he = (l, i) => {
     }), p = v(() => r.modelValue ? C(r.modelValue) : z.value || (O.value.length ? O.value[0][0] : L));
     v(() => p.value.subtract(1, "month").date(1)), v(() => p.value.add(1, "month").date(1)), v(() => p.value.subtract(1, "year").date(1)), v(() => p.value.add(1, "year").date(1)), v(() => {
       const t = `das-calendar-month${p.value.format("M")}`;
-      return `${p.value.year()} ${R("das-calendar-year")} ${R(t)}`;
+      return `${p.value.year()} ${Y("das-calendar-year")} ${Y(t)}`;
     }), ae(() => {
-      Y.value = de(() => {
+      R.value = de(() => {
         var t, y;
         Array.isArray(N.value) ? (t = N.value[0]) == null || t.getHeight() : (y = N.value) == null || y.getHeight();
       }, f.value);
     }), ne(() => {
-      Y.value.disconnect();
+      R.value.disconnect();
     });
     const _ = (t) => {
       r.isSwitchSelection && (z.value = t), n("itemClick", t.toDate());
@@ -397,11 +397,11 @@ const he = (l, i) => {
             highlightDay: t.highlightDay,
             showZhou: t.showZhou,
             cellHeight: t.cellHeight,
-            "selected-day": M.value,
+            "selected-day": b.value,
             onPick: _
           }, K({
             "date-cell": V((d) => [
-              t.$slots.custom ? b(t.$slots, "custom", F(Z({ key: 0 }, d))) : D("v-if", !0),
+              t.$slots.custom ? M(t.$slots, "custom", F(Z({ key: 0 }, d))) : D("v-if", !0),
               t.type != "week" && !t.$slots.custom ? (u(), m("p", we, [
                 W(
                   "span",
@@ -410,10 +410,10 @@ const he = (l, i) => {
                   1
                   /* TEXT */
                 ),
-                b(t.$slots, "date-type", F(E(d)))
+                M(t.$slots, "date-type", F(E(d)))
               ])) : D("v-if", !0),
               t.$slots.custom ? D("v-if", !0) : (u(), m("div", ze, [
-                b(t.$slots, "date-cell", F(E(d)))
+                M(t.$slots, "date-cell", F(E(d)))
               ]))
             ]),
             _: 2
@@ -422,7 +422,7 @@ const he = (l, i) => {
             t.$slots["week-type"] && t.type == "week" ? {
               name: "week-type",
               fn: V((d) => [
-                b(t.$slots, "week-type", F(E(d)))
+                M(t.$slots, "week-type", F(E(d)))
               ]),
               key: "0"
             } : void 0
@@ -443,14 +443,14 @@ const he = (l, i) => {
               highlightDay: t.highlightDay,
               showZhou: t.showZhou,
               cellHeight: t.cellHeight,
-              "selected-day": M.value,
+              "selected-day": b.value,
               range: d,
               parent: f.value,
               "hide-header": e !== 0,
               onPick: _
             }, K({
               "date-cell": V((a) => [
-                t.$slots.custom ? b(t.$slots, "custom", Z({
+                t.$slots.custom ? M(t.$slots, "custom", Z({
                   key: 0,
                   ref_for: !0
                 }, a)) : D("v-if", !0),
@@ -463,8 +463,8 @@ const he = (l, i) => {
                     /* TEXT */
                   )
                 ])) : D("v-if", !0),
-                t.$slots.custom ? D("v-if", !0) : (u(), m("div", be, [
-                  b(t.$slots, "date-cell", Z({ ref_for: !0 }, a))
+                t.$slots.custom ? D("v-if", !0) : (u(), m("div", Me, [
+                  M(t.$slots, "date-cell", Z({ ref_for: !0 }, a))
                 ]))
               ]),
               _: 2
@@ -473,7 +473,7 @@ const he = (l, i) => {
               t.$slots["week-type"] && t.type == "week" ? {
                 name: "week-type",
                 fn: V((a) => [
-                  b(t.$slots, "week-type", Z({ ref_for: !0 }, a))
+                  M(t.$slots, "week-type", Z({ ref_for: !0 }, a))
                 ]),
                 key: "0"
               } : void 0
@@ -509,10 +509,10 @@ const he = (l, i) => {
 }, We = {
   周: { "zh-CN": "周", en: "Week" },
   日历: { "zh-CN": "日历", en: "Calendar" },
-  "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Last month" },
-  "das-calendar-nextMonth": { "zh-CN": "下个月", en: "Next month" },
-  "das-calendar-prevYear": { "zh-CN": "前一年", en: "Previous year" },
-  "das-calendar-nextYear": { "zh-CN": "后一年", en: "Next year" },
+  "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Last Month" },
+  "das-calendar-nextMonth": { "zh-CN": "下个月", en: "Next Month" },
+  "das-calendar-prevYear": { "zh-CN": "前一年", en: "Previous Year" },
+  "das-calendar-nextYear": { "zh-CN": "后一年", en: "Next Year" },
   "das-calendar-year": { "zh-CN": "年", en: "Year" },
   "das-calendar-today": { "zh-CN": "今天", en: "Today" },
   "das-calendar-month1": { "zh-CN": "1 月", en: "January" },
@@ -556,7 +556,7 @@ const he = (l, i) => {
 };
 le(We);
 ce(Se);
-const Ve = X($e), Fe = { name: `calendar ${R("日历")}` };
+const Ve = X($e), Fe = { name: `calendar ${Y("日历")}` };
 export {
   Ve as DasCalendar,
   Fe as default

package/packages/components/cascader/i18n/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     请选择: {
-        "zh-CN": string;
+        'zh-CN': string;
         en: string;
     };
 };

package/packages/components/cascader/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/cascader/style.css';
 import { withInstall as Y } from "@das-fed/utils/with-install/index";
-import { defineComponent as ee, useCssVars as ae, useAttrs as re, ref as l, computed as i, watchEffect as oe, openBlock as o, createElementBlock as t, normalizeClass as le, normalizeStyle as p, createVNode as M, unref as s, withCtx as f, withDirectives as T, createTextVNode as _, toDisplayString as m, mergeProps as te, isRef as se, renderSlot as E, normalizeProps as de, guardReactiveProps as ie, Fragment as L, createElementVNode as k, createBlock as ce, Teleport as ue, createCommentVNode as N, nextTick as ne } from "vue";
+import { defineComponent as ee, useCssVars as ae, useAttrs as re, ref as l, computed as i, watchEffect as oe, openBlock as o, createElementBlock as t, normalizeClass as le, normalizeStyle as p, createVNode as M, unref as s, withCtx as f, withDirectives as T, createTextVNode as S, toDisplayString as m, mergeProps as te, isRef as se, renderSlot as E, normalizeProps as de, guardReactiveProps as ie, Fragment as L, createElementVNode as k, createBlock as ce, Teleport as ue, createCommentVNode as N, nextTick as ne } from "vue";
 import { ElCascader as pe } from "element-plus";
 import "element-plus/es/components/cascader/style/css";
 import { vHoverInside as fe } from "@das-fed/utils/directive/hoverInside/index";
@@ -43,10 +43,10 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
       dfa347f4: G.value,
       "7c86c2fa": C.value
     }));
-    const e = h, c = he(e, "modelValue"), D = y, O = re(), u = l(), x = l(), v = l(), B = l(!1), g = l({
+    const e = h, c = he(e, "modelValue"), _ = y, O = re(), u = l(), x = l(), v = l(), B = l(!1), g = l({
       x: 0,
       y: 0
-    }), P = l(0), S = i(() => ({
+    }), D = l(0), P = i(() => ({
       "font-size": "12px",
       "background-color": w("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
@@ -55,8 +55,8 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
       "box-sizing": "border-box",
       "z-index": e.errorModelZIndex
     })), W = i(() => ({
-      ...S.value,
-      width: P.value + "px",
+      ...P.value,
+      width: D.value + "px",
       position: "fixed",
       visibility: "visible",
       top: g.value.y + "px",
@@ -68,7 +68,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
       "word-break": "break-all"
     }), Z = () => {
       const { top: a, left: r } = x.value.getBoundingClientRect(), d = x.value.clientHeight;
-      P.value = x.value.clientWidth, g.value.x = r, g.value.y = a + d;
+      D.value = x.value.clientWidth, g.value.x = r, g.value.y = a + d;
     }, A = () => {
       Z(), B.value = !0;
     }, U = () => {
@@ -91,7 +91,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
       let a = (r = u == null ? void 0 : u.value) == null ? void 0 : r.getCheckedNodes();
       a && a[0] && a[0].text ? v.value = a[0].text : v.value = "";
     }, Q = (a, r) => {
-      D("update:model-value", a), D("change", a);
+      _("update:model-value", a), _("change", a);
     }, X = (a) => {
       ne(() => {
         var d, n;
@@ -119,7 +119,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
         }, {
           content: f(() => [
             T((o(), t("div", ye, [
-              _(
+              S(
                 m(v.value),
                 1
                 /* TEXT */
@@ -162,7 +162,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
                             var b;
                             return [
                               T((o(), t("div", xe, [
-                                _(
+                                S(
                                   m(F[((b = e.props) == null ? void 0 : b.label) || "label"]),
                                   1
                                   /* TEXT */
@@ -175,7 +175,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
                           default: f(() => {
                             var b;
                             return [
-                              _(
+                              S(
                                 " " + m(F[((b = e.props) == null ? void 0 : b.label) || "label"]),
                                 1
                                 /* TEXT */
@@ -249,7 +249,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
                   "div",
                   {
                     key: 1,
-                    style: p(S.value),
+                    style: p(P.value),
                     class: "das-cascader-overlay-error-label-content"
                   },
                   [
@@ -284,9 +284,7 @@ const ye = { style: { maxheight: "200px", "word-break": "break-all" } }, xe = {
   for (const [e, c] of V)
     y[e] = c;
   return y;
-}, Be = /* @__PURE__ */ Ve(we, [["__scopeId", "data-v-156151c1"]]), ze = {
-  请选择: { "zh-CN": "请选择", en: "Please select" }
-}, Ce = {
+}, Be = /* @__PURE__ */ Ve(we, [["__scopeId", "data-v-156151c1"]]), ze = { 请选择: { "zh-CN": "请选择", en: "Please Select" } }, Ce = {
   "--das-ui-cascader-color-primary": "#5582F3",
   // 主题色
   "--das-ui-cascader-color-text": R("--das-ui-color-normal"),

package/packages/components/color-picker/i18n/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     请输入: {
-        "zh-CN": string;
+        'zh-CN': string;
         en: string;
     };
 };

package/packages/components/color-picker/index.js

@@ -1,27 +1,28 @@
 import '@das-fed/ui/packages/components/color-picker/style.css';
-import { defineComponent as E, computed as S, ref as g, openBlock as s, createElementBlock as f, createVNode as b, unref as e, mergeProps as T, isRef as D, withCtx as c, createBlock as h, createCommentVNode as m, createElementVNode as I, normalizeClass as k, normalizeStyle as P, Fragment as x, renderList as N } from "vue";
+import { defineComponent as S, computed as I, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as T, isRef as z, withCtx as f, createBlock as v, createCommentVNode as w, createElementVNode as P, normalizeClass as C, normalizeStyle as H, Fragment as x, renderList as N } from "vue";
 import { withInstall as O } from "@das-fed/utils/with-install/index";
-import { DasDropdown as $, DasDropdownMenu as F } from "@das-fed/ui/packages/components/dropdown/index";
-import { DasAutoRegisterIcon as A, DasIcon as M } from "@das-fed/ui/packages/components/icon/index";
-import { DasInput as U } from "@das-fed/ui/packages/components/input/index";
-import { ElConfigProvider as L, ElColorPicker as j } from "element-plus";
+import { currentLang as $, t as F, setI18nRule as A } from "@das-fed/web/packages/i18n/index";
+import { DasDropdown as L, DasDropdownMenu as M } from "@das-fed/ui/packages/components/dropdown/index";
+import { DasAutoRegisterIcon as U, DasIcon as j } from "@das-fed/ui/packages/components/icon/index";
+import { DasInput as q } from "@das-fed/ui/packages/components/input/index";
+import { ElConfigProvider as G, ElColorPicker as J } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
-import { useModelValue as C } from "@das-fed/utils/vue";
-import z from "element-plus/dist/locale/zh-cn.mjs";
-import { t as q, setI18nRule as G } from "@das-fed/web/packages/i18n/index";
-import { setThemeRule as J } from "@das-fed/web/packages/theme/index";
-const K = (t, r) => {
-  const l = C(t, "modelValue"), p = C(t, "options");
-  let i = C(t, "modelValue");
-  return { innerValue: l, inputChangeHandler: (o) => {
-    i.value = o, r("update:modelValue", o), r("change", o);
-  }, inputInputHandler: (o) => {
-    i.value = o, r("update:modelValue", o), r("dasInput", o), r("change", o);
-  }, colorOption: p, colorPickerValue: i };
-}, Q = {
+import { useModelValue as g } from "@das-fed/utils/vue";
+import K from "element-plus/dist/locale/zh-cn.mjs";
+import Q from "element-plus/dist/locale/en.mjs";
+import { setThemeRule as W } from "@das-fed/web/packages/theme/index";
+const X = (s, t) => {
+  const l = g(s, "modelValue"), u = g(s, "options");
+  let p = g(s, "modelValue");
+  return { innerValue: l, inputChangeHandler: (n) => {
+    p.value = n, t("update:modelValue", n), t("change", n);
+  }, inputInputHandler: (n) => {
+    p.value = n, t("update:modelValue", n), t("dasInput", n), t("change", n);
+  }, colorOption: u, colorPickerValue: p };
+}, Y = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, W = { class: "color-predefine-content" }, X = ["onClick"], Y = /* @__PURE__ */ E({
+}, Z = { class: "color-predefine-content" }, ee = ["onClick"], oe = /* @__PURE__ */ S({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -39,91 +40,93 @@ const K = (t, r) => {
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(t, { emit: r }) {
-    const l = t, p = r;
-    A({
+  setup(s, { emit: t }) {
+    const l = s, u = t;
+    U({
       fold: import("@das-fed/ui/packages/icons/fold"),
       close2: import("@das-fed/ui/packages/icons/close-2")
-    }), S(() => l.placeholder || q("请输入"));
-    const { innerValue: i, inputChangeHandler: v, inputInputHandler: y, colorOption: o, colorPickerValue: V } = K(l, p), w = g(), u = g(!1), H = (d) => {
-      var n, a;
-      p("change", d), i.value = d, (a = (n = w.value) == null ? void 0 : n.getElRef()) == null || a.handleClose(), u.value = !1;
-    }, _ = () => {
-      var d, n;
-      o.value.mode != "default" && ((n = (d = w.value) == null ? void 0 : d.getElRef()) == null || n.handleOpen(), u.value = !0);
+    });
+    const p = I(() => $.value === "zh-CN" ? K : Q);
+    I(() => l.placeholder || F("请输入"));
+    const { innerValue: i, inputChangeHandler: _, inputInputHandler: n, colorOption: o, colorPickerValue: b } = X(l, u), h = y(), m = y(!1), E = (d) => {
+      var a, r;
+      u("change", d), i.value = d, (r = (a = h.value) == null ? void 0 : a.getElRef()) == null || r.handleClose(), m.value = !1;
+    }, D = () => {
+      var d, a;
+      o.value.mode != "default" && ((a = (d = h.value) == null ? void 0 : d.getElRef()) == null || a.handleOpen(), m.value = !0);
     }, R = (d) => {
-      u.value = d;
+      m.value = d;
     };
-    return (d, n) => (s(), f("div", Q, [
-      b(e(U), T({
+    return (d, a) => (c(), V("div", Y, [
+      k(e(q), T({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
           { "das-empty-color": !e(i) },
           { "das-predefine-cell": e(o).mode == "predefine" && (!e(o).isView || !l.isView) },
           { "das-predefine-view-cell": e(o).mode == "predefine" && (e(o).isView || l.isView) },
           { "das-both-view-cell": e(o).isView || l.isView },
-          { "focus-predefine-view-cell": e(o).mode == "predefine" && u.value }
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
         ]],
         modelValue: e(i),
-        "onUpdate:modelValue": n[1] || (n[1] = (a) => D(i) ? i.value = a : null)
+        "onUpdate:modelValue": a[1] || (a[1] = (r) => z(i) ? i.value = r : null)
       }, d.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
-        onClick: _,
-        onInput: e(y),
+        onClick: D,
+        onInput: e(n),
         borderType: l.borderType,
         noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i)
       }), {
-        append: c(() => [
-          e(o).mode == "default" ? (s(), h(e(L), {
+        append: f(() => [
+          e(o).mode == "default" ? (c(), v(e(G), {
             key: 0,
-            locale: e(z)
+            locale: p.value
           }, {
-            default: c(() => [
-              !e(o).isView && !l.isView || e(i) ? (s(), h(e(j), {
+            default: f(() => [
+              !e(o).isView && !l.isView || e(i) ? (c(), v(e(J), {
                 key: 0,
-                locale: e(z),
+                locale: p.value,
                 placement: e(o).placement,
-                onChange: e(v),
-                modelValue: e(V),
-                "onUpdate:modelValue": n[0] || (n[0] = (a) => D(V) ? V.value = a : null),
+                onChange: e(_),
+                modelValue: e(b),
+                "onUpdate:modelValue": a[0] || (a[0] = (r) => z(b) ? b.value = r : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
                 "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
                 predefine: e(o).predefine,
                 disabled: e(o).disabled || l.disabled || e(o).isView || l.isView
-              }, null, 8, ["locale", "placement", "onChange", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled"])) : m("v-if", !0)
+              }, null, 8, ["locale", "placement", "onChange", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled"])) : w("v-if", !0)
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["locale"])) : m("v-if", !0),
-          e(o).mode == "predefine" ? (s(), h(e($), {
+          }, 8, ["locale"])) : w("v-if", !0),
+          e(o).mode == "predefine" ? (c(), v(e(L), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
-            ref: w,
+            ref: h,
             trigger: "click",
             placement: "bottom-end",
             selfPopperClass: "color-predefine-dropdown",
             "hide-on-click": !1,
             onVisibleChange: R
           }, {
-            content: c(() => [
-              I(
+            content: f(() => [
+              P(
                 "span",
                 {
-                  class: k([
+                  class: C([
                     "color-predefine-icon",
                     e(o).size,
                     e(i) && e(i) != "-",
                     { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
                   ]),
-                  style: P("background-color:" + e(i))
+                  style: H("background-color:" + e(i))
                 },
                 [
-                  b(e(M), {
+                  k(e(j), {
                     icon: e(i) && e(i) != "-" ? "fold" : "close2",
                     customSize: "6px",
                     iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
@@ -133,19 +136,19 @@ const K = (t, r) => {
                 /* CLASS, STYLE */
               )
             ]),
-            default: c(() => [
-              b(e(F), null, {
-                default: c(() => [
-                  I("div", W, [
-                    (s(!0), f(
+            default: f(() => [
+              k(e(M), null, {
+                default: f(() => [
+                  P("div", Z, [
+                    (c(!0), V(
                       x,
                       null,
-                      N(e(o).predefine, (a, B) => (s(), f("div", {
-                        class: k(["color-predefine-span", { active: e(i) == a }]),
+                      N(e(o).predefine, (r, B) => (c(), V("div", {
+                        class: C(["color-predefine-span", { active: e(i) == r }]),
                         key: B,
-                        style: P("background-color:" + a),
-                        onClick: (ie) => H(a)
-                      }, null, 14, X))),
+                        style: H("background-color:" + r),
+                        onClick: (re) => E(r)
+                      }, null, 14, ee))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -157,44 +160,42 @@ const K = (t, r) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["disabled"])) : m("v-if", !0)
+          }, 8, ["disabled"])) : w("v-if", !0)
         ]),
         _: 1
         /* STABLE */
       }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "noSetDefaultVal"]),
-      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (s(), f(
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (c(), V(
         "span",
         {
           key: 0,
-          class: k(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-          onClick: _
+          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          onClick: D
         },
         "请选择",
         2
         /* CLASS */
-      )) : m("v-if", !0)
+      )) : w("v-if", !0)
     ]));
   }
-}), Z = (t, r) => {
-  const l = t.__vccOpts || t;
-  for (const [p, i] of r)
-    l[p] = i;
+}), le = (s, t) => {
+  const l = s.__vccOpts || s;
+  for (const [u, p] of t)
+    l[u] = p;
   return l;
-}, ee = /* @__PURE__ */ Z(Y, [["__scopeId", "data-v-c279f9ce"]]), oe = {
+}, ie = /* @__PURE__ */ le(oe, [["__scopeId", "data-v-b55c259b"]]), ne = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
   },
   "--das-ui-color-picker-primary": "#5582F3"
   // 主题色
-}, le = {
-  请输入: { "zh-CN": "请输入", en: "Please enter" }
-};
-G(le);
-J(oe);
-const Ve = () => g(null), we = O(ee);
+}, ae = { 请输入: { "zh-CN": "请输入", en: "Please Enter" } };
+A(ae);
+W(ne);
+const ke = () => y(null), ve = O(ie);
 export {
-  we as DasColorPicker,
-  Ve as DasColorPickerRef,
-  we as default
+  ve as DasColorPicker,
+  ke as DasColorPickerRef,
+  ve as default
 };

package/packages/components/color-picker/style.css

@@ -1 +1 @@
-.das-ui-color-picker[data-v-c279f9ce]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-c279f9ce]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-c279f9ce]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-c279f9ce]{left:8px}.das-ui-color-picker .das-ui-input[data-v-c279f9ce]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-c279f9ce] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-c279f9ce] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-c279f9ce] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-c279f9ce] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-c279f9ce]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-c279f9ce]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-c279f9ce]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-c279f9ce]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}
+.das-ui-color-picker[data-v-b55c259b]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-b55c259b]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-b55c259b]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-b55c259b]{left:8px}.das-ui-color-picker .das-ui-input[data-v-b55c259b]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-b55c259b] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-b55c259b] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-b55c259b] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-b55c259b] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-b55c259b]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-b55c259b]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-b55c259b]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-b55c259b]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}