@tmagic/editor 1.7.7 → 1.7.8-beta.2

package/dist/es/hooks/use-float-box.js

@@ -0,0 +1,76 @@
+import { useServices } from "./use-services.js";
+import { computed, onBeforeUnmount, ref, watch } from "vue";
+//#region packages/editor/src/hooks/use-float-box.ts
+var useFloatBox = (slideKeys) => {
+	const { uiService } = useServices();
+	const floatBoxStates = ref(slideKeys.value.reduce((total, cur) => ({
+		...total,
+		[cur]: {
+			status: false,
+			top: 0,
+			left: 0
+		}
+	}), {}));
+	const showingBoxKeys = computed(() => Object.keys(floatBoxStates.value).filter((key) => floatBoxStates.value[key].status));
+	const dragState = {
+		startOffset: {
+			x: 0,
+			y: 0
+		},
+		isDragging: false
+	};
+	const dragstartHandler = (e) => {
+		dragState.isDragging = true;
+		dragState.startOffset.x = e.clientX;
+		dragState.startOffset.y = e.clientY;
+	};
+	const effectiveDistance = 20;
+	const dragendHandler = (key, e) => {
+		if (!dragState.isDragging) return;
+		const { startOffset } = dragState;
+		if (Math.abs(startOffset.x - e.clientX) > effectiveDistance || Math.abs(startOffset.y - e.clientY) > effectiveDistance) {
+			const navMenuRect = uiService.get("navMenuRect");
+			floatBoxStates.value[key] = {
+				left: e.clientX,
+				top: navMenuRect.top + navMenuRect.height,
+				status: true
+			};
+		}
+		dragState.isDragging = false;
+	};
+	const dragoverHandler = (e) => {
+		if (!dragState.isDragging) return;
+		e.preventDefault();
+	};
+	const blurHandler = () => {
+		dragState.startOffset.x = 0;
+		dragState.startOffset.y = 0;
+		dragState.isDragging = false;
+	};
+	globalThis.document.body.addEventListener("dragover", dragoverHandler);
+	globalThis.addEventListener("blur", blurHandler);
+	onBeforeUnmount(() => {
+		globalThis.document.body.removeEventListener("dragover", dragoverHandler);
+		globalThis.removeEventListener("blur", blurHandler);
+	});
+	watch(() => slideKeys.value, (slideKeys) => {
+		slideKeys.forEach((key) => {
+			if (!floatBoxStates.value[key]) floatBoxStates.value[key] = {
+				status: false,
+				top: 0,
+				left: 0
+			};
+		});
+	}, {
+		deep: true,
+		immediate: true
+	});
+	return {
+		dragstartHandler,
+		dragendHandler,
+		floatBoxStates,
+		showingBoxKeys
+	};
+};
+//#endregion
+export { useFloatBox };

package/dist/es/hooks/use-getso.js

@@ -0,0 +1,28 @@
+import { onBeforeUnmount, onMounted, ref } from "vue";
+import Gesto from "gesto";
+//#region packages/editor/src/hooks/use-getso.ts
+var useGetSo = (target, emit) => {
+	let getso;
+	const isDragging = ref(false);
+	onMounted(() => {
+		if (!target.value) return;
+		getso = new Gesto(target.value, {
+			container: window,
+			pinchOutside: true
+		}).on("drag", (e) => {
+			if (!target.value) return;
+			emit("change", e);
+		}).on("dragStart", () => {
+			isDragging.value = true;
+		}).on("dragEnd", () => {
+			isDragging.value = false;
+		});
+	});
+	onBeforeUnmount(() => {
+		getso?.unset();
+		isDragging.value = false;
+	});
+	return { isDragging };
+};
+//#endregion
+export { useGetSo };

package/dist/es/hooks/use-next-float-box-position.js

@@ -0,0 +1,27 @@
+import { ref } from "vue";
+//#region packages/editor/src/hooks/use-next-float-box-position.ts
+var useNextFloatBoxPosition = (uiService, parent) => {
+	const boxPosition = ref({
+		left: 0,
+		top: 0
+	});
+	const calcBoxPosition = () => {
+		const columnWidth = uiService.get("columnWidth");
+		const navMenuRect = uiService.get("navMenuRect");
+		let left = columnWidth.left ?? 0;
+		if (parent?.value) {
+			const rect = parent.value.getBoundingClientRect();
+			left = rect.left + rect.width;
+		}
+		boxPosition.value = {
+			left,
+			top: navMenuRect.top + navMenuRect.height
+		};
+	};
+	return {
+		boxPosition,
+		calcBoxPosition
+	};
+};
+//#endregion
+export { useNextFloatBoxPosition };

