@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/array-list-tabs/style.css

@@ -0,0 +1,90 @@
+.formily-element-plus-array-list-tabs {
+  display: flex;
+  border: 1px solid var(--el-border-color);
+  border-radius: var(--el-border-radius-base);
+  width: 100%;
+}
+.formily-element-plus-array-list-tabs .el-empty {
+  padding: 0;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list {
+  width: 220px;
+  border-right: 1px solid var(--el-border-color);
+  display: flex;
+  flex-direction: column;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list--scroll-wrapper {
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item {
+  padding: 0 12px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: var(--el-border-radius-base);
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  list-style: none;
+  font-size: var(--el-font-size-base);
+  font-weight: 500;
+  color: var(--el-text-color-regular);
+  transition: all 0.3s;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item--content {
+  height: 100%;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item--title {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  user-select: none;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item--close {
+  visibility: hidden;
+  border-radius: 2px;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item--close:hover {
+  background-color: var(--el-fill-color-dark);
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item:hover {
+  color: var(--el-color-primary);
+  background-color: var(--el-fill-color-light);
+  cursor: pointer;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item:hover .formily-element-plus-array-list-tabs_list-item--close {
+  visibility: visible;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item.is-active {
+  color: var(--el-color-primary);
+  background-color: var(--el-fill-color-light);
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs_list-item.is-active .formily-element-plus-array-list-tabs_list-item--title {
+  font-weight: 700;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs-tabpane {
+  flex: 1;
+  box-sizing: border-box;
+  padding: 15px;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-list-tabs-errors-badge {
+  line-height: 1;
+  vertical-align: initial;
+  max-width: 90%;
+}
+.formily-element-plus-array-list-tabs .formily-element-plus-array-base-addition {
+  width: auto;
+  margin: 6px;
+}

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

@@ -1,16 +1,12 @@
-import { stylePrefix as i } from "../__builtins__/configs/index.mjs";
-import "element-plus";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import "vue";
-import "@formily/core";
-import "@silver-formily/vue";
-const u = `${i}-array-list-tabs`;
-function l(r, t) {
-  return r.type !== "void" ? r.name === t : r.properties ? t in r.properties : !1;
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+//#region src/array-list-tabs/utils.ts
+const prefixCls = `${stylePrefix}-array-list-tabs`;
+function isTabTitleComponent(schema, tabTitleField) {
+	if (schema.type !== "void") return schema.name === tabTitleField;
+	if (schema.properties) return tabTitleField in schema.properties;
+	return false;
 }
-export {
-  l as isTabTitleComponent,
-  u as prefixCls
-};
-//# sourceMappingURL=utils.mjs.map
+//#endregion
+export { isTabTitleComponent, prefixCls };
+
+//# sourceMappingURL=utils.mjs.map

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

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

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

@@ -0,0 +1,236 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { isAdditionComponent } from "../array-base/utils.mjs";
+import { ArrayBase } from "../array-base/index.mjs";
+import pagination_default from "../pagination/pagination.mjs";
+import { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from "./utils.mjs";
+import { ElTable, ElTableColumn, vLoading } from "element-plus";
+import { autorunEffect, formilyComputed, reactionWatch } from "@silver-formily/reactive-vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withDirectives } from "vue";
+import { RecursionField, useField, useFieldSchema } from "@silver-formily/vue";
+import { isArr, isEqual } from "@formily/shared";
+import { omit } from "lodash-es";
+import { VueDraggable } from "vue-draggable-plus";
+//#region src/array-table/array-table.vue
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FArrayTable",
+	inheritAttrs: false,
+	__name: "array-table",
+	props: {
+		modelValue: { default: () => [] },
+		pagination: {
+			type: Boolean,
+			default: true
+		},
+		paginationProps: {},
+		height: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { props: elTableProps } = useCleanAttrs();
+		const paginationProps = computed(() => omit(props.paginationProps, ["pageSize", "currentPage"]));
+		const fieldRef = useField();
+		const field = fieldRef.value;
+		const schemaRef = useFieldSchema();
+		const additionSchemas = computed(() => schemaRef.value?.properties ?? {});
+		const { getKey, keyMap } = ArrayBase.useKey(schemaRef.value);
+		const elTableRef = ref();
+		function extractTableSources(schema) {
+			if (isTableComponent(schema)) return createTableSource(schema);
+			return schema.properties ? Object.values(schema.properties).flatMap((element) => extractTableSources(element)) : [];
+		}
+		function createTableSource(schema) {
+			const propName = schema["x-component-props"]?.prop || schema.name;
+			/* istanbul ignore if -- @preserve */
+			if (!propName) return [];
+			const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take();
+			return [{
+				name: propName,
+				display: field?.display || schema["x-display"],
+				required: hasRequiredProperty(schema),
+				field,
+				fieldProps: field?.props || schema.toFieldProps(),
+				schema,
+				columnProps: (field?.component)?.[1] || schema["x-component-props"] || {}
+			}];
+		}
+		const triggerUpdateKey = ref(0);
+		reactionWatch(() => {
+			const path = field.path.entire;
+			return field.query(`${path}.*`).map((item) => {
+				return {
+					name: item.component[0],
+					visible: item.visible
+				};
+			}).filter((item) => item.name.includes("Column"));
+		}, async () => {
+			triggerUpdateKey.value++;
+		}, { equals: isEqual });
+		const dataSource = ref([]);
+		const pageSize = ref(props.paginationProps?.pageSize ?? 10);
+		const currentPage = ref(props.paginationProps?.currentPage ?? 1);
+		function updateDataSource() {
+			/* istanbul ignore if -- @preserve */
+			if (!isArr(field.value)) {
+				dataSource.value = [];
+				return;
+			}
+			if (props.pagination === false) {
+				dataSource.value = [...field.value];
+				return;
+			}
+			dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, currentPage.value * pageSize.value);
+		}
+		watch([pageSize, currentPage], updateDataSource);
+		autorunEffect(updateDataSource);
+		const sources = formilyComputed(() => {
+			const schema = schemaRef.value.items;
+			return (isArr(schema) ? schema : [schema]).reduce((columns, schema) => {
+				const item = extractTableSources(schema);
+				return columns.concat(item);
+			}, []).filter((item) => item.display !== "none");
+		});
+		const columns = computed(() => {
+			return (sources.value ?? []).map((source, index) => ({
+				source,
+				index
+			})).filter(({ source }) => source.display === "visible" && isColumnComponent(source.schema)).map(({ source, index: key }) => {
+				const { name, columnProps, required, field } = source;
+				const { title, asterisk, ...restProps } = columnProps;
+				return {
+					key,
+					props: {
+						label: title,
+						...restProps,
+						prop: name
+					},
+					field,
+					asterisk: asterisk ?? required
+				};
+			});
+		});
+		const stateManagerColumns = computed(() => {
+			return (sources.value ?? []).filter((column) => {
+				return column.display !== "none" && isColumnComponent(column.schema);
+			});
+		});
+		const baseIndex = computed(() => {
+			return (currentPage.value - 1) * pageSize.value;
+		});
+		async function onAddItemClick() {
+			if (props.pagination === false) {
+				await nextTick();
+				const scrollWarpDOM = elTableRef.value?.$el.querySelector(".el-scrollbar__wrap");
+				scrollWarpDOM?.scrollTo({
+					top: scrollWarpDOM.scrollHeight,
+					behavior: "smooth"
+				});
+				return;
+			}
+			/* istanbul ignore if -- @preserve */
+			if (!isArr(field.value)) {
+				currentPage.value = 1;
+				return;
+			}
+			currentPage.value = Math.ceil(field.value.length / pageSize.value);
+		}
+		async function handleDragEnd(evt) {
+			const { oldIndex, newIndex } = evt;
+			await field.move(oldIndex, newIndex);
+			triggerUpdateKey.value++;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [(openBlock(), createBlock(unref(ArrayBase), {
+				key: triggerUpdateKey.value,
+				"key-map": unref(keyMap),
+				add: onAddItemClick
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(VueDraggable), {
+						"model-value": dataSource.value,
+						target: "tbody",
+						handle: `.${unref(stylePrefix)}-array-base-sort-handle`,
+						animation: 150,
+						onEnd: handleDragEnd
+					}, {
+						default: withCtx(() => [withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({
+							ref_key: "elTableRef",
+							ref: elTableRef,
+							"row-key": unref(getKey),
+							data: dataSource.value
+						}, unref(elTableProps)), {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column, colIndex) => {
+								return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
+									key: column.key,
+									ref_for: true
+								}, column.props), {
+									default: withCtx(({ row, $index }) => [(openBlock(), createBlock(unref(ArrayBase).Item, {
+										key: unref(getKey)(row),
+										index: $index + baseIndex.value,
+										record: row
+									}, {
+										default: withCtx(() => [(openBlock(), createBlock(unref(RecursionField), {
+											key: `${unref(getKey)(row)}`,
+											schema: unref(sources)[colIndex].schema,
+											name: $index + baseIndex.value,
+											"only-render-properties": ""
+										}, null, 8, ["schema", "name"]))]),
+										_: 2
+									}, 1032, ["index", "record"]))]),
+									header: withCtx(({ column: col }) => [column.field.content?.header ? (openBlock(), createBlock(resolveDynamicComponent(column.field.content.header), mergeProps({
+										key: 0,
+										ref_for: true
+									}, {
+										...col,
+										field: unref(field)
+									}), null, 16)) : column.asterisk ? (openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-asterisk`) }, "*", 2), createTextVNode(" " + toDisplayString(col.label), 1)])) : createCommentVNode("v-if", true)]),
+									_: 2
+								}, 1040);
+							}), 128))]),
+							_: 1
+						}, 16, ["row-key", "data"])), [[unref(vLoading), unref(field).loading]])]),
+						_: 1
+					}, 8, ["model-value", "handle"]),
+					createCommentVNode(" 状态管理器 "),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(stateManagerColumns.value, (column, key) => {
+						return openBlock(), createBlock(unref(RecursionField), {
+							key,
+							name: column.name,
+							schema: column.schema,
+							"only-render-self": true
+						}, null, 8, ["name", "schema"]);
+					}), 128)),
+					props.pagination ? (openBlock(), createBlock(unref(pagination_default), mergeProps({
+						key: 0,
+						"current-page": currentPage.value,
+						"onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
+						"page-size": pageSize.value,
+						"onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
+						class: `${unref(prefixCls)}-pagination`,
+						background: "",
+						layout: "total, sizes, prev, pager, next",
+						total: props.modelValue.length
+					}, paginationProps.value), null, 16, [
+						"current-page",
+						"page-size",
+						"class",
+						"total"
+					])) : createCommentVNode("v-if", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(additionSchemas.value, (itemSchema, key) => {
+						return openBlock(), createElementBlock(Fragment, { key }, [unref(isAdditionComponent)(itemSchema) ? (openBlock(), createBlock(unref(RecursionField), {
+							key: 0,
+							schema: itemSchema,
+							name: "addition"
+						}, null, 8, ["schema"])) : createCommentVNode("v-if", true)], 64);
+					}), 128))
+				]),
+				_: 1
+			}, 8, ["key-map"]))], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=array-table.mjs.map

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

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