@silver-formily/element-plus 3.0.1 → 3.0.2

package/esm/array-collapse/index.mjs

@@ -1,9 +1,8 @@
 import { ElCollapseItem as T, ElBadge as j, ElCard as G, ElEmpty as J, ElCollapse as L } from "element-plus";
-import { autorun as Q } from "@formily/reactive";
+import { formilyComputed as Q, autorunEffect as W } from "@silver-formily/reactive-vue";
 import "@vueuse/core";
-import { defineComponent as N, openBlock as l, createBlock as d, unref as e, mergeProps as E, withCtx as f, renderSlot as $, createElementVNode as w, createCommentVNode as S, createVNode as g, normalizeClass as D, createTextVNode as W, toDisplayString as X, ref as B, watchEffect as Y, createElementBlock as A, Fragment as R, renderList as M } from "vue";
+import { defineComponent as N, openBlock as l, createBlock as d, unref as e, mergeProps as R, withCtx as f, renderSlot as $, createElementVNode as w, createCommentVNode as S, createVNode as g, normalizeClass as D, createTextVNode as X, toDisplayString as Y, ref as B, watchEffect as Z, createElementBlock as A, Fragment as E, renderList as M } from "vue";
 import "@formily/core";
-import { formilyComputed as Z } from "@silver-formily/reactive-vue";
 import { useField as P, useFieldSchema as U, RecursionField as I } from "@silver-formily/vue";
 import { useCleanAttrs as b, composeExport as ee } from "../__builtins__/shared/utils.mjs";
 import { ArrayBase as o } from "../array-base/index.mjs";
