@tmagic/editor 1.7.7 → 1.7.8-beta.2

package/dist/es/fields/DataSourceFields.js

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

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

@@ -0,0 +1,390 @@
+import { useServices } from "../hooks/use-services.js";
+import { useEditorContentHeight } from "../hooks/use-editor-content-height.js";
+import { useNextFloatBoxPosition } from "../hooks/use-next-float-box-position.js";
+import { error } from "../utils/logger.js";
+import FloatingBox_default from "../components/FloatingBox.js";
+import { MFormBox } from "@tmagic/form";
+import { MagicTable } from "@tmagic/table";
+import { TMagicButton, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
+import { getDefaultValueFromFields } from "@tmagic/utils";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
+//#region packages/editor/src/fields/DataSourceFields.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-editor-data-source-fields" };
+var _hoisted_2 = { class: "m-editor-data-source-fields-footer" };
+var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsDataSourceFields",
+	__name: "DataSourceFields",
+	props: /* @__PURE__ */ mergeModels({
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	}, {
+		"width": { default: 670 },
+		"widthModifiers": {},
+		"visible": {
+			type: Boolean,
+			default: false
+		},
+		"visibleModifiers": {},
+		"visible1": {
+			type: Boolean,
+			default: false
+		},
+		"visible1Modifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["change"], [
+		"update:width",
+		"update:visible",
+		"update:visible1"
+	]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { uiService } = useServices();
+		const fieldValues = ref({});
+		const fieldTitle = ref("");
+		const width = useModel(__props, "width");
+		const newHandler = () => {
+			fieldValues.value = {};
+			fieldTitle.value = "新增属性";
+			calcBoxPosition();
+			addDialogVisible.value = true;
+		};
+		const fieldChange = ({ index, ...value }, data) => {
+			addDialogVisible.value = false;
+			if (index > -1) emit("change", value, {
+				modifyKey: index,
+				changeRecords: (data.changeRecords || []).map((item) => ({
+					propPath: `${props.prop}.${index}.${item.propPath}`,
+					value: item.value
+				}))
+			});
+			else {
+				const modifyKey = props.model[props.name].length;
+				emit("change", value, {
+					modifyKey,
+					changeRecords: [{
+						propPath: `${props.prop}.${modifyKey}`,
+						value
+					}]
+				});
+			}
+		};
+		const fieldColumns = [
+			{
+				label: "属性名称",
+				prop: "title"
+			},
+			{
+				label: "属性key",
+				prop: "name"
+			},
+			{
+				label: "属性描述",
+				prop: "description"
+			},
+			{
+				label: "默认值",
+				prop: "defaultValue",
+				formatter(item, row) {
+					try {
+						return JSON.stringify(row.defaultValue);
+					} catch (e) {
+						error(e);
+						return row.defaultValue;
+					}
+				}
+			},
+			{
+				label: "操作",
+				fixed: "right",
+				actions: [{
+					text: "编辑",
+					handler: (row, index) => {
+						fieldValues.value = {
+							...row,
+							index
+						};
+						fieldTitle.value = `编辑${row.title}`;
+						calcBoxPosition();
+						addDialogVisible.value = true;
+					}
+				}, {
+					text: "删除",
+					buttonType: "danger",
+					handler: async (row, index) => {
+						await tMagicMessageBox.confirm(`确定删除${row.title}(${row.name})?`, "提示");
+						props.model[props.name].splice(index, 1);
+						emit("change", props.model[props.name]);
+					}
+				}]
+			}
+		];
+		const dataSourceFieldsConfig = [
+			{
+				name: "index",
+				type: "hidden",
+				filter: "number",
+				defaultValue: -1
+			},
+			{
+				name: "type",
+				text: "数据类型",
+				type: "select",
+				defaultValue: "string",
+				options: [
+					{
+						text: "字符串",
+						value: "string"
+					},
+					{
+						text: "数字",
+						value: "number"
+					},
+					{
+						text: "布尔值",
+						value: "boolean"
+					},
+					{
+						text: "对象",
+						value: "object"
+					},
+					{
+						text: "数组",
+						value: "array"
+					},
+					{
+						text: "null",
+						value: "null"
+					},
+					{
+						text: "any",
+						value: "any"
+					}
+				],
+				onChange: (_formState, v, { setModel }) => {
+					if (![
+						"any",
+						"array",
+						"object"
+					].includes(v)) setModel("fields", []);
+					return v;
+				}
+			},
+			{
+				name: "name",
+				text: "字段名称",
+				rules: [{
+					required: true,
+					message: "请输入字段名称"
+				}, { validator: ({ value, callback }, { model, parent }) => {
+					const index = parent.findIndex((item) => item.name === value);
+					if (model.index === -1 && index > -1 || model.index > -1 && index > -1 && index !== model.index) return callback(`属性key（${value}）已存在`);
+					callback();
+				} }]
+			},
+			{
+				name: "title",
+				text: "展示名称",
+				rules: [{
+					required: true,
+					message: "请输入展示名称"
+				}]
+			},
+			{
+				name: "description",
+				text: "描述",
+				type: "textarea"
+			},
+			{
+				name: "defaultValue",
+				text: "默认值",
+				parse: true,
+				mFormItemType: "data-source-field-defaultValue",
+				type: (mForm, { model }) => {
+					if (model.type === "number") return "number";
+					if (model.type === "boolean") return "select";
+					if (model.type === "string") return "text";
+					return "vs-code";
+				},
+				autosize: {
+					minRows: 1,
+					maxRows: 30
+				},
+				options: [{
+					text: "true",
+					value: true
+				}, {
+					text: "false",
+					value: false
+				}]
+			},
+			{
+				name: "enable",
+				text: "是否可用",
+				type: "switch",
+				defaultValue: true
+			},
+			{
+				name: "fields",
+				type: "data-source-fields",
+				defaultValue: [],
+				display: (formState, { model }) => model.type === "object" || model.type === "array"
+			}
+		];
+		const jsonFromConfig = [{
+			name: "data",
+			type: "vs-code",
+			labelWidth: "0",
+			language: "json",
+			autosize: {
+				minRows: 30,
+				maxRows: 50
+			},
+			options: inject("codeOptions", {})
+		}];
+		const jsonFromValues = ref({ data: {} });
+		const newFromJsonHandler = () => {
+			jsonFromValues.value.data = getDefaultValueFromFields(props.model[props.name]);
+			calcBoxPosition();
+			addFromJsonDialogVisible.value = true;
+		};
+		const getValueType = (value) => {
+			if (Array.isArray(value)) return "array";
+			if (value === null) return "null";
+			if (typeof value === "object") return "object";
+			if (typeof value === "number") return "number";
+			if (typeof value === "boolean") return "boolean";
+			if (typeof value === "string") return "string";
+			return "any";
+		};
+		const getFieldsConfig = (value, fields = []) => {
+			if (!value || typeof value !== "object") throw new Error("数据格式错误");
+			const newFields = [];
+			Object.entries(value).forEach(([key, value]) => {
+				const type = getValueType(value);
+				const oldField = fields.find((field) => field.name === key);
+				let childFields = [];
+				if (Array.isArray(value) && value.length > 0) childFields = getFieldsConfig(value[0], oldField?.fields);
+				else if (type === "object") childFields = getFieldsConfig(value, oldField?.fields);
+				newFields.push({
+					name: key,
+					title: oldField?.title || key,
+					type,
+					description: oldField?.description || "",
+					enable: oldField?.enable ?? true,
+					defaultValue: value,
+					fields: childFields
+				});
+			});
+			return newFields;
+		};
+		const addFromJsonFromChange = ({ data }) => {
+			try {
+				const value = JSON.parse(data);
+				addFromJsonDialogVisible.value = false;
+				emit("change", getFieldsConfig(value, props.model[props.name]));
+			} catch (e) {
+				tMagicMessage.error(e.message);
+			}
+		};
+		const addDialogVisible = useModel(__props, "visible");
+		const addFromJsonDialogVisible = useModel(__props, "visible1");
+		const { height: editorHeight } = useEditorContentHeight();
+		const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, inject("parentFloating", ref(null)));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(MagicTable), {
+					data: __props.model[__props.name],
+					columns: fieldColumns,
+					border: true
+				}, null, 8, ["data"]),
+				createElementVNode("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+					size: "small",
+					disabled: __props.disabled,
+					plain: "",
+					onClick: _cache[0] || (_cache[0] = ($event) => newFromJsonHandler())
+				}, {
+					default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("快速添加", -1)])]),
+					_: 1
+				}, 8, ["disabled"]), createVNode(unref(TMagicButton), {
+					size: "small",
+					type: "primary",
+					disabled: __props.disabled,
+					plain: "",
+					onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
+				}, {
+					default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("添加", -1)])]),
+					_: 1
+				}, 8, ["disabled"])]),
+				createVNode(FloatingBox_default, {
+					visible: addDialogVisible.value,
+					"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => addDialogVisible.value = $event),
+					width: width.value,
+					"onUpdate:width": _cache[3] || (_cache[3] = ($event) => width.value = $event),
+					height: unref(editorHeight),
+					"onUpdate:height": _cache[4] || (_cache[4] = ($event) => isRef(editorHeight) ? editorHeight.value = $event : null),
+					title: fieldTitle.value,
+					position: unref(boxPosition)
+				}, {
+					body: withCtx(() => [createVNode(unref(MFormBox), {
+						"label-width": "80px",
+						title: fieldTitle.value,
+						config: dataSourceFieldsConfig,
+						values: fieldValues.value,
+						parentValues: __props.model[__props.name],
+						disabled: __props.disabled,
+						onSubmit: fieldChange
+					}, null, 8, [
+						"title",
+						"values",
+						"parentValues",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, [
+					"visible",
+					"width",
+					"height",
+					"title",
+					"position"
+				]),
+				createVNode(FloatingBox_default, {
+					visible: addFromJsonDialogVisible.value,
+					"onUpdate:visible": _cache[5] || (_cache[5] = ($event) => addFromJsonDialogVisible.value = $event),
+					width: width.value,
+					"onUpdate:width": _cache[6] || (_cache[6] = ($event) => width.value = $event),
+					height: unref(editorHeight),
+					"onUpdate:height": _cache[7] || (_cache[7] = ($event) => isRef(editorHeight) ? editorHeight.value = $event : null),
+					title: "快速添加数据定义",
+					position: unref(boxPosition)
+				}, {
+					body: withCtx(() => [createVNode(unref(MFormBox), {
+						config: jsonFromConfig,
+						values: jsonFromValues.value,
+						disabled: __props.disabled,
+						onSubmit: addFromJsonFromChange
+					}, null, 8, ["values", "disabled"])]),
+					_: 1
+				}, 8, [
+					"visible",
+					"width",
+					"height",
+					"position"
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { DataSourceFields_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/DataSourceInput.js

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

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

@@ -0,0 +1,268 @@
+import { useServices } from "../hooks/use-services.js";
+import { getDisplayField } from "../utils/data-source/index.js";
+import Icon_default from "../components/Icon.js";
+import { TMagicInput, TMagicTag, getDesignConfig } from "@tmagic/design";
+import { getKeysArray, isNumber } from "@tmagic/utils";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { Coin } from "@element-plus/icons-vue";
+//#region packages/editor/src/fields/DataSourceInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { style: {
+	"display": "flex",
+	"flex-direction": "column",
+	"line-height": "1.2em"
+} };
+var _hoisted_2 = { style: {
+	"font-size": "10px",
+	"color": "rgba(0, 0, 0, 0.6)"
+} };
+var DataSourceInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsDataSourceInput",
+	__name: "DataSourceInput",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const adapterType = getDesignConfig("adapterType");
+		const { dataSourceService, propsService } = useServices();
+		const autocompleteRef = useTemplateRef("autocomplete");
+		const isFocused = ref(false);
+		const state = ref("");
+		const displayState = ref([]);
+		const input = computed(() => autocompleteRef.value?.inputRef?.input);
+		const dataSources = computed(() => dataSourceService.get("dataSources"));
+		const disabledDataSource = computed(() => propsService.getDisabledDataSource());
+		const setDisplayState = () => {
+			displayState.value = getDisplayField(dataSources.value, state.value);
+		};
+		watch(() => props.model[props.name], (value = "") => {
+			state.value = value;
+			setDisplayState();
+		}, { immediate: true });
+		const mouseupHandler = async () => {
+			const selection = globalThis.document.getSelection();
+			const anchorOffset = selection?.anchorOffset || 0;
+			const focusOffset = selection?.focusOffset || 0;
+			isFocused.value = true;
+			await nextTick();
+			autocompleteRef.value?.focus();
+			if (focusOffset && input.value) input.value.setSelectionRange(anchorOffset, focusOffset);
+		};
+		const blurHandler = () => {
+			isFocused.value = false;
+			setDisplayState();
+			emit("change", state.value);
+		};
+		const changeHandler = (v) => {
+			emit("change", v);
+		};
+		let inputText = "";
+		const inputHandler = (v) => {
+			if (!v) inputText = v;
+		};
+		/**
+		* 光标位置是不是}
+		* @param selectionStart 光标位置
+		*/
+		const isRightCurlyBracket = (selectionStart = 0) => {
+			return inputText.substring(selectionStart - 1, selectionStart) === "}";
+		};
+		/**
+		* 获取光标位置
+		*/
+		const getSelectionStart = () => {
+			let selectionStart = input.value?.selectionStart || 0;
+			if (isRightCurlyBracket(selectionStart)) selectionStart -= 1;
+			return selectionStart;
+		};
+		/**
+		* 当前输入的是{
+		* @param leftCurlyBracketIndex {字符索引
+		*/
+		const curCharIsLeftCurlyBracket = (leftCurlyBracketIndex) => leftCurlyBracketIndex > 0 && leftCurlyBracketIndex === getSelectionStart() - 1;
+		/**
+		* 当前输入的是.
+		* @param leftCurlyBracketIndex .字符索引
+		*/
+		const curCharIsDot = (dotIndex) => dotIndex > -1 && dotIndex === getSelectionStart() - 1;
+		/**
+		* @param leftCurlyBracketIndex 左大括号字符索引
+		* @param cb 建议的方法
+		*/
+		const dsQuerySearch = (queryString, leftCurlyBracketIndex, cb) => {
+			let result = [];
+			if (curCharIsLeftCurlyBracket(leftCurlyBracketIndex)) result = dataSources.value;
+			else if (leftCurlyBracketIndex > 0) {
+				const queryName = queryString.substring(leftCurlyBracketIndex + 1).toLowerCase();
+				result = dataSources.value.filter((ds) => ds.title?.toLowerCase().includes(queryName) || ds.id.includes(queryName));
+			}
+			cb(result.map((ds) => ({
+				value: ds.id,
+				text: ds.title,
+				type: "dataSource"
+			})));
+		};
+		/**
+		* 字段提示
+		* @param queryString 当前输入框内的字符串
+		* @param leftAngleIndex {字符索引
+		* @param dotIndex .字符索引
+		* @param cb 建议回调
+		*/
+		const fieldQuerySearch = (queryString, leftAngleIndex, dotIndex, cb) => {
+			let result = [];
+			const keys = getKeysArray(queryString.substring(leftAngleIndex + 1, dotIndex));
+			const dsId = keys.shift();
+			const ds = dataSources.value.find((ds) => ds.id === dsId);
+			if (!ds) {
+				cb([]);
+				return;
+			}
+			let fields = ds.fields || [];
+			let key = keys.shift();
+			while (key) {
+				if (isNumber(key)) {
+					key = keys.shift();
+					continue;
+				}
+				for (const field of fields) if (field.name === key) {
+					fields = field.fields || [];
+					key = keys.shift();
+					break;
+				}
+			}
+			if (curCharIsDot(dotIndex)) result = fields || [];
+			else if (dotIndex > -1) {
+				const queryName = queryString.substring(dotIndex + 1).toLowerCase();
+				result = fields.filter((field) => field.name?.toLowerCase().includes(queryName) || field.title?.toLowerCase().includes(queryName)) || [];
+			}
+			cb(result.map((field) => ({
+				value: field.name,
+				text: field.title,
+				type: "field"
+			})));
+		};
+		/**
+		* 数据源提示
+		* @param queryString 当前输入框内的字符串
+		* @param cb 建议回调
+		*/
+		const querySearch = (queryString, cb) => {
+			inputText = queryString;
+			const selectionStart = getSelectionStart();
+			const curQueryString = queryString.substring(0, selectionStart);
+			const fieldKeyStringLastIndex = curQueryString.lastIndexOf(".");
+			const dsKeyStringLastIndex = curQueryString.lastIndexOf("${") + 1;
+			if (fieldKeyStringLastIndex > dsKeyStringLastIndex) fieldQuerySearch(curQueryString, dsKeyStringLastIndex, fieldKeyStringLastIndex, cb);
+			else dsQuerySearch(curQueryString, dsKeyStringLastIndex, cb);
+		};
+		/**
+		* 选择建议
+		* @param value 建议值
+		* @param type 建议类型，是数据源还是字段
+		*/
+		const selectHandler = async ({ value, type }) => {
+			const isDataSource = type === "dataSource";
+			const selectionStart = input.value?.selectionStart || 0;
+			let startText = inputText.substring(0, selectionStart);
+			const dotIndex = startText.lastIndexOf(".");
+			const leftCurlyBracketIndex = startText.lastIndexOf("${") + 1;
+			const endText = inputText.substring(selectionStart);
+			let suggestText = value;
+			if (isDataSource) {
+				if (!curCharIsLeftCurlyBracket(leftCurlyBracketIndex)) startText = startText.substring(0, leftCurlyBracketIndex + 1);
+				if (!isRightCurlyBracket(selectionStart + 1)) suggestText = `${suggestText}}`;
+			} else if (!curCharIsDot(dotIndex)) startText = startText.substring(0, dotIndex + 1);
+			state.value = `${startText}${suggestText}${endText}`;
+			await nextTick();
+			let newSelectionStart = 0;
+			if (isDataSource) newSelectionStart = leftCurlyBracketIndex + suggestText.length;
+			else newSelectionStart = dotIndex + suggestText.length + 1;
+			input.value?.setSelectionRange(newSelectionStart, newSelectionStart);
+			changeHandler(state.value);
+		};
+		return (_ctx, _cache) => {
+			return disabledDataSource.value ? (openBlock(), createBlock(unref(TMagicInput), {
+				key: 0,
+				modelValue: state.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event),
+				disabled: __props.disabled,
+				size: __props.size,
+				clearable: true,
+				onChange: changeHandler
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"size"
+			])) : __props.disabled || isFocused.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(getDesignConfig)("components")?.autocomplete.component || "el-autocomplete"), mergeProps({
+				key: 1,
+				class: "tmagic-design-auto-complete",
+				ref: "autocomplete",
+				modelValue: state.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.value = $event)
+			}, unref(getDesignConfig)("components")?.autocomplete.props({
+				disabled: __props.disabled,
+				size: __props.size,
+				fetchSuggestions: querySearch,
+				triggerOnFocus: false,
+				clearable: true
+			}) || {}, {
+				style: { "width": "100%" },
+				onBlur: blurHandler,
+				onInput: inputHandler,
+				onSelect: selectHandler
+			}), {
+				suffix: withCtx(() => [createVNode(Icon_default, { icon: unref(Coin) }, null, 8, ["icon"])]),
+				default: withCtx(({ item }) => [createElementVNode("div", _hoisted_1, [createElementVNode("div", null, toDisplayString(item.text), 1), createElementVNode("span", _hoisted_2, toDisplayString(item.value), 1)])]),
+				_: 1
+			}, 16, ["modelValue"])) : (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass({
+					"tmagic-data-source-input-text": true,
+					"el-input": unref(adapterType) === "element-plus",
+					[`el-input--${__props.size}`]: unref(adapterType) === "element-plus",
+					"t-input": unref(adapterType) === "tdesign-vue-next",
+					[`t-size-${__props.size?.[0]}`]: unref(adapterType) === "tdesign-vue-next"
+				}),
+				onMouseup: mouseupHandler
+			}, [createElementVNode("div", { class: normalizeClass({
+				"tmagic-data-source-input-text-wrapper": true,
+				"el-input__wrapper": unref(adapterType) === "element-plus",
+				"is-focus": isFocused.value
+			}) }, [createElementVNode("div", { class: normalizeClass({
+				"el-input__inner": unref(adapterType) === "element-plus",
+				input__inner: unref(adapterType) === "tdesign-vue-next"
+			}) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayState.value, (item, index) => {
+				return openBlock(), createElementBlock(Fragment, null, [item.type === "text" ? (openBlock(), createElementBlock("span", {
+					key: index,
+					style: { "margin-right": "2px" }
+				}, toDisplayString(item.value), 1)) : createCommentVNode("v-if", true), item.type === "var" ? (openBlock(), createBlock(unref(TMagicTag), {
+					key: index,
+					size: __props.size
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item.value), 1)]),
+					_: 2
+				}, 1032, ["size"])) : createCommentVNode("v-if", true)], 64);
+			}), 256)), createVNode(Icon_default, {
+				class: "tmagic-data-source-input-icon",
+				icon: unref(Coin)
+			}, null, 8, ["icon"])], 2)], 2)], 34));
+		};
+	}
+});
+//#endregion
+export { DataSourceInput_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/DataSourceMethodSelect.js

@@ -0,0 +1,5 @@
+import DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default from "./DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js";
+//#region packages/editor/src/fields/DataSourceMethodSelect.vue
+var DataSourceMethodSelect_default = DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default;
+//#endregion
+export { DataSourceMethodSelect_default as default };