@silver-formily/element-plus 2.0.1 → 2.2.0

package/esm/array-items/index.mjs

@@ -1,13 +1,13 @@
 import { ArrayBase as r } from "../array-base/index.mjs";
-import { defineComponent as R, createElementBlock as s, openBlock as o, normalizeClass as _, renderSlot as M, ref as x, mergeProps as V, unref as e, createVNode as f, withCtx as y, Fragment as v, renderList as k, createBlock as $, createCommentVNode as B } from "vue";
-import { stylePrefix as h } from "../__builtins__/configs/index.mjs";
-import { autorun as D } from "@formily/reactive";
-import { isArr as E } from "@formily/shared";
-import { useField as U, useFieldSchema as K, RecursionField as C } from "@silver-formily/vue";
+import { defineComponent as S, createElementBlock as n, openBlock as t, normalizeClass as h, renderSlot as V, ref as $, mergeProps as B, unref as e, createBlock as f, withCtx as y, createVNode as C, Fragment as v, renderList as R, createCommentVNode as D } from "vue";
+import { stylePrefix as I } from "../__builtins__/configs/index.mjs";
+import { autorun as E } from "@formily/reactive";
+import { isArr as _ } from "@formily/shared";
+import { useField as U, useFieldSchema as K, RecursionField as F } from "@silver-formily/vue";
 import { VueDraggable as P } from "vue-draggable-plus";
 import { useKey as b, getArrayItemSchema as H, isAdditionComponent as N } from "../array-base/utils.mjs";
 import { useCleanAttrs as z, composeExport as L } from "../__builtins__/shared/utils.mjs";
