@tmagic/editor 1.7.8-beta.1 → 1.7.8-beta.3

package/dist/es/components/CodeBlockEditor.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { useEditorContentHeight } from "../hooks/use-editor-content-height.js";
 import { useNextFloatBoxPosition } from "../hooks/use-next-float-box-position.js";
 import CodeEditor_default from "../layouts/CodeEditor.js";
 import FloatingBox_default from "./FloatingBox.js";
-import { MFormBox } from "@tmagic/form";
+import { MFormBox, defineFormConfig, defineFormItem } from "@tmagic/form";
 import { TMagicButton, TMagicDialog, TMagicTag, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, nextTick, openBlock, ref, unref, useModel, useTemplateRef, watch, withCtx } from "vue";
 //#region packages/editor/src/components/CodeBlockEditor.vue?vue&type=script&setup=true&lang.ts
@@ -53,7 +53,7 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			formBox.value.form.values.content = magicVsEditorRef.value.getEditorValue();
 			difVisible.value = false;
 		};
-		const defaultParamColConfig = {
+		const defaultParamColConfig = defineFormItem({
 			type: "row",
 			label: "参数类型",
 			items: [{
@@ -79,8 +79,8 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}
 				]
 			}]
-		};
-		const functionConfig = computed(() => [
+		});
+		const functionConfig = computed(() => defineFormConfig([
 			{
 				text: "名称",
 				name: "name",
@@ -150,7 +150,7 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					minRows: 10,
 					maxRows: 30
 				},
-				onChange: (formState, code) => {
+				onChange: (_formState, code) => {
 					try {
 						getEditorConfig("parseDSL")(code);
 						return code;
@@ -160,7 +160,7 @@ var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}
 				}
 			}
-		]);
+		]));
 		const parseContent = (content) => {
 			if (typeof content === "string") return getEditorConfig("parseDSL")(content);
 			return content;

package/dist/es/fields/CodeSelectCol.vue_vue_type_script_setup_true_lang.js

@@ -59,7 +59,7 @@ var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const selectConfig = {
 			type: "select",
 			name: props.name,
-			disable: props.disabled,
+			disabled: props.disabled,
 			options: () => {
 				if (codeDsl.value) return map(codeDsl.value, (value, key) => ({
 					text: `${value.name}（${key}）`,

package/dist/es/fields/DataSourceFieldSelect/Index.vue_vue_type_script_setup_true_lang.js

@@ -40,14 +40,15 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const dataSources = computed(() => dataSourceService.get("dataSources") || []);
 		const disabledDataSource = computed(() => propsService.getDisabledDataSource());
 		const type = computed(() => {
-			let type = props.config.fieldConfig?.type;
+			if (!props.config.fieldConfig) return "";
+			let type = "type" in props.config.fieldConfig ? props.config.fieldConfig.type : "";
 			if (typeof type === "function") type = type(mForm, { model: props.model });
 			if (type === "form") return "";
 			if (type === "container") return "";
-			return type?.replace(/([A-Z])/g, "-$1").toLowerCase() || (props.config.items ? "" : "text");
+			return type?.replace(/([A-Z])/g, "-$1").toLowerCase() || (props.config.fieldConfig && "items" in props.config.fieldConfig ? "" : "text");
 		});
 		const tagName = computed(() => {
-			const component = getFormField(type.value || "container") || resolveComponent(`m-${props.config.items ? "form" : "fields"}-${type.value}`);
+			const component = getFormField(type.value || "container") || resolveComponent(`m-${props.config.fieldConfig && "items" in props.config.fieldConfig ? "form" : "fields"}-${type.value}`);
 			if (typeof component !== "string") return component;
 			return "m-fields-text";
 		});

package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useServices } from "../hooks/use-services.js";
 import { getCascaderOptionsFromFields } from "../utils/data-source/index.js";
-import { MContainer, MPanel, MTable } from "@tmagic/form";
+import { MContainer, MPanel, MTable, defineFormItem } from "@tmagic/form";
 import { TMagicButton } from "@tmagic/design";
 import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, traverseNode } from "@tmagic/utils";
 import { ActionType } from "@tmagic/core";
@@ -121,8 +121,8 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				name: "to",
 				text: "联动组件",
 				type: "ui-select",
-				display: (mForm, { model }) => model.actionType === ActionType.COMP,
-				onChange: (MForm, v, { setModel }) => {
+				display: (_mForm, { model }) => model.actionType === ActionType.COMP,
+				onChange: (_MForm, _v, { setModel }) => {
 					setModel("method", "");
 				},
 				...props.config.targetCompConfig
@@ -189,7 +189,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				...props.config.dataSourceActionConfig
 			};
 		});
-		const tableConfig = computed(() => ({
+		const tableConfig = computed(() => defineFormItem({
 			type: "table",
 			name: "events",
 			items: [
@@ -222,7 +222,7 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				}
 			]
 		}));
-		const actionsConfig = computed(() => ({
+		const actionsConfig = computed(() => defineFormItem({
 			type: "panel",
 			items: [{
 				type: "group-list",

package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { MContainer } from "@tmagic/form";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveComponent } from "vue";
 //#region packages/editor/src/fields/StyleSetter/components/Border.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "border-box-container" };
 var _hoisted_2 = { class: "border-icon-container" };
@@ -17,7 +17,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const direction = ref("");
-		const config = computed(() => ({ items: [
+		const config = computed(() => defineFormItem({ items: [
 			{
 				name: `border${direction.value}Width`,
 				text: "边框宽度",
@@ -58,6 +58,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			});
 		};
 		return (_ctx, _cache) => {
+			const _component_MContainer = resolveComponent("MContainer");
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
 					class: normalizeClass(["border-icon border-icon-top", { active: direction.value === "Top" }]),
@@ -81,7 +82,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					class: normalizeClass(["border-icon border-icon-bottom", { active: direction.value === "Bottom" }]),
 					onClick: _cache[4] || (_cache[4] = ($event) => selectDirection("Bottom"))
 				}, null, 2)])
-			]), createElementVNode("div", _hoisted_6, [createVNode(unref(MContainer), {
+			]), createElementVNode("div", _hoisted_6, [createVNode(_component_MContainer, {
 				config: config.value,
 				model: __props.model,
 				size: __props.size,

package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import Repeat_default from "../icons/background-repeat/Repeat.js";
 import RepeatX_default from "../icons/background-repeat/RepeatX.js";
 import RepeatY_default from "../icons/background-repeat/RepeatY.js";
 import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
-import { MContainer } from "@tmagic/form";
-import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, markRaw, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
 var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Background",
@@ -16,7 +16,7 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				name: "backgroundColor",
 				text: "背景色",
@@ -91,18 +91,20 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				component: BackgroundPosition_default,
 				labelWidth: "68px"
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createBlock(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import Border_default from "../components/Border.js";
-import { MContainer } from "@tmagic/form";
-import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
 var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Border",
@@ -12,24 +12,26 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [{
+		const config = defineFormItem({ items: [{
 			labelWidth: "68px",
 			name: "borderRadius",
 			text: "圆角",
 			type: "data-source-field-select",
 			fieldConfig: { type: "text" }
-		}] };
+		}] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import Left_default from "../icons/text-align/Left.js";
 import Center_default from "../icons/text-align/Center.js";
 import Right_default from "../icons/text-align/Right.js";
-import { MContainer } from "@tmagic/form";
-import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, markRaw, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
 var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Font",
@@ -14,7 +14,7 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				type: "row",
 				items: [{
@@ -75,18 +75,20 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					}
 				]
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createBlock(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,7 @@ import FlexEnd_default from "../icons/justify-content/FlexEnd.js";
 import FlexStart_default from "../icons/justify-content/FlexStart.js";
 import SpaceAround_default from "../icons/justify-content/SpaceAround.js";
 import SpaceBetween_default from "../icons/justify-content/SpaceBetween.js";
-import { MContainer } from "@tmagic/form";
+import { MContainer, defineFormItem } from "@tmagic/form";
 import { Fragment, createElementBlock, createVNode, defineComponent, markRaw, openBlock, unref, vShow, withDirectives } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Layout.vue?vue&type=script&setup=true&lang.ts
 var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -26,7 +26,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				name: "display",
 				text: "模式",
@@ -89,7 +89,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						tooltip: "垂直方向 起点在下沿 column-reverse"
 					}
 				],
-				display: (mForm, { model }) => model.display === "flex"
+				display: (_mForm, { model }) => model.display === "flex"
 			},
 			{
 				name: "justifyContent",
@@ -124,7 +124,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						tooltip: "横向平分 space-around"
 					}
 				],
-				display: (mForm, { model }) => model.display === "flex"
+				display: (_mForm, { model }) => model.display === "flex"
 			},
 			{
 				name: "alignItems",
@@ -159,7 +159,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						tooltip: "横向平分 space-around"
 					}
 				],
-				display: (mForm, { model }) => model.display === "flex"
+				display: (_mForm, { model }) => model.display === "flex"
 			},
 			{
 				name: "flexWrap",
@@ -184,7 +184,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						tooltip: "第一行在下方 wrap-reverse"
 					}
 				],
-				display: (mForm, { model }) => model.display === "flex"
+				display: (_mForm, { model }) => model.display === "flex"
 			},
 			{
 				type: "row",
@@ -255,18 +255,19 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					fieldConfig: { type: "text" }
 				}]
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
-				config,
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { MContainer } from "@tmagic/form";
-import { createBlock, defineComponent, openBlock, unref } from "vue";
+import { defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, openBlock, resolveComponent, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Position.vue?vue&type=script&setup=true&lang.ts
 var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Position",
@@ -19,7 +19,7 @@ var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			fixed: "固定定位",
 			sticky: "粘性定位"
 		};
-		const config = { items: [
+		const config = defineFormItem({ items: [
 			{
 				name: "position",
 				text: "定位",
@@ -72,18 +72,20 @@ var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				type: "data-source-field-select",
 				fieldConfig: { type: "text" }
 			}
-		] };
+		] });
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config,
+			const _component_MContainer = resolveComponent("MContainer");
+			return openBlock(), createBlock(_component_MContainer, {
+				config: unref(config),
 				model: __props.values,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
+				"config",
 				"model",
 				"size",
 				"disabled"

package/dist/es/services/props.js

@@ -60,8 +60,9 @@ var Props = class extends BaseService_default {
 		});
 	}
 	async setPropsConfig(type, config) {
-		let c = config;
+		let c;
 		if (typeof config === "function") c = config({ editorService: editor_default });
+		else c = config;
 		this.state.propsConfigMap[toLine(type)] = await this.fillConfig(Array.isArray(c) ? c : [c]);
 	}
 	/**

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

@@ -1,73 +1,75 @@
 import base_default from "./formConfigs/base.js";
 import http_default from "./formConfigs/http.js";
+import { defineFormItem } from "@tmagic/form";
 import { dataSourceTemplateRegExp, getKeysArray, isNumber } from "@tmagic/utils";
 //#region packages/editor/src/utils/data-source/index.ts
+var dataSourceFormConfig = defineFormItem({
+	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: (_formStat, { model }) => model.type === "http",
+			items: [{
+				name: "afterResponse",
+				type: "vs-code",
+				parse: true,
+				autosize: {
+					minRows: 10,
+					maxRows: 30
+				}
+			}]
+		}
+	]
+});
 var fillConfig = (config) => [
 	...base_default(),
 	...config,
-	{
-		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
-					}
-				}]
-			}
-		]
-	}
+	dataSourceFormConfig
 ];
 var getFormConfig = (type, configs) => {
 	switch (type) {

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

@@ -1,5 +1,5 @@
 //#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.indexOf(key) === -1) 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			const dep = this.deps[id];\n			return Boolean(dep?.keys.find((d) => d === key));\n		}\n		destroy() {\n			this.deps = {};\n		}\n	};\n	//#endregion\n	//#region packages/dep/src/utils.ts\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)) {\n				const index = value.hookData.findIndex((item) => item.codeId === id);\n				return Boolean(index > -1);\n			}\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\" && /^(?!\\d+$).*$/.test(`${keys[index + 1]}`) && index < keys.length - 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		const arrayFieldTemplates = [];\n		const fieldTemplates = [];\n		templates.forEach((tpl) => {\n			const keys = getKeysArray(tpl.substring(2, tpl.length - 1));\n			const dsId = keys.shift();\n			if (!dsId || dsId !== ds.id) return;\n			if (isIncludeArrayField(keys, ds.fields)) arrayFieldTemplates.push(tpl);\n			else fieldTemplates.push(tpl);\n		});\n		if (hasArray) return arrayFieldTemplates.length > 0;\n		return fieldTemplates.length > 0;\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 || ![\"string\", \"object\"].includes(typeof value)) return false;\n		if (`${key}`.startsWith(\"displayConds\")) return false;\n		if (typeof value === \"string\") return isDataSourceTemplate(value, ds, hasArray);\n		if (isObject(value) && value?.isBindDataSource && value.dataSourceId && 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			if (hasArray) return includeArray;\n			return !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?.find((field) => field.name === keys[0])) {\n			const includeArray = isIncludeArrayField(keys, ds.fields);\n			if (hasArray) return includeArray;\n			return !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?.find((method) => method.name === methodName)) return true;\n			if (ds.fields?.find((field) => field.name === methodName)) return false;\n			return true;\n		}\n	});\n	const traverseTarget = (targetsList, cb, type) => {\n		for (const targets of Object.values(targetsList)) for (const target of Object.values(targets)) {\n			if (type && target.type !== type) continue;\n			cb(target);\n		}\n	};\n	//#endregion\n	//#region packages/dep/src/Watcher.ts\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 = [];\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.includes(node[this.idProp])) {\n						clearedItemsNodeIds.push(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			const dataSourceTargetTypes = [\n				DepTargetType.DATA_SOURCE,\n				DepTargetType.DATA_SOURCE_COND,\n				DepTargetType.DATA_SOURCE_METHOD\n			];\n			if (node[\"_tmagic_node_disabled_data_source\"] && dataSourceTargetTypes.includes(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 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;

package/dist/es/utils/props.js

@@ -183,12 +183,12 @@ var displayTabConfig = {
 */
 var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false, disabledCodeBlock = false } = {}) => {
 	const propsConfig = [];
-	if (!config.find((item) => item.name === "type")) propsConfig.push({
+	if (!config.find((item) => "name" in item && item.name === "type")) propsConfig.push({
 		text: "type",
 		name: "type",
 		type: "hidden"
 	});
-	if (!config.find((item) => item.name === "id")) propsConfig.push({
+	if (!config.find((item) => "name" in item && item.name === "id")) propsConfig.push({
 		name: "id",
 		text: "ID",
 		type: "text",
@@ -205,11 +205,11 @@ var fillConfig = (config = [], { labelWidth = "80px", disabledDataSource = false
 			}
 		}
 	});
-	if (!config.find((item) => item.name === "name")) propsConfig.push({
+	if (!config.find((item) => "name" in item && item.name === "name")) propsConfig.push({
 		name: "name",
 		text: "组件名称"
 	});
-	const noCodeAdvancedTabItems = advancedTabConfig.items.filter((item) => item.type !== "code-select");
+	const noCodeAdvancedTabItems = advancedTabConfig.items.filter((item) => "type" in item && item.type !== "code-select");
 	if (noCodeAdvancedTabItems.length > 0 && disabledCodeBlock) advancedTabConfig.items = noCodeAdvancedTabItems;
 	const tabConfig = {
 		type: "tab",