@tmagic/form 1.7.10 → 1.7.11

package/dist/tmagic-form.umd.cjs

@@ -36,8 +36,8 @@
 		enumerable: true
 	}) : target, mod));
 	//#endregion
-	dayjs = __toESM(dayjs);
-	dayjs_plugin_utc = __toESM(dayjs_plugin_utc);
+	dayjs = __toESM(dayjs, 1);
+	dayjs_plugin_utc = __toESM(dayjs_plugin_utc, 1);
 	//#region node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_freeGlobal.js
 	/** Detect free variable `global` from Node.js. */
 	var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
@@ -1497,7 +1497,8 @@
 	* @param {Array} [entries] The key-value pairs to cache.
 	*/
 	function Stack(entries) {
-		this.size = (this.__data__ = new ListCache(entries)).size;
+		var data = this.__data__ = new ListCache(entries);
+		this.size = data.size;
 	}
 	Stack.prototype.clear = stackClear;
 	Stack.prototype["delete"] = stackDelete;
@@ -4691,16 +4692,6 @@
 	//#region packages/form/src/table/useAdd.ts
 	var useAdd = (props, emit) => {
 		const mForm = (0, vue.inject)("mForm");
-		const addable = (0, vue.computed)(() => {
-			const modelName = props.name || props.config.name || "";
-			if (!props.model[modelName].length) return true;
-			if (typeof props.config.addable === "function") return props.config.addable(mForm, {
-				model: props.model[modelName],
-				formValue: mForm?.values,
-				prop: props.prop
-			});
-			return typeof props.config.addable === "undefined" ? true : props.config.addable;
-		});
 		const newHandler = async (row) => {
 			const modelName = props.name || props.config.name || "";
 			if (props.config.max && props.model[modelName].length >= props.config.max) {
@@ -4708,7 +4699,7 @@
 				return;
 			}
 			if (typeof props.config.beforeAddRow === "function") {
-				if (!props.config.beforeAddRow(mForm, {
+				if (!await props.config.beforeAddRow(mForm, {
 					model: props.model[modelName],
 					formValue: mForm?.values,
 					prop: props.prop
@@ -4749,10 +4740,7 @@
 				value: inputs
 			}] });
 		};
-		return {
-			addable,
-			newHandler
-		};
+		return { newHandler };
 	};
 	//#endregion
 	//#region packages/form/src/table/useFullscreen.ts
@@ -5265,10 +5253,6 @@
 			sortKey: { default: "" },
 			text: {},
 			size: {},
-			enableToggleMode: {
-				type: Boolean,
-				default: true
-			},
 			showIndex: {
 				type: Boolean,
 				default: true
@@ -5287,34 +5271,17 @@
 			const { pageSize, currentPage, paginationData, handleSizeChange, handleCurrentChange } = usePagination(props, modelName);
 			const { nextZIndex } = (0, _tmagic_design.useZIndex)();
 			const updateKey = (0, vue.ref)(1);
-			const { addable, newHandler } = useAdd(props, emit);
+			const fullscreenZIndex = (0, vue.ref)(nextZIndex());
+			const { newHandler } = useAdd(props, emit);
 			const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
 			useSortable(props, emit, tMagicTableRef, modelName, updateKey);
 			const { isFullscreen, toggleFullscreen } = useFullscreen();
+			(0, vue.watch)(isFullscreen, (value) => {
+				if (value) fullscreenZIndex.value = nextZIndex();
+			});
 			const { importable, excelHandler, clearHandler } = useImport(props, emit, newHandler);
 			const { selectHandle, toggleRowSelection } = useSelection(props, emit, tMagicTableRef);
 			const data = (0, vue.computed)(() => props.config.pagination ? paginationData.value : props.model[modelName.value]);
-			const toggleMode = () => {
-				const calcLabelWidth = (label) => {
-					if (!label) return "0px";
-					const zhLength = label.match(/[^\x00-\xff]/g)?.length || 0;
-					const chLength = label.length - zhLength;
-					return `${Math.max(chLength * 8 + zhLength * 20, 80)}px`;
-				};
-				props.config.type = "groupList";
-				props.config.enableToggleMode = true;
-				props.config.tableItems = props.config.items;
-				props.config.items = props.config.groupItems || props.config.items.map((item) => {
-					const text = item.text || item.label;
-					const labelWidth = calcLabelWidth(text);
-					return {
-						...item,
-						text,
-						labelWidth,
-						span: item.span || 12
-					};
-				});
-			};
 			const sortChangeHandler = (sortOptions) => {
 				const modelName = props.name || props.config.name || "";
 				sortChange(props.model[modelName], sortOptions);
@@ -5326,7 +5293,7 @@
 					disabled: !(0, vue.unref)(isFullscreen)
 				}, [(0, vue.createElementVNode)("div", (0, vue.mergeProps)(_ctx.$attrs, {
 					class: ["m-fields-table-wrap", { fixed: (0, vue.unref)(isFullscreen) }],
-					style: (0, vue.unref)(isFullscreen) ? `z-index: ${(0, vue.unref)(nextZIndex)()}` : ""
+					style: (0, vue.unref)(isFullscreen) ? `z-index: ${fullscreenZIndex.value}` : ""
 				}), [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }]) }, [
 					__props.config.extra ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 0,
@@ -5363,15 +5330,7 @@
 					}, 8, ["disabled"]),
 					(0, vue.renderSlot)(_ctx.$slots, "default"),
 					(0, vue.createElementVNode)("div", _hoisted_2$4, [(0, vue.createElementVNode)("div", _hoisted_3$3, [
-						__props.enableToggleMode && __props.config.enableToggleMode !== false && !(0, vue.unref)(isFullscreen) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
-							key: 0,
-							icon: (0, vue.unref)(_element_plus_icons_vue.Grid),
-							size: "small",
-							onClick: toggleMode
-						}, {
-							default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createTextVNode)("展开配置", -1)])]),
-							_: 1
-						}, 8, ["icon"])) : (0, vue.createCommentVNode)("v-if", true),
+						!(0, vue.unref)(isFullscreen) ? (0, vue.renderSlot)(_ctx.$slots, "toggle-button", { key: 0 }) : (0, vue.createCommentVNode)("v-if", true),
 						__props.config.enableFullscreen !== false ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
 							key: 1,
 							icon: (0, vue.unref)(_element_plus_icons_vue.FullScreen),
