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

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

@@ -86,7 +86,6 @@ const t = {
         "&__title": {
           ...a(i),
           fontWeight: 700,
-          // textAlign: 'right',
           "&--single": {
             flex: "unset"
           }

package/es/src/ap-action/item-dropdown/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as k, ref as w, computed as B, createBlock as n, openBlock as r, unref as o, normalizeClass as s, withCtx as l, createElementVNode as A, createVNode as u, createCommentVNode as b, normalizeProps as I, guardReactiveProps as h, renderSlot as C, createElementBlock as P, Fragment as D, renderList as N, mergeProps as p } from "vue";
+import { defineComponent as w, ref as B, computed as A, createBlock as n, openBlock as r, unref as o, normalizeClass as s, withCtx as l, createElementVNode as c, createVNode as d, normalizeProps as b, guardReactiveProps as I, renderSlot as h, createCommentVNode as C, createElementBlock as P, Fragment as D, renderList as N, mergeProps as p } from "vue";
 import { Dropdown as $, Menu as L, MenuItem as V } from "@aplus-frontend/antdv";
 import "../item/index.vue.mjs";
 import "../item-modal/index.vue2.mjs";
@@ -8,10 +8,10 @@ import "../../config-provider/index.mjs";
 import { isUndefined as E, omit as F } from "lodash-unified";
 import M from "../style/dropdown-item.mjs";
 import { useNamespace as S } from "../../config-provider/hooks/use-namespace.mjs";
-import c from "../item/index.vue2.mjs";
+import y from "../item/index.vue2.mjs";
 import U from "../item-modal/index.vue.mjs";
 import x from "../item-popconfirm/index.vue.mjs";
-const Z = /* @__PURE__ */ k({
+const Z = /* @__PURE__ */ w({
   name: "ApActionItemDropDown",
   __name: "index",
   props: {
@@ -29,8 +29,8 @@ const Z = /* @__PURE__ */ k({
     iconFirst: { type: Boolean },
     tooltip: {}
   },
-  setup(d) {
-    const m = d, i = w(!1), { e: f, b: y } = S("action-item-dropdown"), g = M("action-item-dropdown"), _ = B(() => m.actions.filter((e) => e.visible || E(e.visible)).map((e) => ({
+  setup(g) {
+    const m = g, i = B(!1), { e: f, b: _ } = S("action-item-dropdown"), u = M("action-item-dropdown"), v = A(() => m.actions.filter((e) => e.visible || E(e.visible)).map((e) => ({
       ...e,
       onAction: async (a) => {
         try {
@@ -45,14 +45,14 @@ const Z = /* @__PURE__ */ k({
       "onUpdate:open": a[0] || (a[0] = (t) => i.value = t),
       trigger: e.trigger,
       placement: e.placement,
-      class: s(o(g))
+      class: s(o(u))
     }, {
       overlay: l(() => [
-        u(o(L), null, {
+        d(o(L), null, {
           default: l(() => [
-            (r(!0), P(D, null, N(_.value, (t, v) => (r(), n(o(V), {
-              key: v,
-              class: s(o(f)("item"))
+            (r(!0), P(D, null, N(v.value, (t, k) => (r(), n(o(V), {
+              key: k,
+              class: s([o(u), o(f)("item")])
             }, {
               default: l(() => [
                 t.modalProps ? (r(), n(U, p({
@@ -61,7 +61,7 @@ const Z = /* @__PURE__ */ k({
                 }, t), null, 16)) : t.popconfirmProps ? (r(), n(x, p({
                   key: 1,
                   ref_for: !0
-                }, t), null, 16)) : (r(), n(c, p({
+                }, t), null, 16)) : (r(), n(y, p({
                   key: 2,
                   ref_for: !0
                 }, t), null, 16))
@@ -73,19 +73,20 @@ const Z = /* @__PURE__ */ k({
         })
       ]),
       default: l(() => [
-        A("span", {
-          class: s(o(y)())
+        c("span", {
+          class: s(o(_)())
         }, [
-          u(c, I(h(o(F)(m, ["actions", "trigger", "placement"]))), {
+          d(y, b(I(o(F)(m, ["actions", "trigger", "placement"]))), {
             default: l(() => [
-              C(e.$slots, "default")
+              h(e.$slots, "default")
             ]),
             _: 3
           }, 16),
-          e.showIcon ? (r(), n(o(z), {
-            key: 0,
+          c("span", {
             class: s(o(f)("icon"))
-          }, null, 8, ["class"])) : b("", !0)
+          }, [
+            e.showIcon ? (r(), n(o(z), { key: 0 })) : C("", !0)
+          ], 2)
         ], 2)
       ]),
       _: 3

package/es/src/ap-action/style/dropdown-item.d.ts

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

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

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

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

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

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

@@ -3,42 +3,42 @@ import { omit as a } from "lodash-unified";
 function f(o) {
   return typeof o == "object" && typeof o.then == "function" ? o : !1;
 }
-const m = (o) => typeof o == "function" && f(o?.()), h = (o, s = "0.7") => {
+const m = (o) => typeof o == "function" && f(o?.()), h = (o, c = "0.7") => {
   try {
     let t = o?.toLowerCase();
     if (t && /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)) {
       if (t.length === 4) {
-        let r = "#";
+        let e = "#";
         for (let n = 1; n < 4; n += 1)
-          r += t.slice(n, n + 1).concat(t.slice(n, n + 1));
-        t = r;
+          e += t.slice(n, n + 1).concat(t.slice(n, n + 1));
+        t = e;
       }
-      const e = [];
-      for (let r = 1; r < 7; r += 2)
-        e.push(parseInt("0x" + t.slice(r, r + 2)));
-      return "rgba(" + e.join(",") + "," + s + ")";
+      const r = [];
+      for (let e = 1; e < 7; e += 2)
+        r.push(parseInt("0x" + t.slice(e, e + 2)));
+      return "rgba(" + r.join(",") + "," + c + ")";
     }
     if (t && t.startsWith("rgb")) {
-      let e = t.match(/(\d(\.\d+)?)+/g);
-      return e = e?.slice(0, 3)?.concat(s), "rgba(" + e.join(",") + ")";
+      let r = t.match(/(\d(\.\d+)?)+/g);
+      return r = r?.slice(0, 3)?.concat(c), "rgba(" + r.join(",") + ")";
     }
     return t;
   } catch {
     return;
   }
 }, p = (o) => {
-  const { onOk: s = () => ({}) } = o;
-  return new Promise((t, c) => {
+  const { onOk: c = () => ({}) } = o;
+  return new Promise((t, s) => {
     i.confirm({
       onOk: async () => {
         try {
-          await s(), t(!0);
-        } catch {
-          c();
+          await c(), t(!0);
+        } catch (r) {
+          s(r);
         }
       },
       onCancel: () => {
-        c();
+        t(!1);
       },
       ...a(o, ["onOk"])
     });

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

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

package/es/src/ap-download/ap-download.vue.d.ts

@@ -1,4 +1,4 @@
-import { ApDownLoadProps } from './interface';
+import { ApDownLoadProps, downloadCallbackResponse } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { ButtonType } from '@aplus-frontend/antdv/es/button';
 type __VLS_Props = ApDownLoadProps;
@@ -11,10 +11,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    downloadCallback: (...args: any[]) => void;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    downloadCallback: (res?: downloadCallbackResponse | undefined) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDownloadCallback?: ((...args: any[]) => any) | undefined;
+    onDownloadCallback?: ((res?: downloadCallbackResponse | undefined) => any) | undefined;
 }>, {
     size: "small" | "large" | "middle";
     type: ButtonType;

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

@@ -1,9 +1,9 @@
-import { defineComponent as F, ref as A, useSlots as L, computed as a, unref as t, createBlock as S, openBlock as i, mergeProps as x, withCtx as j, createElementVNode as m, normalizeClass as I, createElementBlock as u, createCommentVNode as f, createVNode as M, renderSlot as T, toDisplayString as U } from "vue";
+import { defineComponent as F, ref as A, useSlots as L, computed as s, unref as t, createBlock as S, openBlock as i, mergeProps as x, withCtx as j, createElementVNode as u, normalizeClass as I, createElementBlock as f, createCommentVNode as g, createVNode as M, renderSlot as T, toDisplayString as U } from "vue";
 import { Button as V } from "@aplus-frontend/antdv";
 import { LoadingOutlined as D } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
 import { useOssInit as E } from "./hooks/index.mjs";
-import { getFileInfo as g } from "./utils/getFileInfo.mjs";
+import { getFileInfo as y } from "./utils/getFileInfo.mjs";
 import { useStyle as P } from "./hooks/useStyle.mjs";
 import { omit as G } from "lodash-unified";
 import { useLocale as R } from "../config-provider/hooks/use-locale.mjs";
@@ -44,58 +44,58 @@ const W = {
     getOssAccess: {}
   },
   emits: ["downloadCallback"],
-  setup(y, { emit: C }) {
-    const N = C, n = A(!1), { lang: b } = R(), v = L(), h = a(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), w = r("uiMode"), e = y, l = r("apUpload"), c = r(
+  setup(C, { emit: N }) {
+    const c = N, l = A(!1), { lang: b } = R(), v = L(), w = s(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), h = r("uiMode"), e = C, n = r("apUpload"), d = r(
       "downloadCenterTriggerConfig"
-    ), d = a(() => e.disabled), _ = a(() => e.color ? e.color : w.value === "aplus" ? "#0070FF" : "#1890FF"), k = a(() => e.size), { getInnerWrapperClass: B } = P(_, k, d), O = a(() => e.getOssAccess || l.value?.getOssAccess), z = async () => {
+    ), p = s(() => e.disabled), _ = s(() => e.color ? e.color : h.value === "aplus" ? "#0070FF" : "#1890FF"), k = s(() => e.size), { getInnerWrapperClass: B } = P(_, k, p), O = s(() => e.getOssAccess || n.value?.getOssAccess), z = async () => {
       if (!e.disabled) {
-        n.value = !0;
+        l.value = !0;
         try {
-          if (c.value?.trigger) {
-            let s = g(
-              e.needName ?? l?.value?.needName,
+          if (d.value?.trigger) {
+            let a = y(
+              e.needName ?? n?.value?.needName,
               e.fileName
-            ).map((p) => ({
-              objectName: p.path,
-              fileName: p.fileName
+            ).map((m) => ({
+              objectName: m.path,
+              fileName: m.fileName
             }));
-            await c.value?.trigger(s);
+            await d.value?.trigger(a), c("downloadCallback", a);
           } else {
-            const s = await (await E(
+            const a = await (await E(
               O.value,
-              t(h)
+              t(w)
             )).downloadFile(
-              g(
-                e.needName ?? l?.value?.needName,
+              y(
+                e.needName ?? n?.value?.needName,
                 e.fileName
               )
             );
-            N("downloadCallback", s);
+            c("downloadCallback", a);
           }
         } catch (o) {
           console.error(o);
         } finally {
-          n.value = !1;
+          l.value = !1;
         }
       }
     };
-    return (o, s) => (i(), S(t(V), x(t(G)(e, ["getOssAccess", "fileName", "needName"]), {
+    return (o, a) => (i(), S(t(V), x(t(G)(e, ["getOssAccess", "fileName", "needName"]), {
       type: e.type,
       size: e.size,
-      disabled: d.value,
+      disabled: p.value,
       onClick: z
     }), {
       default: j(() => [
-        m("div", {
+        u("div", {
           class: I(t(B))
         }, [
-          n.value ? (i(), u("span", W, [
+          l.value ? (i(), f("span", W, [
             M(t(D), { spin: !0 })
-          ])) : f("", !0),
-          t(v).icon ? (i(), u("span", $, [
+          ])) : g("", !0),
+          t(v).icon ? (i(), f("span", $, [
             T(o.$slots, "icon")
-          ])) : f("", !0),
-          m("span", q, U(o.text), 1)
+          ])) : g("", !0),
+          u("span", q, U(o.text), 1)
         ], 2)
       ]),
       _: 3

package/es/src/ap-download/interface.d.ts

@@ -38,4 +38,8 @@ export declare enum ApDownLoadNeedNameKeyDefault {
     pathKey = "path"
 }
 export type actionResponse = Awaited<ReturnType<typeof client.downloadFile>>;
+export type downloadCallbackResponse = {
+    objectName: string;
+    fileName: string;
+}[] | actionResponse;
 export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/src/ap-form/style/item.mjs

@@ -1,5 +1,5 @@
 import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-const i = (n) => {
+const r = (n) => {
   const { componentCls: e, namespace: t } = n;
   return {
     [e]: {
@@ -42,7 +42,8 @@ const i = (n) => {
         },
         ".ant-select-selector": {
           borderWidth: "0 !important",
-          boxShadow: "none !important"
+          boxShadow: "none !important",
+          background: "unset !important"
         },
         ".ant-select-single .ant-select-selector": {
           height: "30px !important"
@@ -124,8 +125,8 @@ const i = (n) => {
       }
     }
   };
-}, o = a("ApForm", (n) => [i(n)]);
+}, o = a("ApForm", (n) => [r(n)]);
 export {
   o as default,
-  i as genApFormItemStyle
+  r as genApFormItemStyle
 };

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

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

package/es/src/ap-form/style/modal-form.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as d } from "../../utils/cssinjs/index.mjs";
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
 const e = (o) => {
-  const { componentCls: a } = o;
+  const { componentCls: d, apFormModalCloseSize: a } = o;
   return {
-    [a]: {
+    [d]: {
       ".ant-modal-content": {
         padding: 0
       },
@@ -12,23 +12,23 @@ const e = (o) => {
         borderBottom: "1px solid #E9EDF3",
         marginBottom: 0
       },
-      [`${a}__content`]: {
+      [`${d}__content`]: {
         padding: o.apFormModalContentPadding
       },
-      [`${a}__footer`]: {
+      [`${d}__footer`]: {
         padding: o.apFormModalFooterPadding
       },
-      [`${a}__footer-admin`]: {
+      [`${d}__footer-admin`]: {
         borderTop: "1px solid #E9EDF3"
       },
       ".ant-modal-close": {
-        top: `calc(${o.apFormModalHeaderPaddingBlock} - (${o.apFormModalCloseSize} - 22px) / 2)`,
-        width: o.apFormModalCloseSize,
-        height: o.apFormModalCloseSize
+        top: `calc(${o.apFormModalHeaderPaddingBlock} - (${a} - 22px) / 2)`,
+        width: a,
+        height: a
       }
     }
   };
-}, r = d(
+}, l = n(
   "ApForm.Modal",
   (o) => [e(o)],
   {
@@ -40,6 +40,6 @@ const e = (o) => {
   }
 );
 export {
-  r as default,
+  l as default,
   e as genModalFormStyle
 };

package/es/src/ap-form/style/search-form-sorter.d.ts

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

package/es/src/ap-form/style/search-form-sorter.mjs

@@ -1,8 +1,8 @@
 import { resetComponent as e } from "../../style/index.mjs";
-import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-import { genPopoverStyle as t } from "./search-form.mjs";
-const i = (r) => {
-  const { componentCls: o } = r;
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+import { genPopoverStyle as i } from "./search-form.mjs";
+const c = (r) => {
+  const { componentCls: o } = r, a = `calc(100% / ${r.searchFormSorterCountPerRow})`;
   return {
     [o]: {
       [`${o}-content`]: {
@@ -40,8 +40,8 @@ const i = (r) => {
         rowGap: r.searchFormSorterItemGap
       },
       [`${o}-sorter-item`]: {
-        flex: "0 0 33.333333%",
-        maxWidth: "33.333333%",
+        flex: `0 0 ${a}`,
+        maxWidth: a,
         paddingInline: `calc(${r.searchFormSorterItemGap} / 2)`,
         "> div": {
           border: `1px solid ${r.colorBg1}`,
@@ -72,17 +72,21 @@ const i = (r) => {
         textOverflow: "ellipsis"
       }
     },
-    ...t(r)
+    ...i(r)
   };
-}, s = a(
+}, m = t(
   "ApForm.SearchFormSorter",
-  (r) => [i(r)],
+  (r) => [c(r)],
   {
     searchFormSorterWidth: 560,
-    searchFormSorterItemGap: 8
+    searchFormSorterItemGap: 8,
+    searchFormSorterCountPerRow: 3
+  },
+  {
+    skipUnit: ["searchFormSorterCountPerRow"]
   }
 );
 export {
-  s as default,
-  i as genSearchFormSorter
+  m as default,
+  c as genSearchFormSorter
 };

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

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

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

@@ -24,4 +24,8 @@ export type ApFormToken = {
      * 查询表单排序元素间距
      */
     searchFormSorterItemGap: number;
+    /**
+     * 查询表单排序每一行显示的元素
+     */
+    searchFormSorterCountPerRow: number;
 };

package/es/src/ap-grid/style/editable.d.ts

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

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

@@ -1,8 +1,8 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type ApGridToken = {
     apGridFixedScrollingBoxShadowColor: string;
 };
 export declare const genApGridStyle: GenStyleFunc<ApGridToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;