@tmagic/editor 1.7.7 → 1.7.8-beta.2

package/dist/es/type.js

@@ -0,0 +1,90 @@
+//#region packages/editor/src/type.ts
+var ColumnLayout = /* @__PURE__ */ function(ColumnLayout) {
+	ColumnLayout["LEFT"] = "left";
+	ColumnLayout["CENTER"] = "center";
+	ColumnLayout["RIGHT"] = "right";
+	return ColumnLayout;
+}({});
+var SideItemKey = /* @__PURE__ */ function(SideItemKey) {
+	SideItemKey["COMPONENT_LIST"] = "component-list";
+	SideItemKey["LAYER"] = "layer";
+	SideItemKey["CODE_BLOCK"] = "code-block";
+	SideItemKey["DATA_SOURCE"] = "data-source";
+	return SideItemKey;
+}({});
+var LayerOffset = /* @__PURE__ */ function(LayerOffset) {
+	LayerOffset["TOP"] = "top";
+	LayerOffset["BOTTOM"] = "bottom";
+	return LayerOffset;
+}({});
+/** 容器布局 */
+var Layout = /* @__PURE__ */ function(Layout) {
+	Layout["FLEX"] = "flex";
+	Layout["FIXED"] = "fixed";
+	Layout["RELATIVE"] = "relative";
+	Layout["ABSOLUTE"] = "absolute";
+	return Layout;
+}({});
+var Keys = /* @__PURE__ */ function(Keys) {
+	Keys["ESCAPE"] = "Space";
+	return Keys;
+}({});
+var CodeDeleteErrorType = /* @__PURE__ */ function(CodeDeleteErrorType) {
+	/** 代码块存在于不可删除列表中 */
+	CodeDeleteErrorType["UNDELETEABLE"] = "undeleteable";
+	/** 代码块存在绑定关系 */
+	CodeDeleteErrorType["BIND"] = "bind";
+	return CodeDeleteErrorType;
+}({});
+var CODE_DRAFT_STORAGE_KEY = "magicCodeDraft";
+var KeyBindingCommand = /* @__PURE__ */ function(KeyBindingCommand) {
+	/** 复制 */
+	KeyBindingCommand["COPY_NODE"] = "tmagic-system-copy-node";
+	/** 粘贴 */
+	KeyBindingCommand["PASTE_NODE"] = "tmagic-system-paste-node";
+	/** 删除 */
+	KeyBindingCommand["DELETE_NODE"] = "tmagic-system-delete-node";
+	/** 剪切 */
+	KeyBindingCommand["CUT_NODE"] = "tmagic-system-cut-node";
+	/** 撤销 */
+	KeyBindingCommand["UNDO"] = "tmagic-system-undo";
+	/** 重做 */
+	KeyBindingCommand["REDO"] = "tmagic-system-redo";
+	/** 放大 */
+	KeyBindingCommand["ZOOM_IN"] = "tmagic-system-zoom-in";
+	/** 缩小 */
+	KeyBindingCommand["ZOOM_OUT"] = "tmagic-system-zoom-out";
+	/** 缩放到实际大小 */
+	KeyBindingCommand["ZOOM_RESET"] = "tmagic-system-zoom-reset";
+	/** 缩放以适应 */
+	KeyBindingCommand["ZOOM_FIT"] = "tmagic-system-zoom-fit";
+	/** 向上移动1px */
+	KeyBindingCommand["MOVE_UP_1"] = "tmagic-system-move-up-1";
+	/** 向下移动1px */
+	KeyBindingCommand["MOVE_DOWN_1"] = "tmagic-system-move-down-1";
+	/** 向左移动1px */
+	KeyBindingCommand["MOVE_LEFT_1"] = "tmagic-system-move-left-1";
+	/** 向右移动1px */
+	KeyBindingCommand["MOVE_RIGHT_1"] = "tmagic-system-move-right-1";
+	/** 向上移动10px */
+	KeyBindingCommand["MOVE_UP_10"] = "tmagic-system-move-up-10";
+	/** 向下移动10px */
+	KeyBindingCommand["MOVE_DOWN_10"] = "tmagic-system-move-down-10";
+	/** 向左移动10px */
+	KeyBindingCommand["MOVE_LEFT_10"] = "tmagic-system-move-left-10";
+	/** 向右移动10px */
+	KeyBindingCommand["MOVE_RIGHT_10"] = "tmagic-system-move-right-10";
+	/** 切换组件 */
+	KeyBindingCommand["SWITCH_NODE"] = "tmagic-system-switch-node";
+	return KeyBindingCommand;
+}({});
+/** 拖拽类型 */
+var DragType = /* @__PURE__ */ function(DragType) {
+	/** 从组件列表拖到画布 */
+	DragType["COMPONENT_LIST"] = "component-list";
+	/** 拖动组件树节点 */
+	DragType["LAYER_TREE"] = "layer-tree";
+	return DragType;
+}({});
+//#endregion
+export { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, KeyBindingCommand, Keys, LayerOffset, Layout, SideItemKey };

package/dist/es/utils/compose.js

