@tmagic/editor 1.7.6 → 1.7.8-beta.1

package/dist/es/layouts/page-bar/PageBar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,135 @@
+import { useServices } from "../../hooks/use-services.js";
+import ToolButton_default from "../../components/ToolButton.js";
+import AddButton_default from "./AddButton.js";
+import PageBarScrollContainer_default from "./PageBarScrollContainer.js";
+import PageList_default from "./PageList.js";
+import Search_default from "./Search.js";
+import { TMagicIcon, TMagicPopover } from "@tmagic/design";
+import { NodeType } from "@tmagic/core";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { CaretBottom, Delete, DocumentCopy } from "@element-plus/icons-vue";
+//#region packages/editor/src/layouts/page-bar/PageBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-editor-page-bar-tabs" };
+var _hoisted_2 = ["data-page-id", "onClick"];
+var _hoisted_3 = { class: "m-editor-page-bar-title" };
+var _hoisted_4 = ["title"];
+var PageBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorPageBar",
+	__name: "PageBar",
+	props: {
+		disabledPageFragment: { type: Boolean },
+		pageBarSortOptions: {},
+		filterFunction: {
+			type: Function,
+			default: (page, keyword) => page.name?.includes(keyword) || `${page.id}`.includes(keyword)
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { editorService } = useServices();
+		const root = computed(() => editorService.get("root"));
+		const page = computed(() => editorService.get("page"));
+		const query = ref({
+			pageType: [NodeType.PAGE, NodeType.PAGE_FRAGMENT],
+			keyword: ""
+		});
+		const list = computed(() => {
+			const { pageType, keyword } = query.value;
+			if (pageType.length === 0) return [];
+			return (root.value?.items || []).filter((item) => {
+				if (pageType.includes(item.type)) {
+					if (keyword) return props.filterFunction(item, keyword);
+					return true;
+				}
+				return false;
+			});
+		});
+		const switchPage = (id) => {
+			editorService.select(id);
+		};
+		const copy = (node) => {
+			node && editorService.copy(node);
+			editorService.paste({
+				left: 0,
+				top: 0
+			});
+		};
+		const remove = (node) => {
+			editorService.remove(node);
+		};
+		const pageBarScrollContainerRef = useTemplateRef("pageBarScrollContainer");
+		const pageBarItemEls = useTemplateRef("pageBarItems");
+		watch(page, (page) => {
+			if (!page || !pageBarScrollContainerRef.value?.itemsContainerWidth || !pageBarItemEls.value || pageBarItemEls.value.length < 2) return;
+			const firstItem = pageBarItemEls.value[0];
+			const lastItem = pageBarItemEls.value[pageBarItemEls.value.length - 1];
+			if (page.id === firstItem.dataset.pageId) pageBarScrollContainerRef.value.scroll("start");
+			else if (page.id === lastItem.dataset.pageId) pageBarScrollContainerRef.value.scroll("end");
+			else {
+				const pageItem = pageBarItemEls.value.find((item) => item.dataset.pageId === page.id);
+				if (!pageItem) return;
+				const pageItemRect = pageItem.getBoundingClientRect();
+				const offsetLeft = pageItemRect.left - firstItem.getBoundingClientRect().left;
+				const { itemsContainerWidth } = pageBarScrollContainerRef.value;
+				const left = itemsContainerWidth - offsetLeft - pageItemRect.width;
+				const translateLeft = pageBarScrollContainerRef.value.getTranslateLeft();
+				if (offsetLeft + translateLeft < 0 || offsetLeft + pageItemRect.width > itemsContainerWidth - translateLeft) pageBarScrollContainerRef.value.scrollTo(left);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(PageBarScrollContainer_default, {
+				ref: "pageBarScrollContainer",
+				"page-bar-sort-options": __props.pageBarSortOptions,
+				length: list.value.length
+			}, {
+				prepend: withCtx(() => [
+					renderSlot(_ctx.$slots, "page-bar-add-button", {}, () => [createVNode(AddButton_default)]),
+					createVNode(Search_default, {
+						query: query.value,
+						"onUpdate:query": _cache[0] || (_cache[0] = ($event) => query.value = $event)
+					}, null, 8, ["query"]),
+					createVNode(PageList_default, { list: list.value }, {
+						"page-list-popover": withCtx(({ list }) => [renderSlot(_ctx.$slots, "page-list-popover", { list })]),
+						_: 3
+					}, 8, ["list"])
+				]),
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item) => {
+					return openBlock(), createElementBlock("div", {
+						class: normalizeClass(["m-editor-page-bar-item", { active: page.value?.id === item.id }]),
+						ref_for: true,
+						ref: "pageBarItems",
+						key: item.id,
+						"data-page-id": item.id,
+						onClick: ($event) => switchPage(item.id)
+					}, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "page-bar-title", { page: item }, () => [createElementVNode("span", { title: item.name }, toDisplayString(item.name || item.id), 9, _hoisted_4)])]), createVNode(unref(TMagicPopover), {
+						"popper-class": "page-bar-popover",
+						placement: "top",
+						trigger: "hover",
+						width: 160,
+						"destroy-on-close": true
+					}, {
+						reference: withCtx(() => [createVNode(unref(TMagicIcon), { class: "m-editor-page-bar-menu-icon" }, {
+							default: withCtx(() => [createVNode(unref(CaretBottom))]),
+							_: 1
+						})]),
+						default: withCtx(() => [createElementVNode("div", null, [renderSlot(_ctx.$slots, "page-bar-popover", { page: item }, () => [createVNode(ToolButton_default, { data: {
+							type: "button",
+							text: "复制",
+							icon: unref(DocumentCopy),
+							handler: () => copy(item)
+						} }, null, 8, ["data"]), createVNode(ToolButton_default, { data: {
+							type: "button",
+							text: "删除",
+							icon: unref(Delete),
+							handler: () => remove(item)
+						} }, null, 8, ["data"])])])]),
+						_: 2
+					}, 1024)], 10, _hoisted_2);
+				}), 128))]),
+				_: 3
+			}, 8, ["page-bar-sort-options", "length"])]);
+		};
+	}
+});
+//#endregion
+export { PageBar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/layouts/page-bar/PageBarScrollContainer.js

@@ -0,0 +1,5 @@
+import PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default from "./PageBarScrollContainer.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue
+var PageBarScrollContainer_default = PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PageBarScrollContainer_default as default };

