@tmagic/editor 1.7.13 → 1.7.14-beta.1

package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js

@@ -51,6 +51,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		disabledDragStart: { type: Boolean },
 		guidesOptions: {},
 		disabledMultiSelect: { type: Boolean },
+		alwaysMultiSelect: { type: Boolean },
 		disabledPageFragment: { type: Boolean },
 		disabledStageOverlay: { type: Boolean },
 		disabledShowSrc: { type: Boolean },
@@ -63,7 +64,10 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		canSelect: { type: Function },
 		isContainer: { type: Function },
 		customContentMenu: { type: Function },
+		layerNodeIsExpandable: { type: Function },
+		canDropIn: { type: Function },
 		beforeDblclick: { type: Function },
+		beforeLayerNodeDblclick: { type: Function },
 		extendFormState: { type: Function },
 		pageBarSortOptions: {},
 		pageFilterFunction: { type: Function }
@@ -73,7 +77,8 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		"props-panel-unmounted",
 		"update:modelValue",
 		"props-form-error",
-		"props-submit-error"
+		"props-submit-error",
+		"layer-node-dblclick"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
@@ -104,6 +109,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			canSelect: props.canSelect,
 			updateDragEl: props.updateDragEl,
 			isContainer: props.isContainer,
+			canDropIn: props.canDropIn ? (sourceIds, targetId) => props.canDropIn(sourceIds, targetId, sourceIds.length === 0 ? "stage-add" : "stage-drag") : void 0,
 			containerHighlightClassName: props.containerHighlightClassName,
 			containerHighlightDuration: props.containerHighlightDuration,
 			containerHighlightType: props.containerHighlightType,
@@ -111,6 +117,7 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			renderType: props.renderType,
 			guidesOptions: props.guidesOptions,
 			disabledMultiSelect: props.disabledMultiSelect,
+			alwaysMultiSelect: props.alwaysMultiSelect,
 			beforeDblclick: props.beforeDblclick
 		};
 		stageOverlay_default.set("stageOptions", stageOptions);
@@ -130,6 +137,9 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const propsPanelFormErrorHandler = (e) => {
 			emit("props-form-error", e);
 		};
+		const layerNodeDblclickHandler = (event, data) => {
+			emit("layer-node-dblclick", event, data);
+		};
 		__expose(services);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Framework_default, {
@@ -146,7 +156,11 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					"layer-content-menu": __props.layerContentMenu,
 					"custom-content-menu": __props.customContentMenu,
 					indent: __props.treeIndent,
-					"next-level-indent-increment": __props.treeNextLevelIndentIncrement
+					"next-level-indent-increment": __props.treeNextLevelIndentIncrement,
+					"layer-node-is-expandable": __props.layerNodeIsExpandable,
+					"can-drop-in": __props.canDropIn,
+					"before-layer-node-dblclick": __props.beforeLayerNodeDblclick,
+					onLayerNodeDblclick: layerNodeDblclickHandler
 				}, {
 					"layer-panel-header": withCtx(() => [renderSlot(_ctx.$slots, "layer-panel-header")]),
 					"layer-node-content": withCtx(({ data }) => [renderSlot(_ctx.$slots, "layer-node-content", { data })]),
@@ -169,13 +183,17 @@ var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					"layer-content-menu",
 					"custom-content-menu",
 					"indent",
-					"next-level-indent-increment"
+					"next-level-indent-increment",
+					"layer-node-is-expandable",
+					"can-drop-in",
+					"before-layer-node-dblclick"
 				])])]),
 				workspace: withCtx(() => [renderSlot(_ctx.$slots, "workspace", { editorService: unref(editor_default) }, () => [createVNode(Workspace_default, {
 					"disabled-stage-overlay": __props.disabledStageOverlay,
 					"stage-content-menu": __props.stageContentMenu,
 					"custom-content-menu": __props.customContentMenu
 				}, {
+					"stage-top": withCtx(() => [renderSlot(_ctx.$slots, "stage-top")]),
 					stage: withCtx(() => [renderSlot(_ctx.$slots, "stage")]),
 					"workspace-content": withCtx(() => [renderSlot(_ctx.$slots, "workspace-content", { editorService: unref(editor_default) })]),
 					_: 3

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

@@ -71,7 +71,7 @@ var ScrollViewer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				createElementVNode("div", {
 					ref: "target",
 					style: normalizeStyle(style.value)
-				}, [renderSlot(_ctx.$slots, "default")], 4),
+				}, [renderSlot(_ctx.$slots, "before"), renderSlot(_ctx.$slots, "default")], 4),
 				renderSlot(_ctx.$slots, "content"),
 				scrollHeight.value > __props.wrapHeight ? (openBlock(), createBlock(ScrollBar_default, {
 					key: 0,

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

@@ -13,7 +13,8 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		nodeStatusMap: {},
 		indent: { default: 0 },
 		nextLevelIndentIncrement: {},
-		emptyText: { default: "暂无数据" }
+		emptyText: { default: "暂无数据" },
+		isExpandable: {}
 	},
 	emits: [
 		"node-dragover",
@@ -22,7 +23,8 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		"node-dragend",
 		"node-contextmenu",
 		"node-mouseenter",
-		"node-click"
+		"node-click",
+		"node-dblclick"
 	],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
@@ -40,7 +42,8 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					data: item,
 					indent: __props.indent,
 					"next-level-indent-increment": __props.nextLevelIndentIncrement,
-					"node-status-map": __props.nodeStatusMap
+					"node-status-map": __props.nodeStatusMap,
+					"is-expandable": __props.isExpandable
 				}, {
 					"tree-node-content": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })]),
 					"tree-node-label": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "tree-node-label", { data: nodeData })]),