@@ -0,0 +1,44 @@
+//#region packages/editor/src/utils/compose.ts
+/**
+* @param {Array} middleware
+* @return {Function}
+*/
+var compose = (middleware, isAsync) => {
+	if (!Array.isArray(middleware)) throw new TypeError("Middleware 必须是一个数组!");
+	for (const fn of middleware) if (typeof fn !== "function") throw new TypeError("Middleware 必须由函数组成!");
+	/**
+	* @param {Object} args
+	* @return {Promise}
+	* @api public
+	*/
+	return (args, next) => {
+		let index = -1;
+		return dispatch(0);
+		function dispatch(i) {
+			if (i <= index) {
+				const error = /* @__PURE__ */ new Error("next() 被多次调用");
+				if (isAsync) return Promise.reject(error);
+				throw error;
+			}
+			index = i;
+			let fn = middleware[i];
+			if (i === middleware.length && next) fn = next;
+			if (!fn) {
+				if (isAsync) return Promise.resolve();
+				return;
+			}
+			if (isAsync) try {
+				return Promise.resolve(fn(...args, dispatch.bind(null, i + 1)));
+			} catch (err) {
+				return Promise.reject(err);
+			}
+			try {
+				return fn(...args, dispatch.bind(null, i + 1));
+			} catch (err) {
+				throw err;
+			}
+		}
+	};
+};
+//#endregion
+export { compose };

package/dist/es/utils/config.js

@@ -0,0 +1,8 @@
+//#region packages/editor/src/utils/config.ts
+var $TMAGIC_EDITOR = {};
+var setEditorConfig = (option) => {
+	$TMAGIC_EDITOR = option;
+};
+var getEditorConfig = (key) => $TMAGIC_EDITOR[key];
+//#endregion
+export { getEditorConfig, setEditorConfig };

package/dist/es/utils/const.js

@@ -0,0 +1,15 @@
+//#region packages/editor/src/utils/const.ts
+/** 当uiService.get('uiSelectMode')为true,点击组件（包括任何形式，组件树/画布）时触发的事件名 */
+var UI_SELECT_MODE_EVENT_NAME = "ui-select";
+var LEFT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorLeftColumnWidthData";
+var RIGHT_COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorRightColumnWidthData";
+var PROPS_PANEL_WIDTH_STORAGE_KEY = "$MagicEditorPropsPanelWidthData";
+var DEFAULT_LEFT_COLUMN_WIDTH = 310;
+var DEFAULT_RIGHT_COLUMN_WIDTH = 480;
+var MIN_LEFT_COLUMN_WIDTH = 200;
+var MIN_CENTER_COLUMN_WIDTH = 400;
+var MIN_RIGHT_COLUMN_WIDTH = 300;
+var H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
+var V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
+//#endregion
+export { 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 };

package/dist/es/utils/content-menu.js

@@ -0,0 +1,76 @@
+import { COPY_STORAGE_KEY } from "./editor.js";
+import { calcValueByFontsize, isPage, isPageFragment } from "@tmagic/utils";
+import { NodeType } from "@tmagic/core";
+import { computed, markRaw } from "vue";
+import { CopyDocument, Delete, DocumentCopy } from "@element-plus/icons-vue";
+//#region packages/editor/src/utils/content-menu.ts
+var useDeleteMenu = () => ({
+	type: "button",
+	text: "删除",
+	icon: Delete,
+	display: ({ editorService }) => {
+		const node = editorService.get("node");
+		return node?.type !== NodeType.ROOT && !isPage(node) && !isPageFragment(node);
+	},
+	handler: ({ editorService }) => {
+		const nodes = editorService.get("nodes");
+		nodes && editorService.remove(nodes);
+	}
+});
+var useCopyMenu = () => ({
+	type: "button",
+	text: "复制",
+	icon: markRaw(CopyDocument),
+	handler: ({ editorService }) => {
+		const nodes = editorService?.get("nodes");
+		nodes && editorService?.copy(nodes);
+	}
+});
+var usePasteMenu = (menu) => ({
+	type: "button",
+	text: "粘贴",
+	icon: markRaw(DocumentCopy),
+	display: ({ storageService }) => !!storageService.getItem(COPY_STORAGE_KEY),
+	handler: ({ editorService, uiService }) => {
+		const nodes = editorService?.get("nodes");
+		if (!nodes || nodes.length === 0) return;
+		if (menu?.value?.$el) {
+			const stage = editorService.get("stage");
+			const rect = menu.value.$el.getBoundingClientRect();
+			const parentRect = stage?.container?.getBoundingClientRect();
+			const initialLeft = calcValueByFontsize(stage?.renderer?.getDocument(), (rect.left || 0) - (parentRect?.left || 0)) / uiService.get("zoom");
+			const initialTop = calcValueByFontsize(stage?.renderer?.getDocument(), (rect.top || 0) - (parentRect?.top || 0)) / uiService.get("zoom");
+			editorService.paste({
+				left: initialLeft,
+				top: initialTop
+			});
+		} else editorService.paste();
+	}
+});
+var moveTo = (id, { editorService }) => {
+	const nodes = editorService.get("nodes") || [];
+	const parent = editorService.getNodeById(id);
+	if (!parent) return;
+	editorService.add(nodes, parent);
+	editorService.remove(nodes);
+};
+var useMoveToMenu = ({ editorService }) => {
+	return {
+		type: "button",
+		text: "移动至",
+		display: ({ editorService }) => {
+			const node = editorService.get("node");
+			const pageLength = editorService.get("pageLength");
+			return !isPage(node) && pageLength > 1;
+		},
+		items: (computed(() => editorService.get("root")).value?.items || []).filter((page) => page.id !== editorService.get("page")?.id).map((page) => ({
+			text: `${page.name}(${page.id})`,
+			type: "button",
+			handler: (services) => {
+				moveTo(page.id, services);
+			}
+		}))
+	};
+};
+//#endregion
+export { useCopyMenu, useDeleteMenu, useMoveToMenu, usePasteMenu };