package/dist/es/hooks/use-node-status.js

@@ -0,0 +1,28 @@
+import { traverseNode } from "@tmagic/utils";
+import { ref, watch } from "vue";
+//#region packages/editor/src/hooks/use-node-status.ts
+var createPageNodeStatus = (nodeData, initialLayerNodeStatus) => {
+	const map = /* @__PURE__ */ new Map();
+	nodeData.forEach((node) => traverseNode(node, (node) => {
+		map.set(node.id, initialLayerNodeStatus?.get(node.id) || {
+			visible: true,
+			expand: false,
+			selected: false,
+			draggable: false
+		});
+	}));
+	return map;
+};
+var useNodeStatus = (nodeData) => {
+	/** 所有页面的节点状态 */
+	const nodeStatusMap = ref(/* @__PURE__ */ new Map());
+	watch(nodeData, (nodeData) => {
+		nodeStatusMap.value = createPageNodeStatus(nodeData, nodeStatusMap.value);
+	}, {
+		immediate: true,
+		deep: true
+	});
+	return { nodeStatusMap };
+};
+//#endregion
+export { useNodeStatus };

package/dist/es/hooks/use-services.js

@@ -0,0 +1,9 @@
+import { inject } from "vue";
+//#region packages/editor/src/hooks/use-services.ts
+var useServices = () => {
+	const services = inject("services");
+	if (!services) throw new Error("services is required");
+	return services;
+};
+//#endregion
+export { useServices };

package/dist/es/hooks/use-stage.js

