@tmagic/editor 1.8.0-beta.28 → 1.8.0-beta.29

package/dist/tmagic-editor.umd.cjs

@@ -225,8 +225,10 @@
 			var unmasked = true;
 		} catch (e) {}
 		var result = nativeObjectToString$1.call(value);
-		if (unmasked) if (isOwn) value[symToStringTag$1] = tag;
-		else delete value[symToStringTag$1];
+		if (unmasked) {
+			if (isOwn) value[symToStringTag$1] = tag;
+			else delete value[symToStringTag$1];
+		}
 		return result;
 	}
 	var objectProto$4, hasOwnProperty$14, nativeObjectToString$1, symToStringTag$1;
@@ -379,7 +381,7 @@
 		init__arrayMap();
 		init_isArray();
 		init_isSymbol();
-		INFINITY$1 = Infinity;
+		INFINITY$1 = 1 / 0;
 		symbolProto$2 = Symbol$1 ? Symbol$1.prototype : void 0;
 		symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
 	}));
@@ -2240,7 +2242,7 @@
 	var INFINITY;
 	var init__toKey = __esmMin((() => {
 		init_isSymbol();
-		INFINITY = Infinity;
+		INFINITY = 1 / 0;
 	}));
 	//#endregion
 	//#region node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseGet.js
@@ -2350,9 +2352,10 @@
 		result || (result = []);
 		while (++index < length) {
 			var value = array[index];
-			if (depth > 0 && predicate(value)) if (depth > 1) baseFlatten(value, depth - 1, predicate, isStrict, result);
-			else arrayPush(result, value);
-			else if (!isStrict) result[result.length] = value;
+			if (depth > 0 && predicate(value)) {
+				if (depth > 1) baseFlatten(value, depth - 1, predicate, isStrict, result);
+				else arrayPush(result, value);
+			} else if (!isStrict) result[result.length] = value;
 		}
 		return result;
 	}
@@ -4314,16 +4317,17 @@
 		if (isCommon) {
 			var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
 			newValue = srcValue;
-			if (isArr || isBuff || isTyped) if (isArray(objValue)) newValue = objValue;
-			else if (isArrayLikeObject(objValue)) newValue = copyArray(objValue);
-			else if (isBuff) {
-				isCommon = false;
-				newValue = cloneBuffer(srcValue, true);
-			} else if (isTyped) {
-				isCommon = false;
-				newValue = cloneTypedArray(srcValue, true);
-			} else newValue = [];
-			else if (isPlainObject$1(srcValue) || isArguments(srcValue)) {
+			if (isArr || isBuff || isTyped) {
+				if (isArray(objValue)) newValue = objValue;
+				else if (isArrayLikeObject(objValue)) newValue = copyArray(objValue);
+				else if (isBuff) {
+					isCommon = false;
+					newValue = cloneBuffer(srcValue, true);
+				} else if (isTyped) {
+					isCommon = false;
+					newValue = cloneTypedArray(srcValue, true);
+				} else newValue = [];
+			} else if (isPlainObject$1(srcValue) || isArguments(srcValue)) {
 				newValue = objValue;
 				if (isArguments(objValue)) newValue = toPlainObject(objValue);
 				else if (!isObject(objValue) || isFunction(objValue)) newValue = initCloneObject(srcValue);
@@ -4797,7 +4801,7 @@
 		init__Set();
 		init_noop();
 		init__setToArray();
-		createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == Infinity) ? noop : function(values) {
+		createSet = !(Set$1 && 1 / setToArray(new Set$1([, -0]))[1] == 1 / 0) ? noop : function(values) {
 			return new Set$1(values);
 		};
 	}));
@@ -5022,8 +5026,10 @@
 				return;
 			}
 			let codeContent = "";
