@tmagic/editor 1.7.6 → 1.7.8-beta.1

package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,214 @@
+import props_default from "./services/props.js";
+import history_default from "./services/history.js";
+import storage_default from "./services/storage.js";
+import editor_default from "./services/editor.js";
+import ui_default from "./services/ui.js";
+import Framework_default from "./layouts/Framework.js";
+import NavMenu_default from "./layouts/NavMenu.js";
+import PropsPanel_default from "./layouts/props-panel/PropsPanel.js";
+import keybinding_config_default from "./utils/keybinding-config.js";
+import Sidebar_default from "./layouts/sidebar/Sidebar.js";
+import Workspace_default from "./layouts/workspace/Workspace.js";
+import codeBlock_default from "./services/codeBlock.js";
+import componentList_default from "./services/componentList.js";
+import dataSource_default from "./services/dataSource.js";
+import dep_default from "./services/dep.js";
+import events_default from "./services/events.js";
+import keybinding_default from "./services/keybinding.js";
+import stageOverlay_default from "./services/stageOverlay.js";
+import { defaultEditorProps } from "./editorProps.js";
+import { initServiceEvents, initServiceState } from "./initService.js";
+import { createBlock, createVNode, defineComponent, mergeDefaults, openBlock, provide, renderSlot, unref, withCtx } from "vue";
+import { EventEmitter } from "events";
+//#region packages/editor/src/Editor.vue?vue&type=script&setup=true&lang.ts
+var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditor",
+	__name: "Editor",
+	props: /* @__PURE__ */ mergeDefaults({
+		modelValue: {},
+		componentGroupList: {},
+		datasourceList: {},
+		sidebar: {},
+		menu: {},
+		layerContentMenu: {},
+		stageContentMenu: {},
+		runtimeUrl: {},
+		renderType: {},
+		autoScrollIntoView: { type: Boolean },
+		propsConfigs: {},
+		propsValues: {},
+		eventMethodList: {},
+		datasourceValues: {},
+		datasourceConfigs: {},
+		datasourceEventMethodList: {},
+		moveableOptions: { type: [Function, Object] },
+		defaultSelected: {},
+		containerHighlightClassName: {},
+		containerHighlightDuration: {},
+		containerHighlightType: {},
+		stageRect: {},
+		codeOptions: {},
+		disabledDragStart: { type: Boolean },
+		guidesOptions: {},
+		disabledMultiSelect: { type: Boolean },
+		disabledPageFragment: { type: Boolean },
+		disabledStageOverlay: { type: Boolean },
+		disabledShowSrc: { type: Boolean },
+		disabledDataSource: { type: Boolean },
+		disabledCodeBlock: { type: Boolean },
+		treeIndent: {},
+		treeNextLevelIndentIncrement: {},
+		render: { type: Function },
+		updateDragEl: { type: Function },
+		canSelect: { type: Function },
+		isContainer: { type: Function },
+		customContentMenu: { type: Function },
+		extendFormState: { type: Function },
+		pageBarSortOptions: {},
+		pageFilterFunction: { type: Function }
+	}, defaultEditorProps),
+	emits: [
+		"props-panel-mounted",
+		"props-panel-unmounted",
+		"update:modelValue",
+		"props-form-error",
+		"props-submit-error"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const services = {
+			componentListService: componentList_default,
+			eventsService: events_default,
+			historyService: history_default,
+			propsService: props_default,
+			editorService: editor_default,
+			uiService: ui_default,
+			storageService: storage_default,
+			codeBlockService: codeBlock_default,
+			depService: dep_default,
+			dataSourceService: dataSource_default,
+			keybindingService: keybinding_default,
+			stageOverlayService: stageOverlay_default
+		};
+		initServiceEvents(props, emit, services);
+		initServiceState(props, services);
+		keybinding_default.register(keybinding_config_default);
+		keybinding_default.registerEl("global");
+		const stageOptions = {
+			runtimeUrl: props.runtimeUrl,
+			autoScrollIntoView: props.autoScrollIntoView,
+			render: props.render,
+			moveableOptions: props.moveableOptions,
+			canSelect: props.canSelect,
+			updateDragEl: props.updateDragEl,
+			isContainer: props.isContainer,
+			containerHighlightClassName: props.containerHighlightClassName,
+			containerHighlightDuration: props.containerHighlightDuration,
+			containerHighlightType: props.containerHighlightType,
+			disabledDragStart: props.disabledDragStart,
+			renderType: props.renderType,
+			guidesOptions: props.guidesOptions,
+			disabledMultiSelect: props.disabledMultiSelect
+		};
+		stageOverlay_default.set("stageOptions", stageOptions);
+		provide("services", services);
+		provide("codeOptions", props.codeOptions);
+		provide("stageOptions", stageOptions);
+		provide("eventBus", new EventEmitter());
+		const propsPanelMountedHandler = (e) => {
+			emit("props-panel-mounted", e);
+		};
+		const propsPanelUnmountedHandler = () => {
+			emit("props-panel-unmounted");
+		};
+		const propsPanelSubmitErrorHandler = (e) => {
+			emit("props-submit-error", e);
+		};
+		const propsPanelFormErrorHandler = (e) => {
+			emit("props-form-error", e);
+		};
+		__expose(services);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Framework_default, {
+				"disabled-page-fragment": __props.disabledPageFragment,
+				"page-bar-sort-options": __props.pageBarSortOptions,
+				"page-filter-function": __props.pageFilterFunction
+			}, {
+				header: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
+				nav: withCtx(() => [renderSlot(_ctx.$slots, "nav", { editorService: unref(editor_default) }, () => [createVNode(NavMenu_default, { data: __props.menu }, null, 8, ["data"])])]),
+				"content-before": withCtx(() => [renderSlot(_ctx.$slots, "content-before")]),
+				"src-code": withCtx(() => [renderSlot(_ctx.$slots, "src-code", { editorService: unref(editor_default) })]),
+				sidebar: withCtx(() => [renderSlot(_ctx.$slots, "sidebar", { editorService: unref(editor_default) }, () => [createVNode(Sidebar_default, {
+					data: __props.sidebar,
+					"layer-content-menu": __props.layerContentMenu,
+					"custom-content-menu": __props.customContentMenu,
+					indent: __props.treeIndent,
+					"next-level-indent-increment": __props.treeNextLevelIndentIncrement
+				}, {
+					"layer-panel-header": withCtx(() => [renderSlot(_ctx.$slots, "layer-panel-header")]),
+					"layer-node-content": withCtx(({ data }) => [renderSlot(_ctx.$slots, "layer-node-content", { data })]),
+					"layer-node-label": withCtx(({ data }) => [renderSlot(_ctx.$slots, "layer-node-label", { data })]),
+					"layer-node-tool": withCtx(({ data }) => [renderSlot(_ctx.$slots, "layer-node-tool", { data })]),
+					"component-list": withCtx(({ componentGroupList }) => [renderSlot(_ctx.$slots, "component-list", { componentGroupList })]),
+					"component-list-panel-header": withCtx(() => [renderSlot(_ctx.$slots, "component-list-panel-header")]),
+					"component-list-item": withCtx(({ component }) => [renderSlot(_ctx.$slots, "component-list-item", { component })]),
+					"code-block-panel-header": withCtx(() => [renderSlot(_ctx.$slots, "code-block-panel-header")]),
+					"code-block-panel-tool": withCtx(({ id, data }) => [renderSlot(_ctx.$slots, "code-block-panel-tool", {
+						id,
+						data
+					})]),
+					"code-block-panel-search": withCtx(() => [renderSlot(_ctx.$slots, "code-block-panel-search")]),
+					"data-source-panel-tool": withCtx(({ data }) => [renderSlot(_ctx.$slots, "data-source-panel-tool", { data })]),
+					"data-source-panel-search": withCtx(() => [renderSlot(_ctx.$slots, "data-source-panel-search")]),
+					_: 3
+				}, 8, [
+					"data",
+					"layer-content-menu",
+					"custom-content-menu",
+					"indent",
+					"next-level-indent-increment"
+				])])]),
+				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: withCtx(() => [renderSlot(_ctx.$slots, "stage")]),
+					"workspace-content": withCtx(() => [renderSlot(_ctx.$slots, "workspace-content", { editorService: unref(editor_default) })]),
+					_: 3
+				}, 8, [
+					"disabled-stage-overlay",
+					"stage-content-menu",
+					"custom-content-menu"
+				])])]),
+				"props-panel": withCtx(() => [renderSlot(_ctx.$slots, "props-panel", {}, () => [createVNode(PropsPanel_default, {
+					"extend-state": __props.extendFormState,
+					"disabled-show-src": __props.disabledShowSrc,
+					onMounted: propsPanelMountedHandler,
+					onUnmounted: propsPanelUnmountedHandler,
+					onFormError: propsPanelFormErrorHandler,
+					onSubmitError: propsPanelSubmitErrorHandler
+				}, {
+					"props-panel-header": withCtx(() => [renderSlot(_ctx.$slots, "props-panel-header")]),
+					_: 3
+				}, 8, ["extend-state", "disabled-show-src"])])]),
+				empty: withCtx(() => [renderSlot(_ctx.$slots, "empty", { editorService: unref(editor_default) })]),
+				"content-after": withCtx(() => [renderSlot(_ctx.$slots, "content-after")]),
+				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+				"page-bar": withCtx(() => [renderSlot(_ctx.$slots, "page-bar")]),
+				"page-bar-add-button": withCtx(() => [renderSlot(_ctx.$slots, "page-bar-add-button")]),
+				"page-bar-title": withCtx(({ page }) => [renderSlot(_ctx.$slots, "page-bar-title", { page })]),
+				"page-bar-popover": withCtx(({ page }) => [renderSlot(_ctx.$slots, "page-bar-popover", { page })]),
+				"page-list-popover": withCtx(({ list }) => [renderSlot(_ctx.$slots, "page-list-popover", { list })]),
+				_: 3
+			}, 8, [
+				"disabled-page-fragment",
+				"page-bar-sort-options",
+				"page-filter-function"
+			]);
+		};
+	}
+});
+//#endregion
+export { Editor_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+export { _plugin_vue_export_helper_default as default };

package/dist/es/components/CodeBlockEditor.js

@@ -0,0 +1,5 @@
+import CodeBlockEditor_vue_vue_type_script_setup_true_lang_default from "./CodeBlockEditor.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/components/CodeBlockEditor.vue
+var CodeBlockEditor_default = CodeBlockEditor_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CodeBlockEditor_default as default };

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

