@tmagic/editor 1.8.0-manmanyu.8 → 1.8.0

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

@@ -1,22 +1,14 @@
-import { useServices } from "../hooks/use-services.js";
-import { getCascaderOptionsFromFields } from "../utils/data-source/index.js";
-import { MContainer, MPanel, MTable, defineFormItem } from "@tmagic/form";
-import { TMagicButton } from "@tmagic/design";
-import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, traverseNode } from "@tmagic/utils";
-import { ActionType } from "@tmagic/core";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
-import { has } from "lodash-es";
-import { Delete, Plus } from "@element-plus/icons-vue";
+import { createEventNameConfig, createEventSelectConfig, createLegacyTableConfig, isLegacyEventValue } from "./configs/eventSelect.js";
+import { MContainer, MGroupList, MTable } from "@tmagic/form";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
 //#region packages/editor/src/fields/EventSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-event-select" };
 var _hoisted_2 = {
 	key: 1,
 	class: "fullWidth event-select-container"
 };
-var _hoisted_3 = { class: "event-select-header" };
-var _hoisted_4 = { class: "event-item-header" };
-var _hoisted_5 = { class: "event-item-title" };
-var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var _hoisted_3 = { class: "event-item-header" };
+var EventSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsEventSelect",
 	__name: "EventSelect",
 	props: {
@@ -38,274 +30,21 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { editorService, dataSourceService, eventsService, codeBlockService, propsService } = useServices();
-		const eventNameConfig = computed(() => {
-			return {
-				name: "name",
-				text: "事件类型",
-				type: (mForm, { formValue }) => {
-					if (props.config.src !== "component" || formValue.type === "page-fragment-container" && formValue.pageFragmentId) return "cascader";
-					return "select";
-				},
-				labelWidth: "70px",
-				checkStrictly: () => props.config.src !== "component",
-				valueSeparator: ".",
-				options: (mForm, { formValue }) => {
-					let events = [];
-					if (props.config.src === "component") {
-						events = eventsService.getEvent(formValue.type);
-						if (formValue.type === "page-fragment-container" && formValue.pageFragmentId) {
-							const pageFragment = editorService.get("root")?.items?.find((page) => page.id === formValue.pageFragmentId);
-							if (pageFragment) {
-								events = [{
-									label: pageFragment.name || "页面片容器",
-									value: pageFragment.id,
-									children: events
-								}];
-								pageFragment.items.forEach((node) => {
-									traverseNode(node, (node) => {
-										const nodeEvents = node.type && eventsService.getEvent(node.type) || [];
-										events.push({
-											label: `${node.name}_${node.id}`,
-											value: `${node.id}`,
-											children: nodeEvents
-										});
-									});
-								});
-								return events;
-							}
-						}
-						return events.map((option) => ({
-							text: option.label,
-							value: option.value
-						}));
-					}
-					if (props.config.src === "datasource") {
-						events = dataSourceService.getFormEvent(formValue.type);
-						const fields = dataSourceService.getDataSourceById(formValue.id)?.fields || [];
-						if (fields.length > 0) return [...events, {
-							label: "数据变化",
-							value: DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX,
-							children: getCascaderOptionsFromFields(fields)
-						}];
-						return events;
-					}
-				},
-				...props.config.eventNameConfig
-			};
-		});
-		const actionTypeConfig = computed(() => {
-			return {
-				name: "actionType",
-				text: "联动类型",
-				type: "select",
-				labelPosition: "left",
-				defaultValue: ActionType.COMP,
-				options: () => {
-					const o = [{
-						text: "组件",
-						label: "组件",
-						value: ActionType.COMP
-					}];
-					if (!propsService.getDisabledCodeBlock()) o.push({
-						text: "代码",
-						label: "代码",
-						disabled: !Object.keys(codeBlockService.getCodeDsl() || {}).length,
-						value: ActionType.CODE
-					});
-					if (!propsService.getDisabledDataSource()) o.push({
-						text: "数据源",
-						label: "数据源",
-						value: ActionType.DATA_SOURCE
-					});
-					return o;
-				},
-				...props.config.actionTypeConfig
-			};
-		});
-		const targetCompConfig = computed(() => {
-			return {
-				name: "to",
-				text: "联动组件",
-				type: "ui-select",
-				labelPosition: "left",
-				display: (_mForm, { model }) => model.actionType === ActionType.COMP,
-				onChange: (_MForm, _v, { setModel }) => {
-					setModel("method", "");
-				},
-				...props.config.targetCompConfig
-			};
-		});
-		const compActionConfig = computed(() => {
-			return {
-				name: "method",
-				text: "动作",
-				labelPosition: "left",
-				type: (mForm, { model }) => {
-					const to = editorService.getNodeById(model.to);
-					if (to && to.type === "page-fragment-container" && to.pageFragmentId) return "cascader";
-					return "select";
-				},
-				checkStrictly: () => props.config.src !== "component",
-				display: (mForm, { model }) => model.actionType === ActionType.COMP,
-				options: (mForm, { model }) => {
-					const node = editorService.getNodeById(model.to);
-					if (!node?.type) return [];
-					let methods = [];
-					methods = eventsService.getMethod(node.type, model.to);
-					if (node.type === "page-fragment-container" && node.pageFragmentId) {
-						const pageFragment = editorService.get("root")?.items?.find((page) => page.id === node.pageFragmentId);
-						if (pageFragment) {
-							methods = [];
-							pageFragment.items.forEach((node) => {
-								traverseNode(node, (node) => {
-									const nodeMethods = node.type && eventsService.getMethod(node.type, node.id) || [];
-									if (nodeMethods.length) methods.push({
-										label: `${node.name}_${node.id}`,
-										value: `${node.id}`,
-										children: nodeMethods
-									});
-								});
-							});
-							return methods;
-						}
-					}
-					return methods.map((method) => ({
-						text: method.label,
-						value: method.value
-					}));
-				},
-				...props.config.compActionConfig
-			};
-		});
-		const codeActionConfig = computed(() => {
-			return {
-				type: "code-select-col",
-				text: "代码块",
-				name: "codeId",
-				notEditable: () => !codeBlockService.getEditStatus(),
-				display: (mForm, { model }) => model.actionType === ActionType.CODE,
-				...props.config.codeActionConfig
-			};
-		});
-		const dataSourceActionConfig = computed(() => {
-			return {
-				type: "data-source-method-select",
-				text: "数据源方法",
-				name: "dataSourceMethod",
-				notEditable: () => !dataSourceService.get("editable"),
-				display: (mForm, { model }) => model.actionType === ActionType.DATA_SOURCE,
-				...props.config.dataSourceActionConfig
-			};
-		});
-		const tableConfig = computed(() => defineFormItem({
-			type: "table",
-			name: "events",
-			items: [
-				{
-					name: "name",
-					label: "事件名",
-					type: eventNameConfig.value.type,
-					options: (mForm, { formValue }) => eventsService.getEvent(formValue.type).map((option) => ({
-						text: option.label,
-						value: option.value
-					}))
-				},
-				{
-					name: "to",
-					label: "联动组件",
-					type: "ui-select"
-				},
-				{
-					name: "method",
-					label: "动作",
-					type: compActionConfig.value.type,
-					options: (mForm, { model }) => {
-						const node = editorService.getNodeById(model.to);
-						if (!node?.type) return [];
-						return eventsService.getMethod(node.type, model.to).map((option) => ({
-							text: option.label,
-							value: option.value
-						}));
-					}
-				}
-			]
-		}));
-		const actionsConfig = computed(() => defineFormItem({
-			type: "panel",
-			labelPosition: "left",
-			flat: true,
-			items: [{
-				type: "group-list",
-				name: "actions",
-				expandAll: true,
-				enableToggleMode: false,
-				titlePrefix: "动作",
-				labelPosition: "left",
-				flat: true,
-				items: [
-					actionTypeConfig.value,
-					targetCompConfig.value,
-					compActionConfig.value,
-					codeActionConfig.value,
-					dataSourceActionConfig.value
-				]
-			}]
-		}));
-		const isOldVersion = computed(() => {
-			if (props.model[props.name].length === 0) return false;
-			return !has(props.model[props.name][0], "actions");
-		});
+		const tableConfig = computed(() => createLegacyTableConfig(props.config));
+		const eventNameConfig = computed(() => createEventNameConfig(props.config));
+		const eventConfig = computed(() => createEventSelectConfig(props.config, props.name));
+		const isOldVersion = computed(() => isLegacyEventValue(props.model[props.name]));
 		/**
 		* 对比模式判定：
 		*
-		* event-select 内部由「事件列表 + 嵌套子表单」组成，属于复合字段。父级 `MFormContainer` 已将其
-		* 归入「自接管对比字段」（见 Container.vue 的 `SELF_DIFF_FIELD_TYPES`），即对比时只渲染一次本组件，
-		* 并把当前值 `model` 与历史值 `lastValues` 一并传入，由本组件把 `is-compare`/`lastValues` 透传给
-		* 内部的 MPanel / MFormContainer，逐项（事件名、动作）展示前后差异。
+		* event-select 内部是事件列表 group-list。父级 `MFormContainer` 已将其归入「自接管对比字段」
+		* （见 Container.vue 的 `SELF_DIFF_FIELD_TYPES`），对比时只渲染一次本组件，并把 `is-compare` /
+		* `lastValues` 透传给内部 MGroupList 与 title slot 里的事件名表单。
 		*
 		* 仅当存在历史值时才启用对比，避免 lastValues 缺失时退化为「全部新增」的空对比。
 		*/
 		const isCompareMode = computed(() => Boolean(props.isCompare && props.lastValues));
-		/**
-		* 待渲染的事件卡片列表。
-		*
-		* - 非对比模式：直接映射当前事件列表，`lastCardItem` 为空；
-		* - 对比模式：按索引对齐当前值与历史值，取两者长度的最大值，使得「新增」（仅当前有）与
-		*   「删除」（仅历史有）的事件都能被渲染出来；缺失的一侧用空对象兜底，从而让子级正确高亮差异。
-		*/
-		const displayList = computed(() => {
-			const current = props.model[props.name] || [];
-			if (!isCompareMode.value) return current.map((cardItem, index) => ({
-				cardItem,
-				lastCardItem: void 0,
-				index
-			}));
-			const last = props.lastValues?.[props.name] || [];
-			const length = Math.max(current.length, last.length);
-			return Array.from({ length }, (_, index) => ({
-				cardItem: current[index] ?? {},
-				lastCardItem: last[index] ?? {},
-				index
-			}));
-		});
-		const addEvent = () => {
-			const defaultEvent = {
-				name: "",
-				actions: []
-			};
-			if (!props.model[props.name]) props.model[props.name] = [];
-			emit("change", defaultEvent, { modifyKey: props.model[props.name].length });
-		};
-		const removeEvent = (index) => {
-			if (!props.name) return;
-			props.model[props.name].splice(index, 1);
-			emit("change", props.model[props.name]);
-		};
-		const eventNameChangeHandler = (v, eventData) => {
-			emit("change", props.model[props.name], eventData);
-		};
-		const onChangeHandler = (v, eventData) => emit("change", props.model[props.name], eventData);
+		const onChangeHandler = (_v, eventData) => emit("change", props.model[props.name], eventData);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [isOldVersion.value ? (openBlock(), createBlock(unref(MTable), {
 				key: 0,
@@ -324,97 +63,47 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				"last-values",
 				"is-compare",
 				"config"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2, [
-				createElementVNode("div", _hoisted_3, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "event-select-title" }, "事件配置", -1)), !isCompareMode.value && displayList.value.length > 0 ? (openBlock(), createBlock(unref(TMagicButton), {
-					key: 0,
-					class: "create-button",
-					text: "",
-					type: "primary",
-					icon: unref(Plus),
-					size: __props.size,
+			])) : (openBlock(), createElementBlock("div", _hoisted_2, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "event-select-header" }, [createElementVNode("div", { class: "event-select-title" }, "事件配置")], -1)), createVNode(unref(MGroupList), {
+				config: eventConfig.value,
+				name: __props.name,
+				disabled: __props.disabled,
+				model: __props.model,
+				"last-values": __props.lastValues,
+				"is-compare": isCompareMode.value,
+				prop: __props.prop,
+				size: __props.size,
+				onChange: onChangeHandler
+			}, {
+				title: withCtx(({ model: itemModel, lastValues: itemLastValues, prop: itemProp }) => [createElementVNode("div", _hoisted_3, [createVNode(unref(MContainer), {
+					class: "fullWidth",
+					config: eventNameConfig.value,
+					model: itemModel,
+					"last-values": itemLastValues,
+					"is-compare": isCompareMode.value,
 					disabled: __props.disabled,
-					onClick: _cache[0] || (_cache[0] = ($event) => addEvent())
-				}, {
-					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("添加事件", -1)])]),
-					_: 1
-				}, 8, [
-					"icon",
+					size: __props.size,
+					prop: itemProp,
+					onChange: onChangeHandler
+				}, null, 8, [
+					"config",
+					"model",
+					"last-values",
+					"is-compare",
+					"disabled",
 					"size",
-					"disabled"
-				])) : createCommentVNode("v-if", true)]),
-				(openBlock(true), createElementBlock(Fragment, null, renderList(displayList.value, (entry) => {
-					return openBlock(), createBlock(unref(MPanel), {
-						key: entry.index,
-						disabled: __props.disabled,
-						size: __props.size,
-						prop: `${__props.prop}.${entry.index}`,
-						config: actionsConfig.value,
-						model: entry.cardItem,
-						"last-values": entry.lastCardItem,
-						"is-compare": isCompareMode.value,
-						"hide-expand": true,
-						"label-width": __props.config.labelWidth || "100px",
-						onChange: onChangeHandler
-					}, {
-						header: withCtx(() => [createElementVNode("div", _hoisted_4, [
-							createElementVNode("div", _hoisted_5, "事件" + toDisplayString(Number(entry.index) + 1), 1),
-							createVNode(unref(MContainer), {
-								class: "fullWidth",
-								config: eventNameConfig.value,
-								model: entry.cardItem,
-								"last-values": entry.lastCardItem,
-								"is-compare": isCompareMode.value,
-								disabled: __props.disabled,
-								size: __props.size,
-								prop: `${__props.prop}.${entry.index}`,
-								onChange: eventNameChangeHandler
-							}, null, 8, [
-								"config",
-								"model",
-								"last-values",
-								"is-compare",
-								"disabled",
-								"size",
-								"prop"
-							]),
-							!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
-								key: 0,
-								class: "event-item-delete-button",
-								link: "",
-								icon: unref(Delete),
-								disabled: __props.disabled,
-								size: __props.size,
-								onClick: ($event) => removeEvent(Number(entry.index))
-							}, null, 8, [
-								"icon",
-								"disabled",
-								"size",
-								"onClick"
-							])) : createCommentVNode("v-if", true)
-						])]),
-						_: 2
-					}, 1032, [
-						"disabled",
-						"size",
-						"prop",
-						"config",
-						"model",
-						"last-values",
-						"is-compare",
-						"label-width"
-					]);
-				}), 128)),
-				!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
-					key: 0,
-					class: "create-button fullWidth",
-					icon: unref(Plus),
-					disabled: __props.disabled,
-					onClick: _cache[1] || (_cache[1] = ($event) => addEvent())
-				}, {
-					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("添加事件", -1)])]),
-					_: 1
-				}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true)
-			]))]);
+					"prop"
+				])])]),
+				_: 1
+			}, 8, [
+				"config",
+				"name",
+				"disabled",
+				"model",
+				"last-values",
+				"is-compare",
+				"prop",
+				"size"
+			])]))]);
 		};
 	}
 });

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