@@ -15,32 +14,32 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
   inheritAttrs: !1,
   __name: "array-collapse-item",
   setup(x) {
-    const y = P().value, r = U().value.parent, u = re(), m = Z(() => {
+    const y = P().value, r = U().value.parent, m = re(), u = Q(() => {
       const h = y.address.concat();
       return y.form.queryFeedbacks({
         type: "error",
         address: `${h}.**`
       }).length;
     }), { props: c } = b();
-    return (h, V) => (l(), d(e(T), E({ name: e(u) }, e(c)), {
+    return (h, V) => (l(), d(e(T), R({ name: e(m) }, e(c)), {
       title: f(() => [
         w("div", oe, [
           e(C)(e(r).items) ? S("", !0) : (l(), d(e(I), {
             key: 0,
             schema: e(r).items,
-            name: e(u),
+            name: e(m),
             "filter-properties": (s) => e(H)(s),
             "only-render-properties": !0
           }, null, 8, ["schema", "name", "filter-properties"])),
           $(h.$slots, "title", {}, () => [
             g(e(j), {
               class: D([`${e(_)}-errors-badge`]),
-              value: e(m),
+              value: e(u),
               offset: [5, -2],
-              hidden: e(m) === 0
+              hidden: e(u) === 0
             }, {
               default: f(() => [
-                W(X(e(r).items?.["x-component-props"]?.title), 1)
+                X(Y(e(r).items?.["x-component-props"]?.title), 1)
               ]),
               _: 1
             }, 8, ["class", "value", "hidden"])
@@ -48,8 +47,8 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
         ]),
         w("div", null, [
           g(e(I), {
-            schema: Array.isArray(e(r).items) ? e(r).items[e(u)] || e(r).items[0] : e(r).items,
-            name: e(u),
+            schema: Array.isArray(e(r).items) ? e(r).items[e(m)] || e(r).items[0] : e(r).items,
+            name: e(m),
             "filter-properties": (s) => e(K)(s),
             "only-render-properties": !0
           }, null, 8, ["schema", "name", "filter-properties"])
@@ -73,8 +72,8 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
     }
   },
   setup(x) {
-    const v = x, y = P(), k = U(), r = y.value, u = k.value, { props: m } = b(["modelValue", "onUpdate:modelValue"]), c = B([]), { getKey: h, keyMap: V } = o.useKey(k.value), s = B(C(r.value) ? r.value : []);
-    Q(() => {
+    const v = x, y = P(), k = U(), r = y.value, m = k.value, { props: u } = b(["modelValue", "onUpdate:modelValue"]), c = B([]), { getKey: h, keyMap: V } = o.useKey(k.value), s = B(C(r.value) ? r.value : []);
+    W(() => {
       s.value = C(r.value) ? [...r.value] : [];
     });
     function F(a) {
@@ -86,11 +85,11 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
     function q(a, n, t = !1) {
       return t || !C(a) ? n : a.length <= n ? a.concat(n) : a.reduce((i, p) => p === n ? [...i, p, p + 1] : i.concat(p + 1), []);
     }
-    Y(() => {
+    Z(() => {
       !r.modified && s.value.length > 0 && (c.value = O(
         s.value.length,
         v.defaultOpenPanelCount,
-        m.value.accordion
+        u.value.accordion
       ));
     });
     function z(a) {
@@ -106,36 +105,36 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
           c.value = q(
             c.value,
             t,
-            e(m).accordion
+            e(u).accordion
           );
         }
       }, {
         default: f(() => [
-          !Array.isArray(v.modelValue) || v.modelValue.length === 0 ? (l(), d(e(G), E({
+          !Array.isArray(v.modelValue) || v.modelValue.length === 0 ? (l(), d(e(G), R({
             key: 0,
             class: [`${e(_)}-item`],
             shadow: "never"
-          }, e(m), {
-            header: e(m).title || e(r).title
+          }, e(u), {
+            header: e(u).title || e(r).title
           }), {
             default: f(() => [
               g(e(J))
             ]),
             _: 1
-          }, 16, ["class", "header"])) : (l(), d(e(L), E({
+          }, 16, ["class", "header"])) : (l(), d(e(L), R({
             key: 1,
             "model-value": c.value,
             class: `${e(_)}-item`
-          }, e(m), { onChange: z }), {
+          }, e(u), { onChange: z }), {
             default: f(() => [
-              (l(!0), A(R, null, M(s.value, (t, i) => (l(), d(e(o).Item, {
+              (l(!0), A(E, null, M(s.value, (t, i) => (l(), d(e(o).Item, {
                 key: e(h)(t, i),
                 index: i,
                 record: t
               }, {
                 default: f(() => [
                   g(e(I), {
-                    schema: e(te)(e(u), i),
+                    schema: e(te)(e(m), i),
                     name: i,
                     "filter-properties": (p) => !e(H)(p) && !e(K)(p)
                   }, null, 8, ["schema", "name", "filter-properties"])
@@ -145,7 +144,7 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
             ]),
             _: 1
           }, 16, ["model-value", "class"])),
-          (l(!0), A(R, null, M(e(u).properties, (t, i) => (l(), A(R, { key: i }, [
+          (l(!0), A(E, null, M(e(m).properties, (t, i) => (l(), A(E, { key: i }, [
             e(ae)(t) ? (l(), d(e(I), {
               key: 0,
               schema: t,
@@ -157,7 +156,7 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
       }, 8, ["key-map", "add"]))
     ], 2));
   }
-}), Ce = ee(ne, {
+}), Ae = ee(ne, {
   Item: le,
   Index: o.Index,
   SortHandle: o.SortHandle,
@@ -170,7 +169,7 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
   useRecord: o.useRecord
 });
 export {
-  Ce as ArrayCollapse,
-  Ce as default
+  Ae as ArrayCollapse,
+  Ae as default
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-collapse/array-collapse-item.vue","../../src/array-collapse/array-collapse.vue","../../src/array-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { isArr } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElCollapseItem } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__'\nimport { isIndexComponent, isOperationComponent, useIndex } from '../array-base/utils'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n  name: 'FArrayCollapseItem',\n  inheritAttrs: false,\n})\n\nconst fieldRef = useField<ArrayField>()\nconst field = fieldRef.value\nconst schemaRef = useFieldSchema()\nconst schema = schemaRef.value.parent\nconst index = useIndex()\nconst errorCount = formilyComputed(() => {\n  const path = field.address.concat()\n  return field.form.queryFeedbacks({\n    type: 'error',\n    address: `${path}.**`,\n  }).length\n})\n\nconst { props: collapseItemProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCollapseItem :name=\"index\" v-bind=\"collapseItemProps\">\n    <template #title>\n      <div style=\"flex: 1;display: flex;align-items: center;\">\n        <RecursionField\n          v-if=\"!isArr(schema.items)\"\n          :schema=\"schema.items\"\n          :name=\"index\"\n          :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\n          :only-render-properties=\"true\"\n        />\n        <slot name=\"title\">\n          <ElBadge\n            :class=\"[`${prefixCls}-errors-badge`]\"\n            :value=\"errorCount\"\n            :offset=\"[5, -2]\"\n            :hidden=\"errorCount === 0\"\n          >\n            {{ schema.items?.['x-component-props']?.title }}\n          </ElBadge>\n        </slot>\n      </div>\n      <div>\n        <RecursionField\n          :schema=\"Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items\"\n          :name=\"index\"\n          :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\n          :only-render-properties=\"true\"\n        />\n      </div>\n    </template>\n    <slot />\n  </ElCollapseItem>\n</template>\n","<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { autorun } from '@formily/reactive'\nimport { isArr } from '@formily/shared'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport {\n  ElCard,\n  ElCollapse,\n  ElEmpty,\n} from 'element-plus'\nimport { ref, watchEffect } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { ArrayBase } from '../array-base'\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n  name: 'FArrayCollapse',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  modelValue: {},\n  defaultOpenPanelCount: {\n    type: Number,\n    default: 5,\n  },\n})\n\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\nconst field = fieldRef.value\nconst schema = schemaRef.value\n\nconst { props: collapseProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\nconst activeKeys = ref<number[] | number>([])\n\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst dataSource = ref(isArr(field.value) ? field.value : [])\n\nautorun(() => {\n  dataSource.value = isArr(field.value) ? [...field.value] : []\n})\n\nfunction range(count: number) {\n  return Array.from({ length: count }).map((_, i) => i)\n}\n\nfunction takeDefaultActiveKeys(dataSourceLength: number, defaultOpenPanelCount: number, accordion = false) {\n  if (accordion) {\n    return 0\n  }\n  if (dataSourceLength < defaultOpenPanelCount)\n    return range(dataSourceLength)\n\n  return range(defaultOpenPanelCount)\n}\n\nfunction insertActiveKeys(activeKeys: number[] | number, index: number, accordion = false) {\n  if (accordion)\n    return index\n  /* istanbul ignore if -- @preserve */\n  if (!isArr(activeKeys))\n    return index\n  if (activeKeys.length <= index)\n    return (activeKeys).concat(index)\n  return (activeKeys).reduce((buf, key) => {\n    if (key === index)\n      return [...buf, key, key + 1]\n    return buf.concat(key + 1)\n  }, [])\n}\n\nwatchEffect(() => {\n  if (!field.modified && dataSource.value.length > 0) {\n    activeKeys.value = takeDefaultActiveKeys(\n      dataSource.value.length,\n      props.defaultOpenPanelCount,\n      collapseProps.value.accordion as boolean,\n    )\n  }\n})\n\nfunction handleCollapseChange(keys: number[] | number) {\n  activeKeys.value = keys\n}\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ArrayBase\n      :key=\"dataSource.length\"\n      :key-map=\"keyMap\"\n      :add=\"(index: number) => {\n        activeKeys = insertActiveKeys(\n          activeKeys,\n          index,\n          collapseProps.accordion as boolean,\n        )\n      }\"\n    >\n      <template v-if=\"!Array.isArray(props.modelValue) || props.modelValue.length === 0\">\n        <ElCard :class=\"[`${prefixCls}-item`]\" shadow=\"never\" v-bind=\"collapseProps\" :header=\"collapseProps.title || field.title\">\n          <ElEmpty />\n        </ElCard>\n      </template>\n      <template v-else>\n        <ElCollapse\n          :model-value=\"activeKeys\"\n          :class=\"`${prefixCls}-item`\"\n          v-bind=\"collapseProps\"\n          @change=\"handleCollapseChange\"\n        >\n          <ArrayBase.Item v-for=\"(item, index) of dataSource\" :key=\"getKey(item, index)\" :index=\"index\" :record=\"item\">\n            <RecursionField\n              :schema=\"getArrayItemSchema(schema, index)\"\n              :name=\"index\"\n              :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\n            />\n          </ArrayBase.Item>\n        </ElCollapse>\n      </template>\n      <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\n        <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\n      </template>\n    </ArrayBase>\n  </div>\n</template>\n","import { composeExport } from '../__builtins__/shared'\nimport { ArrayBase } from '../array-base'\nimport ArrayCollapseItem from './array-collapse-item.vue'\nimport ArrayCollapseInner from './array-collapse.vue'\nimport './style.scss'\n\nexport const ArrayCollapse = composeExport(ArrayCollapseInner, {\n  Item: ArrayCollapseItem,\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 ArrayCollapse\n"],"names":["field","useField","schema","useFieldSchema","index","useIndex","errorCount","formilyComputed","path","collapseItemProps","useCleanAttrs","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_hoisted_1","isArr","RecursionField","isIndexComponent","_renderSlot","_ctx","_createVNode","ElBadge","prefixCls","isOperationComponent","props","__props","fieldRef","schemaRef","collapseProps","activeKeys","ref","getKey","keyMap","ArrayBase","dataSource","autorun","range","count","_","i","takeDefaultActiveKeys","dataSourceLength","defaultOpenPanelCount","accordion","insertActiveKeys","buf","key","watchEffect","handleCollapseChange","keys","_createElementBlock","ElEmpty","_Fragment","_renderList","item","getArrayItemSchema","itemSchema","isAdditionComponent","ArrayCollapse","composeExport","ArrayCollapseInner","ArrayCollapseItem"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/array-collapse/array-collapse-item.vue","../../src/array-collapse/array-collapse.vue","../../src/array-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { isArr } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElCollapseItem } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__'\nimport { isIndexComponent, isOperationComponent, useIndex } from '../array-base/utils'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n  name: 'FArrayCollapseItem',\n  inheritAttrs: false,\n})\n\nconst fieldRef = useField<ArrayField>()\nconst field = fieldRef.value\nconst schemaRef = useFieldSchema()\nconst schema = schemaRef.value.parent\nconst index = useIndex()\nconst errorCount = formilyComputed(() => {\n  const path = field.address.concat()\n  return field.form.queryFeedbacks({\n    type: 'error',\n    address: `${path}.**`,\n  }).length\n})\n\nconst { props: collapseItemProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCollapseItem :name=\"index\" v-bind=\"collapseItemProps\">\n    <template #title>\n      <div style=\"flex: 1;display: flex;align-items: center;\">\n        <RecursionField\n          v-if=\"!isArr(schema.items)\"\n          :schema=\"schema.items\"\n          :name=\"index\"\n          :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\n          :only-render-properties=\"true\"\n        />\n        <slot name=\"title\">\n          <ElBadge\n            :class=\"[`${prefixCls}-errors-badge`]\"\n            :value=\"errorCount\"\n            :offset=\"[5, -2]\"\n            :hidden=\"errorCount === 0\"\n          >\n            {{ schema.items?.['x-component-props']?.title }}\n          </ElBadge>\n        </slot>\n      </div>\n      <div>\n        <RecursionField\n          :schema=\"Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items\"\n          :name=\"index\"\n          :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\n          :only-render-properties=\"true\"\n        />\n      </div>\n    </template>\n    <slot />\n  </ElCollapseItem>\n</template>\n","<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { isArr } from '@formily/shared'\nimport { autorunEffect } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport {\n  ElCard,\n  ElCollapse,\n  ElEmpty,\n} from 'element-plus'\nimport { ref, watchEffect } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\nimport { ArrayBase } from '../array-base'\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n  name: 'FArrayCollapse',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  modelValue: {},\n  defaultOpenPanelCount: {\n    type: Number,\n    default: 5,\n  },\n})\n\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\nconst field = fieldRef.value\nconst schema = schemaRef.value\n\nconst { props: collapseProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\nconst activeKeys = ref<number[] | number>([])\n\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst dataSource = ref(isArr(field.value) ? field.value : [])\n\nautorunEffect(() => {\n  dataSource.value = isArr(field.value) ? [...field.value] : []\n})\n\nfunction range(count: number) {\n  return Array.from({ length: count }).map((_, i) => i)\n}\n\nfunction takeDefaultActiveKeys(dataSourceLength: number, defaultOpenPanelCount: number, accordion = false) {\n  if (accordion) {\n    return 0\n  }\n  if (dataSourceLength < defaultOpenPanelCount)\n    return range(dataSourceLength)\n\n  return range(defaultOpenPanelCount)\n}\n\nfunction insertActiveKeys(activeKeys: number[] | number, index: number, accordion = false) {\n  if (accordion)\n    return index\n  /* istanbul ignore if -- @preserve */\n  if (!isArr(activeKeys))\n    return index\n  if (activeKeys.length <= index)\n    return (activeKeys).concat(index)\n  return (activeKeys).reduce((buf, key) => {\n    if (key === index)\n      return [...buf, key, key + 1]\n    return buf.concat(key + 1)\n  }, [])\n}\n\nwatchEffect(() => {\n  if (!field.modified && dataSource.value.length > 0) {\n    activeKeys.value = takeDefaultActiveKeys(\n      dataSource.value.length,\n      props.defaultOpenPanelCount,\n      collapseProps.value.accordion as boolean,\n    )\n  }\n})\n\nfunction handleCollapseChange(keys: number[] | number) {\n  activeKeys.value = keys\n}\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ArrayBase\n      :key=\"dataSource.length\"\n      :key-map=\"keyMap\"\n      :add=\"(index: number) => {\n        activeKeys = insertActiveKeys(\n          activeKeys,\n          index,\n          collapseProps.accordion as boolean,\n        )\n      }\"\n    >\n      <template v-if=\"!Array.isArray(props.modelValue) || props.modelValue.length === 0\">\n        <ElCard :class=\"[`${prefixCls}-item`]\" shadow=\"never\" v-bind=\"collapseProps\" :header=\"collapseProps.title || field.title\">\n          <ElEmpty />\n        </ElCard>\n      </template>\n      <template v-else>\n        <ElCollapse\n          :model-value=\"activeKeys\"\n          :class=\"`${prefixCls}-item`\"\n          v-bind=\"collapseProps\"\n          @change=\"handleCollapseChange\"\n        >\n          <ArrayBase.Item v-for=\"(item, index) of dataSource\" :key=\"getKey(item, index)\" :index=\"index\" :record=\"item\">\n            <RecursionField\n              :schema=\"getArrayItemSchema(schema, index)\"\n              :name=\"index\"\n              :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\n            />\n          </ArrayBase.Item>\n        </ElCollapse>\n      </template>\n      <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\n        <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\n      </template>\n    </ArrayBase>\n  </div>\n</template>\n","import { composeExport } from '../__builtins__/shared'\nimport { ArrayBase } from '../array-base'\nimport ArrayCollapseItem from './array-collapse-item.vue'\nimport ArrayCollapseInner from './array-collapse.vue'\nimport './style.scss'\n\nexport const ArrayCollapse = composeExport(ArrayCollapseInner, {\n  Item: ArrayCollapseItem,\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 ArrayCollapse\n"],"names":["field","useField","schema","useFieldSchema","index","useIndex","errorCount","formilyComputed","path","collapseItemProps","useCleanAttrs","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_hoisted_1","isArr","RecursionField","isIndexComponent","_renderSlot","_ctx","_createVNode","ElBadge","prefixCls","isOperationComponent","props","__props","fieldRef","schemaRef","collapseProps","activeKeys","ref","getKey","keyMap","ArrayBase","dataSource","autorunEffect","range","count","_","i","takeDefaultActiveKeys","dataSourceLength","defaultOpenPanelCount","accordion","insertActiveKeys","buf","key","watchEffect","handleCollapseChange","keys","_createElementBlock","ElEmpty","_Fragment","_renderList","item","getArrayItemSchema","itemSchema","isAdditionComponent","ArrayCollapse","composeExport","ArrayCollapseInner","ArrayCollapseItem"],"mappings":"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"}

package/esm/array-collapse/utils.mjs

@@ -1,13 +1,12 @@
 import { stylePrefix as r } from "../__builtins__/configs/index.mjs";
 import "element-plus";
-import "@formily/reactive";
+import "@silver-formily/reactive-vue";
 import "@vueuse/core";
 import "vue";
 import "@formily/core";
-import "@silver-formily/reactive-vue";
 import "@silver-formily/vue";
-const a = `${r}-array-collapse`;
+const s = `${r}-array-collapse`;
 export {
-  a as prefixCls
+  s as prefixCls
 };
 //# sourceMappingURL=utils.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/array-collapse/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-array-collapse`\n"],"names":["prefixCls","stylePrefix"],"mappings":";;;;;;;;AAEO,MAAMA,IAAY,GAAGC,CAAW;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/array-collapse/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-array-collapse`\n"],"names":["prefixCls","stylePrefix"],"mappings":";;;;;;;AAEO,MAAMA,IAAY,GAAGC,CAAW;"}

package/esm/array-items/index.mjs

@@ -1,9 +1,8 @@
 import "element-plus";
-import { autorun as V } from "@formily/reactive";
+import { autorunEffect as M } from "@silver-formily/reactive-vue";
 import "@vueuse/core";
-import { defineComponent as S, openBlock as a, createElementBlock as n, normalizeClass as h, renderSlot as B, ref as $, mergeProps as D, unref as e, createBlock as f, withCtx as y, createVNode as C, Fragment as v, renderList as R, createCommentVNode as E } from "vue";
+import { defineComponent as S, openBlock as a, createElementBlock as n, normalizeClass as h, renderSlot as V, ref as $, mergeProps as B, unref as e, createBlock as f, withCtx as y, createVNode as C, Fragment as v, renderList as R, createCommentVNode as D } from "vue";
 import "@formily/core";
-import "@silver-formily/reactive-vue";
 import { useField as U, useFieldSchema as K, RecursionField as F } from "@silver-formily/vue";
 import { useCleanAttrs as P, composeExport as b } from "../__builtins__/shared/utils.mjs";
 import { ArrayBase as r } from "../array-base/index.mjs";
@@ -21,11 +20,11 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ S({
     }
   },
   setup(A) {
-    const i = A, m = `${I}-array-items`;
-    return (s, u) => (a(), n("div", {
-      class: h(`${m}-${i.type}`)
+    const i = A, l = `${I}-array-items`;
+    return (s, c) => (a(), n("div", {
+      class: h(`${l}-${i.type}`)
     }, [
-      B(s.$slots, "default")
+      V(s.$slots, "default")
     ], 2));
   }
 }), q = ["index"], G = /* @__PURE__ */ S({
@@ -33,23 +32,23 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "array-items",
   setup(A) {
-    const i = U(), m = K(), s = i.value, u = m.value, c = `${I}-array-items`, { getKey: g, keyMap: l } = N(m.value), d = $(_(s.value) ? s.value : []), k = $(0);
-    V(() => {
+    const i = U(), l = K(), s = i.value, c = l.value, u = `${I}-array-items`, { getKey: g, keyMap: m } = N(l.value), d = $(_(s.value) ? s.value : []), k = $(0);
+    M(() => {
       d.value = _(s.value) ? [...s.value] : [];
     });
     async function w(x) {
       const { oldIndex: p, newIndex: t } = x;
-      _(l) && l.splice(t, 0, l.splice(p, 1)[0]), await s.move(p, t), k.value++;
+      _(m) && m.splice(t, 0, m.splice(p, 1)[0]), await s.move(p, t), k.value++;
     }
-    const { props: M } = P(["value", "modelValue", "onUpdate:modelValue"]);
-    return (x, p) => (a(), n("div", D({ class: c }, e(M)), [
+    const { props: E } = P(["value", "modelValue", "onUpdate:modelValue"]);
+    return (x, p) => (a(), n("div", B({ class: u }, e(E)), [
       (a(), f(e(r), {
         key: k.value,
-        "key-map": e(l)
+        "key-map": e(m)
       }, {
         default: y(() => [
           C(e(H), {
-            class: h(`${c}-list`),
+            class: h(`${u}-list`),
             "model-value": d.value,
             handle: `.${e(I)}-array-base-sort-handle`,
             animation: 150,
@@ -64,11 +63,11 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ S({
                 default: y(() => [
                   (a(), n("div", {
                     key: e(g)(t, o),
-                    class: h([`${c}-item-inner`]),
+                    class: h([`${u}-item-inner`]),
                     index: o
                   }, [
                     C(e(F), {
-                      schema: e(z)(e(u), o),
+                      schema: e(z)(e(c), o),
                       name: o
                     }, null, 8, ["schema", "name"])
                   ], 10, q))
@@ -78,19 +77,19 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ S({
             ]),
             _: 1
           }, 8, ["class", "model-value", "handle"]),
-          (a(!0), n(v, null, R(e(u).properties, (t, o) => (a(), n(v, { key: o }, [
+          (a(!0), n(v, null, R(e(c).properties, (t, o) => (a(), n(v, { key: o }, [
             e(L)(t) ? (a(), f(e(F), {
               key: 0,
               schema: t,
               name: "addition"
-            }, null, 8, ["schema"])) : E("", !0)
+            }, null, 8, ["schema"])) : D("", !0)
           ], 64))), 128))
         ]),
         _: 1
       }, 8, ["key-map"]))
     ], 16));
   }
-}), se = b(G, {
+}), oe = b(G, {
   Item: j,
   Index: r.Index,
   SortHandle: r.SortHandle,
@@ -103,7 +102,7 @@ import '../styles/array-items/index.css';const j = /* @__PURE__ */ S({
   useRecord: r.useRecord
 });
 export {
-  se as ArrayItems,
-  se as default
+  oe as ArrayItems,
+  oe as default
 };
 //# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,16 +1,15 @@
 import { ElScrollbar as P, ElBadge as q, ElEmpty as z } from "element-plus";
-import { autorun as A } from "@formily/reactive";
+import { formilyComputed as K, autorunEffect as A } from "@silver-formily/reactive-vue";
 import "@vueuse/core";
-import { defineComponent as K, ref as I, openBlock as a, createElementBlock as s, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as V, createVNode as k, Fragment as b, renderList as F, toDisplayString as N, createCommentVNode as T, normalizeStyle as D } from "vue";
+import { defineComponent as N, ref as I, openBlock as a, createElementBlock as s, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as E, createVNode as k, Fragment as b, renderList as F, toDisplayString as D, createCommentVNode as T, normalizeStyle as M } from "vue";
 import "@formily/core";
-import { formilyComputed as M } from "@silver-formily/reactive-vue";
 import { useField as G, useFieldSchema as H, RecursionField as _ } from "@silver-formily/vue";
 import { composeExport as J } from "../__builtins__/shared/utils.mjs";
-import { ArrayBase as y } from "../array-base/index.mjs";
-import { isArr as w } from "@formily/shared";
-import { isRemoveComponent as B, isAdditionComponent as O, getArrayItemSchema as Q } from "../array-base/utils.mjs";
-import { prefixCls as n, isTabTitleComponent as E } from "./utils.mjs";
-import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "onClick"], W = ["id", "aria-labelledby"], X = /* @__PURE__ */ K({
+import { ArrayBase as f } from "../array-base/index.mjs";
+import { isArr as V } from "@formily/shared";
+import { isRemoveComponent as w, isAdditionComponent as O, getArrayItemSchema as Q } from "../array-base/utils.mjs";
+import { prefixCls as n, isTabTitleComponent as B } from "./utils.mjs";
+import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "onClick"], W = ["id", "aria-labelledby"], X = /* @__PURE__ */ N({
   name: "FArrayListTabs",
   __name: "array-list-tabs",
   props: {
@@ -28,7 +27,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
     }
   },
   setup(R) {
-    const o = R, S = G(), g = H(), l = S.value, u = g.value, f = I(0), { getKey: C, keyMap: j } = y.useKey(g.value), v = M(() => o.showTitleFieldInTab ? l.value.map((m, p) => {
+    const o = R, S = G(), g = H(), l = S.value, u = g.value, y = I(0), { getKey: C, keyMap: j } = f.useKey(g.value), v = K(() => o.showTitleFieldInTab ? l.value.map((m, p) => {
       const r = l.path.concat(p);
       return l.form.queryFeedbacks({
         type: "error",
@@ -57,7 +56,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
         $.value = m;
       }
     }), A(() => {
-      l.value.length > 0 && f.value >= l.value.length && (f.value = l.value.length - 1);
+      l.value.length > 0 && y.value >= l.value.length && (y.value = l.value.length - 1);
     });
     function L(m) {
       return `${m?.[o.tabTitleField] || "未命名条目"}`;
@@ -65,19 +64,19 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
     return (m, p) => (a(), s("div", {
       class: i(e(n))
     }, [
-      (a(), d(e(y), {
+      (a(), d(e(f), {
         key: o.modelValue.length,
         "key-map": e(j)
       }, {
         default: h(() => [
-          V("ul", {
+          E("ul", {
             class: i(`${e(n)}_list`)
           }, [
             k(e(P), {
               class: i(`${e(n)}_list--scroll-wrapper`)
             }, {
               default: h(() => [
-                (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
+                (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(f).Item, {
                   key: t,
                   index: t,
                   record: r
@@ -88,13 +87,13 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
                       key: $.value,
                       class: i([
                         `${e(n)}_list-item`,
-                        f.value === t && "is-active"
+                        y.value === t && "is-active"
                       ]),
                       role: "tab",
                       "aria-controls": `${e(l).props.name}-tab-panel-${t}`,
-                      onClick: () => f.value = t
+                      onClick: () => y.value = t
                     }, [
-                      V("div", {
+                      E("div", {
                         class: i(`${e(n)}_list-item--content`)
                       }, [
                         k(e(q), {
@@ -105,26 +104,26 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
                         }, {
                           default: h(() => [
                             o.showTitleFieldInTab ? (a(), s(b, { key: 1 }, [
-                              e(w)(e(u).items) ? T("", !0) : (a(), d(e(_), {
+                              e(V)(e(u).items) ? T("", !0) : (a(), d(e(_), {
                                 key: 0,
                                 schema: e(u).items,
                                 name: t,
-                                "filter-properties": (c) => e(E)(c, o.tabTitleField),
+                                "filter-properties": (c) => e(B)(c, o.tabTitleField),
                                 "only-render-properties": ""
                               }, null, 8, ["schema", "name", "filter-properties"]))
                             ], 64)) : (a(), s("span", {
                               key: 0,
                               class: i(`${e(n)}_list-item--title`)
-                            }, N(L(r)), 3))
+                            }, D(L(r)), 3))
                           ]),
                           _: 2
                         }, 1032, ["class", "value", "hidden"])
                       ], 2),
-                      e(w)(e(u).items) ? T("", !0) : (a(), d(e(_), {
+                      e(V)(e(u).items) ? T("", !0) : (a(), d(e(_), {
                         key: 0,
                         schema: e(u).items,
                         name: t,
-                        "filter-properties": (c) => e(B)(c),
+                        "filter-properties": (c) => e(w)(c),
                         "only-render-properties": ""
                       }, null, 8, ["schema", "name", "filter-properties"]))
                     ], 10, U))
@@ -148,7 +147,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
           }, [
             k(e(z), { "image-size": 100 })
           ], 2)) : T("", !0),
-          (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
+          (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(f).Item, {
             key: e(C)(r, t),
             index: t,
             record: r
@@ -158,14 +157,14 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
                 id: `${e(l).props.name}-tab-panel-${t}`,
                 key: e(C)(r, t),
                 class: i(`${e(n)}-tabpane`),
-                style: D({ display: f.value === t ? void 0 : "none" }),
+                style: M({ display: y.value === t ? void 0 : "none" }),
                 role: "tabpanel",
                 "aria-labelledby": `${e(l).props.name}-tab-${t}`
               }, [
                 k(e(_), {
                   schema: e(Q)(e(u), t),
                   name: t,
-                  "filter-properties": (c) => e(B)(c) ? !1 : o.showTitleFieldInTab ? !e(E)(c, o.tabTitleField) : !0,
+                  "filter-properties": (c) => e(w)(c) ? !1 : o.showTitleFieldInTab ? !e(B)(c, o.tabTitleField) : !0,
                   "only-render-properties": ""
                 }, null, 8, ["schema", "name", "filter-properties"])
               ], 14, W))
@@ -177,12 +176,12 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
       }, 8, ["key-map"]))
     ], 2));
   }
-}), me = J(X, {
-  Addition: y.Addition,
-  Remove: y.Remove
+}), ne = J(X, {
+  Addition: f.Addition,
+  Remove: f.Remove
 });
 export {
-  me as ArrayListTabs,
-  me as default
+  ne as ArrayListTabs,
+  ne as default
 };
 //# sourceMappingURL=index.mjs.map

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

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