package/dist/es/utils/data-source/formConfigs/base.js

@@ -0,0 +1,28 @@
+import { defineFormConfig } from "@tmagic/form";
+//#region packages/editor/src/utils/data-source/formConfigs/base.ts
+var base_default = () => defineFormConfig([
+	{
+		name: "id",
+		type: "hidden"
+	},
+	{
+		name: "type",
+		text: "类型",
+		type: "hidden",
+		defaultValue: "base"
+	},
+	{
+		name: "title",
+		text: "名称",
+		rules: [{
+			required: true,
+			message: "请输入名称"
+		}]
+	},
+	{
+		name: "description",
+		text: "描述"
+	}
+]);
+//#endregion
+export { base_default as default };

package/dist/es/utils/data-source/formConfigs/http.js

@@ -0,0 +1,74 @@
+import { defineFormConfig } from "@tmagic/form";
+//#region packages/editor/src/utils/data-source/formConfigs/http.ts
+var http_default = defineFormConfig([
+	{
+		name: "autoFetch",
+		text: "自动请求",
+		type: "switch",
+		defaultValue: true
+	},
+	{
+		name: "responseOptions",
+		items: [{
+			name: "dataPath",
+			text: "数据路径"
+		}]
+	},
+	{
+		type: "fieldset",
+		name: "options",
+		legend: "HTTP 配置",
+		items: [
+			{
+				name: "url",
+				text: "URL"
+			},
+			{
+				name: "method",
+				text: "Method",
+				type: "select",
+				options: [
+					{
+						text: "GET",
+						value: "GET"
+					},
+					{
+						text: "POST",
+						value: "POST"
+					},
+					{
+						text: "PUT",
+						value: "PUT"
+					},
+					{
+						text: "DELETE",
+						value: "DELETE"
+					}
+				]
+			},
+			{
+				name: "params",
+				type: "key-value",
+				defaultValue: {},
+				advanced: true,
+				text: "参数"
+			},
+			{
+				name: "data",
+				type: "key-value",
+				defaultValue: {},
+				advanced: true,
+				text: "请求体"
+			},
+			{
+				name: "headers",
+				type: "key-value",
+				defaultValue: {},
+				advanced: true,
+				text: "请求头"
+			}
+		]
+	}
+]);
+//#endregion
+export { http_default as default };

package/dist/es/utils/data-source/index.js

