@tmagic/editor 1.7.7 → 1.7.8-beta.2

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

@@ -0,0 +1,135 @@
+import Resizer_default from "./Resizer.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, useTemplateRef, watchEffect } from "vue";
+//#region packages/editor/src/components/SplitView.vue?vue&type=script&setup=true&lang.ts
+var SplitView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorSplitView",
+	__name: "SplitView",
+	props: {
+		width: {},
+		left: {},
+		right: {},
+		minLeft: { default: 1 },
+		minRight: { default: 1 },
+		minCenter: { default: 5 },
+		leftClass: {},
+		rightClass: {},
+		centerClass: {}
+	},
+	emits: [
+		"update:left",
+		"change",
+		"update:right"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const el = useTemplateRef("target");
+		const hasLeft = computed(() => typeof props.left !== "undefined");
+		const hasRight = computed(() => typeof props.right !== "undefined");
+		const center = ref(0);
+		let clientWidth = 0;
+		const getCenterWidth = (l = 0, r = 0) => {
+			let right = r > 0 ? r : 0;
+			let left = l > 0 ? l : 0;
+			let center = clientWidth - left - right;
+			if (center < props.minCenter) {
+				const diff = props.minCenter - center;
+				center = props.minCenter;
+				if (right - diff < props.minRight) right = props.minRight;
+				else right -= diff;
+				left = clientWidth - right - center;
+				if (left < props.minLeft) {
+					left -= diff / 2;
+					right -= diff / 2;
+				}
+			}
+			return {
+				center,
+				left,
+				right
+			};
+		};
+		const widthChange = (width) => {
+			if (width <= 0) return;
+			clientWidth = width;
+			let left = props.left || props.minLeft || 0;
+			let right = props.right || props.minRight || 0;
+			if (left > clientWidth) left = clientWidth / 3;
+			if (right > clientWidth) right = clientWidth / 3;
+			const columnWidth = getCenterWidth(left, right);
+			center.value = columnWidth.center;
+			emit("change", columnWidth);
+		};
+		if (typeof props.width !== "number") {
+			const resizerObserver = new ResizeObserver((entries) => {
+				for (const { contentRect } of entries) widthChange(contentRect.width);
+			});
+			onMounted(() => {
+				if (el.value) resizerObserver.observe(el.value);
+			});
+			onBeforeUnmount(() => {
+				resizerObserver.disconnect();
+			});
+		} else watchEffect(() => {
+			if (typeof props.width === "number") widthChange(props.width);
+		});
+		const changeLeft = ({ deltaX }) => {
+			if (typeof props.left === "undefined") return;
+			let left = Math.max(props.left + deltaX, props.minLeft) || 0;
+			emit("update:left", left);
+			if (clientWidth - left - (props.right || 0) <= 0) left = props.left;
+			const columnWidth = getCenterWidth(left, props.right || 0);
+			center.value = columnWidth.center;
+			emit("change", {
+				left: columnWidth.left,
+				center: center.value,
+				right: columnWidth.right
+			});
+		};
+		const changeRight = ({ deltaX }) => {
+			if (typeof props.right === "undefined") return;
+			let right = Math.max(props.right - deltaX, props.minRight) || 0;
+			emit("update:right", right);
+			if (clientWidth - (props.left || 0) - right <= 0) right = props.right;
+			const columnWidth = getCenterWidth(props.left, right);
+			center.value = columnWidth.center;
+			emit("change", {
+				left: columnWidth.left,
+				center: center.value,
+				right: columnWidth.right
+			});
+		};
+		__expose({ updateWidth() {
+			clientWidth = props.width ?? el.value?.clientWidth ?? clientWidth;
+			if (clientWidth <= 0) return;
+			const columnWidth = getCenterWidth(props.left, props.right);
+			emit("change", {
+				left: columnWidth.left,
+				center: center.value,
+				right: columnWidth.right
+			});
+		} });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "target",
+				class: "m-editor-layout",
+				style: normalizeStyle(`min-width: ${props.minCenter + props.minLeft + props.minRight}px`)
+			}, [
+				hasLeft.value && _ctx.$slots.left ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", {
+					class: normalizeClass(["m-editor-layout-left", __props.leftClass]),
+					style: normalizeStyle(`width: ${__props.left}px`)
+				}, [renderSlot(_ctx.$slots, "left")], 6), createVNode(Resizer_default, { onChange: changeLeft })], 64)) : createCommentVNode("v-if", true),
+				createElementVNode("div", {
+					class: normalizeClass(["m-editor-layout-center", __props.centerClass]),
+					style: normalizeStyle(`width: ${center.value}px`)
+				}, [renderSlot(_ctx.$slots, "center")], 6),
+				hasRight.value && _ctx.$slots.right ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(Resizer_default, { onChange: changeRight }), createElementVNode("div", {
+					class: normalizeClass(["m-editor-layout-right", __props.rightClass]),
+					style: normalizeStyle(`width: ${__props.right}px`)
+				}, [renderSlot(_ctx.$slots, "right")], 6)], 64)) : createCommentVNode("v-if", true)
+			], 4);
+		};
+	}
+});
+//#endregion
+export { SplitView_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/components/ToolButton.js

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

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

@@ -0,0 +1,131 @@
+import { useServices } from "../hooks/use-services.js";
+import Icon_default from "./Icon.js";
+import { TMagicButton, TMagicDivider, TMagicDropdown, TMagicDropdownItem, TMagicDropdownMenu, TMagicIcon, TMagicTooltip } from "@tmagic/design";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, toHandlers, unref, withCtx } from "vue";
+import { ArrowDown } from "@element-plus/icons-vue";
+//#region packages/editor/src/components/ToolButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "menu-item-text"
+};
+var _hoisted_2 = { class: "el-dropdown-link menubar-menu-button" };
+var ToolButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorToolButton",
+	__name: "ToolButton",
+	props: {
+		data: { default: () => ({
+			type: "text",
+			display: false
+		}) },
+		eventType: { default: "click" }
+	},
+	setup(__props) {
+		const props = __props;
+		const services = useServices();
+		const disabled = computed(() => {
+			if (typeof props.data === "string") return false;
+			if (props.data.type === "component") return false;
+			if (typeof props.data.disabled === "function") return props.data.disabled(services);
+			return props.data.disabled;
+		});
+		const display = computed(() => {
+			if (!props.data) return false;
+			if (typeof props.data === "string") return true;
+			if (typeof props.data.display === "function") return props.data.display(services);
+			return props.data.display ?? true;
+		});
+		const buttonHandler = (item, event) => {
+			if (disabled.value) return;
+			if (typeof item.handler === "function") item.handler?.(services, event);
+		};
+		const dropdownHandler = (command) => {
+			if (command.item.handler) command.item.handler(services);
+		};
+		const clickHandler = (item, event) => {
+			if (props.eventType !== "click") return;
+			if (item.type === "button") buttonHandler(item, event);
+		};
+		const mousedownHandler = (item, event) => {
+			if (props.eventType !== "mousedown") return;
+			if (item.type === "button") buttonHandler(item, event);
+		};
+		const mouseupHandler = (item, event) => {
+			if (props.eventType !== "mouseup") return;
+			if (item.type === "button" && event.button === 0) buttonHandler(item, event);
+		};
+		return (_ctx, _cache) => {
+			return display.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["menu-item", `${__props.data.type} ${__props.data.className || ""}`]),
+				onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(__props.data, $event)),
+				onMousedown: _cache[1] || (_cache[1] = ($event) => mousedownHandler(__props.data, $event)),
+				onMouseup: _cache[2] || (_cache[2] = ($event) => mouseupHandler(__props.data, $event))
+			}, [__props.data.type === "divider" ? (openBlock(), createBlock(unref(TMagicDivider), {
+				key: 0,
+				direction: __props.data.direction || "vertical"
+			}, null, 8, ["direction"])) : __props.data.type === "text" ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.data.text), 1)) : __props.data.type === "button" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [__props.data.tooltip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+				key: 0,
+				effect: "dark",
+				placement: "bottom-start",
+				content: __props.data.tooltip
+			}, {
+				default: withCtx(() => [createVNode(unref(TMagicButton), {
+					size: "small",
+					link: "",
+					disabled: disabled.value
+				}, createSlots({ _: 2 }, [__props.data.icon ? {
+					name: "icon",
+					fn: withCtx(() => [createVNode(Icon_default, { icon: __props.data.icon }, null, 8, ["icon"])]),
+					key: "0"
+				} : void 0, __props.data.text ? {
+					name: "default",
+					fn: withCtx(() => [createTextVNode(toDisplayString(__props.data.text), 1)]),
+					key: "1"
+				} : void 0]), 1032, ["disabled"])]),
+				_: 1
+			}, 8, ["content"])) : (openBlock(), createBlock(unref(TMagicButton), {
+				key: 1,
+				size: "small",
+				link: "",
+				disabled: disabled.value,
+				title: __props.data.text
+			}, createSlots({ _: 2 }, [__props.data.icon ? {
+				name: "icon",
+				fn: withCtx(() => [createVNode(Icon_default, { icon: __props.data.icon }, null, 8, ["icon"])]),
+				key: "0"
+			} : void 0, __props.data.text ? {
+				name: "default",
+				fn: withCtx(() => [createTextVNode(toDisplayString(__props.data.text), 1)]),
+				key: "1"
+			} : void 0]), 1032, ["disabled", "title"]))], 64)) : __props.data.type === "dropdown" ? (openBlock(), createBlock(unref(TMagicDropdown), {
+				key: 3,
+				trigger: "click",
+				disabled: disabled.value,
+				onCommand: dropdownHandler
+			}, {
+				dropdown: withCtx(() => [__props.data.items && __props.data.items.length ? (openBlock(), createBlock(unref(TMagicDropdownMenu), { key: 0 }, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data.items, (subItem, index) => {
+						return openBlock(), createBlock(unref(TMagicDropdownItem), {
+							key: index,
+							command: {
+								data: __props.data,
+								subItem
+							}
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(subItem.text), 1)]),
+							_: 2
+						}, 1032, ["command"]);
+					}), 128))]),
+					_: 1
+				})) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createElementVNode("span", _hoisted_2, [createTextVNode(toDisplayString(__props.data.text), 1), createVNode(unref(TMagicIcon), { class: "el-icon--right" }, {
+					default: withCtx(() => [createVNode(unref(ArrowDown))]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["disabled"])) : __props.data.type === "component" ? (openBlock(), createBlock(resolveDynamicComponent(__props.data.component), mergeProps({ key: 4 }, __props.data.props || {}, toHandlers(__props.data.listeners || {})), null, 16)) : createCommentVNode("v-if", true)], 34)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { ToolButton_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/components/Tree.js

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

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

@@ -0,0 +1,60 @@
+import TreeNode_default from "./TreeNode.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, openBlock, provide, renderList, renderSlot, toDisplayString, withCtx } from "vue";
+//#region packages/editor/src/components/Tree.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "m-editor-tree-empty"
+};
+var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorTree",
+	__name: "Tree",
+	props: {
+		data: {},
+		nodeStatusMap: {},
+		indent: { default: 0 },
+		nextLevelIndentIncrement: {},
+		emptyText: { default: "暂无数据" }
+	},
+	emits: [
+		"node-dragover",
+		"node-dragstart",
+		"node-dragleave",
+		"node-dragend",
+		"node-contextmenu",
+		"node-mouseenter",
+		"node-click"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		provide("treeEmit", emit);
+		const handleDragOver = (event) => {
+			emit("node-dragover", event);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "m-editor-tree",
+				onDragover: handleDragOver
+			}, [__props.data?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.data, (item) => {
+				return openBlock(), createBlock(TreeNode_default, {
+					key: item.id,
+					data: item,
+					indent: __props.indent,
+					"next-level-indent-increment": __props.nextLevelIndentIncrement,
+					"node-status-map": __props.nodeStatusMap
+				}, {
+					"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 })]),
+					"tree-node-tool": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "tree-node-tool", { data: nodeData })]),
+					_: 3
+				}, 8, [
+					"data",
+					"indent",
+					"next-level-indent-increment",
+					"node-status-map"
+				]);
+			}), 128)) : (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", null, toDisplayString(__props.emptyText), 1)]))], 32);
+		};
+	}
+});
+//#endregion
+export { Tree_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/components/TreeNode.js

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

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

@@ -0,0 +1,126 @@
+import { 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";
+//#region packages/editor/src/components/TreeNode.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"draggable",
+	"data-node-id",
+	"data-parent-id",
+	"data-parents-id",
+	"data-is-container"
+];
+var _hoisted_2 = { class: "tree-node-label" };
+var _hoisted_3 = { class: "tree-node-tool" };
+var _hoisted_4 = {
+	key: 0,
+	class: "m-editor-tree-node-children"
+};
+var TreeNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MEditorTreeNode",
+	__name: "TreeNode",
+	props: {
+		data: {},
+		parent: {},
+		parentsId: { default: () => [] },
+		nodeStatusMap: {},
+		indent: { default: 0 },
+		nextLevelIndentIncrement: { default: 11 }
+	},
+	emits: [
+		"node-dragstart",
+		"node-dragleave",
+		"node-dragend",
+		"node-contextmenu",
+		"node-mouseenter",
+		"node-click"
+	],
+	setup(__props, { emit: __emit }) {
+		const treeEmit = inject("treeEmit");
+		const props = __props;
+		const nodeStatus = computed(() => props.nodeStatusMap?.get(props.data.id) || {
+			selected: false,
+			expand: false,
+			visible: false,
+			draggable: false
+		});
+		const expanded = computed(() => nodeStatus.value.expand);
+		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);
+		};
+		const handleDragLeave = (event) => {
+			treeEmit?.("node-dragleave", event, props.data);
+		};
+		const handleDragEnd = (event) => {
+			treeEmit?.("node-dragend", event, props.data);
+		};
+		const nodeContextmenuHandler = (event) => {
+			treeEmit?.("node-contextmenu", event, props.data);
+		};
+		const mouseenterHandler = (event) => {
+			treeEmit?.("node-mouseenter", event, props.data);
+		};
+		const expandHandler = () => {
+			updateStatus(props.nodeStatusMap, props.data.id, { expand: !expanded.value });
+		};
+		const nodeClickHandler = (event) => {
+			treeEmit?.("node-click", event, props.data);
+		};
+		return (_ctx, _cache) => {
+			const _component_TreeNode = resolveComponent("TreeNode", true);
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "m-editor-tree-node",
+				draggable: draggable.value,
+				"data-node-id": __props.data.id,
+				"data-parent-id": __props.parent?.id,
+				"data-parents-id": __props.parentsId,
+				"data-is-container": Array.isArray(__props.data.items),
+				onDragstart: handleDragStart,
+				onDragleave: handleDragLeave,
+				onDragend: handleDragEnd
+			}, [createElementVNode("div", {
+				class: normalizeClass(["tree-node", {
+					selected: selected.value,
+					expanded: expanded.value
+				}]),
+				style: normalizeStyle(`padding-left: ${__props.indent}px`),
+				onContextmenu: nodeContextmenuHandler,
+				onMouseenter: mouseenterHandler
+			}, [createVNode(Icon_default, {
+				class: "expand-icon",
+				style: normalizeStyle(hasChildren.value ? "" : "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) => {
+				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
+				}, {
+					"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 })]),
+					"tree-node-tool": withCtx(({ data: nodeData }) => [renderSlot(_ctx.$slots, "tree-node-tool", { data: nodeData })]),
+					_: 3
+				}, 8, [
+					"data",
+					"parent",
+					"parentsId",
+					"node-status-map",
+					"indent"
+				]);
+			}), 128))])) : createCommentVNode("v-if", true)], 40, _hoisted_1)), [[vShow, visible.value]]);
+		};
+	}
+});
+//#endregion
+export { TreeNode_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/editorProps.js

@@ -0,0 +1,34 @@
+import { CONTAINER_HIGHLIGHT_CLASS_NAME, ContainerHighlightType, RenderType } from "@tmagic/stage";
+import { getIdFromEl } from "@tmagic/utils";
+//#region packages/editor/src/editorProps.ts
+var defaultEditorProps = {
+	renderType: RenderType.IFRAME,
+	disabledMultiSelect: false,
+	disabledPageFragment: false,
+	disabledStageOverlay: false,
+	containerHighlightClassName: CONTAINER_HIGHLIGHT_CLASS_NAME,
+	containerHighlightDuration: 800,
+	containerHighlightType: ContainerHighlightType.DEFAULT,
+	disabledShowSrc: false,
+	disabledDataSource: false,
+	disabledCodeBlock: false,
+	componentGroupList: () => [],
+	datasourceList: () => [],
+	menu: () => ({
+		left: [],
+		right: []
+	}),
+	layerContentMenu: () => [],
+	stageContentMenu: () => [],
+	propsConfigs: () => ({}),
+	propsValues: () => ({}),
+	eventMethodList: () => ({}),
+	datasourceValues: () => ({}),
+	datasourceConfigs: () => ({}),
+	canSelect: (el) => Boolean(getIdFromEl()(el) && !el.dataset.tmagicPageFragmentContainerId),
+	isContainer: (el) => el.classList.contains("magic-ui-container"),
+	codeOptions: () => ({}),
+	customContentMenu: (menus) => menus
+};
+//#endregion
+export { defaultEditorProps };

package/dist/es/fields/Code.js

@@ -0,0 +1,5 @@
+import Code_vue_vue_type_script_setup_true_lang_default from "./Code.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/Code.vue
+var Code_default = Code_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Code_default as default };

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

