@tmagic/form 1.7.11 → 1.7.12

package/dist/es/containers/GroupList.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,6 @@
-import { initValue } from "../utils/form.js";
 import GroupListItem_default from "./GroupListItem.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, openBlock, renderList, renderSlot } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, renderSlot } from "vue";
 import { cloneDeep } from "lodash-es";
-import { tMagicMessage } from "@tmagic/design";
 //#region packages/form/src/containers/GroupList.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-group-list" };
 var _hoisted_2 = ["innerHTML"];
@@ -35,41 +33,9 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const mForm = inject("mForm");
 		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) {
-				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],
-				formValue: mForm?.values,
-				prop: props.prop,
-				config: props.config
-			});
-			else if (props.config.defaultAdd) initValues = props.config.defaultAdd;
-			const groupValue = await initValue(mForm, {
-				config: props.config.items,
-				initValues
-			});
-			props.model[props.name].push(groupValue);
-			emit("change", props.model[props.name], { changeRecords: [{
-				propPath: `${props.prop}.${props.model[props.name].length - 1}`,
-				value: groupValue
-			}] });
-		};
 		const removeHandler = (index) => {
 			if (!props.name) return false;
 			props.model[props.name].splice(index, 1);
@@ -125,7 +91,7 @@ var GroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 						"group-model"
 					]);
 				}), 128)),
-				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "add-button", { trigger: addHandler })])])
+				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "toggle-button"), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "add-button")])])
 			]);
 		};
 	}

package/dist/es/{table → containers/table}/ActionsColumn.js

@@ -1,5 +1,5 @@
 import ActionsColumn_vue_vue_type_script_setup_true_lang_default from "./ActionsColumn.vue_vue_type_script_setup_true_lang.js";
-//#region packages/form/src/table/ActionsColumn.vue
+//#region packages/form/src/containers/table/ActionsColumn.vue
 var ActionsColumn_default = ActionsColumn_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { ActionsColumn_default as default };

package/dist/es/{table → containers/table}/ActionsColumn.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createVN
 import { cloneDeep } from "lodash-es";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { Delete, DocumentCopy, Sort } from "@element-plus/icons-vue";
-//#region packages/form/src/table/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
+//#region packages/form/src/containers/table/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
 var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ActionsColumn",
 	props: {

package/dist/es/{table → containers/table}/SortColumn.js

@@ -1,5 +1,5 @@
 import SortColumn_vue_vue_type_script_setup_true_lang_default from "./SortColumn.vue_vue_type_script_setup_true_lang.js";
-//#region packages/form/src/table/SortColumn.vue
+//#region packages/form/src/containers/table/SortColumn.vue
 var SortColumn_default = SortColumn_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { SortColumn_default as default };

package/dist/es/{table → containers/table}/SortColumn.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
-//#region packages/form/src/table/SortColumn.vue?vue&type=script&setup=true&lang.ts
+//#region packages/form/src/containers/table/SortColumn.vue?vue&type=script&setup=true&lang.ts
 var SortColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "SortColumn",
 	props: {

package/dist/es/{table → containers/table}/Table.js

@@ -1,5 +1,5 @@
 import Table_vue_vue_type_script_setup_true_lang_default from "./Table.vue_vue_type_script_setup_true_lang.js";
-//#region packages/form/src/table/Table.vue
+//#region packages/form/src/containers/table/Table.vue
 var Table_default = Table_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { Table_default as default };

package/dist/es/{table → containers/table}/Table.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,14 @@
-import { sortChange } from "../utils/form.js";
-import { useAdd } from "./useAdd.js";
+import { sortChange } from "../../utils/form.js";
 import { useFullscreen } from "./useFullscreen.js";
 import { useImport } from "./useImport.js";
 import { usePagination } from "./usePagination.js";
 import { useSelection } from "./useSelection.js";
 import { useSortable } from "./useSortable.js";
 import { useTableColumns } from "./useTableColumns.js";
-import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
-import { TMagicButton, TMagicPagination, TMagicTable, TMagicTooltip, TMagicUpload, useZIndex } from "@tmagic/design";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { TMagicButton, TMagicPagination, TMagicTable, TMagicTooltip, TMagicUpload } from "@tmagic/design";
 import { FullScreen } from "@element-plus/icons-vue";
-//#region packages/form/src/table/Table.vue?vue&type=script&setup=true&lang.ts
+//#region packages/form/src/containers/table/Table.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["innerHTML"];
 var _hoisted_2 = { style: {
 	"display": "flex",
@@ -49,7 +48,8 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	emits: [
 		"change",
 		"select",
-		"addDiffCount"
+		"addDiffCount",
+		"add"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -57,17 +57,11 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const modelName = computed(() => props.name || props.config.name || "");
 		const tMagicTableRef = useTemplateRef("tMagicTable");
 		const { pageSize, currentPage, paginationData, handleSizeChange, handleCurrentChange } = usePagination(props, modelName);
-		const { nextZIndex } = useZIndex();
 		const updateKey = ref(1);
-		const fullscreenZIndex = 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();
-		watch(isFullscreen, (value) => {
-			if (value) fullscreenZIndex.value = nextZIndex();
-		});
-		const { importable, excelHandler, clearHandler } = useImport(props, emit, newHandler);
+		const { isFullscreen, fullscreenZIndex, toggleFullscreen } = useFullscreen();
+		const { importable, excelHandler, clearHandler } = useImport(props, emit);
 		const { selectHandle, toggleRowSelection } = useSelection(props, emit, tMagicTableRef);
 		const data = computed(() => props.config.pagination ? paginationData.value : props.model[modelName.value]);
 		const sortChangeHandler = (sortOptions) => {
@@ -81,7 +75,7 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				disabled: !unref(isFullscreen)
 			}, [createElementVNode("div", mergeProps(_ctx.$attrs, {
 				class: ["m-fields-table-wrap", { fixed: unref(isFullscreen) }],
-				style: unref(isFullscreen) ? `z-index: ${fullscreenZIndex.value}` : ""
+				style: unref(isFullscreen) ? `z-index: ${unref(fullscreenZIndex)}` : ""
 			}), [createElementVNode("div", { class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }]) }, [
 				__props.config.extra ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -159,7 +153,7 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("清空", -1)])]),
 						_: 1
 					}, 8, ["disabled", "onClick"])) : createCommentVNode("v-if", true)
