@tmagic/editor 1.8.0-beta.2 → 1.8.0-beta.4

package/dist/es/layouts/history-list/GroupRow.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,27 @@
-import { opLabel } from "./composables.js";
+import { opLabel, sourceLabel } from "./composables.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withModifiers } from "vue";
 //#region packages/editor/src/layouts/history-list/GroupRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["title"];
 var _hoisted_2 = ["title"];
 var _hoisted_3 = { class: "m-editor-history-list-item-desc" };
-var _hoisted_4 = {
-	key: 0,
-	class: "m-editor-history-list-item-current"
-};
-var _hoisted_5 = {
+var _hoisted_4 = ["title"];
+var _hoisted_5 = ["title"];
+var _hoisted_6 = {
 	key: 2,
 	class: "m-editor-history-list-item-merge"
 };
-var _hoisted_6 = {
+var _hoisted_7 = {
 	key: 0,
 	class: "m-editor-history-list-substeps"
 };
-var _hoisted_7 = ["title", "onClick"];
-var _hoisted_8 = { class: "m-editor-history-list-item-index" };
-var _hoisted_9 = { class: "m-editor-history-list-substep-desc" };
-var _hoisted_10 = {
-	key: 0,
-	class: "m-editor-history-list-item-current"
-};
-var _hoisted_11 = ["onClick"];
-var _hoisted_12 = ["onClick"];
+var _hoisted_8 = ["title"];
+var _hoisted_9 = { class: "m-editor-history-list-item-index" };
+var _hoisted_10 = { class: "m-editor-history-list-substep-desc" };
+var _hoisted_11 = ["title"];
+var _hoisted_12 = ["title"];
+var _hoisted_13 = ["onClick"];
+var _hoisted_14 = ["onClick"];
+var _hoisted_15 = ["onClick"];
 var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryListGroupRow",
 	__name: "GroupRow",
@@ -34,10 +31,20 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		merged: { type: Boolean },
 		opType: {},
 		desc: {},
+		source: {},
+		time: {},
+		timeTitle: {},
 		stepCount: {},
 		subSteps: {},
 		expanded: { type: Boolean },
-		isCurrent: { type: Boolean }
+		isCurrent: {
+			type: Boolean,
+			default: false
+		},
+		gotoEnabled: {
+			type: Boolean,
+			default: true
+		}
 	},
 	emits: [
 		"toggle",
@@ -48,33 +55,29 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		/** 单步组：头部可点击 goto；合并组：头部可点击切换展开。当前组（isCurrent）的单步组头部不可点击。 */
-		const isHeadClickable = computed(() => {
-			if (props.merged) return true;
-			return !props.isCurrent;
-		});
+		/**
+		* 仅合并组头部可点击（切换展开 / 收起）；
+		* 单步组的跳转改由头部的「回退」按钮触发，整行不再可点击。
+		*/
+		const isHeadClickable = computed(() => props.merged);
 		const headTitle = computed(() => {
 			if (props.merged) return props.expanded ? "点击收起子步" : "点击展开子步";
 			if (props.isCurrent) return "当前所在记录";
-			return "点击跳转到该记录";
+			return "";
 		});
 		/**
-		* 头部点击行为分流：
-		* - 合并组：仅切换展开 / 收起，不触发 goto；
-		* - 单步组：跳转到该唯一步骤；当前组忽略点击。
+		* 头部点击行为：仅合并组切换展开 / 收起；单步组不再响应整行点击。
 		*/
 		const onHeadClick = () => {
-			if (props.merged) {
-				emit("toggle", props.groupKey);
-				return;
-			}
-			if (props.isCurrent) return;
-			if (!props.subSteps.length) return;
-			emit("goto", props.subSteps[0].index);
+			if (props.merged) emit("toggle", props.groupKey);
 		};
-		const onSubStepClick = (s) => {
-			if (s.isCurrent) return;
-			emit("goto", s.index);
+		const onGotoClick = (index) => {
+			if (!props.gotoEnabled) return;
+			emit("goto", index);
+		};
+		const subStepTitle = (s) => {
+			if (s.isCurrent) return "当前所在记录";
+			return "";
 		};
 		/** 单步组头部是否展示"查看差异"入口：要求该唯一子步本身可对比。 */
 		const headDiffable = computed(() => !props.merged && Boolean(props.subSteps[0]?.diffable));
@@ -127,51 +130,79 @@ var GroupRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				}, toDisplayString(headIndexLabel.value), 9, _hoisted_2),
 				createElementVNode("span", { class: normalizeClass(["m-editor-history-list-item-op", `op-${__props.opType}`]) }, toDisplayString(unref(opLabel)(__props.opType)), 3),
 				createElementVNode("span", _hoisted_3, toDisplayString(__props.desc), 1),
-				__props.isCurrent ? (openBlock(), createElementBlock("span", _hoisted_4, "当前")) : createCommentVNode("v-if", true),
-				!__props.merged && headDiffable.value ? (openBlock(), createElementBlock("span", {
+				!__props.merged && unref(sourceLabel)(__props.source) ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: "m-editor-history-list-item-source",
+					title: `操作途径：${unref(sourceLabel)(__props.source)}`
+				}, toDisplayString(unref(sourceLabel)(__props.source)), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+				!__props.merged && __props.time ? (openBlock(), createElementBlock("span", {
 					key: 1,
-					class: "m-editor-history-list-item-diff",
-					title: "查看修改差异",
-					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onDiffClick(__props.subSteps[0].index), ["stop"]))
-				}, "查看差异")) : createCommentVNode("v-if", true),
-				__props.merged ? (openBlock(), createElementBlock("span", _hoisted_5, "合并 " + toDisplayString(__props.stepCount) + " 步", 1)) : createCommentVNode("v-if", true),
+					class: "m-editor-history-list-item-time",
+					title: __props.timeTitle || __props.time
+				}, toDisplayString(__props.time), 9, _hoisted_5)) : createCommentVNode("v-if", true),
+				__props.merged ? (openBlock(), createElementBlock("span", _hoisted_6, "合并 " + toDisplayString(__props.stepCount) + " 步", 1)) : createCommentVNode("v-if", true),
 				!__props.merged && headRevertable.value ? (openBlock(), createElementBlock("span", {
 					key: 3,
 					class: "m-editor-history-list-item-revert",
 					title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
-					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onRevertClick(__props.subSteps[0].index), ["stop"]))
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onRevertClick(__props.subSteps[0].index), ["stop"]))
 				}, "回滚")) : createCommentVNode("v-if", true),
