vft 0.0.507 → 0.0.511

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, openBlock as d, createBlock as y, 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 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/color-picker/components/alpha-slider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, createElementBlock as C, openBlock as S, normalizeClass as r, unref as e, createElementVNode as n, normalizeStyle as c } from "vue";
+import { defineComponent as p, openBlock as C, createElementBlock as S, normalizeClass as r, unref as e, createElementVNode as n, normalizeStyle as c } from "vue";
 import { useAlphaSlider as v, useAlphaSliderDOM as A } from "../composables/use-alpha-slider.js";
 const E = "VftColorAlphaSlider", N = p({
   name: E
@@ -30,7 +30,7 @@ const E = "VftColorAlphaSlider", N = p({
        * @type {HTMLElement}
        */
       thumb: t
-    }), (x, a) => (S(), C("div", {
+    }), (x, a) => (C(), S("div", {
       class: r(e(d))
     }, [
       n("div", {

package/es/components/color-picker/components/hue-slider.vue.js

@@ -1,8 +1,8 @@
 import s from "./hue-slider.vue2.js";
-import { createElementBlock as t, openBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
+import { openBlock as t, createElementBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
 import m from "../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, r, f, d, u, b) {
-  return a(), t("div", {
+  return t(), a("div", {
     class: l([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
     n("div", {

package/es/components/color-picker/components/predefine.vue.js

@@ -1,15 +1,15 @@
 import t from "./predefine.vue2.js";
-import { createElementBlock as r, openBlock as l, normalizeClass as s, createElementVNode as a, Fragment as c, renderList as d, normalizeStyle as i } from "vue";
+import { openBlock as r, createElementBlock as l, normalizeClass as s, createElementVNode as a, Fragment as c, renderList as d, normalizeStyle as i } from "vue";
 import p from "../../../_virtual/_plugin-vue_export-helper.js";
 const m = ["onClick"];
 function u(e, f, k, v, h, C) {
-  return l(), r("div", {
+  return r(), l("div", {
     class: s(e.ns.b())
   }, [
     a("div", {
       class: s(e.ns.e("colors"))
     }, [
-      (l(!0), r(c, null, d(e.rgbaColors, (o, n) => (l(), r("div", {
+      (r(!0), l(c, null, d(e.rgbaColors, (o, n) => (r(), l("div", {
         key: e.colors[n],
         class: s([
           e.ns.e("color-selector"),

package/es/components/color-picker/components/sv-panel.vue.js

@@ -1,8 +1,8 @@
 import n from "./sv-panel.vue2.js";
-import { createElementBlock as a, openBlock as t, normalizeStyle as s, normalizeClass as o, createElementVNode as r } from "vue";
+import { openBlock as a, createElementBlock as t, normalizeStyle as s, normalizeClass as o, createElementVNode as r } from "vue";
 import i from "../../../_virtual/_plugin-vue_export-helper.js";
 function p(e, l, u, d, c, m) {
-  return t(), a("div", {
+  return a(), t("div", {
     class: o(e.ns.b()),
     style: s({
       backgroundColor: e.background

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;

package/es/components/config-provider/config-provider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, watch as m, computed as l, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, createElementBlock as v, openBlock as b, normalizeStyle as k, normalizeClass as C, unref as V, renderSlot as y } from "vue";
+import { defineComponent as s, watch as m, computed as d, onActivated as u, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as v, createElementBlock as b, normalizeStyle as k, normalizeClass as C, unref as V, renderSlot as y } from "vue";
 import { inBrowser as S, kebabCase as B } from "@vft/utils";
 import "@vueuse/core";
 import { provideGlobalConfig as E } from "./hooks/use-global-config.js";
@@ -22,6 +22,7 @@ const z = s({
     iconifyPrefixClass: { default: "ico-" },
     namespace: { default: "vft" },
     zIndex: {},
+    locale: {},
     message: {},
     dialog: {},
     projectCfg: {},
@@ -40,7 +41,7 @@ const z = s({
       },
       { immediate: !0, deep: !0 }
     );
-    const c = l(() => {
+    const c = d(() => {
       const e = t.theme === "dark";
       return f({
         ...t.themeVars,
@@ -67,8 +68,8 @@ const z = s({
         a[`--${t.namespace}-${B(o)}`] = e[o];
       }), a;
     }
-    const d = p();
-    return E(d.props), (e, a) => (b(), v("div", {
+    const l = p();
+    return E(l.props), (e, a) => (v(), b("div", {
       class: C([V(i).b(), { "vft-dark": t.theme === "dark" }]),
       style: k(c.value)
     }, [

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

@@ -3,4 +3,5 @@ import type { InjectionKey, Ref } from 'vue';
 import type { ConfigProviderProps } from './config-provider.vue';
 export type ConfigProviderContext = Partial<ConfigProviderProps>;
 export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;
+export declare const localeContextKey: InjectionKey<Ref<any>>;
 export declare const messageConfig: MessageConfigContext;

package/es/components/config-provider/constants.js

@@ -1,5 +1,6 @@
-const o = Symbol(), e = {};
+const o = Symbol(), e = Symbol("vftLocale"), t = {};
 export {
   o as configProviderContextKey,
-  e as messageConfig
+  e as localeContextKey,
+  t as messageConfig
 };

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,59 +1,62 @@
-import { keysOf as f } from "@vft/utils";
+import { keysOf as c } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as f, computed as t, unref as p, inject as C, provide as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
-import { configProviderContextKey as m } from "../constants.js";
-const a = g();
+import { configProviderContextKey as m, localeContextKey as S } from "../constants.js";
+const s = g();
 function d(o, e = void 0) {
-  const n = l() ? x(m, a) : a;
-  return o ? i(() => n?.value?.[o] ?? e) : n;
+  const n = f() ? C(m, s) : s;
+  return o ? t(() => n?.value?.[o] ?? e) : n;
 }
-function B(o) {
+function D(o) {
   const e = d(), n = b(
     o,
-    i(() => e.value?.namespace || y)
-  ), t = z(
-    i(() => e.value?.zIndex || K)
+    t(() => e.value?.namespace || y)
+  ), r = z(
+    t(() => e.value?.zIndex || K)
   );
-  return S(i(() => p(e) || {})), {
+  return j(t(() => p(e) || {})), {
     ns: n,
-    zIndex: t
+    zIndex: r
   };
 }
-const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
-  if (!u) {
+const j = (o, e, n = !1) => {
+  const r = !!f(), i = r ? d() : void 0, l = e?.provide ?? (r ? x : void 0);
+  if (!l) {
     v(
       "provideGlobalConfig",
       "provideGlobalConfig() can only be used inside setup()."
     );
     return;
   }
-  const s = i(() => {
-    const c = p(o);
-    return r?.value ? j(r.value, c) : c;
+  const a = t(() => {
+    const u = p(o);
+    return i?.value ? k(i.value, u) : u;
   });
-  return u(m, s), u(
+  return l(m, a), l(
     I,
-    i(() => s.value.namespace)
-  ), u(
+    t(() => a.value.namespace)
+  ), l(
     G,
-    i(() => s.value.zIndex)
-  ), (n || !a.value) && (a.value = s.value), s;
-}, j = (o, e) => {
-  const n = [.../* @__PURE__ */ new Set([...f(o), ...f(e)])], t = {};
-  for (const r of n)
-    t[r] = e[r] !== void 0 ? e[r] : o[r];
-  return t;
+    t(() => a.value.zIndex)
+  ), l(
+    S,
+    t(() => a.value.locale)
+  ), (n || !s.value) && (s.value = a.value), a;
+}, k = (o, e) => {
+  const n = [.../* @__PURE__ */ new Set([...c(o), ...c(e)])], r = {};
+  for (const i of n)
+    r[i] = e[i] !== void 0 ? e[i] : o[i];
+  return r;
 };
 export {
-  S as provideGlobalConfig,
-  B as useGlobalComponentSettings,
+  j as provideGlobalConfig,
+  D as useGlobalComponentSettings,
   d as useGlobalConfig
 };