-			if (codeBlock.content) if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
-			else codeContent = codeBlock.content;
+			if (codeBlock.content) {
+				if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
+				else codeContent = codeBlock.content;
+			}
 			codeConfig.value = {
 				...cloneDeep$1(codeBlock),
 				content: codeContent
@@ -6953,8 +6959,10 @@
 			const secondaryInvalid = isInvalid(secondaryValue);
 			if (primaryInvalid && !secondaryInvalid) delete style[primary];
 			else if (secondaryInvalid && !primaryInvalid) delete style[secondary];
-			else if (primaryInvalid && secondaryInvalid) if (secondaryValue === 0 && primaryValue !== 0) delete style[primary];
-			else delete style[secondary];
+			else if (primaryInvalid && secondaryInvalid) {
+				if (secondaryValue === 0 && primaryValue !== 0) delete style[primary];
+				else delete style[secondary];
+			}
 		};
 		getInitPositionStyle = (style = {}, layout) => {
 			if (layout === Layout.ABSOLUTE) {
@@ -7796,13 +7804,15 @@
 			}
 			await Promise.all(nodes.map((node) => this.doRemove(node, options)));
 			this.removeInvalidNodesBySubtree(nodes);
-			if (removedItems.length > 0 && pageForOp) if (!doNotPushHistory) this.pushOpHistory("remove", {
-				diff: removedItems,
-				pageData: pageForOp,
-				historyDescription,
-				source: historySource
-			});
-			else this.selectionBeforeOp = null;
+			if (removedItems.length > 0 && pageForOp) {
+				if (!doNotPushHistory) this.pushOpHistory("remove", {
+					diff: removedItems,
+					pageData: pageForOp,
+					historyDescription,
+					source: historySource
+				});
+				else this.selectionBeforeOp = null;
+			}
 			this.emit("remove", nodes);
 			this.emit("change", {
 				type: "remove",
@@ -7882,22 +7892,24 @@
 			}));
 			this.applyInvalidInfo(config, invalidInfo);
 			if (updateData[0].oldNode?.type !== _tmagic_core.NodeType.ROOT) {
-				if (this.get("nodes").length) if (!doNotPushHistory) {
-					const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
-					this.pushOpHistory("update", {
-						diff: buildUpdateDiff(updateData.map((d) => ({
-							oldNode: cloneDeep$1(d.oldNode),
-							newNode: cloneDeep$1(d.newNode),
-							changeRecords: d.changeRecords?.length ? cloneDeep$1(d.changeRecords) : void 0
-						}))),
-						pageData: {
-							name: pageForOp?.name || "",
-							id: pageForOp.id
-						},
-						historyDescription,
-						source: historySource
-					});
-				} else this.selectionBeforeOp = null;
+				if (this.get("nodes").length) {
+					if (!doNotPushHistory) {
+						const pageForOp = this.getNodeInfo(nodes[0].id, false).page;
+						this.pushOpHistory("update", {
+							diff: buildUpdateDiff(updateData.map((d) => ({
+								oldNode: cloneDeep$1(d.oldNode),
+								newNode: cloneDeep$1(d.newNode),
+								changeRecords: d.changeRecords?.length ? cloneDeep$1(d.changeRecords) : void 0
+							}))),
+							pageData: {
+								name: pageForOp?.name || "",
+								id: pageForOp.id
+							},
+							historyDescription,
+							source: historySource
+						});
+					} else this.selectionBeforeOp = null;
+				}
 			}
 			this.emit("update", updateData);
 			this.emit("change", {
@@ -8025,8 +8037,10 @@
 				historyDescription,
 				historySource
 			});
