@tmagic/form 1.7.7 → 1.7.8-beta.2

package/dist/es/table/Table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,232 @@
+import { sortChange } from "../utils/form.js";
+import { useAdd } from "./useAdd.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, withCtx } from "vue";
+import { TMagicButton, TMagicPagination, TMagicTable, TMagicTooltip, TMagicUpload, useZIndex } from "@tmagic/design";
+import { FullScreen, Grid, Plus } from "@element-plus/icons-vue";
+//#region packages/form/src/table/Table.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["innerHTML"];
+var _hoisted_2 = { style: {
+	"display": "flex",
+	"justify-content": "space-between",
+	"margin": "10px 0"
+} };
+var _hoisted_3 = { style: { "display": "flex" } };
+var _hoisted_4 = {
+	key: 1,
+	class: "bottom",
+	style: { "text-align": "right" }
+};
+var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFormTable",
+	__name: "Table",
+	props: {
+		model: {},
+		lastValues: { default: () => ({}) },
+		isCompare: {
+			type: Boolean,
+			default: false
+		},
+		config: {},
+		name: {},
+		prop: { default: "" },
+		labelWidth: {},
+		sort: { type: Boolean },
+		disabled: { type: Boolean },
+		sortKey: { default: "" },
+		text: {},
+		size: {},
+		enableToggleMode: {
+			type: Boolean,
+			default: true
+		},
+		showIndex: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"change",
+		"select",
+		"addDiffCount"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		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 { addable, newHandler } = useAdd(props, emit);
+		const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
+		useSortable(props, emit, tMagicTableRef, modelName, updateKey);
+		const { isFullscreen, toggleFullscreen } = useFullscreen();
+		const { importable, excelHandler, clearHandler } = useImport(props, emit, newHandler);
+		const { selectHandle, toggleRowSelection } = useSelection(props, emit, tMagicTableRef);
+		const data = 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);
+		};
+		__expose({ toggleRowSelection });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: "body",
+				disabled: !unref(isFullscreen)
+			}, [createElementVNode("div", mergeProps(_ctx.$attrs, {
+				class: ["m-fields-table-wrap", { fixed: unref(isFullscreen) }],
+				style: unref(isFullscreen) ? `z-index: ${unref(nextZIndex)()}` : ""
+			}), [createElementVNode("div", { class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }]) }, [
+				__props.config.extra ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					style: { "color": "rgba(0, 0, 0, 0.45)" },
+					innerHTML: __props.config.extra
+				}, null, 8, _hoisted_1)) : createCommentVNode("v-if", true),
+				createVNode(unref(TMagicTooltip), {
+					content: "拖拽可排序",
+					placement: "left-start",
+					disabled: __props.config.dropSort !== true || __props.config.dropSortHandle
+				}, {
+					default: withCtx(() => [__props.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
+						ref: "tMagicTable",
+						style: { "width": "100%" },
+						"show-header": "",
+						"row-key": __props.config.rowKey || "id",
+						columns: unref(columns),
+						data: data.value,
+						border: __props.config.border,
+						"max-height": __props.config.maxHeight,
+						"default-expand-all": true,
+						key: updateKey.value,
+						onSelect: unref(selectHandle),
+						onSortChange: sortChangeHandler
+					}, null, 8, [
+						"row-key",
+						"columns",
+						"data",
+						"border",
+						"max-height",
+						"onSelect"
+					])) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["disabled"]),
+				renderSlot(_ctx.$slots, "default"),
+				createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+					__props.enableToggleMode && __props.config.enableToggleMode !== false && !unref(isFullscreen) ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 0,
+						icon: unref(Grid),
+						size: "small",
+						onClick: toggleMode
+					}, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("展开配置", -1)])]),
+						_: 1
+					}, 8, ["icon"])) : createCommentVNode("v-if", true),
+					__props.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 1,
+						icon: unref(FullScreen),
+						size: "small",
+						onClick: unref(toggleFullscreen)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(isFullscreen) ? "退出全屏" : "全屏编辑"), 1)]),
+						_: 1
+					}, 8, ["icon", "onClick"])) : createCommentVNode("v-if", true),
+					unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
+						key: 2,
+						style: { "display": "inline-block" },
+						ref: "excelBtn",
+						action: "/noop",
+						disabled: __props.disabled,
+						"on-change": unref(excelHandler),
+						"auto-upload": false
+					}, {
+						default: withCtx(() => [createVNode(unref(TMagicButton), {
+							size: "small",
+							type: "success",
+							disabled: __props.disabled,
+							plain: ""
+						}, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("导入EXCEL", -1)])]),
+							_: 1
+						}, 8, ["disabled"])]),
+						_: 1
+					}, 8, ["disabled", "on-change"])) : createCommentVNode("v-if", true),
+					unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 3,
+						size: "small",
+						type: "warning",
+						disabled: __props.disabled,
+						plain: "",
+						onClick: unref(clearHandler)
+					}, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("清空", -1)])]),
+						_: 1
+					}, 8, ["disabled", "onClick"])) : createCommentVNode("v-if", true)
+				]), unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), mergeProps({
+					key: 0,
+					class: "m-form-table-add-button",
+					size: "small",
+					plain: "",
+					icon: unref(Plus)
+				}, __props.config.addButtonConfig?.props || { type: "primary" }, {
+					disabled: __props.disabled,
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(newHandler)())
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.config.addButtonConfig?.text || "新增一行"), 1)]),
+					_: 1
+				}, 16, ["icon", "disabled"])) : createCommentVNode("v-if", true)]),
+				__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),
+					"current-page": unref(currentPage) + 1,
+					"page-sizes": [
+						unref(pageSize),
+						60,
+						120,
+						300
+					],
+					"page-size": unref(pageSize),
+					total: __props.model[modelName.value].length,
+					onSizeChange: unref(handleSizeChange),
+					onCurrentChange: unref(handleCurrentChange)
+				}, null, 8, [
+					"hide-on-single-page",
+					"current-page",
+					"page-sizes",
+					"page-size",
+					"total",
+					"onSizeChange",
+					"onCurrentChange"
+				])])) : createCommentVNode("v-if", true)
+			], 2)], 16)], 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { Table_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/table/useAdd.js

@@ -0,0 +1,71 @@
+import { initValue } from "../utils/form.js";
+import { computed, inject } from "vue";
+import { tMagicMessage } from "@tmagic/design";
+//#region packages/form/src/table/useAdd.ts
+var useAdd = (props, emit) => {
+	const mForm = inject("mForm");
+	const addable = 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) {
+			tMagicMessage.error(`最多新增配置不能超过${props.config.max}条`);
+			return;
+		}
+		if (typeof props.config.beforeAddRow === "function") {
+			if (!props.config.beforeAddRow(mForm, {
+				model: props.model[modelName],
+				formValue: mForm?.values,
+				prop: props.prop
+			})) return;
+		}
+		const columns = props.config.items;
+		const enumValues = props.config.enum || [];
+		let enumV = [];
+		const { length } = props.model[modelName];
+		const key = props.config.key || "id";
+		let inputs = {};
+		if (enumValues.length) {
+			if (length >= enumValues.length) return;
+			enumV = enumValues.filter((item) => {
+				let i = 0;
+				for (; i < length; i++) if (item[key] === props.model[modelName][i][key]) break;
+				return i === length;
+			});
+			if (enumV.length > 0) inputs = enumV[0];
+		} else if (Array.isArray(row)) columns.forEach((column, index) => {
+			column.name && (inputs[column.name] = row[index]);
+		});
+		else {
+			if (typeof props.config.defaultAdd === "function") inputs = await props.config.defaultAdd(mForm, {
+				model: props.model[modelName],
+				prop: props.prop,
+				formValue: mForm?.values
+			});
+			else if (props.config.defaultAdd) inputs = props.config.defaultAdd;
+			inputs = await initValue(mForm, {
+				config: columns,
+				initValues: inputs
+			});
+		}
+		if (props.sortKey && length) inputs[props.sortKey] = props.model[modelName][length - 1][props.sortKey] - 1;
+		emit("change", [...props.model[modelName], inputs], { changeRecords: [{
+			propPath: `${props.prop}.${props.model[modelName].length}`,
+			value: inputs
+		}] });
+	};
+	return {
+		addable,
+		newHandler
+	};
+};
+//#endregion
+export { useAdd };

