@aplus-frontend/ui 6.41.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/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>;

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

@@ -0,0 +1,6 @@
+import { inject as e, ref as n } from "vue";
+const o = Symbol("designTokenContextKey"), r = () => e(o, n({}));
+export {
+  o as designTokenContextKey,
+  r as useToken
+};

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

@@ -7,6 +7,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 * from './config-provider-props';
 export * from './constants';
@@ -160,6 +161,9 @@ export declare const APConfigProvider: {
         aplusLocale: {
             type: PropType<LocaleType>;
         };
+        aplusToken: {
+            type: PropType<Partial< FullToken>>;
+        };
         namespace: {
             type: StringConstructor;
         };
@@ -392,6 +396,9 @@ export declare const APConfigProvider: {
         aplusLocale: {
             type: PropType<LocaleType>;
         };
+        aplusToken: {
+            type: PropType<Partial< FullToken>>;
+        };
         namespace: {
             type: StringConstructor;
         };
@@ -621,6 +628,9 @@ export declare const APConfigProvider: {
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

package/es/src/design-token/constants.d.ts

@@ -0,0 +1,2 @@
+import { BaseToken } from './interface';
+export declare const defaultToken: BaseToken;

package/es/src/design-token/constants.mjs

@@ -0,0 +1,44 @@
+const o = {
+  borderColorBase: "#dee4ed",
+  hoverColorBase: "#66a9ff",
+  activeColorBase: "#66a9ff",
+  colorPrimary: "#0070ff",
+  colorPrimaryDisabled: "#cce2ff",
+  colorLink: "#0070ff",
+  colorLinkHover: "#66a9ff",
+  colorLinkDisabled: "#cce2ff",
+  colorSuccess: "#2ed1a3",
+  colorSuccessDisabled: "#d5f6ed",
+  colorError: "#ff4d4f",
+  colorErrorDisabled: "#ffdbdc",
+  colorWarn: "#ffa940",
+  colorWarnDisabled: "#ffeed9",
+  textColor1: "#526a90",
+  textColor2: "#182948",
+  textColor3: "#8896b0",
+  textColor4: "#abb7cc",
+  colorBg1: "#e9edf3",
+  colorBg2: "#f6f9fa",
+  colorBg3: "#f3f5f8",
+  colorBgDisabled: "#f2f6f9",
+  fontSizeSM: 10,
+  fontSize: 12,
+  fontSizeLG: 14,
+  fontSizeXL: 16,
+  lineHeightSM: 16,
+  lineHeight: 18,
+  lineHeightLG: 22,
+  borderRadiusXS: 1,
+  borderRadius: 4,
+  spaceXXS: 2,
+  spaceXS: 4,
+  spaceSM: 6,
+  space: 8,
+  spaceMD: 10,
+  spaceLG: 12,
+  spaceXL: 16,
+  spaceXXL: 24
+};
+export {
+  o as defaultToken
+};

package/es/src/design-token/interface.d.ts

@@ -0,0 +1,123 @@
+import { ActionToken } from '../ap-action/style';
+import { Recordable } from '../type';
+import { CSSInterpolation } from '@emotion/serialize';
+export type BaseToken = {
+    /**
+     * 基础边框色
+     */
+    borderColorBase: string;
+    /**
+     * 基础hover色
+     */
+    hoverColorBase: string;
+    /**
+     * 基础active色
+     */
+    activeColorBase: string;
+    /**
+     * 主色
+     */
+    colorPrimary: string;
+    /**
+     * 主色禁用色
+     */
+    colorPrimaryDisabled: string;
+    /**
+     * 链接色
+     */
+    colorLink: string;
+    /**
+     * 链接色-hover
+     */
+    colorLinkHover: string;
+    /**
+     * 链接色-禁用
+     */
+    colorLinkDisabled: string;
+    /**
+     * 成功色
+     */
+    colorSuccess: string;
+    /**
+     * 成功色-禁用
+     */
+    colorSuccessDisabled: string;
+    /**
+     * 失败色
+     */
+    colorError: string;
+    /**
+     * 失败色-禁用
+     */
+    colorErrorDisabled: string;
+    /**
+     * 警告色
+     */
+    colorWarn: string;
+    /**
+     * 警告色-禁用
+     */
+    colorWarnDisabled: string;
+    /**
+     * 一级文本色
+     */
+    textColor1: string;
+    /**
+     * 二级文本色
+     */
+    textColor2: string;
+    /**
+     * 三级文本色
+     */
+    textColor3: string;
+    /**
+     * 四级文本色
+     */
+    textColor4: string;
+    /**
+     * 一级背景色
+     */
+    colorBg1: string;
+    /**
+     * 二级背景色
+     */
+    colorBg2: string;
+    /**
+     * 三级背景色
+     */
+    colorBg3: string;
+    /**
+     * 背景禁用色
+     */
+    colorBgDisabled: string;
+    fontSizeXL: number;
+    fontSizeLG: number;
+    fontSize: number;
+    fontSizeSM: number;
+    lineHeightLG: number;
+    lineHeight: number;
+    lineHeightSM: number;
+    borderRadiusXS: number;
+    borderRadius: number;
+    spaceXXS: number;
+    spaceXS: number;
+    spaceSM: number;
+    space: number;
+    spaceMD: number;
+    spaceLG: number;
+    spaceXL: number;
+    spaceXXL: number;
+};
+export type FullToken = BaseToken & {
+    components: {
+        ApAction: ActionToken;
+    };
+};
+export type TokenWithComponentCls<Token> = Token & {
+    componentCls: string;
+};
+export type CssVarToken<Token = Recordable> = {
+    [key in keyof Token]: Token[key] | string;
+};
+export type GenStyleFunc<Token> = (token: TokenWithComponentCls<Token>) => CSSInterpolation;
+export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>) => CSSInterpolation[];

package/es/src/style/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'vue';
+import { BaseToken } from '../design-token/interface';
+export declare const resetComponent: (token: BaseToken) => CSSProperties;

package/es/src/style/index.js

@@ -0,0 +1,12 @@
+export const resetComponent = (token) => {
+    return {
+        boxSizing: 'border-box',
+        margin: 0,
+        padding: 0,
+        color: token.textColor2,
+        fontSize: token.fontSize,
+        fontFamily: 'inherit',
+        lineHeight: token.lineHeight,
+        listStyle: 'none'
+    };
+};

package/es/src/style/index.mjs

@@ -0,0 +1,13 @@
+const i = (e) => ({
+  boxSizing: "border-box",
+  margin: 0,
+  padding: 0,
+  color: e.textColor2,
+  fontSize: e.fontSize,
+  fontFamily: "inherit",
+  lineHeight: e.lineHeight,
+  listStyle: "none"
+});
+export {
+  i as resetComponent
+};