@silver-formily/element-plus 2.0.0 → 2.1.0

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/vue'\nimport { observable } from '@formily/reactive'\nimport { RecursionField, useField, useFieldSchema } from '@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 = observable.computed(() => {\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          :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.value\"\n            :offset=\"[5, -2]\"\n            :hidden=\"errorCount.value === 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 '@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  value: {},\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()\nconst activeKeys = ref<number[] | number>([])\n\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst dataSource = ref(field.value)\n\nautorun(() => {\n  isArr(field.value) && (dataSource.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.value) || props.value.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","observable","path","collapseItemProps","useCleanAttrs","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_hoisted_1","_createVNode","RecursionField","isIndexComponent","_renderSlot","_ctx","ElBadge","prefixCls","isOperationComponent","props","__props","fieldRef","schemaRef","collapseProps","activeKeys","ref","getKey","keyMap","ArrayBase","dataSource","autorun","isArr","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 { 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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"}

package/esm/array-collapse/utils.mjs

@@ -3,8 +3,8 @@ import "vue";
 import "element-plus";
 import "@formily/reactive";
 import "@formily/core";
-import "@formily/reactive-vue";
-import "@formily/vue";
+import "@silver-formily/reactive-vue";
+import "@silver-formily/vue";
 const s = `${r}-array-collapse`;
 export {
   s as prefixCls

package/esm/array-items/index.mjs

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

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 '@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(field.value)\nconst triggerUpdateKey = ref(0)\n\nautorun(() => {\n  dataSource.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'])\n</script>\n\n<template>\n  <div :class=\"prefixCls\" v-bind=\"arrayItemsProps\">\n    <ArrayBase :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","triggerUpdateKey","autorun","handleDragEnd","evt","oldIndex","newIndex","isArr","arrayItemsProps","useCleanAttrs","_openBlock","_mergeProps","_unref","_createVNode","ArrayBase","VueDraggable","_Fragment","_renderList","element","index","_createBlock","RecursionField","getArrayItemSchema","itemSchema","key","isAdditionComponent","ArrayItems","composeExport","ArrayItemsInner","ArrayItemsItem"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/array-items/array-items-item.vue","../../src/array-items/array-items.vue","../../src/array-items/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\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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"}

package/esm/array-list-tabs/array-list-tabs.d.ts

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
+    modelValue: {
         type: ArrayConstructor;
         default: () => any[];
     };
@@ -20,12 +20,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
+    modelValue: {
         type: ArrayConstructor;
         default: () => any[];
     };
 }>> & Readonly<{}>, {
-    value: unknown[];
+    modelValue: unknown[];
     showTitleFieldInTab: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/esm/array-list-tabs/index.d.ts

@@ -8,12 +8,12 @@ export declare const ArrayListTabs: {
             type: BooleanConstructor;
             default: boolean;
         };
-        value: {
+        modelValue: {
             type: ArrayConstructor;
             default: () => any[];
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        value: unknown[];
+        modelValue: unknown[];
         showTitleFieldInTab: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -31,12 +31,12 @@ export declare const ArrayListTabs: {
             type: BooleanConstructor;
             default: boolean;
         };
-        value: {
+        modelValue: {
             type: ArrayConstructor;
             default: () => any[];
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        value: unknown[];
+        modelValue: unknown[];
         showTitleFieldInTab: boolean;
     }>;
     __isFragment?: never;
@@ -51,12 +51,12 @@ export declare const ArrayListTabs: {
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
+    modelValue: {
         type: ArrayConstructor;
         default: () => any[];
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    value: unknown[];
+    modelValue: unknown[];
     showTitleFieldInTab: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     Addition: import('vue').DefineComponent<import('../array-base/types').IArrayBaseAdditionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../array-base/types').IArrayBaseAdditionProps> & Readonly<{}>, {

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

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