-			if (!doNotSelect) if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
-			else await stage?.select(newNodes[0].id);
+			if (!doNotSelect) {
+				if (newNodes.length > 1) await stage?.multiSelect(newNodes.map((node) => node.id));
+				else await stage?.select(newNodes[0].id);
+			}
 			return newNode;
 		}
 		/**
@@ -12265,9 +12279,10 @@
 				};
 				const toString = (v, language) => {
 					let value;
-					if (typeof v !== "string") if (language === "json") value = JSON.stringify(v, null, 2);
-					else value = serializeConfig(v);
-					else value = v;
+					if (typeof v !== "string") {
+						if (language === "json") value = JSON.stringify(v, null, 2);
+						else value = serializeConfig(v);
+					} else value = v;
 					if (language === "javascript" && value.startsWith("{") && value.endsWith("}")) value = `(${value})`;
 					return value;
 				};
@@ -15096,13 +15111,14 @@
 					const historySource = eventData ? "props" : "code";
 					const replace = historySource === "code";
 					let newValue;
-					if (replace) if (source === "style") newValue = {
-						...values.value,
-						id: v.id || values.value.id,
-						style: { ...v.style || {} }
-					};
-					else newValue = { ...v };
-					else {
+					if (replace) {
+						if (source === "style") newValue = {
+							...values.value,
+							id: v.id || values.value.id,
+							style: { ...v.style || {} }
+						};
+						else newValue = { ...v };
+					} else {
 						newValue = {
 							...v,
 							style: {}
@@ -17456,16 +17472,17 @@
 				let targetParent = targetInfo.parent;
 				if (!targetParent || !targetNode) return;
 				let targetIndex = -1;
-				if (Array.isArray(targetNode.items) && dragState.dropType === "inner") if (dragState.redirectedTargetId !== void 0) {
-					const redirectedNode = editorService.getNodeInfo(dragState.redirectedTargetId, false).node;
-					if (!redirectedNode || !Array.isArray(redirectedNode.items)) return;
-					targetParent = redirectedNode;
-					targetIndex = redirectedNode.items.length;
-				} else {
-					targetIndex = targetNode.items.length;
-					targetParent = targetNode;
-				}
-				else targetIndex = getNodeIndex(dragState.dragOverNodeId, targetParent);
+				if (Array.isArray(targetNode.items) && dragState.dropType === "inner") {
+					if (dragState.redirectedTargetId !== void 0) {
+						const redirectedNode = editorService.getNodeInfo(dragState.redirectedTargetId, false).node;
+						if (!redirectedNode || !Array.isArray(redirectedNode.items)) return;
+						targetParent = redirectedNode;
+						targetIndex = redirectedNode.items.length;
+					} else {
+						targetIndex = targetNode.items.length;
+						targetParent = targetNode;
+					}
+				} else targetIndex = getNodeIndex(dragState.dragOverNodeId, targetParent);
 				if (dragState.dropType === "after") targetIndex += 1;
 				const selectedNodes = editorService.get("nodes");
 				if (selectedNodes.find((n) => `${n.id}` === `${node.id}`)) editorService.dragTo(selectedNodes, targetParent, targetIndex);
@@ -18299,9 +18316,10 @@
 				return props.scrollSize * ratio;
 			};
 			const scrollBy = (delta) => {
-				if (delta < 0) if (props.pos <= 0) emit("scroll", 0);
-				else emit("scroll", -Math.min(-delta, props.pos));
-				else {
+				if (delta < 0) {
+					if (props.pos <= 0) emit("scroll", 0);
+					else emit("scroll", -Math.min(-delta, props.pos));
+				} else {
 					const leftPos = props.size - (thumbSize.value + thumbPos.value);
 					if (leftPos <= 0) emit("scroll", 0);
 					else emit("scroll", Math.min(delta, leftPos));
@@ -18905,11 +18923,44 @@
 					height: contentRect.height
 				});
 			});
+			const parseDSL = getEditorConfig("parseDSL");
+			/**
+			* 本次拖拽是否由编辑器文档内部发起
+			*
+			* drop 的 text/json 里可能带函数（组件配置的事件、钩子等），还原只能交给 parseDSL，
+			* 而 parseDSL 的默认实现是 eval；HTML 拖放又允许其他源的页面在 DataTransfer 中投递
+			* 自定义 MIME 数据，跨源页面只要诱导用户拖拽一次，就能让 eval 执行任意脚本。
+			*
+			* 跨源页面既不会在本文档触发 dragstart，也无法往本文档创建的 DataTransfer 中写数据，
+			* 因此只有起源于本文档的拖拽才交给 parseDSL 还原。
+			* 同源拖拽源写入的 text/json 由业务保证可信。
+			*/
+			let isInternalDrag = false;
+			let internalDragSession = 0;
+			let clearInternalDragTimer;
+			const documentDragStartHandler = () => {
+				internalDragSession += 1;
+				isInternalDrag = true;
+				if (clearInternalDragTimer !== void 0) {
+					globalThis.clearTimeout(clearInternalDragTimer);
+					clearInternalDragTimer = void 0;
+				}
+			};
+			const documentDragEndHandler = () => {
+				const session = internalDragSession;
+				if (clearInternalDragTimer !== void 0) globalThis.clearTimeout(clearInternalDragTimer);
+				clearInternalDragTimer = globalThis.setTimeout(() => {
+					clearInternalDragTimer = void 0;
+					if (session === internalDragSession) isInternalDrag = false;
+				}, 0);
+			};
 			(0, vue.onMounted)(() => {
 				if (stageWrapRef.value?.container) {
 					resizeObserver.observe(stageWrapRef.value.container);
 					keybindingService.registerEl(KeyBindingContainerKey.STAGE, stageWrapRef.value.container);
 				}
+				globalThis.document.addEventListener("dragstart", documentDragStartHandler, true);
+				globalThis.document.addEventListener("dragend", documentDragEndHandler, true);
 			});
 			(0, vue.onBeforeUnmount)(() => {
 				stage?.destroy();
@@ -18917,8 +18968,13 @@
 				resizeObserver.disconnect();
 				editorService.set("stage", null);
 				keybindingService.unregisterEl("stage");
+				if (clearInternalDragTimer !== void 0) {
+					globalThis.clearTimeout(clearInternalDragTimer);
+					clearInternalDragTimer = void 0;
+				}
+				globalThis.document.removeEventListener("dragstart", documentDragStartHandler, true);
+				globalThis.document.removeEventListener("dragend", documentDragEndHandler, true);
 			});