@@ -0,0 +1,107 @@
+import { buildChangeRecords, getGuideLineFromCache } from "../utils/editor.js";
+import editor_default from "../services/editor.js";
+import { H_GUIDE_LINE_STORAGE_KEY, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY } from "../utils/const.js";
+import ui_default from "../services/ui.js";
+import StageCore, { GuidesType } from "@tmagic/stage";
+import { getIdFromEl } from "@tmagic/utils";
+import { computed, watch } from "vue";
+//#region packages/editor/src/hooks/use-stage.ts
+var root = computed(() => editor_default.get("root"));
+var page = computed(() => editor_default.get("page"));
+var zoom = computed(() => ui_default.get("zoom") || 1);
+var uiSelectMode = computed(() => ui_default.get("uiSelectMode"));
+var getGuideLineKey = (key) => `${key}_${root.value?.id}_${page.value?.id}`;
+var useStage = (stageOptions) => {
+	const stage = new StageCore({
+		render: stageOptions.render,
+		runtimeUrl: stageOptions.runtimeUrl,
+		zoom: stageOptions.zoom ?? zoom.value,
+		autoScrollIntoView: stageOptions.autoScrollIntoView,
+		isContainer: stageOptions.isContainer,
+		containerHighlightClassName: stageOptions.containerHighlightClassName,
+		containerHighlightDuration: stageOptions.containerHighlightDuration,
+		containerHighlightType: stageOptions.containerHighlightType,
+		disabledDragStart: stageOptions.disabledDragStart,
+		renderType: stageOptions.renderType,
+		canSelect: (el, event, stop) => {
+			if (!stageOptions.canSelect) return true;
+			const elCanSelect = stageOptions.canSelect?.(el);
+			if (uiSelectMode.value && elCanSelect && event.type === "mousedown") {
+				document.dispatchEvent(new CustomEvent(UI_SELECT_MODE_EVENT_NAME, { detail: el }));
+				return stop();
+			}
+			return elCanSelect;
+		},
+		moveableOptions: stageOptions.moveableOptions,
+		updateDragEl: stageOptions.updateDragEl,
+		guidesOptions: stageOptions.guidesOptions,
+		disabledMultiSelect: stageOptions.disabledMultiSelect,
+		disabledRule: stageOptions.disabledRule
+	});
+	watch(() => editor_default.get("disabledMultiSelect"), (disabledMultiSelect) => {
+		if (disabledMultiSelect) stage.disableMultiSelect();
+		else stage.enableMultiSelect();
+	});
+	stage.mask?.setGuides([getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY)), getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY))]);
+	stage.on("page-el-update", () => {
+		editor_default.set("stageLoading", false);
+	});
+	stage.on("select", (el) => {
+		const id = getIdFromEl()(el);
+		if (`${editor_default.get("node")?.id}` === id && editor_default.get("nodes").length === 1) return;
+		id && editor_default.select(id);
+	});
+	stage.on("highlight", (el) => {
+		const id = getIdFromEl()(el);
+		id && editor_default.highlight(id);
+	});
+	stage.on("multi-select", (els) => {
+		const ids = els.map((el) => getIdFromEl()(el)).filter((id) => Boolean(id));
+		editor_default.multiSelect(ids);
+	});
+	stage.on("update", (ev) => {
+		if (ev.parentEl) {
+			for (const data of ev.data) {
+				const id = getIdFromEl()(data.el);
+				const pId = getIdFromEl()(ev.parentEl);
+				id && pId && editor_default.moveToContainer({
+					id,
+					style: data.style
+				}, pId);
+			}
+			return;
+		}
+		ev.data.forEach((data) => {
+			const id = getIdFromEl()(data.el);
+			if (!id) return;
+			const { style = {} } = data;
+			editor_default.update({
+				id,
+				style
+			}, { changeRecords: buildChangeRecords(style, "style") });
+		});
+	});
+	stage.on("sort", (ev) => {
+		editor_default.sort(ev.src, ev.dist);
+	});
+	stage.on("remove", (ev) => {
+		const nodes = ev.data.map(({ el }) => editor_default.getNodeById(getIdFromEl()(el) || ""));
+		editor_default.remove(nodes.filter((node) => Boolean(node)));
+	});
+	stage.on("select-parent", () => {
+		const parent = editor_default.get("parent");
+		if (!parent) throw new Error("父节点为空");
+		editor_default.select(parent);
+		editor_default.get("stage")?.select(parent.id);
+	});
+	stage.on("change-guides", (e) => {
+		ui_default.set("showGuides", true);
+		if (!root.value || !page.value) return;
+		const storageKey = getGuideLineKey(e.type === GuidesType.HORIZONTAL ? H_GUIDE_LINE_STORAGE_KEY : V_GUIDE_LINE_STORAGE_KEY);
+		if (e.guides.length) globalThis.localStorage.setItem(storageKey, JSON.stringify(e.guides));
+		else globalThis.localStorage.removeItem(storageKey);
+	});
+	return stage;
+};
+//#endregion
+export { useStage };

package/dist/es/hooks/use-window-rect.js

@@ -0,0 +1,19 @@
+import { onBeforeUnmount, reactive } from "vue";
+//#region packages/editor/src/hooks/use-window-rect.ts
+var useWindowRect = () => {
+	const rect = reactive({
+		width: globalThis.innerWidth,
+		height: globalThis.innerHeight
+	});
+	const windowResizeHandler = () => {
+		rect.width = globalThis.innerWidth;
+		rect.height = globalThis.innerHeight;
+	};
+	globalThis.addEventListener("resize", windowResizeHandler);
+	onBeforeUnmount(() => {
+		globalThis.removeEventListener("resize", windowResizeHandler);
+	});
+	return { rect };
+};
+//#endregion
+export { useWindowRect };

package/dist/es/icons/CenterIcon.js

@@ -0,0 +1,5 @@
+import CenterIcon_vue_vue_type_script_setup_true_lang_default from "./CenterIcon.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/icons/CenterIcon.vue
+var CenterIcon_default = CenterIcon_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CenterIcon_default as default };

package/dist/es/icons/CenterIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+//#region packages/editor/src/icons/CenterIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+var CenterIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorCenterIcon",
+	__name: "CenterIcon",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+				createElementVNode("path", {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					d: "M2 4H21V6H2V4Z",
+					fill: "black",
+					"fill-opacity": "0.9"
+				}, null, -1),
+				createElementVNode("path", {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					d: "M5 11H18V13H5V11Z",
+					fill: "black",
+					"fill-opacity": "0.9"
+				}, null, -1),
+				createElementVNode("path", {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					d: "M2 18H21V20H2V18Z",
+					fill: "black",
+					"fill-opacity": "0.9"
+				}, null, -1)
+			])]);
+		};
+	}
+});
+//#endregion
+export { CenterIcon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/icons/CodeIcon.js

@@ -0,0 +1,5 @@
+import CodeIcon_vue_vue_type_script_setup_true_lang_default from "./CodeIcon.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/icons/CodeIcon.vue
+var CodeIcon_default = CodeIcon_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CodeIcon_default as default };