package/dist/es/table/useFullscreen.js

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

package/dist/es/table/useImport.js

@@ -0,0 +1,46 @@
+import { computed, inject, useTemplateRef } from "vue";
+import { asyncLoadJs } from "@tmagic/utils";
+//#region packages/form/src/table/useImport.ts
+var useImport = (props, emit, newHandler) => {
+	const mForm = inject("mForm");
+	const modelName = computed(() => props.name || props.config.name || "");
+	const importable = computed(() => {
+		if (typeof props.config.importable === "function") return props.config.importable(mForm, {
+			formValue: mForm?.values,
+			model: props.model[modelName.value]
+		});
+		return typeof props.config.importable === "undefined" ? false : props.config.importable;
+	});
+	const excelBtn = useTemplateRef("excelBtn");
+	const excelHandler = async (file) => {
+		if (!file?.raw) return false;
+		if (!globalThis.XLSX) await asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js");
+		const reader = new FileReader();
+		reader.onload = () => {
+			const data = reader.result;
+			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);
+				});
+				setTimeout(() => {
+					excelBtn.value?.clearFiles();
+				}, 300);
+			});
+		};
+		reader.readAsArrayBuffer(file.raw);
+		return false;
+	};
+	const clearHandler = () => {
+		emit("change", []);
+		mForm?.$emit("field-change", props.prop, props.model[modelName.value]);
+	};
+	return {
+		importable,
+		excelHandler,
+		clearHandler
+	};
+};
+//#endregion
+export { useImport };

