@tmagic/editor 1.7.8 → 1.7.10

package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js

@@ -63,6 +63,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		canSelect: { type: Function },
 		isContainer: { type: Function },
 		customContentMenu: { type: Function },
+		beforeDblclick: { type: Function },
 		extendFormState: { type: Function },
 		pageBarSortOptions: {},
 		pageFilterFunction: { type: Function }
@@ -109,7 +110,8 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			disabledDragStart: props.disabledDragStart,
 			renderType: props.renderType,
 			guidesOptions: props.guidesOptions,
-			disabledMultiSelect: props.disabledMultiSelect
+			disabledMultiSelect: props.disabledMultiSelect,
+			beforeDblclick: props.beforeDblclick
 		};
 		stageOverlay_default.set("stageOptions", stageOptions);
 		provide("services", services);

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

@@ -24,13 +24,23 @@ var CodeParams_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			labelWidth: "120px",
 			name: props.name
 		}];
-		const codeParamsConfig = computed(() => getFormConfig(props.paramsConfig.map(({ name, text, extra, ...config }) => ({
-			type: "data-source-field-select",
-			name,
-			text,
-			extra,
-			fieldConfig: config
-		}))));
+		const codeParamsConfig = computed(() => getFormConfig(props.paramsConfig.map(({ name, text, extra, ...config }) => {
+			let { type } = config;
+			if (typeof type === "function") type = type(void 0, { model: props.model[props.name] });
+			if (type && ["data-source-field-select", "vs-code"].includes(type)) return {
+				...config,
+				name,
+				text,
+				extra
+			};
+			return {
+				type: "data-source-field-select",
+				name,
+				text,
+				extra,
+				fieldConfig: config
+			};
+		})));
 		/**
 		* 参数值修改更新
 		*/

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

@@ -17,7 +17,8 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		checkStrictly: { type: Boolean },
 		size: {},
 		dataSourceFieldType: {},