-			const parseDSL = getEditorConfig("parseDSL");
 			const contextmenuHandler = (e) => {
 				e.preventDefault();
 				menuRef.value?.show(e);
@@ -18929,11 +18985,19 @@
 				e.dataTransfer.dropEffect = "move";
 			};
 			const dropHandler = async (e) => {
+				const allowed = isInternalDrag;
+				isInternalDrag = false;
 				if (!e.dataTransfer) return;
 				const data = e.dataTransfer.getData("text/json");
-				if (!data) return;
-				const config = parseDSL(`(${data})`);
-				if (!config || config.dragType !== DragType.COMPONENT_LIST) return;
+				if (!data || !allowed) return;
+				let config;
+				try {
+					config = parseDSL(`(${data})`);
+				} catch {
+					return;
+				}
+				if (!config || config.dragType !== DragType.COMPONENT_LIST || !config.data) return;
+				const dragData = config.data;
 				e.preventDefault();
 				const doc = stage?.renderer?.contentWindow?.document;
 				const parentEl = doc?.querySelector(`.${props.stageOptions?.containerHighlightClassName}`);
@@ -18955,7 +19019,7 @@
 					const layout = await editorService.getLayout(parent);
 					const containerRect = stageContainerEl.value.getBoundingClientRect();
 					const { scrollTop, scrollLeft } = stage.mask;
-					const { style = {} } = config.data;
+					const { style = {} } = dragData;
 					let top = 0;
 					let left = 0;
 					let position = "relative";
@@ -18973,14 +19037,14 @@
 							top = top - parentTop * zoom.value;
 						}
 					}