package/dist/es/table/usePagination.js

@@ -0,0 +1,26 @@
+import { getDataByPage } from "../utils/form.js";
+import { computed, ref } from "vue";
+//#region packages/form/src/table/usePagination.ts
+var usePagination = (props, modelName) => {
+	const pageSize = ref(10);
+	/**
+	* 当前页码
+	*/
+	const currentPage = ref(0);
+	const paginationData = computed(() => getDataByPage(props.model[modelName.value], currentPage.value, pageSize.value));
+	const handleSizeChange = (val) => {
+		pageSize.value = val;
+	};
+	const handleCurrentChange = (val) => {
+		currentPage.value = val - 1;
+	};
+	return {
+		pageSize,
+		currentPage,
+		paginationData,
+		handleSizeChange,
+		handleCurrentChange
+	};
+};
+//#endregion
+export { usePagination };

package/dist/es/table/useSelection.js

@@ -0,0 +1,26 @@
+import { inject } from "vue";
+//#region packages/form/src/table/useSelection.ts
+var useSelection = (props, emit, tMagicTableRef) => {
+	const mForm = inject("mForm");
+	const selectHandle = (selection, row) => {
+		if (typeof props.config.selection === "string" && props.config.selection === "single") {
+			tMagicTableRef.value?.clearSelection();
+			tMagicTableRef.value?.toggleRowSelection(row, true);
+		}
+		emit("select", selection, row);
+		if (typeof props.config.onSelect === "function") props.config.onSelect(mForm, {
+			selection,
+			row,
+			config: props.config
+		});
+	};
+	const toggleRowSelection = (row, selected) => {
+		tMagicTableRef.value?.toggleRowSelection.call(tMagicTableRef.value?.getTableRef(), row, selected);
+	};
+	return {
+		selectHandle,
+		toggleRowSelection
+	};
+};
+//#endregion
+export { useSelection };

package/dist/es/table/useSortable.js

@@ -0,0 +1,39 @@
+import { sortArray } from "../utils/form.js";
+import { inject, nextTick, watchEffect } from "vue";
+//#region packages/form/src/table/useSortable.ts
+var SortablePromise;
+var loadSortable = () => SortablePromise ??= import("sortablejs").then((m) => m.default);
+var useSortable = (props, emit, tMagicTableRef, modelName, updateKey) => {
+	const mForm = inject("mForm");
+	let sortable;
+	const rowDrop = async () => {
+		sortable?.destroy();
+		const tableEl = tMagicTableRef.value?.getEl();
+		const tBodyEl = tableEl?.querySelector(".el-table__body > tbody") || tableEl?.querySelector(".t-table__body");
+		if (!tBodyEl) return;
+		sortable = (await loadSortable()).create(tBodyEl, {
+			draggable: ".tmagic-design-table-row",
+			filter: "input",
+			preventOnFilter: false,
+			direction: "vertical",
+			handle: props.config.dropSortHandle ? ".tmagic-form-table-drag-target" : void 0,
+			onEnd: ({ newIndex, oldIndex }) => {
+				if (typeof newIndex === "undefined") return;
+				if (typeof oldIndex === "undefined") return;
+				const newData = sortArray(props.model[modelName.value], newIndex, oldIndex, props.sortKey);
+				emit("change", newData);
+				mForm?.$emit("field-change", newData);
+				nextTick(() => {
+					sortable?.destroy();
+					sortable = void 0;
+					updateKey.value += 1;
+				});
+			}
+		});
+	};
+	watchEffect(() => {
+		if (props.config.dropSort) rowDrop();
+	});
+};
+//#endregion
+export { useSortable };

package/dist/es/table/useTableColumns.js