-import '../styles/array-items/index.css';const j = /* @__PURE__ */ R({
+import '../styles/array-items/index.css';const j = /* @__PURE__ */ S({
   name: "FArrayItemsItem",
   __name: "array-items-item",
   props: {
@@ -16,53 +16,56 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ R({
       default: "card"
     }
   },
-  setup(I) {
-    const c = I, l = `${h}-array-items`;
-    return (n, i) => (o(), s("div", {
-      class: _(`${l}-${c.type}`)
+  setup(A) {
+    const u = A, l = `${I}-array-items`;
+    return (s, c) => (t(), n("div", {
+      class: h(`${l}-${u.type}`)
     }, [
-      M(n.$slots, "default")
+      V(s.$slots, "default")
     ], 2));
   }
-}), q = ["index"], G = /* @__PURE__ */ R({
+}), q = ["index"], G = /* @__PURE__ */ S({
   name: "FArrayItems",
   inheritAttrs: !1,
   __name: "array-items",
-  setup(I) {
-    const c = U(), l = K(), n = c.value, i = l.value, d = `${h}-array-items`, { getKey: A, keyMap: m } = b(l.value), u = x(n.value), F = x(0);
-    D(() => {
-      u.value = [...n.value];
+  setup(A) {
+    const u = U(), l = K(), s = u.value, c = l.value, i = `${I}-array-items`, { getKey: g, keyMap: m } = b(l.value), d = $(_(s.value) ? s.value : []), k = $(0);
+    E(() => {
+      d.value = _(s.value) ? [...s.value] : [];
     });
-    async function S(g) {
-      const { oldIndex: p, newIndex: t } = g;
-      E(m) && m.splice(t, 0, m.splice(p, 1)[0]), await n.move(p, t), F.value++;
+    async function w(x) {
+      const { oldIndex: p, newIndex: a } = x;
+      _(m) && m.splice(a, 0, m.splice(p, 1)[0]), await s.move(p, a), k.value++;
     }
-    const { props: w } = z(["value", "modelValue", "onUpdate:modelValue"]);
-    return (g, p) => (o(), s("div", V({ class: d }, e(w)), [
-      f(e(r), { "key-map": e(m) }, {
+    const { props: M } = z(["value", "modelValue", "onUpdate:modelValue"]);
+    return (x, p) => (t(), n("div", B({ class: i }, e(M)), [
+      (t(), f(e(r), {
+        key: k.value,
+        "key-map": e(m)
+      }, {
         default: y(() => [
-          f(e(P), {
-            class: _(`${d}-list`),
-            "model-value": u.value,
-            handle: `.${e(h)}-array-base-sort-handle`,
+          C(e(P), {
+            class: h(`${i}-list`),
+            "model-value": d.value,
+            handle: `.${e(I)}-array-base-sort-handle`,
             animation: 150,
-            onEnd: S
+            onEnd: w
           }, {
             default: y(() => [
-              (o(!0), s(v, null, k(u.value, (t, a) => (o(), $(e(r).Item, {
-                key: e(A)(t, a),
-                index: a,
-                record: t
+              (t(!0), n(v, null, R(d.value, (a, o) => (t(), f(e(r).Item, {
+                key: e(g)(a, o),
+                index: o,
+                record: a
               }, {
                 default: y(() => [
-                  (o(), s("div", {
-                    key: e(A)(t, a),
-                    class: _([`${d}-item-inner`]),
-                    index: a
+                  (t(), n("div", {
+                    key: e(g)(a, o),
+                    class: h([`${i}-item-inner`]),
+                    index: o
                   }, [
-                    f(e(C), {
-                      schema: e(H)(e(i), a),
-                      name: a
+                    C(e(F), {
+                      schema: e(H)(e(c), o),
+                      name: o
                     }, null, 8, ["schema", "name"])
                   ], 10, q))
                 ]),
@@ -71,16 +74,16 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ R({
             ]),
             _: 1
           }, 8, ["class", "model-value", "handle"]),
-          (o(!0), s(v, null, k(e(i).properties, (t, a) => (o(), s(v, { key: a }, [
-            e(N)(t) ? (o(), $(e(C), {
+          (t(!0), n(v, null, R(e(c).properties, (a, o) => (t(), n(v, { key: o }, [
+            e(N)(a) ? (t(), f(e(F), {
               key: 0,
-              schema: t,
+              schema: a,
               name: "addition"
-            }, null, 8, ["schema"])) : B("", !0)
+            }, null, 8, ["schema"])) : D("", !0)
           ], 64))), 128))
         ]),
         _: 1
-      }, 8, ["key-map"])
+      }, 8, ["key-map"]))
     ], 16));
   }
 }), re = L(G, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-items/array-items-item.vue","../../src/array-items/array-items.vue","../../src/array-items/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { PropType } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\n\r\ndefineOptions({\r\n  name: 'FArrayItemsItem',\r\n})\r\n\r\nconst props = defineProps({\r\n  type: {\r\n    type: String as PropType<'card' | 'divide'>,\r\n    default: 'card',\r\n  },\r\n})\r\n\r\nconst prefixCls = `${stylePrefix}-array-items`\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    :class=\"`${prefixCls}-${props.type}`\"\r\n  >\r\n    <slot />\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ref } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, useKey } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n  name: 'FArrayItems',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst prefixCls = `${stylePrefix}-array-items`\r\nconst { getKey, keyMap } = useKey(schemaRef.value)\r\nconst dataSource = ref(field.value)\r\nconst triggerUpdateKey = ref(0)\r\n\r\nautorun(() => {\r\n  dataSource.value = [...field.value]\r\n})\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n  const { oldIndex, newIndex } = evt\r\n  if (isArr(keyMap)) {\r\n    keyMap.splice(newIndex, 0, keyMap.splice(oldIndex, 1)[0])\r\n  }\r\n  await field.move(oldIndex, newIndex)\r\n  triggerUpdateKey.value++\r\n}\r\nconst { props: arrayItemsProps } = useCleanAttrs(['value', 'modelValue', 'onUpdate:modelValue'])\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\" v-bind=\"arrayItemsProps\">\r\n    <ArrayBase :key-map=\"keyMap\">\r\n      <VueDraggable\r\n        :class=\"`${prefixCls}-list`\"\r\n        :model-value=\"dataSource\"\r\n        :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n        :animation=\"150\"\r\n        @end=\"handleDragEnd\"\r\n      >\r\n        <ArrayBase.Item\r\n          v-for=\"(element, index) of dataSource\"\r\n          :key=\"getKey(element, index)\"\r\n          :index=\"index\"\r\n          :record=\"element\"\r\n        >\r\n          <div :key=\"getKey(element, index)\" :class=\"[`${prefixCls}-item-inner`]\" :index=\"index\">\r\n            <RecursionField :schema=\"getArrayItemSchema(schema, index)\" :name=\"index\" />\r\n          </div>\r\n        </ArrayBase.Item>\r\n      </VueDraggable>\r\n\r\n      <template v-for=\"(itemSchema, key) of schema.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 { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayItemsItem from './array-items-item.vue'\r\nimport ArrayItemsInner from './array-items.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayItems = composeExport(ArrayItemsInner, {\r\n  Item: ArrayItemsItem,\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 ArrayItems\r\n"],"names":["props","__props","prefixCls","stylePrefix","_createElementBlock","_normalizeClass","_renderSlot","_ctx","fieldRef","useField","schemaRef","useFieldSchema","field","schema","getKey","keyMap","useKey","dataSource","ref","triggerUpdateKey","autorun","handleDragEnd","evt","oldIndex","newIndex","isArr","arrayItemsProps","useCleanAttrs","_openBlock","_mergeProps","_unref","_createVNode","ArrayBase","VueDraggable","_Fragment","_renderList","element","index","_createBlock","RecursionField","getArrayItemSchema","itemSchema","key","isAdditionComponent","ArrayItems","composeExport","ArrayItemsInner","ArrayItemsItem"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/array-items/array-items-item.vue","../../src/array-items/array-items.vue","../../src/array-items/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { PropType } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\n\r\ndefineOptions({\r\n  name: 'FArrayItemsItem',\r\n})\r\n\r\nconst props = defineProps({\r\n  type: {\r\n    type: String as PropType<'card' | 'divide'>,\r\n    default: 'card',\r\n  },\r\n})\r\n\r\nconst prefixCls = `${stylePrefix}-array-items`\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    :class=\"`${prefixCls}-${props.type}`\"\r\n  >\r\n    <slot />\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ref } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, useKey } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n  name: 'FArrayItems',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst prefixCls = `${stylePrefix}-array-items`\r\nconst { getKey, keyMap } = useKey(schemaRef.value)\r\nconst dataSource = ref(isArr(field.value) ? field.value : [])\r\nconst triggerUpdateKey = ref(0)\r\n\r\nautorun(() => {\r\n  dataSource.value = isArr(field.value) ? [...field.value] : []\r\n})\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n  const { oldIndex, newIndex } = evt\r\n  if (isArr(keyMap)) {\r\n    keyMap.splice(newIndex, 0, keyMap.splice(oldIndex, 1)[0])\r\n  }\r\n  await field.move(oldIndex, newIndex)\r\n  triggerUpdateKey.value++\r\n}\r\nconst { props: arrayItemsProps } = useCleanAttrs(['value', 'modelValue', 'onUpdate:modelValue'])\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\" v-bind=\"arrayItemsProps\">\r\n    <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\">\r\n      <VueDraggable\r\n        :class=\"`${prefixCls}-list`\"\r\n        :model-value=\"dataSource\"\r\n        :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n        :animation=\"150\"\r\n        @end=\"handleDragEnd\"\r\n      >\r\n        <ArrayBase.Item\r\n          v-for=\"(element, index) of dataSource\"\r\n          :key=\"getKey(element, index)\"\r\n          :index=\"index\"\r\n          :record=\"element\"\r\n        >\r\n          <div :key=\"getKey(element, index)\" :class=\"[`${prefixCls}-item-inner`]\" :index=\"index\">\r\n            <RecursionField :schema=\"getArrayItemSchema(schema, index)\" :name=\"index\" />\r\n          </div>\r\n        </ArrayBase.Item>\r\n      </VueDraggable>\r\n\r\n      <template v-for=\"(itemSchema, key) of schema.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 { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayItemsItem from './array-items-item.vue'\r\nimport ArrayItemsInner from './array-items.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayItems = composeExport(ArrayItemsInner, {\r\n  Item: ArrayItemsItem,\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 ArrayItems\r\n"],"names":["props","__props","prefixCls","stylePrefix","_createElementBlock","_normalizeClass","_renderSlot","_ctx","fieldRef","useField","schemaRef","useFieldSchema","field","schema","getKey","keyMap","useKey","dataSource","ref","isArr","triggerUpdateKey","autorun","handleDragEnd","evt","oldIndex","newIndex","arrayItemsProps","useCleanAttrs","_openBlock","_mergeProps","_unref","_createBlock","ArrayBase","_createVNode","VueDraggable","_Fragment","_renderList","element","index","RecursionField","getArrayItemSchema","itemSchema","key","isAdditionComponent","ArrayItems","composeExport","ArrayItemsInner","ArrayItemsItem"],"mappings":"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"}

package/esm/array-list-tabs/index.mjs

@@ -1,7 +1,8 @@
 import { ArrayBase as y } from "../array-base/index.mjs";
-import { defineComponent as P, ref as A, createElementBlock as s, openBlock as a, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as I, createCommentVNode as k, createVNode as T, Fragment as v, renderList as F, toDisplayString as q, normalizeStyle as z } from "vue";
-import { observable as K, autorun as V } from "@formily/reactive";
+import { defineComponent as P, ref as A, createElementBlock as s, openBlock as a, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as I, createCommentVNode as k, createVNode as T, Fragment as b, renderList as F, toDisplayString as q, normalizeStyle as z } from "vue";
+import { autorun as V } from "@formily/reactive";
 import { isArr as w } from "@formily/shared";
+import { formilyComputed as K } from "@silver-formily/reactive-vue";
 import { useField as N, useFieldSchema as D, RecursionField as _ } from "@silver-formily/vue";
 import { ElScrollbar as M, ElBadge as G, ElEmpty as H } from "element-plus";
 import { isRemoveComponent as B, isAdditionComponent as J, getArrayItemSchema as O } from "../array-base/utils.mjs";
@@ -25,7 +26,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
     }
   },
   setup(R) {
-    const o = R, S = N(), g = D(), l = S.value, p = g.value, f = A(0), { getKey: C, keyMap: j } = y.useKey(g.value), b = K.computed(() => o.showTitleFieldInTab ? l.value.map((m, u) => {
+    const o = R, S = N(), g = D(), l = S.value, p = g.value, f = A(0), { getKey: C, keyMap: j } = y.useKey(g.value), v = K(() => o.showTitleFieldInTab ? l.value.map((m, u) => {
       const r = l.path.concat(u);
       return l.form.queryFeedbacks({
         type: "error",
@@ -42,14 +43,14 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
       if (o.showTitleFieldInTab) {
         const m = l.value.map((u, r) => [
           r,
-          b.value[r]
+          v.value[r]
         ].join("|")).join(",");
         $.value = m;
       } else {
         const m = l.value.map((u, r) => [
           r,
           u?.[o.tabTitleField],
-          b.value[r]
+          v.value[r]
         ].join("|")).join(",");
         $.value = m;
       }
@@ -74,7 +75,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
               class: i(`${e(n)}_list--scroll-wrapper`)
             }, {
               default: h(() => [
-                (a(!0), s(v, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
+                (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
                   key: t,
                   index: t,
                   record: r
@@ -96,12 +97,12 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
                       }, [
                         T(e(G), {
                           class: i([`${e(n)}-errors-badge`]),
-                          value: e(b).value[t],
+                          value: e(v)[t],
                           offset: [5, 0],
-                          hidden: e(b).value[t] === 0
+                          hidden: e(v)[t] === 0
                         }, {
                           default: h(() => [
-                            o.showTitleFieldInTab ? (a(), s(v, { key: 1 }, [
+                            o.showTitleFieldInTab ? (a(), s(b, { key: 1 }, [
                               e(w)(e(p).items) ? k("", !0) : (a(), d(e(_), {
                                 key: 0,
                                 schema: e(p).items,
@@ -131,7 +132,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
               ]),
               _: 1
             }, 8, ["class"]),
-            (a(!0), s(v, null, F(e(p).properties, (r, t) => (a(), s(v, { key: t }, [
+            (a(!0), s(b, null, F(e(p).properties, (r, t) => (a(), s(b, { key: t }, [
               e(J)(r) ? (a(), d(e(_), {
                 key: 0,
                 schema: r,
@@ -145,7 +146,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
           }, [
             T(e(H), { "image-size": 100 })
           ], 2)) : k("", !0),
-          (a(!0), s(v, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
+          (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
             key: e(C)(r, t),
             index: t,
             record: r
@@ -174,12 +175,12 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
       }, 8, ["key-map"]))
     ], 2));
   }
-}), se = Q(X, {
+}), ie = Q(X, {
   Addition: y.Addition,
   Remove: y.Remove
 });
 export {
-  se as ArrayListTabs,
-  se as default
+  ie as ArrayListTabs,
+  ie as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/array-list-tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-list-tabs/array-list-tabs.vue","../../src/array-list-tabs/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun, observable } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElEmpty, ElScrollbar } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from '../array-base/utils'\r\nimport { isTabTitleComponent, prefixCls } from './utils'\r\nimport './style.scss'\r\n\r\ndefineOptions({\r\n  name: 'FArrayListTabs',\r\n})\r\n\r\nconst props = defineProps({\r\n  tabTitleField: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n  showTitleFieldInTab: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  modelValue: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst activeIndex = ref(0)\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst errorCountList = observable.computed(() => {\r\n  if (props.showTitleFieldInTab) {\r\n    return field.value.map((item, index) => {\r\n      const path = field.path.concat(index)\r\n      return field.form.queryFeedbacks({\r\n        type: 'error',\r\n        path: `${path}.*(!${props.tabTitleField})`,\r\n      }).length\r\n    })\r\n  }\r\n  return field.value.map((item, index) => {\r\n    const path = field.path.concat(index)\r\n    return field.form.queryFeedbacks({\r\n      type: 'error',\r\n      path: `${path}.**`,\r\n    }).length\r\n  })\r\n})\r\n\r\n// 保证arrayBase在必要时重新渲染\r\nconst arrayBaseKey = ref()\r\n\r\nautorun(() => {\r\n  if (props.showTitleFieldInTab) {\r\n    const key = field.value.map((item, index) => {\r\n      const keyParts = [\r\n        index,\r\n        errorCountList.value[index],\r\n      ]\r\n      return keyParts.join('|')\r\n    }).join(',')\r\n    arrayBaseKey.value = key\r\n  }\r\n  else {\r\n    const key = field.value.map((item, index) => {\r\n      const keyParts = [\r\n        index,\r\n        item?.[props.tabTitleField],\r\n        errorCountList.value[index],\r\n      ]\r\n      return keyParts.join('|')\r\n    }).join(',')\r\n    arrayBaseKey.value = key\r\n  }\r\n})\r\n\r\nautorun(() => {\r\n  if (field.value.length > 0 && activeIndex.value >= field.value.length) {\r\n    activeIndex.value = field.value.length - 1\r\n  }\r\n})\r\n\r\nfunction getTabTitle(item) {\r\n  return `${item?.[props.tabTitleField] || '未命名条目'}`\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ArrayBase :key=\"props.modelValue.length\" :key-map=\"keyMap\">\r\n      <ul :class=\"`${prefixCls}_list`\">\r\n        <ElScrollbar :class=\"`${prefixCls}_list--scroll-wrapper`\">\r\n          <ArrayBase.Item\r\n            v-for=\"(item, index) in props.modelValue\"\r\n            :key=\"index\"\r\n            :index=\"index\"\r\n            :record=\"item\"\r\n          >\r\n            <li\r\n              :id=\"`${field.props.name}-tab-${index}`\"\r\n              :key=\"arrayBaseKey\"\r\n              :class=\"[\r\n                `${prefixCls}_list-item`,\r\n                activeIndex === index && 'is-active',\r\n              ]\"\r\n              role=\"tab\"\r\n              :aria-controls=\"`${field.props.name}-tab-panel-${index}`\"\r\n              @click=\"() => activeIndex = index\"\r\n            >\r\n              <div :class=\"`${prefixCls}_list-item--content`\">\r\n                <ElBadge\r\n                  :class=\"[`${prefixCls}-errors-badge`]\"\r\n                  :value=\"errorCountList.value[index]\"\r\n                  :offset=\"[5, 0]\"\r\n                  :hidden=\"errorCountList.value[index] === 0\"\r\n                >\r\n                  <template v-if=\"!props.showTitleFieldInTab\">\r\n                    <span :class=\"`${prefixCls}_list-item--title`\">{{ getTabTitle(item) }}</span>\r\n                  </template>\r\n                  <template v-else>\r\n                    <RecursionField\r\n                      v-if=\"!isArr(schema.items)\"\r\n                      :schema=\"schema.items\"\r\n                      :name=\"index\"\r\n                      :filter-properties=\"(schema: ISchema) => isTabTitleComponent(schema, props.tabTitleField)\"\r\n                      only-render-properties\r\n                    />\r\n                  </template>\r\n                </ElBadge>\r\n              </div>\r\n              <!-- remove icon -->\r\n              <RecursionField\r\n                v-if=\"!isArr(schema.items)\"\r\n                :schema=\"schema.items\"\r\n                :name=\"index\"\r\n                :filter-properties=\"(schema: ISchema) => isRemoveComponent(schema)\"\r\n                only-render-properties\r\n              />\r\n            </li>\r\n          </ArrayBase.Item>\r\n        </ElScrollbar>\r\n        <template v-for=\"(property, key) in schema.properties\" :key=\"key\">\r\n          <RecursionField\r\n            v-if=\"isAdditionComponent(property)\"\r\n            :schema=\"property\"\r\n            name=\"addition\"\r\n          />\r\n        </template>\r\n      </ul>\r\n      <div v-if=\"props.modelValue.length === 0\" :class=\"`${prefixCls}-tabpane`\">\r\n        <ElEmpty :image-size=\"100\" />\r\n      </div>\r\n      <ArrayBase.Item\r\n        v-for=\"(item, index) in props.modelValue\"\r\n        :key=\"getKey(item, index)\"\r\n        :index=\"index\"\r\n        :record=\"item\"\r\n      >\r\n        <!-- tab-panel -->\r\n        <div\r\n          :id=\"`${field.props.name}-tab-panel-${index}`\"\r\n          :key=\"getKey(item, index)\"\r\n          :class=\"`${prefixCls}-tabpane`\"\r\n          :style=\"{ display: activeIndex === index ? undefined : 'none' }\"\r\n          role=\"tabpanel\"\r\n          :aria-labelledby=\"`${field.props.name}-tab-${index}`\"\r\n        >\r\n          <RecursionField\r\n            :schema=\"getArrayItemSchema(schema, index)\"\r\n            :name=\"index\"\r\n            :filter-properties=\"(schema: ISchema) => {\r\n              if (isRemoveComponent(schema)) {\r\n                return false\r\n              }\r\n              if (props.showTitleFieldInTab) {\r\n                return !isTabTitleComponent(schema, props.tabTitleField)\r\n              }\r\n              return true\r\n            }\"\r\n            only-render-properties\r\n          />\r\n        </div>\r\n      </ArrayBase.Item>\r\n    </ArrayBase>\r\n  </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayListTabsInner from './array-list-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayListTabs = composeExport(ArrayListTabsInner, {\r\n  Addition: ArrayBase.Addition,\r\n  Remove: ArrayBase.Remove,\r\n})\r\n\r\nexport default ArrayListTabs\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","activeIndex","ref","getKey","keyMap","ArrayBase","errorCountList","observable","item","index","path","arrayBaseKey","autorun","key","getTabTitle","_createElementBlock","_unref","prefixCls","_createBlock","_createElementVNode","_createVNode","ElScrollbar","_openBlock","_Fragment","_normalizeClass","ElBadge","isArr","RecursionField","isTabTitleComponent","_toDisplayString","isRemoveComponent","property","isAdditionComponent","ElEmpty","_normalizeStyle","getArrayItemSchema","ArrayListTabs","composeExport","ArrayListTabsInner"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/array-list-tabs/array-list-tabs.vue","../../src/array-list-tabs/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElEmpty, ElScrollbar } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from '../array-base/utils'\r\nimport { isTabTitleComponent, prefixCls } from './utils'\r\nimport './style.scss'\r\n\r\ndefineOptions({\r\n  name: 'FArrayListTabs',\r\n})\r\n\r\nconst props = defineProps({\r\n  tabTitleField: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n  showTitleFieldInTab: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  modelValue: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst activeIndex = ref(0)\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst errorCountList = formilyComputed(() => {\r\n  if (props.showTitleFieldInTab) {\r\n    return field.value.map((item, index) => {\r\n      const path = field.path.concat(index)\r\n      return field.form.queryFeedbacks({\r\n        type: 'error',\r\n        path: `${path}.*(!${props.tabTitleField})`,\r\n      }).length\r\n    })\r\n  }\r\n  return field.value.map((item, index) => {\r\n    const path = field.path.concat(index)\r\n    return field.form.queryFeedbacks({\r\n      type: 'error',\r\n      path: `${path}.**`,\r\n    }).length\r\n  })\r\n})\r\n\r\n// 保证arrayBase在必要时重新渲染\r\nconst arrayBaseKey = ref()\r\n\r\nautorun(() => {\r\n  if (props.showTitleFieldInTab) {\r\n    const key = field.value.map((item, index) => {\r\n      const keyParts = [\r\n        index,\r\n        errorCountList.value[index],\r\n      ]\r\n      return keyParts.join('|')\r\n    }).join(',')\r\n    arrayBaseKey.value = key\r\n  }\r\n  else {\r\n    const key = field.value.map((item, index) => {\r\n      const keyParts = [\r\n        index,\r\n        item?.[props.tabTitleField],\r\n        errorCountList.value[index],\r\n      ]\r\n      return keyParts.join('|')\r\n    }).join(',')\r\n    arrayBaseKey.value = key\r\n  }\r\n})\r\n\r\nautorun(() => {\r\n  if (field.value.length > 0 && activeIndex.value >= field.value.length) {\r\n    activeIndex.value = field.value.length - 1\r\n  }\r\n})\r\n\r\nfunction getTabTitle(item) {\r\n  return `${item?.[props.tabTitleField] || '未命名条目'}`\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ArrayBase :key=\"props.modelValue.length\" :key-map=\"keyMap\">\r\n      <ul :class=\"`${prefixCls}_list`\">\r\n        <ElScrollbar :class=\"`${prefixCls}_list--scroll-wrapper`\">\r\n          <ArrayBase.Item\r\n            v-for=\"(item, index) in props.modelValue\"\r\n            :key=\"index\"\r\n            :index=\"index\"\r\n            :record=\"item\"\r\n          >\r\n            <li\r\n              :id=\"`${field.props.name}-tab-${index}`\"\r\n              :key=\"arrayBaseKey\"\r\n              :class=\"[\r\n                `${prefixCls}_list-item`,\r\n                activeIndex === index && 'is-active',\r\n              ]\"\r\n              role=\"tab\"\r\n              :aria-controls=\"`${field.props.name}-tab-panel-${index}`\"\r\n              @click=\"() => activeIndex = index\"\r\n            >\r\n              <div :class=\"`${prefixCls}_list-item--content`\">\r\n                <ElBadge\r\n                  :class=\"[`${prefixCls}-errors-badge`]\"\r\n                  :value=\"errorCountList[index]\"\r\n                  :offset=\"[5, 0]\"\r\n                  :hidden=\"errorCountList[index] === 0\"\r\n                >\r\n                  <template v-if=\"!props.showTitleFieldInTab\">\r\n                    <span :class=\"`${prefixCls}_list-item--title`\">{{ getTabTitle(item) }}</span>\r\n                  </template>\r\n                  <template v-else>\r\n                    <RecursionField\r\n                      v-if=\"!isArr(schema.items)\"\r\n                      :schema=\"schema.items\"\r\n                      :name=\"index\"\r\n                      :filter-properties=\"(schema: ISchema) => isTabTitleComponent(schema, props.tabTitleField)\"\r\n                      only-render-properties\r\n                    />\r\n                  </template>\r\n                </ElBadge>\r\n              </div>\r\n              <!-- remove icon -->\r\n              <RecursionField\r\n                v-if=\"!isArr(schema.items)\"\r\n                :schema=\"schema.items\"\r\n                :name=\"index\"\r\n                :filter-properties=\"(schema: ISchema) => isRemoveComponent(schema)\"\r\n                only-render-properties\r\n              />\r\n            </li>\r\n          </ArrayBase.Item>\r\n        </ElScrollbar>\r\n        <template v-for=\"(property, key) in schema.properties\" :key=\"key\">\r\n          <RecursionField\r\n            v-if=\"isAdditionComponent(property)\"\r\n            :schema=\"property\"\r\n            name=\"addition\"\r\n          />\r\n        </template>\r\n      </ul>\r\n      <div v-if=\"props.modelValue.length === 0\" :class=\"`${prefixCls}-tabpane`\">\r\n        <ElEmpty :image-size=\"100\" />\r\n      </div>\r\n      <ArrayBase.Item\r\n        v-for=\"(item, index) in props.modelValue\"\r\n        :key=\"getKey(item, index)\"\r\n        :index=\"index\"\r\n        :record=\"item\"\r\n      >\r\n        <!-- tab-panel -->\r\n        <div\r\n          :id=\"`${field.props.name}-tab-panel-${index}`\"\r\n          :key=\"getKey(item, index)\"\r\n          :class=\"`${prefixCls}-tabpane`\"\r\n          :style=\"{ display: activeIndex === index ? undefined : 'none' }\"\r\n          role=\"tabpanel\"\r\n          :aria-labelledby=\"`${field.props.name}-tab-${index}`\"\r\n        >\r\n          <RecursionField\r\n            :schema=\"getArrayItemSchema(schema, index)\"\r\n            :name=\"index\"\r\n            :filter-properties=\"(schema: ISchema) => {\r\n              if (isRemoveComponent(schema)) {\r\n                return false\r\n              }\r\n              if (props.showTitleFieldInTab) {\r\n                return !isTabTitleComponent(schema, props.tabTitleField)\r\n              }\r\n              return true\r\n            }\"\r\n            only-render-properties\r\n          />\r\n        </div>\r\n      </ArrayBase.Item>\r\n    </ArrayBase>\r\n  </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayListTabsInner from './array-list-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayListTabs = composeExport(ArrayListTabsInner, {\r\n  Addition: ArrayBase.Addition,\r\n  Remove: ArrayBase.Remove,\r\n})\r\n\r\nexport default ArrayListTabs\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","activeIndex","ref","getKey","keyMap","ArrayBase","errorCountList","formilyComputed","item","index","path","arrayBaseKey","autorun","key","getTabTitle","_createElementBlock","_unref","prefixCls","_createBlock","_createElementVNode","_createVNode","ElScrollbar","_openBlock","_Fragment","_normalizeClass","ElBadge","isArr","RecursionField","isTabTitleComponent","_toDisplayString","isRemoveComponent","property","isAdditionComponent","ElEmpty","_normalizeStyle","getArrayItemSchema","ArrayListTabs","composeExport","ArrayListTabsInner"],"mappings":"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"}

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

@@ -44,6 +44,9 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
         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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                 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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
         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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                     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 @@ declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {},
                 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>;