@aplus-frontend/ui 7.12.3 → 7.12.5

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,22 +1,22 @@
-import { defineComponent as $, ref as g, computed as r, unref as t, createElementBlock as K, openBlock as B, normalizeStyle as C, normalizeClass as b, createVNode as m, withCtx as A, createBlock as M, createCommentVNode as D, mergeProps as G } from "vue";
-import { Form as q, Space as H } from "@aplus-frontend/antdv";
-import { isNumber as Y, omit as J } from "lodash-unified";
+import { defineComponent as z, ref as g, computed as u, unref as t, createElementBlock as T, openBlock as B, normalizeClass as C, createVNode as d, withCtx as b, createBlock as _, createCommentVNode as K, normalizeStyle as M, mergeProps as $ } from "vue";
+import { Form as D, Space as G } from "@aplus-frontend/antdv";
+import { omit as q } from "lodash-unified";
 import "../../ap-field/index.mjs";
-import { useDefaultPlaceholder as Q } from "../../ap-field/hooks/use-default-placeholder.mjs";
+import { useDefaultPlaceholder as H } from "../../ap-field/hooks/use-default-placeholder.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import "../../utils/index.mjs";
 import "./popover-input/index.vue.mjs";
-import W from "./style/index.mjs";
-import { splitValue as X } from "./utils.mjs";
-import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
-import { useLocale as ee } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
-import { isDef as oe } from "../../utils/is.mjs";
-import ne from "../../ap-field/select/index.vue.mjs";
-import { ApFieldText as le } from "../../ap-field/text/index.mjs";
-import ae from "./popover-input/index.vue2.mjs";
-const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
+import Y from "./style/index.mjs";
+import { splitValue as J } from "./utils.mjs";
+import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
+import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
+import { isDef as Z } from "../../utils/is.mjs";
+import ee from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as te } from "../../ap-field/text/index.mjs";
+import oe from "./popover-input/index.vue2.mjs";
+const c = "GROUP_SEARCH_ALL", be = /* @__PURE__ */ z({
   name: "BatchInputGroup",
   __name: "index",
   props: {
@@ -28,6 +28,7 @@ const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
     "onUpdate:value": {},
     popoverPlacement: { default: "left" },
     maxNum: { default: 200 },
+    getPopupContainer: {},
     mode: { default: "edit" },
     class: {},
     variant: {},
@@ -77,91 +78,84 @@ const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(x, { emit: V }) {
-    const o = x, I = Q("Text", o), S = V, { value: a, updateValue: u } = Z(
+  setup(A, { emit: I }) {
+    const o = A, V = H("Text", o), x = I, { value: a, updateValue: r } = Q(
       o,
-      S
-    ), i = g(), f = g(), { t: k } = ee(), { b: F, cssVar: U } = te("batch-input-group"), v = W("batch-input-group"), p = q.useInjectFormItemContext(), w = r(() => {
-      const e = o.popoverPlacement;
-      return {
-        "popover-left": Y(e) ? `${e}px` : e === "left" ? "0px" : "unset",
-        "popover-right": e === "right" ? "0px" : "unset"
-      };
-    }), P = r(() => o.options ? o.options.length > 1 && o.hasAll ? [
-      { value: d, label: k("ap.common.all") },
+      x
+    ), s = g(), f = g(), { t: S } = W(), { b: k } = X("batch-input-group"), v = Y("batch-input-group"), p = D.useInjectFormItemContext(), F = u(() => o.options ? o.options.length > 1 && o.hasAll ? [
+      { value: c, label: S("ap.common.all") },
       ...o.options
-    ] : o.options : []), R = r(() => o.options ? o.options.map((e) => e.value) : []), j = r(() => t(a)?.value?.length ? t(a).value.join(",") : ""), N = r(() => t(a)?.value?.length ? t(a).value.join(`
-`) : ""), E = r(() => {
+    ] : o.options : []), U = u(() => o.options ? o.options.map((e) => e.value) : []), w = u(() => t(a)?.value?.length ? t(a).value.join(",") : ""), P = u(() => t(a)?.value?.length ? t(a).value.join(`
+`) : ""), R = u(() => {
       const e = t(a)?.key;
       if (e?.length)
-        return e.length === 1 || !o.hasAll ? e[0] : d;
-    }), L = r(() => {
+        return e.length === 1 || !o.hasAll ? e[0] : c;
+    }), j = u(() => {
       const e = t(a)?.key;
-      return !e || e?.length <= 1 || o.hasAll === !1 ? t(I) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
+      return !e || e?.length <= 1 || o.hasAll === !1 ? t(V) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
     });
-    function O(e) {
-      const l = t(a) || {}, n = e === d ? t(R) : oe(e) ? [e] : [];
-      u({
+    function E(e) {
+      const l = t(a) || {}, n = e === c ? t(U) : Z(e) ? [e] : [];
+      r({
         ...l,
         key: n
       }), p.onFieldChange();
     }
-    function _(e) {
+    function L(e) {
       const l = t(a) || {}, n = e.target.value || "";
-      let c = X(n, ",", ",", o.maxNum);
-      if (n !== c) {
+      let m = J(n, ",", ",", o.maxNum);
+      if (n !== m) {
         const h = f.value?.$el?.querySelector("input");
-        h && (h.value = c);
+        h && (h.value = m);
       }
-      let s = c.split(",");
-      s.length === 1 && s[0] === "" && (s = []), u({
+      let i = m.split(",");
+      i.length === 1 && i[0] === "" && (i = []), r({
         ...l,
-        value: s
+        value: i
       }), p.onFieldChange();
     }
-    function z(e) {
+    function N(e) {
       const l = t(a) || {};
       let n = e.split(/,|\n/);
-      u({
+      r({
         ...l,
         value: n
       }), p.onFieldChange();
     }
     function y() {
       const e = t(a) || {}, l = e.value?.filter(Boolean);
-      u({
+      r({
         ...e,
         value: l
       }), p.onFieldChange();
     }
-    function T(e) {
+    function O(e) {
       y(), o.onBlur?.(e);
     }
-    return (e, l) => (B(), K("div", {
+    return (e, l) => (B(), T("div", {
       ref_key: "containerRef",
-      ref: i,
-      class: b([t(F)(), t(v)]),
-      style: C(t(U)(w.value)),
+      ref: s,
+      class: C([t(k)(), t(v)]),
       onFocus: l[0] || (l[0] = //@ts-ignore
       (...n) => e.onFocus && e.onFocus(...n)),
       onBlur: l[1] || (l[1] = //@ts-ignore
       (...n) => e.onBlur && e.onBlur(...n))
     }, [
-      m(t(H).Compact, { block: "" }, {
-        default: A(() => [
-          e.options?.length ? (B(), M(t(ne), {
+      d(t(G).Compact, { block: "" }, {
+        default: b(() => [
+          e.options?.length ? (B(), _(t(ee), {
             key: 0,
-            style: C(e.style),
-            options: P.value,
-            value: E.value,
+            style: M(e.style),
+            options: F.value,
+            value: R.value,
             "allow-clear": !1,
             "dropdown-match-select-width": !1,
             disabled: e.disabled,
-            "get-popup-container": () => i.value,
-            "onUpdate:value": O
-          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : D("", !0),
-          m(t(le), G(
-            t(J)(o, [
+            "get-popup-container": () => s.value,
+            "onUpdate:value": E
+          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : K("", !0),
+          d(t(te), $(
+            t(q)(o, [
               "style",
               "value",
               "onUpdate:value",
@@ -174,32 +168,33 @@ const d = "GROUP_SEARCH_ALL", Ve = /* @__PURE__ */ $({
               ref_key: "inputRef",
               ref: f,
               style: e.inputStyle,
-              value: j.value,
-              placeholder: L.value,
-              onInput: _,
-              onBlur: T
+              value: w.value,
+              placeholder: j.value,
+              onInput: L,
+              onBlur: O
             }
           ), {
-            suffix: A(() => [
-              m(ae, {
-                _parent: i.value,
-                value: N.value,
+            suffix: b(() => [
+              d(oe, {
+                _parent: s.value,
+                value: P.value,
                 disabled: e.disabled,
                 placement: o.popoverPlacement,
                 "max-num": e.maxNum,
-                class: b(t(v)),
-                "onUpdate:value": z,
+                class: C(t(v)),
+                "get-popup-container": e.getPopupContainer,
+                "onUpdate:value": N,
                 onClose: y
-              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class"])
+              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class", "get-popup-container"])
             ]),
             _: 1
           }, 16, ["style", "value", "placeholder"])
         ]),
         _: 1
       })
-    ], 38));
+    ], 34));
   }
 });
 export {
-  Ve as default
+  be as default
 };

package/es/src/business/batch-input-group/interface.d.ts

@@ -36,12 +36,15 @@ export interface BatchInputGroupProps extends Omit<ApFieldTextProps, 'value' | '
      * 最大输入条数，默认为200
      */
     maxNum?: number;
+    getPopupContainer?: BatchInputGroupPopoverInputProps['getPopupContainer'];
 }
 export interface BatchInputGroupPopoverInputProps extends Pick<ApFieldTextAreaProps, 'value' | 'onUpdate:value'> {
     _parent?: HTMLElement;
     onClose?: () => void;
     disabled?: boolean;
     maxNum?: number;
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    placement?: BatchInputGroupProps['popoverPlacement'];
 }
 export type ApFormItemBatchInputProps = ApFormItemProps & {
     field?: Omit<BatchInputGroupProps, 'value' | 'onUpdate:value'>;

package/es/src/business/batch-input-group/popover-input/index.vue2.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as y, ref as i, createElementBlock as A, openBlock as k, normalizeClass as p, unref as t, createVNode as u, withCtx as m, createElementVNode as B } from "vue";
-import { Popover as P, Textarea as $ } from "@aplus-frontend/antdv";
-import { IconApAdLineScreen as w } from "@aplus-frontend/icon";
+import { defineComponent as E, ref as p, computed as v, createElementBlock as O, openBlock as F, normalizeClass as i, unref as n, createVNode as m, withCtx as d, createElementVNode as L } from "vue";
+import { Popover as z, Textarea as G } from "@aplus-frontend/antdv";
+import { IconApAdLineScreen as S } from "@aplus-frontend/icon";
+import { isNumber as W } from "lodash-unified";
 import "../../../config-provider/index.mjs";
 import "../../../hooks/index.mjs";
-import { splitValue as L } from "../utils.mjs";
-import { useControllableValue as z } from "../../../hooks/useControllableValue.mjs";
-import { useLocale as E } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as F } from "../../../config-provider/hooks/use-namespace.mjs";
-const H = /* @__PURE__ */ y({
+import { splitValue as j } from "../utils.mjs";
+import { useControllableValue as T } from "../../../hooks/useControllableValue.mjs";
+import { useLocale as U } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as g } from "../../../config-provider/hooks/use-namespace.mjs";
+const ee = /* @__PURE__ */ E({
   name: "BatchInputGroupPopoverInput",
   inheritAttrs: !1,
   __name: "index",
@@ -16,71 +17,92 @@ const H = /* @__PURE__ */ y({
     onClose: { type: Function },
     disabled: { type: Boolean },
     maxNum: {},
+    getPopupContainer: { type: Function },
+    placement: {},
     value: {},
     "onUpdate:value": { type: Function }
   },
   emits: ["update:value"],
-  setup(f, { emit: d }) {
-    const o = f, v = d, { value: g, updateValue: h } = z(o, v), n = i(!1), l = i(), b = (e) => o._parent || e, { t: x } = E();
-    function C(e) {
-      const r = e.target.value || "";
-      let a = L(r, `
+  setup(h, { emit: C }) {
+    const o = h, b = C, { value: y, updateValue: x } = T(o, b), u = p(!1), s = p(), c = p(), r = p({
+      left: 0,
+      right: 0
+    }), P = (e) => o._parent || e, { t: V } = U();
+    function I(e) {
+      const a = e.target.value || "";
+      let t = j(a, `
 ,`, `
 `, o.maxNum);
-      if (a = a.replace(/\\n/g, `
-`), a !== r) {
-        const c = l.value?.$el || l.value;
-        c && (c.value = a);
+      if (t = t.replace(/\\n/g, `
+`), t !== a) {
+        const l = s.value?.$el || s.value;
+        l && (l.value = t);
       }
-      h(a);
+      x(t);
     }
-    function I(e) {
-      o.disabled ? n.value = !1 : n.value = e, !e && o.onClose?.();
+    const N = () => {
+      if (o.getPopupContainer) {
+        const e = o._parent, a = o.getPopupContainer(), t = e?.getBoundingClientRect(), l = a?.getBoundingClientRect();
+        c.value = e?.offsetWidth, r.value.left = (t?.left || 0) - (l.left || 0), r.value.right = (t?.right || 0) - (l.right || 0);
+      }
+    };
+    function $(e) {
+      N(), o.disabled ? u.value = !1 : u.value = e, !e && o.onClose?.();
     }
-    const { b: s, e: N, em: V, bm: _ } = F("batch-input-group-popover-input");
-    return (e, r) => (k(), A("div", {
-      class: p(t(s)())
+    const { b: f, e: R, em: _, bm: B } = g("batch-input-group-popover-input"), { cssVar: A } = g("batch-input-group-popover"), k = v(() => {
+      const e = o.placement, a = W(e) ? `${e}px` : e === "left" ? `${r.value.left}px` : "unset", t = e === "right" ? `${-r.value.right}px` : "unset";
+      return {
+        left: a,
+        right: t
+      };
+    }), w = v(() => A({
+      ...k.value,
+      width: c.value ? `${c.value}px` : "100%"
+    }));
+    return (e, a) => (F(), O("div", {
+      class: i(n(f)())
     }, [
-      u(t(P), {
-        "overlay-class-name": `${t(N)("popover")} ${e.$attrs.class}`,
-        "get-popup-container": b,
+      m(n(z), {
+        "overlay-class-name": `${n(R)("popover")} ${e.$attrs.class}`,
+        "get-popup-container": e.getPopupContainer ?? P,
         trigger: "click",
         placement: "bottomLeft",
-        open: n.value,
-        onOpenChange: I
+        open: u.value,
+        "overlay-style": w.value,
+        onOpenChange: $
       }, {
-        content: m(() => [
-          B("div", {
-            class: p(t(V)("popover", "content"))
+        content: d(() => [
+          L("div", {
+            class: i(n(_)("popover", "content"))
           }, [
-            u(t($), {
+            m(n(G), {
               ref_key: "textAreaRef",
-              ref: l,
-              placeholder: t(x)("ap.batchInputGroup.popoverInputPlaceholder", {
+              ref: s,
+              placeholder: n(V)("ap.batchInputGroup.popoverInputPlaceholder", {
                 maxNum: e.maxNum + ""
               }),
               bordered: !1,
               rows: 10,
-              value: t(g),
+              value: n(y),
               "allow-clear": !1,
               "auto-size": !1,
-              onInput: C
+              onInput: I
             }, null, 8, ["placeholder", "value"])
           ], 2)
         ]),
-        default: m(() => [
-          u(t(w), {
-            class: p([
-              t(s)("trigger-icon"),
-              e.disabled ? t(_)("trigger-icon", "disabled") : null
+        default: d(() => [
+          m(n(S), {
+            class: i([
+              n(f)("trigger-icon"),
+              e.disabled ? n(B)("trigger-icon", "disabled") : null
             ])
           }, null, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["overlay-class-name", "open"])
+      }, 8, ["overlay-class-name", "get-popup-container", "open", "overlay-style"])
     ], 2));
   }
 });
 export {
-  H as default
+  ee as default
 };

package/es/src/business/batch-input-group/style/index.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
-const a = (o) => {
-  const { componentCls: t, namespace: e } = o, r = `${t}-popover-input`, p = `--${e}-batch-input-group-popover-left`, n = `--${e}-batch-input-group-popover-right`;
+import { genComponentStyleHook as a } from "../../../utils/cssinjs/index.mjs";
+const l = (o) => {
+  const { componentCls: p, namespace: t } = o, r = `${p}-popover-input`, e = `--${t}-batch-input-group-popover-left`, n = `--${t}-batch-input-group-popover-right`, i = `--${t}-batch-input-group-popover-width`;
   return {
-    [t]: {
+    [p]: {
       position: "relative",
       [r]: {
         display: "inline-flex",
@@ -26,9 +26,9 @@ const a = (o) => {
       }
     },
     [`${r}__popover`]: {
-      width: "100%",
+      width: `var(${i})`,
       minWidth: "300px",
-      left: `var(${p}) !important`,
+      left: `var(${e}) !important`,
       right: `var(${n}) !important`,
       ".ant-popover-arrow": {
         display: "none"
@@ -45,13 +45,13 @@ const a = (o) => {
       }
     }
   };
-}, c = i(
+}, s = a(
   "BatchInputGroup",
-  (o) => [a(o)],
+  (o) => [l(o)],
   {
     batchInputGroupTriggerColorDisabled: "rgba(24, 41, 72, 0.25)"
   }
 );
 export {
-  c as default
+  s as default
 };

package/es/src/check-card/style/index.mjs

@@ -33,7 +33,7 @@ const s = (i) => {
         insetInlineEnd: 0,
         clipPath: "polygon(100% 0, 100% 100%, 0 0)",
         background: i.colorPrimary,
-        borderRadius: i.calc(i.borderRadius).add("2px").equal()
+        borderTopRightRadius: i.calc(i.borderRadius).add("2px").equal()
       },
       "&--checked": {
         outline: `${r} ${i.lineType} ${i.colorPrimary}`,

package/es/src/config-provider/config-provider.mjs

@@ -1,25 +1,26 @@
-import { isVNode as c, ref as m, defineComponent as f, computed as s, watch as v, onActivated as C, createVNode as P, renderSlot as h } from "vue";
+import { isVNode as f, ref as s, defineComponent as v, computed as n, watch as C, onActivated as P, createVNode as h, renderSlot as T } from "vue";
 import { ConfigProvider as w } from "@aplus-frontend/antdv";
-import { useDevWarning as T } from "../utils/warning.mjs";
-import { mergeAntdProviderConfigWithCache as t, mergeAntdProvideConfig as n } from "../utils/config-provider-preset.mjs";
-import { configProviderProps as b } from "./config-provider-props.mjs";
-import { DEFAULT_NAMESPACE as F } from "./constants.mjs";
-import { useGlobalConfig as A, provideGlobalConfig as D } from "./hooks/use-global-config.mjs";
-function G(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
+import { merge as b, cloneDeep as A } from "lodash-unified";
+import { useDevWarning as F } from "../utils/warning.mjs";
+import { mergeAntdProviderConfigWithCache as l, mergeAntdProvideConfig as u } from "../utils/config-provider-preset.mjs";
+import { configProviderProps as D } from "./config-provider-props.mjs";
+import { DEFAULT_NAMESPACE as G } from "./constants.mjs";
+import { useGlobalConfig as k, provideGlobalConfig as M } from "./hooks/use-global-config.mjs";
+function N(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
 }
-const a = m({}), E = /* @__PURE__ */ f({
+const i = s({}), _ = /* @__PURE__ */ v({
   name: "AplusConfigProvider",
-  props: b(),
+  props: D(),
   setup(e, {
-    slots: l
+    slots: d
   }) {
-    T("ConfigProvider")(!e.uiMode, "breaking", "uiMode has been remove, see migrate guild https://aplus.aplnk.com/aplus-ui/guild/migrate-7.2.html");
-    function o(i, p) {
-      return e[i] ?? d.value?.[i] ?? p;
+    F("ConfigProvider")(!e.uiMode, "breaking", "uiMode has been remove, see migrate guild https://aplus.aplnk.com/aplus-ui/guild/migrate-7.2.html");
+    function o(a, c) {
+      return e[a] ?? r.value?.[a] ?? c;
     }
-    const d = A(), u = s(() => ({
-      namespace: o("namespace", F),
+    const r = k(), p = n(() => b(A(r.value?.aplusToken || {}), e.aplusToken)), g = n(() => ({
+      namespace: o("namespace", G),
       apGrid: o("apGrid"),
       agGrid: o("agGrid"),
       apProCard: o("apProCard"),
@@ -30,37 +31,37 @@ const a = m({}), E = /* @__PURE__ */ f({
       apDescriptions: o("apDescriptions"),
       apFilePreview: o("apFilePreview"),
       aplusLocale: e.aplusLocale,
-      aplusToken: e.aplusToken,
+      aplusToken: p.value,
       api: e.api,
       valueTypeMap: e.valueTypeMap,
       downloadCenterTriggerConfig: e.downloadCenterTriggerConfig,
       exportField: e.exportField,
       scrollYDomName: e.scrollYDomName,
       viewCacheOption: e.viewCacheOption
-    })), g = D(u);
-    let r = !0;
-    return v(() => e, (i) => {
-      a.value = t(n(i), a.value);
+    })), m = M(g);
+    let t = !0;
+    return C(() => e, (a) => {
+      i.value = l(u(a), i.value);
     }, {
       deep: !0,
       immediate: !0
-    }), C(() => {
-      if (r) {
-        r = !1;
+    }), P(() => {
+      if (t) {
+        t = !1;
         return;
       }
-      a.value = t(n(e), a.value);
+      i.value = l(u(e), i.value);
     }), () => {
-      let i;
-      return P(w, a.value, G(i = h(l, "default", {
-        config: g?.value
-      })) ? i : {
-        default: () => [i]
+      let a;
+      return h(w, i.value, N(a = T(d, "default", {
+        config: m?.value
+      })) ? a : {
+        default: () => [a]
       });
     };
   }
 });
 export {
-  E as ConfigProvider,
-  a as globalConfigCached
+  _ as ConfigProvider,
+  i as globalConfigCached
 };

package/es/src/config-provider/hooks/use-global-config.mjs

@@ -1,48 +1,51 @@
-import { css as k } from "@emotion/css";
-import { merge as y, cloneDeep as x, omit as T } from "lodash-unified";
-import { ref as p, getCurrentInstance as v, inject as b, computed as c, provide as K, unref as j, watch as w } from "vue";
-import { defaultToken as G } from "../../design-token/constants.mjs";
-import { generateCssVar as O } from "../../utils/cssinjs/utils.mjs";
+import { css as C } from "@emotion/css";
+import { merge as k, cloneDeep as x, omit as y } from "lodash-unified";
+import { ref as p, getCurrentInstance as v, inject as T, computed as u, provide as K, unref as b, watch as j } from "vue";
+import { defaultToken as w } from "../../design-token/constants.mjs";
+import { generateCssVar as G } from "../../utils/cssinjs/utils.mjs";
 import { configProviderContextKey as d } from "../constants.mjs";
-import { localeContextKey as S } from "./use-locale.mjs";
-import { namespaceContextKey as V } from "./use-namespace.mjs";
-import { designTokenContextKey as h } from "./use-token.mjs";
-const m = (e) => Object.keys(e), u = p();
-function D(e, o = void 0) {
-  const n = v() ? b(d, u) : u;
-  return e ? c(() => n.value?.[e] ?? o) : n;
+import { localeContextKey as I } from "./use-locale.mjs";
+import { namespaceContextKey as O } from "./use-namespace.mjs";
+import { designTokenContextKey as S } from "./use-token.mjs";
+const m = (e) => Object.keys(e), a = p();
+function V(e, o = void 0) {
+  const n = v() ? T(d, a) : a;
+  return e ? u(() => n.value?.[e] ?? o) : n;
 }
-const J = (e, o, n = !1) => {
-  const s = !!v(), t = s ? D() : void 0, i = o?.provide ?? (s ? K : void 0);
-  if (!i)
+const E = (e, o, n = !1) => {
+  const i = !!v(), t = i ? V() : void 0, s = o?.provide ?? (i ? K : void 0);
+  if (!s)
     return;
-  const r = c(() => {
-    const a = j(e);
-    return t?.value ? F(t.value, a) : a;
+  const r = u(() => {
+    const c = b(e);
+    return t?.value ? h(t.value, c) : c;
   });
-  i(d, r), i(
-    S,
-    c(() => r.value.aplusLocale)
-  ), i(V, r.value.namespace);
-  const f = c(() => ({
-    ...y(x(G), r.value.aplusToken || {})
-  })), g = c(() => T(f.value, ["components"])), l = p();
-  return w(
-    () => g.value,
-    (a) => {
-      const C = O(a);
-      l.value = k(C);
+  s(d, r), s(
+    I,
+    u(() => r.value.aplusLocale)
+  ), s(O, r.value.namespace);
+  const f = u(() => ({
+    ...k(x(w), r.value.aplusToken || {})
+  })), l = p();
+  return j(
+    () => f.value,
+    () => {
+      const c = y(f.value, ["components"]), g = G(c, {
+        uniqueId: !0,
+        skipUnit: []
+      });
+      l.value = C(g);
     },
     { deep: !0, immediate: !0 }
-  ), i(h, { token: f, rootCls: l }), (n || !u.value) && (u.value = r.value), r;
-}, F = (e, o) => {
-  const n = [.../* @__PURE__ */ new Set([...m(e), ...m(o)])], s = {};
+  ), s(S, { token: f, rootCls: l }), (n || !a.value) && (a.value = r.value), r;
+}, h = (e, o) => {
+  const n = [.../* @__PURE__ */ new Set([...m(e), ...m(o)])], i = {};
   for (const t of n)
-    s[t] = o[t] !== void 0 ? o[t] : e[t];
-  return s;
+    i[t] = o[t] !== void 0 ? o[t] : e[t];
+  return i;
 };
 export {
   m as keysOf,
-  J as provideGlobalConfig,
-  D as useGlobalConfig
+  E as provideGlobalConfig,
+  V as useGlobalConfig
 };

package/es/src/config-provider/hooks/use-namespace.d.ts

@@ -2,11 +2,7 @@ import { InjectionKey, Ref, ComputedRef } from 'vue';
 export declare const defaultNamespace = "aplus";
 export declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
 export declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string | undefined>) => ComputedRef<string>;
-export declare const useNamespace: (
-/**
- * 块 一般是指组件名
- */
-block: string, namespaceOverrides?: Ref<string | undefined>) => {
+export declare const useNamespace: (block: string, namespaceOverrides?: Ref<string | undefined>) => {
     namespace: ComputedRef<string>;
     b: (blockSuffix?: string) => string;
     e: (element?: string) => string;