package/dist/es/icons/CodeIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { createElementBlock, createStaticVNode, defineComponent, openBlock } from "vue";
+//#region packages/editor/src/icons/CodeIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	viewBox: "0 0 32 32",
+	version: "1.1",
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink"
+};
+var CodeIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorCodeIcon",
+	__name: "CodeIcon",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<defs><rect id=\"path-1\" x=\"0\" y=\"0\" width=\"32\" height=\"32\"></rect></defs><g id=\"组件规范\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"03图标\" transform=\"translate(-561.000000, -2356.000000)\"><g id=\"icon/line/Universal/code\" transform=\"translate(561.000000, 2356.000000)\"><g id=\"路径\"><mask id=\"mask-2\" fill=\"white\"><use xlink:href=\"#path-1\"></use></mask><use id=\"蒙版\" fill=\"#D8D8D8\" opacity=\"0\" xlink:href=\"#path-1\"></use><path d=\"M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z\" id=\"形状\" fill=\"#1D1F24\" mask=\"url(#mask-2)\"></path></g></g><g id=\"icon切图\" transform=\"translate(226.000000, 1782.000000)\"></g></g></g>", 2)])]);
+		};
+	}
+});
+//#endregion
+export { CodeIcon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/icons/FolderMinusIcon.js

@@ -0,0 +1,5 @@
+import FolderMinusIcon_vue_vue_type_script_setup_true_lang_default from "./FolderMinusIcon.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/icons/FolderMinusIcon.vue
+var FolderMinusIcon_default = FolderMinusIcon_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FolderMinusIcon_default as default };

