@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

@@ -1,12 +1,12 @@
-import { getCurrentInstance as v, inject as N, ref as p, computed as V, unref as y } from "vue";
-const m = "aplus", l = "is-", c = (a, r, t, $, o) => {
+import { getCurrentInstance as N, inject as V, ref as v, computed as y, unref as l } from "vue";
+const p = "aplus", B = "is-", c = (a, r, t, $, o) => {
   let u = `${a}-${r}`;
   return t && (u += `-${t}`), $ && (u += `__${$}`), o && (u += `--${o}`), u;
-}, B = Symbol("namespaceContextKey"), C = (a) => {
-  const r = a || (v() ? N(B, p(m)) : p(m));
-  return V(() => y(r) || m);
-}, q = (a, r) => {
-  const t = C(r);
+}, C = Symbol("namespaceContextKey"), _ = (a) => {
+  const r = a || (N() ? V(C, v(p)) : v(p));
+  return y(() => l(r) || p);
+}, w = (a, r) => {
+  const t = _(r);
   return {
     namespace: t,
     b: (s = "") => c(t.value, a, s, "", ""),
@@ -18,13 +18,13 @@ const m = "aplus", l = "is-", c = (a, r, t, $, o) => {
     bem: (s, e, n) => s && e && n ? c(t.value, a, s, e, n) : "",
     is: (s, ...e) => {
       const n = e.length >= 1 ? e[0] : !0;
-      return s && n ? `${l}${s}` : "";
+      return s && n ? `${B}${s}` : "";
     },
-    cssVar: (s) => {
-      const e = {};
-      for (const n in s)
-        s[n] && (e[`--${t.value}-${a}-${n}`] = s[n]);
-      return e;
+    cssVar: (s, e = !0) => {
+      const n = {};
+      for (const m in s)
+        s[m] && (n[`--${e ? t.value + "-" : ""}${a}-${m}`] = s[m]);
+      return n;
     },
     cssVarName: (s) => `--${t.value}-${s}`,
     cssVarBlock: (s) => {
@@ -37,8 +37,8 @@ const m = "aplus", l = "is-", c = (a, r, t, $, o) => {
   };
 };
 export {
-  m as defaultNamespace,
-  B as namespaceContextKey,
-  C as useGetDerivedNamespace,
-  q as useNamespace
+  p as defaultNamespace,
+  C as namespaceContextKey,
+  _ as useGetDerivedNamespace,
+  w as useNamespace
 };

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,8 @@ 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 { RecursivePartial } from '../type';
+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 +162,9 @@ export declare const APConfigProvider: {
         aplusLocale: {
             type: PropType<LocaleType>;
         };
+        aplusToken: {
+            type: PropType<RecursivePartial<FullToken>>;
+        };
         namespace: {
             type: StringConstructor;
         };
@@ -209,7 +214,6 @@ export declare const APConfigProvider: {
             size?: ButtonSize | number;
         };
         direction: "ltr" | "rtl";
-        searchForm: SearchFormGlobalConfig;
         pagination: PaginationConfig;
         locale: Locale;
         csp: CSPConfig;
@@ -240,6 +244,7 @@ export declare const APConfigProvider: {
         downloadCenterTriggerConfig: downloadCenterTriggerConfig;
         exportField: ExportField;
         viewCacheOption: ViewCacheOption;
+        searchForm: SearchFormGlobalConfig;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -392,6 +397,9 @@ export declare const APConfigProvider: {
         aplusLocale: {
             type: PropType<LocaleType>;
         };
+        aplusToken: {
+            type: PropType<RecursivePartial<FullToken>>;
+        };
         namespace: {
             type: StringConstructor;
         };
@@ -441,7 +449,6 @@ export declare const APConfigProvider: {
             size?: ButtonSize | number;
         };
         direction: "ltr" | "rtl";
-        searchForm: SearchFormGlobalConfig;
         pagination: PaginationConfig;
         locale: Locale;
         csp: CSPConfig;
@@ -472,6 +479,7 @@ export declare const APConfigProvider: {
         downloadCenterTriggerConfig: downloadCenterTriggerConfig;
         exportField: ExportField;
         viewCacheOption: ViewCacheOption;
+        searchForm: SearchFormGlobalConfig;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -621,6 +629,9 @@ export declare const APConfigProvider: {
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<RecursivePartial<FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };
@@ -670,7 +681,6 @@ export declare const APConfigProvider: {
         size?: ButtonSize | number;
     };
     direction: "ltr" | "rtl";
-    searchForm: SearchFormGlobalConfig;
     pagination: PaginationConfig;
     locale: Locale;
     csp: CSPConfig;
@@ -701,6 +711,7 @@ export declare const APConfigProvider: {
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
     exportField: ExportField;
     viewCacheOption: ViewCacheOption;
+    searchForm: SearchFormGlobalConfig;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

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

@@ -0,0 +1,7 @@
+import { BaseToken, FullToken } from './interface';
+export declare const defaultToken: BaseToken;
+export declare const aplusUIAdminBaseToken: BaseToken;
+/**
+ * 预设全量的APlus-UI admin端的token
+ */
+export declare const aplusUITokenAdminPreset: FullToken;

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

@@ -0,0 +1,147 @@
+const e = {
+  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,
+  scrollbarThumbColorBase: "#c8d1de",
+  scrollbarThumbColorHover: "#959ca7",
+  scrollbarTrackColorHover: "#f2f6f9",
+  tableHeaderBg: "#f2f6f9",
+  lineClamp: 2
+}, o = {
+  borderColorBase: "#d9d9d9",
+  hoverColorBase: "#85d4b0",
+  activeColorBase: "#85d4b0",
+  colorPrimary: "#34b77c",
+  colorPrimaryDisabled: "#d6f1e5",
+  colorLink: "#1890ff",
+  colorLinkHover: "#5eb1ff",
+  colorLinkDisabled: "#cce2ff",
+  colorSuccess: "#34b77c",
+  colorSuccessDisabled: "#d6f1e5",
+  colorError: "#ff4d4f",
+  colorErrorDisabled: "#ffdbdc",
+  colorWarn: "#faad14",
+  colorWarnDisabled: "#ffeed9",
+  textColor1: "#666",
+  textColor2: "#333",
+  textColor3: "#999",
+  textColor4: "#bfbfbf",
+  colorBg1: "#e9e9e9",
+  colorBg2: "#f6f9fa",
+  colorBg3: "#f5f5f5",
+  colorBgDisabled: "#f5f5f5",
+  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,
+  scrollbarThumbColorBase: "#bfbfbf",
+  scrollbarThumbColorHover: "#787878",
+  scrollbarTrackColorHover: "#f7f7f7",
+  tableHeaderBg: "#f7f7f7",
+  lineClamp: 2
+}, r = {
+  apProCardHeaderPadding: "8px 16px 0",
+  apProCardHeaderPaddingBottom: "8px",
+  apProCardBorderRadius: "4px",
+  apProCardColorBgContainer: "transparent",
+  apProCardBodyPadding: "8px 16px",
+  apProCardActionsPadding: "12px 16px",
+  apProCardBorderLineWidth: "1px",
+  apProCardBorderLineType: "solid",
+  apProCardBorderColorSplit: "#e9e9e9",
+  apProCardBoxShadow: "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
+  apProCardTooltipColor: "#999",
+  apProCardHeaderTitleFontSize: "12px",
+  apProCardHeaderTitleFontColor: "#333",
+  apProCardAreaColor: "#eff9f5",
+  apProCardSplitLineHeight: "100%",
+  apProCardDividerLineHeight: "60%"
+}, a = {
+  ...o,
+  components: {
+    ApAction: {
+      loadingOpacity: 0.35
+    },
+    CheckCard: {
+      checkCardDisabledBg: "#F9F9FA",
+      checkCardDisabledOutlineColor: "#E9EDF3",
+      checkCardIndicatorSize: 14,
+      checkCardOutlineWidth: 2,
+      checkCardIndicatorOffset: -2
+    },
+    ApForm: { apFormBorderedShadowColor: "rgba(5, 155, 255, 0.1)" },
+    ApList: {
+      apListSpinnigOpacity: 0.5
+    },
+    Scrollbar: {
+      scrollBarBarColor: "#c7c8cc",
+      scrollBarTrackColor: "#F2F2F2",
+      scrollBarTrackDisabledColor: "#FAFAFA",
+      scrollBarBarWidth: 8,
+      scrollBarTrackWidth: 10
+    },
+    Mask: { maskAnimationDuration: "0.25s", maskOpacity: 0.45 },
+    Splitter: {
+      splitterBarSize: 2,
+      splitterTriggerSize: 6,
+      splitterResizeSpinnerSize: 20,
+      splitterSplitBarDraggableSize: 20
+    },
+    ProCard: r,
+    StatisticsCard: r
+  }
+};
+export {
+  o as aplusUIAdminBaseToken,
+  a as aplusUITokenAdminPreset,
+  e as defaultToken
+};

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

@@ -1,3 +1,4 @@
 import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+export { aplusUITokenAdminPreset } from './constants';
 export declare const aplusToken: ThemeConfig['token'];
 export declare const adminToken: ThemeConfig['token'];

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

@@ -1,3 +1,4 @@
+import { aplusUITokenAdminPreset as t } from "./constants.mjs";
 const o = {
   borderRadius: 4,
   fontSize: 12,
@@ -76,5 +77,6 @@ const o = {
 };
 export {
   e as adminToken,
-  r as aplusToken
+  r as aplusToken,
+  t as aplusUITokenAdminPreset
 };

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

@@ -0,0 +1,148 @@
+import { ActionToken } from '../ap-action/style';
+import { Recordable } from '../type';
+import { CSSInterpolation, CSSObject } from '@emotion/serialize';
+import { CheckCardToken } from '../check-card/style';
+import { ApFormToken } from '../ap-form/style/token';
+import { ApListToken } from '../ap-list/style';
+import { ScrollbarToken } from '../scroll-bar/style';
+import { MaskToken } from '../mask/style';
+import { SplitterToken } from '../splitter/style';
+import { ProCardToken } from '../ap-pro-card/style/token';
+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;
+    scrollbarThumbColorBase: string;
+    scrollbarThumbColorHover: string;
+    scrollbarTrackColorHover: string;
+    tableHeaderBg: string;
+    /**
+     * 多行文本显示时指定显示的最大行数
+     */
+    lineClamp: number;
+};
+export type FullToken = BaseToken & {
+    components: {
+        ApAction: ActionToken;
+        CheckCard: CheckCardToken;
+        ApForm: ApFormToken;
+        ApList: ApListToken;
+        Scrollbar: ScrollbarToken;
+        Mask: MaskToken;
+        Splitter: SplitterToken;
+        ProCard: ProCardToken;
+        StatisticsCard: ProCardToken;
+    };
+};
+export type TokenWithComponentCls<Token> = Token & {
+    componentCls: string;
+    namespace: string;
+};
+export type CssVarToken<Token = Recordable> = {
+    [key in keyof Token]: Token[key] | string;
+};
+export type GenStyleFunc<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSInterpolation;
+export type StyleMixin<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSObject;
+export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>) => CSSInterpolation[];

package/es/src/editable-table/form-item.vue.mjs

@@ -1,17 +1,18 @@
-import { defineComponent as z, ref as p, unref as r, useSlots as A, toRef as K, watch as O, nextTick as G, createBlock as W, openBlock as H, mergeProps as c, withCtx as g, createVNode as U, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
-import { Table as Y } from "@aplus-frontend/antdv";
-import { ApForm as h } from "../ap-form/index.mjs";
-import { isUndefined as Z, isNumber as d, cloneDeep as M, isArray as ee, omit as b } from "lodash-unified";
+import { defineComponent as A, ref as p, unref as s, useSlots as K, toRef as O, watch as G, nextTick as W, createBlock as H, openBlock as U, mergeProps as c, withCtx as h, createVNode as $, createSlots as q, renderList as J, renderSlot as Q, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { Table as Z } from "@aplus-frontend/antdv";
+import { ApForm as b } from "../ap-form/index.mjs";
+import { isUndefined as M, isNumber as f, cloneDeep as ee, isArray as te, omit as g } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as te } from "../ap-form/context.mjs";
+import { useInjectForm as ae } from "../ap-form/context.mjs";
 import { isDef as w } from "../utils/index.mjs";
-import ae from "./hooks/use-get-columns.mjs";
-import { scrollToRowIndex as oe } from "./utils.mjs";
-import { getModelValue as ne } from "../ap-form/utils/get.mjs";
-import { useDevWarning as le } from "../utils/warning.mjs";
-import { useNamespace as se } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as re } from "../config-provider/hooks/use-global-config.mjs";
-const Re = /* @__PURE__ */ z({
+import oe from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as ne } from "./utils.mjs";
+import { getModelValue as le } from "../ap-form/utils/get.mjs";
+import { useDevWarning as se } from "../utils/warning.mjs";
+import re from "./style/index.mjs";
+import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ue } from "../config-provider/hooks/use-global-config.mjs";
+const Ie = /* @__PURE__ */ A({
   name: "EditableTableFormItem",
   __name: "form-item",
   props: {
@@ -116,66 +117,66 @@ const Re = /* @__PURE__ */ z({
     expose: y
   }) {
     const o = x;
-    le("EditableTableFormItem")(!1, "breaking", "EditableTableFormItem has been EOL, Please use EditableAgGridFormItem(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    se("EditableTableFormItem")(!1, "breaking", "EditableTableFormItem has been EOL, Please use EditableAgGridFormItem(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
       internalInstance: i,
       model: C
-    } = te(), u = p(ne(r(C), o.name) || []), R = A(), F = K(o, "name"), B = h.useWatch(F);
-    O(() => B.value, async (e) => {
-      await G(), u.value = e, o.onChange?.(e);
+    } = ae(), u = p(le(s(C), o.name) || []), R = K(), F = O(o, "name"), B = b.useWatch(F);
+    G(() => B.value, async (e) => {
+      await W(), u.value = e, o.onChange?.(e);
     }, {
       deep: !0
     });
     const {
-      b: T
-    } = se("editable-table"), m = p(), v = re("valueTypeMap"), I = ae(o, v);
-    function D(e, n) {
-      const l = r(u)?.length || 0;
+      b: I
+    } = ie("editable-table"), T = re("editable-table"), m = p(), v = ue("valueTypeMap"), D = oe(o, v);
+    function E(e, n) {
+      const l = s(u)?.length || 0;
       if (w(o.maxLength) && l >= o.maxLength)
         return;
       const t = {
         ...e || {}
       };
-      i?.setFieldValue(o.name, t, !0, (a, s) => {
-        if (!a[s]) {
-          a[s] = [t];
+      i?.setFieldValue(o.name, t, !0, (a, r) => {
+        if (!a[r]) {
+          a[r] = [t];
           return;
         }
-        Z(n) ? a[s].push(t) : a[s].splice(n, 0, t);
+        M(n) ? a[r].push(t) : a[r].splice(n, 0, t);
       });
     }
-    function E(e, n = "suffix") {
-      const l = r(u)?.length || 0, t = d(e) ? e : e.length;
+    function S(e, n = "suffix") {
+      const l = s(u)?.length || 0, t = f(e) ? e : e.length;
       if (w(o.maxLength) && l + t > o.maxLength)
         return;
-      const a = d(e) ? new Array(e).fill(0).map(() => ({})) : M(e);
-      i?.setFieldValue(o.name, a, !0, (s, f) => {
-        if (!s[f]) {
-          s[f] = [...a];
+      const a = f(e) ? new Array(e).fill(0).map(() => ({})) : ee(e);
+      i?.setFieldValue(o.name, a, !0, (r, d) => {
+        if (!r[d]) {
+          r[d] = [...a];
           return;
         }
-        n === "suffix" ? s[f].push(...a) : s[f].unshift(...a);
+        n === "suffix" ? r[d].push(...a) : r[d].unshift(...a);
       });
     }
     function L(e) {
-      const n = new Set(d(e) ? [e] : e);
+      const n = new Set(f(e) ? [e] : e);
       i?.setFieldValue(o.name, void 0, !0, (l, t) => {
-        l[t] = l[t].filter((a, s) => !n.has(s));
+        l[t] = l[t].filter((a, r) => !n.has(r));
       });
     }
-    function S(e) {
-      const n = new Set(ee(e) ? e : [e]);
+    function V(e) {
+      const n = new Set(te(e) ? e : [e]);
       n.size !== 0 && i?.setFieldValue?.(o.name, void 0, !0, (l, t) => {
         l[t] = l[t].filter((a) => !n.has(a[o.rowKey]));
       });
     }
-    function V() {
-      return r(u);
+    function k() {
+      return s(u);
     }
-    function k(e) {
-      return r(u)?.[e];
+    function N(e) {
+      return s(u)?.[e];
     }
-    function N(e, n, l = !0) {
+    function _(e, n, l = !0) {
       i?.setFieldValue(o.name, void 0, !0, (t, a) => {
         !t[a] || !t[a][e] || (t[a][e] = {
           ...l ? t[a][e] : {},
@@ -183,47 +184,47 @@ const Re = /* @__PURE__ */ z({
         });
       });
     }
-    function _(e) {
+    function P(e) {
       i?.setFieldValue(o.name, e);
     }
-    function P(e, n) {
+    function j(e, n) {
       const l = e === "end" ? u.value.length - 1 : e;
-      oe(l, m.value?.$el, n);
+      ne(l, m.value?.$el, n);
     }
-    function j() {
+    function z() {
       i?.setFieldValue?.(o.name, []);
     }
     return y({
-      add: D,
+      add: E,
       remove: L,
-      getRowData: k,
-      getRowsData: V,
-      setRowData: N,
-      addMultiple: E,
-      scrollTo: P,
-      setTableData: _,
-      clear: j,
-      removeByKey: S
-    }), (e, n) => (H(), W(r(h).FormItem, c(e.formItem, {
+      getRowData: N,
+      getRowsData: k,
+      setRowData: _,
+      addMultiple: S,
+      scrollTo: j,
+      setTableData: P,
+      clear: z,
+      removeByKey: V
+    }), (e, n) => (U(), H(s(b).FormItem, c(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: g(() => [U(r(Y), c(r(b)(o, ["name", "maxLength", "onChange"]), {
+      default: h(() => [$(s(Z), c(s(g)(o, ["name", "maxLength", "onChange"]), {
         ref_key: "tableRef",
         ref: m,
-        class: r(T)(),
-        columns: r(I),
+        class: [s(I)(), s(T)],
+        columns: s(D),
         "data-source": u.value
-      }), $({
+      }), q({
         _: 2
-      }, [q(r(b)(R, ["headerCell"]), (l, t) => ({
+      }, [J(s(g)(R, ["headerCell"]), (l, t) => ({
         name: t,
-        fn: g((a) => [J(e.$slots, t, Q(X(a || {})))])
+        fn: h((a) => [Q(e.$slots, t, X(Y(a || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  Re as default
+  Ie as default
 };