@@ -0,0 +1,160 @@
+import { display, getDataByPage, sortArray } from "../utils/form.js";
+import Container_default from "../containers/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
+var useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
+	const mForm = inject("mForm");
+	const display$1 = (fuc) => display(mForm, fuc, props);
+	const lastData = computed(() => props.config.pagination ? getDataByPage(props.lastValues[modelName.value], currentPage.value, pageSize.value) : props.lastValues[modelName.value] || []);
+	const itemExtra = (fuc, index) => {
+		if (typeof fuc === "function") return fuc(mForm, {
+			values: mForm?.initValues,
+			model: props.model,
+			formValue: mForm ? mForm.values : props.model,
+			prop: props.prop,
+			index
+		});
+		return fuc;
+	};
+	const titleTip = (fuc) => {
+		if (typeof fuc === "function") return fuc(mForm, {
+			values: mForm?.initValues,
+			model: props.model,
+			formValue: mForm ? mForm.values : props.model,
+			prop: props.prop
+		});
+		return fuc;
+	};
+	const selection = computed(() => {
+		if (typeof props.config.selection === "function") return props.config.selection(mForm, { model: props.model[modelName.value] });
+		return props.config.selection;
+	});
+	const getProp = (index) => {
+		return `${props.prop}${props.prop ? "." : ""}${index + 1 + currentPage.value * pageSize.value - 1}`;
+	};
+	const makeConfig = (config, row) => {
+		const newConfig = cloneDeep(config);
+		if (typeof config.itemsFunction === "function") newConfig.items = config.itemsFunction(row);
+		delete newConfig.display;
+		return newConfig;
+	};
+	const changeHandler = (v, eventData) => {
+		emit("change", props.model, eventData);
+	};
+	const onAddDiffCount = () => emit("addDiffCount");
+	return { columns: computed(() => {
+		const columns = [];
+		if (props.config.itemExtra && !props.config.dropSort) columns.push({
+			props: {
+				fixed: "left",
+				width: 30,
+				type: "expand"
+			},
+			cell: ({ $index }) => h("span", {
+				innerHTML: itemExtra(props.config.itemExtra, $index),
+				class: "m-form-tip"
+			})
+		});
+		if (selection.value) columns.push({ props: {
+			align: "center",
+			headerAlign: "center",
+			type: "selection",
+			width: 45
+		} });
+		let actionFixed = props.config.fixed === false ? void 0 : "left";
+		if (typeof props.config.fixed === "string" && ["left", "right"].includes(props.config.fixed)) actionFixed = props.config.fixed;
+		const actionColumn = {
+			props: {
+				label: "操作",
+				fixed: actionFixed,
+				width: props.config.operateColWidth ?? (props.config.dropSortHandle && props.config.dropSort ? 132 : 112),
+				align: "center"
+			},
+			cell: ({ row, $index }) => h(ActionsColumn_default, {
+				row,
+				index: $index,
+				model: props.model,
+				config: props.config,
+				prop: props.prop,
+				disabled: props.disabled,
+				sortKey: props.sortKey,
+				name: modelName.value,
+				currentPage: currentPage.value,
+				pageSize: pageSize.value,
+				onChange: (v) => {
+					emit("change", v);
+				}
+			})
+		};
+		if (actionFixed !== "right") columns.push(actionColumn);
+		if (props.sort && props.model[modelName.value] && props.model[modelName.value].length > 1) columns.push({
+			props: {
+				label: "排序",
+				width: 80
+			},
+			cell: ({ $index }) => h(SortColumn_default, {
+				index: $index,
+				model: props.model,
+				disabled: props.disabled,
+				name: modelName.value,
+				currentPage: currentPage.value,
+				pageSize: pageSize.value,
+				onSwap: (index1, index2) => {
+					const newData = sortArray(props.model[modelName.value], index1, index2, props.sortKey);
+					emit("change", newData);
+					mForm?.$emit("field-change", newData);
+				}
+			})
+		});
+		if (props.showIndex && props.config.showIndex) columns.push({
+			props: {
+				label: "序号",
+				width: 60
+			},
+			cell: ({ $index }) => h("span", $index + 1 + currentPage.value * pageSize.value)
+		});
+		for (const column of props.config.items) if (column.type !== "hidden" && display$1(column.display)) {
+			const titleTipValue = titleTip(column.titleTip);
+			columns.push({
+				props: {
+					prop: column.name,
+					label: column.label,
+					width: column.width,
+					sortable: column.sortable,
+					sortOrders: ["ascending", "descending"],
+					class: props.config.dropSort === true ? "el-table__column--dropable" : ""
+				},
+				cell: ({ row, $index }) => h(Container_default, {
+					labelWidth: "0",
+					disabled: props.disabled,
+					prop: getProp($index),
+					rules: column.rules,
+					config: makeConfig(column, row),
+					model: row,
+					lastValues: lastData.value[$index],
+					isCompare: props.isCompare,
+					size: props.size,
+					onChange: changeHandler,
+					onAddDiffCount
+				}),
+				title: titleTipValue ? () => h(TMagicTooltip, { placement: "top" }, {
+					default: () => h("span", { style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: "5px"
+					} }, [h("span", column.label), h(TMagicIcon, {}, { default: () => h(WarningFilled) })]),
+					content: () => h("div", { innerHTML: titleTipValue })
+				}) : void 0
+			});
+		}
+		if (actionFixed === "right") columns.push(actionColumn);
+		return columns;
+	}) };
+};
+//#endregion
+export { useTableColumns };

package/dist/es/utils/config.js

@@ -0,0 +1,15 @@
+//#region packages/form/src/utils/config.ts
+var $MAGIC_FORM = {};
+var setConfig = (option) => {
+	$MAGIC_FORM = option;
+};
+var getConfig = (key) => $MAGIC_FORM[key];
+var fieldRegistry = /* @__PURE__ */ new Map();
+var registerField = (tagName, component) => {
+	if (fieldRegistry.has(tagName)) return;
+	fieldRegistry.set(tagName, component);
+};
+var getField = (tagName) => fieldRegistry.get(tagName);
+var deleteField = (tagName) => fieldRegistry.delete(tagName);
+//#endregion
+export { deleteField, getConfig, getField, registerField, setConfig };