package/dist/es/icons/FolderMinusIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+//#region packages/editor/src/icons/FolderMinusIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 16 16",
+	class: "bi bi-folder-minus",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+var FolderMinusIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorFolderMinusIcon",
+	__name: "FolderMinusIcon",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+				"fill-rule": "evenodd",
+				d: "M9.828 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H9.828zm-2.95-1.707L7.587 3H2.19c-.24 0-.47.042-.684.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293z"
+			}, null, -1), createElementVNode("path", {
+				"fill-rule": "evenodd",
+				d: "M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"
+			}, null, -1)])]);
+		};
+	}
+});
+//#endregion
+export { FolderMinusIcon_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/index.js

@@ -0,0 +1,79 @@
+import { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, KeyBindingCommand, Keys, LayerOffset, Layout, SideItemKey } from "./type.js";
+import { useCodeBlockEdit } from "./hooks/use-code-block-edit.js";
+import { advancedTabConfig, arrayOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, numberOptions, styleTabConfig } from "./utils/props.js";
+import props_default from "./services/props.js";
+import { UndoRedo } from "./utils/undo-redo.js";
+import history_default from "./services/history.js";
+import { getEditorConfig, setEditorConfig } from "./utils/config.js";
+import storage_default from "./services/storage.js";
+import { COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, Fixed2Other, buildChangeRecords, change2Fixed, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getRelativeStyle, isIncludeDataSource, moveItemsInContainer, serializeConfig, setChildrenLayout, setLayout } from "./utils/editor.js";
+import { beforePaste, getAddParent, getDefaultConfig, getPositionInContainer } from "./utils/operator.js";
+import editor_default from "./services/editor.js";
+import { DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, H_GUIDE_LINE_STORAGE_KEY, LEFT_COLUMN_WIDTH_STORAGE_KEY, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, RIGHT_COLUMN_WIDTH_STORAGE_KEY, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY } from "./utils/const.js";
+import ui_default from "./services/ui.js";
+import { useStage } from "./hooks/use-stage.js";
+import { useServices } from "./hooks/use-services.js";
+import { useFloatBox } from "./hooks/use-float-box.js";
+import { useWindowRect } from "./hooks/use-window-rect.js";
+import { useEditorContentHeight } from "./hooks/use-editor-content-height.js";
+import { updateStatus } from "./utils/tree.js";
+import { useFilter } from "./hooks/use-filter.js";
+import { useGetSo } from "./hooks/use-getso.js";
+import { useNextFloatBoxPosition } from "./hooks/use-next-float-box-position.js";
+import { useNodeStatus } from "./hooks/use-node-status.js";
+import { debug, error, info, log, warn } from "./utils/logger.js";
+import { getCascaderOptionsFromFields, getDisplayField, getFieldType, getFormConfig, getFormValue } from "./utils/data-source/index.js";
+import { IdleTask } from "./utils/dep/idle-task.js";
+import { ScrollViewer } from "./utils/scroll-viewer.js";
+import monaco_editor_default from "./utils/monaco-editor.js";
+import Resizer_default from "./components/Resizer.js";
+import SplitView_default from "./components/SplitView.js";
+import Icon_default from "./components/Icon.js";
+import ToolButton_default from "./components/ToolButton.js";
+import CodeEditor_default from "./layouts/CodeEditor.js";
+import FormPanel_default from "./layouts/props-panel/FormPanel.js";
+import PropsPanel_default from "./layouts/props-panel/PropsPanel.js";
+import FloatingBox_default from "./components/FloatingBox.js";
+import CodeBlockEditor_default from "./components/CodeBlockEditor.js";
+import ContentMenu_default from "./components/ContentMenu.js";
+import TreeNode_default from "./components/TreeNode.js";
+import Tree_default from "./components/Tree.js";
+import CodeBlockList_default from "./layouts/sidebar/code-block/CodeBlockList.js";
+import CodeBlockListPanel_default from "./layouts/sidebar/code-block/CodeBlockListPanel.js";
+import DataSourceAddButton_default from "./layouts/sidebar/data-source/DataSourceAddButton.js";
+import DataSourceConfigPanel_default from "./layouts/sidebar/data-source/DataSourceConfigPanel.js";
+import LayerPanel_default from "./layouts/sidebar/layer/LayerPanel.js";
+import ComponentListPanel_default from "./layouts/sidebar/ComponentListPanel.js";
+import codeBlock_default from "./services/codeBlock.js";
+import dataSource_default from "./services/dataSource.js";
+import dep_default from "./services/dep.js";
+import events_default from "./services/events.js";
+import stageOverlay_default from "./services/stageOverlay.js";
+import Editor_default from "./Editor.js";
+import CodeSelect_default from "./fields/CodeSelect.js";
+import CodeSelectCol_default from "./fields/CodeSelectCol.js";
+import DataSourceFields_default from "./fields/DataSourceFields.js";
+import DataSourceMocks_default from "./fields/DataSourceMocks.js";
+import DataSourceMethods_default from "./fields/DataSourceMethods.js";
+import DataSourceInput_default from "./fields/DataSourceInput.js";
+import DataSourceSelect_default from "./fields/DataSourceSelect.js";
+import DataSourceMethodSelect_default from "./fields/DataSourceMethodSelect.js";
+import Index_default from "./fields/DataSourceFieldSelect/Index.js";
+import EventSelect_default from "./fields/EventSelect.js";
+import KeyValue_default from "./fields/KeyValue.js";
+import PageFragmentSelect_default from "./fields/PageFragmentSelect.js";
+import DisplayConds_default from "./fields/DisplayConds.js";
+import CondOpSelect_default from "./fields/CondOpSelect.js";
+import Index_default$1 from "./fields/StyleSetter/Index.js";
+import plugin_default from "./plugin.js";
+import formPlugin from "@tmagic/form";
+import tablePlugin from "@tmagic/table";
+import StageCore from "@tmagic/stage";
+import designPlugin from "@tmagic/design";
+import { DepTargetType } from "@tmagic/core";
+export * from "@tmagic/form";
+export * from "@tmagic/table";
+export * from "@tmagic/stage";
+export * from "@tmagic/design";
+export * from "@tmagic/utils";
+export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, change2Fixed, codeBlock_default as codeBlockService, dataSource_default as dataSourceService, debug, plugin_default as default, dep_default as depService, designPlugin, displayTabConfig, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, info, isIncludeDataSource, monaco_editor_default as loadMonaco, log, moveItemsInContainer, numberOptions, props_default as propsService, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, ui_default as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };