@aplus-frontend/ui 7.0.0-beta.2 → 7.0.0-beta.3

package/es/src/ag-grid/style/index.mjs

@@ -1,38 +1,45 @@
 import { genSettingTriggerBtnStyle as l } from "../../ap-table/style/index.mjs";
-import { multiRows as a, resetScrollbar as t } from "../../style/index.mjs";
+import { multiRows as a, resetScrollbar as d } from "../../style/index.mjs";
 import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
-const n = (e) => {
-  const { componentCls: i } = e;
+const t = {
+  agGridSearchFormWrapperMarginBlockEnd: 10,
+  agGridCellPaddingBlockMedium: 9,
+  agGridCellPaddingBlockMini: 6,
+  agGridLineClamp: 2,
+  agGridEllipsisTooltipMaxWidth: 300,
+  agGridEllipsisTooltipPadding: "6px 8px"
+}, n = (i) => {
+  const { componentCls: e } = i;
   return {
-    [i]: {
-      ...t(e),
+    [e]: {
+      ...d(i),
       "&-adaptive": {
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        [`${i}-grid-wrapper`]: {
+        [`${e}-grid-wrapper`]: {
           minHeight: 0,
           flex: 1,
           position: "relative"
         }
       },
       "&-wrapper": {
-        padding: e.space,
-        paddingBlockEnd: e.spaceLG,
+        padding: i.space,
+        paddingBlockEnd: i.spaceLG,
         backgroundColor: "#fff",
         // 如果渲染了分页器，则取消容器的底部边距，防止双重边距
         "&:has(ul.ant-pagination)": {
           paddingBottom: 0
         }
       },
-      [`${i}__search-wrapper`]: {
-        padding: e.space,
+      [`${e}__search-wrapper`]: {
+        padding: i.space,
         paddingBlockEnd: 0,
         backgroundColor: "#fff",
-        borderRadius: e.borderRadius,
-        marginBlockEnd: "10px"
+        borderRadius: i.borderRadius,
+        marginBlockEnd: i.agGridSearchFormWrapperMarginBlockEnd
       },
-      [`${i}__table-wrapper`]: {
+      [`${e}__table-wrapper`]: {
         flex: 1,
         minHeight: 0,
         maxHeight: "100%",
@@ -40,17 +47,17 @@ const n = (e) => {
         display: "flex",
         flexDirection: "column"
       },
-      [`${i}__table-wrapper-card`]: {
-        padding: e.space,
-        paddingBlockEnd: e.spaceLG,
-        borderRadius: e.borderRadius,
+      [`${e}__table-wrapper-card`]: {
+        padding: i.space,
+        paddingBlockEnd: i.spaceLG,
+        borderRadius: i.borderRadius,
         backgroundColor: "#fff",
         "&:has(ul.ant-pagination)": {
           paddingBlockEnd: 0
         }
       },
-      [`${i}-pagination`]: {
-        marginBlock: e.space,
+      [`${e}-pagination`]: {
+        marginBlock: i.space,
         display: "flex",
         flexWrap: "wrap",
         alignItems: "center",
@@ -58,12 +65,12 @@ const n = (e) => {
         ".ant-pagination-total-text": {
           flex: 1,
           height: "unset",
-          lineHeight: e.lineHeight,
+          lineHeight: i.lineHeight,
           display: "flex",
           alignItems: "center"
         }
       },
-      [`${i}__table-loading-wrapper`]: {
+      [`${e}__table-loading-wrapper`]: {
         position: "absolute",
         top: 0,
         left: 0,
@@ -75,38 +82,38 @@ const n = (e) => {
         alignItems: "center",
         backgroundColor: "hsla(0,0%,100%,.5)"
       },
-      [`${i}-table-header`]: {
+      [`${e}-table-header`]: {
         "&__title": {
-          ...a(e),
+          ...a(i),
           fontWeight: 700,
-          textAlign: "right",
+          // textAlign: 'right',
           "&--single": {
             flex: "unset"
           }
         }
       },
-      ...l(e),
-      [`${i}__cell--left`]: {
+      ...l(i),
+      [`${e}__cell--left`]: {
         textAlign: "left"
       },
-      [`${i}__cell--center`]: {
+      [`${e}__cell--center`]: {
         textAlign: "center"
       },
-      [`${i}__cell--right`]: {
+      [`${e}__cell--right`]: {
         textAlign: "right"
       },
-      [`${i}__cell--multiline`]: {
+      [`${e}__cell--multiline`]: {
         ".ag-cell-value": {
           display: "-webkit-box",
           "-webkit-box-orient": "vertical",
-          "-webkit-line-clamp": "var(--ag-grid-line-clamp)",
+          "-webkit-line-clamp": i.agGridLineClamp,
           wordBreak: "break-all"
         }
       },
       "&-size-mini": {
         ".ag-cell": {
-          lineHeight: e.lineHeight,
-          paddingBlock: "6px",
+          lineHeight: i.lineHeight,
+          paddingBlock: i.agGridCellPaddingBlockMini,
           width: "100%",
           display: "flex",
           alignItems: "center",
@@ -117,8 +124,8 @@ const n = (e) => {
       },
       "&-size-medium": {
         ".ag-cell": {
-          lineHeight: e.lineHeight,
-          paddingBlock: "9px",
+          lineHeight: i.lineHeight,
+          paddingBlock: i.agGridCellPaddingBlockMedium,
           display: "flex",
           alignItems: "center",
           "& > div": {
@@ -126,13 +133,13 @@ const n = (e) => {
           }
         }
       },
-      [`${i}__tooltip`]: {
-        fontSize: e.fontSize,
-        maxWidth: "300px",
+      [`${e}__tooltip`]: {
+        fontSize: i.fontSize,
+        maxWidth: i.agGridEllipsisTooltipMaxWidth,
         wordBreak: "break-all",
         backgroundColor: "#fff",
-        padding: "6px  8px",
-        borderRadius: "4px",
+        padding: i.agGridEllipsisTooltipPadding,
+        borderRadius: i.borderRadius,
         boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05)"
       },
       ".ag-unselectable": {
@@ -144,10 +151,16 @@ const n = (e) => {
       }
     }
   };
-}, o = r("AgGrid", (e) => [
-  n(e)
-]);
+}, s = r(
+  "AgGrid",
+  (i) => [n(i)],
+  t,
+  {
+    skipUnit: ["agGridLineClamp"]
+  }
+);
 export {
-  o as default,
+  s as default,
+  t as defaultToken,
   n as genAgGridStyle
 };

package/es/src/ag-grid/theme.mjs

@@ -1,10 +1,11 @@
-import { useToken as n } from "@aplus-frontend/antdv/es/theme/internal";
+import { useToken as l } from "@aplus-frontend/antdv/es/theme/internal";
 import { themeQuartz as c } from "ag-grid-community";
-import { computed as l } from "vue";
-const h = (o, r, a) => {
-  const [, t] = n();
-  return l(() => {
-    const d = o.value === "mini", e = t.value;
+import { computed as i } from "vue";
+import { useToken as u } from "../config-provider/hooks/use-token.mjs";
+const B = (r, a, t) => {
+  const [, n] = l(), { token: o } = u();
+  return i(() => {
+    const d = r.value === "mini", e = n.value;
     return c.withParams({
       headerHeight: "36px",
       headerFontSize: "12px",
@@ -15,17 +16,17 @@ const h = (o, r, a) => {
       headerRowBorder: { color: e.colorBorderSecondary },
       selectedRowBackgroundColor: e.controlItemBgActive,
       checkboxCheckedBackgroundColor: e.colorPrimary,
-      rowHoverColor: "var(--ap-color-bg-2)",
-      headerBackgroundColor: "var(--ap-table-header-bg)",
+      rowHoverColor: o.value.colorBg2,
+      headerBackgroundColor: o.value.tableHeaderBg,
       headerColumnResizeHandleHeight: "50%",
       headerColumnResizeHandleWidth: "1px",
       wrapperBorderRadius: "4px",
-      ...a.value || {},
-      rowHeight: r.value,
+      ...t.value || {},
+      rowHeight: a.value,
       spacing: d ? "5px" : "6.5px"
     });
   });
 };
 export {
-  h as useTheme
+  B as useTheme
 };

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

@@ -1,10 +1,10 @@
-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 { 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 V, withCtx as I, createElementVNode as L, resolveDynamicComponent as k, isVNode as P, toDisplayString as $ } from "vue";
 import "../../config-provider/index.mjs";
-import $ from "@aplus-frontend/antdv/es/button/LoadingIcon";
-import { Tooltip as w } from "@aplus-frontend/antdv";
-import D from "../style/index.mjs";
+import w from "@aplus-frontend/antdv/es/button/LoadingIcon";
+import { Tooltip as D } from "@aplus-frontend/antdv";
+import E from "../style/index.mjs";
 import { useNamespace as T } from "../../config-provider/hooks/use-namespace.mjs";
-const x = { key: 1 }, J = /* @__PURE__ */ h({
+const x = { key: 1 }, K = /* @__PURE__ */ h({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -20,7 +20,7 @@ const x = { key: 1 }, J = /* @__PURE__ */ h({
     tooltip: { default: () => ({}) }
   },
   setup(o) {
-    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");
+    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 = E("action-item");
     function p(e) {
       n(i) || o.disabled || (r.onClick?.(e), r.onAction && (c.value = !0, r.onAction(e).finally(() => c.value = !1)));
     }
@@ -41,7 +41,7 @@ const x = { key: 1 }, J = /* @__PURE__ */ h({
         class: B.value,
         onClick: p
       }), [
-        i.value ? (t(), m(n($), {
+        i.value ? (t(), m(n(w), {
           key: 0,
           "prefix-cls": "btn",
           "exist-icon": !1,
@@ -51,22 +51,24 @@ const x = { key: 1 }, J = /* @__PURE__ */ h({
           key: 1,
           class: S(n(b)("icon-wrapper"))
         }, [
-          I(n(w), g({
+          V(n(D), g({
             title: d.value ? e.text : null
           }, e.tooltip), {
-            default: L(() => [
-              (t(), m(k(e.icon || s.icon)))
+            default: I(() => [
+              L("span", null, [
+                (t(), m(k(e.icon || s.icon)))
+              ])
             ]),
             _: 1
           }, 16, ["title"])
         ], 2)) : a("", !0),
         d.value ? a("", !0) : y(e.$slots, "default", { key: 2 }, () => [
-          P(e.text) ? (t(), m(k(e.text), { key: 0 })) : (t(), f("span", x, V(e.text || ""), 1))
+          P(e.text) ? (t(), m(k(e.text), { key: 0 })) : (t(), f("span", x, $(e.text || ""), 1))
         ])
       ], 16)) : a("", !0)
     ]);
   }
 });
 export {
-  J as default
+  K as default
 };

package/es/src/ap-action/style/dropdown-item.mjs

@@ -1,8 +1,8 @@
 import { genComponentStyleHook as i } from "../../utils/cssinjs/index.mjs";
 const c = (e) => {
-  const { componentCls: o, namespace: n } = e, t = `.${n}-action-item`;
+  const { componentCls: n, namespace: o } = e, t = `.${o}-action-item`;
   return {
-    [o]: {
+    [n]: {
       display: "inline-flex",
       flexDirection: "row",
       alignItems: "center",
@@ -12,8 +12,8 @@ const c = (e) => {
           width: "100%"
         }
       },
-      [`${o}__icon`]: {
-        color: e.colorPrimary,
+      [`${n}__icon`]: {
+        color: e.colorLink,
         marginLeft: e.spaceXXS,
         fontSize: e.fontSize,
         display: "inline-flex"

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

@@ -1,8 +1,11 @@
-import { BaseToken, GenStyleFunc } from '../../design-token/interface';
+import { GenStyleFunc } from '../../design-token/interface';
 import { Ref } from 'vue';
 export type ActionToken = {
+    /**
+     * 加载中时的组件透明度
+     */
     loadingOpacity: number;
 };
-export declare const genActionItemStyle: GenStyleFunc<BaseToken & ActionToken>;
+export declare const genActionItemStyle: GenStyleFunc<ActionToken>;
 declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
 export default _default;

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

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

package/es/src/ap-button/ap-button.vue.mjs

@@ -1,13 +1,12 @@
-import { defineComponent as z, useSlots as L, ref as w, computed as t, createBlock as M, openBlock as P, unref as n, mergeProps as S, createSlots as T, renderList as _, withCtx as $, renderSlot as x, normalizeProps as N, guardReactiveProps as A } from "vue";
-import { Button as D } from "@aplus-frontend/antdv";
-import { wait as F } from "@aplus-frontend/utils";
+import { defineComponent as B, useSlots as W, ref as z, computed as o, createBlock as L, openBlock as w, unref as n, mergeProps as P, createSlots as S, renderList as T, withCtx as _, renderSlot as $, normalizeProps as x, guardReactiveProps as M } from "vue";
+import { Button as N } from "@aplus-frontend/antdv";
+import { wait as A } from "@aplus-frontend/utils";
 import "../config-provider/index.mjs";
-import { omit as I } from "lodash-unified";
-import { transferOpacityColor as O, isAsynchronous as j } from "./utils/index.mjs";
-import G from "./style/index.mjs";
+import { omit as D } from "lodash-unified";
+import { transferOpacityColor as I, isAsynchronous as O } from "./utils/index.mjs";
+import j from "./style/index.mjs";
 import { useNamespace as R } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as q } from "../config-provider/hooks/use-global-config.mjs";
-const E = 72, H = 300, eo = /* @__PURE__ */ z({
+const q = 72, E = 300, X = /* @__PURE__ */ B({
   __name: "ap-button",
   props: {
     prefixCls: {},
@@ -34,71 +33,68 @@ const E = 72, H = 300, eo = /* @__PURE__ */ z({
     lazy: { type: [Boolean, Number], default: !0 },
     onClick: {}
   },
-  setup(m) {
-    const y = L(), o = m, l = {
-      aplus: "#0070FF",
-      admin: "#34b77c"
-    }, { b: i } = R("ap-action-button"), b = G("ap-action-button"), h = q("uiMode"), r = w(!1), v = t(
-      () => o.borderLinkColor || l[h.value] || l.aplus
-    ), s = t(
-      () => o.type === "borderLink" && !o.disabled ? v.value : void 0
-    ), u = t(
-      () => O(s.value)
-    ), g = t(() => o.minWidth === !0 ? `${E}px` : typeof o.minWidth == "number" ? `${o.minWidth}px` : typeof o.minWidth == "string" ? o.minWidth : void 0), k = t(
-      () => (o.type === "borderLink" ? "default" : o.type) || "default"
-    ), c = t(() => o.loading ?? r.value ?? !1), p = t(() => o.lazy === !0 ? H : typeof o.lazy == "number" && o.lazy >= 0 ? o.lazy : 0);
-    function C() {
-      const e = I(o, [
+  setup(f) {
+    const m = W(), e = f, { b: l } = R("ap-action-button"), y = j("ap-action-button"), r = z(!1), b = o(
+      () => e.borderLinkColor || "var(--ap-button-border-link-color)"
+    ), i = o(
+      () => e.type === "borderLink" && !e.disabled ? b.value : void 0
+    ), s = o(
+      () => I(i.value)
+    ), h = o(() => e.minWidth === !0 ? `${q}px` : typeof e.minWidth == "number" ? `${e.minWidth}px` : typeof e.minWidth == "string" ? e.minWidth : void 0), v = o(
+      () => (e.type === "borderLink" ? "default" : e.type) || "default"
+    ), u = o(() => e.loading ?? r.value ?? !1), c = o(() => e.lazy === !0 ? E : typeof e.lazy == "number" && e.lazy >= 0 ? e.lazy : 0);
+    function k() {
+      const t = D(e, [
         "type",
         "borderLinkColor",
         "minWidth",
         "onClick",
         "loading"
       ]);
-      return e ? {
-        ...e,
-        type: k.value,
-        onclick: B
+      return t ? {
+        ...t,
+        type: v.value,
+        onclick: g
       } : {};
     }
-    async function B() {
-      if (c.value) return;
-      const e = j(o.onClick), d = Date.now();
+    async function g() {
+      if (u.value) return;
+      const t = O(e.onClick), d = Date.now();
       try {
-        e && (r.value = !0, await e);
+        t && (r.value = !0, await t);
       } finally {
-        if (e) {
+        if (t) {
           const a = Date.now() - d;
-          a < p.value && await F(p.value - a), r.value = !1;
+          a < c.value && await A(c.value - a), r.value = !1;
         }
       }
     }
-    return (e, d) => (P(), M(n(D), S({
+    return (t, d) => (w(), L(n(N), P({
       class: {
-        [n(i)()]: !0,
-        [`${n(i)()}-border-link`]: u.value,
-        [`${n(b)}`]: !0
+        [n(l)()]: !0,
+        [`${n(l)()}-border-link`]: s.value,
+        [`${n(y)}`]: !0
       }
     }, {
-      ...e.$attrs,
-      ...C()
+      ...t.$attrs,
+      ...k()
     }, {
       style: {
-        color: s.value,
-        minWidth: g.value,
-        "--button-border-color": u.value
+        color: i.value,
+        minWidth: h.value,
+        "--button-border-color": s.value
       },
-      loading: c.value
-    }), T({ _: 2 }, [
-      _(y, (a, f) => ({
-        name: f,
-        fn: $((W) => [
-          x(e.$slots, f, N(A(W || {})))
+      loading: u.value
+    }), S({ _: 2 }, [
+      T(m, (a, p) => ({
+        name: p,
+        fn: _((C) => [
+          $(t.$slots, p, x(M(C || {})))
         ])
       }))
     ]), 1040, ["class", "style", "loading"]));
   }
 });
 export {
-  eo as default
+  X as default
 };

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

@@ -1,8 +1,9 @@
-import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
-const r = (o) => {
+import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
+const n = (o) => {
   const { componentCls: t } = o;
   return {
     [t]: {
+      "--ap-button-border-link-color": o.colorPrimary,
       "&-border-link": {
         ".ant-btn&:not(:disabled):hover,&:not(:disabled):active,&:not(:disabled):focus": {
           borderColor: "var(--button-border-color)",
@@ -11,8 +12,8 @@ const r = (o) => {
       }
     }
   };
-}, l = n("ApButton", (o) => [
-  r(o)
+}, l = r("ApButton", (o) => [
+  n(o)
 ]);
 export {
   l as default

package/es/src/ap-download/hooks/useStyle.mjs

@@ -1,18 +1,18 @@
-import { computed as a } from "vue";
+import { computed as o } from "vue";
 import { getHexWithOpacity as m } from "../utils/getFileInfo.mjs";
 import "../../config-provider/index.mjs";
 import c from "../style/index.mjs";
 import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
-function S(o, p, l) {
-  const { b: n, bm: e } = w("ap-download"), t = c("ap-download"), i = f("uiMode"), s = a(() => ({
-    "--download-main-color": o.value,
-    "--download-main-color-opacity": m(o.value, 0.6)
-  })), u = a(() => [n("wrapper"), e("wrapper", p.value), t.value].filter(
+function S(p, n, l) {
+  const { b: r, bm: e } = w("ap-download"), t = c("ap-download"), i = f("uiMode"), s = o(() => ({
+    "--download-main-color": p.value,
+    "--download-main-color-opacity": m(p.value, 0.6)
+  })), u = o(() => [r("wrapper"), e("wrapper", n.value), t.value].filter(
     Boolean
-  )), d = a(() => {
-    const r = [n("inner-wrapper"), e("inner-wrapper", p.value)];
-    return l.value && (i.value === "aplus" ? r.push(e("inner-wrapper", "disabled")) : r.push(e("inner-wrapper", "disabled-admin"))), [...r, t.value];
+  )), d = o(() => {
+    const a = [r(), r("inner-wrapper"), e("inner-wrapper", n.value)];
+    return l.value && (i.value === "aplus" ? a.push(e("inner-wrapper", "disabled")) : a.push(e("inner-wrapper", "disabled-admin"))), [...a, t.value];
   });
   return {
     wrapperStyle: s,

package/es/src/ap-form/style/item.d.ts

@@ -1,6 +1,5 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { ApFormToken } from './token';
 import { Ref } from 'vue';
-export declare const genApFormItemStyle: GenStyleFunc<ApFormToken>;
+export declare const genApFormItemStyle: GenStyleFunc;
 declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
 export default _default;