@silver-formily/element-plus 2.0.0 → 2.0.1

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\">\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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"}

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

@@ -1,16 +1,10 @@
-import { stylePrefix as i } from "../__builtins__/configs/index.mjs";
-import "vue";
-import "element-plus";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import "@formily/vue";
-const u = `${i}-array-list-tabs`;
-function l(r, t) {
+import { stylePrefix as e } from "../__builtins__/configs/index.mjs";
+const n = `${e}-array-list-tabs`;
+function o(r, t) {
   return r.type !== "void" ? r.name === t : r.properties ? t in r.properties : !1;
 }
 export {
-  l as isTabTitleComponent,
-  u as prefixCls
+  o as isTabTitleComponent,
+  n as prefixCls
 };
 //# sourceMappingURL=utils.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/array-list-tabs/utils.ts"],"sourcesContent":["import type { ISchema } from '@formily/json-schema'\nimport { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-array-list-tabs`\n\nexport function isTabTitleComponent(schema: ISchema, tabTitleField: string) {\n  if (schema.type !== 'void') {\n    return schema.name === tabTitleField\n  }\n  if (schema.properties) {\n    return tabTitleField in schema.properties\n  }\n  return false\n}\n"],"names":["prefixCls","stylePrefix","isTabTitleComponent","schema","tabTitleField"],"mappings":";;;;;;;AAGO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,EAAoBC,GAAiBC,GAAuB;AAC1E,SAAID,EAAO,SAAS,SACXA,EAAO,SAASC,IAErBD,EAAO,aACFC,KAAiBD,EAAO,aAE1B;AACT;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/array-list-tabs/utils.ts"],"sourcesContent":["import type { ISchema } from '@formily/json-schema'\r\nimport { stylePrefix } from '../__builtins__'\r\n\r\nexport const prefixCls = `${stylePrefix}-array-list-tabs`\r\n\r\nexport function isTabTitleComponent(schema: ISchema, tabTitleField: string) {\r\n  if (schema.type !== 'void') {\r\n    return schema.name === tabTitleField\r\n  }\r\n  if (schema.properties) {\r\n    return tabTitleField in schema.properties\r\n  }\r\n  return false\r\n}\r\n"],"names":["prefixCls","stylePrefix","isTabTitleComponent","schema","tabTitleField"],"mappings":";AAGO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,EAAoBC,GAAiBC,GAAuB;AAC1E,SAAID,EAAO,SAAS,SACXA,EAAO,SAASC,IAErBD,EAAO,aACFC,KAAiBD,EAAO,aAE1B;AACT;"}

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<{

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<{
@@ -1481,14 +1481,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>;

package/esm/array-table/index.mjs

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

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

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

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

@@ -1,6 +1,6 @@
 import { PaginationProps } from 'element-plus';
 export interface IArrayTableProps {
-    value?: any[];
+    modelValue?: any[];
     pagination?: boolean;
     paginationProps?: Partial<PaginationProps>;
 }

package/esm/array-table/utils.mjs

@@ -1,25 +1,19 @@
-import { stylePrefix as n } from "../__builtins__/configs/index.mjs";
-import "vue";
-import "element-plus";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import "@formily/vue";
-import { isOperationComponent as e, isAdditionComponent as i } from "../array-base/utils.mjs";
-const x = `${n}-array-table`;
-function p(o) {
-  return o["x-component"]?.indexOf("Column") > -1;
+import { isOperationComponent as r, isAdditionComponent as t } from "../array-base/utils.mjs";
+import { stylePrefix as i } from "../__builtins__/configs/index.mjs";
+const m = `${i}-array-table`;
+function p(n) {
+  return n["x-component"]?.indexOf("Column") > -1;
 }
-function c(o) {
-  return p(o) || e(o) || i(o);
+function s(n) {
+  return p(n) || r(n) || t(n);
 }
-function y(o) {
-  return o.reduceProperties((r, t) => r || !!t.required, !1);
+function l(n) {
+  return n.reduceProperties((o, e) => o || !!e.required, !1);
 }
 export {
-  y as hasRequiredProperty,
+  l as hasRequiredProperty,
   p as isColumnComponent,
-  c as isTableComponent,
-  x as prefixCls
+  s as isTableComponent,
+  m as prefixCls
 };
 //# sourceMappingURL=utils.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/array-table/utils.ts"],"sourcesContent":["import type { Schema } from '@formily/json-schema'\nimport { stylePrefix } from '../__builtins__'\nimport { isAdditionComponent, isOperationComponent } from '../array-base/utils'\n\nexport const prefixCls = `${stylePrefix}-array-table`\n\nexport function isColumnComponent(schema: Schema) {\n  return schema['x-component']?.indexOf('Column') > -1\n}\n\nexport function isTableComponent(schema: Schema): boolean {\n  return isColumnComponent(schema) || isOperationComponent(schema) || isAdditionComponent(schema)\n}\n\nexport function hasRequiredProperty(schema: Schema): boolean {\n  return schema.reduceProperties((hasRequired, property) =>\n    hasRequired || !!property.required, false)\n}\n"],"names":["prefixCls","stylePrefix","isColumnComponent","schema","isTableComponent","isOperationComponent","isAdditionComponent","hasRequiredProperty","hasRequired","property"],"mappings":";;;;;;;;AAIO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,EAAkBC,GAAgB;AAChD,SAAOA,EAAO,aAAa,GAAG,QAAQ,QAAQ,IAAI;AACpD;AAEO,SAASC,EAAiBD,GAAyB;AACxD,SAAOD,EAAkBC,CAAM,KAAKE,EAAqBF,CAAM,KAAKG,EAAoBH,CAAM;AAChG;AAEO,SAASI,EAAoBJ,GAAyB;AAC3D,SAAOA,EAAO,iBAAiB,CAACK,GAAaC,MAC3CD,KAAe,CAAC,CAACC,EAAS,UAAU,EAAK;AAC7C;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/array-table/utils.ts"],"sourcesContent":["import type { Schema } from '@formily/json-schema'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { isAdditionComponent, isOperationComponent } from '../array-base/utils'\r\n\r\nexport const prefixCls = `${stylePrefix}-array-table`\r\n\r\nexport function isColumnComponent(schema: Schema) {\r\n  return schema['x-component']?.indexOf('Column') > -1\r\n}\r\n\r\nexport function isTableComponent(schema: Schema): boolean {\r\n  return isColumnComponent(schema) || isOperationComponent(schema) || isAdditionComponent(schema)\r\n}\r\n\r\nexport function hasRequiredProperty(schema: Schema): boolean {\r\n  return schema.reduceProperties((hasRequired, property) =>\r\n    hasRequired || !!property.required, false)\r\n}\r\n"],"names":["prefixCls","stylePrefix","isColumnComponent","schema","isTableComponent","isOperationComponent","isAdditionComponent","hasRequiredProperty","hasRequired","property"],"mappings":";;AAIO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,EAAkBC,GAAgB;AAChD,SAAOA,EAAO,aAAa,GAAG,QAAQ,QAAQ,IAAI;AACpD;AAEO,SAASC,EAAiBD,GAAyB;AACxD,SAAOD,EAAkBC,CAAM,KAAKE,EAAqBF,CAAM,KAAKG,EAAoBH,CAAM;AAChG;AAEO,SAASI,EAAoBJ,GAAyB;AAC3D,SAAOA,EAAO,iBAAiB,CAACK,GAAaC,MAC3CD,KAAe,CAAC,CAACC,EAAS,UAAU,EAAK;AAC7C;"}

package/esm/array-tabs/index.mjs

@@ -1,28 +1,26 @@
-import { defineComponent as C, ref as d, onUnmounted as E, createBlock as f, openBlock as l, unref as e, mergeProps as F, withCtx as u, createElementBlock as i, Fragment as _, renderList as A, createVNode as b, normalizeClass as B, createTextVNode as N, toDisplayString as v } from "vue";
+import { defineComponent as C, ref as p, onUnmounted as E, createBlock as f, openBlock as s, unref as e, mergeProps as F, withCtx as u, createElementBlock as i, Fragment as _, renderList as A, createVNode as b, normalizeClass as B, createTextVNode as N, toDisplayString as v } from "vue";
 import { reaction as P } from "@formily/reactive";
 import { isEqual as R, isFn as h } from "@formily/shared";
-import { useField as S, useFieldSchema as q, RecursionField as L } from "@formily/vue";
-import { ElTabs as U, ElTabPane as V, ElBadge as w } from "element-plus";
+import { useField as S, useFieldSchema as V, RecursionField as q } from "@silver-formily/vue";
+import { ElTabs as U, ElTabPane as L, ElBadge as w } from "element-plus";
 import { stylePrefix as z } from "../__builtins__/configs/index.mjs";
-import "@formily/core";
-import "@formily/reactive-vue";
-import { useCleanAttrs as D } from "../__builtins__/shared/utils.mjs";
-import { getArrayItemSchema as I } from "../array-base/utils.mjs";
+import { getArrayItemSchema as D } from "../array-base/utils.mjs";
+import { useCleanAttrs as I } from "../__builtins__/shared/utils.mjs";
 import '../styles/array-tabs/index.css';const K = { key: 0 }, j = { key: 1 }, G = /* @__PURE__ */ C({
   name: "FArrayTabs",
   inheritAttrs: !1,
   __name: "array-tabs",
   setup(H) {
-    const y = S(), $ = q(), c = `${z}-array-tabs`, n = d("tab-0"), t = y.value;
+    const y = S(), $ = V(), c = `${z}-array-tabs`, n = p("tab-0"), t = y.value;
     /* istanbul ignore else -- @preserve */
     t.value.length === 0 && t.value.push(null);
     const g = $.value;
-    function p(r) {
+    function d(r) {
       return `${t.title || "Untitled"} ${r + 1}`;
     }
-    const m = d([]), T = P(() => t.value.map((r, s) => t.form.queryFeedbacks({
+    const m = p([]), T = P(() => t.value.map((r, o) => t.form.queryFeedbacks({
       type: "error",
-      address: `${t.address.concat(s)}.**`
+      address: `${t.address.concat(o)}.**`
     }).length), (r) => {
       m.value = r;
     }, {
@@ -31,47 +29,47 @@ import '../styles/array-tabs/index.css';const K = { key: 0 }, j = { key: 1 }, G
     E(() => {
       T();
     });
-    const { props: k } = D(["value"]);
-    return (r, s) => (l(), f(e(U), F(e(k), {
+    const { props: k } = I(["value", "modelValue", "onUpdate:modelValue"]);
+    return (r, o) => (s(), f(e(U), F(e(k), {
       "model-value": n.value,
       class: c,
       type: "card",
       addable: !0,
-      onTabRemove: s[0] || (s[0] = (o) => {
-        const a = o.toString().match(/tab-(\d+)/)?.[1];
-        e(t).remove(Number(a)), n.value === o && (n.value = `tab-${Number(a) - 1}`), e(h)(r.$attrs["tab-remove"]) && r.$attrs["tab-remove"](o);
+      onTabRemove: o[0] || (o[0] = (l) => {
+        const a = l.toString().match(/tab-(\d+)/)?.[1];
+        e(t).remove(Number(a)), n.value === l && (n.value = `tab-${Number(a) - 1}`), e(h)(r.$attrs["tab-remove"]) && r.$attrs["tab-remove"](l);
       }),
-      onTabAdd: s[1] || (s[1] = () => {
-        const o = e(t).value.length;
-        e(t).value.push(null), n.value = `tab-${o}`, e(h)(r.$attrs["tab-add"]) && r.$attrs["tab-add"]();
+      onTabAdd: o[1] || (o[1] = () => {
+        const l = e(t).value.length;
+        e(t).value.push(null), n.value = `tab-${l}`, e(h)(r.$attrs["tab-add"]) && r.$attrs["tab-add"]();
       }),
       onChange: () => {
       }
     }), {
       default: u(() => [
-        (l(!0), i(_, null, A(e(t).value, (o, a) => (l(), f(e(V), {
+        (s(!0), i(_, null, A(e(t).value, (l, a) => (s(), f(e(L), {
           key: `tab-${a}`,
           closable: a !== 0,
           name: `tab-${a}`
         }, {
           default: u(() => [
-            b(e(L), {
-              schema: e(I)(e(g), a),
+            b(e(q), {
+              schema: e(D)(e(g), a),
               name: a
             }, null, 8, ["schema", "name"])
           ]),
           label: u(() => [
-            m.value[a] > 0 ? (l(), i("span", K, [
+            m.value[a] > 0 ? (s(), i("span", K, [
               b(e(w), {
                 class: B([`${c}-errors-badge`]),
                 value: m.value[a]
               }, {
                 default: u(() => [
-                  N(v(p(a)), 1)
+                  N(v(d(a)), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "value"])
-            ])) : (l(), i("span", j, v(p(a)), 1))
+            ])) : (s(), i("span", j, v(d(a)), 1))
           ]),
           _: 2
         }, 1032, ["closable", "name"]))), 128))
@@ -79,9 +77,9 @@ import '../styles/array-tabs/index.css';const K = { key: 0 }, j = { key: 1 }, G
       _: 1
     }, 16, ["model-value"]));
   }
-}), ae = G;
+}), x = G;
 export {
-  ae as ArrayTabs,
-  ae as default
+  x as ArrayTabs,
+  x as default
 };
 //# sourceMappingURL=index.mjs.map