@@ -0,0 +1,54 @@
+import CodeEditor_default from "../layouts/CodeEditor.js";
+import { createBlock, defineComponent, openBlock } from "vue";
+//#region packages/editor/src/fields/Code.vue?vue&type=script&setup=true&lang.ts
+var Code_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsVsCode",
+	__name: "Code",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const save = (v) => {
+			emit("change", v);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(CodeEditor_default, {
+				height: __props.config.height,
+				"init-values": __props.model[__props.name],
+				language: __props.config.language,
+				options: {
+					...__props.config.options,
+					readOnly: __props.disabled
+				},
+				autosize: __props.config.autosize,
+				parse: __props.config.parse,
+				"editor-custom-type": __props.config.mFormItemType,
+				onSave: save
+			}, null, 8, [
+				"height",
+				"init-values",
+				"language",
+				"options",
+				"autosize",
+				"parse",
+				"editor-custom-type"
+			]);
+		};
+	}
+});
+//#endregion
+export { Code_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/CodeLink.js

@@ -0,0 +1,5 @@
+import CodeLink_vue_vue_type_script_setup_true_lang_default from "./CodeLink.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/CodeLink.vue
+var CodeLink_default = CodeLink_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CodeLink_default as default };

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

@@ -0,0 +1,69 @@
+import { getEditorConfig } from "../utils/config.js";
+import { computed, createBlock, defineComponent, openBlock, reactive, resolveComponent, watch } from "vue";
+import serialize from "serialize-javascript";
+//#region packages/editor/src/fields/CodeLink.vue?vue&type=script&setup=true&lang.ts
+var CodeLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsCodeLink",
+	__name: "CodeLink",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: { type: Boolean },
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const formConfig = computed(() => {
+			const { codeOptions, ...config } = props.config;
+			return {
+				...config,
+				text: "",
+				type: "link",
+				form: [{
+					name: props.name,
+					type: "vs-code",
+					options: {
+						tabSize: 2,
+						...codeOptions || {}
+					}
+				}]
+			};
+		});
+		const modelValue = reactive({ form: { [props.name]: "" } });
+		watch(() => props.model[props.name], (value) => {
+			modelValue.form = { [props.name]: serialize(value, {
+				space: 2,
+				unsafe: true
+			}).replace(/"(\w+)":\s/g, "$1: ") };
+		}, { immediate: true });
+		const changeHandler = (v) => {
+			if (!props.name || !props.model) return;
+			try {
+				const parseDSL = getEditorConfig("parseDSL");
+				props.model[props.name] = parseDSL(`(${v[props.name]})`);
+				emit("change", props.model[props.name]);
+			} catch (e) {
+				console.error(e);
+			}
+		};
+		return (_ctx, _cache) => {
+			const _component_MLink = resolveComponent("MLink");
+			return openBlock(), createBlock(_component_MLink, {
+				config: formConfig.value,
+				model: modelValue,
+				name: "form",
+				onChange: changeHandler
+			}, null, 8, ["config", "model"]);
+		};
+	}
+});
+//#endregion
+export { CodeLink_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/CodeSelect.js

@@ -0,0 +1,5 @@
+import CodeSelect_vue_vue_type_script_setup_true_lang_default from "./CodeSelect.vue_vue_type_script_setup_true_lang.js";
+//#region packages/editor/src/fields/CodeSelect.vue
+var CodeSelect_default = CodeSelect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CodeSelect_default as default };