@@ -5396,7 +5355,7 @@
 								disabled: __props.disabled,
 								plain: ""
 							}, {
-								default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(0, vue.createTextVNode)("导入EXCEL", -1)])]),
+								default: (0, vue.withCtx)(() => [..._cache[0] || (_cache[0] = [(0, vue.createTextVNode)("导入EXCEL", -1)])]),
 								_: 1
 							}, 8, ["disabled"])]),
 							_: 1
@@ -5409,22 +5368,10 @@
 							plain: "",
 							onClick: (0, vue.unref)(clearHandler)
 						}, {
-							default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createTextVNode)("清空", -1)])]),
+							default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createTextVNode)("清空", -1)])]),
 							_: 1
 						}, 8, ["disabled", "onClick"])) : (0, vue.createCommentVNode)("v-if", true)
-					]), (0, vue.unref)(addable) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), (0, vue.mergeProps)({
-						key: 0,
-						class: "m-form-table-add-button",
-						size: "small",
-						plain: "",
-						icon: (0, vue.unref)(_element_plus_icons_vue.Plus)
-					}, __props.config.addButtonConfig?.props || { type: "primary" }, {
-						disabled: __props.disabled,
-						onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(newHandler)())
-					}), {
-						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.config.addButtonConfig?.text || "新增一行"), 1)]),
-						_: 1
-					}, 16, ["icon", "disabled"])) : (0, vue.createCommentVNode)("v-if", true)]),
+					]), (0, vue.renderSlot)(_ctx.$slots, "add-button", { trigger: (0, vue.unref)(newHandler) })]),
 					__props.config.pagination ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$1, [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicPagination), {
 						layout: "total, sizes, prev, pager, next, jumper",
 						"hide-on-single-page": __props.model[modelName.value].length < (0, vue.unref)(pageSize),
@@ -5697,28 +5644,30 @@
 			labelWidth: {},
 			prop: {},
 			size: {},
-			disabled: { type: Boolean }
+			disabled: { type: Boolean },
+			showIndex: { type: Boolean }
 		},
 		emits: ["change", "addDiffCount"],
 		setup(__props, { emit: __emit }) {
 			const props = __props;
 			const emit = __emit;
 			const mForm = (0, vue.inject)("mForm");
-			const addable = (0, vue.computed)(() => {
-				if (!props.name) return false;
-				if (typeof props.config.addable === "function") return props.config.addable(mForm, {
-					model: props.model[props.name],
-					formValue: mForm?.values,
-					prop: props.prop,
-					config: props.config
-				});
-				return typeof props.config.addable === "undefined" ? true : props.config.addable;
-			});
 			const changeHandler = (v, eventData) => {
 				emit("change", props.model, eventData);
 			};
 			const addHandler = async () => {
 				if (!props.name) return false;
+				if (props.config.max && props.model[props.name].length >= props.config.max) {
+					_tmagic_design.tMagicMessage.error(`最多新增配置不能超过${props.config.max}条`);
+					return;
+				}
+				if (typeof props.config.beforeAddRow === "function") {
+					if (!await props.config.beforeAddRow(mForm, {
+						model: props.model[props.name],
+						formValue: mForm?.values,
+						prop: props.prop
+					})) return;
+				}
 				let initValues = {};
 				if (typeof props.config.defaultAdd === "function") initValues = await props.config.defaultAdd(mForm, {
 					model: props.model[props.name],
@@ -5752,15 +5701,6 @@
 				props.model[props.name].splice(Math.min(Math.max(idx2, 0), length - 1), 0, currRow);
 				emit("change", props.model[props.name]);
 			};
-			const toggleMode = () => {
-				props.config.type = "table";
-				props.config.groupItems = props.config.items;
-				props.config.items = props.config.tableItems || props.config.items.map((item) => ({
-					...item,
-					label: item.label || item.text,
-					text: null
-				}));
-			};
 			const onAddDiffCount = () => emit("addDiffCount");
 			const getLastValues = (item, index) => item?.[index] || {};
 			return (_ctx, _cache) => {
@@ -5774,7 +5714,7 @@
 						return (0, vue.openBlock)(), (0, vue.createBlock)(GroupListItem_default, {
 							key: index,
 							model: item,
-							lastValues: getLastValues(__props.lastValues[__props.name], Number(index)),
+							lastValues: getLastValues(__props.lastValues?.[__props.name], Number(index)),
 							"is-compare": __props.isCompare,
 							config: __props.config,
 							prop: __props.prop,
@@ -5801,29 +5741,163 @@
 							"group-model"
 						]);
 					}), 128)),
