@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

@@ -1,13 +1,15 @@
-import { defineComponent as I, ref as i, createElementBlock as k, openBlock as A, normalizeClass as p, unref as e, createVNode as u, withCtx as m, createElementVNode as w } from "vue";
-import { Popover as B, Textarea as L } from "@aplus-frontend/antdv";
+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 "../../../config-provider/index.mjs";
-import { IconApAdLineScreen as P } from "@aplus-frontend/icon";
+import { IconApAdLineScreen as w } from "@aplus-frontend/icon";
 import "../../../hooks/index.mjs";
-import { splitValue as z } from "../utils.mjs";
-import { useControllableValue as E } from "../../../hooks/useControllableValue.mjs";
-import { useLocale as F } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as O } from "../../../config-provider/hooks/use-namespace.mjs";
-const H = /* @__PURE__ */ I({
+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({
+  name: "BatchInputGroupPopoverInput",
+  inheritAttrs: !1,
   __name: "index",
   props: {
     _parent: {},
@@ -19,46 +21,46 @@ const H = /* @__PURE__ */ I({
   },
   emits: ["update:value"],
   setup(f, { emit: d }) {
-    const t = f, v = d, { value: g, updateValue: b } = E(t, v), a = i(!1), n = i(), h = (o) => t._parent || o, { t: x } = F();
-    function C(o) {
-      const l = o.target.value || "";
-      let r = z(l, `
+    const o = f, v = d, { value: h, updateValue: g } = z(o, v), a = i(!1), n = i(), b = (e) => o._parent || e, { t: x } = E();
+    function C(e) {
+      const l = e.target.value || "";
+      let r = L(l, `
 ,`, `
-`, t.maxNum);
+`, o.maxNum);
       if (r !== l) {
         const c = n.value?.$el || n.value;
         c && (c.value = r);
       }
-      b(r);
+      g(r);
     }
-    function _(o) {
-      t.disabled ? a.value = !1 : a.value = o, !o && t.onClose?.();
+    function I(e) {
+      o.disabled ? a.value = !1 : a.value = e, !e && o.onClose?.();
     }
-    const { b: s, e: N, em: V, bm: y } = O("batch-input-group-popover-input");
-    return (o, l) => (A(), k("div", {
-      class: p(e(s)())
+    const { b: s, e: N, em: V, bm: _ } = F("batch-input-group-popover-input");
+    return (e, l) => (k(), A("div", {
+      class: p(t(s)())
     }, [
-      u(e(B), {
-        "overlay-class-name": e(N)("popover"),
-        "get-popup-container": h,
+      u(t(P), {
+        "overlay-class-name": `${t(N)("popover")} ${e.$attrs.class}`,
+        "get-popup-container": b,
         trigger: "click",
         placement: "bottomLeft",
         open: a.value,
-        onOpenChange: _
+        onOpenChange: I
       }, {
         content: m(() => [
-          w("div", {
-            class: p(e(V)("popover", "content"))
+          B("div", {
+            class: p(t(V)("popover", "content"))
           }, [
-            u(e(L), {
+            u(t($), {
               ref_key: "textAreaRef",
               ref: n,
-              placeholder: e(x)("ap.batchInputGroup.popoverInputPlaceholder", {
-                maxNum: o.maxNum + ""
+              placeholder: t(x)("ap.batchInputGroup.popoverInputPlaceholder", {
+                maxNum: e.maxNum + ""
               }),
               bordered: !1,
               rows: 10,
-              value: e(g),
+              value: t(h),
               "allow-clear": !1,
               "auto-size": !1,
               onInput: C
@@ -66,10 +68,10 @@ const H = /* @__PURE__ */ I({
           ], 2)
         ]),
         default: m(() => [
-          u(e(P), {
+          u(t(w), {
             class: p([
-              e(s)("trigger-icon"),
-              o.disabled ? e(y)("trigger-icon", "disabled") : null
+              t(s)("trigger-icon"),
+              e.disabled ? t(_)("trigger-icon", "disabled") : null
             ])
           }, null, 8, ["class"])
         ]),

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

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

@@ -0,0 +1,53 @@
+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`;
+  return {
+    [t]: {
+      position: "relative",
+      [r]: {
+        display: "inline-flex",
+        alignItems: "center",
+        [`${r}-trigger-icon`]: {
+          cursor: "pointer",
+          fontSize: "16px",
+          color: o.textColor1,
+          lineHeight: 0,
+          "&:hover": {
+            color: o.colorPrimary
+          },
+          "&--disabled": {
+            cursor: "not-allowed",
+            color: "var(--batch-input-group-trigger-color-disabled, rgba(24, 41, 72, 0.25))",
+            "&:hover": {
+              color: "var(--batch-input-group-trigger-color-disabled, rgba(24, 41, 72, 0.25))"
+            }
+          }
+        }
+      }
+    },
+    [`${r}__popover`]: {
+      width: "100%",
+      minWidth: "300px",
+      left: `var(${p}) !important`,
+      right: `var(${n}) !important`,
+      ".ant-popover-arrow": {
+        display: "none"
+      },
+      ".ant-popover-inner": {
+        padding: 0
+      },
+      [`${r}__popover--content`]: {
+        padding: "12px",
+        textarea: {
+          padding: 0,
+          resize: "none"
+        }
+      }
+    }
+  };
+}, c = i("BatchInputGroup", (o) => [
+  a(o)
+]);
+export {
+  c as default
+};

package/es/src/business/hooks/usePageListAgGrid.mjs

@@ -1,8 +1,8 @@
 import { isFunction as g, merge as A, cloneDeep as F } from "lodash-unified";
-import { ref as V } from "vue";
-import { useKeepAliveFlag as w } from "./useKeepAliveFlag.mjs";
+import { ref as w } from "vue";
+import { useKeepAliveFlag as R } from "./useKeepAliveFlag.mjs";
 function O(l) {
-  const r = V(null), {
+  const r = w(null), {
     isShowRowSelection: u = !0,
     clearSelectionOnRequest: d = !0,
     transformSearchFormValues: o,
@@ -18,7 +18,7 @@ function O(l) {
     r.value?.submitWith(e);
   }, p = () => {
     r.value?.reset();
-  }, { isDeactivated: h } = w({
+  }, { isDeactivated: h } = R({
     afterActivated() {
       (g(s) ? s() : s) && c();
     },
@@ -47,9 +47,8 @@ function O(l) {
         fixed: "left",
         columnWidth: 38
       } : void 0,
-      /** Jackie 推荐方法 */
-      onVnodeBeforeMount(e) {
-        r.value = e.component?.exposed;
+      ref(e) {
+        r.value = e;
       },
       // 新UI规范，需要都添加分割线
       card: !0

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

@@ -1,13 +1,14 @@
-import { defineComponent as T, computed as i, unref as o, createVNode as u, Fragment as E, watch as F, watchEffect as I, createElementBlock as h, openBlock as d, withModifiers as W, normalizeClass as y, normalizeStyle as $, createBlock as p, renderSlot as j, createCommentVNode as m, resolveDynamicComponent as b, createElementVNode as D } from "vue";
-import { Skeleton as M } from "@aplus-frontend/antdv";
+import { defineComponent as E, computed as i, unref as o, createVNode as u, Fragment as F, watch as I, watchEffect as W, createElementBlock as h, openBlock as d, withModifiers as $, normalizeClass as y, normalizeStyle as j, createBlock as p, renderSlot as D, createCommentVNode as m, resolveDynamicComponent as b, createElementVNode as M } from "vue";
+import { Skeleton as O } from "@aplus-frontend/antdv";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isFunction as C } from "lodash-unified";
-import { useInjectCheckCard as O } from "./context.mjs";
-import U from "./checked.svg.mjs";
-import { useNamespace as q } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as A } from "../hooks/useControllableValue.mjs";
-const G = ["src"], x = /* @__PURE__ */ T({
+import { useInjectCheckCard as U } from "./context.mjs";
+import q from "./checked.svg.mjs";
+import A from "./style/index.mjs";
+import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as H } from "../hooks/useControllableValue.mjs";
+const J = ["src"], oe = /* @__PURE__ */ E({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -57,10 +58,10 @@ const G = ["src"], x = /* @__PURE__ */ T({
       m: c,
       e: s,
       em: f
-    } = q("check-card"), N = S, l = O(), {
+    } = G("check-card"), N = A("check-card"), P = S, l = U(), {
       value: r,
       updateValue: g
-    } = A(a, N, {
+    } = H(a, P, {
       valuePropName: "checked",
       defaultValuePropName: "defaultChecked"
     }), n = i(() => {
@@ -68,10 +69,10 @@ const G = ["src"], x = /* @__PURE__ */ T({
         ...a
       }, t = o(l);
       return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.indicatorSize = e.indicatorSize || t.indicatorSize, e.stopPropagation = e.stopPropagation || t.stopPropagation, e.style = e.style ? e.style : t.style), e;
-    }), P = i(() => {
-      const e = o(n);
-      return [B(), c(e.size), o(r) ? c("checked") : null, e.bordered ? c("bordered") : null, e.disabled ? c("disabled") : null];
     }), V = i(() => {
+      const e = o(n);
+      return [B(), c(e.size), o(r) ? c("checked") : null, e.bordered ? c("bordered") : null, e.disabled ? c("disabled") : null, N.value];
+    }), _ = i(() => {
       const e = o(n);
       return {
         ...e.style || {},
@@ -81,7 +82,7 @@ const G = ["src"], x = /* @__PURE__ */ T({
       const e = a.title;
       if (!e)
         return;
-      const t = C(e) ? e(o(r)) : u(E, null, [e]);
+      const t = C(e) ? e(o(r)) : u(F, null, [e]);
       return u("div", {
         class: [s("title"), n.value.disabled ? f("title", "disabled") : null]
       }, [t]);
@@ -93,30 +94,30 @@ const G = ["src"], x = /* @__PURE__ */ T({
         class: [s("content"), n.value.disabled ? f("content", "disabled") : null]
       }, [e]);
     });
-    function _(e) {
+    function w(e) {
       const t = o(n).stopPropagation;
       return t ? t === !0 ? e.target !== e.currentTarget : t(e) : !1;
     }
-    function w(e) {
-      _(e) || n.value.loading || n.value.disabled || (l.value ? l.value?.toggleOption?.(a.value) : g(!o(r)));
+    function T(e) {
+      w(e) || n.value.loading || n.value.disabled || (l.value ? l.value?.toggleOption?.(a.value) : g(!o(r)));
     }
-    return F(() => l.value, (e) => {
+    return I(() => l.value, (e) => {
       if (!e)
         return;
       const t = e.multiple ? (e.value || []).includes(a.value) : e.value === a.value;
       g(t);
     }, {
       immediate: !0
-    }), I((e) => {
+    }), W((e) => {
       l.value?.registerValue?.(a.value), e(() => l.value?.cancelValue?.(a.value));
     }), (e, t) => (d(), h("div", {
-      style: $(V.value),
-      class: y(P.value),
-      onClick: W(w, ["stop"])
-    }, [n.value.loading ? (d(), p(o(M), {
+      style: j(_.value),
+      class: y(V.value),
+      onClick: $(T, ["stop"])
+    }, [n.value.loading ? (d(), p(o(O), {
       key: 0,
       active: ""
-    })) : j(e.$slots, "default", {
+    })) : D(e.$slots, "default", {
       key: 1,
       checked: o(r)
     }, () => [v.value ? (d(), p(b(v.value), {
@@ -126,11 +127,11 @@ const G = ["src"], x = /* @__PURE__ */ T({
     })) : m("", !0)]), o(r) ? (d(), h("div", {
       key: 2,
       class: y(o(s)("checked-icon"))
-    }, [D("img", {
-      src: o(U)
-    }, null, 8, G)], 2)) : m("", !0)], 6));
+    }, [M("img", {
+      src: o(q)
+    }, null, 8, J)], 2)) : m("", !0)], 6));
   }
 });
 export {
-  x as default
+  oe as default
 };

package/es/src/check-card/style/index.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+export type CheckCardToken = {
+    /** 禁用背景色 */
+    checkCardDisabledBg: string;
+    /** 禁用外边框色 */
+    checkCardDisabledOutlineColor: string;
+    /** 选中指示器尺寸 */
+    checkCardIndicatorSize: number;
+    /** 可选卡片外边框宽度 */
+    checkCardOutlineWidth: number;
+    /** 指示器位置偏移 */
+    checkCardIndicatorOffset: number;
+};
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

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

@@ -0,0 +1,105 @@
+import { resetComponent as d } from "../../style/index.mjs";
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+const c = (r) => {
+  const { componentCls: i } = r;
+  return {
+    [`${i}`]: {
+      ...d(r),
+      borderRadius: r.borderRadius,
+      position: "relative",
+      "&--disabled": {
+        backgroundColor: r.checkCardDisabledBg,
+        cursor: "not-allowed !important"
+      },
+      "&--bordered": {
+        outline: `1px solid ${r.borderColorBase}`
+      },
+      [`&:hover:not(${i}--disabled)`]: {
+        cursor: "pointer",
+        outline: `1px solid ${r.colorPrimary}`
+      },
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        width: 0,
+        height: 0,
+        opacity: 0,
+        insetBlockStart: r.checkCardIndicatorOffset,
+        insetInlineEnd: r.checkCardIndicatorOffset,
+        borderInlineStart: r.checkCardIndicatorSize,
+        borderBlockEnd: r.checkCardIndicatorSize,
+        borderRadius: r.borderRadius
+      },
+      "&--checked": {
+        outline: `${r.checkCardOutlineWidth} solid ${r.colorPrimary}`,
+        [`&:hover:not(${i}--disabled)`]: {
+          outline: `${r.checkCardOutlineWidth} solid ${r.colorPrimary}`
+        },
+        "&::after": {
+          opacity: 1,
+          border: `${r.checkCardIndicatorSize} solid ${r.colorPrimary}`,
+          borderInlineStart: `${r.checkCardIndicatorSize} solid transparent`,
+          borderBlockEnd: `${r.checkCardIndicatorSize} solid transparent`,
+          insetBlockStart: r.checkCardIndicatorOffset,
+          insetInlineEnd: r.checkCardIndicatorOffset,
+          transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)"
+        },
+        [`&${i}--disabled`]: {
+          outlineColor: r.checkCardDisabledOutlineColor,
+          "&::after": {
+            border: `${r.checkCardIndicatorSize} solid ${r.checkCardDisabledOutlineColor}`,
+            borderInlineStart: `${r.checkCardIndicatorSize} solid transparent`,
+            borderBlockEnd: `${r.checkCardIndicatorSize} solid transparent`
+          }
+        }
+      },
+      "&--middle": {
+        padding: r.spaceLG
+      },
+      "&--small": {
+        padding: `${r.spaceSM} ${r.spaceLG}`
+      },
+      [`${i}__title`]: {
+        ...d(r),
+        marginBottom: r.spaceXS,
+        color: "#333",
+        fontWeight: "bold",
+        "&--disabled": {
+          color: r.textColor4
+        }
+      },
+      [`${i}__content`]: {
+        ...d(r),
+        color: "#333",
+        "&--disabled": {
+          color: r.textColor4
+        }
+      },
+      [`${i}__checked-icon`]: {
+        position: "absolute",
+        top: 0,
+        right: 0,
+        zIndex: 1,
+        lineHeight: 1,
+        userSelect: "none",
+        "& > img": {
+          width: `calc(${r.checkCardIndicatorSize} - 2px)`,
+          verticalAlign: "top"
+        }
+      }
+    }
+  };
+}, l = e(
+  "CheckCard",
+  (r) => [c(r)],
+  {
+    checkCardDisabledBg: "#F9F9FA",
+    checkCardDisabledOutlineColor: "#E9EDF3",
+    checkCardIndicatorSize: 14,
+    checkCardOutlineWidth: 2,
+    checkCardIndicatorOffset: -2
+  }
+);
+export {
+  l as default
+};

package/es/src/config-provider/config-provider-props.d.ts

@@ -4,6 +4,8 @@ import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, d
 import { ApGridProps } from '../ap-grid';
 import { AgGridProps } from '../ag-grid';
 import { ViewCacheOption } from '../business';
+import { FullToken } from '../design-token/interface';
+import { RecursivePartial } from '../type';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
 import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
@@ -156,6 +158,12 @@ export declare const configProviderProps: () => {
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    /**
+     * APlus-UI 自己的token
+     */
+    aplusToken: {
+        type: PropType<RecursivePartial<FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

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

@@ -13,6 +13,12 @@ const t = () => ({
   aplusLocale: {
     type: Object
   },
+  /**
+   * APlus-UI 自己的token
+   */
+  aplusToken: {
+    type: Object
+  },
   namespace: {
     type: String
   },

package/es/src/config-provider/config-provider.d.ts

@@ -8,6 +8,8 @@ import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ApGridRowSelection, AgGridRowSelection, ViewCacheOption } from '..';
 import { LocaleType } from '../locale';
+import { RecursivePartial } from '../type';
+import { FullToken } from '../design-token/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
@@ -155,6 +157,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<RecursivePartial<FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };
@@ -341,6 +346,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<RecursivePartial<FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };
@@ -390,7 +398,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         size?: ButtonSize | number;
     };
     direction: "ltr" | "rtl";
-    searchForm: SearchFormGlobalConfig;
     pagination: PaginationConfig;
     locale: Locale;
     csp: CSPConfig;
@@ -421,5 +428,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
     exportField: ExportField;
     viewCacheOption: ViewCacheOption;
+    searchForm: SearchFormGlobalConfig;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

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

@@ -1,23 +1,24 @@
 import { isVNode as p, ref as G, defineComponent as M, computed as o, unref as a, watch as u, onActivated as P, createVNode as h, renderSlot as A } from "vue";
-import { ConfigProvider as w } from "@aplus-frontend/antdv";
-import { useGlobalConfig as D, provideGlobalConfig as F } from "./hooks/use-global-config.mjs";
-import { configProviderProps as U } from "./config-provider-props.mjs";
+import { ConfigProvider as T } from "@aplus-frontend/antdv";
+import { useGlobalConfig as w, provideGlobalConfig as D } from "./hooks/use-global-config.mjs";
+import { configProviderProps as F } from "./config-provider-props.mjs";
 import { mergeAntdProviderConfigWithCache as l, mergeAntdProvideConfig as c } from "../utils/config-provider-preset.mjs";
-import { DEFAULT_NAMESPACE as b, DEFAULT_UIMODE as E } from "./constants.mjs";
-function N(e) {
+import { DEFAULT_NAMESPACE as U, DEFAULT_UIMODE as b } from "./constants.mjs";
+function E(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
 }
 const n = G({}), j = /* @__PURE__ */ M({
   name: "AplusConfigProvider",
-  props: U(),
+  props: F(),
   setup(e, {
     slots: f
   }) {
-    const t = D();
+    const t = w();
     let r = !0;
-    const m = o(() => e.namespace !== void 0 ? e.namespace : t.value?.namespace || b), d = o(() => e.uiMode !== void 0 ? e.uiMode : t.value?.uiMode || E), g = o(() => e.apGrid !== void 0 ? e.apGrid : t.value?.apGrid), v = o(() => e.agGrid !== void 0 ? e.agGrid : t.value?.agGrid), C = o(() => ({
+    const m = o(() => e.namespace !== void 0 ? e.namespace : t.value?.namespace || U), d = o(() => e.uiMode !== void 0 ? e.uiMode : t.value?.uiMode || b), g = o(() => e.apGrid !== void 0 ? e.apGrid : t.value?.apGrid), v = o(() => e.agGrid !== void 0 ? e.agGrid : t.value?.agGrid), C = o(() => ({
       namespace: a(m),
       aplusLocale: e.aplusLocale,
+      aplusToken: e.aplusToken,
       api: e.api,
       uiMode: a(d),
       apUpload: e.apUpload,
@@ -30,7 +31,7 @@ const n = G({}), j = /* @__PURE__ */ M({
       searchForm: e.searchForm,
       apGrid: a(g),
       agGrid: a(v)
-    })), s = F(C);
+    })), s = D(C);
     return u(() => e, (i) => {
       n.value = l(c(i), n.value);
     }, {
@@ -48,7 +49,7 @@ const n = G({}), j = /* @__PURE__ */ M({
       immediate: !0
     }), () => {
       let i;
-      return h(w, n.value, N(i = A(f, "default", {
+      return h(T, n.value, E(i = A(f, "default", {
         config: s?.value
       })) ? i : {
         default: () => [i]

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

@@ -9,6 +9,8 @@ import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ApGridRowSelection, AgGridRowSelection, ViewCacheOption } from '../..';
 import { LocaleType } from '../../locale';
+import { RecursivePartial } from '../../type';
+import { FullToken } from '../../design-token/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from '..';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
 export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
@@ -158,6 +160,9 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<RecursivePartial<FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

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

@@ -1,32 +1,39 @@
-import { ref as p, getCurrentInstance as a, inject as m, computed as s, provide as d, unref as g } from "vue";
-import { configProviderContextKey as v } from "../constants.mjs";
-import { localeContextKey as C } from "./use-locale.mjs";
+import { ref as v, getCurrentInstance as a, inject as d, computed as f, provide as g, unref as C } from "vue";
+import { configProviderContextKey as m } from "../constants.mjs";
+import { localeContextKey as k } from "./use-locale.mjs";
 import { namespaceContextKey as y } from "./use-namespace.mjs";
-const l = (e) => Object.keys(e), f = p();
-function x(e, o = void 0) {
-  const t = a() ? m(v, f) : f;
-  return e ? s(() => t.value?.[e] ?? o) : t;
+import { designTokenContextKey as x } from "./use-token.mjs";
+import { merge as K, cloneDeep as T } from "lodash-unified";
+import { defaultToken as b } from "../../design-token/constants.mjs";
+const l = (e) => Object.keys(e), s = v();
+function j(e, o = void 0) {
+  const t = a() ? d(m, s) : s;
+  return e ? f(() => t.value?.[e] ?? o) : t;
 }
-const O = (e, o, t = !1) => {
-  const r = !!a(), n = r ? x() : void 0, c = o?.provide ?? (r ? d : void 0);
+const P = (e, o, t = !1) => {
+  const i = !!a(), n = i ? j() : void 0, c = o?.provide ?? (i ? g : void 0);
   if (!c)
     return;
-  const i = s(() => {
-    const u = g(e);
-    return n?.value ? b(n.value, u) : u;
+  const r = f(() => {
+    const u = C(e);
+    return n?.value ? G(n.value, u) : u;
   });
-  return c(v, i), c(y, i.value.namespace), c(
-    C,
-    s(() => i.value.aplusLocale)
-  ), (t || !f.value) && (f.value = i.value), i;
-}, b = (e, o) => {
-  const t = [.../* @__PURE__ */ new Set([...l(e), ...l(o)])], r = {};
+  c(m, r), c(y, r.value.namespace);
+  const p = f(() => ({
+    ...K(T(b), r.value.aplusToken || {})
+  }));
+  return c(x, p), c(
+    k,
+    f(() => r.value.aplusLocale)
+  ), (t || !s.value) && (s.value = r.value), r;
+}, G = (e, o) => {
+  const t = [.../* @__PURE__ */ new Set([...l(e), ...l(o)])], i = {};
   for (const n of t)
-    r[n] = o[n] !== void 0 ? o[n] : e[n];
-  return r;
+    i[n] = o[n] !== void 0 ? o[n] : e[n];
+  return i;
 };
 export {
   l as keysOf,
-  O as provideGlobalConfig,
-  x as useGlobalConfig
+  P as provideGlobalConfig,
+  j as useGlobalConfig
 };

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

@@ -19,7 +19,7 @@ block: string, namespaceOverrides?: Ref<string | undefined>) => {
         (name: string, state: boolean | undefined): string;
         (name: string): string;
     };
-    cssVar: (object: Record<string, string | undefined | null>) => Record<string, string>;
+    cssVar: (object: Record<string, string | undefined | null>, useNamespace?: boolean) => Record<string, string>;
     cssVarName: (name: string) => string;
     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
     cssVarBlockName: (name: string) => string;