@@ -0,0 +1,202 @@
+import base_default from "./formConfigs/base.js";
+import http_default from "./formConfigs/http.js";
+import { dataSourceTemplateRegExp, getKeysArray, isNumber } from "@tmagic/utils";
+//#region packages/editor/src/utils/data-source/index.ts
+var dataSourceFormConfig = {
+	type: "tab",
+	items: [
+		{
+			title: "数据定义",
+			items: [{
+				name: "fields",
+				type: "data-source-fields",
+				defaultValue: () => []
+			}]
+		},
+		{
+			title: "方法定义",
+			items: [{
+				name: "methods",
+				type: "data-source-methods",
+				defaultValue: () => []
+			}]
+		},
+		{
+			title: "事件配置",
+			items: [{
+				name: "events",
+				src: "datasource",
+				type: "event-select"
+			}]
+		},
+		{
+			title: "mock数据",
+			items: [{
+				name: "mocks",
+				type: "data-source-mocks",
+				defaultValue: () => []
+			}]
+		},
+		{
+			title: "请求参数裁剪",
+			display: (_formState, { model }) => model.type === "http",
+			items: [{
+				name: "beforeRequest",
+				type: "vs-code",
+				parse: true,
+				autosize: {
+					minRows: 10,
+					maxRows: 30
+				}
+			}]
+		},
+		{
+			title: "响应数据裁剪",
+			display: (_formState, { model }) => model.type === "http",
+			items: [{
+				name: "afterResponse",
+				type: "vs-code",
+				parse: true,
+				autosize: {
+					minRows: 10,
+					maxRows: 30
+				}
+			}]
+		}
+	]
+};
+var fillConfig = (config) => [
+	...base_default(),
+	...config,
+	dataSourceFormConfig
+];
+var getFormConfig = (type, configs) => {
+	switch (type) {
+		case "base": return fillConfig([]);
+		case "http": return fillConfig(http_default);
+		default: return fillConfig(configs[type] || []);
+	}
+};
+var getFormValue = (type, values) => {
+	if (type !== "http") return values;
+	return {
+		beforeRequest: `(options, context) => {
+  /**
+   * 用户可以直接编写函数，在原始接口调用之前，会运行该函数，将这个函数的返回值作为该数据源接口的入参
+   *
+   * options: HttpOptions
+   *
+   * interface HttpOptions {
+   *  // 请求链接
+   *  url: string;
+   *  // query参数
+   *  params?: Record<string, string>;
+   *  // body数据
+   *  data?: Record<string, any>;
+   *  // 请求头
+   *  headers?: Record<string, string>;
+   *  // 请求方法 GET/POST
+   *  method?: Method;
+   * }
+   *
+   * context：上下文对象
+   *
+   * interface Content {
+   *  app: TMagicApp;
+   *  dataSource: HttpDataSource;
+   * }
+   *
+   * return: HttpOptions
+   */
+
+  // 此处的返回值会作为这个接口的入参
+  return options;
+}`,
+		afterResponse: `(response, context) => {
+  /**
+   * 用户可以直接编写函数，在原始接口返回之后，会运行该函数，将这个函数的返回值作为该数据源接口的返回
+
+    * context：上下文对象
+    *
+    * interface Content {
+    *  app: TMagicApp;
+    *  dataSource: HttpDataSource;
+    * }
+    *
+    */
+
+  // 此处的返回值会作为这个接口的返回值
+  return response;
+}`,
+		...values
+	};
+};
+var getDisplayField = (dataSources, key) => {
+	const displayState = [];
+	const matches = key.matchAll(dataSourceTemplateRegExp);
+	let index = 0;
+	for (const match of matches) {
+		if (typeof match.index === "undefined") break;
+		displayState.push({
+			type: "text",
+			value: key.substring(index, match.index)
+		});
+		let dsText = "";
+		let ds;
+		let fields;
+		getKeysArray(match[1]).forEach((item, index) => {
+			if (index === 0) {
+				ds = dataSources.find((ds) => ds.id === item);
+				dsText += ds?.title || item;
+				fields = ds?.fields;
+				return;
+			}
+			if (isNumber(item)) dsText += `[${item}]`;
+			else {
+				const field = fields?.find((field) => field.name === item);
+				fields = field?.fields;
+				dsText += `.${field?.title || item}`;
+			}
+		});
+		displayState.push({
+			type: "var",
+			value: dsText
+		});
+		index = match.index + match[0].length;
+	}
+	if (index < key.length) displayState.push({
+		type: "text",
+		value: key.substring(index)
+	});
+	return displayState;
+};
+var getCascaderOptionsFromFields = (fields = [], dataSourceFieldType = ["any"]) => {
+	const typeSet = new Set(dataSourceFieldType.length ? dataSourceFieldType : ["any"]);
+	const includesAny = typeSet.has("any");
+	const result = [];
+	for (const field of fields) {
+		const fieldType = field.type || "any";
+		const isContainerType = fieldType === "any" || fieldType === "array" || fieldType === "object";
+		const children = isContainerType ? getCascaderOptionsFromFields(field.fields, dataSourceFieldType) : [];
+		if (includesAny || typeSet.has(fieldType) || isContainerType && children.length) result.push({
+			label: `${field.title || field.name}(${field.type})`,
+			value: field.name,
+			children
+		});
+	}
+	return result;
+};
+var getFieldType = (ds, fieldNames) => {
+	let fields = ds?.fields;
+	let type = "";
+	for (const fieldName of fieldNames) {
+		if (!fields?.length) return "";
+		const field = fields.find((f) => f.name === fieldName);
+		if (!field) return "";
+		type = field.type || "";
+		fields = field.fields;
+	}
+	return type;
+};
+//#endregion
+export { getCascaderOptionsFromFields, getDisplayField, getFieldType, getFormConfig, getFormValue };

package/dist/es/utils/dep/idle-task.js

