@silver-formily/element-plus 3.0.0 → 3.0.2

package/esm/array-table/index.mjs

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

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

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

package/esm/array-table/utils.mjs

@@ -1,19 +1,25 @@
-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;
+import { stylePrefix as n } from "../__builtins__/configs/index.mjs";
+import "element-plus";
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import "vue";
+import "@formily/core";
+import "@silver-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;
 }
-function s(n) {
-  return p(n) || r(n) || t(n);
+function c(o) {
+  return p(o) || e(o) || i(o);
 }
-function l(n) {
-  return n.reduceProperties((o, e) => o || !!e.required, !1);
+function y(o) {
+  return o.reduceProperties((r, t) => r || !!t.required, !1);
 }
 export {
-  l as hasRequiredProperty,
+  y as hasRequiredProperty,
   p as isColumnComponent,
-  s as isTableComponent,
-  m as prefixCls
+  c as isTableComponent,
+  x 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'\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;"}
+{"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;"}

package/esm/array-tabs/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-tabs/array-tabs.vue","../../src/array-tabs/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { TabPaneName } from 'element-plus'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isEqual, isFn } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\r\nimport { onUnmounted, ref } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { getArrayItemSchema } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n  name: 'FArrayTabs',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\n\r\nconst prefixCls = `${stylePrefix}-array-tabs`\r\nconst activeKey = ref<TabPaneName>('tab-0')\r\n\r\nconst field = fieldRef.value\r\n/* istanbul ignore else -- @preserve */\r\nif (field.value.length === 0) {\r\n  field.value.push(null)\r\n}\r\nconst schema = schemaRef.value\r\nfunction getTabTitle(index: number) {\r\n  return `${field.title || 'Untitled'} ${index + 1}`\r\n}\r\n\r\nconst errorCountList = ref([])\r\nconst dispose = reaction(() => {\r\n  return field.value.map((item, index) => {\r\n    const panelErrors = field.form.queryFeedbacks({\r\n      type: 'error',\r\n      address: `${field.address.concat(index)}.**`,\r\n    })\r\n    return panelErrors.length\r\n  })\r\n}, (newVal) => {\r\n  errorCountList.value = newVal\r\n}, {\r\n  equals: isEqual,\r\n})\r\nonUnmounted(() => {\r\n  dispose()\r\n})\r\nconst { props: elTabProps } = useCleanAttrs(['value', 'modelValue', 'onUpdate:modelValue'])\r\n</script>\r\n\r\n<template>\r\n  <ElTabs\r\n    v-bind=\"elTabProps\"\r\n    :model-value=\"activeKey\"\r\n    :class=\"prefixCls\"\r\n    type=\"card\"\r\n    :addable=\"true\"\r\n    @tab-remove=\"(target) => {\r\n      const index = target.toString().match(/tab-(\\d+)/)?.[1]\r\n      field.remove(Number(index))\r\n      if (activeKey === target) {\r\n        activeKey = `tab-${Number(index) - 1}`\r\n      }\r\n\r\n      if (isFn($attrs['tab-remove'])) {\r\n        $attrs['tab-remove'](target)\r\n      }\r\n    }\"\r\n    @tab-add=\"() => {\r\n      const id = field.value.length\r\n      field.value.push(null)\r\n      activeKey = `tab-${id}`\r\n      if (isFn($attrs['tab-add'])) {\r\n        $attrs['tab-add']()\r\n      }\r\n    }\"\r\n    @change=\"() => {}\"\r\n  >\r\n    <ElTabPane\r\n      v-for=\"(item, index) of field.value\"\r\n      :key=\"`tab-${index}`\"\r\n      :closable=\"index !== 0\"\r\n      :name=\"`tab-${index}`\"\r\n    >\r\n      <template #default>\r\n        <RecursionField\r\n          :schema=\"getArrayItemSchema(schema, index)\"\r\n          :name=\"index\"\r\n        />\r\n      </template>\r\n      <template #label>\r\n        <span v-if=\"errorCountList[index] > 0\">\r\n          <ElBadge\r\n            :class=\"[`${prefixCls}-errors-badge`]\"\r\n            :value=\"errorCountList[index]\"\r\n          >\r\n            {{ getTabTitle(index) }}\r\n          </ElBadge>\r\n        </span>\r\n        <span v-else>\r\n          {{ getTabTitle(index) }}\r\n        </span>\r\n      </template>\r\n    </ElTabPane>\r\n  </ElTabs>\r\n</template>\r\n","import FArrayTabs from './array-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayTabs = FArrayTabs\r\n\r\nexport default ArrayTabs\r\n"],"names":["fieldRef","useField","schemaRef","useFieldSchema","prefixCls","stylePrefix","activeKey","ref","field","schema","getTabTitle","index","errorCountList","dispose","reaction","item","newVal","isEqual","onUnmounted","elTabProps","useCleanAttrs","_createBlock","_unref","ElTabs","_mergeProps","target","isFn","$attrs","_cache","id","_openBlock","_createElementBlock","_Fragment","ElTabPane","_createVNode","RecursionField","getArrayItemSchema","_hoisted_1","ElBadge","_createTextVNode","_toDisplayString","_hoisted_2","ArrayTabs","FArrayTabs"],"mappings":";;;;;;;;;;;;;AAiBA,UAAMA,IAAWC,EAAA,GACXC,IAAYC,EAAA,GAEZC,IAAY,GAAGC,CAAW,eAC1BC,IAAYC,EAAiB,OAAO,GAEpCC,IAAQR,EAAS;AAEvB,IAAIQ,EAAM,MAAM,WAAW,KACzBA,EAAM,MAAM,KAAK,IAAI;AAEvB,UAAMC,IAASP,EAAU;AACzB,aAASQ,EAAYC,GAAe;AAClC,aAAO,GAAGH,EAAM,SAAS,UAAU,IAAIG,IAAQ,CAAC;AAAA,IAClD;AAEA,UAAMC,IAAiBL,EAAI,EAAE,GACvBM,IAAUC,EAAS,MAChBN,EAAM,MAAM,IAAI,CAACO,GAAMJ,MACRH,EAAM,KAAK,eAAe;AAAA,MAC5C,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,QAAQ,OAAOG,CAAK,CAAC;AAAA,IAAA,CACxC,EACkB,MACpB,GACA,CAACK,MAAW;AACb,MAAAJ,EAAe,QAAQI;AAAA,IACzB,GAAG;AAAA,MACD,QAAQC;AAAA,IAAA,CACT;AACD,IAAAC,EAAY,MAAM;AAChB,MAAAL,EAAA;AAAA,IACF,CAAC;AACD,UAAM,EAAE,OAAOM,MAAeC,EAAc,CAAC,SAAS,cAAc,qBAAqB,CAAC;2BAIxFC,EAqDSC,EAAAC,CAAA,GArDTC,EAqDSF,EAAAH,CAAA,GApDW;AAAA,MACjB,eAAab,EAAA;AAAA,MACb,OAAOF;AAAA,MACR,MAAK;AAAA,MACJ,SAAS;AAAA,MACT,8BAAaqB,MAAM;AAAoB,cAAAd,IAAQc,EAAO,SAAA,EAAW,MAAK,WAAA,IAAA,CAAA;AAA0BH,QAAAA,EAAAd,CAAA,EAAM,OAAO,OAAOG,CAAK,CAAA,GAAcL,EAAA,UAAcmB,MAAmBnB,EAAA,QAAS,OAAU,OAAOK,CAAK,IAAA,CAAA,KAA8BW,EAAAI,CAAA,EAAKC,EAAAA,OAAM,YAAA,CAAA,KAA4BA,EAAAA,qBAAqBF,CAAM;AAAA;MAWvS,UAAOG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,MAAA;AAAuB,cAAAC,IAAKP,EAAAd,CAAA,EAAM,MAAM;AAAcc,QAAAA,EAAAd,CAAA,EAAM,MAAM,KAAI,IAAA,GAAcF,EAAA,eAAmBuB,CAAE,IAAcP,EAAAI,CAAA,EAAKC,EAAAA,OAAM,SAAA,CAAA,KAAyBA,EAAAA,OAAM,SAAA,EAAA;AAAA;MAQxK,UAAQ,MAAA;AAAA,MAAA;AAAA,IAAA;iBAGP,MAAoC;AAAA,SADtCG,EAAA,EAAA,GAAAC,EAyBYC,WAxBcV,EAAAd,CAAA,EAAM,OAAK,CAA3BO,GAAMJ,YADhBU,EAyBYC,EAAAW,CAAA,GAAA;AAAA,UAvBT,YAAYtB,CAAK;AAAA,UACjB,UAAUA,MAAK;AAAA,UACf,aAAaA,CAAK;AAAA,QAAA;UAER,WACT,MAGE;AAAA,YAHFuB,EAGEZ,EAAAa,CAAA,GAAA;AAAA,cAFC,QAAQb,EAAAc,CAAA,EAAmBd,EAAAb,CAAA,GAAQE,CAAK;AAAA,cACxC,MAAMA;AAAA,YAAA;;UAGA,SACT,MAOO;AAAA,YAPKC,EAAA,MAAeD,CAAK,IAAA,UAAhCoB,EAOO,QAAAM,GAAA;AAAA,cANLH,EAKUZ,EAAAgB,CAAA,GAAA;AAAA,gBAJP,aAAWlC,CAAS,eAAA,CAAA;AAAA,gBACpB,OAAOQ,EAAA,MAAeD,CAAK;AAAA,cAAA;2BAE5B,MAAwB;AAAA,kBAArB4B,EAAAC,EAAA9B,EAAYC,CAAK,CAAA,GAAA,CAAA;AAAA,gBAAA;;;wBAGxBoB,EAEO,QAAAU,GAAAD,EADF9B,EAAYC,CAAK,CAAA,GAAA,CAAA;AAAA,UAAA;;;;;;;ICpGjB+B,IAAYC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/array-tabs/array-tabs.vue","../../src/array-tabs/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { TabPaneName } from 'element-plus'\nimport { isEqual, isFn } from '@formily/shared'\nimport { reactionWatch } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\nimport { ref } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { getArrayItemSchema } from '../array-base/utils'\n\ndefineOptions({\n  name: 'FArrayTabs',\n  inheritAttrs: false,\n})\n\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\n\nconst prefixCls = `${stylePrefix}-array-tabs`\nconst activeKey = ref<TabPaneName>('tab-0')\n\nconst field = fieldRef.value\n/* istanbul ignore else -- @preserve */\nif (field.value.length === 0) {\n  field.value.push(null)\n}\nconst schema = schemaRef.value\nfunction getTabTitle(index: number) {\n  return `${field.title || 'Untitled'} ${index + 1}`\n}\n\nconst errorCountList = ref([])\nreactionWatch(() => {\n  return field.value.map((item, index) => {\n    const panelErrors = field.form.queryFeedbacks({\n      type: 'error',\n      address: `${field.address.concat(index)}.**`,\n    })\n    return panelErrors.length\n  })\n}, (newVal) => {\n  errorCountList.value = newVal\n}, {\n  equals: isEqual,\n})\nconst { props: elTabProps } = useCleanAttrs(['value', 'modelValue', 'onUpdate:modelValue'])\n</script>\n\n<template>\n  <ElTabs\n    v-bind=\"elTabProps\"\n    :model-value=\"activeKey\"\n    :class=\"prefixCls\"\n    type=\"card\"\n    :addable=\"true\"\n    @tab-remove=\"(target) => {\n      const index = target.toString().match(/tab-(\\d+)/)?.[1]\n      field.remove(Number(index))\n      if (activeKey === target) {\n        activeKey = `tab-${Number(index) - 1}`\n      }\n\n      if (isFn($attrs['tab-remove'])) {\n        $attrs['tab-remove'](target)\n      }\n    }\"\n    @tab-add=\"() => {\n      const id = field.value.length\n      field.value.push(null)\n      activeKey = `tab-${id}`\n      if (isFn($attrs['tab-add'])) {\n        $attrs['tab-add']()\n      }\n    }\"\n    @change=\"() => {}\"\n  >\n    <ElTabPane\n      v-for=\"(item, index) of field.value\"\n      :key=\"`tab-${index}`\"\n      :closable=\"index !== 0\"\n      :name=\"`tab-${index}`\"\n    >\n      <template #default>\n        <RecursionField\n          :schema=\"getArrayItemSchema(schema, index)\"\n          :name=\"index\"\n        />\n      </template>\n      <template #label>\n        <span v-if=\"errorCountList[index] > 0\">\n          <ElBadge\n            :class=\"[`${prefixCls}-errors-badge`]\"\n            :value=\"errorCountList[index]\"\n          >\n            {{ getTabTitle(index) }}\n          </ElBadge>\n        </span>\n        <span v-else>\n          {{ getTabTitle(index) }}\n        </span>\n      </template>\n    </ElTabPane>\n  </ElTabs>\n</template>\n","import FArrayTabs from './array-tabs.vue'\nimport './style.scss'\n\nexport const ArrayTabs = FArrayTabs\n\nexport default ArrayTabs\n"],"names":["fieldRef","useField","schemaRef","useFieldSchema","prefixCls","stylePrefix","activeKey","ref","field","schema","getTabTitle","index","errorCountList","reactionWatch","item","newVal","isEqual","elTabProps","useCleanAttrs","_createBlock","_unref","ElTabs","_mergeProps","target","isFn","$attrs","_cache","id","_openBlock","_createElementBlock","_Fragment","ElTabPane","_createVNode","RecursionField","getArrayItemSchema","_hoisted_1","ElBadge","_createTextVNode","_toDisplayString","_hoisted_2","ArrayTabs","FArrayTabs"],"mappings":";;;;;;;;;;;;;;;AAiBA,UAAMA,IAAWC,EAAA,GACXC,IAAYC,EAAA,GAEZC,IAAY,GAAGC,CAAW,eAC1BC,IAAYC,EAAiB,OAAO,GAEpCC,IAAQR,EAAS;AAEvB,IAAIQ,EAAM,MAAM,WAAW,KACzBA,EAAM,MAAM,KAAK,IAAI;AAEvB,UAAMC,IAASP,EAAU;AACzB,aAASQ,EAAYC,GAAe;AAClC,aAAO,GAAGH,EAAM,SAAS,UAAU,IAAIG,IAAQ,CAAC;AAAA,IAClD;AAEA,UAAMC,IAAiBL,EAAI,EAAE;AAC7B,IAAAM,EAAc,MACLL,EAAM,MAAM,IAAI,CAACM,GAAMH,MACRH,EAAM,KAAK,eAAe;AAAA,MAC5C,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,QAAQ,OAAOG,CAAK,CAAC;AAAA,IAAA,CACxC,EACkB,MACpB,GACA,CAACI,MAAW;AACb,MAAAH,EAAe,QAAQG;AAAA,IACzB,GAAG;AAAA,MACD,QAAQC;AAAA,IAAA,CACT;AACD,UAAM,EAAE,OAAOC,MAAeC,EAAc,CAAC,SAAS,cAAc,qBAAqB,CAAC;2BAIxFC,EAqDSC,EAAAC,CAAA,GArDTC,EAqDSF,EAAAH,CAAA,GApDW;AAAA,MACjB,eAAaX,EAAA;AAAA,MACb,OAAOF;AAAA,MACR,MAAK;AAAA,MACJ,SAAS;AAAA,MACT,8BAAamB,MAAM;AAAmB,cAAAZ,IAAQY,EAAO,SAAA,EAAW,MAAK,WAAA,IAAA,CAAA;AAAyBH,QAAAA,EAAAZ,CAAA,EAAM,OAAO,OAAOG,CAAK,CAAA,GAAaL,EAAA,UAAciB,MAAkBjB,EAAA,QAAS,OAAU,OAAOK,CAAK,IAAA,CAAA,KAA2BS,EAAAI,CAAA,EAAKC,EAAAA,OAAM,YAAA,CAAA,KAA2BA,EAAAA,qBAAqBF,CAAM;AAAA;MAW/R,UAAOG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,MAAA;AAAsB,cAAAC,IAAKP,EAAAZ,CAAA,EAAM,MAAM;AAAaY,QAAAA,EAAAZ,CAAA,EAAM,MAAM,KAAI,IAAA,GAAaF,EAAA,eAAmBqB,CAAE,IAAaP,EAAAI,CAAA,EAAKC,EAAAA,OAAM,SAAA,CAAA,KAAwBA,EAAAA,OAAM,SAAA,EAAA;AAAA;MAQnK,UAAQ,MAAA;AAAA,MAAA;AAAA,IAAA;iBAGP,MAAoC;AAAA,SADtCG,EAAA,EAAA,GAAAC,EAyBYC,WAxBcV,EAAAZ,CAAA,EAAM,OAAK,CAA3BM,GAAMH,YADhBQ,EAyBYC,EAAAW,CAAA,GAAA;AAAA,UAvBT,YAAYpB,CAAK;AAAA,UACjB,UAAUA,MAAK;AAAA,UACf,aAAaA,CAAK;AAAA,QAAA;UAER,WACT,MAGE;AAAA,YAHFqB,EAGEZ,EAAAa,CAAA,GAAA;AAAA,cAFC,QAAQb,EAAAc,CAAA,EAAmBd,EAAAX,CAAA,GAAQE,CAAK;AAAA,cACxC,MAAMA;AAAA,YAAA;;UAGA,SACT,MAOO;AAAA,YAPKC,EAAA,MAAeD,CAAK,IAAA,UAAhCkB,EAOO,QAAAM,GAAA;AAAA,cANLH,EAKUZ,EAAAgB,CAAA,GAAA;AAAA,gBAJP,aAAWhC,CAAS,eAAA,CAAA;AAAA,gBACpB,OAAOQ,EAAA,MAAeD,CAAK;AAAA,cAAA;2BAE5B,MAAwB;AAAA,kBAArB0B,EAAAC,EAAA5B,EAAYC,CAAK,CAAA,GAAA,CAAA;AAAA,gBAAA;;;wBAGxBkB,EAEO,QAAAU,GAAAD,EADF5B,EAAYC,CAAK,CAAA,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjGjB6B,IAAYC;"}

