@aplus-frontend/ui 0.5.22 → 0.5.24

package/es/src/ap-grid/editable/form-item.vue.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as O, useSlots as P, toRef as H, ref as g, unref as r, watch as W, nextTick as G, createBlock as K, openBlock as M, mergeProps as y, withCtx as C, createVNode as U, createSlots as $, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
-import { ApForm as w } from "../../ap-form/index.mjs";
-import { isArray as Y, isNumber as d, cloneDeep as f, omit as Z } from "lodash-unified";
+import { defineComponent as P, useSlots as A, toRef as H, ref as h, unref as f, watch as W, nextTick as G, createBlock as K, openBlock as U, mergeProps as g, withCtx as y, createVNode as $, createSlots as q, renderList as J, renderSlot as Q, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { ApForm as C } from "../../ap-form/index.mjs";
+import { isArray as Z, isUndefined as I, isNumber as m, cloneDeep as M, omit as ee } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { isDef as m } from "../../utils/index.mjs";
-import { useGetEditableColumns as I } from "../hooks/use-editable-columns.mjs";
+import { isDef as w } from "../../utils/index.mjs";
+import { useGetEditableColumns as oe } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useInjectForm as ee } from "../../ap-form/context.mjs";
-import { useNamespace as oe } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ae } from "../../config-provider/hooks/use-global-config.mjs";
-import te from "../index.vue.mjs";
-const he = /* @__PURE__ */ O({
+import { useInjectForm as ae } from "../../ap-form/context.mjs";
+import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as le } from "../../config-provider/hooks/use-global-config.mjs";
+import ne from "../index.vue.mjs";
+const ye = /* @__PURE__ */ P({
   name: "EditableGrid",
   __name: "form-item",
   props: {
@@ -154,105 +154,109 @@ const he = /* @__PURE__ */ O({
   setup(x, {
     expose: b
   }) {
-    const R = P(), t = x, {
+    const R = A(), l = x, {
       b: B
-    } = oe("editable-grid");
+    } = te("editable-grid");
     function S(e, o) {
-      return Y(o) ? o.reduce((n, l) => n == null ? void 0 : n[l], e) : e == null ? void 0 : e[o];
+      return Z(o) ? o.reduce((n, t) => n == null ? void 0 : n[t], e) : e == null ? void 0 : e[o];
     }
     const {
       internalInstance: a,
       model: F
-    } = ee(), i = H(t.name), u = g(S(r(F), i.value) || []), N = w.useWatch(i);
+    } = ae(), p = H(l.name), d = h(S(f(F), p.value) || []), N = C.useWatch(p);
     W(() => N.value, async (e) => {
       var o;
-      await G(), u.value = e, (o = t.onChange) == null || o.call(t, e);
+      await G(), d.value = e, (o = l.onChange) == null || o.call(l, e);
     }, {
       deep: !0
     });
-    const p = g(), v = ae("valueTypeMap"), D = I(t, v);
+    const c = h(), v = le("valueTypeMap"), D = oe(l, v);
     function L(e, o) {
       var s;
-      const n = ((s = r(u)) == null ? void 0 : s.length) || 0;
-      if (m(t.maxLength) && n >= t.maxLength)
+      const n = ((s = f(d)) == null ? void 0 : s.length) || 0;
+      if (w(l.maxLength) && n >= l.maxLength)
         return;
-      const l = [...r(u) || []];
-      m(o) ? l.splice(o, 0, {
+      const t = {
         ...e || {}
-      }) : l.push({
-        ...e || {}
-      }), a == null || a.setFieldValue(t.name, l);
+      };
+      a == null || a.setFieldValue(l.name, t, !0, (u, r) => {
+        console.log("run add", u[r]), u[r] || (u[r] = [t]), I(o) ? u[r].push(t) : u[r].splice(o, 0, t);
+      });
     }
     function V(e, o = "suffix") {
-      var h;
-      const n = ((h = r(u)) == null ? void 0 : h.length) || 0, l = d(e) ? e : e.length;
-      if (m(t.maxLength) && n + l > t.maxLength)
+      var u;
+      const n = ((u = f(d)) == null ? void 0 : u.length) || 0, t = m(e) ? e : e.length;
+      if (w(l.maxLength) && n + t > l.maxLength)
         return;
-      const s = [...r(u) || []], c = d(e) ? new Array(e).fill(0).map(() => ({})) : f(e);
-      o === "suffix" ? s.push(...c) : s.unshift(...c), a == null || a.setFieldValue(t.name, s);
+      const s = m(e) ? new Array(e).fill(0).map(() => ({})) : M(e);
+      a == null || a.setFieldValue(l.name, s, !0, (r, i) => {
+        r[i] || (r[i] = [...s]), o === "suffix" ? r[i].push(...s) : r[i].unshift(...s);
+      });
     }
-    function _(e) {
-      let o = f(r(u) || []);
-      const n = d(e) ? [e] : e;
-      o = o.filter((l, s) => !n.includes(s)), a == null || a.setFieldValue(t.name, o);
+    function T(e) {
+      const o = new Set(m(e) ? [e] : e);
+      a == null || a.setFieldValue(l.name, void 0, !0, (n, t) => {
+        n[t] = n[t].filter((s, u) => !o.has(u));
+      });
     }
-    function E() {
-      return r(u);
+    function _() {
+      return f(d);
     }
-    function T(e) {
+    function E(e) {
       var o;
-      return (o = r(u)) == null ? void 0 : o[e];
+      return (o = f(d)) == null ? void 0 : o[e];
     }
     function k(e, o, n = !0) {
-      const l = f(r(u));
-      l[e] && (l[e] = {
-        ...n ? l[e] : {},
-        ...o
-      }, a == null || a.setFieldValue(t.name, [...l]));
+      a == null || a.setFieldValue(l.name, null, !0, (t, s) => {
+        !t[s] || !t[s][e] || (t[s][e] = {
+          ...n ? t[s][e] : {},
+          ...o
+        });
+      });
     }
     function j(e) {
-      a == null || a.setFieldValue(t.name, e);
+      a == null || a.setFieldValue(l.name, e);
     }
     function z(e) {
       var n;
-      const o = e === "end" ? u.value.length - 1 : e;
-      (n = p.value) == null || n.scrollToRow(o);
+      const o = e === "end" ? d.value.length - 1 : e;
+      (n = c.value) == null || n.scrollToRow(o);
     }
-    function A() {
+    function O() {
       var e;
-      (e = a == null ? void 0 : a.setFieldValue) == null || e.call(a, t.name, []);
+      (e = a == null ? void 0 : a.setFieldValue) == null || e.call(a, l.name, []);
     }
     return b({
       add: L,
-      remove: _,
-      getRowData: T,
-      getRowsData: E,
+      remove: T,
+      getRowData: E,
+      getRowsData: _,
       setRowData: k,
       addMultiple: V,
       scrollTo: z,
       setTableData: j,
-      clear: A
-    }), (e, o) => (M(), K(r(w).FormItem, y(e.formItem, {
+      clear: O
+    }), (e, o) => (U(), K(f(C).FormItem, g(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: C(() => [U(te, y(r(Z)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: y(() => [$(ne, g(f(ee)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
-        ref: p,
-        class: r(B)(),
-        columns: r(D),
-        "data-source": u.value,
+        ref: c,
+        class: f(B)(),
+        columns: f(D),
+        "data-source": d.value,
         "search-form": !1
-      }), $({
+      }), q({
         _: 2
-      }, [q(R, (n, l) => ({
-        name: l,
-        fn: C((s) => [J(e.$slots, l, Q(X(s || {})))])
+      }, [J(R, (n, t) => ({
+        name: t,
+        fn: y((s) => [Q(e.$slots, t, X(Y(s || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  he as default
+  ye as default
 };

package/es/src/ap-grid/editable/index.vue.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as M, useSlots as U, ref as w, watch as v, unref as n, createBlock as $, openBlock as q, withCtx as c, createVNode as R, mergeProps as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as ee } from "vue";
-import { ApForm as p } from "../../ap-form/index.mjs";
-import { isEqual as ae, isArray as b, isNumber as h, cloneDeep as y, omit as te } from "lodash-unified";
+import { defineComponent as U, useSlots as $, ref as w, watch as x, unref as u, createBlock as q, openBlock as J, withCtx as h, createVNode as v, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as M, guardReactiveProps as ee } from "vue";
+import { ApForm as g } from "../../ap-form/index.mjs";
+import { isEqual as ae, isArray as R, isUndefined as te, isNumber as y, cloneDeep as le, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { isDef as g } from "../../utils/index.mjs";
-import { useGetEditableColumns as le } from "../hooks/use-editable-columns.mjs";
+import { isDef as b } from "../../utils/index.mjs";
+import { useGetEditableColumns as ne } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
-import { useNamespace as oe } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as ne } from "../../hooks/useControllableValue.mjs";
-import { useGlobalConfig as re } from "../../config-provider/hooks/use-global-config.mjs";
-import se from "../index.vue.mjs";
-const we = /* @__PURE__ */ M({
+import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as re } from "../../hooks/useControllableValue.mjs";
+import { useGlobalConfig as ue } from "../../config-provider/hooks/use-global-config.mjs";
+import ie from "../index.vue.mjs";
+const Re = /* @__PURE__ */ U({
   name: "EditableGrid",
   __name: "index",
   props: {
@@ -155,128 +155,133 @@ const we = /* @__PURE__ */ M({
     expose: F,
     emit: S
   }) {
-    const N = U(), t = B, {
+    const N = $(), t = B, {
       b: V
-    } = oe("editable-grid"), _ = S, C = w(), {
-      value: s,
+    } = se("editable-grid"), _ = S, C = w(), {
+      value: m,
       updateValue: L
-    } = ne(t, _), u = w(), D = re("valueTypeMap"), m = p.useWatch(t.name, u);
-    v(() => m.value, (e) => {
+    } = re(t, _), i = w(), E = ue("valueTypeMap"), c = g.useWatch(t.name, i);
+    x(() => c.value, (e) => {
       var a;
       L(e), (a = t.onChange) == null || a.call(t, e);
     }, {
-      deep: !0
-    }), v(s, (e) => {
+      deep: !0,
+      flush: "post"
+    }), x(m, (e) => {
       var a;
-      e !== n(m) && (ae(e, n(m)) || (a = u.value) == null || a.setFieldValue(t.name, e));
+      e !== u(c) && (ae(e, u(c)) || (a = i.value) == null || a.setFieldValue(t.name, e));
     }, {
       deep: !0
     });
-    const E = le(t, D);
-    function k() {
+    const D = ne(t, E);
+    function T() {
       var e;
-      (e = u.value) == null || e.resetFields();
+      (e = i.value) == null || e.resetFields();
     }
-    function A(e) {
-      return e ? (b(e) ? e : [e]).map((o) => b(o) ? [t.name, ...o] : [t.name, o]) : void 0;
+    function k(e) {
+      return e ? (R(e) ? e : [e]).map((l) => R(l) ? [t.name, ...l] : [t.name, l]) : void 0;
     }
-    async function T(e, a) {
-      var l;
-      const o = await ((l = u.value) == null ? void 0 : l.validateFields(A(e), a));
-      return o == null ? void 0 : o[t.name];
+    async function A(e, a) {
+      var o;
+      const l = await ((o = i.value) == null ? void 0 : o.validateFields(k(e), a));
+      return l == null ? void 0 : l[t.name];
     }
     function j(e, a) {
-      var r, d, i;
-      const o = ((r = n(s)) == null ? void 0 : r.length) || 0;
-      if (g(t.maxLength) && o >= t.maxLength)
+      var n, s, r;
+      const l = ((n = u(m)) == null ? void 0 : n.length) || 0;
+      if (b(t.maxLength) && l >= t.maxLength)
         return;
-      const l = [...n(s) || []];
-      g(a) ? l.splice(a, 0, {
+      const o = {
         ...e || {}
-      }) : l.push({
-        ...e || {}
-      }), (i = (d = u.value) == null ? void 0 : d.setFieldValue) == null || i.call(d, t.name, l);
+      };
+      (r = (s = i.value) == null ? void 0 : s.setFieldValue) == null || r.call(s, t.name, o, !0, (d, f) => {
+        console.log("run add", d[f]), d[f] || (d[f] = [o]), te(a) ? d[f].push(o) : d[f].splice(a, 0, o);
+      });
     }
     function z(e, a = "suffix") {
-      var i, f, x;
-      const o = ((i = n(s)) == null ? void 0 : i.length) || 0, l = h(e) ? e : e.length;
-      if (g(t.maxLength) && o + l > t.maxLength)
+      var s, r, d;
+      const l = ((s = u(m)) == null ? void 0 : s.length) || 0, o = y(e) ? e : e.length;
+      if (b(t.maxLength) && l + o > t.maxLength)
         return;
-      const r = [...n(s) || []], d = h(e) ? new Array(e).fill(0).map(() => ({})) : y(e);
-      a === "suffix" ? r.push(...d) : r.unshift(...d), (x = (f = u.value) == null ? void 0 : f.setFieldValue) == null || x.call(f, t.name, r);
+      const n = y(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
+      (d = (r = i.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, t.name, n, !0, (f, p) => {
+        f[p] || (f[p] = [...n]), a === "suffix" ? f[p].push(...n) : f[p].unshift(...n);
+      });
     }
-    function O(e) {
-      var l, r;
-      let a = y(n(s) || []);
-      const o = h(e) ? [e] : e;
-      a = a.filter((d, i) => !o.includes(i)), (r = (l = u.value) == null ? void 0 : l.setFieldValue) == null || r.call(l, t.name, a);
+    function I(e) {
+      var l, o;
+      const a = new Set(y(e) ? [e] : e);
+      (o = (l = i.value) == null ? void 0 : l.setFieldValue) == null || o.call(l, t.name, void 0, !0, (n, s) => {
+        n[s] = n[s].filter((r, d) => !a.has(d));
+      });
     }
-    function P() {
-      return n(s);
+    function O() {
+      return u(m);
     }
-    function H(e) {
+    function P(e) {
       var a;
-      (a = u.value) == null || a.setFieldValue(t.name, e);
+      (a = i.value) == null || a.setFieldValue(t.name, e);
     }
-    function I(e) {
+    function H(e) {
       var a;
-      return (a = n(s)) == null ? void 0 : a[e];
+      return (a = u(m)) == null ? void 0 : a[e];
     }
-    function W(e, a, o = !0) {
-      var r, d;
-      const l = y(n(s));
-      l[e] && (l[e] = {
-        ...o ? l[e] : {},
-        ...a
-      }, (d = (r = u.value) == null ? void 0 : r.setFieldValue) == null || d.call(r, t.name, [...l]));
+    function W(e, a, l = !0) {
+      var o, n;
+      (n = (o = i.value) == null ? void 0 : o.setFieldValue) == null || n.call(o, t.name, null, !0, (s, r) => {
+        !s[r] || !s[r][e] || (s[r][e] = {
+          ...l ? s[r][e] : {},
+          ...a
+        });
+      });
     }
     function G(e) {
-      var o;
-      const a = e === "end" ? s.value.length - 1 : e;
-      (o = C.value) == null || o.scrollToRow(a);
+      var l;
+      const a = e === "end" ? m.value.length - 1 : e;
+      (l = C.value) == null || l.scrollToRow(a);
     }
     function K() {
       var e, a;
-      (a = (e = u.value) == null ? void 0 : e.setFieldValue) == null || a.call(e, t.name, []);
+      (a = (e = i.value) == null ? void 0 : e.setFieldValue) == null || a.call(e, t.name, []);
     }
     return F({
-      resetFields: k,
-      validateFields: T,
+      resetFields: T,
+      validateFields: A,
       add: j,
-      remove: O,
-      getRowData: I,
-      getRowsData: P,
+      remove: I,
+      getRowData: H,
+      getRowsData: O,
       setRowData: W,
       addMultiple: z,
       scrollTo: G,
       clear: K,
-      setTableData: H
-    }), (e, a) => (q(), $(n(p), {
+      setTableData: P
+    }), (e, a) => (J(), q(u(g), {
       ref_key: "formRef",
-      ref: u,
+      ref: i,
       "initial-values": {
-        [t.name]: n(s)
+        [t.name]: u(m)
       },
       style: {
         height: "100%"
       }
     }, {
-      default: c(() => [R(n(p).FormItem, {
+      default: h(() => [v(u(g).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: c(() => [R(se, J(n(te)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: h(() => [v(ie, Q(u(oe)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: C,
-          class: n(V)(),
-          columns: n(E),
-          "data-source": n(s),
+          class: u(V)(),
+          columns: u(D),
+          "data-source": u(m),
           "search-form": !1
-        }), Q({
+        }), X({
           _: 2
-        }, [X(N, (o, l) => ({
-          name: l,
-          fn: c((r) => [Y(e.$slots, l, Z(ee(r || {})))])
+        }, [Y(N, (l, o) => ({
+          name: o,
+          fn: h((n) => [Z(e.$slots, o, M(ee(n || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -285,5 +290,5 @@ const we = /* @__PURE__ */ M({
   }
 });
 export {
-  we as default
+  Re as default
 };

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

@@ -6,7 +6,7 @@ import { DataIndex } from '@aplus-frontend/antdv/es/vc-table/interface';
 import { EditableTableExpose } from '../../editable-table';
 import { NamePath } from '@aplus-frontend/antdv/es/form/interface';
 import { ApFormItemProps } from '../../ap-form';
-export type EditableGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ApGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>, 'children' | 'customRender' | 'hideInSearch' | 'hideInTable' | 'tooltip' | 'customRenderFormItem' | 'fieldProps'> & {
+export type EditableGridColumnType<RecordType = any, ExtraValueType = 'text', ValueType extends ApTableValueTypes = ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType = ExtraValueType | ValueType> = MergedValueType extends ExtraValueType | ValueType ? Omit<ApGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>, 'children' | 'customRender' | 'hideInSearch' | 'tooltip' | 'customRenderFormItem' | 'fieldProps'> & {
     children?: EditableGridColumnType<RecordType, ExtraValueType, ValueType, MergedValueType>[];
     /**
      * 在title之后展示一个icon并触发tooltip

package/es/src/ap-grid/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Fe, useSlots as Be, getCurrentInstance as Ie, ref as k, computed as n, unref as o, watch as T, createElementBlock as F, openBlock as s, normalizeStyle as z, normalizeClass as f, createCommentVNode as C, createElementVNode as B, createVNode as U, mergeProps as g, createSlots as G, withCtx as v, Fragment as X, renderList as A, createBlock as u, resolveDynamicComponent as _, renderSlot as V, normalizeProps as J, guardReactiveProps as Pe } from "vue";
+import { defineComponent as Fe, useSlots as Be, getCurrentInstance as Ie, ref as k, computed as n, unref as o, watch as T, createElementBlock as F, openBlock as s, normalizeStyle as z, normalizeClass as f, createCommentVNode as C, createElementVNode as B, createVNode as U, mergeProps as g, createSlots as G, withCtx as v, Fragment as X, renderList as A, createBlock as c, resolveDynamicComponent as _, renderSlot as V, normalizeProps as J, guardReactiveProps as Pe } from "vue";
 import { VxeTable as Ee, VxeColumn as Q } from "vxe-table";
 import "vxe-table/es/style.css";
 import "vxe-pc-ui/es/style.css";
@@ -126,11 +126,11 @@ const ko = /* @__PURE__ */ Fe({
       var e, l, t;
       return O++, ((t = (l = (e = a.columns) == null ? void 0 : e.filter(
         (r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !ze.includes(r.valueType)
-      )) == null ? void 0 : l.sort((r, c) => {
+      )) == null ? void 0 : l.sort((r, u) => {
         let y = Z(r.order);
-        return Z(c.order) - y;
+        return Z(u.order) - y;
       })) == null ? void 0 : t.map((r) => {
-        const c = Ae(
+        const u = Ae(
           r,
           _e(r.fieldProps, {})
         ), y = {
@@ -138,7 +138,7 @@ const ko = /* @__PURE__ */ Fe({
           fieldProps: {
             label: r.title,
             name: r.dataIndex,
-            ...c || {},
+            ...u || {},
             _signal: O
           },
           renderNode: void 0
@@ -148,7 +148,7 @@ const ko = /* @__PURE__ */ Fe({
           o(le)
         ), y;
       })) || [];
-    }), ce = n(() => [
+    }), ue = n(() => [
       d(),
       a.card ? null : d("wrapper"),
       a.adaptive ? d("adaptive") : null,
@@ -163,7 +163,7 @@ const ko = /* @__PURE__ */ Fe({
       formRef: P,
       submit: j,
       reset: W,
-      refresh: ue,
+      refresh: ce,
       data: h,
       tableProps: M,
       setDataSource: pe,
@@ -239,9 +239,9 @@ const ko = /* @__PURE__ */ Fe({
       (r = (t = (l = P.value) == null ? void 0 : l.apForm) == null ? void 0 : t.setFieldsValue) == null || r.call(t, e);
     }
     function Re(e = !1) {
-      var t, r, c;
+      var t, r, u;
       const l = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (c = (r = (t = P.value) == null ? void 0 : t.apForm) == null ? void 0 : r[l]) == null ? void 0 : c.call(r, !0);
+      return (u = (r = (t = P.value) == null ? void 0 : t.apForm) == null ? void 0 : r[l]) == null ? void 0 : u.call(r, !0);
     }
     function N() {
       be.clearAll();
@@ -269,7 +269,7 @@ const ko = /* @__PURE__ */ Fe({
       (e) => {
         pe(e);
       },
-      { immediate: !0 }
+      { immediate: !0, deep: !0 }
     ), T(
       () => o(h).loading,
       (e) => {
@@ -279,7 +279,7 @@ const ko = /* @__PURE__ */ Fe({
     ), re({
       submit: j,
       reset: W,
-      refresh: ue,
+      refresh: ce,
       setSearchFormValues: xe,
       getSearchFormValues: Re,
       getShowColumns: () => o(i),
@@ -289,7 +289,7 @@ const ko = /* @__PURE__ */ Fe({
       },
       scrollToRow: ke
     }), (e, l) => (s(), F("div", {
-      class: f(ce.value),
+      class: f(ue.value),
       style: z(e.wrapperStyle)
     }, [
       o(b)(e.dataSource) && e.searchForm !== !1 && K.value.length > 0 ? (s(), F("div", {
@@ -306,7 +306,7 @@ const ko = /* @__PURE__ */ Fe({
           onReset: o(W)
         }), G({
           default: v(() => [
-            (s(!0), F(X, null, A(K.value, (t) => (s(), u(_(t.renderNode.Comp), g({
+            (s(!0), F(X, null, A(K.value, (t) => (s(), c(_(t.renderNode.Comp), g({
               key: t.dataIndex,
               item: t,
               ref_for: !0
@@ -343,7 +343,7 @@ const ko = /* @__PURE__ */ Fe({
         B("div", {
           class: f(o(d)("vxe-wrapper"))
         }, [
-          (s(), u(o(Ee), g(o(Ke)(a), {
+          (s(), c(o(Ee), g(o(Ke)(a), {
             ref_key: "tableRef",
             ref: p,
             key: o(ie),
@@ -379,14 +379,14 @@ const ko = /* @__PURE__ */ Fe({
               }, null, 8, ["image"])
             ]),
             default: v(() => [
-              a.expandable ? (s(), u(o(Q), g({ key: 0 }, o($e)(e.expandable), { fixed: he.value }), {
+              a.expandable ? (s(), c(o(Q), g({ key: 0 }, o($e)(e.expandable), { fixed: he.value }), {
                 content: v((t) => [
-                  (s(), u(_(a.expandable.renderContent(t))))
+                  (s(), c(_(a.expandable.renderContent(t))))
                 ]),
                 _: 1
               }, 16, ["fixed"])) : C("", !0),
-              a.rowSelection ? (s(), u(o(Q), J(g({ key: 1 }, o(He)(o(R), i.value))), null, 16)) : C("", !0),
-              (s(!0), F(X, null, A(o(se), (t) => (s(), u(_(t), {
+              a.rowSelection ? (s(), c(o(Q), J(g({ key: 1 }, o(He)(o(R), i.value))), null, 16)) : C("", !0),
+              (s(!0), F(X, null, A(o(se), (t) => (s(), c(_(t), {
                 key: t.props.colId
               }))), 128))
             ]),
@@ -394,8 +394,8 @@ const ko = /* @__PURE__ */ Fe({
           }, [
             A(o(Ne)(L, ["searchFormExtra"]), (t, r) => ({
               name: r,
-              fn: v((c) => [
-                V(e.$slots, r, J(Pe(c || {})))
+              fn: v((u) => [
+                V(e.$slots, r, J(Pe(u || {})))
               ])
             }))
           ]), 1040, ["data", "sort-config", "filter-config", "loading", "row-config", "style", "size", "onSortChange", "onFilterChange"]))
@@ -403,12 +403,12 @@ const ko = /* @__PURE__ */ Fe({
         B("div", {
           class: f(o(d)("pagination-wrapper"))
         }, [
-          e.sticky ? (s(), u(o(Ye), {
+          e.sticky ? (s(), c(o(Ye), {
             key: 0,
             direction: "horizontal",
             "scroll-container": de.value
           }, null, 8, ["scroll-container"])) : C("", !0),
-          e.pagination !== !1 ? (s(), u(o(De), g({
+          e.pagination !== !1 ? (s(), c(o(De), g({
             key: 1,
             class: o(d)("pagination")
           }, o(M).pagination, { onChange: o(ve) }), null, 16, ["class", "onChange"])) : C("", !0)

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

@@ -234,6 +234,10 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
 export type ApGridVirtualConfig = {
     x?: false | number;
     y?: false | number;
+    /**
+     * 指定每次渲染更多的数据，值越大渲染耗时就越久
+     */
+    oSize?: number;
 };
 export type ApGridColumnProps<RecordType> = {
     column: ApGridColumnType<RecordType>;

package/es/src/ap-grid/utils/table.d.ts

@@ -1,7 +1,7 @@
 import { VxeTableEventProps, VxeTableProps } from 'vxe-table';
 import { ApGridColumnType, ApGridProps, ApGridRowSelection } from '../interface';
 import { RowSelectionType } from '@aplus-frontend/antdv/es/table/interface';
-export declare function toVxeProps<RecordType>(props: any): VxeTableProps<RecordType> & VxeTableEventProps<RecordType>;
+export declare function toVxeProps<RecordType>(props: ApGridProps): VxeTableProps<RecordType> & VxeTableEventProps<RecordType>;
 export declare function getRowSelectionProps(rowSelection: ApGridRowSelection<any> | true, columns: ApGridColumnType[]): {
     type: RowSelectionType;
     width: string | number;