-					config.data.style = {
+					dragData.style = {
 						...style,
 						position,
 						top: (0, _tmagic_utils.calcValueByFontsize)(doc, top / zoom.value),
 						left: (0, _tmagic_utils.calcValueByFontsize)(doc, left / zoom.value)
 					};
-					config.data.inputEvent = e;
-					editorService.add(config.data, parent, { historySource: "component-panel" });
+					dragData.inputEvent = e;
+					editorService.add(dragData, parent, { historySource: "component-panel" });
 				}
 			};
 			return (_ctx, _cache) => {
@@ -21858,8 +21922,10 @@
 			let editIndex = -1;
 			const editMethod = (method, index) => {
 				let codeContent = "({ params, dataSource, app }) => {\n  // place your code here\n}";
-				if (method.content) if (typeof method.content !== "string") codeContent = method.content.toString();
-				else codeContent = method.content;
+				if (method.content) {
+					if (typeof method.content !== "string") codeContent = method.content.toString();
+					else codeContent = method.content;
+				}
 				codeConfig.value = {
 					...cloneDeep$1(method),
 					content: codeContent
@@ -22562,7 +22628,7 @@
 			notEditable: { type: [Boolean, Function] },
 			dataSourceId: {}
 		}, {
-			"modelValue": { default: [] },
+			"modelValue": { default: () => [] },
 			"modelModifiers": {}
 		}),
 		emits: /*@__PURE__*/ (0, vue.mergeModels)(["change"], ["update:modelValue"]),

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0-beta.28",
+  "version": "1.8.0-beta.29",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -61,27 +61,27 @@
     "keycon": "^1.4.0",
     "lodash-es": "^4.18.1",
     "moveable": "^0.53.0",
-    "serialize-javascript": "^7.0.7",
+    "serialize-javascript": "^7.1.1",
     "sortablejs": "^1.15.7",
-    "@tmagic/design": "1.8.0-beta.28",
-    "@tmagic/stage": "1.8.0-beta.28",
-    "@tmagic/utils": "1.8.0-beta.28",
-    "@tmagic/form": "1.8.0-beta.28",
-    "@tmagic/table": "1.8.0-beta.28"
+    "@tmagic/design": "1.8.0-beta.29",
+    "@tmagic/form": "1.8.0-beta.29",
+    "@tmagic/stage": "1.8.0-beta.29",
+    "@tmagic/table": "1.8.0-beta.29",
+    "@tmagic/utils": "1.8.0-beta.29"
   },
   "devDependencies": {
     "@types/events": "^3.0.3",
     "@types/lodash-es": "^4.17.12",
     "@types/serialize-javascript": "^5.0.4",
     "@types/sortablejs": "^1.15.9",
-    "@vue/test-utils": "^2.4.11"
+    "@vue/test-utils": "^2.5.1"
   },
   "peerDependencies": {
     "monaco-editor": "^0.55.1 ",
     "type-fest": "^5.2.0",
     "typescript": "^6.0.3",
-    "vue": "^3.5.41",
-    "@tmagic/core": "1.8.0-beta.28"
+    "vue": "^3.5.43",
+    "@tmagic/core": "1.8.0-beta.29"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/fields/DataSourceFieldSelect/FieldSelect.vue

@@ -118,7 +118,7 @@ const emit = defineEmits<{
   change: [v: string[]];
 }>();
 
-const modelValue = defineModel<string[] | any>('modelValue', { default: [] });
+const modelValue = defineModel<string[] | any>('modelValue', { default: () => [] });
 
 const optionComponent = getDesignConfig('components')?.option;
 

package/src/layouts/workspace/viewer/Stage.vue

@@ -56,7 +56,14 @@ import { calcValueByFontsize, getIdFromEl } from '@tmagic/utils';
 import ScrollViewer from '@editor/components/ScrollViewer.vue';
 import { useServices } from '@editor/hooks';
 import { useStage } from '@editor/hooks/use-stage';
-import type { CustomContentMenuFunction, MenuButton, MenuComponent, StageOptions, StageSlots } from '@editor/type';
+import type {
+  AddMNode,
+  CustomContentMenuFunction,
+  MenuButton,
+  MenuComponent,
+  StageOptions,
+  StageSlots,
+} from '@editor/type';
 import { DragType, Layout } from '@editor/type';
 import { getEditorConfig } from '@editor/utils/config';
 import { KeyBindingContainerKey } from '@editor/utils/keybinding-config';
@@ -270,11 +277,56 @@ const resizeObserver = new globalThis.ResizeObserver((entries) => {
   }
 });
 
