vft 0.0.506 → 0.0.509

package/es/components/cascader-panel/menu.vue2.js

@@ -1,22 +1,23 @@
-import { defineComponent as N, getCurrentInstance as I, inject as Z, ref as b, computed as p, createBlock as k, openBlock as r, unref as e, normalizeClass as l, withCtx as A, createElementBlock as m, createCommentVNode as B, Fragment as z, renderList as S, createVNode as q, createTextVNode as x, renderSlot as R } from "vue";
-import { VftScrollbar as X } from "../scrollbar/index.js";
+import { defineComponent as N, getCurrentInstance as b, inject as A, ref as B, computed as p, createBlock as k, openBlock as n, unref as e, normalizeClass as i, withCtx as S, createElementBlock as u, createCommentVNode as z, Fragment as D, renderList as q, createVNode as R, createTextVNode as x, toDisplayString as L, renderSlot as X } from "vue";
+import { VftScrollbar as j } from "../scrollbar/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useId as j } from "../../hooks/use-id/index.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useId as F } from "../../hooks/use-id/index.js";
+import { useNamespace as J } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { VftIcon as F } from "../icon/index.js";
-import J from "./node.vue2.js";
-import { CASCADER_PANEL_INJECTION_KEY as K } from "./types.js";
-const O = N({
+import { useLocale as K } from "../../locale/use-locale.js";
+import { VftIcon as O } from "../icon/index.js";
+import P from "./node.vue2.js";
+import { CASCADER_PANEL_INJECTION_KEY as W } from "./types.js";
+const Y = N({
   name: "VftCascaderMenu"
-}), ce = /* @__PURE__ */ N({
-  ...O,
+}), pe = /* @__PURE__ */ N({
+  ...Y,
   props: {
     nodes: {
       type: Array,
@@ -28,70 +29,70 @@ const O = N({
     }
   },
   setup(f) {
-    const v = f, w = I(), t = D("cascader-menu"), E = j();
-    let s, i;
-    const c = Z(K), a = b(), y = p(() => !v.nodes.length), H = p(() => !c.initialLoaded), g = p(() => `${E.value}-${v.index}`), L = (n) => {
-      s = n.target;
-    }, V = (n) => {
-      if (!(!c.isHoverMenu || !s || !a.value))
-        if (s.contains(n.target)) {
-          h();
-          const o = w.vnode.el, { left: u } = o.getBoundingClientRect(), { offsetWidth: M, offsetHeight: _ } = o, C = n.clientX - u, d = s.offsetTop, T = d + s.offsetHeight;
+    const v = f, w = b(), t = J("cascader-menu"), { t: g } = K(), E = F();
+    let r, s;
+    const l = A(W), a = B(), h = p(() => !v.nodes.length), H = p(() => !l.initialLoaded), y = p(() => `${E.value}-${v.index}`), V = (o) => {
+      r = o.target;
+    }, I = (o) => {
+      if (!(!l.isHoverMenu || !r || !a.value))
+        if (r.contains(o.target)) {
+          $();
+          const m = w.vnode.el, { left: c } = m.getBoundingClientRect(), { offsetWidth: M, offsetHeight: Z } = m, C = o.clientX - c, d = r.offsetTop, T = d + r.offsetHeight;
           a.value.innerHTML = `
           <path style="pointer-events: auto;" fill="transparent" d="M${C} ${d} L${M} 0 V${d} Z" />
-          <path style="pointer-events: auto;" fill="transparent" d="M${C} ${T} L${M} ${_} V${T} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${C} ${T} L${M} ${Z} V${T} Z" />
         `;
-        } else i || (i = window.setTimeout($, c.config.hoverThreshold));
-    }, h = () => {
-      i && (clearTimeout(i), i = void 0);
+        } else s || (s = window.setTimeout(_, l.config.hoverThreshold));
     }, $ = () => {
-      a.value && (a.value.innerHTML = "", h());
+      s && (clearTimeout(s), s = void 0);
+    }, _ = () => {
+      a.value && (a.value.innerHTML = "", $());
     };
-    return (n, o) => (r(), k(e(X), {
-      key: g.value,
+    return (o, m) => (n(), k(e(j), {
+      key: y.value,
       tag: "ul",
       role: "menu",
-      class: l(e(t).b()),
+      class: i(e(t).b()),
       "wrap-class": e(t).e("wrap"),
-      "view-class": [e(t).e("list"), e(t).is("empty", y.value)],
-      onMousemove: V,
-      onMouseleave: $
+      "view-class": [e(t).e("list"), e(t).is("empty", h.value)],
+      onMousemove: I,
+      onMouseleave: _
     }, {
-      default: A(() => [
-        (r(!0), m(z, null, S(f.nodes, (u) => (r(), k(J, {
-          key: u.uid,
-          node: u,
-          "menu-id": g.value,
-          onExpand: L
+      default: S(() => [
+        (n(!0), u(D, null, q(f.nodes, (c) => (n(), k(P, {
+          key: c.uid,
+          node: c,
+          "menu-id": y.value,
+          onExpand: V
         }, null, 8, ["node", "menu-id"]))), 128)),
-        H.value ? (r(), m("div", {
+        H.value ? (n(), u("div", {
           key: 0,
-          class: l(e(t).e("empty-text"))
+          class: i(e(t).e("empty-text"))
         }, [
-          q(e(F), {
+          R(e(O), {
             icon: "icon-loadding",
             size: "14",
-            class: l(e(t).is("loading"))
+            class: i(e(t).is("loading"))
           }, null, 8, ["class"]),
-          o[0] || (o[0] = x(" 加载中 ", -1))
-        ], 2)) : y.value ? (r(), m("div", {
+          x(" " + L(e(g)("vft.loading")), 1)
+        ], 2)) : h.value ? (n(), u("div", {
           key: 1,
-          class: l(e(t).e("empty-text"))
+          class: i(e(t).e("empty-text"))
         }, [
-          R(n.$slots, "empty", {}, () => [
-            o[1] || (o[1] = x("暂无数据", -1))
+          X(o.$slots, "empty", {}, () => [
+            x(L(e(g)("vft.noData")), 1)
           ])
-        ], 2)) : e(c)?.isHoverMenu ? (r(), m("svg", {
+        ], 2)) : e(l)?.isHoverMenu ? (n(), u("svg", {
           key: 2,
           ref_key: "hoverZone",
           ref: a,
-          class: l(e(t).e("hover-zone"))
-        }, null, 2)) : B("", !0)
+          class: i(e(t).e("hover-zone"))
+        }, null, 2)) : z("", !0)
       ]),
       _: 3
     }, 8, ["class", "wrap-class", "view-class"]));
   }
 });
 export {
-  ce as default
+  pe as default
 };

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,19 +1,20 @@
-import { defineComponent as a, computed as s, createBlock as c, openBlock as o, unref as l, normalizeStyle as g, withCtx as d, createElementBlock as u, createCommentVNode as x, normalizeClass as f, toDisplayString as p } from "vue";
-import { VftClamp as z } from "../clamp/index.js";
+import { defineComponent as m, computed as t, createBlock as f, openBlock as i, unref as n, normalizeStyle as x, withCtx as d, createElementBlock as p, createCommentVNode as z, normalizeClass as C, toDisplayString as h } from "vue";
+import { VftClamp as y } from "../clamp/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
+import { generateCssVars as T } from "../../utils/ns-cover.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const y = ["onClick"], k = a({
+import { useLocale as k } from "../../locale/use-locale.js";
+const B = ["onClick"], S = m({
   name: "vft-clamp-toggle"
-}), A = /* @__PURE__ */ a({
-  ...k,
+}), J = /* @__PURE__ */ m({
+  ...S,
   props: {
     text: {},
     maxHeight: {},
@@ -26,15 +27,18 @@ const y = ["onClick"], k = a({
     size: {},
     toggleColor: {},
     toggleSize: {},
-    toggleText: { default: () => ["展开", "收缩"] }
+    toggleText: {}
   },
   setup(e) {
-    const i = h("clamp-toggle"), n = s(() => C(
+    const { t: o } = k(), s = v("clamp-toggle"), c = t(() => [
+      o("vft.clampToggle.expand"),
+      o("vft.clampToggle.collapse")
+    ]), l = t(() => e.toggleText || c.value), r = t(() => T(
       { color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize },
       "clamp-toggle"
     ));
-    return (B, S) => (o(), c(l(z), {
-      style: g(n.value),
+    return (L, V) => (i(), f(n(y), {
+      style: x(r.value),
       text: e.text,
       "max-height": e.maxHeight,
       "max-lines": e.maxLines,
@@ -43,17 +47,17 @@ const y = ["onClick"], k = a({
       ellipsis: e.ellipsis,
       "auto-resize": e.autoResize
     }, {
-      after: d(({ toggle: m, expanded: t, clamped: r }) => [
-        t || r ? (o(), u("span", {
+      after: d(({ toggle: g, expanded: a, clamped: u }) => [
+        a || u ? (i(), p("span", {
           key: 0,
-          class: f(["cursor-pointer", [l(i).e("more")]]),
-          onClick: m
-        }, p(t ? e.toggleText[1] : e.toggleText[0]), 11, y)) : x("", !0)
+          class: C(["cursor-pointer", [n(s).e("more")]]),
+          onClick: g
+        }, h(a ? l.value[1] : l.value[0]), 11, B)) : z("", !0)
       ]),
       _: 1
     }, 8, ["style", "text", "max-height", "max-lines", "expanded", "location", "ellipsis", "auto-resize"]));
   }
 });
 export {
-  A as default
+  J as default
 };

package/es/components/color-picker/color-picker.vue2.js

@@ -1,32 +1,33 @@
-import { defineComponent as W, ref as c, reactive as ie, computed as b, onMounted as se, watch as g, nextTick as C, provide as ce, createBlock as V, openBlock as m, unref as e, withCtx as y, createElementVNode as u, withKeys as L, normalizeClass as n, createElementBlock as H, createCommentVNode as E, normalizeStyle as ue, withDirectives as M, createVNode as p, vShow as de, createTextVNode as O } from "vue";
-import { ClickOutside as me } from "@vft/directives";
-import { VftButton as R } from "../button/index.js";
+import { defineComponent as j, ref as c, reactive as ce, computed as h, onMounted as ue, watch as C, nextTick as V, provide as me, createBlock as y, openBlock as d, unref as e, withCtx as E, createElementVNode as u, withKeys as H, normalizeClass as r, createElementBlock as M, createCommentVNode as x, normalizeStyle as de, withDirectives as O, createVNode as p, vShow as pe, createTextVNode as R, toDisplayString as U } from "vue";
+import { ClickOutside as fe } from "@vft/directives";
+import { VftButton as _ } from "../button/index.js";
 import "../form/index.js";
-import { VftIcon as U } from "../icon/index.js";
-import { VftInput as pe } from "../input/index.js";
-import { VftTooltip as fe } from "../tooltip/index.js";
-import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as ve } from "../../constants/event.js";
+import { VftIcon as G } from "../icon/index.js";
+import { VftInput as ve } from "../input/index.js";
+import { VftTooltip as be } from "../tooltip/index.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as he } from "../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as G } from "../../utils/error.js";
+import { debugWarn as W } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { debounce as be } from "lodash-es";
-import { useNamespace as he } from "../../hooks/use-namespace/index.js";
+import { debounce as ke } from "lodash-es";
+import { useNamespace as we } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import ke from "./components/alpha-slider.vue2.js";
-import we from "./components/hue-slider.vue.js";
-import ge from "./components/predefine.vue.js";
-import Ce from "./components/sv-panel.vue.js";
-import { colorPickerContextKey as Ve } from "./contants.js";
-import $ from "./utils/color.js";
-import { useFormItem as ye, useFormItemInputId as Ee } from "../form/hooks/use-form-item.js";
-import { useFormSize as xe, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
-const Ie = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"], Se = W({
+import ge from "./components/alpha-slider.vue2.js";
+import Ce from "./components/hue-slider.vue.js";
+import Ve from "./components/predefine.vue.js";
+import ye from "./components/sv-panel.vue.js";
+import { colorPickerContextKey as Ee } from "./contants.js";
+import z from "./utils/color.js";
+import { useLocale as xe } from "../../locale/use-locale.js";
+import { useFormItem as Ae, useFormItemInputId as Ie } from "../form/hooks/use-form-item.js";
+import { useFormSize as Se, useFormDisabled as $e } from "../form/hooks/use-form-common-props.js";
+const Pe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"], ze = j({
   name: "VftColorPicker"
-}), eo = /* @__PURE__ */ W({
-  ...Se,
+}), to = /* @__PURE__ */ j({
+  ...ze,
   props: {
     modelValue: {},
     id: {},
@@ -42,232 +43,232 @@ const Ie = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
   },
   emits: [
     P,
-    ve,
+    he,
     "activeChange",
     "click-outside"
   ],
-  setup(i, { expose: j, emit: q }) {
-    const a = i, d = q, l = he("color"), { formItem: h } = ye(), J = xe(), x = Ae(), { inputId: Q, isLabeledByFormItem: z } = Ee(a, {
-      formItemContext: h
-    }), B = c(), X = c(), F = c(), Y = c();
-    let A = !0;
-    const t = ie(
-      new $({
+  setup(n, { expose: q, emit: J }) {
+    const { t: f } = xe(), a = n, m = J, l = we("color"), { formItem: k } = Ae(), Q = Se(), A = $e(), { inputId: X, isLabeledByFormItem: B } = Ie(a, {
+      formItemContext: k
+    }), F = c(), Y = c(), N = c(), Z = c();
+    let I = !0;
+    const t = ce(
+      new z({
         enableAlpha: a.showAlpha,
         format: a.colorFormat || "",
         value: a.modelValue
       })
-    ), f = c(!1), s = c(!1), v = c(""), Z = b(() => !a.modelValue && !s.value ? "transparent" : le(t, a.showAlpha)), I = b(() => !a.modelValue && !s.value ? "" : t.value), _ = b(() => z.value ? void 0 : a.label || "色彩选择器"), ee = b(() => z.value ? h?.labelId : void 0), oe = b(() => [
+    ), v = c(!1), i = c(!1), b = c(""), ee = h(() => !a.modelValue && !i.value ? "transparent" : te(t, a.showAlpha)), S = h(() => !a.modelValue && !i.value ? "" : t.value), oe = h(() => B.value ? void 0 : a.label || f("colorPicker")), le = h(() => B.value ? k?.labelId : void 0), ae = h(() => [
       l.b("picker"),
-      l.is("disabled", x.value),
-      l.bm("picker", J.value)
+      l.is("disabled", A.value),
+      l.bm("picker", Q.value)
     ]);
-    function le(o, r) {
-      if (!(o instanceof $))
+    function te(o, s) {
+      if (!(o instanceof z))
         throw new TypeError("color should be instance of _color Class");
-      const { r: w, g: D, b: K } = o.toRgb();
-      return r ? `rgba(${w}, ${D}, ${K}, ${o.get("alpha") / 100})` : `rgb(${w}, ${D}, ${K})`;
+      const { r: g, g: K, b: L } = o.toRgb();
+      return s ? `rgba(${g}, ${K}, ${L}, ${o.get("alpha") / 100})` : `rgb(${g}, ${K}, ${L})`;
     }
-    function ae(o) {
-      f.value = o;
+    function re(o) {
+      v.value = o;
     }
-    const k = be(ae, 100);
-    function te(o) {
-      k(!1), S(), d("click-outside", o);
+    const w = ke(re, 100);
+    function ne(o) {
+      w(!1), $(), m("click-outside", o);
     }
-    function S() {
-      C(() => {
-        a.modelValue ? t.fromString(a.modelValue) : (t.value = "", C(() => {
-          s.value = !1;
+    function $() {
+      V(() => {
+        a.modelValue ? t.fromString(a.modelValue) : (t.value = "", V(() => {
+          i.value = !1;
         }));
       });
     }
-    function N() {
-      x.value || k(!f.value);
-    }
     function T() {
-      t.fromString(v.value);
+      A.value || w(!v.value);
+    }
+    function D() {
+      t.fromString(b.value);
     }
-    function re() {
+    function ie() {
       const o = t.value;
-      d(P, o), d("change", o), a.validateEvent && h?.validate("change").catch((r) => G(r)), k(!1), C(() => {
-        const r = new $({
+      m(P, o), m("change", o), a.validateEvent && k?.validate("change").catch((s) => W(s)), w(!1), V(() => {
+        const s = new z({
           enableAlpha: a.showAlpha,
           format: a.colorFormat || "",
           value: a.modelValue
         });
-        t.compare(r) || S();
+        t.compare(s) || $();
       });
     }
-    function ne() {
-      k(!1), d(P, null), d("change", null), a.modelValue !== null && a.validateEvent && h?.validate("change").catch((o) => G(o)), S();
+    function se() {
+      w(!1), m(P, null), m("change", null), a.modelValue !== null && a.validateEvent && k?.validate("change").catch((o) => W(o)), $();
     }
-    return se(() => {
-      a.modelValue && (v.value = I.value);
-    }), g(
+    return ue(() => {
+      a.modelValue && (b.value = S.value);
+    }), C(
       () => a.modelValue,
       (o) => {
-        o ? o && o !== t.value && (A = !1, t.fromString(o)) : s.value = !1;
+        o ? o && o !== t.value && (I = !1, t.fromString(o)) : i.value = !1;
       }
-    ), g(
-      () => I.value,
+    ), C(
+      () => S.value,
       (o) => {
-        v.value = o, A && d("activeChange", o), A = !0;
+        b.value = o, I && m("activeChange", o), I = !0;
       }
-    ), g(
+    ), C(
       () => t.value,
       () => {
-        !a.modelValue && !s.value && (s.value = !0);
+        !a.modelValue && !i.value && (i.value = !0);
       }
-    ), g(
-      () => f.value,
+    ), C(
+      () => v.value,
       () => {
-        C(() => {
-          B.value?.update(), X.value?.update(), F.value?.update();
+        V(() => {
+          F.value?.update(), Y.value?.update(), N.value?.update();
         });
       }
-    ), ce(Ve, {
-      currentColor: I
-    }), j({
+    ), me(Ee, {
+      currentColor: S
+    }), q({
       /**
        * @description current color object
        */
       color: t,
-      showPicker: f
-    }), (o, r) => (m(), V(e(fe), {
+      showPicker: v
+    }), (o, s) => (d(), y(e(be), {
       ref_key: "popper",
-      ref: Y,
-      visible: f.value,
+      ref: Z,
+      visible: v.value,
       "show-arrow": !1,
       "fallback-placements": ["bottom", "top", "right", "left"],
       offset: 0,
       "gpu-acceleration": !1,
-      "popper-class": [e(l).be("picker", "panel"), e(l).b("dropdown"), i.popperClass],
+      "popper-class": [e(l).be("picker", "panel"), e(l).b("dropdown"), n.popperClass],
       "stop-popper-mouse-event": !1,
       effect: "light",
       trigger: "click",
       transition: `${e(l).namespace.value}-zoom-in-top`,
       persistent: ""
     }, {
-      content: y(() => [
-        M((m(), H("div", null, [
+      content: E(() => [
+        O((d(), M("div", null, [
           u("div", {
-            class: n(e(l).be("dropdown", "main-wrapper"))
+            class: r(e(l).be("dropdown", "main-wrapper"))
           }, [
-            p(we, {
+            p(Ce, {
               ref_key: "hue",
-              ref: B,
+              ref: F,
               class: "hue-slider",
               color: t,
               vertical: ""
             }, null, 8, ["color"]),
-            p(Ce, {
+            p(ye, {
               ref: "svPanel",
               color: t
             }, null, 8, ["color"])
           ], 2),
-          i.showAlpha ? (m(), V(ke, {
+          n.showAlpha ? (d(), y(ge, {
             key: 0,
             ref_key: "alpha",
-            ref: F,
+            ref: N,
             color: t
-          }, null, 8, ["color"])) : E("", !0),
-          i.predefine ? (m(), V(ge, {
+          }, null, 8, ["color"])) : x("", !0),
+          n.predefine ? (d(), y(Ve, {
             key: 1,
             ref: "predefine",
             color: t,
-            colors: i.predefine
-          }, null, 8, ["color", "colors"])) : E("", !0),
+            colors: n.predefine
+          }, null, 8, ["color", "colors"])) : x("", !0),
           u("div", {
-            class: n(e(l).be("dropdown", "btns"))
+            class: r(e(l).be("dropdown", "btns"))
           }, [
             u("span", {
-              class: n(e(l).be("dropdown", "value"))
+              class: r(e(l).be("dropdown", "value"))
             }, [
-              p(e(pe), {
-                modelValue: v.value,
-                "onUpdate:modelValue": r[0] || (r[0] = (w) => v.value = w),
+              p(e(ve), {
+                modelValue: b.value,
+                "onUpdate:modelValue": s[0] || (s[0] = (g) => b.value = g),
                 "validate-event": !1,
                 size: "small",
-                onKeyup: L(T, ["enter"]),
-                onBlur: T
+                onKeyup: H(D, ["enter"]),
+                onBlur: D
               }, null, 8, ["modelValue"])
             ], 2),
-            p(e(R), {
-              class: n(e(l).be("dropdown", "link-btn")),
+            p(e(_), {
+              class: r(e(l).be("dropdown", "link-btn")),
               text: "",
               size: "small",
-              onClick: ne
+              onClick: se
             }, {
-              default: y(() => [...r[1] || (r[1] = [
-                O(" 清除 ", -1)
-              ])]),
+              default: E(() => [
+                R(U(e(f)("clear")), 1)
+              ]),
               _: 1
             }, 8, ["class"]),
-            p(e(R), {
+            p(e(_), {
               plain: "",
               size: "small",
-              class: n(e(l).be("dropdown", "btn")),
-              onClick: re
+              class: r(e(l).be("dropdown", "btn")),
+              onClick: ie
             }, {
-              default: y(() => [...r[2] || (r[2] = [
-                O(" 确认 ", -1)
-              ])]),
+              default: E(() => [
+                R(U(e(f)("confirm")), 1)
+              ]),
               _: 1
             }, 8, ["class"])
           ], 2)
         ])), [
-          [e(me), te]
+          [e(fe), ne]
         ])
       ]),
-      default: y(() => [
+      default: E(() => [
         u("div", {
-          id: e(Q),
-          class: n(oe.value),
+          id: e(X),
+          class: r(ae.value),
           role: "button",
-          "aria-label": _.value,
-          "aria-labelledby": ee.value,
-          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${i.modelValue}`,
-          tabindex: i.tabindex,
-          onKeydown: L(N, ["enter"])
+          "aria-label": oe.value,
+          "aria-labelledby": le.value,
+          "aria-description": `${e(f)("currentColor")} {color}。${e(f)("pressEnter")} ${n.modelValue}`,
+          tabindex: n.tabindex,
+          onKeydown: H(T, ["enter"])
         }, [
-          e(x) ? (m(), H("div", {
+          e(A) ? (d(), M("div", {
             key: 0,
-            class: n(e(l).be("picker", "mask"))
-          }, null, 2)) : E("", !0),
+            class: r(e(l).be("picker", "mask"))
+          }, null, 2)) : x("", !0),
           u("div", {
-            class: n(e(l).be("picker", "trigger")),
-            onClick: N
+            class: r(e(l).be("picker", "trigger")),
+            onClick: T
           }, [
             u("span", {
-              class: n([e(l).be("picker", "color"), e(l).is("alpha", i.showAlpha)])
+              class: r([e(l).be("picker", "color"), e(l).is("alpha", n.showAlpha)])
             }, [
               u("span", {
-                class: n(e(l).be("picker", "color-inner")),
-                style: ue({
-                  backgroundColor: Z.value
+                class: r(e(l).be("picker", "color-inner")),
+                style: de({
+                  backgroundColor: ee.value
                 })
               }, [
-                M(p(e(U), {
+                O(p(e(G), {
                   icon: "icon-arrow-down",
-                  class: n([e(l).be("picker", "icon"), e(l).is("icon-arrow-down")])
+                  class: r([e(l).be("picker", "icon"), e(l).is("icon-arrow-down")])
                 }, null, 8, ["class"]), [
-                  [de, i.modelValue || s.value]
+                  [pe, n.modelValue || i.value]
                 ]),
-                !i.modelValue && !s.value ? (m(), V(e(U), {
+                !n.modelValue && !i.value ? (d(), y(e(G), {
                   key: 0,
                   icon: "icon-circle-close",
-                  class: n([e(l).be("picker", "empty"), e(l).is("icon-close")])
-                }, null, 8, ["class"])) : E("", !0)
+                  class: r([e(l).be("picker", "empty"), e(l).is("icon-close")])
+                }, null, 8, ["class"])) : x("", !0)
               ], 6)
             ], 2)
           ], 2)
-        ], 42, Ie)
+        ], 42, Pe)
       ]),
       _: 1
     }, 8, ["visible", "popper-class", "transition"]));
   }
 });
 export {
-  eo as default
+  to as default
 };

package/es/components/config-provider/config-provider.vue.d.ts

@@ -17,6 +17,8 @@ export interface ConfigProviderProps {
     namespace?: string;
     /** 设置所有弹窗类组件的 z-index */
     zIndex?: number;
+    /** 国际化语言包 */
+    locale?: any;
     /** Message 组件全局配置 */
     message?: MessageConfigContext;
     dialog?: DialogConfigContext;