@@ -50,7 +53,8 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					"data",
 					"indent",
 					"next-level-indent-increment",
-					"node-status-map"
+					"node-status-map",
+					"is-expandable"
 				]);
 			}), 128)) : (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", null, toDisplayString(__props.emptyText), 1)]))], 32);
 		};

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

@@ -1,4 +1,4 @@
-import { updateStatus } from "../utils/tree.js";
+import { defaultIsExpandable, updateStatus } from "../utils/tree.js";
 import Icon_default from "./Icon.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
 import { ArrowDown, ArrowRight } from "@element-plus/icons-vue";
@@ -25,7 +25,11 @@ var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		parentsId: { default: () => [] },
 		nodeStatusMap: {},
 		indent: { default: 0 },
-		nextLevelIndentIncrement: { default: 11 }
+		nextLevelIndentIncrement: { default: 11 },
+		isExpandable: {
+			type: Function,
+			default: defaultIsExpandable
+		}
 	},
 	emits: [
 		"node-dragstart",
@@ -33,7 +37,8 @@ var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		"node-dragend",
 		"node-contextmenu",
 		"node-mouseenter",
-		"node-click"
+		"node-click",
+		"node-dblclick"
 	],
 	setup(__props, { emit: __emit }) {
 		const treeEmit = inject("treeEmit");
@@ -48,7 +53,6 @@ var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		const selected = computed(() => nodeStatus.value.selected);
 		const visible = computed(() => nodeStatus.value.visible);
 		const draggable = computed(() => nodeStatus.value.draggable);
-		const hasChildren = computed(() => Array.isArray(props.data.items) && props.data.items.some((item) => props.nodeStatusMap.get(item.id)?.visible));
 		const handleDragStart = (event) => {
 			treeEmit?.("node-dragstart", event, props.data);
 		};
@@ -70,6 +74,9 @@ var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		const nodeClickHandler = (event) => {
 			treeEmit?.("node-click", event, props.data);
 		};
+		const nodeDblclickHandler = (event) => {
+			treeEmit?.("node-dblclick", event, props.data);
+		};
 		return (_ctx, _cache) => {
 			const _component_TreeNode = resolveComponent("TreeNode", true);
 			return withDirectives((openBlock(), createElementBlock("div", {
@@ -92,20 +99,22 @@ var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				onMouseenter: mouseenterHandler
 			}, [createVNode(Icon_default, {
 				class: "expand-icon",
-				style: normalizeStyle(hasChildren.value ? "" : "color: transparent; cursor: default"),
+				style: normalizeStyle(__props.isExpandable(__props.data, __props.nodeStatusMap) ? "" : "color: transparent; cursor: default"),
 				icon: expanded.value ? unref(ArrowDown) : unref(ArrowRight),
 				onClick: expandHandler
 			}, null, 8, ["style", "icon"]), createElementVNode("div", {
 				class: "tree-node-content",
-				onClick: nodeClickHandler
-			}, [renderSlot(_ctx.$slots, "tree-node-content", { data: __props.data }, () => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "tree-node-label", { data: __props.data }, () => [createTextVNode(toDisplayString(`${__props.data.name} (${__props.data.id})`), 1)])]), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "tree-node-tool", { data: __props.data })])])])], 38), hasChildren.value && expanded.value ? (openBlock(), createElementBlock("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data.items, (item) => {
+				onClick: nodeClickHandler,
+				onDblclick: nodeDblclickHandler
+			}, [renderSlot(_ctx.$slots, "tree-node-content", { data: __props.data }, () => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "tree-node-label", { data: __props.data }, () => [createTextVNode(toDisplayString(`${__props.data.name} (${__props.data.id})`), 1)])]), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "tree-node-tool", { data: __props.data })])])], 32)], 38), __props.isExpandable(__props.data, __props.nodeStatusMap) && expanded.value ? (openBlock(), createElementBlock("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data.items, (item) => {
 				return openBlock(), createBlock(_component_TreeNode, {
 					key: item.id,
 					data: item,
 					parent: __props.data,
 					parentsId: [...__props.parentsId, __props.data.id],
 					"node-status-map": __props.nodeStatusMap,
-					indent: __props.indent + __props.nextLevelIndentIncrement
+					indent: __props.indent + __props.nextLevelIndentIncrement,
+					"is-expandable": __props.isExpandable
 				}, {
 					"tree-node-content": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })]),
 					"tree-node-label": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "tree-node-label", { data: nodeData })]),
@@ -116,7 +125,8 @@ var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					"parent",
 					"parentsId",
 					"node-status-map",
-					"indent"
+					"indent",
+					"is-expandable"
 				]);
 			}), 128))])) : createCommentVNode("v-if", true)], 40, _hoisted_1)), [[vShow, visible.value]]);
 		};

package/dist/es/editorProps.js

@@ -4,6 +4,7 @@ import { getIdFromEl } from "@tmagic/utils";
 var defaultEditorProps = {
 	renderType: RenderType.IFRAME,
 	disabledMultiSelect: false,
+	alwaysMultiSelect: false,
 	disabledPageFragment: false,
 	disabledStageOverlay: false,
 	containerHighlightClassName: CONTAINER_HIGHLIGHT_CLASS_NAME,

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

@@ -58,7 +58,8 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const collapseValue = shallowRef(Array(list.length).fill(1).map((x, i) => `${i}`));
 		const change = (v, eventData) => {
 			eventData.changeRecords?.forEach((record) => {
-				record.propPath = `${props.name}.${record.propPath}`;
+				if (props.prop) record.propPath = `${props.prop}.${record.propPath}`;
+				else if (props.name) record.propPath = `${props.name}.${record.propPath}`;
 			});
 			emit("change", v, eventData);
 		};

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

@@ -18,6 +18,7 @@ var useStage = (stageOptions) => {
 		zoom: stageOptions.zoom ?? zoom.value,
 		autoScrollIntoView: stageOptions.autoScrollIntoView,
 		isContainer: stageOptions.isContainer,
+		canDropIn: stageOptions.canDropIn,
 		containerHighlightClassName: stageOptions.containerHighlightClassName,
 		containerHighlightDuration: stageOptions.containerHighlightDuration,
 		containerHighlightType: stageOptions.containerHighlightType,
@@ -36,12 +37,16 @@ var useStage = (stageOptions) => {
 		updateDragEl: stageOptions.updateDragEl,
 		guidesOptions: stageOptions.guidesOptions,
 		disabledMultiSelect: stageOptions.disabledMultiSelect,
+		alwaysMultiSelect: stageOptions.alwaysMultiSelect,
 		disabledRule: stageOptions.disabledRule
 	});
 	watch(() => editor_default.get("disabledMultiSelect"), (disabledMultiSelect) => {
 		if (disabledMultiSelect) stage.disableMultiSelect();
 		else stage.enableMultiSelect();
 	});
+	watch(() => editor_default.get("alwaysMultiSelect"), (alwaysMultiSelect) => {
+		stage.setAlwaysMultiSelect(Boolean(alwaysMultiSelect));
+	});
 	const hGuidesCache = getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY));
 	const vGuidesCache = getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY));
 	stage.mask?.setGuides([hGuidesCache, vGuidesCache]);

package/dist/es/index.js

@@ -16,7 +16,7 @@ import { useServices } from "./hooks/use-services.js";
 import { useFloatBox } from "./hooks/use-float-box.js";
 import { useWindowRect } from "./hooks/use-window-rect.js";
 import { useEditorContentHeight } from "./hooks/use-editor-content-height.js";
-import { updateStatus } from "./utils/tree.js";
+import { defaultIsExpandable, updateStatus } from "./utils/tree.js";
 import { useFilter } from "./hooks/use-filter.js";
 import { useGetSo } from "./hooks/use-getso.js";
 import { useNextFloatBoxPosition } from "./hooks/use-next-float-box-position.js";
@@ -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, 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 };
+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, defaultIsExpandable, 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

@@ -11,6 +11,9 @@ var initServiceState = (props, { editorService, historyService, componentListSer
 	watch(() => props.disabledMultiSelect, (disabledMultiSelect) => {
 		editorService.set("disabledMultiSelect", disabledMultiSelect || false);
 	}, { immediate: true });
+	watch(() => props.alwaysMultiSelect, (alwaysMultiSelect) => {
+		editorService.set("alwaysMultiSelect", alwaysMultiSelect || false);
+	}, { immediate: true });
 	watch(() => props.componentGroupList, (componentGroupList) => componentGroupList && componentListService.setList(componentGroupList), { immediate: true });
 	watch(() => props.datasourceList, (datasourceList) => datasourceList && dataSourceService.set("datasourceTypeList", datasourceList), { immediate: true });
 	watch(() => props.propsConfigs, (configs) => configs && propsService.setPropsConfigs(configs), { immediate: true });

package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js

@@ -46,7 +46,7 @@ var PropsPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				return;
 			}
 			const type = node.value.type || (node.value.items ? "container" : "text");
-			curFormConfig.value = await propsService.getPropsConfig(type);
+			curFormConfig.value = await propsService.getPropsConfig(type, { node: node.value });
 			values.value = node.value;
 		};
 		watchEffect(init);

package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js

@@ -47,9 +47,14 @@ var Sidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		layerContentMenu: {},
 		indent: {},
 		nextLevelIndentIncrement: {},
-		customContentMenu: {}
+		customContentMenu: {},
+		layerNodeIsExpandable: {},
+		canDropIn: {},
+		beforeLayerNodeDblclick: {}
 	},
-	setup(__props, { expose: __expose }) {
+	emits: ["layer-node-dblclick"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
 		const props = __props;
 		const { depService, uiService, propsService } = useServices();
 		const collecting = computed(() => depService.get("collecting"));
@@ -86,8 +91,12 @@ var Sidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						layerContentMenu: props.layerContentMenu,
 						customContentMenu: props.customContentMenu,
 						indent: props.indent,
-						nextLevelIndentIncrement: props.nextLevelIndentIncrement
+						nextLevelIndentIncrement: props.nextLevelIndentIncrement,
+						isExpandable: props.layerNodeIsExpandable,
+						canDropIn: props.canDropIn,
+						beforeNodeDblclick: props.beforeLayerNodeDblclick
 					},
+					listeners: { "node-dblclick": (event, nodeData) => emit("layer-node-dblclick", event, nodeData) },
 					component: LayerPanel_default,
 					slots: {}
 				},

package/dist/es/layouts/sidebar/layer/LayerPanel.vue_vue_type_script_setup_true_lang.js

@@ -18,9 +18,15 @@ var LayerPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		layerContentMenu: {},
 		indent: {},
 		nextLevelIndentIncrement: {},
-		customContentMenu: { type: Function }
+		customContentMenu: { type: Function },
+		isExpandable: { type: Function },
+		canDropIn: { type: Function },
+		beforeNodeDblclick: { type: Function }
 	},
-	setup(__props) {
+	emits: ["node-dblclick"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
 		const services = useServices();
 		const { editorService } = services;
 		const treeRef = useTemplateRef("tree");
@@ -43,8 +49,15 @@ var LayerPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				status.expand = false;
 			}
 		};
-		const { handleDragStart, handleDragEnd, handleDragLeave, handleDragOver } = useDrag(services);
-		const { nodeClickHandler, nodeContentMenuHandler, highlightHandler: mouseenterHandler } = useClick(services, isCtrlKeyDown, nodeStatusMap, useTemplateRef("menu"));
+		const { handleDragStart, handleDragEnd, handleDragLeave, handleDragOver } = useDrag(services, { canDropIn: (sourceIds, targetId) => props.canDropIn?.(sourceIds, targetId, "layer") });
+		const { nodeClickHandler, nodeDblclickHandler, nodeContentMenuHandler, highlightHandler: mouseenterHandler } = useClick(services, isCtrlKeyDown, nodeStatusMap, useTemplateRef("menu"));
+		const dblclickHandler = async (event, data) => {
+			if (props.beforeNodeDblclick) {
+				if (await props.beforeNodeDblclick(event, data) === false) return;
+			}
+			nodeDblclickHandler(event, data);
+			emit("node-dblclick", event, data);
+		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TMagicScrollbar), { class: "m-editor-layer-panel" }, {
 				default: withCtx(() => [
@@ -58,13 +71,15 @@ var LayerPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 						"node-status-map": unref(nodeStatusMap),
 						indent: __props.indent,
 						"next-level-indent-increment": __props.nextLevelIndentIncrement,
+						"is-expandable": __props.isExpandable,
 						onNodeDragover: unref(handleDragOver),
 						onNodeDragstart: unref(handleDragStart),
 						onNodeDragleave: unref(handleDragLeave),
 						onNodeDragend: unref(handleDragEnd),
 						onNodeContextmenu: unref(nodeContentMenuHandler),
 						onNodeMouseenter: unref(mouseenterHandler),
-						onNodeClick: unref(nodeClickHandler)
+						onNodeClick: unref(nodeClickHandler),
+						onNodeDblclick: dblclickHandler
 					}, {
 						"tree-node-content": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "layer-node-content", { data: nodeData })]),
 						"tree-node-tool": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "layer-node-tool", { data: nodeData }, () => [createVNode(LayerNodeTool_default, { data: nodeData }, null, 8, ["data"])])]),
@@ -75,6 +90,7 @@ var LayerPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 						"node-status-map",
 						"indent",
 						"next-level-indent-increment",
+						"is-expandable",
 						"onNodeDragover",
 						"onNodeDragstart",
 						"onNodeDragleave",

package/dist/es/layouts/sidebar/layer/use-click.js

@@ -1,11 +1,11 @@
 import { UI_SELECT_MODE_EVENT_NAME } from "../../../utils/const.js";
 import { updateStatus } from "../../../utils/tree.js";
-import { isPage, isPageFragment } from "@tmagic/utils";
+import { getElById, isPage, isPageFragment } from "@tmagic/utils";
 import { computed, nextTick } from "vue";
 import { throttle } from "lodash-es";
 //#region packages/editor/src/layouts/sidebar/layer/use-click.ts
 var useClick = ({ editorService, stageOverlayService, uiService }, isCtrlKeyDown, nodeStatusMap, menuRef) => {
-	const isMultiSelect = computed(() => isCtrlKeyDown.value && !editorService.get("disabledMultiSelect"));
+	const isMultiSelect = computed(() => !editorService.get("disabledMultiSelect") && (isCtrlKeyDown.value || editorService.get("alwaysMultiSelect")));
 	const select = async (data) => {
 		if (!data.id) throw new Error("没有id");
 		if (isMultiSelect.value) multiSelect(data);
@@ -41,6 +41,15 @@ var useClick = ({ editorService, stageOverlayService, uiService }, isCtrlKeyDown
 		editorService.get("stage")?.highlight(data.id);
 		stageOverlayService.get("stage")?.highlight(data.id);
 	};
+	const isNodeCanSelect = async (data) => {
+		const canSelect = stageOverlayService.get("stageOptions")?.canSelect;
+		if (!canSelect) return true;
+		const doc = editorService.get("stage")?.renderer?.contentWindow?.document;
+		if (!doc) return true;
+		const el = getElById()(doc, data.id);
+		if (!el) return true;
+		return Boolean(await canSelect(el));
+	};
 	const nodeClickHandler = (event, data) => {
 		if (!nodeStatusMap?.value) return;
 		if (uiService.get("uiSelectMode")) {
@@ -48,13 +57,23 @@ var useClick = ({ editorService, stageOverlayService, uiService }, isCtrlKeyDown
 			return;
 		}
 		if (data.items && data.items.length > 0 && !isMultiSelect.value) updateStatus(nodeStatusMap.value, data.id, { expand: true });
-		nextTick(() => {
+		nextTick(async () => {
+			if (!await isNodeCanSelect(data)) return;
 			select(data);
 		});
 	};
+	const nodeDblclickHandler = (event, data) => {
+		if (!nodeStatusMap?.value) return;
+		if (uiService.get("uiSelectMode")) return;
+		if (data.items && data.items.length > 0) {
+			const status = nodeStatusMap.value.get(data.id);
+			updateStatus(nodeStatusMap.value, data.id, { expand: !status?.expand });
+		}
+	};
 	return {
 		menuRef,
 		nodeClickHandler,
+		nodeDblclickHandler,
 		nodeContentMenuHandler(event, data) {
 			event.preventDefault();
 			const nodes = editorService.get("nodes") || [];

package/dist/es/layouts/sidebar/layer/use-drag.js

@@ -28,7 +28,7 @@ var removeStatusClass = (el) => {
 * dragover 属于目标节点
 * 这些方法并不是同一个dom事件触发的
 */
-var useDrag = ({ editorService }) => {
+var useDrag = ({ editorService }, options = {}) => {
 	const handleDragStart = (event) => {
 		if (!event.dataTransfer || !event.target || !event.currentTarget) return;
 		const targetEl = getNodeEl(event.target);
@@ -60,19 +60,34 @@ var useDrag = ({ editorService }) => {
 				if (parentsId.includes(`${nodeId}`) && i >= targetIdIndex) return;
 			}
 		}
-		if (distance < targetHeight / 3) {
+		let canDropInTarget = isContainer;
+		let redirectedTargetId;
+		if (canDropInTarget && options.canDropIn && nodeId && targetNodeId !== nodeId) {
+			const result = options.canDropIn([nodeId], targetNodeId);
+			if (result === false) canDropInTarget = false;
+			else if (typeof result === "string" || typeof result === "number") redirectedTargetId = result;
+		}
+		let canDropAsSibling = true;
+		const directParentId = parentsId?.[parentsId.length - 1];
+		if (options.canDropIn && nodeId && directParentId && directParentId !== nodeId) {
+			const siblingResult = options.canDropIn([nodeId], directParentId);
+			if (siblingResult === false || typeof siblingResult === "string" || typeof siblingResult === "number") canDropAsSibling = false;
+		}
+		dragState.dropType = "";
+		if (distance < targetHeight / 3 && canDropAsSibling) {
 			dragState.dropType = "before";
 			addClassName(labelEl, globalThis.document, "drag-before");
-		} else if (distance > targetHeight * 2 / 3) {
+		} else if (distance > targetHeight * 2 / 3 && canDropAsSibling) {
 			dragState.dropType = "after";
 			addClassName(labelEl, globalThis.document, "drag-after");
-		} else if (isContainer) {
+		} else if (canDropInTarget) {
 			dragState.dropType = "inner";
 			addClassName(labelEl, globalThis.document, "drag-inner");
 		}
 		if (!dragState.dropType) return;
 		dragState.dragOverNodeId = targetNodeId;
 		dragState.container = event.currentTarget;
+		dragState.redirectedTargetId = dragState.dropType === "inner" ? redirectedTargetId : void 0;
 		event.preventDefault();
 	};
 	const handleDragLeave = (event) => {
@@ -94,10 +109,16 @@ var useDrag = ({ editorService }) => {
 			let targetParent = targetInfo.parent;
 			if (!targetParent || !targetNode) return;
 			let targetIndex = -1;
-			if (Array.isArray(targetNode.items) && dragState.dropType === "inner") {
+			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);
+			}
+			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);
@@ -106,6 +127,7 @@ var useDrag = ({ editorService }) => {
 		dragState.dragOverNodeId = "";
 		dragState.dropType = "";
 		dragState.container = null;
+		dragState.redirectedTargetId = void 0;
 	};
 	return {
 		handleDragStart,