@tmagic/editor 1.7.7 → 1.7.8-beta.2

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

@@ -0,0 +1,116 @@
+import { useServices } from "../hooks/use-services.js";
+import { MContainer } from "@tmagic/form";
+import { TMagicCard } from "@tmagic/design";
+import { HookCodeType, HookType } from "@tmagic/core";
+import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref, watch, withCtx } from "vue";
+import { isEmpty } from "lodash-es";
+//#region packages/editor/src/fields/CodeSelect.vue?vue&type=script&setup=true&lang.ts
+var CodeSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsCodeSelect",
+	__name: "CodeSelect",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: { type: Boolean },
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { dataSourceService, codeBlockService } = useServices();
+		const props = __props;
+		const codeConfig = computed(() => ({
+			type: "group-list",
+			name: "hookData",
+			enableToggleMode: false,
+			expandAll: true,
+			title: (mForm, { model, index }) => {
+				if (model.codeType === HookCodeType.DATA_SOURCE_METHOD) {
+					if (Array.isArray(model.codeId)) {
+						if (model.codeId.length < 2) return index;
+						return `${dataSourceService.getDataSourceById(model.codeId[0])?.title} / ${model.codeId[1]}`;
+					}
+					return Array.isArray(model.codeId) ? model.codeId.join("/") : index;
+				}
+				const codeContent = codeBlockService.getCodeContentById(model.codeId);
+				if (codeContent) return codeContent.name;
+				return model.codeId || index;
+			},
+			items: [{
+				type: "row",
+				items: [
+					{
+						type: "select",
+						name: "codeType",
+						span: 6,
+						options: [{
+							value: HookCodeType.CODE,
+							text: "代码块"
+						}, {
+							value: HookCodeType.DATA_SOURCE_METHOD,
+							text: "数据源方法"
+						}],
+						defaultValue: "code",
+						onChange: (_mForm, v, { setModel }) => {
+							if (v === HookCodeType.DATA_SOURCE_METHOD) setModel("codeId", []);
+							else setModel("codeId", "");
+							return v;
+						}
+					},
+					{
+						type: "code-select-col",
+						name: "codeId",
+						span: 18,
+						labelWidth: 0,
+						display: (_mForm, { model }) => model.codeType !== HookCodeType.DATA_SOURCE_METHOD,
+						notEditable: () => !codeBlockService.getEditStatus()
+					},
+					{
+						type: "data-source-method-select",
+						name: "codeId",
+						span: 18,
+						labelWidth: 0,
+						display: (_mForm, { model }) => model.codeType === HookCodeType.DATA_SOURCE_METHOD,
+						notEditable: () => !dataSourceService.get("editable")
+					}
+				]
+			}]
+		}));
+		watch(() => props.model[props.name], (value) => {
+			if (isEmpty(value)) props.model[props.name] = {
+				hookType: HookType.CODE,
+				hookData: []
+			};
+		}, { immediate: true });
+		const changeHandler = (v, eventData) => emit("change", v, eventData);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["m-fields-code-select", __props.config.className]) }, [createVNode(unref(TMagicCard), null, {
+				default: withCtx(() => [createVNode(unref(MContainer), {
+					config: codeConfig.value,
+					size: __props.size,
+					prop: __props.prop,
+					disabled: __props.disabled,
+					lastValues: __props.lastValues,
+					model: __props.model[__props.name],
+					onChange: changeHandler
+				}, null, 8, [
+					"config",
+					"size",
+					"prop",
+					"disabled",
+					"lastValues",
+					"model"
+				])]),
+				_: 1
+			})], 2);
+		};
+	}
+});
+//#endregion
+export { CodeSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/CodeSelectCol.js

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

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

@@ -0,0 +1,145 @@
+import { SideItemKey } from "../type.js";
+import { useServices } from "../hooks/use-services.js";
+import Icon_default from "../components/Icon.js";
+import CodeParams_default from "../components/CodeParams.js";
+import { MSelect, createValues, filterFunction } from "@tmagic/form";
+import { TMagicButton } from "@tmagic/design";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, ref, unref, watch, withCtx } from "vue";
+import { isEmpty, map } from "lodash-es";
+import { Edit, View } from "@element-plus/icons-vue";
+//#region packages/editor/src/fields/CodeSelectCol.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-fields-code-select-col" };
+var _hoisted_2 = { class: "code-select-container" };
+var CodeSelectCol_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsCodeSelectCol",
+	__name: "CodeSelectCol",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const mForm = inject("mForm");
+		const { codeBlockService, uiService } = useServices();
+		const eventBus = inject("eventBus");
+		const emit = __emit;
+		const props = __props;
+		const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
+		const hasCodeBlockSidePanel = computed(() => (uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.CODE_BLOCK));
+		/**
+		* 根据代码块id获取代码块参数配置
+		* @param codeId 代码块ID
+		*/
+		const getParamItemsConfig = (codeId) => {
+			if (!codeDsl.value || !codeId) return [];
+			const paramStatements = codeDsl.value[codeId]?.params;
+			if (isEmpty(paramStatements)) return [];
+			return paramStatements.map((paramState) => ({
+				labelWidth: "100px",
+				text: paramState.name,
+				...paramState
+			}));
+		};
+		const codeDsl = computed(() => codeBlockService.getCodeDsl());
+		const paramsConfig = ref(getParamItemsConfig(props.model[props.name]));
+		watch(() => props.model[props.name], (v, preV) => {
+			if (v !== preV) paramsConfig.value = getParamItemsConfig(v);
+		});
+		const selectConfig = {
+			type: "select",
+			name: props.name,
+			disabled: props.disabled,
+			options: () => {
+				if (codeDsl.value) return map(codeDsl.value, (value, key) => ({
+					text: `${value.name}（${key}）`,
+					label: `${value.name}（${key}）`,
+					value: key
+				}));
+				return [];
+			}
+		};
+		const onCodeIdChangeHandler = (value) => {
+			paramsConfig.value = getParamItemsConfig(value);
+			const changeRecords = [{
+				propPath: props.prop,
+				value
+			}];
+			changeRecords.push({
+				propPath: props.prop.replace(`${props.name}`, "params"),
+				value: paramsConfig.value.length ? createValues(mForm, paramsConfig.value, {}, props.model.params) : {}
+			});
+			emit("change", value, { changeRecords });
+		};
+		/**
+		* 参数值修改更新
+		*/
+		const onParamsChangeHandler = (value, eventData) => {
+			eventData.changeRecords?.forEach((record) => {
+				record.propPath = `${props.prop.replace(`${props.name}`, "")}${record.propPath}`;
+			});
+			emit("change", props.model[props.name], eventData);
+		};
+		const editCode = (id) => {
+			eventBus?.emit("edit-code", id);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [
+					createCommentVNode(" 代码块下拉框 "),
+					createVNode(unref(MSelect), {
+						class: "select",
+						config: selectConfig,
+						name: __props.name,
+						model: __props.model,
+						size: __props.size,
+						prop: __props.prop,
+						onChange: onCodeIdChangeHandler
+					}, null, 8, [
+						"name",
+						"model",
+						"size",
+						"prop"
+					]),
+					createCommentVNode(" 查看/编辑按钮 "),
+					__props.model[__props.name] && hasCodeBlockSidePanel.value ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 0,
+						class: "m-fields-select-action-button",
+						size: __props.size,
+						onClick: _cache[0] || (_cache[0] = ($event) => editCode(__props.model[__props.name]))
+					}, {
+						default: withCtx(() => [createVNode(Icon_default, { icon: !notEditable.value ? unref(Edit) : unref(View) }, null, 8, ["icon"])]),
+						_: 1
+					}, 8, ["size"])) : createCommentVNode("v-if", true)
+				]),
+				createCommentVNode(" 参数填写框 "),
+				paramsConfig.value.length ? (openBlock(), createBlock(CodeParams_default, {
+					name: "params",
+					key: __props.model[__props.name],
+					model: __props.model,
+					size: __props.size,
+					disabled: __props.disabled,
+					"params-config": paramsConfig.value,
+					onChange: onParamsChangeHandler
+				}, null, 8, [
+					"model",
+					"size",
+					"disabled",
+					"params-config"
+				])) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { CodeSelectCol_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/CondOpSelect.js

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

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

@@ -0,0 +1,81 @@
+import { arrayOptions, eqOptions, numberOptions } from "../utils/props.js";
+import { useServices } from "../hooks/use-services.js";
+import { getFieldType } from "../utils/data-source/index.js";
+import { TMagicSelect, getDesignConfig } from "@tmagic/design";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, unref, withCtx } from "vue";
+//#region packages/editor/src/fields/CondOpSelect.vue?vue&type=script&setup=true&lang.ts
+var CondOpSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsCondOpSelect",
+	__name: "CondOpSelect",
+	props: {
+		config: {},
+		model: {},
+		initValues: {},
+		values: {},
+		name: {},
+		prop: {},
+		disabled: { type: Boolean },
+		size: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { dataSourceService } = useServices();
+		const props = __props;
+		const optionComponent = getDesignConfig("components")?.option;
+		const options = computed(() => {
+			const [id, ...fieldNames] = [...props.config.parentFields || [], ...props.model.field];
+			const type = getFieldType(dataSourceService.getDataSourceById(id), fieldNames);
+			if (type === "array") return arrayOptions;
+			if (type === "boolean" || type === "null") return [{
+				text: "是",
+				value: "is"
+			}, {
+				text: "不是",
+				value: "not"
+			}];
+			if (type === "number") return [...eqOptions, ...numberOptions];
+			if (type === "string") return [...arrayOptions, ...eqOptions];
+			return [
+				...arrayOptions,
+				...eqOptions,
+				...numberOptions
+			];
+		});
+		const fieldChangeHandler = (v) => {
+			emit("change", v);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TMagicSelect), {
+				"model-value": __props.model[__props.name],
+				clearable: "",
+				filterable: "",
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: fieldChangeHandler
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
+					return openBlock(), createBlock(resolveDynamicComponent(unref(optionComponent)?.component || "el-option"), mergeProps({
+						class: "tmagic-design-option",
+						key: option.value
+					}, { ref_for: true }, unref(optionComponent)?.props({
+						label: option.text,
+						value: option.value
+					}) || {
+						label: option.text,
+						value: option.value
+					}), null, 16);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"size",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { CondOpSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/DataSourceFieldSelect/FieldSelect.js

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

package/dist/es/fields/DataSourceFieldSelect/FieldSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,158 @@
+import { SideItemKey } from "../../type.js";
+import { useServices } from "../../hooks/use-services.js";
+import { getCascaderOptionsFromFields } from "../../utils/data-source/index.js";
+import Icon_default from "../../components/Icon.js";
+import { filterFunction } from "@tmagic/form";
+import { TMagicButton, TMagicCascader, TMagicSelect, TMagicTooltip, getDesignConfig } from "@tmagic/design";
+import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, removeDataSourceFieldPrefix } from "@tmagic/utils";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, mergeModels, mergeProps, openBlock, ref, renderList, resolveDynamicComponent, unref, useModel, watch, withCtx } from "vue";
+import { Edit, View } from "@element-plus/icons-vue";
+//#region packages/editor/src/fields/DataSourceFieldSelect/FieldSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-editor-data-source-field-select" };
+var FieldSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldSelect",
+	props: /* @__PURE__ */ mergeModels({
+		value: {},
+		disabled: { type: Boolean },
+		checkStrictly: { type: Boolean },
+		size: {},
+		dataSourceFieldType: {},
+		notEditable: { type: [Boolean, Function] }
+	}, {
+		"modelValue": { default: [] },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const optionComponent = getDesignConfig("components")?.option;
+		const { dataSourceService, uiService } = useServices();
+		const mForm = inject("mForm");
+		const eventBus = inject("eventBus");
+		const dataSources = computed(() => dataSourceService.get("dataSources") || []);
+		const valueIsKey = computed(() => props.value === "key");
+		const notEditable = computed(() => filterFunction(mForm, props.notEditable, props));
+		const dataSourcesOptions = computed(() => dataSources.value.map((ds) => ({
+			text: ds.title || ds.id,
+			value: valueIsKey.value ? ds.id : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${ds.id}`
+		})));
+		const selectDataSourceId = ref("");
+		const selectFieldsId = ref([]);
+		watch(modelValue, (value) => {
+			if (Array.isArray(value)) {
+				const [dsId, ...fields] = value;
+				selectDataSourceId.value = dsId;
+				selectFieldsId.value = fields;
+			} else {
+				selectDataSourceId.value = "";
+				selectFieldsId.value = [];
+			}
+		}, { immediate: true });
+		const fieldsOptions = computed(() => {
+			const ds = dataSources.value.find((ds) => ds.id === removeDataSourceFieldPrefix(selectDataSourceId.value));
+			if (!ds) return [];
+			return getCascaderOptionsFromFields(ds.fields, props.dataSourceFieldType);
+		});
+		const cascaderOptions = computed(() => {
+			return (dataSources.value?.map((ds) => ({
+				label: ds.title || ds.id,
+				value: valueIsKey.value ? ds.id : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${ds.id}`,
+				children: getCascaderOptionsFromFields(ds.fields, props.dataSourceFieldType)
+			})) || []).filter((option) => option.children.length);
+		});
+		const dsChangeHandler = (v) => {
+			modelValue.value = [v];
+			emit("change", modelValue.value);
+		};
+		const fieldChangeHandler = (v = []) => {
+			modelValue.value = [selectDataSourceId.value, ...v];
+			emit("change", modelValue.value);
+		};
+		const onChangeHandler = (v = []) => {
+			modelValue.value = v;
+			emit("change", v);
+		};
+		const hasDataSourceSidePanel = computed(() => uiService.get("sideBarItems").find((item) => item.$key === SideItemKey.DATA_SOURCE));
+		const editHandler = (id) => {
+			eventBus?.emit("edit-data-source", removeDataSourceFieldPrefix(id));
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.checkStrictly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(TMagicSelect), {
+				"model-value": selectDataSourceId.value,
+				clearable: "",
+				filterable: "",
+				size: __props.size,
+				disabled: __props.disabled,
+				onChange: dsChangeHandler
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(dataSourcesOptions.value, (option) => {
+					return openBlock(), createBlock(resolveDynamicComponent(unref(optionComponent)?.component || "el-option"), mergeProps({
+						class: "tmagic-design-option",
+						key: option.value
+					}, { ref_for: true }, unref(optionComponent)?.props({
+						label: option.text,
+						value: option.value,
+						disabled: option.disabled
+					}) || {
+						label: option.text,
+						value: option.value,
+						disabled: option.disabled
+					}), null, 16);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"size",
+				"disabled"
+			]), createVNode(unref(TMagicCascader), {
+				"model-value": selectFieldsId.value,
+				clearable: "",
+				filterable: "",
+				size: __props.size,
+				disabled: __props.disabled,
+				options: fieldsOptions.value,
+				props: { checkStrictly: __props.checkStrictly },
+				onChange: fieldChangeHandler
+			}, null, 8, [
+				"model-value",
+				"size",
+				"disabled",
+				"options",
+				"props"
+			])], 64)) : (openBlock(), createBlock(unref(TMagicCascader), {
+				key: 1,
+				clearable: "",
+				filterable: "",
+				"model-value": modelValue.value,
+				disabled: __props.disabled,
+				size: __props.size,
+				options: cascaderOptions.value,
+				props: { checkStrictly: __props.checkStrictly },
+				onChange: onChangeHandler
+			}, null, 8, [
+				"model-value",
+				"disabled",
+				"size",
+				"options",
+				"props"
+			])), selectDataSourceId.value && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+				key: 2,
+				content: notEditable.value ? "查看" : "编辑"
+			}, {
+				default: withCtx(() => [createVNode(unref(TMagicButton), {
+					class: "m-fields-select-action-button",
+					size: __props.size,
+					onClick: _cache[0] || (_cache[0] = ($event) => editHandler(selectDataSourceId.value))
+				}, {
+					default: withCtx(() => [createVNode(Icon_default, { icon: !notEditable.value ? unref(Edit) : unref(View) }, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["size"])]),
+				_: 1
+			}, 8, ["content"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { FieldSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/es/fields/DataSourceFieldSelect/Index.js

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

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

@@ -0,0 +1,155 @@
+import { useServices } from "../../hooks/use-services.js";
+import Icon_default from "../../components/Icon.js";
+import FieldSelect_default from "./FieldSelect.js";
+import { getFormField } from "@tmagic/form";
+import { TMagicButton, TMagicTooltip, tMagicMessage } from "@tmagic/design";
+import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, removeDataSourceFieldPrefix } from "@tmagic/utils";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, openBlock, ref, resolveComponent, resolveDynamicComponent, unref, watch, withCtx } from "vue";
+import { Coin } from "@element-plus/icons-vue";
+//#region packages/editor/src/fields/DataSourceFieldSelect/Index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "m-fields-data-source-field-select" };
+var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "MFieldsDataSourceFieldSelect",
+	__name: "Index",
+	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 props = __props;
+		const showDataSourceFieldSelect = ref(false);
+		watch(() => props.model[props.name], (value) => {
+			if (Array.isArray(value) && typeof value[0] === "string" && value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) showDataSourceFieldSelect.value = true;
+			else showDataSourceFieldSelect.value = false;
+		}, { immediate: true });
+		const { dataSourceService, propsService } = useServices();
+		const mForm = inject("mForm");
+		const dataSources = computed(() => dataSourceService.get("dataSources") || []);
+		const disabledDataSource = computed(() => propsService.getDisabledDataSource());
+		const type = computed(() => {
+			let type = props.config.fieldConfig?.type;
+			if (typeof type === "function") type = type(mForm, { model: props.model });
+			if (type === "form") return "";
+			if (type === "container") return "";
+			return type?.replace(/([A-Z])/g, "-$1").toLowerCase() || (props.config.fieldConfig && "items" in props.config.fieldConfig ? "" : "text");
+		});
+		const tagName = computed(() => {
+			const component = getFormField(type.value || "container") || resolveComponent(`m-${props.config.fieldConfig && "items" in props.config.fieldConfig ? "form" : "fields"}-${type.value}`);
+			if (typeof component !== "string") return component;
+			return "m-fields-text";
+		});
+		const checkStrictly = computed(() => {
+			let value;
+			if (typeof props.config.checkStrictly !== "function") value = props.config.checkStrictly;
+			else {
+				const dsId = removeDataSourceFieldPrefix(props.model[0]);
+				const dataSource = dataSources.value.find((ds) => ds.id === dsId);
+				value = props.config.checkStrictly(mForm, {
+					values: mForm?.initValues || {},
+					model: props.model,
+					parent: mForm?.parentValues || {},
+					formValue: mForm?.values || props.model,
+					prop: props.prop,
+					config: props.config,
+					dataSource
+				});
+			}
+			return value ?? props.config.value === "key";
+		});
+		const onChangeHandler = (value, eventData) => {
+			if (!Array.isArray(value)) {
+				emit("change", value, eventData);
+				return;
+			}
+			const [dsId, ...keys] = value;
+			const dataSource = dataSources.value.find((ds) => ds.id === removeDataSourceFieldPrefix(dsId));
+			if (!dataSource) {
+				emit("change", value, eventData);
+				return;
+			}
+			let fields = dataSource.fields || [];
+			let field;
+			(keys || []).forEach((key) => {
+				field = fields.find((f) => f.name === key);
+				fields = field?.fields || [];
+			});
+			const dataSourceFieldType = props.config.dataSourceFieldType || ["any"];
+			if (!dataSourceFieldType.length) dataSourceFieldType.push("any");
+			if (!keys.length || field?.type && (field.type === "any" || dataSourceFieldType.includes("any") || dataSourceFieldType.includes(field.type))) emit("change", value, eventData);
+			else {
+				tMagicMessage.error(`请选择类型为${dataSourceFieldType.join("或")}的字段`);
+				emit("change", [dsId], eventData);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [!disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (openBlock(), createBlock(FieldSelect_default, {
+				key: 0,
+				"model-value": __props.model[__props.name],
+				disabled: __props.disabled,
+				size: __props.size,
+				value: __props.config.value,
+				checkStrictly: checkStrictly.value,
+				dataSourceFieldType: __props.config.dataSourceFieldType,
+				onChange: onChangeHandler
+			}, null, 8, [
+				"model-value",
+				"disabled",
+				"size",
+				"value",
+				"checkStrictly",
+				"dataSourceFieldType"
+			])) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+				key: 1,
+				config: __props.config.fieldConfig,
+				model: __props.model,
+				name: __props.name,
+				disabled: __props.disabled,
+				size: __props.size,
+				"last-values": __props.lastValues,
+				"init-values": __props.initValues,
+				values: __props.values,
+				prop: __props.prop,
+				onChange: onChangeHandler
+			}, null, 40, [
+				"config",
+				"model",
+				"name",
+				"disabled",
+				"size",
+				"last-values",
+				"init-values",
+				"values",
+				"prop"
+			])), __props.config.fieldConfig && !disabledDataSource.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+				key: 2,
+				disabled: showDataSourceFieldSelect.value,
+				content: "选择数据源"
+			}, {
+				default: withCtx(() => [createVNode(unref(TMagicButton), {
+					type: showDataSourceFieldSelect.value ? "primary" : "default",
+					size: __props.size,
+					onClick: _cache[0] || (_cache[0] = ($event) => showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value)
+				}, {
+					default: withCtx(() => [createVNode(Icon_default, { icon: unref(Coin) }, null, 8, ["icon"])]),
+					_: 1
+				}, 8, ["type", "size"])]),
+				_: 1
+			}, 8, ["disabled"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { Index_vue_vue_type_script_setup_true_lang_default as default };