-				]), renderSlot(_ctx.$slots, "add-button", { trigger: unref(newHandler) })]),
+				]), renderSlot(_ctx.$slots, "add-button")]),
 				__props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(TMagicPagination), {
 					layout: "total, sizes, prev, pager, next, jumper",
 					"hide-on-single-page": __props.model[modelName.value].length < unref(pageSize),

package/dist/es/containers/table/useFullscreen.js

@@ -0,0 +1,22 @@
+import { ref, watch } from "vue";
+import { useZIndex } from "@tmagic/design";
+//#region packages/form/src/containers/table/useFullscreen.ts
+var useFullscreen = () => {
+	const { nextZIndex } = useZIndex();
+	const fullscreenZIndex = ref(nextZIndex());
+	const isFullscreen = ref(false);
+	const toggleFullscreen = () => {
+		if (isFullscreen.value) isFullscreen.value = false;
+		else isFullscreen.value = true;
+	};
+	watch(isFullscreen, (value) => {
+		if (value) fullscreenZIndex.value = nextZIndex();
+	});
+	return {
+		isFullscreen,
+		fullscreenZIndex,
+		toggleFullscreen
+	};
+};
+//#endregion
+export { useFullscreen };

package/dist/es/{table → containers/table}/useImport.js

@@ -1,7 +1,7 @@
 import { computed, inject, useTemplateRef } from "vue";
 import { asyncLoadJs } from "@tmagic/utils";
-//#region packages/form/src/table/useImport.ts
-var useImport = (props, emit, newHandler) => {
+//#region packages/form/src/containers/table/useImport.ts
+var useImport = (props, emit) => {
 	const mForm = inject("mForm");
 	const modelName = computed(() => props.name || props.config.name || "");
 	const importable = computed(() => {
@@ -21,9 +21,7 @@ var useImport = (props, emit, newHandler) => {
 			const pdata = globalThis.XLSX.read(data, { type: "array" });
 			pdata.SheetNames.forEach((sheetName) => {
 				const arr = globalThis.XLSX.utils.sheet_to_json(pdata.Sheets[sheetName], { header: 1 });
-				if (arr?.[0]) arr.forEach((row) => {
-					newHandler(row);
-				});
+				if (arr?.[0]) emit("add", arr);
 				setTimeout(() => {
 					excelBtn.value?.clearFiles();
 				}, 300);

package/dist/es/{table → containers/table}/usePagination.js

@@ -1,6 +1,6 @@
-import { getDataByPage } from "../utils/form.js";
+import { getDataByPage } from "../../utils/form.js";
 import { computed, ref } from "vue";
-//#region packages/form/src/table/usePagination.ts
+//#region packages/form/src/containers/table/usePagination.ts
 var usePagination = (props, modelName) => {
 	const pageSize = ref(10);
 	/**

package/dist/es/{table → containers/table}/useSelection.js

@@ -1,5 +1,5 @@
 import { inject } from "vue";
-//#region packages/form/src/table/useSelection.ts
+//#region packages/form/src/containers/table/useSelection.ts
 var useSelection = (props, emit, tMagicTableRef) => {
 	const mForm = inject("mForm");
 	const selectHandle = (selection, row) => {

package/dist/es/{table → containers/table}/useSortable.js

@@ -1,6 +1,6 @@
-import { sortArray } from "../utils/form.js";
+import { sortArray } from "../../utils/form.js";
 import { inject, nextTick, watchEffect } from "vue";
-//#region packages/form/src/table/useSortable.ts
+//#region packages/form/src/containers/table/useSortable.ts
 var SortablePromise;
 var loadSortable = () => SortablePromise ??= import("sortablejs").then((m) => m.default);
 var useSortable = (props, emit, tMagicTableRef, modelName, updateKey) => {

package/dist/es/{table → containers/table}/useTableColumns.js

@@ -1,12 +1,12 @@
-import { display, getDataByPage, sortArray } from "../utils/form.js";
-import Container_default from "../containers/Container.js";
+import { display, getDataByPage, sortArray } from "../../utils/form.js";
+import Container_default from "../Container.js";
 import ActionsColumn_default from "./ActionsColumn.js";
 import SortColumn_default from "./SortColumn.js";
 import { computed, h, inject } from "vue";
 import { cloneDeep } from "lodash-es";
 import { TMagicIcon, TMagicTooltip } from "@tmagic/design";
 import { WarningFilled } from "@element-plus/icons-vue";
-//#region packages/form/src/table/useTableColumns.ts
+//#region packages/form/src/containers/table/useTableColumns.ts
 var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 	const mForm = inject("mForm");
 	const display$1 = (fuc) => display(mForm, fuc, props);
@@ -123,7 +123,7 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 			columns.push({
 				props: {
 					prop: column.name,
-					label: column.label,
+					label: column.label || column.text,
 					width: column.width,
 					sortable: column.sortable,
 					sortOrders: ["ascending", "descending"],
@@ -147,7 +147,7 @@ var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
 						display: "inline-flex",
 						alignItems: "center",
 						gap: "5px"
-					} }, [h("span", column.label), h(TMagicIcon, {}, { default: () => h(WarningFilled) })]),
+					} }, [h("span", column.label || column.text), h(TMagicIcon, {}, { default: () => h(WarningFilled) })]),
 					content: () => h("div", { innerHTML: titleTipValue })
 				}) : void 0
 			});

package/dist/es/containers/{TableGroupList.js → table-group-list/TableGroupList.js}

@@ -1,5 +1,5 @@
 import TableGroupList_vue_vue_type_script_setup_true_lang_default from "./TableGroupList.vue_vue_type_script_setup_true_lang.js";
-//#region packages/form/src/containers/TableGroupList.vue
+//#region packages/form/src/containers/table-group-list/TableGroupList.vue
 var TableGroupList_default = TableGroupList_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { TableGroupList_default as default };

package/dist/es/containers/{TableGroupList.vue_vue_type_script_setup_true_lang.js → table-group-list/TableGroupList.vue_vue_type_script_setup_true_lang.js}

@@ -1,9 +1,10 @@
+import GroupList_default from "../GroupList.js";
 import Table_default from "../table/Table.js";
-import GroupList_default from "./GroupList.js";
-import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, inject, mergeProps, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { useAdd } from "./useAdd.js";
+import { computed, createBlock, createCommentVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
 import { TMagicButton } from "@tmagic/design";
 import { Grid, Plus } from "@element-plus/icons-vue";
-//#region packages/form/src/containers/TableGroupList.vue?vue&type=script&setup=true&lang.ts
+//#region packages/form/src/containers/table-group-list/TableGroupList.vue?vue&type=script&setup=true&lang.ts
 var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFormTableGroupList",
 	inheritAttrs: false,
@@ -28,22 +29,10 @@ var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		"select",
 		"addDiffCount"
 	],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const mForm = inject("mForm");
-		const addable = 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 { addable, newHandler } = useAdd(props, emit);
 		const isGroupListType = (type) => type === "groupList" || type === "group-list";
 		const displayMode = ref(isGroupListType(props.config.type) ? "groupList" : "table");
 		const calcLabelWidth = (label) => {
@@ -95,8 +84,15 @@ var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const onChange = (v, eventData) => emit("change", v, eventData);
 		const onSelect = (...args) => emit("select", ...args);
 		const onAddDiffCount = () => emit("addDiffCount");
+		const onAdd = (rows) => {
+			rows.forEach((row) => {
+				newHandler(row);
+			});
+		};
+		const tableGroupListRef = useTemplateRef("tableGroupList");
+		__expose({ toggleRowSelection: (row, selected) => tableGroupListRef.value?.toggleRowSelection?.(row, selected) });
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(displayMode.value === "table" ? Table_default : GroupList_default), mergeProps(_ctx.$attrs, {
+			return openBlock(), createBlock(resolveDynamicComponent(displayMode.value === "table" ? Table_default : GroupList_default), mergeProps({ ref: "tableGroupList" }, _ctx.$attrs, {
 				model: __props.model,
 				name: `${__props.name}`,
 				config: currentConfig.value,
@@ -111,8 +107,9 @@ var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				sort: __props.sort,
 				onChange,
 				onSelect,
-				onAddDiffCount
-			}), {
+				onAddDiffCount,
+				onAdd
+			}), createSlots({
 				"toggle-button": withCtx(() => [__props.config.enableToggleMode || __props.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
 					key: 0,
 					icon: unref(Grid),
@@ -122,14 +119,16 @@ var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					default: withCtx(() => [createTextVNode(toDisplayString(displayMode.value === "table" ? "展开配置" : "切换为表格"), 1)]),
 					_: 1
 				}, 8, ["icon"])) : createCommentVNode("v-if", true)]),
-				"add-button": withCtx(({ trigger }) => [addable.value ? (openBlock(), createBlock(unref(TMagicButton), mergeProps({
-					key: 0,
+				_: 2
+			}, [unref(addable) ? {
+				name: "add-button",
+				fn: withCtx(() => [createVNode(unref(TMagicButton), mergeProps({
 					class: displayMode.value === "table" ? "m-form-table-add-button" : "",
 					size: addButtonSize.value,
 					plain: displayMode.value === "table",
 					icon: unref(Plus),
 					disabled: __props.disabled
-				}, currentConfig.value.addButtonConfig?.props || { type: "primary" }, { onClick: trigger }), {
+				}, currentConfig.value.addButtonConfig?.props || { type: "primary" }, { onClick: unref(newHandler) }), {
 					default: withCtx(() => [createTextVNode(toDisplayString(currentConfig.value.addButtonConfig?.text || (displayMode.value === "table" ? "新增一行" : "新增")), 1)]),
 					_: 1
 				}, 16, [
@@ -139,9 +138,9 @@ var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"icon",
 					"disabled",
 					"onClick"
-				])) : createCommentVNode("v-if", true)]),
-				_: 1
-			}, 16, [
+				])]),
+				key: "0"
+			} : void 0]), 1040, [
 				"model",
 				"name",
 				"config",

package/dist/es/{table → containers/table-group-list}/useAdd.js

@@ -1,9 +1,21 @@
-import { initValue } from "../utils/form.js";
-import { inject } from "vue";
+import { initValue } from "../../utils/form.js";
+import { computed, inject } from "vue";
 import { tMagicMessage } from "@tmagic/design";
-//#region packages/form/src/table/useAdd.ts
+//#region packages/form/src/containers/table-group-list/useAdd.ts
 var useAdd = (props, emit) => {
 	const mForm = inject("mForm");
+	const addable = 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 newHandler = async (row) => {
 		const modelName = props.name || props.config.name || "";
 		if (props.config.max && props.model[modelName].length >= props.config.max) {
@@ -52,7 +64,10 @@ var useAdd = (props, emit) => {
 			value: inputs
 		}] });
 	};
-	return { newHandler };
+	return {
+		addable,
+		newHandler
+	};
 };
 //#endregion
 export { useAdd };

package/dist/es/index.js

@@ -13,7 +13,7 @@ import FlexLayout_default from "./containers/FlexLayout.js";
 import Panel_default from "./containers/Panel.js";
 import Row_default from "./containers/Row.js";
 import Tabs_default from "./containers/Tabs.js";
-import TableGroupList_default from "./containers/TableGroupList.js";
+import TableGroupList_default from "./containers/table-group-list/TableGroupList.js";
 import Text_default from "./fields/Text.js";
 import Number_default from "./fields/Number.js";
 import NumberRange_default from "./fields/NumberRange.js";

package/dist/es/plugin.js

@@ -8,7 +8,7 @@ import FlexLayout_default from "./containers/FlexLayout.js";
 import Panel_default from "./containers/Panel.js";
 import Row_default from "./containers/Row.js";
 import Tabs_default from "./containers/Tabs.js";
-import TableGroupList_default from "./containers/TableGroupList.js";
+import TableGroupList_default from "./containers/table-group-list/TableGroupList.js";
 import Text_default from "./fields/Text.js";
 import Number_default from "./fields/Number.js";
 import NumberRange_default from "./fields/NumberRange.js";