@silver-formily/element-plus 2.0.0 → 2.1.0

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

@@ -3,8 +3,8 @@ import "vue";
 import "element-plus";
 import "@formily/reactive";
 import "@formily/core";
-import "@formily/reactive-vue";
-import "@formily/vue";
+import "@silver-formily/reactive-vue";
+import "@silver-formily/vue";
 const u = `${i}-array-list-tabs`;
 function l(r, t) {
   return r.type !== "void" ? r.name === t : r.properties ? t in r.properties : !1;

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

@@ -1,6 +1,6 @@
 import { IArrayTableProps } from './types';
 declare const _default: import('vue').DefineComponent<IArrayTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IArrayTableProps> & Readonly<{}>, {
-    value: any[];
+    modelValue: any[];
     pagination: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     elTableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -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>;

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

@@ -1,6 +1,6 @@
 export declare const ArrayTable: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IArrayTableProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        value: any[];
+        modelValue: any[];
         pagination: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         elTableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -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>;
@@ -1481,14 +1509,14 @@ export declare const ArrayTable: {
         M: {};
         Defaults: {};
     }, Readonly<import('./types').IArrayTableProps> & Readonly<{}>, {}, {}, {}, {}, {
-        value: any[];
+        modelValue: any[];
         pagination: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types').IArrayTableProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    value: any[];
+    modelValue: any[];
     pagination: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     Column: import('vue').ComponentOptions<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>;