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

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

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

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type CheckCardToken = {
     /** 禁用背景色 */
     checkCardDisabledBg: string;
@@ -11,5 +11,5 @@ export type CheckCardToken = {
     /** 指示器位置偏移 */
     checkCardIndicatorOffset: number;
 };
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

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

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

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

@@ -1,7 +1,7 @@
 import { InjectionKey, Ref } from 'vue';
-import { FullToken } from '../../design-token/interface';
+import { ContextToken } from '../../design-token/interface';
 type DesignTokenContextType = {
-    token: Ref<Partial<FullToken>>;
+    token: Ref<ContextToken>;
     rootCls: Ref<string | undefined>;
 };
 export declare const designTokenContextKey: InjectionKey<DesignTokenContextType>;

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

@@ -1,5 +1,5 @@
 import { ActionToken } from '../ap-action/style';
-import { Recordable } from '../type';
+import { Recordable, RecursivePartial } from '../type';
 import { CSSInterpolation, CSSObject } from '@emotion/serialize';
 import { CheckCardToken } from '../check-card/style';
 import { ApFormToken } from '../ap-form/style/token';
@@ -127,6 +127,9 @@ export type BaseToken = {
      */
     lineClamp: number;
 };
+/**
+ * 全量token
+ */
 export type FullToken = BaseToken & {
     components: {
         ApAction: ActionToken;
@@ -144,6 +147,26 @@ export type FullToken = BaseToken & {
         ApGrid: ApGridToken;
     };
 };
+/**
+ * 上下文token（基础token+部分组件token）
+ */
+export type ContextToken = BaseToken & RecursivePartial<{
+    components: {
+        ApAction: ActionToken;
+        CheckCard: CheckCardToken;
+        ApForm: ApFormToken;
+        ApList: ApListToken;
+        Scrollbar: ScrollbarToken;
+        Mask: MaskToken;
+        Splitter: SplitterToken;
+        ProCard: ProCardToken;
+        StatisticsCard: ProCardToken;
+        AgGrid: AgGridToken;
+        BatchInputGroup: BatchInputGroupToken;
+        ApRadioGroup: ApRadioGroupToken;
+        ApGrid: ApGridToken;
+    };
+}>;
 export type TokenWithComponentCls<Token> = Token & {
     componentCls: string;
     namespace: string;

package/es/src/editable-table/style/index.d.ts

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

package/es/src/full-screen/style/index.d.ts

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

package/es/src/index.mjs

@@ -1,5 +1,5 @@
 import { APConfigProvider as T } from "./config-provider/index.mjs";
-import { ApForm as b } from "./ap-form/index.mjs";
+import { ApForm as S } from "./ap-form/index.mjs";
 import { ApField as G, ApFieldRead as C } from "./ap-field/index.mjs";
 import { adminToken as h, aplusToken as E } from "./design-token/index.mjs";
 import { ApActionItem as L } from "./ap-action/index.mjs";
@@ -31,12 +31,12 @@ import { DEFAULT_NAMESPACE as W, DEFAULT_UIMODE as q, configProviderContextKey a
 import { keysOf as X, provideGlobalConfig as Y, useGlobalConfig as Z } from "./config-provider/hooks/use-global-config.mjs";
 import { buildLocaleContext as ee, buildTranslator as oe, localeContextKey as re, translate as te, useLocale as pe } from "./config-provider/hooks/use-locale.mjs";
 import { defaultNamespace as me, namespaceContextKey as fe, useGetDerivedNamespace as le, useNamespace as de } from "./config-provider/hooks/use-namespace.mjs";
-import { ConfigProvider as Ae, globalConfigCached as ue } from "./config-provider/config-provider.mjs";
+import { ConfigProvider as ue, globalConfigCached as Ae } from "./config-provider/config-provider.mjs";
 import { ApFormItemText as ie } from "./ap-form/items/text/index.mjs";
 import { default as ce } from "./ap-form/items/text-area/index.vue.mjs";
 import { default as Ie } from "./ap-form/items/number/index.vue.mjs";
 import { default as ge } from "./ap-form/items/date/index.vue.mjs";
-import { default as Se } from "./ap-form/items/date-range/index.vue.mjs";
+import { default as be } from "./ap-form/items/date-range/index.vue.mjs";
 import { default as Ce } from "./ap-form/items/radio/index.vue.mjs";
 import { default as he } from "./ap-form/items/select/index.vue.mjs";
 import { default as Pe } from "./ap-form/items/switch/index.vue.mjs";
@@ -57,12 +57,12 @@ import { default as ro } from "./ap-form/provider/index.vue.mjs";
 import { ApFieldText as po } from "./ap-field/text/index.mjs";
 import { default as mo } from "./ap-field/checkbox/index.vue.mjs";
 import { default as lo } from "./ap-field/date/index.vue.mjs";
-import { default as Ao } from "./ap-field/number/index.vue.mjs";
+import { default as uo } from "./ap-field/number/index.vue.mjs";
 import { default as so } from "./ap-field/radio/index.vue.mjs";
 import { default as no } from "./ap-field/switch/index.vue.mjs";
 import { default as Fo } from "./ap-field/text-area/index.vue.mjs";
 import { default as To } from "./ap-field/date-range/index.vue.mjs";
-import { default as bo } from "./ap-field/select/index.vue.mjs";
+import { default as So } from "./ap-field/select/index.vue.mjs";
 import { default as Go } from "./ap-field/text/password.vue.mjs";
 import { default as Do } from "./ap-field/slider/index.vue.mjs";
 import { default as Eo } from "./ap-field/segmented/index.vue.mjs";
@@ -84,12 +84,12 @@ import { default as tr } from "./ap-button/ap-button.vue.mjs";
 import { default as ar } from "./ap-button/ap-action-button.vue.mjs";
 import { default as fr } from "./ap-button/ap-confirm-button.vue.mjs";
 import { ApTransformDataHelper as dr } from "./utils/ap-trans-data/index.mjs";
-import { default as Ar } from "./business/ap-table-modal/index.mjs";
+import { default as ur } from "./business/ap-table-modal/index.mjs";
 import { useTableModal as sr } from "./business/ap-table-modal/hooks/use-table-modal.mjs";
 import { useTableSelectModal as nr } from "./business/ap-table-modal/hooks/use-table-select-modal.mjs";
 import { ApAttachment as Fr } from "./business/ap-attachment/index.mjs";
 import { ApBatchAction as Tr } from "./business/ap-batch-action/index.mjs";
-import { ApBatchActionGroup as br } from "./business/ap-batch-action-group/index.mjs";
+import { ApBatchActionGroup as Sr } from "./business/ap-batch-action-group/index.mjs";
 import { ApButtonGroup as Gr } from "./business/ap-button-group/index.mjs";
 import { ApCard as Dr } from "./business/ap-card/index.mjs";
 import { ApExpandAlert as Er } from "./business/ap-expand-alert/index.mjs";
@@ -110,53 +110,54 @@ import { useTableRefresh as tt } from "./business/hooks/useTableRefresh.mjs";
 import { usePageListApGrid as at } from "./business/hooks/usePageListApGrid.mjs";
 import { useGridRefresh as ft } from "./business/hooks/useGridRefresh.mjs";
 import { usePageListAgGrid as dt } from "./business/hooks/usePageListAgGrid.mjs";
-import { computedRecords as At, flattenColumns as ut, formatDataIndex as st, formatNumber as it } from "./business/ap-summary/utils.mjs";
+import { computedRecords as ut, flattenColumns as At, formatDataIndex as st, formatNumber as it } from "./business/ap-summary/utils.mjs";
 import { ApSummary as ct } from "./business/ap-summary/index.mjs";
 import { ApNeedNameKeyDefault as It } from "./business/ap-appendix/interface.mjs";
 import { ApAppendix as gt } from "./business/ap-appendix/index.mjs";
-import { default as St } from "./business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs";
+import { default as bt } from "./business/ap-upload-file/ap-upload-single/ap-upload-single.vue.mjs";
 import { default as Ct } from "./business/batch-input-group/index.vue.mjs";
 import { default as ht } from "./business/batch-input-group/form-item.vue.mjs";
 import { ApSizeInput as Pt } from "./business/ap-size-input/index.mjs";
-import { ApProductInfo as Rt } from "./business/ap-product-info/index.mjs";
-import { ApCopy as yt } from "./business/ap-copy/index.mjs";
-import { ApView as wt } from "./business/ap-view/index.mjs";
-import { ApRadioGroup as Bt } from "./business/ap-radio-group/index.mjs";
-import { ApKeepAliveProps as kt, forceStopTags as Ot } from "./business/ap-keep-alive/interface.mjs";
-import { ApKeepAlive as Vt } from "./business/ap-keep-alive/index.mjs";
-import { LruCacher as zt } from "./business/ap-keep-alive/cacher/lru-cacher.mjs";
-import { useApKeepAliveInject as Ht } from "./business/ap-keep-alive/hook.mjs";
-import { matches as qt } from "./business/ap-keep-alive/utils.mjs";
-import { ApDraggableGrid as Qt } from "./business/ap-draggable-grid/index.mjs";
-import { ApValueSelectCard as Yt } from "./business/ap-value-select-card/index.mjs";
-import { useAgGridModal as $t } from "./business/ag-grid-modal/hooks/use-ag-grid-modal.mjs";
-import { useAgGridSelectModal as op } from "./business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs";
-import { ApSelectedItems as tp } from "./business/ag-grid-modal/selected-items/index.mjs";
-import { useTablePaging as ap } from "./ap-table/hooks/use-table-paging.mjs";
-import { default as fp } from "./editable-table/index.vue.mjs";
-import { default as dp } from "./editable-table/form-item.vue.mjs";
-import { default as Ap } from "./ap-descriptions/ap-descriptions.vue.mjs";
-import { ensureRangeValue as sp } from "./scroll-bar/utils/index.mjs";
-import { default as np } from "./scroll-bar/index.vue.mjs";
-import { default as Fp } from "./scroll-bar/internal.vue.mjs";
-import { default as Tp } from "./scroll-view/index.vue.mjs";
-import { default as bp } from "./portal/index.vue.mjs";
-import { default as Gp } from "./full-screen/index.vue.mjs";
-import { default as Dp } from "./resize-observer/index.vue.mjs";
-import { ROW_SELECTION_FIELD as Ep } from "./ap-grid/constants.mjs";
-import { toTreeArray as Lp } from "./ap-grid/utils/to-tree-array.mjs";
-import { default as Np } from "./ap-grid/index.vue.mjs";
-import { default as vp } from "./ap-grid/editable/index.vue.mjs";
-import { default as Mp } from "./ap-grid/editable/form-item.vue.mjs";
-import { default as Kp } from "./text/index.vue.mjs";
-import { default as Op } from "./text/group.vue.mjs";
-import { default as Vp } from "./mask/index.vue.mjs";
-import { default as zp } from "./ag-grid/index.vue.mjs";
-import { default as Hp } from "./ag-grid/editable/index.vue.mjs";
-import { default as qp } from "./ag-grid/editable/form-item.vue.mjs";
+import { default as Rt } from "./business/ap-size-input/form-item.vue.mjs";
+import { ApProductInfo as yt } from "./business/ap-product-info/index.mjs";
+import { ApCopy as wt } from "./business/ap-copy/index.mjs";
+import { ApView as Bt } from "./business/ap-view/index.mjs";
+import { ApRadioGroup as kt } from "./business/ap-radio-group/index.mjs";
+import { ApKeepAliveProps as Ut, forceStopTags as Vt } from "./business/ap-keep-alive/interface.mjs";
+import { ApKeepAlive as zt } from "./business/ap-keep-alive/index.mjs";
+import { LruCacher as Ht } from "./business/ap-keep-alive/cacher/lru-cacher.mjs";
+import { useApKeepAliveInject as qt } from "./business/ap-keep-alive/hook.mjs";
+import { matches as Qt } from "./business/ap-keep-alive/utils.mjs";
+import { ApDraggableGrid as Yt } from "./business/ap-draggable-grid/index.mjs";
+import { ApValueSelectCard as $t } from "./business/ap-value-select-card/index.mjs";
+import { useAgGridModal as op } from "./business/ag-grid-modal/hooks/use-ag-grid-modal.mjs";
+import { useAgGridSelectModal as tp } from "./business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs";
+import { ApSelectedItems as ap } from "./business/ag-grid-modal/selected-items/index.mjs";
+import { useTablePaging as fp } from "./ap-table/hooks/use-table-paging.mjs";
+import { default as dp } from "./editable-table/index.vue.mjs";
+import { default as up } from "./editable-table/form-item.vue.mjs";
+import { default as sp } from "./ap-descriptions/ap-descriptions.vue.mjs";
+import { ensureRangeValue as np } from "./scroll-bar/utils/index.mjs";
+import { default as Fp } from "./scroll-bar/index.vue.mjs";
+import { default as Tp } from "./scroll-bar/internal.vue.mjs";
+import { default as Sp } from "./scroll-view/index.vue.mjs";
+import { default as Gp } from "./portal/index.vue.mjs";
+import { default as Dp } from "./full-screen/index.vue.mjs";
+import { default as Ep } from "./resize-observer/index.vue.mjs";
+import { ROW_SELECTION_FIELD as Lp } from "./ap-grid/constants.mjs";
+import { toTreeArray as Np } from "./ap-grid/utils/to-tree-array.mjs";
+import { default as vp } from "./ap-grid/index.vue.mjs";
+import { default as Mp } from "./ap-grid/editable/index.vue.mjs";
+import { default as Kp } from "./ap-grid/editable/form-item.vue.mjs";
+import { default as Op } from "./text/index.vue.mjs";
+import { default as Vp } from "./text/group.vue.mjs";
+import { default as zp } from "./mask/index.vue.mjs";
+import { default as Hp } from "./ag-grid/index.vue.mjs";
+import { default as qp } from "./ag-grid/editable/index.vue.mjs";
+import { default as Qp } from "./ag-grid/editable/form-item.vue.mjs";
 export {
   T as APConfigProvider,
-  zp as AgGrid,
+  Hp as AgGrid,
   ar as ApActionButton,
   Oo as ApActionGroup,
   L as ApActionItem,
@@ -166,16 +167,16 @@ export {
   gt as ApAppendix,
   Fr as ApAttachment,
   Tr as ApBatchAction,
-  br as ApBatchActionGroup,
+  Sr as ApBatchActionGroup,
   tr as ApButton,
   Gr as ApButtonGroup,
   Dr as ApCard,
   fr as ApConfirmButton,
-  yt as ApCopy,
-  Ap as ApDescriptions,
+  wt as ApCopy,
+  sp as ApDescriptions,
   Qo as ApDownLoadNeedNameKeyDefault,
   Yo as ApDownload,
-  Qt as ApDraggableGrid,
+  Yt as ApDraggableGrid,
   M as ApDrawer,
   Er as ApExpandAlert,
   Nr as ApExportGroup,
@@ -184,19 +185,19 @@ export {
   mo as ApFieldCheckbox,
   lo as ApFieldDate,
   To as ApFieldDateRange,
-  Ao as ApFieldNumber,
+  uo as ApFieldNumber,
   Go as ApFieldPassword,
   so as ApFieldRadio,
   Lo as ApFieldRate,
   C as ApFieldRead,
   Eo as ApFieldSegmented,
-  bo as ApFieldSelect,
+  So as ApFieldSelect,
   Do as ApFieldSlider,
   no as ApFieldSwitch,
   po as ApFieldText,
   Fo as ApFieldTextArea,
   No as ApFieldTreeSelect,
-  b as ApForm,
+  S as ApForm,
   Ze as ApFormControlRender,
   We as ApFormDependency,
   Xe as ApFormDrawerForm,
@@ -204,12 +205,13 @@ export {
   ht as ApFormItemBatchInput,
   Re as ApFormItemCheckbox,
   ge as ApFormItemDate,
-  Se as ApFormItemDateRange,
+  be as ApFormItemDateRange,
   ke as ApFormItemGroup,
   Ie as ApFormItemNumber,
   Ce as ApFormItemRadio,
   eo as ApFormItemRender,
   he as ApFormItemSelect,
+  Rt as ApFormItemSizeInput,
   Pe as ApFormItemSwitch,
   ie as ApFormItemText,
   ce as ApFormItemTextArea,
@@ -220,11 +222,11 @@ export {
   ro as ApFormProvider,
   _e as ApFormSearchForm,
   Je as ApFormSet,
-  Np as ApGrid,
+  vp as ApGrid,
   Kr as ApImage,
   Or as ApInputRadio,
-  Vt as ApKeepAlive,
-  kt as ApKeepAliveProps,
+  zt as ApKeepAlive,
+  Ut as ApKeepAliveProps,
   Vr as ApLabel,
   _r as ApLabelGroup,
   Wr as ApLadder,
@@ -232,77 +234,77 @@ export {
   v as ApModal,
   It as ApNeedNameKeyDefault,
   K as ApProCard,
-  Rt as ApProductInfo,
-  Bt as ApRadioGroup,
+  yt as ApProductInfo,
+  kt as ApRadioGroup,
   Jr as ApSelectLayout,
-  tp as ApSelectedItems,
+  ap as ApSelectedItems,
   Pt as ApSizeInput,
   k as ApStatisticCard,
   Xr as ApStatus,
   Yr as ApStatusGroup,
   ct as ApSummary,
   U as ApTable,
-  Ar as ApTableModal,
+  ur as ApTableModal,
   Vo as ApTag,
   zo as ApTagGroup,
-  Kp as ApText,
-  Op as ApTextGroup,
+  Op as ApText,
+  Vp as ApTextGroup,
   $r as ApTitle,
   dr as ApTransformDataHelper,
   qo as ApUpload,
-  St as ApUploadSingle,
-  Yt as ApValueSelectCard,
-  wt as ApView,
+  bt as ApUploadSingle,
+  $t as ApValueSelectCard,
+  Bt as ApView,
   Ct as BatchInputGroup,
   N as CheckCard,
   $o as CheckCardGroup,
-  Ae as ConfigProvider,
+  ue as ConfigProvider,
   W as DEFAULT_NAMESPACE,
   q as DEFAULT_UIMODE,
-  Hp as EditableAgGrid,
-  qp as EditableAgGridFormItem,
-  vp as EditableGrid,
-  Mp as EditableGridFormItem,
-  fp as EditableTable,
-  dp as EditableTableFormItem,
-  Gp as FullScreen,
-  Fp as InternalScrollBar,
-  zt as LruCacher,
-  Vp as Mask,
+  qp as EditableAgGrid,
+  Qp as EditableAgGridFormItem,
+  Mp as EditableGrid,
+  Kp as EditableGridFormItem,
+  dp as EditableTable,
+  up as EditableTableFormItem,
+  Dp as FullScreen,
+  Tp as InternalScrollBar,
+  Ht as LruCacher,
+  zp as Mask,
   Ho as NeedNameKeyDefault,
-  bp as Portal,
-  Ep as ROW_SELECTION_FIELD,
-  Dp as ResizeObserver,
-  np as ScrollBar,
-  Tp as ScrollView,
+  Gp as Portal,
+  Lp as ROW_SELECTION_FIELD,
+  Ep as ResizeObserver,
+  Fp as ScrollBar,
+  Sp as ScrollView,
   _ as Splitter,
   h as adminToken,
   E as aplusToken,
   ee as buildLocaleContext,
   oe as buildTranslator,
-  At as computedRecords,
+  ut as computedRecords,
   J as configProviderContextKey,
   j as configProviderProps,
   Mr as convertExportField,
   me as defaultNamespace,
-  sp as ensureRangeValue,
-  ut as flattenColumns,
-  Ot as forceStopTags,
+  np as ensureRangeValue,
+  At as flattenColumns,
+  Vt as forceStopTags,
   st as formatDataIndex,
   it as formatNumber,
-  ue as globalConfigCached,
+  Ae as globalConfigCached,
   vr as handleExportDownload,
-  qt as isNameMatches,
+  Qt as isNameMatches,
   X as keysOf,
   re as localeContextKey,
   jr as locales,
   fe as namespaceContextKey,
   Y as provideGlobalConfig,
-  Lp as toTreeArray,
+  Np as toTreeArray,
   te as translate,
-  $t as useAgGridModal,
-  op as useAgGridSelectModal,
-  Ht as useApKeepAliveInject,
+  op as useAgGridModal,
+  tp as useAgGridSelectModal,
+  qt as useApKeepAliveInject,
   le as useGetDerivedNamespace,
   Z as useGlobalConfig,
   ft as useGridRefresh,
@@ -312,7 +314,7 @@ export {
   at as usePageListApGrid,
   ot as usePageListApTable,
   sr as useTableModal,
-  ap as useTablePaging,
+  fp as useTablePaging,
   tt as useTableRefresh,
   nr as useTableSelectModal
 };

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

@@ -1,5 +1,5 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type MaskToken = {
     /**
      * 遮罩打开/关闭时的动画时长
@@ -12,5 +12,5 @@ export type MaskToken = {
 };
 export declare function genFadeKeyFrames(): string[];
 export declare const genMaskStyle: GenStyleFunc<MaskToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;

package/es/src/scroll-bar/style/index.d.ts

@@ -1,5 +1,5 @@
 import { GenStyleFunc } from '../../design-token/interface';
-import { Ref } from 'vue';
+import { ComputedRef } from 'vue';
 export type ScrollbarToken = {
     /**
      * 滚动条滑块颜色
@@ -23,5 +23,5 @@ export type ScrollbarToken = {
     scrollBarTrackWidth: number;
 };
 export declare const genScrollbarStyle: GenStyleFunc<ScrollbarToken>;
-declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
 export default _default;