-				__props.merged ? (openBlock(), createElementBlock("span", {
+				!__props.merged && __props.gotoEnabled && !__props.isCurrent && __props.subSteps.length ? (openBlock(), createElementBlock("span", {
 					key: 4,
+					class: "m-editor-history-list-item-goto",
+					title: "回到该记录",
+					onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onGotoClick(__props.subSteps[0].index), ["stop"]))
+				}, "回到")) : createCommentVNode("v-if", true),
+				!__props.merged && headDiffable.value ? (openBlock(), createElementBlock("span", {
+					key: 5,
+					class: "m-editor-history-list-item-diff",
+					title: "查看修改差异",
+					onClick: _cache[2] || (_cache[2] = withModifiers(($event) => onDiffClick(__props.subSteps[0].index), ["stop"]))
+				}, "查看差异")) : createCommentVNode("v-if", true),
+				__props.merged ? (openBlock(), createElementBlock("span", {
+					key: 6,
 					class: normalizeClass(["m-editor-history-list-group-toggle", { "is-expanded": __props.expanded }])
 				}, "▾", 2)) : createCommentVNode("v-if", true)
-			], 10, _hoisted_1), __props.merged && __props.expanded ? (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(subStepsDisplay.value, (s) => {
+			], 10, _hoisted_1), __props.merged && __props.expanded ? (openBlock(), createElementBlock("ul", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(subStepsDisplay.value, (s) => {
 				return openBlock(), createElementBlock("li", {
 					key: s.index,
 					class: normalizeClass({
 						"is-undone": !s.applied,
-						"is-current": s.isCurrent,
-						"is-clickable": !s.isCurrent
+						"is-current": s.isCurrent
 					}),
-					title: s.isCurrent ? "当前所在记录" : "点击跳转到该记录",
-					onClick: ($event) => onSubStepClick(s)
+					title: subStepTitle(s)
 				}, [
-					createElementVNode("span", _hoisted_8, "#" + toDisplayString(s.index + 1), 1),
-					createElementVNode("span", _hoisted_9, toDisplayString(s.desc), 1),
-					s.isCurrent ? (openBlock(), createElementBlock("span", _hoisted_10, "当前")) : createCommentVNode("v-if", true),
-					s.diffable ? (openBlock(), createElementBlock("span", {
+					createElementVNode("span", _hoisted_9, "#" + toDisplayString(s.index + 1), 1),
+					createElementVNode("span", _hoisted_10, toDisplayString(s.desc), 1),
+					unref(sourceLabel)(s.source) ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "m-editor-history-list-item-source",
+						title: `操作途径：${unref(sourceLabel)(s.source)}`
+					}, toDisplayString(unref(sourceLabel)(s.source)), 9, _hoisted_11)) : createCommentVNode("v-if", true),
+					s.time ? (openBlock(), createElementBlock("span", {
 						key: 1,
-						class: "m-editor-history-list-item-diff",
-						title: "查看修改差异",
-						onClick: withModifiers(($event) => onDiffClick(s.index), ["stop"])
-					}, "查看差异", 8, _hoisted_11)) : createCommentVNode("v-if", true),
+						class: "m-editor-history-list-item-time",
+						title: s.timeTitle || s.time
+					}, toDisplayString(s.time), 9, _hoisted_12)) : createCommentVNode("v-if", true),
 					s.revertable ? (openBlock(), createElementBlock("span", {
 						key: 2,
 						class: "m-editor-history-list-item-revert",
 						title: "将该步骤的修改作为一次新操作反向应用（不影响后续历史）",
 						onClick: withModifiers(($event) => onRevertClick(s.index), ["stop"])
-					}, "回滚", 8, _hoisted_12)) : createCommentVNode("v-if", true)
-				], 10, _hoisted_7);
+					}, "回滚", 8, _hoisted_13)) : createCommentVNode("v-if", true),
+					__props.gotoEnabled && !s.isCurrent ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						class: "m-editor-history-list-item-goto",
+						title: "回到该记录",
+						onClick: withModifiers(($event) => onGotoClick(s.index), ["stop"])
+					}, "回到", 8, _hoisted_14)) : createCommentVNode("v-if", true),
+					s.diffable ? (openBlock(), createElementBlock("span", {
+						key: 4,
+						class: "m-editor-history-list-item-diff",
+						title: "查看修改差异",
+						onClick: withModifiers(($event) => onDiffClick(s.index), ["stop"])
+					}, "查看差异", 8, _hoisted_15)) : createCommentVNode("v-if", true)
+				], 10, _hoisted_8);
 			}), 128))])) : createCommentVNode("v-if", true)], 2);
 		};
 	}

