@aplus-frontend/ui 6.40.0 → 7.0.0-beta.0

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as B, useSlots as h, createPropsRestProxy as A, ref as F, computed as u, unref as n, renderSlot as y, createElementBlock as f, createCommentVNode as a, openBlock as t, mergeProps as g, createBlock as m, normalizeClass as N, createVNode as L, withCtx as P, resolveDynamicComponent as k, isVNode as S, toDisplayString as V } from "vue";
+import { defineComponent as h, useSlots as A, createPropsRestProxy as F, ref as N, computed as u, unref as n, renderSlot as y, createElementBlock as f, createCommentVNode as a, openBlock as t, mergeProps as g, createBlock as m, normalizeClass as S, createVNode as I, withCtx as L, resolveDynamicComponent as k, isVNode as P, toDisplayString as V } from "vue";
 import "../../config-provider/index.mjs";
 import $ from "@aplus-frontend/antdv/es/button/LoadingIcon";
 import { Tooltip as w } from "@aplus-frontend/antdv";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
-const I = { key: 1 }, q = /* @__PURE__ */ B({
+import D from "../style/index.mjs";
+import { useNamespace as T } from "../../config-provider/hooks/use-namespace.mjs";
+const x = { key: 1 }, J = /* @__PURE__ */ h({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -19,24 +20,25 @@ const I = { key: 1 }, q = /* @__PURE__ */ B({
     tooltip: { default: () => ({}) }
   },
   setup(o) {
-    const s = h(), r = A(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon", "tooltip"]), { b: v, m: l, e: b } = D("action-item"), c = F(!1), d = u(() => o.iconFirst && (o.icon || s.icon));
+    const s = A(), r = F(o, ["color", "disabled", "visible", "loading", "iconFirst", "icon", "tooltip"]), { b: v, m: l, e: b } = T("action-item"), c = N(!1), d = u(() => o.iconFirst && (o.icon || s.icon)), C = D("action");
     function p(e) {
       n(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
     }
-    const i = u(() => o.loading || n(c)), C = u(() => [
+    const i = u(() => o.loading || n(c)), B = u(() => [
+      C.value,
       v(),
       l(o.color),
       d.value ? l("icon-first") : null,
       o.disabled ? l("disabled") : null,
       i.value ? l("loading") : null
     ].filter(Boolean));
-    return (e, T) => y(e.$slots, "trigger", {
+    return (e, z) => y(e.$slots, "trigger", {
       loading: i.value,
       disabled: e.disabled,
       onClick: p
     }, () => [
       e.visible ? (t(), f("span", g({ key: 0 }, e.$attrs, {
-        class: C.value,
+        class: B.value,
         onClick: p
       }), [
         i.value ? (t(), m(n($), {
@@ -47,24 +49,24 @@ const I = { key: 1 }, q = /* @__PURE__ */ B({
         })) : a("", !0),
         e.icon || s.icon ? (t(), f("span", {
           key: 1,
-          class: N(n(b)("icon-wrapper"))
+          class: S(n(b)("icon-wrapper"))
         }, [
-          L(n(w), g({
+          I(n(w), g({
             title: d.value ? e.text : null
           }, e.tooltip), {
-            default: P(() => [
+            default: L(() => [
               (t(), m(k(e.icon || s.icon)))
             ]),
             _: 1
           }, 16, ["title"])
         ], 2)) : a("", !0),
         d.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
-          S(e.text) ? (t(), m(k(e.text), { key: 0 })) : (t(), f("span", I, V(e.text || ""), 1))
+          P(e.text) ? (t(), m(k(e.text), { key: 0 })) : (t(), f("span", x, V(e.text || ""), 1))
         ])
       ], 16)) : a("", !0)
     ]);
   }
 });
 export {
-  q as default
+  J as default
 };

package/es/src/ap-action/style/index.d.ts

@@ -0,0 +1,8 @@
+import { BaseToken, GenStyleFunc } from '../../design-token/interface';
+import { Ref } from 'vue';
+export type ActionToken = {
+    loadingOpacity: number;
+};
+export declare const genActionItemStyle: GenStyleFunc<BaseToken & ActionToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-action/style/index.js

@@ -0,0 +1,61 @@
+import { resetComponent } from '~/style';
+import { genComponentStyleHook } from '~/utils/cssinjs';
+export const genActionItemStyle = (token) => {
+    const { loadingOpacity, colorLink, colorLinkHover, colorSuccess, colorError, colorWarn, componentCls } = token;
+    return {
+        [`${componentCls}-item`]: {
+            display: 'inline-block',
+            cursor: 'pointer',
+            ...resetComponent(token),
+            '&--primary': {
+                color: colorLink,
+                [`&:not(${componentCls}-item--disabled):hover`]: {
+                    color: colorLinkHover
+                },
+                [`&${componentCls}-item--disabled`]: {
+                    color: token.colorLinkDisabled
+                }
+            },
+            '&--success': {
+                color: colorSuccess,
+                [`&${componentCls}-item--disabled`]: {
+                    color: token.colorSuccessDisabled
+                }
+            },
+            '&--error': {
+                color: colorError,
+                [`&${componentCls}-item--disabled`]: {
+                    color: token.colorErrorDisabled
+                }
+            },
+            '&--warn': {
+                color: colorWarn,
+                [`&${componentCls}-item--disabled`]: {
+                    color: token.colorWarnDisabled
+                }
+            },
+            '&--loading': {
+                opacity: loadingOpacity,
+                transition: 'opacity 0.2s',
+                cursor: 'default',
+                '.btn-loading-icon': {
+                    marginRight: token.spaceXS
+                }
+            },
+            '&--disabled': {
+                cursor: 'not-allowed'
+            },
+            [`${componentCls}-item__icon-wrapper`]: {
+                paddingRight: token.spaceXS
+            },
+            '&--icon-first': {
+                [`${componentCls}-item__icon-wrapper`]: {
+                    paddingRight: 0
+                }
+            }
+        }
+    };
+};
+export default genComponentStyleHook('ApAction', (token) => {
+    return [genActionItemStyle(token)];
+}, { loadingOpacity: 0.35 });

package/es/src/ap-action/style/index.mjs

@@ -0,0 +1,74 @@
+import { resetComponent as n } from "../../style/index.mjs";
+import { genComponentStyleHook as s } from "../../utils/cssinjs/index.mjs";
+const d = (o) => {
+  const {
+    loadingOpacity: i,
+    colorLink: c,
+    colorLinkHover: l,
+    colorSuccess: e,
+    colorError: a,
+    colorWarn: t,
+    componentCls: r
+  } = o;
+  return {
+    [`${r}-item`]: {
+      display: "inline-block",
+      cursor: "pointer",
+      ...n(o),
+      "&--primary": {
+        color: c,
+        [`&:not(${r}-item--disabled):hover`]: {
+          color: l
+        },
+        [`&${r}-item--disabled`]: {
+          color: o.colorLinkDisabled
+        }
+      },
+      "&--success": {
+        color: e,
+        [`&${r}-item--disabled`]: {
+          color: o.colorSuccessDisabled
+        }
+      },
+      "&--error": {
+        color: a,
+        [`&${r}-item--disabled`]: {
+          color: o.colorErrorDisabled
+        }
+      },
+      "&--warn": {
+        color: t,
+        [`&${r}-item--disabled`]: {
+          color: o.colorWarnDisabled
+        }
+      },
+      "&--loading": {
+        opacity: i,
+        transition: "opacity 0.2s",
+        cursor: "default",
+        ".btn-loading-icon": {
+          marginRight: o.spaceXS
+        }
+      },
+      "&--disabled": {
+        cursor: "not-allowed"
+      },
+      [`${r}-item__icon-wrapper`]: {
+        paddingRight: o.spaceXS
+      },
+      "&--icon-first": {
+        [`${r}-item__icon-wrapper`]: {
+          paddingRight: 0
+        }
+      }
+    }
+  };
+}, b = s(
+  "ApAction",
+  (o) => [d(o)],
+  { loadingOpacity: 0.35 }
+);
+export {
+  b as default,
+  d as genActionItemStyle
+};

package/es/src/ap-grid/utils/col.mjs

@@ -1,23 +1,23 @@
-import { createVNode as o, Fragment as p } from "vue";
-import { isArray as c, isUndefined as N, isString as b, isBoolean as F, isNumber as E, pick as x } from "lodash-unified";
-import { valueEnumToArray as O, objectToString as $, getTableTitle as v, getTableRenderType as w, getTableRenderProps as S, getTableCellRenderNode as V } from "../../ap-table/utils.mjs";
-import { noRenderAsFormItemValueList as B } from "../../ap-table/constants.mjs";
+import { createVNode as u, Fragment as h } from "vue";
+import { isArray as b, isUndefined as E, isString as o, isBoolean as x, isNumber as O, pick as F } from "lodash-unified";
+import { valueEnumToArray as S, objectToString as $, getTableTitle as R, getTableRenderType as V, getTableRenderProps as B, getTableCellRenderNode as M } from "../../ap-table/utils.mjs";
+import { noRenderAsFormItemValueList as _ } from "../../ap-table/constants.mjs";
 import "../../ap-table/components/paragraph-ellipsis/index.vue.mjs";
-import M from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
-function h(e, r) {
-  if (r)
-    return c(r) ? r.reduce((t, l) => t?.[l], e) : e?.[r];
+import j from "../../ap-table/components/paragraph-ellipsis/index.vue2.mjs";
+function T(e, t) {
+  if (t)
+    return b(t) ? t.reduce((r, n) => r?.[n], e) : e?.[t];
 }
-function A(e) {
-  if (!N(e))
-    return c(e) ? e.reduce((r, t) => b(t) ? `${r}${r ? "." : ""}${t}` : `${r}[${t}]`, "") : String(e);
+function v(e) {
+  if (!E(e))
+    return b(e) ? e.reduce((t, r) => o(r) ? `${t}${t ? "." : ""}${r}` : `${t}[${r}]`, "") : String(e);
 }
-function R(e) {
+function A(e) {
   if (e)
     return e === !0 ? "left" : e;
 }
-function j(e) {
-  return F(e) ? {
+function q(e) {
+  return x(e) ? {
     sortable: e
   } : e ? {
     sortable: !0,
@@ -27,117 +27,126 @@ function j(e) {
     sortable: !1
   };
 }
-function q(e) {
-  let r;
-  return F(e.filters) && e.valueEnum ? r = O(e.valueEnum) : r = e.filters, r?.map((t) => ({
-    label: b(t.text) ? t.text : "",
-    value: t.value
+function I(e) {
+  let t;
+  return x(e.filters) && e.valueEnum ? t = S(e.valueEnum) : t = e.filters, t?.map((r) => ({
+    label: o(r.text) ? r.text : "",
+    value: r.value
   }));
 }
 function W(e) {
   if (e)
-    return (r) => e(r.value, r.row);
+    return (t) => e(t.value, t.row);
 }
-function _(e, r) {
-  return e ? E(e) ? {
-    tooltip: r,
+function k(e, t) {
+  return e ? O(e) ? {
+    tooltip: t,
     rows: e
   } : e === !0 || e === "tooltip" ? {
-    tooltip: r,
+    tooltip: t,
     rows: 1
   } : {
     tooltip: null,
     rows: 1,
-    htmlTitle: e === "title" ? r : ""
+    htmlTitle: e === "title" ? t : ""
   } : !1;
 }
-function k(e, r, t) {
-  if (B.includes(e.valueType))
-    return t;
+function z(e, t, r) {
+  if (_.includes(e.valueType))
+    return r;
   if (e.copyable || e.ellipsis) {
-    const l = _(e.ellipsis, r), i = $(r);
-    return o(M, {
+    const n = k(e.ellipsis, t), i = $(t);
+    return u(j, {
       rawValue: i,
       copyable: e.copyable,
-      ellipsis: l,
-      content: t
+      ellipsis: n,
+      content: r
     }, null);
   }
-  return t;
+  return r;
+}
+function c(e, t, r) {
+  const n = F(e, ["width", "minWidth", "align"]);
+  return n.field = v(e.dataIndex), n.fixed = A(e.fixed), n.slots = {
+    header: () => R(e, r, void 0, t)
+  }, n.headerAlign = e.align, n.showOverflow = !1, n.showFooterOverflow = !1, n;
 }
-function T(e, r, t) {
-  const l = x(e, ["width", "minWidth", "align"]);
-  return l.field = A(e.dataIndex), l.fixed = R(e.fixed), l.slots = {
-    header: () => v(e, t, void 0, r)
-  }, l.headerAlign = e.align, l.showOverflow = !1, l.showFooterOverflow = !1, l;
+function D(e, t, r) {
+  if (r)
+    return o(r) ? e[r] : r(e, t);
 }
-const z = ({
+const G = ({
   value: e,
-  ...r
-}, t, l, i = !0) => {
-  const s = w(t), d = S({
-    ...t,
+  ...t
+}, r, n, i = !0) => {
+  const s = V(r), d = B({
+    ...r,
     valueType: s
   }, {
     value: e,
-    ...r
-  }), n = V(s, d, r.record, l), a = t.renderText?.({
-    value: e,
-    ...r
-  }) || e, u = t.renderText ? o(p, null, [t.renderText?.({
+    ...t
+  }), l = M(s, d, t.record, n), a = r.renderText?.({
     value: e,
-    ...r
-  })]) : n;
-  let f = i ? k(t, a, u) : u;
-  return t.customRender && (f = t.customRender({
+    ...t
+  }) || e, p = r.renderText ? u(h, null, [r.renderText?.({
     value: e,
-    ...r,
-    column: t,
-    originalNode: f,
-    originalText: a
-  })), o(p, null, [f]);
+    ...t
+  })]) : l;
+  let f = i ? z(r, a, p) : p;
+  if (r.customRender) {
+    const N = r._path || [], w = D(t.record, t.rowIndex, t.params.rowKey);
+    f = r.customRender({
+      value: e,
+      ...t,
+      column: r,
+      originalNode: f,
+      originalText: a,
+      path: [...N, String(w)]
+    });
+  }
+  return u(h, null, [f]);
 };
-function y(e, r, t, l) {
-  const i = x(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName", "treeNode"]);
-  i.field = A(e.dataIndex), i.fixed = R(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, j(e.sorter)), i.filters = q(e), i.filterMultiple = e.filterMultiple, i.filterMethod = W(e.onFilter);
+function y(e, t, r, n) {
+  const i = F(e, ["width", "minWidth", "align", "resizable", "className", "headerClassName", "footerClassName", "treeNode"]);
+  i.field = v(e.dataIndex), i.fixed = A(e.fixed), i.headerAlign = e.align, i.footerAlign = e.align, i.showOverflow = !1, i.showFooterOverflow = !1, Object.assign(i, q(e.sorter)), i.filters = I(e), i.filterMultiple = e.filterMultiple, i.filterMethod = W(e.onFilter);
   const s = ({
     row: d,
-    rowIndex: n
-  }) => z({
-    value: h(d, e.dataIndex),
-    text: h(d, e.dataIndex),
+    rowIndex: l
+  }) => G({
+    value: T(d, e.dataIndex),
+    text: T(d, e.dataIndex),
     record: d,
-    index: n,
-    renderIndex: n,
+    index: l,
+    renderIndex: l,
     column: e
-  }, e, l);
+  }, e, n);
   return i.slots = {
-    header: () => v(e, t, void 0, r),
+    header: () => R(e, r, void 0, t),
     default: s,
     footer: s
   }, e.html && (delete i.slots.default, delete i.slots.footer, i.type = "html"), e.seq && (i.type = "seq", i.slots = {}), i;
 }
-function J(e, r, t, l) {
+function X(e, t, r, n) {
   if (!e.children?.length)
-    return y(e, r, t, l);
+    return y(e, t, r, n);
   function i(d) {
-    return d.map((n) => {
-      if (n.children?.length) {
-        const a = T(n, r, t);
-        return a.children = i(n.children), a;
+    return d.map((l) => {
+      if (l.children?.length) {
+        const a = c(l, t, r);
+        return a.children = i(l.children), a;
       }
-      return y(n, r, t, l);
+      return y(l, t, r, n);
     });
   }
-  const s = T(e, r, t);
+  const s = c(e, t, r);
   return s.children = i(e.children), s;
 }
 export {
-  z as contentCustom,
-  A as dataIndexToField,
-  h as getValueByDataIndex,
-  J as transformCol,
-  R as transformFixed,
-  T as transformToColGroup,
+  G as contentCustom,
+  v as dataIndexToField,
+  T as getValueByDataIndex,
+  X as transformCol,
+  A as transformFixed,
+  c as transformToColGroup,
   y as transformToColumn
 };

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

@@ -4,6 +4,7 @@ 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 { 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 +157,12 @@ export declare const configProviderProps: () => {
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    /**
+     * APlus-UI 自己的token
+     */
+    aplusToken: {
+        type: PropType<Partial<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,7 @@ 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 { 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 +156,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };
@@ -341,6 +345,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

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,7 @@ 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 { 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 +159,9 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

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

@@ -1,32 +1,37 @@
-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 } from "lodash-unified";
+import { defaultToken as T } from "../../design-token/constants.mjs";
+const l = (e) => Object.keys(e), s = v();
+function b(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 ? b() : 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 ? j(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, r.value.aplusToken || {}) }));
+  return c(x, p), c(
+    k,
+    f(() => r.value.aplusLocale)
+  ), (t || !s.value) && (s.value = r.value), r;
+}, j = (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,
+  b as useGlobalConfig
 };

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

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue';
+import { FullToken } from '../../design-token/interface';
+export declare const designTokenContextKey: InjectionKey<Ref<Partial<FullToken>>>;
+export declare const useToken: () => Ref<FullToken>;