@silver-formily/element-plus 2.0.1 → 2.2.0

package/esm/array-table/index.d.ts

@@ -44,6 +44,9 @@ export declare const ArrayTable: {
             emptyText: StringConstructor;
             expandRowKeys: import('vue').PropType<import('element-plus').TableProps<any>["expandRowKeys"]>;
             defaultExpandAll: BooleanConstructor;
+            rowExpandable: {
+                type: import('vue').PropType<import('element-plus').TableProps<any>["rowExpandable"]>;
+            };
             defaultSort: import('vue').PropType<import('element-plus').TableProps<any>["defaultSort"]>;
             tooltipEffect: StringConstructor;
             tooltipOptions: import('vue').PropType<import('element-plus').TableProps<any>["tooltipOptions"]>;
@@ -170,6 +173,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -212,6 +216,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -254,6 +259,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -296,6 +302,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -338,6 +345,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -380,6 +388,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -422,6 +431,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -465,6 +475,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -507,6 +518,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -549,6 +561,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -625,6 +638,7 @@ export declare const ArrayTable: {
                     reserveSelection: import('vue').Ref<boolean>;
                     selectOnIndeterminate: import('vue').Ref<boolean>;
                     selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                    rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                     filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                     filteredData: import('vue').Ref<any[] | null>;
                     sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -782,6 +796,9 @@ export declare const ArrayTable: {
             emptyText: StringConstructor;
             expandRowKeys: import('vue').PropType<import('element-plus').TableProps<any>["expandRowKeys"]>;
             defaultExpandAll: BooleanConstructor;
+            rowExpandable: {
+                type: import('vue').PropType<import('element-plus').TableProps<any>["rowExpandable"]>;
+            };
             defaultSort: import('vue').PropType<import('element-plus').TableProps<any>["defaultSort"]>;
             tooltipEffect: StringConstructor;
             tooltipOptions: import('vue').PropType<import('element-plus').TableProps<any>["tooltipOptions"]>;
@@ -908,6 +925,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -950,6 +968,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -992,6 +1011,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1034,6 +1054,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1076,6 +1097,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1118,6 +1140,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1160,6 +1183,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1203,6 +1227,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1245,6 +1270,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1287,6 +1313,7 @@ export declare const ArrayTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1363,6 +1390,7 @@ export declare const ArrayTable: {
                     reserveSelection: import('vue').Ref<boolean>;
                     selectOnIndeterminate: import('vue').Ref<boolean>;
                     selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                    rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                     filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                     filteredData: import('vue').Ref<any[] | null>;
                     sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;

package/esm/array-table/index.mjs

@@ -1,95 +1,97 @@
 import { ArrayBase as o } from "../array-base/index.mjs";
-import { defineComponent as X, computed as z, ref as y, watch as Y, createElementBlock as m, openBlock as n, normalizeClass as F, unref as a, createBlock as i, withCtx as f, createVNode as Z, createCommentVNode as A, withDirectives as ee, mergeProps as b, Fragment as k, renderList as _, resolveDynamicComponent as re, createElementVNode as ae, createTextVNode as te, toDisplayString as ne, nextTick as oe } from "vue";
-import { reaction as le, autorun as se, observable as S } from "@formily/reactive";
-import { isEqual as ue, isArr as R } from "@formily/shared";
-import { useField as ie, useFieldSchema as pe, RecursionField as w } from "@silver-formily/vue";
-import { ElTable as de, ElTableColumn as ce, vLoading as me } from "element-plus";
-import { VueDraggable as fe } from "vue-draggable-plus";
-import { isAdditionComponent as ve } from "../array-base/utils.mjs";
-import ye from "../pagination/pagination.mjs";
-import { isColumnComponent as V, prefixCls as D, isTableComponent as ge, hasRequiredProperty as be } from "./utils.mjs";
-import { o as ke } from "../vendor/lodash.mjs";
-import { useCleanAttrs as xe, composeExport as he } from "../__builtins__/shared/utils.mjs";
-import { stylePrefix as Pe } from "../__builtins__/configs/index.mjs";
-import '../styles/array-table/index.css';const Ce = { key: 1 }, Te = /* @__PURE__ */ X({
+import { defineComponent as Y, computed as y, ref as g, watch as Z, createElementBlock as m, openBlock as n, normalizeClass as z, unref as t, createBlock as i, withCtx as f, createVNode as ee, createCommentVNode as A, withDirectives as re, mergeProps as k, Fragment as h, renderList as _, resolveDynamicComponent as ae, createElementVNode as te, createTextVNode as ne, toDisplayString as oe, nextTick as le } from "vue";
+import { reaction as se, autorun as ue } from "@formily/reactive";
+import { isEqual as ie, isArr as R } from "@formily/shared";
+import { formilyComputed as pe } from "@silver-formily/reactive-vue";
+import { useField as ce, useFieldSchema as de, RecursionField as w } from "@silver-formily/vue";
+import { ElTable as me, ElTableColumn as fe, vLoading as ve } from "element-plus";
+import { VueDraggable as ye } from "vue-draggable-plus";
+import { isAdditionComponent as ge } from "../array-base/utils.mjs";
+import be from "../pagination/pagination.mjs";
+import { isColumnComponent as F, prefixCls as D, isTableComponent as ke, hasRequiredProperty as he } from "./utils.mjs";
+import { o as xe } from "../vendor/lodash.mjs";
+import { useCleanAttrs as Ce, composeExport as Pe } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix as Se } from "../__builtins__/configs/index.mjs";
+import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE__ */ Y({
   name: "FArrayTable",
   inheritAttrs: !1,
   __name: "array-table",
   props: {
     modelValue: { default: () => [] },
     pagination: { type: Boolean, default: !0 },
-    paginationProps: null
+    paginationProps: {},
+    height: {}
   },
-  setup(B) {
-    const d = B, { props: N } = xe(), U = z(() => ke(d.paginationProps, ["pageSize", "currentPage"])), x = ie(), l = x.value, h = pe(), { getKey: P, keyMap: $ } = o.useKey(h.value), E = y();
-    function I(e) {
-      return ge(e) ? H(e) : e.properties ? Object.values(e.properties).flatMap((t) => I(t)) : [];
+  setup(V) {
+    const c = V, { props: B } = Ce(), N = y(() => xe(c.paginationProps, ["pageSize", "currentPage"])), x = ce(), l = x.value, C = de(), U = y(() => C.value?.properties ?? {}), { getKey: P, keyMap: $ } = o.useKey(C.value), E = g();
+    function I(a) {
+      return ke(a) ? H(a) : a.properties ? Object.values(a.properties).flatMap((r) => I(r)) : [];
     }
-    function H(e) {
-      const t = e["x-component-props"]?.prop || e.name;
+    function H(a) {
+      const r = a["x-component-props"]?.prop || a.name;
       /* istanbul ignore if -- @preserve */
-      if (!t)
+      if (!r)
         return [];
-      const r = x.value.query(x.value.address.concat(t)).take();
+      const e = x.value.query(x.value.address.concat(r)).take();
       return [{
-        name: t,
-        display: r?.display || e["x-display"],
-        required: be(e),
-        field: r,
-        fieldProps: r?.props || e.toFieldProps(),
-        schema: e,
-        columnProps: r?.component?.[1] || e["x-component-props"] || {}
+        name: r,
+        display: e?.display || a["x-display"],
+        required: he(a),
+        field: e,
+        fieldProps: e?.props || a.toFieldProps(),
+        schema: a,
+        columnProps: e?.component?.[1] || a["x-component-props"] || {}
       }];
     }
-    const C = y(0);
-    le(() => {
-      const e = l.path.entire;
-      return l.query(`${e}.*`).map((t) => ({
-        name: t.component[0],
-        visible: t.visible
-      })).filter((t) => t.name.includes("Column"));
+    const S = g(0);
+    se(() => {
+      const a = l.path.entire;
+      return l.query(`${a}.*`).map((r) => ({
+        name: r.component[0],
+        visible: r.visible
+      })).filter((r) => r.name.includes("Column"));
     }, async () => {
-      C.value++;
-    }, { equals: ue });
-    const v = y([]), c = y(d.paginationProps?.pageSize ?? 10), p = y(d.paginationProps?.currentPage ?? 1);
+      S.value++;
+    }, { equals: ie });
+    const v = g([]), d = g(c.paginationProps?.pageSize ?? 10), p = g(c.paginationProps?.currentPage ?? 1);
     function M() {
       /* istanbul ignore if -- @preserve */
       if (!R(l.value)) {
         v.value = [];
         return;
       }
-      if (d.pagination === !1) {
+      if (c.pagination === !1) {
         v.value = [...l.value];
         return;
       }
-      v.value = l.value.slice((p.value - 1) * c.value, p.value * c.value);
+      v.value = l.value.slice((p.value - 1) * d.value, p.value * d.value);
     }
-    Y([c, p], M), se(M);
-    const T = S.computed(() => {
-      const e = h.value.items;
-      return (R(e) ? e : [e]).reduce((r, u) => {
+    Z([d, p], M), ue(M);
+    const T = pe(() => {
+      const a = C.value.items;
+      return (R(a) ? a : [a]).reduce((e, u) => {
         const s = I(u);
-        return r.concat(s);
-      }, []).filter((r) => r.display !== "none");
-    }), K = S.computed(() => T.value.map((e, t) => ({ source: e, index: t })).filter(({ source: e }) => e.display === "visible" && V(e.schema)).map(({ source: e, index: t }) => {
-      const { name: r, columnProps: u, required: s, field: g } = e, { title: W, asterisk: G, ...J } = u, Q = {
-        label: W,
-        ...J,
-        prop: r
+        return e.concat(s);
+      }, []).filter((e) => e.display !== "none");
+    }), K = y(() => (T.value ?? []).map((r, e) => ({ source: r, index: e })).filter(({ source: r }) => r.display === "visible" && F(r.schema)).map(({ source: r, index: e }) => {
+      const { name: u, columnProps: s, required: b, field: W } = r, { title: G, asterisk: J, ...Q } = s, X = {
+        label: G,
+        ...Q,
+        prop: u
       };
       return {
-        key: t,
-        props: Q,
-        field: g,
-        asterisk: G ?? s
+        key: e,
+        props: X,
+        field: W,
+        asterisk: J ?? b
       };
-    })), L = S.computed(() => T.value.filter((e) => e.display !== "none" && V(e.schema))), q = z(() => (p.value - 1) * c.value);
+    })), L = y(() => (T.value ?? []).filter((r) => r.display !== "none" && F(r.schema))), q = y(() => (p.value - 1) * d.value);
     async function O() {
-      if (d.pagination === !1) {
-        await oe();
-        const e = E.value?.$el.querySelector(".el-scrollbar__wrap");
-        e?.scrollTo({
-          top: e.scrollHeight,
+      if (c.pagination === !1) {
+        await le();
+        const a = E.value?.$el.querySelector(".el-scrollbar__wrap");
+        a?.scrollTo({
+          top: a.scrollHeight,
           behavior: "smooth"
         });
         return;
@@ -98,51 +100,51 @@ import '../styles/array-table/index.css';const Ce = { key: 1 }, Te = /* @__PURE_
         p.value = 1;
         return;
       }
-      p.value = Math.ceil(l.value.length / c.value);
+      p.value = Math.ceil(l.value.length / d.value);
     }
-    async function j(e) {
-      const { oldIndex: t, newIndex: r } = e;
-      await l.move(t, r), C.value++;
+    async function j(a) {
+      const { oldIndex: r, newIndex: e } = a;
+      await l.move(r, e), S.value++;
     }
-    return (e, t) => (n(), m("div", {
-      class: F(a(D))
+    return (a, r) => (n(), m("div", {
+      class: z(t(D))
     }, [
-      (n(), i(a(o), {
-        key: C.value,
-        "key-map": a($),
+      (n(), i(t(o), {
+        key: S.value,
+        "key-map": t($),
         add: O
       }, {
         default: f(() => [
-          Z(a(fe), {
+          ee(t(ye), {
             "model-value": v.value,
             target: "tbody",
-            handle: `.${a(Pe)}-array-base-sort-handle`,
+            handle: `.${t(Se)}-array-base-sort-handle`,
             animation: 150,
             onEnd: j
           }, {
             default: f(() => [
-              ee((n(), i(a(de), b({
+              re((n(), i(t(me), k({
                 ref_key: "elTableRef",
                 ref: E,
-                "row-key": a(P),
+                "row-key": t(P),
                 data: v.value
-              }, a(N)), {
+              }, t(B)), {
                 default: f(() => [
-                  (n(!0), m(k, null, _(a(K).value, (r, u) => (n(), i(a(ce), b({
-                    key: r.key,
+                  (n(!0), m(h, null, _(K.value, (e, u) => (n(), i(t(fe), k({
+                    key: e.key,
                     ref_for: !0
-                  }, r.props), {
-                    default: f(({ row: s, $index: g }) => [
-                      (n(), i(a(o).Item, {
-                        key: a(P)(s),
-                        index: g + q.value,
+                  }, e.props), {
+                    default: f(({ row: s, $index: b }) => [
+                      (n(), i(t(o).Item, {
+                        key: t(P)(s),
+                        index: b + q.value,
                         record: s
                       }, {
                         default: f(() => [
-                          (n(), i(a(w), {
-                            key: `${a(P)(s)}`,
-                            schema: a(T).value[u].schema,
-                            name: g + q.value,
+                          (n(), i(t(w), {
+                            key: `${t(P)(s)}`,
+                            schema: t(T)[u].schema,
+                            name: b + q.value,
                             "only-render-properties": ""
                           }, null, 8, ["schema", "name"]))
                         ]),
@@ -150,14 +152,14 @@ import '../styles/array-table/index.css';const Ce = { key: 1 }, Te = /* @__PURE_
                       }, 1032, ["index", "record"]))
                     ]),
                     header: f(({ column: s }) => [
-                      r.field.content?.header ? (n(), i(re(r.field.content.header), b({
+                      e.field.content?.header ? (n(), i(ae(e.field.content.header), k({
                         key: 0,
                         ref_for: !0
-                      }, { ...s, field: a(l) }), null, 16)) : r.asterisk ? (n(), m("span", Ce, [
-                        ae("span", {
-                          class: F(`${a(D)}-asterisk`)
+                      }, { ...s, field: t(l) }), null, 16)) : e.asterisk ? (n(), m("span", Te, [
+                        te("span", {
+                          class: z(`${t(D)}-asterisk`)
                         }, "*", 2),
-                        te(" " + ne(s.label), 1)
+                        ne(" " + oe(s.label), 1)
                       ])) : A("", !0)
                     ]),
                     _: 2
@@ -165,32 +167,32 @@ import '../styles/array-table/index.css';const Ce = { key: 1 }, Te = /* @__PURE_
                 ]),
                 _: 1
               }, 16, ["row-key", "data"])), [
-                [a(me), a(l).loading]
+                [t(ve), t(l).loading]
               ])
             ]),
             _: 1
           }, 8, ["model-value", "handle"]),
-          (n(!0), m(k, null, _(a(L).value, (r, u) => (n(), i(a(w), {
+          (n(!0), m(h, null, _(L.value, (e, u) => (n(), i(t(w), {
             key: u,
-            name: r.name,
-            schema: r.schema,
+            name: e.name,
+            schema: e.schema,
             "only-render-self": !0
           }, null, 8, ["name", "schema"]))), 128)),
-          d.pagination ? (n(), i(a(ye), b({
+          c.pagination ? (n(), i(t(be), k({
             key: 0,
             "current-page": p.value,
-            "onUpdate:currentPage": t[0] || (t[0] = (r) => p.value = r),
-            "page-size": c.value,
-            "onUpdate:pageSize": t[1] || (t[1] = (r) => c.value = r),
-            class: `${a(D)}-pagination`,
+            "onUpdate:currentPage": r[0] || (r[0] = (e) => p.value = e),
+            "page-size": d.value,
+            "onUpdate:pageSize": r[1] || (r[1] = (e) => d.value = e),
+            class: `${t(D)}-pagination`,
             background: "",
             layout: "total, sizes, prev, pager, next",
-            total: d.modelValue.length
-          }, U.value), null, 16, ["current-page", "page-size", "class", "total"])) : A("", !0),
-          (n(!0), m(k, null, _(a(h).properties, (r, u) => (n(), m(k, { key: u }, [
-            a(ve)(r) ? (n(), i(a(w), {
+            total: c.modelValue.length
+          }, N.value), null, 16, ["current-page", "page-size", "class", "total"])) : A("", !0),
+          (n(!0), m(h, null, _(U.value, (e, u) => (n(), m(h, { key: u }, [
+            t(ge)(e) ? (n(), i(t(w), {
               key: 0,
-              schema: r,
+              schema: e,
               name: "addition"
             }, null, 8, ["schema"])) : A("", !0)
           ], 64))), 128))
@@ -199,13 +201,13 @@ import '../styles/array-table/index.css';const Ce = { key: 1 }, Te = /* @__PURE_
       }, 8, ["key-map"]))
     ], 2));
   }
-}), Ae = {
+}), _e = {
   name: "FArrayTableColumn",
   render() {
     return null;
   }
-}, Ne = he(Te, {
-  Column: Ae,
+}, He = Pe(Ae, {
+  Column: _e,
   Index: o.Index,
   SortHandle: o.SortHandle,
   Addition: o.Addition,
@@ -217,7 +219,7 @@ import '../styles/array-table/index.css';const Ce = { key: 1 }, Te = /* @__PURE_
   useRecord: o.useRecord
 });
 export {
-  Ne as ArrayTable,
-  Ne as default
+  He as ArrayTable,
+  He as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/array-table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-table/array-table.vue","../../src/array-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { Schema } from '@formily/json-schema'\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { IArrayTableProps } from './types'\r\nimport { autorun, observable, reaction } from '@formily/reactive'\r\nimport { isArr, isEqual } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElTable, ElTableColumn, vLoading } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { isAdditionComponent } from '../array-base/utils'\r\nimport ElPagination from '../pagination/pagination'\r\nimport { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FArrayTable',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\n  modelValue: { default: () => [] },\n  pagination: { type: Boolean, default: true },\n  paginationProps: null\n})\r\nconst { props: elTableProps } = useCleanAttrs()\r\nconst paginationProps = computed(() => omit(props.paginationProps, ['pageSize', 'currentPage']))\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst elTableRef = ref<TableInstance>()\r\n\r\nfunction extractTableSources(schema: Schema): any[] {\r\n  if (isTableComponent(schema)) {\r\n    return createTableSource(schema)\r\n  }\r\n  return schema.properties\r\n    ? Object.values(schema.properties).flatMap(element => extractTableSources(element))\r\n    : []\r\n}\r\n\r\nfunction createTableSource(schema: Schema): any[] {\r\n  const propName = schema['x-component-props']?.prop || schema.name\r\n  /* istanbul ignore if -- @preserve */\r\n  if (!propName)\r\n    return []\r\n\r\n  const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take()\r\n\r\n  return [{\r\n    name: propName,\r\n    display: field?.display || schema['x-display'],\r\n    required: hasRequiredProperty(schema),\r\n    field,\r\n    fieldProps: field?.props || schema.toFieldProps(),\r\n    schema,\r\n    columnProps: (field?.component as any[])?.[1] || schema['x-component-props'] || {},\r\n  }]\r\n}\r\n\r\nconst triggerUpdateKey = ref(0)\r\nreaction(() => {\r\n  const path = field.path.entire\r\n  return field.query(`${path}.*`).map((item) => {\r\n    return {\r\n      name: item.component[0],\r\n      visible: item.visible,\r\n    }\r\n  }).filter(item => item.name.includes('Column'))\r\n}, async () => {\r\n  triggerUpdateKey.value++\r\n}, { equals: isEqual })\r\n\r\nconst dataSource = ref([])\r\nconst pageSize = ref(props.paginationProps?.pageSize ?? 10)\r\nconst currentPage = ref(props.paginationProps?.currentPage ?? 1)\r\n\r\nfunction updateDataSource() {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (!isArr(field.value)) {\r\n    dataSource.value = []\r\n    return\r\n  }\r\n  if (props.pagination === false) {\r\n    dataSource.value = [...field.value]\r\n    return\r\n  }\r\n  dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, (currentPage.value) * pageSize.value)\r\n}\r\nwatch([pageSize, currentPage], updateDataSource)\r\nautorun(updateDataSource)\r\n\r\nconst sources = observable.computed(() => {\r\n  const schema = schemaRef.value.items\r\n  const items = isArr(schema) ? schema : [schema]\r\n  return items.reduce((columns, schema) => {\r\n    const item = extractTableSources(schema)\r\n    return columns.concat(item)\r\n  }, []).filter(item => item.display !== 'none')\r\n})\r\n\r\nconst columns = observable.computed(() => {\r\n  return sources.value\r\n    .map((source, index) => ({ source, index }))\r\n    .filter(({ source }) => source.display === 'visible' && isColumnComponent(source.schema))\r\n    .map(({ source, index: key }) => {\r\n      const { name, columnProps, required, field } = source\r\n      const { title, asterisk, ...restProps } = columnProps\r\n      const props = {\r\n        label: title,\r\n        ...restProps,\r\n        prop: name,\r\n      }\r\n      return {\r\n        key,\r\n        props,\r\n        field,\r\n        asterisk: asterisk ?? required,\r\n      }\r\n    })\r\n})\r\n\r\nconst stateManagerColumns = observable.computed(() => {\r\n  return sources.value.filter((column) => {\r\n    return column.display !== 'none' && isColumnComponent(column.schema)\r\n  })\r\n})\r\n\r\nconst baseIndex = computed(() => {\r\n  return (currentPage.value - 1) * pageSize.value\r\n})\r\n\r\nasync function onAddItemClick() {\r\n  if (props.pagination === false) {\r\n    await nextTick()\r\n    const scrollWarpDOM = elTableRef.value?.$el.querySelector('.el-scrollbar__wrap')\r\n    scrollWarpDOM?.scrollTo({\r\n      top: scrollWarpDOM.scrollHeight,\r\n      behavior: 'smooth',\r\n    })\r\n    return\r\n  }\r\n  if (!isArr(field.value)) {\r\n    currentPage.value = 1\r\n    return\r\n  }\r\n  currentPage.value = Math.ceil(field.value.length / pageSize.value)\r\n}\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n  const { oldIndex, newIndex } = evt\r\n  await field.move(oldIndex, newIndex)\r\n  triggerUpdateKey.value++\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\" :add=\"onAddItemClick\">\r\n      <VueDraggable\r\n        :model-value=\"dataSource\" target=\"tbody\" :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n        :animation=\"150\" @end=\"handleDragEnd\"\r\n      >\r\n        <ElTable ref=\"elTableRef\" v-loading=\"field.loading\" :row-key=\"getKey\" :data=\"dataSource\" v-bind=\"elTableProps\">\r\n          <template v-for=\"(column, colIndex) of columns.value\" :key=\"column.key\">\r\n            <ElTableColumn v-bind=\"column.props\">\r\n              <template #default=\"{ row, $index }\">\r\n                <ArrayBase.Item :key=\"getKey(row)\" :index=\"$index + baseIndex\" :record=\"row\">\r\n                  <RecursionField\r\n                    :key=\"`${getKey(row)}`\" :schema=\"sources.value[colIndex].schema\"\r\n                    :name=\"$index + baseIndex\" only-render-properties\r\n                  />\r\n                </ArrayBase.Item>\r\n              </template>\r\n              <template #header=\"{ column: col }\">\r\n                <template v-if=\"column.field.content?.header\">\r\n                  <component :is=\"column.field.content.header\" v-bind=\"{ ...col, field }\" />\r\n                </template>\r\n                <span v-else-if=\"column.asterisk\">\r\n                  <span :class=\"`${prefixCls}-asterisk`\">*</span>\r\n                  {{ col.label }}\r\n                </span>\r\n              </template>\r\n            </ElTableColumn>\r\n          </template>\r\n        </ElTable>\r\n      </VueDraggable>\r\n\r\n      <!-- 状态管理器 -->\r\n      <template v-for=\"(column, key) of stateManagerColumns.value\" :key=\"key\">\r\n        <RecursionField :name=\"column.name\" :schema=\"column.schema\" :only-render-self=\"true\" />\r\n      </template>\r\n      <ElPagination\r\n        v-if=\"props.pagination\" v-model:current-page=\"currentPage\" v-model:page-size=\"pageSize\"\r\n        :class=\"`${prefixCls}-pagination`\" background layout=\"total, sizes, prev, pager, next\"\r\n        :total=\"props.modelValue.length\" v-bind=\"paginationProps\"\r\n      />\r\n      <template v-for=\"(itemSchema, key) of schemaRef.properties\" :key=\"key\">\r\n        <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n      </template>\r\n    </ArrayBase>\r\n  </div>\r\n</template>\r\n","import type { Component } from 'vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayTableInner from './array-table.vue'\r\nimport './style.scss'\r\n\r\nconst ArrayTableColumn: Component = {\r\n  name: 'FArrayTableColumn',\r\n  render() {\r\n    return null\r\n  },\r\n}\r\n\r\nexport const ArrayTable = composeExport(ArrayTableInner, {\r\n  Column: ArrayTableColumn,\r\n  Index: ArrayBase.Index,\r\n  SortHandle: ArrayBase.SortHandle,\r\n  Addition: ArrayBase.Addition,\r\n  Remove: ArrayBase.Remove,\r\n  MoveDown: ArrayBase.MoveDown,\r\n  MoveUp: ArrayBase.MoveUp,\r\n  useArray: ArrayBase.useArray,\r\n  useIndex: ArrayBase.useIndex,\r\n  useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayTable\r\n"],"names":["props","__props","elTableProps","useCleanAttrs","paginationProps","computed","omit","fieldRef","useField","field","schemaRef","useFieldSchema","getKey","keyMap","ArrayBase","elTableRef","ref","extractTableSources","schema","isTableComponent","createTableSource","element","propName","hasRequiredProperty","triggerUpdateKey","reaction","path","item","isEqual","dataSource","pageSize","currentPage","updateDataSource","isArr","watch","autorun","sources","observable","columns","source","index","isColumnComponent","key","name","columnProps","required","title","asterisk","restProps","stateManagerColumns","column","baseIndex","onAddItemClick","nextTick","scrollWarpDOM","handleDragEnd","evt","oldIndex","newIndex","_createElementBlock","_unref","prefixCls","_createBlock","_createVNode","VueDraggable","stylePrefix","_withDirectives","_openBlock","_mergeProps","_Fragment","colIndex","_withCtx","row","$index","RecursionField","col","_resolveDynamicComponent","_hoisted_1","_createElementVNode","_toDisplayString","vLoading","$event","itemSchema","isAdditionComponent","ArrayTableColumn","ArrayTable","composeExport","ArrayTableInner"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/array-table/array-table.vue","../../src/array-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { Schema } from '@formily/json-schema'\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { IArrayTableProps } from './types'\r\nimport { autorun, reaction } from '@formily/reactive'\r\nimport { isArr, isEqual } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElTable, ElTableColumn, vLoading } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { isAdditionComponent } from '../array-base/utils'\r\nimport ElPagination from '../pagination/pagination'\r\nimport { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FArrayTable',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IArrayTableProps>(), {\r\n  modelValue: () => [],\r\n  pagination: true,\r\n})\r\nconst { props: elTableProps } = useCleanAttrs()\r\nconst paginationProps = computed(() => omit(props.paginationProps, ['pageSize', 'currentPage']))\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst additionSchemas = computed<Record<string, Schema>>(() => schemaRef.value?.properties ?? {})\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst elTableRef = ref<TableInstance>()\r\n\r\nfunction extractTableSources(schema: Schema): any[] {\r\n  if (isTableComponent(schema)) {\r\n    return createTableSource(schema)\r\n  }\r\n  return schema.properties\r\n    ? Object.values(schema.properties).flatMap(element => extractTableSources(element))\r\n    : []\r\n}\r\n\r\nfunction createTableSource(schema: Schema): any[] {\r\n  const propName = schema['x-component-props']?.prop || schema.name\r\n  /* istanbul ignore if -- @preserve */\r\n  if (!propName)\r\n    return []\r\n\r\n  const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take()\r\n\r\n  return [{\r\n    name: propName,\r\n    display: field?.display || schema['x-display'],\r\n    required: hasRequiredProperty(schema),\r\n    field,\r\n    fieldProps: field?.props || schema.toFieldProps(),\r\n    schema,\r\n    columnProps: (field?.component as any[])?.[1] || schema['x-component-props'] || {},\r\n  }]\r\n}\r\n\r\nconst triggerUpdateKey = ref(0)\r\nreaction(() => {\r\n  const path = field.path.entire\r\n  return field.query(`${path}.*`).map((item) => {\r\n    return {\r\n      name: item.component[0],\r\n      visible: item.visible,\r\n    }\r\n  }).filter(item => item.name.includes('Column'))\r\n}, async () => {\r\n  triggerUpdateKey.value++\r\n}, { equals: isEqual })\r\n\r\nconst dataSource = ref([])\r\nconst pageSize = ref(props.paginationProps?.pageSize ?? 10)\r\nconst currentPage = ref(props.paginationProps?.currentPage ?? 1)\r\n\r\nfunction updateDataSource() {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (!isArr(field.value)) {\r\n    dataSource.value = []\r\n    return\r\n  }\r\n  if (props.pagination === false) {\r\n    dataSource.value = [...field.value]\r\n    return\r\n  }\r\n  dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, (currentPage.value) * pageSize.value)\r\n}\r\nwatch([pageSize, currentPage], updateDataSource)\r\nautorun(updateDataSource)\r\n\r\nconst sources = formilyComputed(() => {\r\n  const schema = schemaRef.value.items\r\n  const items = isArr(schema) ? schema : [schema]\r\n  return items.reduce((columns, schema) => {\r\n    const item = extractTableSources(schema)\r\n    return columns.concat(item)\r\n  }, []).filter(item => item.display !== 'none')\r\n})\r\n\r\nconst columns = computed(() => {\r\n  const currentSources = sources.value ?? []\r\n  return currentSources\r\n    .map((source, index) => ({ source, index }))\r\n    .filter(({ source }) => source.display === 'visible' && isColumnComponent(source.schema))\r\n    .map(({ source, index: key }) => {\r\n      const { name, columnProps, required, field } = source\r\n      const { title, asterisk, ...restProps } = columnProps\r\n      const props = {\r\n        label: title,\r\n        ...restProps,\r\n        prop: name,\r\n      }\r\n      return {\r\n        key,\r\n        props,\r\n        field,\r\n        asterisk: asterisk ?? required,\r\n      }\r\n    })\r\n})\r\n\r\nconst stateManagerColumns = computed(() => {\r\n  const currentSources = sources.value ?? []\r\n  return currentSources.filter((column) => {\r\n    return column.display !== 'none' && isColumnComponent(column.schema)\r\n  })\r\n})\r\n\r\nconst baseIndex = computed(() => {\r\n  return (currentPage.value - 1) * pageSize.value\r\n})\r\n\r\nasync function onAddItemClick() {\r\n  if (props.pagination === false) {\r\n    await nextTick()\r\n    const scrollWarpDOM = elTableRef.value?.$el.querySelector('.el-scrollbar__wrap')\r\n    scrollWarpDOM?.scrollTo({\r\n      top: scrollWarpDOM.scrollHeight,\r\n      behavior: 'smooth',\r\n    })\r\n    return\r\n  }\r\n  if (!isArr(field.value)) {\r\n    currentPage.value = 1\r\n    return\r\n  }\r\n  currentPage.value = Math.ceil(field.value.length / pageSize.value)\r\n}\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n  const { oldIndex, newIndex } = evt\r\n  await field.move(oldIndex, newIndex)\r\n  triggerUpdateKey.value++\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\" :add=\"onAddItemClick\">\r\n      <VueDraggable\r\n        :model-value=\"dataSource\" target=\"tbody\" :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n        :animation=\"150\" @end=\"handleDragEnd\"\r\n      >\r\n        <ElTable ref=\"elTableRef\" v-loading=\"field.loading\" :row-key=\"getKey\" :data=\"dataSource\" v-bind=\"elTableProps\">\r\n          <template v-for=\"(column, colIndex) of columns\" :key=\"column.key\">\r\n            <ElTableColumn v-bind=\"column.props\">\r\n              <template #default=\"{ row, $index }\">\r\n                <ArrayBase.Item :key=\"getKey(row)\" :index=\"$index + baseIndex\" :record=\"row\">\r\n                  <RecursionField\r\n                    :key=\"`${getKey(row)}`\" :schema=\"sources[colIndex].schema\"\r\n                    :name=\"$index + baseIndex\" only-render-properties\r\n                  />\r\n                </ArrayBase.Item>\r\n              </template>\r\n              <template #header=\"{ column: col }\">\r\n                <template v-if=\"column.field.content?.header\">\r\n                  <component :is=\"column.field.content.header\" v-bind=\"{ ...col, field }\" />\r\n                </template>\r\n                <span v-else-if=\"column.asterisk\">\r\n                  <span :class=\"`${prefixCls}-asterisk`\">*</span>\r\n                  {{ col.label }}\r\n                </span>\r\n              </template>\r\n            </ElTableColumn>\r\n          </template>\r\n        </ElTable>\r\n      </VueDraggable>\r\n\r\n      <!-- 状态管理器 -->\r\n      <template v-for=\"(column, key) of stateManagerColumns\" :key=\"key\">\r\n        <RecursionField :name=\"column.name\" :schema=\"column.schema\" :only-render-self=\"true\" />\r\n      </template>\r\n      <ElPagination\r\n        v-if=\"props.pagination\" v-model:current-page=\"currentPage\" v-model:page-size=\"pageSize\"\r\n        :class=\"`${prefixCls}-pagination`\" background layout=\"total, sizes, prev, pager, next\"\r\n        :total=\"props.modelValue.length\" v-bind=\"paginationProps\"\r\n      />\r\n      <template v-for=\"(itemSchema, key) of additionSchemas\" :key=\"key\">\r\n        <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n      </template>\r\n    </ArrayBase>\r\n  </div>\r\n</template>\r\n","import type { Component } from 'vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayTableInner from './array-table.vue'\r\nimport './style.scss'\r\n\r\nconst ArrayTableColumn: Component = {\r\n  name: 'FArrayTableColumn',\r\n  render() {\r\n    return null\r\n  },\r\n}\r\n\r\nexport const ArrayTable = composeExport(ArrayTableInner, {\r\n  Column: ArrayTableColumn,\r\n  Index: ArrayBase.Index,\r\n  SortHandle: ArrayBase.SortHandle,\r\n  Addition: ArrayBase.Addition,\r\n  Remove: ArrayBase.Remove,\r\n  MoveDown: ArrayBase.MoveDown,\r\n  MoveUp: ArrayBase.MoveUp,\r\n  useArray: ArrayBase.useArray,\r\n  useIndex: ArrayBase.useIndex,\r\n  useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayTable\r\n"],"names":["props","__props","elTableProps","useCleanAttrs","paginationProps","computed","omit","fieldRef","useField","field","schemaRef","useFieldSchema","additionSchemas","getKey","keyMap","ArrayBase","elTableRef","ref","extractTableSources","schema","isTableComponent","createTableSource","element","propName","hasRequiredProperty","triggerUpdateKey","reaction","path","item","isEqual","dataSource","pageSize","currentPage","updateDataSource","isArr","watch","autorun","sources","formilyComputed","columns","source","index","isColumnComponent","key","name","columnProps","required","title","asterisk","restProps","stateManagerColumns","column","baseIndex","onAddItemClick","nextTick","scrollWarpDOM","handleDragEnd","evt","oldIndex","newIndex","_createElementBlock","_unref","prefixCls","_createBlock","_createVNode","VueDraggable","stylePrefix","_withDirectives","_openBlock","_mergeProps","_Fragment","_renderList","colIndex","_withCtx","row","$index","RecursionField","col","_resolveDynamicComponent","_hoisted_1","_createElementVNode","_toDisplayString","vLoading","$event","itemSchema","isAdditionComponent","ArrayTableColumn","ArrayTable","composeExport","ArrayTableInner"],"mappings":"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"}

package/esm/array-table/types.d.ts

@@ -3,4 +3,5 @@ export interface IArrayTableProps {
     modelValue?: any[];
     pagination?: boolean;
     paginationProps?: Partial<PaginationProps>;
+    height?: string | number;
 }