package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js

@@ -1,27 +1,44 @@
 import CodeEditor_default from "../CodeEditor.js";
 import CompareForm_default from "../../components/CompareForm.js";
 import { TMagicButton, TMagicDialog, TMagicRadioButton, TMagicRadioGroup, TMagicTag } from "@tmagic/design";
-import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
 import { isEqual } from "lodash-es";
 //#region packages/editor/src/layouts/history-list/HistoryDiffDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	class: "m-editor-history-diff-dialog-body"
 };
-var _hoisted_2 = { class: "m-editor-history-diff-dialog-header" };
-var _hoisted_3 = { class: "m-editor-history-diff-dialog-target" };
-var _hoisted_4 = { class: "m-editor-history-diff-dialog-controls" };
-var _hoisted_5 = { class: "m-editor-history-diff-dialog-legend" };
-var _hoisted_6 = {
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-history-diff-dialog-notice"
+};
+var _hoisted_3 = { class: "m-editor-history-diff-dialog-header" };
+var _hoisted_4 = { class: "m-editor-history-diff-dialog-target" };
+var _hoisted_5 = { class: "m-editor-history-diff-dialog-controls" };
+var _hoisted_6 = { class: "m-editor-history-diff-dialog-legend" };
+var _hoisted_7 = {
 	key: 0,
 	class: "m-editor-history-diff-dialog-tip"
 };
 var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MEditorHistoryDiffDialog",
 	__name: "HistoryDiffDialog",