-					(0, vue.createElementVNode)("div", _hoisted_4, [__props.config.enableToggleMode ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
+					(0, vue.createElementVNode)("div", _hoisted_4, [(0, vue.renderSlot)(_ctx.$slots, "toggle-button"), (0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "add-button", { trigger: addHandler })])])
+				]);
+			};
+		}
+	});
+	//#endregion
+	//#region packages/form/src/containers/TableGroupList.vue
+	var TableGroupList_default = /* @__PURE__ */ (0, vue.defineComponent)({
+		name: "MFormTableGroupList",
+		inheritAttrs: false,
+		__name: "TableGroupList",
+		props: {
+			model: {},
+			lastValues: {},
+			isCompare: { type: Boolean },
+			config: {},
+			name: {},
+			prop: {},
+			labelWidth: {},
+			disabled: { type: Boolean },
+			size: {},
+			enableToggleMode: { type: Boolean },
+			showIndex: { type: Boolean },
+			sortKey: {},
+			sort: { type: Boolean }
+		},
+		emits: [
+			"change",
+			"select",
+			"addDiffCount"
+		],
+		setup(__props, { emit: __emit }) {
+			const props = __props;
+			const emit = __emit;
+			const mForm = (0, vue.inject)("mForm");
+			const addable = (0, vue.computed)(() => {
+				const modelName = props.name || props.config.name || "";
+				if (!modelName) return false;
+				if (!props.model[modelName].length) return true;
+				if (typeof props.config.addable === "function") return props.config.addable(mForm, {
+					model: props.model[modelName],
+					formValue: mForm?.values,
+					prop: props.prop,
+					config: props.config
+				});
+				return typeof props.config.addable === "undefined" ? true : props.config.addable;
+			});
+			const isGroupListType = (type) => type === "groupList" || type === "group-list";
+			const displayMode = (0, vue.ref)(isGroupListType(props.config.type) ? "groupList" : "table");
+			const calcLabelWidth = (label) => {
+				if (!label) return "0px";
+				const zhLength = label.match(/[^\x00-\xff]/g)?.length || 0;
+				const chLength = label.length - zhLength;
+				return `${Math.max(chLength * 8 + zhLength * 20, 80)}px`;
+			};
+			const tableConfig = (0, vue.computed)(() => {
+				if (!isGroupListType(props.config.type)) return props.config;
+				const source = props.config;
+				return {
+					...props.config,
+					type: "table",
+					groupItems: source.items,
+					items: source.tableItems || source.items.map((item) => ({
+						...item,
+						label: item.label || item.text,
+						text: null
+					}))
+				};
+			});
+			const groupListConfig = (0, vue.computed)(() => {
+				if (isGroupListType(props.config.type)) return props.config;
+				const source = props.config;
+				return {
+					...props.config,
+					type: "groupList",
+					tableItems: source.items,
+					items: source.groupItems || source.items.map((item) => {
+						const text = item.text || item.label;
+						return {
+							...item,
+							text,
+							labelWidth: calcLabelWidth(text),
+							span: item.span || 12
+						};
+					})
+				};
+			});
+			const currentConfig = (0, vue.computed)(() => displayMode.value === "table" ? tableConfig.value : groupListConfig.value);
+			const addButtonSize = (0, vue.computed)(() => {
+				if (displayMode.value === "table") return "small";
+				return props.config.enableToggleMode !== false ? "small" : "default";
+			});
+			const toggleDisplayMode = () => {
+				displayMode.value = displayMode.value === "table" ? "groupList" : "table";
+			};
+			const onChange = (v, eventData) => emit("change", v, eventData);
+			const onSelect = (...args) => emit("select", ...args);
+			const onAddDiffCount = () => emit("addDiffCount");
+			return (_ctx, _cache) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(displayMode.value === "table" ? Table_default : GroupList_default), (0, vue.mergeProps)(_ctx.$attrs, {
+					model: __props.model,
+					name: `${__props.name}`,
+					config: currentConfig.value,
+					disabled: __props.disabled,
+					size: __props.size,
+					"is-compare": __props.isCompare,
+					"last-values": __props.lastValues,
+					prop: __props.prop,
+					"label-width": __props.labelWidth,
+					"show-index": __props.showIndex,
+					"sort-key": __props.sortKey,
+					sort: __props.sort,
+					onChange,
+					onSelect,
+					onAddDiffCount
+				}), {
+					"toggle-button": (0, vue.withCtx)(() => [__props.config.enableToggleMode || __props.enableToggleMode ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), {
 						key: 0,
 						icon: (0, vue.unref)(_element_plus_icons_vue.Grid),
 						size: "small",
-						onClick: toggleMode
+						onClick: toggleDisplayMode
 					}, {
-						default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(0, vue.createTextVNode)("切换为表格", -1)])]),
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(displayMode.value === "table" ? "展开配置" : "切换为表格"), 1)]),
 						_: 1