@@ -6,7 +6,7 @@ import { Delete, Plus } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/KeyValue.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-key-value" };
 var _hoisted_2 = { key: 0 };
-var KeyValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var KeyValue_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsKeyValue",
 	__name: "KeyValue",
 	props: {

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

@@ -7,7 +7,7 @@ import { Edit } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/PageFragmentSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-page-fragment-select" };
 var _hoisted_2 = { class: "page-fragment-select-container" };
-var PageFragmentSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var PageFragmentSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsPageFragmentSelect",
 	__name: "PageFragmentSelect",
 	props: {

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

@@ -7,7 +7,7 @@ import Transform_default from "./pro/Transform.js";
 import { TMagicCollapse, TMagicCollapseItem } from "@tmagic/design";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx } from "vue";
 //#region packages/editor/src/fields/StyleSetter/Index.vue?vue&type=script&setup=true&lang.ts
-var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsStyleSetter",
 	__name: "Index",
 	props: {
@@ -27,7 +27,6 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
-		const props = __props;
 		const emit = __emit;
 		const list = [
 			{
@@ -58,10 +57,6 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		];
 		const collapseValue = shallowRef(Array(list.length).fill(1).map((x, i) => `${i}`));
 		const change = (v, eventData) => {
-			eventData.changeRecords?.forEach((record) => {
-				if (props.prop) record.propPath = `${props.prop}.${record.propPath}`;
-				else if (props.name) record.propPath = `${props.name}.${record.propPath}`;
-			});
 			emit("change", v, eventData);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
@@ -80,6 +75,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						default: withCtx(() => [item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), {
 							key: 0,
 							values: __props.model[__props.name],
+							prop: __props.prop || __props.name,
 							"last-values": __props.lastValues?.[__props.name],
 							"is-compare": __props.isCompare,
 							size: __props.size,
@@ -88,6 +84,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 							onAddDiffCount
 						}, null, 40, [
 							"values",
+							"prop",
 							"last-values",
 							"is-compare",
 							"size",

package/dist/es/fields/StyleSetter/components/BackgroundPosition.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { Fragment, createBlock, createElementBlock, createElementVNode, createVN
 var _hoisted_1 = { class: "background-position-container" };
 var _hoisted_2 = { class: "presets-value-list" };
 var _hoisted_3 = { class: "custom-value" };
-var BackgroundPosition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var BackgroundPosition_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "BackgroundPosition",
 	props: {
 		config: {},

package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
-import { MContainer, defineFormItem } from "@tmagic/form";
+import { createBorderDirectionConfig } from "../configs.js";
+import { MContainer } from "@tmagic/form";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/components/Border.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "border-box-container" };
@@ -7,7 +8,7 @@ var _hoisted_3 = { class: "border-icon-container-row" };
 var _hoisted_4 = { class: "border-icon-container-row" };
 var _hoisted_5 = { class: "border-icon-container-row" };
 var _hoisted_6 = { class: "border-value-container" };
-var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Border_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Border",
 	props: {
 		model: {},
@@ -19,39 +20,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const direction = ref("");
-		const config = computed(() => defineFormItem({ items: [
-			{
-				name: `border${direction.value}Width`,
-				text: "边框宽度",
-				labelWidth: "68px",
-				type: "data-source-field-select",
-				fieldConfig: { type: "text" }
-			},
-			{
-				name: `border${direction.value}Color`,
-				text: "边框颜色",
-				labelWidth: "68px",
-				type: "data-source-field-select",
-				fieldConfig: { type: "colorPicker" }
-			},
-			{
-				name: `border${direction.value}Style`,
-				text: "边框样式",
-				labelWidth: "68px",
-				type: "data-source-field-select",
-				fieldConfig: {
-					type: "select",
-					options: [
-						"solid",
-						"dashed",
-						"dotted"
-					].map((item) => ({
-						value: item,
-						text: item
-					}))
-				}
-			}
-		] }));
+		const config = computed(() => createBorderDirectionConfig(direction.value));
 		const selectDirection = (d) => direction.value = d || "";
 		const emit = __emit;
 		const props = __props;

package/dist/es/fields/StyleSetter/components/Box.vue_vue_type_script_setup_true_lang.js

@@ -7,12 +7,12 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = { class: "next-input" };
 var _hoisted_4 = [
-	"model-value",
+	"value",
 	"title",
 	"disabled",
 	"onChange"
 ];
-var Box_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Box",
 	props: {
 		disabled: { type: Boolean },
@@ -69,7 +69,7 @@ var Box_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 					key: index,
 					class: normalizeClass(item.class)
 				}, [item.text ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.text), 1)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, [createElementVNode("input", {
-					"model-value": __props.model[item.name],
+					value: __props.model[item.name],
 					placeholder: "0",
 					title: __props.model[item.name],
 					disabled: __props.disabled,