@@ -0,0 +1,76 @@
+import { EventEmitter } from "events";
+//#region packages/editor/src/utils/dep/idle-task.ts
+globalThis.requestIdleCallback = globalThis.requestIdleCallback || function(cb) {
+	const start = Date.now();
+	return setTimeout(() => {
+		cb({
+			didTimeout: false,
+			timeRemaining() {
+				return Math.max(0, 50 - (Date.now() - start));
+			}
+		});
+	}, 1);
+};
+var IdleTask = class extends EventEmitter {
+	taskList = [];
+	hightLevelTaskList = [];
+	taskHandle = null;
+	constructor() {
+		super();
+		this.setMaxListeners(1e3);
+	}
+	enqueueTask(taskHandler, taskData, isHightLevel = false) {
+		(isHightLevel ? this.hightLevelTaskList : this.taskList).push({
+			handler: taskHandler,
+			data: taskData
+		});
+		if (!this.taskHandle) this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 1e4 });
+	}
+	clearTasks() {
+		if (this.taskHandle) globalThis.cancelIdleCallback(this.taskHandle);
+		this.hightLevelTaskList = [];
+		this.taskList = [];
+		this.taskHandle = null;
+		this.emit("update-task-length", {
+			length: this.taskList.length + this.hightLevelTaskList.length,
+			hightLevelLength: this.hightLevelTaskList.length
+		});
+	}
+	on(eventName, listener) {
+		return super.on(eventName, listener);
+	}
+	once(eventName, listener) {
+		return super.once(eventName, listener);
+	}
+	emit(eventName, ...args) {
+		return super.emit(eventName, ...args);
+	}
+	runTaskQueue(deadline) {
+		const { hightLevelTaskList, taskList } = this;
+		while (deadline.timeRemaining() > 0 && (taskList.length || hightLevelTaskList.length)) {
+			const timeRemaining = deadline.timeRemaining();
+			let times = 0;
+			if (timeRemaining <= 5) times = 10;
+			else if (timeRemaining <= 10) times = 100;
+			else if (timeRemaining <= 15) times = 300;
+			else times = 600;
+			for (let i = 0; i < times; i++) {
+				const task = hightLevelTaskList.length > 0 ? hightLevelTaskList.shift() : taskList.shift();
+				if (task) task.handler(task.data);
+				if (hightLevelTaskList.length === 0 && taskList.length === 0) break;
+			}
+		}
+		if (!hightLevelTaskList.length) this.emit("hight-level-finish");
+		if (hightLevelTaskList.length || taskList.length) this.taskHandle = globalThis.requestIdleCallback(this.runTaskQueue.bind(this), { timeout: 300 });
+		else {
+			this.taskHandle = 0;
+			this.emit("finish");
+		}
+		this.emit("update-task-length", {
+			length: taskList.length + hightLevelTaskList.length,
+			hightLevelLength: hightLevelTaskList.length
+		});
+	}
+};
+//#endregion
+export { IdleTask };

package/dist/es/utils/dep/worker.js