-	props: { extendState: { type: Function } },
-	setup(__props, { expose: __expose }) {
-		/** 差异对话框的入参 */
+	props: {
+		extendState: {},
+		loadConfig: {},
+		width: { default: "900px" },
+		onConfirm: {},
+		selfDiffFieldTypes: {}
+	},
+	emits: ["close"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/**
+		* 差异对比模式：
+		* - before：该步骤修改前 vs 该步骤修改后（默认行为，体现这一步带来的变化）
+		* - current：该步骤修改后 vs 当前最新值（用于查看「该步骤之后是否还被改过」）
+		*/
 		const visible = ref(false);
 		const payload = ref(null);
 		const mode = ref("before");
@@ -43,6 +60,7 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			scrollBeyondLastLine: false,
 			hideUnchangedRegions: { enabled: true }
 		};
+		const dialogTitle = computed(() => props.onConfirm ? "确认回滚" : "查看修改差异");
 		const hasCurrent = computed(() => payload.value?.currentValue !== void 0 && payload.value?.currentValue !== null);
 		/** 左侧（旧/参照）值 */
 		const leftValue = computed(() => {
@@ -63,13 +81,20 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			if (mode.value !== "current" || !payload.value) return false;
 			return isEqual(payload.value.value, payload.value.currentValue);
 		});
+		const onConfirmClick = () => {
+			const cb = props.onConfirm;
+			cb?.();
+			visible.value = false;
+		};
 		const targetText = computed(() => {
 			if (!payload.value) return "";
-			const prefix = {
+			const categoryText = {
 				node: "节点",
 				"data-source": "数据源",
 				"code-block": "代码块"
-			}[payload.value.category] || "";
+			};
+			const { category } = payload.value;
+			const prefix = category ? categoryText[category] : "";
 			const label = payload.value.targetLabel || payload.value.type || "";
 			const { id } = payload.value;
 			return [prefix, id !== void 0 && id !== "" ? `${label}（${id}）` : label].filter(Boolean).join("：");
@@ -86,6 +111,9 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		watch(visible, (v) => {
 			if (!v) payload.value = null;
 		});
+		const onClose = () => {
+			emit("close");
+		};
 		__expose({
 			open,
 			close
@@ -93,33 +121,49 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(TMagicDialog), {
 				modelValue: visible.value,
-				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event),
 				class: "m-editor-history-diff-dialog",
-				title: "查看修改差异",
-				width: "900px",
+				title: dialogTitle.value,
 				top: "5vh",
 				"destroy-on-close": "",
-				"append-to-body": ""
+				"append-to-body": "",
+				width: __props.width,
+				onClose
 			}, {
-				footer: withCtx(() => [createVNode(unref(TMagicButton), {
+				footer: withCtx(() => [__props.onConfirm ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(TMagicButton), {
 					size: "small",
 					onClick: _cache[2] || (_cache[2] = ($event) => visible.value = false)
 				}, {
-					default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("关闭", -1)])]),
+					default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("取消", -1)])]),
 					_: 1
-				})]),
+				}), createVNode(unref(TMagicButton), {
+					size: "small",
+					type: "primary",
+					onClick: onConfirmClick
+				}, {
+					default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("确定回滚", -1)])]),
+					_: 1
+				})], 64)) : (openBlock(), createBlock(unref(TMagicButton), {
+					key: 1,
+					size: "small",
+					onClick: _cache[3] || (_cache[3] = ($event) => visible.value = false)
+				}, {
+					default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode("关闭", -1)])]),
+					_: 1
+				}))]),
 				default: withCtx(() => [payload.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-					createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(targetText.value), 1), createElementVNode("div", _hoisted_4, [createVNode(unref(TMagicRadioGroup), {
+					__props.onConfirm ? (openBlock(), createElementBlock("div", _hoisted_2, "仅回滚有差异的字段")) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(targetText.value), 1), createElementVNode("div", _hoisted_5, [createVNode(unref(TMagicRadioGroup), {
 						modelValue: viewMode.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => viewMode.value = $event),
 						size: "small",
 						class: "m-editor-history-diff-dialog-view"
 					}, {
 						default: withCtx(() => [createVNode(unref(TMagicRadioButton), { value: "form" }, {
-							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("表单对比", -1)])]),
+							default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("表单对比", -1)])]),
 							_: 1
 						}), createVNode(unref(TMagicRadioButton), { value: "code" }, {
-							default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("源码对比", -1)])]),
+							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("源码对比", -1)])]),
 							_: 1
 						})]),
 						_: 1