package/esm/autocomplete/index.mjs

@@ -1,9 +1,12 @@
 import { useField as S, connect as $, mapProps as P } from "@silver-formily/vue";
-import { PreviewText as A } from "../preview-text/index.mjs";
-import { defineComponent as R, useSlots as w, ref as C, computed as d, openBlock as F, createBlock as x, unref as u, mergeProps as z, createSlots as B, withCtx as n, renderSlot as r, normalizeProps as E, guardReactiveProps as K } from "vue";
-import { ElAutocomplete as L } from "element-plus";
-import { useCleanAttrs as O } from "../__builtins__/shared/utils.mjs";
-import { mapReadPretty as b } from "../__builtins__/shared/transform-component.mjs";
+import { ElAutocomplete as A } from "element-plus";
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import { defineComponent as R, useSlots as w, ref as C, computed as d, openBlock as F, createBlock as x, unref as p, mergeProps as z, createSlots as B, withCtx as n, renderSlot as r, normalizeProps as E, guardReactiveProps as K } from "vue";
+import { mapReadPretty as L } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as O } from "../preview-text/index.mjs";
+import "@formily/core";
+import { useCleanAttrs as b } from "../__builtins__/shared/utils.mjs";
 const j = /* @__PURE__ */ R({
   name: "FAutocomplete",
   inheritAttrs: !1,
@@ -12,18 +15,18 @@ const j = /* @__PURE__ */ R({
     options: {}
   },
   setup(m) {
-    const f = m, o = w(), { props: i } = O(), t = S(), p = C();
+    const u = m, o = w(), { props: i } = b(), t = S(), f = C();
     t.value?.inject({
-      getElAutocompleteRef: () => p
+      getElAutocompleteRef: () => f
     });
     const c = d(() => {
       const e = i.value.fetchSuggestions;
       if (e)
         return ((a, s) => e(a, s, t.value));
-      if (f.options)
+      if (u.options)
         return (a, s) => {
           t.value.loading = !0;
-          const l = (a ?? "").toLowerCase(), y = i.value.valueKey ?? "value", k = l ? f.options.filter((h) => v(h, y, l)) : f.options;
+          const l = (a ?? "").toLowerCase(), y = i.value.valueKey ?? "value", k = l ? u.options.filter((h) => v(h, y, l)) : u.options;
           s(k), t.value.loading = !1;
         };
     });
@@ -36,28 +39,28 @@ const j = /* @__PURE__ */ R({
       loading: i.value.loading ?? t.value?.loading,
       fetchSuggestions: c.value
     }));
-    return (e, a) => (F(), x(u(L), z({
+    return (e, a) => (F(), x(p(A), z({
       ref_key: "autocompleteRef",
-      ref: p
+      ref: f
     }, g.value), B({ _: 2 }, [
       o.default ? {
         name: "default",
         fn: n((s) => [
-          r(e.$slots, "default", E(K({ ...s, field: u(t) })))
+          r(e.$slots, "default", E(K({ ...s, field: p(t) })))
         ]),
         key: "0"
       } : void 0,
       o.header ? {
         name: "header",
         fn: n(() => [
-          r(e.$slots, "header", { field: u(t) })
+          r(e.$slots, "header", { field: p(t) })
         ]),
         key: "1"
       } : void 0,
       o.footer ? {
         name: "footer",
         fn: n(() => [
-          r(e.$slots, "footer", { field: u(t) })
+          r(e.$slots, "footer", { field: p(t) })
         ]),
         key: "2"
       } : void 0,
@@ -98,13 +101,13 @@ const j = /* @__PURE__ */ R({
       } : void 0
     ]), 1040));
   }
-}), J = $(
+}), Q = $(
   j,
   P({ dataSource: "options", readOnly: "readonly", disabled: !0 }),
-  b(A.Input)
+  L(O.Input)
 );
 export {
-  J as Autocomplete,
-  J as default
+  Q as Autocomplete,
+  Q as default
 };
 //# sourceMappingURL=index.mjs.map