package/dist/es/layouts/page-bar/PageBarScrollContainer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,119 @@
+import { useServices } from "../../hooks/use-services.js";
+import Icon_default from "../../components/Icon.js";
+import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useTemplateRef, watch } from "vue";
+import { ArrowLeftBold, ArrowRightBold } from "@element-plus/icons-vue";
+import Sortable from "sortablejs";
+//#region packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "m-editor-page-bar",
+	ref: "pageBar"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-page-bar-items",
+	ref: "itemsContainer"
+};
+var PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorPageBarScrollContainer",
+	__name: "PageBarScrollContainer",
+	props: {
+		pageBarSortOptions: {},
+		length: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { editorService, uiService } = useServices();
+		const itemsContainerEl = useTemplateRef("itemsContainer");
+		const canScroll = ref(false);
+		const showAddPageButton = computed(() => uiService.get("showAddPageButton"));
+		const showPageListButton = computed(() => uiService.get("showPageListButton"));
+		const itemsContainerWidth = ref(0);
+		const pageBarEl = useTemplateRef("pageBar");
+		const setCanScroll = () => {
+			itemsContainerWidth.value = (pageBarEl.value?.clientWidth || 0) - 74 - 37 - (showAddPageButton.value ? 37 : 21) - (showPageListButton.value ? 37 : 0);
+			nextTick(() => {
+				if (itemsContainerEl.value) canScroll.value = itemsContainerEl.value.scrollWidth - itemsContainerWidth.value > 1;
+			});
+		};
+		const resizeObserver = new ResizeObserver(() => {
+			setCanScroll();
+		});
+		onMounted(() => {
+			pageBarEl.value && resizeObserver.observe(pageBarEl.value);
+			itemsContainerEl.value && resizeObserver.observe(itemsContainerEl.value);
+		});
+		onBeforeUnmount(() => {
+			resizeObserver.disconnect();
+		});
+		let translateLeft = 0;
+		const scroll = (type) => {
+			if (!itemsContainerEl.value || !canScroll.value) return;
+			const maxScrollLeft = itemsContainerEl.value.scrollWidth - itemsContainerWidth.value;
+			if (type === "left") scrollTo(translateLeft + 200);
+			else if (type === "right") scrollTo(translateLeft - 200);
+			else if (type === "start") scrollTo(0);
+			else if (type === "end") scrollTo(-maxScrollLeft);
+		};
+		const scrollTo = (value) => {
+			if (!itemsContainerEl.value || !canScroll.value) return;
+			const maxScrollLeft = itemsContainerEl.value.scrollWidth - itemsContainerWidth.value;
+			if (value >= 0) value = 0;
+			if (-value > maxScrollLeft) value = -maxScrollLeft;
+			translateLeft = value;
+			itemsContainerEl.value.style.transform = `translate(${translateLeft}px, 0px)`;
+		};
+		watch(() => props.length, (length = 0, preLength = 0) => {
+			setTimeout(() => {
+				setCanScroll();
+				nextTick(() => {
+					if (length < preLength || preLength === 0) scroll("start");
+					else scroll("end");
+				});
+				if (length > 1) {
+					const el = document.querySelector(".m-editor-page-bar-items");
+					let beforeDragList = [];
+					const options = {
+						dataIdAttr: "data-page-id",
+						onStart: async (event) => {
+							if (typeof props.pageBarSortOptions?.beforeStart === "function") await props.pageBarSortOptions.beforeStart(event, sortable);
+							beforeDragList = sortable.toArray();
+						},
+						onUpdate: async (event) => {
+							await editorService.sort(beforeDragList[event.oldIndex], beforeDragList[event.newIndex]);
+							if (typeof props.pageBarSortOptions?.afterUpdate === "function") await props.pageBarSortOptions.afterUpdate(event, sortable);
+						},
+						...props.pageBarSortOptions ? props.pageBarSortOptions : {}
+					};
+					if (!el) return;
+					const sortable = new Sortable(el, options);
+				}
+			});
+		}, { immediate: true });
+		__expose({
+			itemsContainerWidth,
+			scroll,
+			scrollTo,
+			getTranslateLeft() {
+				return translateLeft;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				renderSlot(_ctx.$slots, "prepend"),
+				__props.length ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)) : createCommentVNode("v-if", true),
+				canScroll.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-left-icon",
+					onClick: _cache[0] || (_cache[0] = ($event) => scroll("left"))
+				}, [createVNode(Icon_default, { icon: unref(ArrowLeftBold) }, null, 8, ["icon"])])) : createCommentVNode("v-if", true),
+				canScroll.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-right-icon",
+					onClick: _cache[1] || (_cache[1] = ($event) => scroll("right"))
+				}, [createVNode(Icon_default, { icon: unref(ArrowRightBold) }, null, 8, ["icon"])])) : createCommentVNode("v-if", true)
+			], 512);
+		};
+	}
+});
+//#endregion
+export { PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/layouts/page-bar/PageList.js

@@ -0,0 +1,5 @@
+import PageList_vue_vue_type_script_setup_true_lang_default from "./PageList.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/page-bar/PageList.vue
+var PageList_default = PageList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PageList_default as default };