@@ -0,0 +1,337 @@
+import { getEditorConfig } from "../utils/config.js";
+import { useServices } from "../hooks/use-services.js";
+import { useWindowRect } from "../hooks/use-window-rect.js";
+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 { 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
+var _hoisted_1 = { style: {
+	"display": "flex",
+	"margin-bottom": "10px"
+} };
+var _hoisted_2 = { style: { "flex": "1" } };
+var _hoisted_3 = { style: { "flex": "1" } };
+var _hoisted_4 = { class: "dialog-footer" };
+var CodeBlockEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorCodeBlockEditor",
+	__name: "CodeBlockEditor",
+	props: /* @__PURE__ */ mergeModels({
+		content: {},
+		disabled: { type: Boolean },
+		isDataSource: { type: Boolean },
+		dataSourceType: {}
+	}, {
+		"width": { default: 670 },
+		"widthModifiers": {},
+		"visible": {
+			type: Boolean,
+			default: false
+		},
+		"visibleModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"submit",
+		"close",
+		"open"
+	], ["update:width", "update:visible"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const width = useModel(__props, "width");
+		const boxVisible = useModel(__props, "visible");
+		const props = __props;
+		const emit = __emit;
+		const { codeBlockService, uiService } = useServices();
+		const { height: codeBlockEditorHeight } = useEditorContentHeight();
+		const difVisible = ref(false);
+		const { rect: windowRect } = useWindowRect();
+		const magicVsEditorRef = useTemplateRef("magicVsEditor");
+		const diffChange = () => {
+			if (!magicVsEditorRef.value || !formBox.value?.form) return;
+			formBox.value.form.values.content = magicVsEditorRef.value.getEditorValue();
+			difVisible.value = false;
+		};
+		const defaultParamColConfig = {
+			type: "row",
+			label: "参数类型",
+			items: [{
+				text: "参数类型",
+				labelWidth: "70px",
+				type: "select",
+				name: "type",
+				options: [
+					{
+						text: "数字",
+						label: "数字",
+						value: "number"
+					},
+					{
+						text: "字符串",
+						label: "字符串",
+						value: "text"
+					},
+					{
+						text: "组件",
+						label: "组件",
+						value: "ui-select"
+					}
+				]
+			}]
+		};
+		const functionConfig = computed(() => [
+			{
+				text: "名称",
+				name: "name",
+				rules: [{
+					required: true,
+					message: "请输入名称",
+					trigger: "blur"
+				}]
+			},
+			{
+				text: "描述",
+				name: "desc"
+			},
+			{
+				text: "执行时机",
+				name: "timing",
+				type: "select",
+				options: () => {
+					const options = [{
+						text: "初始化前",
+						value: "beforeInit"
+					}, {
+						text: "初始化后",
+						value: "afterInit"
+					}];
+					if (props.dataSourceType !== "base") {
+						options.push({
+							text: "请求前",
+							value: "beforeRequest"
+						});
+						options.push({
+							text: "请求后",
+							value: "afterRequest"
+						});
+					}
+					return options;
+				},
+				display: () => props.isDataSource
+			},
+			{
+				type: "table",
+				border: true,
+				text: "参数",
+				enableFullscreen: false,
+				enableToggleMode: false,
+				name: "params",
+				dropSort: false,
+				items: [
+					{
+						type: "text",
+						label: "参数名",
+						name: "name"
+					},
+					{
+						type: "text",
+						label: "描述",
+						name: "extra"
+					},
+					codeBlockService.getParamsColConfig() || defaultParamColConfig
+				]
+			},
+			{
+				name: "content",
+				type: "vs-code",
+				options: inject("codeOptions", {}),
+				autosize: {
+					minRows: 10,
+					maxRows: 30
+				},
+				onChange: (formState, code) => {
+					try {
+						getEditorConfig("parseDSL")(code);
+						return code;
+					} catch (error) {
+						tMagicMessage.error(error.message);
+						throw error;
+					}
+				}
+			}
+		]);
+		const parseContent = (content) => {
+			if (typeof content === "string") return getEditorConfig("parseDSL")(content);
+			return content;
+		};
+		const submitForm = (values, data) => {
+			changedValue.value = void 0;
+			emit("submit", {
+				...values,
+				content: parseContent(values.content)
+			}, {
+				...data,
+				changeRecords: data.changeRecords?.map((record) => {
+					let { value } = record;
+					if (record.propPath === "content" && typeof value === "string") value = parseContent(value);
+					return {
+						...record,
+						value
+					};
+				})
+			});
+		};
+		const errorHandler = (error) => {
+			tMagicMessage.error(error.message);
+		};
+		const formBox = useTemplateRef("formBox");
+		const changedValue = ref();
+		const changeHandler = (values) => {
+			changedValue.value = values;
+		};
+		const beforeClose = (done) => {
+			if (!changedValue.value) {
+				done();
+				return;
+			}
+			tMagicMessageBox.confirm("当前代码块已修改，是否保存？", "提示", {
+				confirmButtonText: "保存并关闭",
+				cancelButtonText: "不保存并关闭",
+				type: "warning",
+				distinguishCancelAndClose: true
+			}).then(() => {
+				changedValue.value && submitForm(changedValue.value, { changeRecords: formBox.value?.form?.changeRecords });
+				done();
+			}).catch((action) => {
+				if (action === "cancel") {}
+				done(action === "cancel");
+			});
+		};
+		const closedHandler = () => {
+			changedValue.value = void 0;
+		};
+		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		watch(boxVisible, (visible) => {
+			nextTick(() => {
+				if (!visible) emit("close");
+				else emit("open");
+			});
+		});
+		__expose({
+			async show() {
+				calcBoxPosition();
+				boxVisible.value = true;
+			},
+			async hide() {
+				boxVisible.value = false;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" 代码块编辑区 "),
+				createVNode(FloatingBox_default, {
+					visible: boxVisible.value,
+					"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => boxVisible.value = $event),
+					width: width.value,
+					"onUpdate:width": _cache[2] || (_cache[2] = ($event) => width.value = $event),
+					height: unref(codeBlockEditorHeight),
+					"onUpdate:height": _cache[3] || (_cache[3] = ($event) => isRef(codeBlockEditorHeight) ? codeBlockEditorHeight.value = $event : null),
+					title: __props.content.name ? `${__props.disabled ? "查看" : "编辑"}${__props.content.name}` : "新增代码",
+					position: unref(boxPosition),
+					"before-close": beforeClose
+				}, {
+					body: withCtx(() => [createVNode(unref(MFormBox), {
+						class: "m-editor-code-block-editor",
+						ref_key: "formBox",
+						ref: formBox,
+						"label-width": "80px",
+						"close-on-press-escape": false,
+						title: __props.content.name,
+						config: functionConfig.value,
+						values: __props.content,
+						disabled: __props.disabled,
+						style: { "height": "100%" },
+						onChange: changeHandler,
+						onSubmit: submitForm,
+						onError: errorHandler,
+						onClosed: closedHandler
+					}, {
+						left: withCtx(() => [!__props.disabled ? (openBlock(), createBlock(unref(TMagicButton), {
+							key: 0,
+							type: "primary",
+							link: "",
+							onClick: _cache[0] || (_cache[0] = ($event) => difVisible.value = true)
+						}, {
+							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("查看修改", -1)])]),
+							_: 1
+						})) : createCommentVNode("v-if", true)]),
+						_: 1
+					}, 8, [
+						"title",
+						"config",
+						"values",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, [
+					"visible",
+					"width",
+					"height",
+					"title",
+					"position"
+				]),
+				(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(TMagicDialog), {
+					title: "查看修改",
+					modelValue: difVisible.value,
+					"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => difVisible.value = $event),
+					fullscreen: "",
+					"destroy-on-close": ""
+				}, {
+					footer: withCtx(() => [createElementVNode("span", _hoisted_4, [createVNode(unref(TMagicButton), {
+						size: "small",
+						onClick: _cache[4] || (_cache[4] = ($event) => difVisible.value = false)
+					}, {
+						default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("取消", -1)])]),
+						_: 1
+					}), createVNode(unref(TMagicButton), {
+						size: "small",
+						type: "primary",
+						onClick: diffChange
+					}, {
+						default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("确定", -1)])]),
+						_: 1
+					})])]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(unref(TMagicTag), {
+						size: "small",
+						type: "info"
+					}, {
+						default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("修改前", -1)])]),
+						_: 1
+					})]), createElementVNode("div", _hoisted_3, [createVNode(unref(TMagicTag), {
+						size: "small",
+						type: "success"
+					}, {
+						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("修改后", -1)])]),
+						_: 1
+					})])]), createVNode(CodeEditor_default, {
+						ref: "magicVsEditor",
+						type: "diff",
+						language: "json",
+						"disabled-full-screen": true,
+						initValues: __props.content.content,
+						modifiedValues: formBox.value?.form?.values.content,
+						height: `${unref(windowRect).height - 150}px`
+					}, null, 8, [
+						"initValues",
+						"modifiedValues",
+						"height"
+					])]),
+					_: 1
+				}, 8, ["modelValue"])]))
+			], 64);
+		};
+	}
+});
+//#endregion
+export { CodeBlockEditor_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/components/CodeParams.js

@@ -0,0 +1,5 @@
+import CodeParams_vue_vue_type_script_setup_true_lang_default from "./CodeParams.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/components/CodeParams.vue
+var CodeParams_default = CodeParams_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CodeParams_default as default };

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

@@ -0,0 +1,63 @@
+import { error } from "../utils/logger.js";
+import { MForm } from "@tmagic/form";
+import { computed, createBlock, defineComponent, openBlock, unref, useTemplateRef } from "vue";
+//#region packages/editor/src/components/CodeParams.vue?vue&type=script&setup=true&lang.ts
+var CodeParams_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorCodeParams",
+	__name: "CodeParams",
+	props: {
+		model: {},
+		size: {},
+		disabled: { type: Boolean },
+		name: {},
+		paramsConfig: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const formRef = useTemplateRef("form");
+		const getFormConfig = (items = []) => [{
+			type: "fieldset",
+			items,
+			legend: "参数",
+			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 onParamsChangeHandler = async (v, eventData) => {
+			try {
+				emit("change", await formRef.value?.submitForm(true), eventData);
+			} catch (e) {
+				error(e);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(MForm), {
+				ref: "form",
+				config: codeParamsConfig.value,
+				"init-values": __props.model,
+				disabled: __props.disabled,
+				size: __props.size,
+				"watch-props": false,
+				onChange: onParamsChangeHandler
+			}, null, 8, [
+				"config",
+				"init-values",
+				"disabled",
+				"size"
+			]);
+		};
+	}
+});
+//#endregion
+export { CodeParams_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/components/ContentMenu.js

@@ -0,0 +1,5 @@
+import ContentMenu_vue_vue_type_script_setup_true_lang_default from "./ContentMenu.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/components/ContentMenu.vue
+var ContentMenu_default = ContentMenu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ContentMenu_default as default };