@@ -130,18 +174,18 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						class: "m-editor-history-diff-dialog-mode"
 					}, {
 						default: withCtx(() => [createVNode(unref(TMagicRadioButton), { value: "before" }, {
-							default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("与修改前对比", -1)])]),
+							default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("与修改前对比", -1)])]),
 							_: 1
 						}), createVNode(unref(TMagicRadioButton), {
 							value: "current",
 							disabled: !hasCurrent.value
 						}, {
-							default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("与当前对比", -1)])]),
+							default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("与当前对比", -1)])]),
 							_: 1
 						}, 8, ["disabled"])]),
 						_: 1
 					}, 8, ["modelValue"])])]),
-					createElementVNode("div", _hoisted_5, [
+					createElementVNode("div", _hoisted_6, [
 						createVNode(unref(TMagicTag), {
 							size: "small",
 							type: "danger"
@@ -149,7 +193,7 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							default: withCtx(() => [createTextVNode(toDisplayString(leftLabel.value), 1)]),
 							_: 1
 						}),
-						_cache[8] || (_cache[8] = createElementVNode("span", { class: "m-editor-history-diff-dialog-arrow" }, "→", -1)),
+						_cache[9] || (_cache[9] = createElementVNode("span", { class: "m-editor-history-diff-dialog-arrow" }, "→", -1)),
 						createVNode(unref(TMagicTag), {
 							size: "small",
 							type: "success"
@@ -157,16 +201,18 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							default: withCtx(() => [createTextVNode(toDisplayString(rightLabel.value), 1)]),
 							_: 1
 						}),
-						mode.value === "current" && isSameAsCurrent.value ? (openBlock(), createElementBlock("span", _hoisted_6, " 当前值与该步修改后一致，无差异 ")) : createCommentVNode("v-if", true)
+						mode.value === "current" && isSameAsCurrent.value ? (openBlock(), createElementBlock("span", _hoisted_7, " 当前值与该步修改后一致，无差异 ")) : createCommentVNode("v-if", true)
 					]),
 					viewMode.value === "form" ? (openBlock(), createBlock(CompareForm_default, {
-						key: 0,
+						key: 1,
 						category: payload.value.category,
 						type: payload.value.type,
 						"data-source-type": payload.value.dataSourceType,
 						value: rightValue.value,
 						"last-value": leftValue.value,
 						"extend-state": __props.extendState,
+						"load-config": __props.loadConfig,
+						"self-diff-field-types": __props.selfDiffFieldTypes,
 						height: "70vh"
 					}, null, 8, [
 						"category",
@@ -174,9 +220,11 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						"data-source-type",
 						"value",
 						"last-value",
-						"extend-state"
+						"extend-state",
+						"load-config",
+						"self-diff-field-types"
 					])) : (openBlock(), createBlock(CodeEditor_default, {
-						key: 1,
+						key: 2,
 						type: "diff",
 						language: "json",
 						"init-values": leftValue.value,
@@ -187,7 +235,11 @@ var HistoryDiffDialog_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					}, null, 8, ["init-values", "modified-values"]))
 				])) : createCommentVNode("v-if", true)]),
 				_: 1
-			}, 8, ["modelValue"])]);
+			}, 8, [
+				"modelValue",
+				"title",
+				"width"
+			])]);
 		};
 	}
 });