@@ -0,0 +1,19 @@
+//#region packages/editor/src/utils/dep/worker.ts?worker&inline
+var jsContent = "(function() {\n	//#region packages/schema/src/index.ts\n	const NODE_CONDS_KEY = \"displayConds\";\n	const NODE_DISABLE_DATA_SOURCE_KEY = \"_tmagic_node_disabled_data_source\";\n	const NODE_DISABLE_CODE_BLOCK_KEY = \"_tmagic_node_disabled_code_block\";\n	let HookType = /* @__PURE__ */ function(HookType) {\n		/** 代码块钩子标识 */\n		HookType[\"CODE\"] = \"code\";\n		return HookType;\n	}({});\n	//#endregion\n	//#region packages/utils/src/index.ts\n	const isObject = (obj) => Object.prototype.toString.call(obj) === \"[object Object]\";\n	const getKeysArray = (keys) => `${keys}`.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\");\n	const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = \"ds-field::\";\n	const dataSourceTemplateRegExp = /\\$\\{([\\s\\S]+?)\\}/g;\n	//#endregion\n	//#region packages/dep/src/types.ts\n	/** 依赖收集的目标类型 */\n	let DepTargetType = /* @__PURE__ */ function(DepTargetType) {\n		DepTargetType[\"DEFAULT\"] = \"default\";\n		/** 代码块 */\n		DepTargetType[\"CODE_BLOCK\"] = \"code-block\";\n		/** 数据源 */\n		DepTargetType[\"DATA_SOURCE\"] = \"data-source\";\n		/** 数据源方法 */\n		DepTargetType[\"DATA_SOURCE_METHOD\"] = \"data-source-method\";\n		/** 数据源条件 */\n		DepTargetType[\"DATA_SOURCE_COND\"] = \"data-source-cond\";\n		return DepTargetType;\n	}({});\n	//#endregion\n	//#region packages/dep/src/Target.ts\n	/**\n	* 需要收集依赖的目标\n	* 例如：一个代码块可以为一个目标\n	*/\n	var Target = class {\n		/**\n		* 如何识别目标\n		*/\n		isTarget;\n		/**\n		* 目标id，不可重复\n		* 例如目标是代码块，则为代码块id\n		*/\n		id;\n		/**\n		* 目标名称，用于显示在依赖列表中\n		*/\n		name;\n		/**\n		* 不同的目标可以进行分类，例如代码块，数据源可以为两个不同的type\n		*/\n		type = DepTargetType.DEFAULT;\n		/**\n		* 依赖详情\n		* 实例：{ 'node_id': { name: 'node_name', keys: [ created, mounted ] } }\n		*/\n		deps = {};\n		/**\n		* 是否默认收集，默认为true，当值为false时需要传入type参数给collect方法才会被收集\n		*/\n		isCollectByDefault;\n		constructor(options) {\n			this.isTarget = options.isTarget;\n			this.id = options.id;\n			this.name = options.name;\n			this.isCollectByDefault = options.isCollectByDefault ?? true;\n			if (options.type) this.type = options.type;\n			if (options.initialDeps) this.deps = options.initialDeps;\n		}\n		/**\n		* 更新依赖\n		* @param option 节点配置\n		* @param key 哪个key配置了这个目标的id\n		*/\n		updateDep({ id, name, key, data }) {\n			const dep = this.deps[id] || {\n				name,\n				keys: []\n			};\n			dep.name = name;\n			dep.data = data;\n			this.deps[id] = dep;\n			if (!dep.keys.includes(key)) dep.keys.push(key);\n		}\n		/**\n		* 删除依赖\n		* @param node 哪个节点的依赖需要移除，如果为空，则移除所有依赖\n		* @param key 节点下哪个key需要移除，如果为空，则移除改节点下的所有依赖key\n		* @returns void\n		*/\n		removeDep(id, key) {\n			if (typeof id === \"undefined\") {\n				Object.keys(this.deps).forEach((depKey) => {\n					delete this.deps[depKey];\n				});\n				return;\n			}\n			const dep = this.deps[id];\n			if (!dep) return;\n			if (key) {\n				const index = dep.keys.indexOf(key);\n				dep.keys.splice(index, 1);\n				if (dep.keys.length === 0) delete this.deps[id];\n			} else delete this.deps[id];\n		}\n		/**\n		* 判断指定节点下的指定key是否存在在依赖列表中\n		* @param node 哪个节点\n		* @param key 哪个key\n		* @returns boolean\n		*/\n		hasDep(id, key) {\n			return this.deps[id]?.keys.includes(key) ?? false;\n		}\n		destroy() {\n			this.deps = {};\n		}\n	};\n	//#endregion\n	//#region packages/dep/src/utils.ts\n	const INTEGER_REGEXP = /^\\d+$/;\n	const createCodeBlockTarget = (id, codeBlock, initialDeps = {}) => new Target({\n		type: DepTargetType.CODE_BLOCK,\n		id,\n		initialDeps,\n		name: codeBlock.name,\n		isTarget: (_key, value) => {\n			if (id === value) return true;\n			if (value?.hookType === HookType.CODE && Array.isArray(value.hookData)) return value.hookData.some((item) => item.codeId === id);\n			return false;\n		}\n	});\n	/**\n	* ['array'] ['array', '0'] ['array', '0', 'a'] 这种返回false\n	* ['array', 'a'] 这种返回true\n	* @param keys\n	* @param fields\n	* @returns boolean\n	*/\n	const isIncludeArrayField = (keys, fields) => {\n		let f = fields;\n		return keys.some((key, index) => {\n			const field = f.find(({ name }) => name === key);\n			f = field?.fields || [];\n			return field?.type === \"array\" && index < keys.length - 1 && !INTEGER_REGEXP.test(keys[index + 1]);\n		});\n	};\n	/**\n	* 判断模板(value)是不是使用数据源Id(dsId)，如：`xxx${dsId.field}xxx${dsId.field}`\n	* @param value any\n	* @param dsId string | number\n	* @param hasArray boolean true: 一定要包含有需要迭代的模板; false: 一定要包含普通模板;\n	* @returns boolean\n	*/\n	const isDataSourceTemplate = (value, ds, hasArray = false) => {\n		const templates = value.match(dataSourceTemplateRegExp) || [];\n		if (templates.length <= 0) return false;\n		for (const tpl of templates) {\n			const keys = getKeysArray(tpl.substring(2, tpl.length - 1));\n			const dsId = keys.shift();\n			if (!dsId || dsId !== ds.id) continue;\n			if (hasArray === isIncludeArrayField(keys, ds.fields)) return true;\n		}\n		return false;\n	};\n	/**\n	* 指定数据源的字符串模板,如：{ isBindDataSourceField: true, dataSourceId: 'id', template: `xxx${field}xxx`}\n	* @param value any\n	* @param dsId string | number\n	* @returns boolean\n	*/\n	const isSpecificDataSourceTemplate = (value, dsId) => value?.isBindDataSourceField && value.dataSourceId && value.dataSourceId === dsId && typeof value.template === \"string\";\n	/**\n	* 关联数据源字段，格式为 [前缀+数据源ID, 字段名]\n	* 使用data-source-field-select value: 'value' 可以配置出来\n	* @param value any[]\n	* @param id string | number\n	* @returns boolean\n	*/\n	const isUseDataSourceField = (value, id) => {\n		if (!Array.isArray(value) || typeof value[0] !== \"string\") return false;\n		const [prefixId] = value;\n		const prefixIndex = prefixId.indexOf(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX);\n		if (prefixIndex === -1) return false;\n		return prefixId.substring(prefixIndex + DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX.length) === id;\n	};\n	const isDataSourceTarget = (ds, key, value, hasArray = false) => {\n		if (!value) return false;\n		const valueType = typeof value;\n		if (valueType !== \"string\" && valueType !== \"object\") return false;\n		if (`${key}`.startsWith(\"displayConds\")) return false;\n		if (valueType === \"string\") return isDataSourceTemplate(value, ds, hasArray);\n		if (isObject(value) && value.isBindDataSource && value.dataSourceId === ds.id) return true;\n		if (isSpecificDataSourceTemplate(value, ds.id)) return true;\n		if (isUseDataSourceField(value, ds.id)) {\n			const [, ...keys] = value;\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			return hasArray ? includeArray : !includeArray;\n		}\n		return false;\n	};\n	const isDataSourceCondTarget = (ds, key, value, hasArray = false) => {\n		if (!Array.isArray(value) || !ds) return false;\n		const [dsId, ...keys] = value;\n		if (dsId !== ds.id || !`${key}`.startsWith(\"displayConds\")) return false;\n		if (ds.fields?.some((field) => field.name === keys[0])) {\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			return hasArray ? includeArray : !includeArray;\n		}\n		return false;\n	};\n	const createDataSourceTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE,\n		id: ds.id,\n		initialDeps,\n		isTarget: (key, value) => isDataSourceTarget(ds, key, value)\n	});\n	const createDataSourceCondTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE_COND,\n		id: ds.id,\n		initialDeps,\n		isTarget: (key, value) => isDataSourceCondTarget(ds, key, value)\n	});\n	const createDataSourceMethodTarget = (ds, initialDeps = {}) => new Target({\n		type: DepTargetType.DATA_SOURCE_METHOD,\n		id: ds.id,\n		initialDeps,\n		isTarget: (_key, value) => {\n			if (!Array.isArray(value)) return false;\n			const [dsId, methodName] = value;\n			if (!methodName || dsId !== ds.id) return false;\n			if (ds.methods?.some((method) => method.name === methodName)) return true;\n			if (ds.fields?.some((field) => field.name === methodName)) return false;\n			return true;\n		}\n	});\n	const traverseTarget = (targetsList, cb, type) => {\n		if (type) {\n			const targets = targetsList[type];\n			if (targets) for (const target of Object.values(targets)) cb(target);\n			return;\n		}\n		for (const targets of Object.values(targetsList)) for (const target of Object.values(targets)) cb(target);\n	};\n	//#endregion\n	//#region packages/dep/src/Watcher.ts\n	const DATA_SOURCE_TARGET_TYPES = new Set([\n		DepTargetType.DATA_SOURCE,\n		DepTargetType.DATA_SOURCE_COND,\n		DepTargetType.DATA_SOURCE_METHOD\n	]);\n	var Watcher = class {\n		targetsList = {};\n		childrenProp = \"items\";\n		idProp = \"id\";\n		nameProp = \"name\";\n		constructor(options) {\n			if (options?.initialTargets) this.targetsList = options.initialTargets;\n			if (options?.childrenProp) this.childrenProp = options.childrenProp;\n		}\n		getTargetsList() {\n			return this.targetsList;\n		}\n		/**\n		* 获取指定类型中的所有target\n		* @param type 分类\n		* @returns Target[]\n		*/\n		getTargets(type = DepTargetType.DEFAULT) {\n			return this.targetsList[type] || {};\n		}\n		/**\n		* 添加新的目标\n		* @param target Target\n		*/\n		addTarget(target) {\n			const targets = this.getTargets(target.type) || {};\n			this.targetsList[target.type] = targets;\n			targets[target.id] = target;\n		}\n		/**\n		* 获取指定id的target\n		* @param id target id\n		* @returns Target\n		*/\n		getTarget(id, type = DepTargetType.DEFAULT) {\n			return this.getTargets(type)[id];\n		}\n		/**\n		* 判断是否存在指定id的target\n		* @param id target id\n		* @returns boolean\n		*/\n		hasTarget(id, type = DepTargetType.DEFAULT) {\n			return Boolean(this.getTarget(id, type));\n		}\n		/**\n		* 判断是否存在指定类型的target\n		* @param type target type\n		* @returns boolean\n		*/\n		hasSpecifiedTypeTarget(type = DepTargetType.DEFAULT) {\n			return Object.keys(this.getTargets(type)).length > 0;\n		}\n		/**\n		* 删除指定id的target\n		* @param id target id\n		*/\n		removeTarget(id, type = DepTargetType.DEFAULT) {\n			const targets = this.getTargets(type);\n			if (targets[id]) {\n				targets[id].destroy();\n				delete targets[id];\n			}\n		}\n		/**\n		* 删除指定分类的所有target\n		* @param type 分类\n		* @returns void\n		*/\n		removeTargets(type = DepTargetType.DEFAULT) {\n			const targets = this.targetsList[type];\n			if (!targets) return;\n			for (const target of Object.values(targets)) target.destroy();\n			delete this.targetsList[type];\n		}\n		/**\n		* 删除所有target\n		*/\n		clearTargets() {\n			for (const key of Object.keys(this.targetsList)) delete this.targetsList[key];\n		}\n		/**\n		* 收集依赖\n		* @param nodes 需要收集的节点\n		* @param deep 是否需要收集子节点\n		* @param type 强制收集指定类型的依赖\n		*/\n		collect(nodes, depExtendedData = {}, deep = false, type) {\n			this.collectByCallback(nodes, type, ({ node, target }) => {\n				this.removeTargetDep(target, node);\n				this.collectItem(node, target, depExtendedData, deep);\n			});\n		}\n		collectByCallback(nodes, type, cb) {\n			traverseTarget(this.targetsList, (target) => {\n				if (!type && !target.isCollectByDefault) return;\n				for (const node of nodes) cb({\n					node,\n					target\n				});\n			}, type);\n		}\n		/**\n		* 清除所有目标的依赖\n		* @param nodes 需要清除依赖的节点\n		*/\n		clear(nodes, type) {\n			let { targetsList } = this;\n			if (type) targetsList = { [type]: this.getTargets(type) };\n			const clearedItemsNodeIds = /* @__PURE__ */ new Set();\n			traverseTarget(targetsList, (target) => {\n				if (nodes) for (const node of nodes) {\n					target.removeDep(node[this.idProp]);\n					if (Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length && !clearedItemsNodeIds.has(node[this.idProp])) {\n						clearedItemsNodeIds.add(node[this.idProp]);\n						this.clear(node[this.childrenProp]);\n					}\n				}\n				else target.removeDep();\n			});\n		}\n		/**\n		* 清除指定类型的依赖\n		* @param type 类型\n		* @param nodes 需要清除依赖的节点\n		*/\n		clearByType(type, nodes) {\n			this.clear(nodes, type);\n		}\n		collectItem(node, target, depExtendedData = {}, deep = false) {\n			if (node[\"_tmagic_node_disabled_data_source\"] && DATA_SOURCE_TARGET_TYPES.has(target.type)) return;\n			if (node[\"_tmagic_node_disabled_code_block\"] && target.type === DepTargetType.CODE_BLOCK) return;\n			const collectTarget = (config, prop = \"\") => {\n				const doCollect = (key, value) => {\n					const keyIsItems = key === this.childrenProp;\n					const fullKey = prop ? `${prop}.${key}` : key;\n					if (target.isTarget(fullKey, value)) target.updateDep({\n						id: node[this.idProp],\n						name: `${node[this.nameProp] || node[this.idProp]}`,\n						data: depExtendedData,\n						key: fullKey\n					});\n					else if (!keyIsItems && Array.isArray(value)) for (let i = 0, l = value.length; i < l; i++) {\n						const item = value[i];\n						if (isObject(item)) collectTarget(item, `${fullKey}[${i}]`);\n					}\n					else if (isObject(value)) collectTarget(value, fullKey);\n					if (keyIsItems && deep && Array.isArray(value)) for (const child of value) this.collectItem(child, target, depExtendedData, deep);\n				};\n				for (const [key, value] of Object.entries(config)) {\n					if (typeof value === \"undefined\" || value === \"\") continue;\n					doCollect(key, value);\n				}\n			};\n			collectTarget(node);\n		}\n		removeTargetDep(target, node, key) {\n			target.removeDep(node[this.idProp], key);\n			if (typeof key === \"undefined\" && Array.isArray(node[this.childrenProp]) && node[this.childrenProp].length) for (const item of node[this.childrenProp]) this.removeTargetDep(target, item, key);\n		}\n	};\n	//#endregion\n	//#region packages/editor/src/utils/logger.ts\n	const error = (...args) => {};\n	//#endregion\n	//#region packages/editor/src/utils/dep/worker.ts\n	onmessage = (e) => {\n		const watcher = new Watcher({ initialTargets: {} });\n		const { dsl } = e.data;\n		try {\n			const mApp = eval(`(${dsl})`);\n			if (!mApp) postMessage({});\n			watcher.clearTargets();\n			if (mApp.codeBlocks) for (const [id, code] of Object.entries(mApp.codeBlocks)) watcher.addTarget(createCodeBlockTarget(id, code));\n			if (mApp.dataSources) for (const ds of mApp.dataSources) {\n				watcher.addTarget(createDataSourceTarget(ds, {}));\n				watcher.addTarget(createDataSourceMethodTarget(ds, {}));\n				watcher.addTarget(createDataSourceCondTarget(ds, {}));\n			}\n			watcher.collectByCallback(mApp.items, void 0, ({ node, target }) => {\n				watcher.collectItem(node, target, { pageId: node.id }, true);\n			});\n			const data = {\n				[DepTargetType.DATA_SOURCE]: {},\n				[DepTargetType.DATA_SOURCE_METHOD]: {},\n				[DepTargetType.DATA_SOURCE_COND]: {},\n				[DepTargetType.CODE_BLOCK]: {}\n			};\n			traverseTarget(watcher.getTargetsList(), (target) => {\n				data[target.type][target.id] = target.deps;\n			});\n			postMessage(data);\n		} catch (e) {\n			postMessage({});\n		}\n	};\n	//#endregion\n})();\n";
+var blob = typeof self !== "undefined" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", jsContent], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper(options) {
+	let objURL;
+	try {
+		objURL = blob && (self.URL || self.webkitURL).createObjectURL(blob);
+		if (!objURL) throw "";
+		const worker = new Worker(objURL, { name: options?.name });
+		worker.addEventListener("error", () => {
+			(self.URL || self.webkitURL).revokeObjectURL(objURL);
+		});
+		return worker;
+	} catch (e) {
+		return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(jsContent), { name: options?.name });
+	}
+}
+//#endregion
+export { WorkerWrapper as default };