-					}, 8, ["icon"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", _hoisted_5, [addable.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), (0, vue.mergeProps)({
+					}, 8, ["icon"])) : (0, vue.createCommentVNode)("v-if", true)]),
+					"add-button": (0, vue.withCtx)(({ trigger }) => [addable.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_tmagic_design.TMagicButton), (0, vue.mergeProps)({
 						key: 0,
-						size: __props.config.enableToggleMode ? "small" : "default",
-						icon: (0, vue.unref)(_element_plus_icons_vue.Plus)
-					}, __props.config.addButtonConfig?.props || { type: "primary" }, {
-						disabled: __props.disabled,
-						onClick: addHandler
-					}), {
-						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.config.addButtonConfig?.text || "新增"), 1)]),
+						class: displayMode.value === "table" ? "m-form-table-add-button" : "",
+						size: addButtonSize.value,
+						plain: displayMode.value === "table",
+						icon: (0, vue.unref)(_element_plus_icons_vue.Plus),
+						disabled: __props.disabled
+					}, currentConfig.value.addButtonConfig?.props || { type: "primary" }, { onClick: trigger }), {
+						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentConfig.value.addButtonConfig?.text || (displayMode.value === "table" ? "新增一行" : "新增")), 1)]),
 						_: 1
 					}, 16, [
+						"class",
 						"size",
+						"plain",
 						"icon",
-						"disabled"
-					])) : (0, vue.createCommentVNode)("v-if", true)])])
+						"disabled",
+						"onClick"
+					])) : (0, vue.createCommentVNode)("v-if", true)]),
+					_: 1
+				}, 16, [
+					"model",
+					"name",
+					"config",
+					"disabled",
+					"size",
+					"is-compare",
+					"last-values",
+					"prop",
+					"label-width",
+					"show-index",
+					"sort-key",
+					"sort"
 				]);
 			};
 		}