+const parseDSL = getEditorConfig('parseDSL');
+
+/**
+ * 本次拖拽是否由编辑器文档内部发起
+ *
+ * drop 的 text/json 里可能带函数（组件配置的事件、钩子等），还原只能交给 parseDSL，
+ * 而 parseDSL 的默认实现是 eval；HTML 拖放又允许其他源的页面在 DataTransfer 中投递
+ * 自定义 MIME 数据，跨源页面只要诱导用户拖拽一次，就能让 eval 执行任意脚本。
+ *
+ * 跨源页面既不会在本文档触发 dragstart，也无法往本文档创建的 DataTransfer 中写数据，
+ * 因此只有起源于本文档的拖拽才交给 parseDSL 还原。
+ * 同源拖拽源写入的 text/json 由业务保证可信。
+ */
+let isInternalDrag = false;
+let internalDragSession = 0;
+let clearInternalDragTimer: ReturnType<typeof setTimeout> | undefined;
+
+const documentDragStartHandler = () => {
+  internalDragSession += 1;
+  isInternalDrag = true;
+  if (clearInternalDragTimer !== undefined) {
+    globalThis.clearTimeout(clearInternalDragTimer);
+    clearInternalDragTimer = undefined;
+  }
+};
+
+const documentDragEndHandler = () => {
+  // WebKit 可能先 dragend 再 drop；推迟到下一个宏任务再清标志，
+  // 让同一次拖拽的 drop 仍能消费。session 防止误清掉下一次 dragstart。
+  const session = internalDragSession;
+  if (clearInternalDragTimer !== undefined) {
+    globalThis.clearTimeout(clearInternalDragTimer);
+  }
+  clearInternalDragTimer = globalThis.setTimeout(() => {
+    clearInternalDragTimer = undefined;
+    if (session === internalDragSession) {
+      isInternalDrag = false;
+    }
+  }, 0);
+};
+
 onMounted(() => {
   if (stageWrapRef.value?.container) {
     resizeObserver.observe(stageWrapRef.value.container);
     keybindingService.registerEl(KeyBindingContainerKey.STAGE, stageWrapRef.value.container);
   }
+
+  // 用捕获阶段监听，确保拖拽源自身的 dragstart 无论是否阻止冒泡都能被记录
+  globalThis.document.addEventListener('dragstart', documentDragStartHandler, true);
+  globalThis.document.addEventListener('dragend', documentDragEndHandler, true);
 });
 
 onBeforeUnmount(() => {
@@ -283,9 +335,15 @@ onBeforeUnmount(() => {
   resizeObserver.disconnect();
   editorService.set('stage', null);
   keybindingService.unregisterEl('stage');
-});
 
-const parseDSL = getEditorConfig('parseDSL');
+  if (clearInternalDragTimer !== undefined) {
+    globalThis.clearTimeout(clearInternalDragTimer);
+    clearInternalDragTimer = undefined;
+  }
+
+  globalThis.document.removeEventListener('dragstart', documentDragStartHandler, true);
+  globalThis.document.removeEventListener('dragend', documentDragEndHandler, true);
+});
 
 const contextmenuHandler = (e: MouseEvent) => {
   e.preventDefault();
@@ -299,15 +357,27 @@ const dragoverHandler = (e: DragEvent) => {
 };
 
 const dropHandler = async (e: DragEvent) => {
+  // 画布上的任意 drop 都消费本次内部拖拽标记（含空 text/json），避免残留到下一次 drop
+  const allowed = isInternalDrag;
+  isInternalDrag = false;
+
   if (!e.dataTransfer) return;
 
   const data = e.dataTransfer.getData('text/json');
 
-  if (!data) return;
+  // 外部源投递的拖拽数据不可信，不能交给 parseDSL(默认实现为 eval)
+  if (!data || !allowed) return;
+
+  let config: { dragType?: string; data?: AddMNode } | undefined;
+  try {
+    config = parseDSL(`(${data})`);
+  } catch {
+    return;
+  }
 
-  const config = parseDSL(`(${data})`);
+  if (!config || config.dragType !== DragType.COMPONENT_LIST || !config.data) return;
 
-  if (!config || config.dragType !== DragType.COMPONENT_LIST) return;
+  const dragData = config.data;
 
   e.preventDefault();
 
@@ -349,7 +419,7 @@ const dropHandler = async (e: DragEvent) => {
 
     const containerRect = stageContainerEl.value.getBoundingClientRect();
     const { scrollTop, scrollLeft } = stage.mask!;
-    const { style = {} } = config.data;
+    const { style = {} } = dragData;
 
     let top = 0;
     let left = 0;
@@ -371,16 +441,16 @@ const dropHandler = async (e: DragEvent) => {
       }
     }
 
-    config.data.style = {
+    dragData.style = {
       ...style,
       position,
       top: calcValueByFontsize(doc, top / zoom.value),
       left: calcValueByFontsize(doc, left / zoom.value),
     };
 
-    config.data.inputEvent = e;
+    dragData.inputEvent = e;
 
-    editorService.add(config.data, parent, { historySource: 'component-panel' });
+    editorService.add(dragData, parent, { historySource: 'component-panel' });
   }
 };
 </script>

package/types/headless.d.ts

@@ -13,6 +13,5 @@ import { HeadlessFieldOptions } from "@tmagic/form/headless";
  * innerConfig 返回的 config / model / prop 与组件模板里传给内部容器的那一组保持一一对应，
  * 且配置本身与组件共用同一份工厂（`fields/configs/`）。
  */
-declare const editorFields: Record<string, HeadlessFieldOptions>;
-//#endregion
-export { editorFields };
+export declare const editorFields: Record<string, HeadlessFieldOptions>;
+//#endregion