package/dist/es/layouts/page-bar/PageList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { useServices } from "../../hooks/use-services.js";
+import ToolButton_default from "../../components/ToolButton.js";
+import { TMagicIcon, TMagicPopover } from "@tmagic/design";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, renderSlot, unref, withCtx } from "vue";
+import { Files } from "@element-plus/icons-vue";
+//#region packages/editor/src/layouts/page-bar/PageList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	id: "m-editor-page-bar-list-icon",
+	class: "m-editor-page-bar-item m-editor-page-bar-item-icon"
+};
+var _hoisted_2 = { class: "page-bar-popover-wrapper" };
+var _hoisted_3 = { class: "page-bar-popover-inner" };
+var PageList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorPageList",
+	__name: "PageList",
+	props: { list: {} },
+	setup(__props) {
+		const { editorService, uiService } = useServices();
+		const showPageListButton = computed(() => uiService.get("showPageListButton"));
+		const page = computed(() => editorService.get("page"));
+		const switchPage = async (id) => {
+			await editorService.select(id);
+		};
+		return (_ctx, _cache) => {
+			return showPageListButton.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(TMagicPopover), {
+				"popper-class": "page-bar-popover",
+				placement: "top",
+				trigger: "hover",
+				width: 160,
+				"destroy-on-close": true
+			}, {
+				reference: withCtx(() => [createVNode(unref(TMagicIcon), { class: "m-editor-page-list-menu-icon" }, {
+					default: withCtx(() => [createVNode(unref(Files))]),
+					_: 1
+				})]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "page-list-popover", { list: __props.list }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item, index) => {
+					return openBlock(), createBlock(ToolButton_default, {
+						data: {
+							type: "button",
+							text: item.devconfig?.tabName || item.name || item.id,
+							className: item.id === page.value?.id ? "active" : "",
+							handler: () => switchPage(item.id)
+						},
+						key: index
+					}, null, 8, ["data"]);
+				}), 128))])])])]),
+				_: 3
+			})])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { PageList_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/layouts/page-bar/Search.js

@@ -0,0 +1,5 @@
+import Search_vue_vue_type_script_setup_true_lang_default from "./Search.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/page-bar/Search.vue
+var Search_default = Search_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Search_default as default };