@@ -7607,11 +7681,11 @@
 		app.component("m-form-dialog", FormDialog_default);
 		app.component("m-form-container", Container_default);
 		app.component("m-form-fieldset", Fieldset_default);
-		app.component("m-form-group-list", GroupList_default);
+		app.component("m-form-group-list", TableGroupList_default);
 		app.component("m-form-panel", Panel_default);
 		app.component("m-form-row", Row_default);
 		app.component("m-form-step", Step_default);
-		app.component("m-form-table", Table_default);
+		app.component("m-form-table", TableGroupList_default);
 		app.component("m-form-tab", Tabs_default);
 		app.component("m-form-flex-layout", FlexLayout_default);
 		app.component("m-fields-text", Text_default);
@@ -7654,7 +7728,7 @@
 	exports.MFormBox = FormBox_default;
 	exports.MFormDialog = FormDialog_default;
 	exports.MFormDrawer = FormDrawer_default;
-	exports.MGroupList = GroupList_default;
+	exports.MGroupList = TableGroupList_default;
 	exports.MHidden = Hidden_default;
 	exports.MLink = Link_default;
 	exports.MNumber = Number_default;
@@ -7664,7 +7738,8 @@
 	exports.MRow = Row_default;
 	exports.MSelect = Select_default;
 	exports.MSwitch = Switch_default;
-	exports.MTable = Table_default;
+	exports.MTable = TableGroupList_default;
+	exports.MTableGroupList = TableGroupList_default;
 	exports.MTabs = Tabs_default;
 	exports.MText = Text_default;
 	exports.MTextarea = Textarea_default;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.7.10",