-		notEditable: { type: [Boolean, Function] }
+		notEditable: { type: [Boolean, Function] },
+		dataSourceId: {}
 	}, {
 		"modelValue": { default: [] },
 		"modelModifiers": {}
@@ -31,7 +32,11 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const { dataSourceService, uiService } = useServices();
 		const mForm = inject("mForm");
 		const eventBus = inject("eventBus");
-		const dataSources = computed(() => dataSourceService.get("dataSources") || []);
+		const allDataSources = computed(() => dataSourceService.get("dataSources") || []);
+		const dataSources = computed(() => {
+			if (!props.dataSourceId) return allDataSources.value;
+			return allDataSources.value.filter((ds) => ds.id === props.dataSourceId);
+		});
 		const valueIsKey = computed(() => props.value === "key");
 		const notEditable = computed(() => filterFunction(mForm, props.notEditable, props));
 		const dataSourcesOptions = computed(() => dataSources.value.map((ds) => ({
@@ -41,7 +46,10 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const selectDataSourceId = ref("");
 		const selectFieldsId = ref([]);
 		watch(modelValue, (value) => {
-			if (Array.isArray(value)) {
+			if (props.dataSourceId) {
+				selectDataSourceId.value = valueIsKey.value ? props.dataSourceId : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${props.dataSourceId}`;
+				selectFieldsId.value = Array.isArray(value) ? value : [];
+			} else if (Array.isArray(value) && value.length) {
 				const [dsId, ...fields] = value;
 				selectDataSourceId.value = dsId;
 				selectFieldsId.value = fields;
@@ -51,7 +59,7 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}
 		}, { immediate: true });
 		const fieldsOptions = computed(() => {
-			const ds = dataSources.value.find((ds) => ds.id === removeDataSourceFieldPrefix(selectDataSourceId.value));
+			const ds = allDataSources.value.find((ds) => ds.id === removeDataSourceFieldPrefix(selectDataSourceId.value));
 			if (!ds) return [];
 			return getCascaderOptionsFromFields(ds.fields, props.dataSourceFieldType);
 		});
@@ -67,8 +75,13 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			emit("change", modelValue.value);
 		};
 		const fieldChangeHandler = (v = []) => {
-			modelValue.value = [selectDataSourceId.value, ...v];
-			emit("change", modelValue.value);
+			if (props.dataSourceId) {
+				modelValue.value = v;
+				emit("change", v);
+			} else {
+				modelValue.value = [selectDataSourceId.value, ...v];
+				emit("change", modelValue.value);
+			}
 		};
 		const onChangeHandler = (v = []) => {
 			modelValue.value = v;
@@ -79,7 +92,23 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			eventBus?.emit("edit-data-source", removeDataSourceFieldPrefix(id));
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [__props.checkStrictly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(TMagicSelect), {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.dataSourceId ? (openBlock(), createBlock(unref(TMagicCascader), {
+				key: 0,
+				"model-value": selectFieldsId.value,
+				clearable: "",
+				filterable: "",
+				size: __props.size,
+				disabled: __props.disabled,
+				options: fieldsOptions.value,
+				props: { checkStrictly: __props.checkStrictly },
+				onChange: fieldChangeHandler
+			}, null, 8, [
+				"model-value",
+				"size",
+				"disabled",
+				"options",
+				"props"
+			])) : __props.checkStrictly ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(TMagicSelect), {
 				"model-value": selectDataSourceId.value,
 				clearable: "",
 				filterable: "",
@@ -122,7 +151,7 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				"options",
 				"props"
 			])], 64)) : (openBlock(), createBlock(unref(TMagicCascader), {
-				key: 1,
+				key: 2,
 				clearable: "",
 				filterable: "",
 				"model-value": modelValue.value,
@@ -138,7 +167,7 @@ var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				"options",
 				"props"
 			])), selectDataSourceId.value && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
-				key: 2,
+				key: 3,
 				content: notEditable.value ? "查看" : "编辑"
 			}, {
 				default: withCtx(() => [createVNode(unref(TMagicButton), {

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

@@ -104,6 +104,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				value: __props.config.value,
 				checkStrictly: checkStrictly.value,
 				dataSourceFieldType: __props.config.dataSourceFieldType,
+				dataSourceId: __props.config.dataSourceId,
 				onChange: onChangeHandler
 			}, null, 8, [
 				"model-value",
@@ -111,7 +112,8 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				"size",
 				"value",
 				"checkStrictly",
-				"dataSourceFieldType"
+				"dataSourceFieldType",
+				"dataSourceId"
 			])) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
 				key: 1,
 				config: __props.config.fieldConfig,

package/dist/es/fields/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js

@@ -1,9 +1,11 @@
 import { SideItemKey } from "../type.js";
 import { useServices } from "../hooks/use-services.js";
+import { getFieldType } from "../utils/data-source/index.js";
 import Icon_default from "../components/Icon.js";
 import CodeParams_default from "../components/CodeParams.js";
 import { MCascader, createValues, filterFunction } from "@tmagic/form";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
+import { DATA_SOURCE_SET_DATA_METHOD_NAME } from "@tmagic/utils";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, unref, withCtx } from "vue";
 import { Edit, View } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/DataSourceMethodSelect.vue?vue&type=script&setup=true&name=true&lang.ts
@@ -44,6 +46,30 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 		});
 		const getParamItemsConfig = ([dataSourceId, methodName] = ["", ""]) => {
 			if (!dataSourceId) return [];
+			if (methodName === DATA_SOURCE_SET_DATA_METHOD_NAME) return [{
+				name: "field",
+				text: "字段",
+				type: "data-source-field-select",
+				dataSourceId,
+				checkStrictly: true
+			}, {
+				name: "data",
+				text: "数据",
+				type: (_formState, { model }) => {
+					const fieldType = getFieldType(dataSourceService.getDataSourceById(`${dataSourceId}`), model.field);
+					let type = "vs-code";
+					if (fieldType === "number") type = "number";
+					else if (fieldType === "string") type = "text";
+					else if (fieldType === "boolean") type = "switch";
+					return type;
+				},
+				language: "javascript",
+				options: inject("codeOptions", {}),
+				autosize: {
+					minRows: 1,
+					maxRows: 10
+				}
+			}];
 			const paramStatements = dataSources.value?.find((item) => item.id === dataSourceId)?.methods?.find((item) => item.name === methodName)?.params;
 			if (!paramStatements) return [];
 			return paramStatements.map((paramState) => ({
@@ -52,13 +78,20 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 			}));
 		};
 		const paramsConfig = ref(getParamItemsConfig(props.model[props.name || "dataSourceMethod"]));
-		const methodsOptions = computed(() => dataSources.value?.filter((ds) => ds.methods?.length || dataSourceService.getFormMethod(ds.type).length)?.map((ds) => ({
+		const methodsOptions = computed(() => dataSources.value?.map((ds) => ({
 			label: ds.title || ds.id,
 			value: ds.id,
-			children: [...dataSourceService?.getFormMethod(ds.type) || [], ...(ds.methods || []).map((method) => ({
-				label: method.name,
-				value: method.name
-			}))]
+			children: [
+				{
+					label: "设置数据",
+					value: DATA_SOURCE_SET_DATA_METHOD_NAME
+				},
+				...dataSourceService?.getFormMethod(ds.type) || [],
+				...(ds.methods || []).map((method) => ({
+					label: method.name,
+					value: method.name
+				}))
+			]
 		})) || []);
 		const cascaderConfig = computed(() => ({
 			type: "cascader",

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

@@ -55,8 +55,9 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				actions: [{
 					text: "编辑",
 					handler: (method, index) => {
-						let codeContent = method.content || "({ params, dataSource, app }) => {\n  // place your code here\n}";
-						if (typeof codeContent !== "string") codeContent = codeContent.toString();
+						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;
 						codeConfig.value = {
 							...cloneDeep(method),
 							content: codeContent

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

@@ -4,6 +4,7 @@ import Font_default from "./pro/Font.js";
 import Layout_default from "./pro/Layout.js";
 import Position_default from "./pro/Position.js";
 import Border_default from "./pro/Border.js";
+import Transform_default from "./pro/Transform.js";
 import { TMagicCollapse, TMagicCollapseItem } from "@tmagic/design";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx } from "vue";
 import { Grid } from "@element-plus/icons-vue";
@@ -48,6 +49,10 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			{
 				title: "边框与圆角",
 				component: Border_default
+			},
+			{
+				title: "变形",
+				component: Transform_default
 			}
 		];
 		const collapseValue = shallowRef(Array(list.length).fill(1).map((x, i) => `${i}`));

package/dist/es/fields/StyleSetter/pro/Transform.js

@@ -0,0 +1,5 @@
+import Transform_vue_vue_type_script_setup_true_lang_default from "./Transform.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/StyleSetter/pro/Transform.vue
+var Transform_default = Transform_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Transform_default as default };

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

@@ -0,0 +1,54 @@
+import { MContainer, defineFormItem } from "@tmagic/form";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+//#region packages/editor/src/fields/StyleSetter/pro/Transform.vue?vue&type=script&setup=true&lang.ts
+var Transform_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Transform",
+	props: {
+		values: {},
+		disabled: { type: Boolean },
+		size: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const config = defineFormItem({ items: [{
+			name: "transform",
+			items: [{
+				name: "rotate",
+				text: "旋转角度",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				checkStrictly: false,
+				dataSourceFieldType: ["string", "number"],
+				fieldConfig: { type: "text" }
+			}, {
+				name: "scale",
+				text: "缩放",
+				labelWidth: "68px",
+				type: "data-source-field-select",
+				checkStrictly: false,
+				dataSourceFieldType: ["string", "number"],
+				fieldConfig: { type: "text" }
+			}]
+		}] });
+		const change = (value, eventData) => {
+			emit("change", value, eventData);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MContainer), {
+				config: unref(config),
+				model: __props.values,
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: change
+			}, null, 8, [
+				"config",
+				"model",
+				"size",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { Transform_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/hooks/use-code-block-edit.js

@@ -22,8 +22,9 @@ var useCodeBlockEdit = (codeBlockService) => {
 			tMagicMessage.error("获取代码块内容失败");
 			return;
 		}
-		let codeContent = codeBlock.content;
-		if (typeof codeContent !== "string") codeContent = codeContent.toString();
+		let codeContent = "";
+		if (codeBlock.content) if (typeof codeBlock.content !== "string") codeContent = codeBlock.content.toString();
+		else codeContent = codeBlock.content;
 		codeConfig.value = {
 			...cloneDeep(codeBlock),
 			content: codeContent

package/dist/es/index.js

@@ -1,4 +1,4 @@
-import { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, KeyBindingCommand, Keys, LayerOffset, Layout, SideItemKey } from "./type.js";
+import { CODE_DRAFT_STORAGE_KEY, CodeDeleteErrorType, ColumnLayout, DragType, KeyBindingCommand, Keys, LayerOffset, Layout, SideItemKey, canUsePluginMethods } from "./type.js";
 import { useCodeBlockEdit } from "./hooks/use-code-block-edit.js";
 import { advancedTabConfig, arrayOptions, displayTabConfig, eqOptions, eventTabConfig, fillConfig, numberOptions, styleTabConfig } from "./utils/props.js";
 import props_default from "./services/props.js";
@@ -6,7 +6,7 @@ import { UndoRedo } from "./utils/undo-redo.js";
 import history_default from "./services/history.js";
 import { getEditorConfig, setEditorConfig } from "./utils/config.js";
 import storage_default from "./services/storage.js";
-import { COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, Fixed2Other, buildChangeRecords, change2Fixed, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getRelativeStyle, isIncludeDataSource, moveItemsInContainer, serializeConfig, setChildrenLayout, setLayout } from "./utils/editor.js";
+import { COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, Fixed2Other, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, change2Fixed, classifyDragSources, collectRelatedNodes, editorNodeMergeCustomizer, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getRelativeStyle, isIncludeDataSource, moveItemsInContainer, resolveSelectedNode, serializeConfig, setChildrenLayout, setLayout, toggleFixedPosition } from "./utils/editor.js";
 import { beforePaste, getAddParent, getDefaultConfig, getPositionInContainer } from "./utils/operator.js";
 import editor_default from "./services/editor.js";
 import { DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, H_GUIDE_LINE_STORAGE_KEY, LEFT_COLUMN_WIDTH_STORAGE_KEY, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, RIGHT_COLUMN_WIDTH_STORAGE_KEY, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY } from "./utils/const.js";
@@ -76,4 +76,4 @@ export * from "@tmagic/table";
 export * from "@tmagic/stage";
 export * from "@tmagic/design";
 export * from "@tmagic/utils";
-export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, change2Fixed, codeBlock_default as codeBlockService, dataSource_default as dataSourceService, debug, plugin_default as default, dep_default as depService, designPlugin, displayTabConfig, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, info, isIncludeDataSource, monaco_editor_default as loadMonaco, log, moveItemsInContainer, numberOptions, props_default as propsService, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, ui_default as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, CodeBlockEditor_default as CodeBlockEditor, CodeBlockList_default as CodeBlockList, CodeBlockListPanel_default as CodeBlockListPanel, CodeDeleteErrorType, CodeSelect_default as CodeSelect, CodeSelectCol_default as CodeSelectCol, ColumnLayout, ComponentListPanel_default as ComponentListPanel, CondOpSelect_default as CondOpSelect, ContentMenu_default as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, DataSourceAddButton_default as DataSourceAddButton, DataSourceConfigPanel_default as DataSourceConfigPanel, Index_default as DataSourceFieldSelect, DataSourceFields_default as DataSourceFields, DataSourceInput_default as DataSourceInput, DataSourceMethodSelect_default as DataSourceMethodSelect, DataSourceMethods_default as DataSourceMethods, DataSourceMocks_default as DataSourceMocks, DataSourceSelect_default as DataSourceSelect, DepTargetType, DisplayConds_default as DisplayConds, DragType, EventSelect_default as EventSelect, Fixed2Other, FloatingBox_default as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, Icon_default as Icon, IdleTask, KeyBindingCommand, KeyValue_default as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, LayerPanel_default as LayerPanel, Layout, SplitView_default as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, PageFragmentSelect_default as PageFragmentSelect, FormPanel_default as PropsFormPanel, PropsPanel_default as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, Resizer_default as Resizer, ScrollViewer, SideItemKey, SplitView_default as SplitView, StageCore, Index_default$1 as StyleSetter, CodeEditor_default as TMagicCodeEditor, Editor_default as TMagicEditor, ToolButton_default as ToolButton, Tree_default as Tree, TreeNode_default as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, buildChangeRecords, calcAlignCenterStyle, calcLayerTargetIndex, calcMoveStyle, canUsePluginMethods, change2Fixed, classifyDragSources, codeBlock_default as codeBlockService, collectRelatedNodes, dataSource_default as dataSourceService, debug, plugin_default as default, dep_default as depService, designPlugin, displayTabConfig, editorNodeMergeCustomizer, editor_default as editorService, eqOptions, error, eventTabConfig, events_default as eventsService, fillConfig, fixNodeLeft, fixNodePosition, formPlugin, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFieldType, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, history_default as historyService, info, isIncludeDataSource, monaco_editor_default as loadMonaco, log, moveItemsInContainer, numberOptions, props_default as propsService, resolveSelectedNode, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, stageOverlay_default as stageOverlayService, storage_default as storageService, styleTabConfig, tablePlugin, toggleFixedPosition, ui_default as uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus, useServices, useStage, useWindowRect, warn };

package/dist/es/initService.js

@@ -59,13 +59,13 @@ var initServiceState = (props, { editorService, historyService, componentListSer
 	});
 };
 var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSourceService, depService }) => {
-	let getTMagicAppPrimise = null;
+	let getTMagicAppPromise = null;
 	const getTMagicApp = async () => {
 		const { renderer } = await getStage();
 		if (!renderer) return;
 		if (renderer.runtime) return renderer.runtime.getApp?.();
-		if (getTMagicAppPrimise) return getTMagicAppPrimise;
-		getTMagicAppPrimise = new Promise((resolve) => {
+		if (getTMagicAppPromise) return getTMagicAppPromise;
+		getTMagicAppPromise = new Promise((resolve) => {
 			const timeout = globalThis.setTimeout(() => {
 				resolve(void 0);
 			}, 1e4);
@@ -74,7 +74,7 @@ var initServiceEvents = (props, emit, { editorService, codeBlockService, dataSou
 				resolve(renderer.runtime?.getApp?.());
 			});
 		});
-		return getTMagicAppPrimise;
+		return getTMagicAppPromise;
 	};
 	const updateStageNodes = (nodes) => {
 		for (const node of nodes) updateStageNode(node);

package/dist/es/layouts/workspace/viewer/Stage.vue_vue_type_script_setup_true_lang.js

@@ -27,7 +27,7 @@ var Stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const props = __props;
 		let stage = null;
 		let runtime = null;
-		const { editorService, uiService, keybindingService } = useServices();
+		const { editorService, uiService, keybindingService, stageOverlayService } = useServices();
 		const stageLoading = computed(() => editorService.get("stageLoading"));
 		const stageWrapRef = useTemplateRef("stageWrap");
 		const stageContainerEl = useTemplateRef("stageContainer");
@@ -40,6 +40,42 @@ var Stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const page = computed(() => editorService.get("page"));
 		const zoom = computed(() => uiService.get("zoom"));
 		const node = computed(() => editorService.get("node"));
+		/**
+		* 判断元素是否被非页面级的滚动容器裁剪（未完整显示）
+		*
+		* 从元素向上遍历祖先节点，跳过页面/页面片容器，
+		* 检查是否存在设置了 overflow 的滚动容器将该元素裁剪，
+		* 只有元素未被完整显示时才需要打开 overlay 以展示完整内容
+		*/
+		const isClippedByScrollContainer = (el) => {
+			const win = el.ownerDocument.defaultView;
+			if (!win) return false;
+			const root = editorService.get("root");
+			const pageIds = new Set(root?.items?.map((item) => `${item.id}`) ?? []);
+			const elId = getIdFromEl()(el);
+			if (elId && pageIds.has(elId)) return false;
+			let parent = el.parentElement;
+			while (parent && parent !== el.ownerDocument.documentElement) {
+				const parentId = getIdFromEl()(parent);
+				if (parentId && pageIds.has(parentId)) return false;
+				const { overflowX, overflowY } = win.getComputedStyle(parent);
+				if ([
+					"auto",
+					"scroll",
+					"hidden"
+				].includes(overflowX) || [
+					"auto",
+					"scroll",
+					"hidden"
+				].includes(overflowY) || parent.scrollWidth > parent.clientWidth || parent.scrollHeight > parent.clientHeight) {
+					const elRect = el.getBoundingClientRect();
+					const containerRect = parent.getBoundingClientRect();
+					if (elRect.top < containerRect.top || elRect.left < containerRect.left || elRect.bottom > containerRect.bottom || elRect.right > containerRect.right) return true;
+				}
+				parent = parent.parentElement;
+			}
+			return false;
+		};
 		watchEffect(() => {
 			if (stage || !page.value) return;
 			if (!stageContainerEl.value) return;
@@ -48,6 +84,33 @@ var Stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			stage.on("select", () => {
 				stageWrapRef.value?.container?.focus();
 			});
+			stage.on("dblclick", async (event) => {
+				if (props.stageOptions.beforeDblclick) {
+					if (await props.stageOptions.beforeDblclick(event) === false) return;
+				}
+				const el = await stage?.actionManager?.getElementFromPoint(event) || null;
+				if (!el) return;
+				const id = getIdFromEl()(el);
+				if (id) {
+					const node = editorService.getNodeById(id);
+					if (node?.type === "page-fragment-container" && node.pageFragmentId) {
+						await editorService.select(node.pageFragmentId);
+						return;
+					}
+				}
+				if (!props.disabledStageOverlay && isClippedByScrollContainer(el)) {
+					stageOverlayService.openOverlay(el);
+					return;
+				}
+				const nextEl = await stage?.actionManager?.getNextElementFromPoint(event) || null;
+				if (nextEl) {
+					const nextId = getIdFromEl()(nextEl);
+					if (nextId) {
+						await editorService.select(nextId);
+						editorService.get("stage")?.select(nextId);
+					}
+				}
+			});
 			editorService.set("stage", markRaw(stage));
 			stage.mount(stageContainerEl.value);
 			if (!node.value?.id) return;

package/dist/es/layouts/workspace/viewer/StageOverlay.vue_vue_type_script_setup_true_lang.js

@@ -23,11 +23,7 @@ var StageOverlay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const frameworkRect = computed(() => uiService.get("frameworkRect"));
 		const style = computed(() => ({ transform: `scale(${zoom.value})` }));
 		watch(stage, (stage) => {
-			if (stage) stage.on("dblclick", async (event) => {
-				const el = await stage.actionManager?.getElementFromPoint(event) || null;
-				stageOverlayService.openOverlay(el);
-			});
-			else stageOverlayService.closeOverlay();
+			if (!stage) stageOverlayService.closeOverlay();
 		});
 		watch(zoom, (zoom) => {
 			const stage = stageOverlayService.get("stage");