package/dist/es/layouts/page-bar/Search.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import Icon_default from "../../components/Icon.js";
+import { MForm, createForm } from "@tmagic/form";
+import { NodeType } from "@tmagic/core";
+import { Teleport, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, unref, useModel } from "vue";
+import { Search } from "@element-plus/icons-vue";
+//#region packages/editor/src/layouts/page-bar/Search.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-search" };
+var Search_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Search",
+	props: {
+		"query": {},
+		"queryModifiers": {}
+	},
+	emits: /* @__PURE__ */ mergeModels(["search"], ["update:query"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const query = useModel(__props, "query");
+		const formConfig = createForm([{
+			type: "checkbox-group",
+			name: "pageType",
+			options: [{
+				value: NodeType.PAGE,
+				text: "页面"
+			}, {
+				value: NodeType.PAGE_FRAGMENT,
+				text: "页面片段"
+			}]
+		}, {
+			name: "keyword",
+			type: "text",
+			placeholder: "请输入关键字",
+			clearable: true
+		}]);
+		const visible = ref(false);
+		const onFormChange = (values) => {
+			query.value = values;
+			emit("search", values);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Icon_default, {
+				icon: unref(Search),
+				onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value),
+				class: normalizeClass({ "icon-active": visible.value })
+			}, null, 8, ["icon", "class"]), visible.value ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: ".m-editor-page-bar-tabs"
+			}, [query.value ? (openBlock(), createBlock(unref(MForm), {
+				key: 0,
+				class: "m-editor-page-bar-search-panel",
+				inline: true,
+				config: unref(formConfig),
+				"init-values": query.value,
+				"prevent-submit-default": true,
+				onChange: onFormChange
+			}, null, 8, ["config", "init-values"])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { Search_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/layouts/props-panel/FormPanel.js

@@ -0,0 +1,5 @@
+import FormPanel_vue_vue_type_script_setup_true_lang_default from "./FormPanel.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/props-panel/FormPanel.vue
+var FormPanel_default = FormPanel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FormPanel_default as default };

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

@@ -0,0 +1,129 @@
+import { useServices } from "../../hooks/use-services.js";
+import { useEditorContentHeight } from "../../hooks/use-editor-content-height.js";
+import Icon_default from "../../components/Icon.js";
+import CodeEditor_default from "../CodeEditor.js";
+import { MForm } from "@tmagic/form";
+import { TMagicButton, TMagicScrollbar } from "@tmagic/design";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, getCurrentInstance, inject, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, useTemplateRef, watchEffect, withCtx } from "vue";
+import { Document } from "@element-plus/icons-vue";
+//#region packages/editor/src/layouts/props-panel/FormPanel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-editor-props-form-panel" };
+var FormPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorFormPanel",
+	__name: "FormPanel",
+	props: {
+		config: {},
+		values: {},
+		disabledShowSrc: { type: Boolean },
+		labelWidth: {},
+		codeValueKey: {},
+		labelPosition: {},
+		extendState: { type: Function }
+	},
+	emits: [
+		"submit",
+		"submit-error",
+		"form-error",
+		"mounted",
+		"unmounted"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const services = useServices();
+		const { editorService, uiService } = services;
+		const codeOptions = inject("codeOptions", {});
+		const showSrc = ref(false);
+		const propsPanelSize = computed(() => uiService.get("propsPanelSize") || "small");
+		const { height: editorContentHeight } = useEditorContentHeight();
+		const stage = computed(() => editorService.get("stage"));
+		const configFormRef = useTemplateRef("configForm");
+		watchEffect(() => {
+			if (configFormRef.value) {
+				configFormRef.value.formState.stage = stage.value;
+				configFormRef.value.formState.services = services;
+			}
+		});
+		const internalInstance = getCurrentInstance();
+		onMounted(() => {
+			emit("mounted", internalInstance?.proxy);
+		});
+		onUnmounted(() => {
+			emit("unmounted");
+		});
+		const submit = async (v, eventData) => {
+			try {
+				emit("submit", await configFormRef.value?.submitForm(), eventData);
+			} catch (e) {
+				emit("submit-error", e);
+			}
+		};
+		const errorHandler = (e) => {
+			emit("form-error", e);
+		};
+		const saveCode = (values) => {
+			emit("submit", props.codeValueKey ? { [props.codeValueKey]: values } : values);
+		};
+		__expose({
+			configForm: configFormRef,
+			submit
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				renderSlot(_ctx.$slots, "props-form-panel-header"),
+				createVNode(unref(TMagicScrollbar), null, {
+					default: withCtx(() => [createVNode(unref(MForm), {
+						ref: "configForm",
+						class: normalizeClass(propsPanelSize.value),
+						"popper-class": `m-editor-props-panel-popper ${propsPanelSize.value}`,
+						"label-width": __props.labelWidth,
+						"label-position": __props.labelPosition,
+						size: propsPanelSize.value,
+						"init-values": __props.values,
+						config: __props.config,
+						"extend-state": __props.extendState,
+						onChange: submit,
+						onError: errorHandler
+					}, null, 8, [
+						"class",
+						"popper-class",
+						"label-width",
+						"label-position",
+						"size",
+						"init-values",
+						"config",
+						"extend-state"
+					])]),
+					_: 1
+				}),
+				!__props.disabledShowSrc ? (openBlock(), createBlock(unref(TMagicButton), {
+					key: 0,
+					class: "m-editor-props-panel-src-icon",
+					circle: "",
+					title: "源码",
+					type: showSrc.value ? "primary" : "",
+					onClick: _cache[0] || (_cache[0] = ($event) => showSrc.value = !showSrc.value)
+				}, {
+					default: withCtx(() => [createVNode(Icon_default, { icon: unref(Document) }, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["type"])) : createCommentVNode("v-if", true),
+				showSrc.value ? (openBlock(), createBlock(CodeEditor_default, {
+					key: 1,
+					class: "m-editor-props-panel-src-code",
+					"editor-custom-type": "m-editor-props-panel-src-code",
+					height: `${unref(editorContentHeight)}px`,
+					"init-values": __props.codeValueKey ? __props.values[__props.codeValueKey] : __props.values,
+					options: unref(codeOptions),
+					parse: true,
+					onSave: saveCode
+				}, null, 8, [
+					"height",
+					"init-values",
+					"options"
+				])) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { FormPanel_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,5 @@
+import PropsPanel_vue_vue_type_script_setup_true_lang_default from "./PropsPanel.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/layouts/props-panel/PropsPanel.vue
+var PropsPanel_default = PropsPanel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PropsPanel_default as default };