+  "version": "1.7.11",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -50,11 +50,11 @@
     "@vue/test-utils": "^2.4.6"
   },
   "peerDependencies": {
-    "vue": "^3.5.24",
-    "typescript": "^6.0.2",
-    "@tmagic/design": "1.7.10",
-    "@tmagic/form-schema": "1.7.10",
-    "@tmagic/utils": "1.7.10"
+    "vue": "^3.5.33",
+    "typescript": "^6.0.3",
+    "@tmagic/form-schema": "1.7.11",
+    "@tmagic/design": "1.7.11",
+    "@tmagic/utils": "1.7.11"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/containers/GroupList.vue

@@ -10,7 +10,7 @@
       v-for="(item, index) in model[name]"
       :key="index"
       :model="item"
-      :lastValues="getLastValues(lastValues[name], Number(index))"
+      :lastValues="getLastValues(lastValues?.[name], Number(index))"
       :is-compare="isCompare"
       :config="config"
       :prop="prop"
@@ -27,30 +27,19 @@
     ></MFieldsGroupListItem>
 
     <div class="m-fields-group-list-footer">
-      <TMagicButton v-if="config.enableToggleMode" :icon="Grid" size="small" @click="toggleMode"
-        >切换为表格</TMagicButton
-      >
+      <slot name="toggle-button"></slot>
       <div style="display: flex; justify-content: flex-end; flex: 1">
-        <TMagicButton
-          v-if="addable"
-          :size="config.enableToggleMode ? 'small' : 'default'"
-          :icon="Plus"
-          v-bind="config.addButtonConfig?.props || { type: 'primary' }"
-          :disabled="disabled"
-          @click="addHandler"
-          >{{ config.addButtonConfig?.text || '新增' }}</TMagicButton
-        >
+        <slot name="add-button" :trigger="addHandler"></slot>
       </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, inject } from 'vue';
-import { Grid, Plus } from '@element-plus/icons-vue';
+import { inject } from 'vue';
 import { cloneDeep } from 'lodash-es';
 
-import { TMagicButton } from '@tmagic/design';
+import { tMagicMessage } from '@tmagic/design';
 
 import type { ContainerChangeEventData, FormState, GroupListConfig } from '../schema';
 import { initValue } from '../utils/form';
@@ -71,6 +60,7 @@ const props = defineProps<{
   prop?: string;
   size?: string;
   disabled?: boolean;
+  showIndex?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -80,28 +70,27 @@ const emit = defineEmits<{
 
 const mForm = inject<FormState | undefined>('mForm');
 
-const addable = computed(() => {
+const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
+  emit('change', props.model, eventData);
+};
+
+const addHandler = async () => {
   if (!props.name) return false;
 
-  if (typeof props.config.addable === 'function') {
-    return props.config.addable(mForm, {
+  if (props.config.max && props.model[props.name].length >= props.config.max) {
+    tMagicMessage.error(`最多新增配置不能超过${props.config.max}条`);
+    return;
+  }
+
+  if (typeof props.config.beforeAddRow === 'function') {
+    const beforeCheckRes = await props.config.beforeAddRow(mForm, {
       model: props.model[props.name],
       formValue: mForm?.values,
       prop: props.prop,
-      config: props.config,
     });
+    if (!beforeCheckRes) return;
   }
 
-  return typeof props.config.addable === 'undefined' ? true : props.config.addable;
-});
-
-const changeHandler = (v: any, eventData: ContainerChangeEventData) => {
-  emit('change', props.model, eventData);
-};
-
-const addHandler = async () => {
-  if (!props.name) return false;
-
   let initValues = {};
 
   if (typeof props.config.defaultAdd === 'function') {
@@ -153,17 +142,6 @@ const swapHandler = (idx1: number, idx2: number) => {
   emit('change', props.model[props.name]);
 };
 
-const toggleMode = () => {
-  props.config.type = 'table';
-  props.config.groupItems = props.config.items;
-  props.config.items = (props.config.tableItems ||
-    props.config.items.map((item: any) => ({
-      ...item,
-      label: item.label || item.text,
-      text: null,
-    }))) as any;
-};
-
 const onAddDiffCount = () => emit('addDiffCount');
 
 const getLastValues = (item: any, index: number) => item?.[index] || {};