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

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceBetween.js

@@ -4,11 +4,41 @@ import { createElementBlock, createElementVNode, openBlock } from "vue";
 var _sfc_main = {};
 var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 1024 1024"
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "currentColor"
 };
 function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1)])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+		createElementVNode("path", { d: "M6 4C6.55228 4 7 4.44772 7 5V11C7 11.5523 6.55228 12 6 12H4C3.44772 12 3 11.5523 3 11V5C3 4.44772 3.44772 4 4 4H6ZM4.5 5C4.22386 5 4 5.22386 4 5.5V10.5C4 10.7761 4.22386 11 4.5 11H5.5C5.77614 11 6 10.7761 6 10.5V5.5C6 5.22386 5.77614 5 5.5 5H4.5Z" }, null, -1),
+		createElementVNode("path", { d: "M12 4C12.5523 4 13 4.44772 13 5V11C13 11.5523 12.5523 12 12 12H10C9.44772 12 9 11.5523 9 11V5C9 4.44772 9.44772 4 10 4H12ZM10.5 5C10.2239 5 10 5.22386 10 5.5V10.5C10 10.7761 10.2239 11 10.5 11H11.5C11.7761 11 12 10.7761 12 10.5V5.5C12 5.22386 11.7761 5 11.5 5H10.5Z" }, null, -1),
+		createElementVNode("rect", {
+			x: "14.25",
+			y: "2.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			"stroke-width": "0.5"
+		}, null, -1),
+		createElementVNode("rect", {
+			x: "1.25",
+			y: "2.25",
+			width: "0.5",
+			height: "11.5",
+			rx: "0.25",
+			stroke: "black",
+			"stroke-opacity": "0.3",
+			style: {
+				"stroke": "black",
+				"stroke-opacity": "0.3"
+			},
+			"stroke-width": "0.5"
+		}, null, -1)
+	])]);
 }
-var SpaceBetween_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var SpaceBetween_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { SpaceBetween_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Center.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z" }, null, -1)])]);
 }
-var Center_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Center_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Center_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Left.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z" }, null, -1)])]);
 }
-var Left_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Left_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Left_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Right.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z" }, null, -1)])]);
 }
-var Right_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Right_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Right_default as default };

package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js

@@ -3,22 +3,24 @@ import Repeat_default from "../icons/background-repeat/Repeat.js";
 import RepeatX_default from "../icons/background-repeat/RepeatX.js";
 import RepeatY_default from "../icons/background-repeat/RepeatY.js";
 import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
-import { MContainer, defineFormItem } from "@tmagic/form";
-import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+import { MContainer, defineFormConfig } from "@tmagic/form";
+import { Fragment, createBlock, createElementBlock, defineComponent, markRaw, openBlock, renderList, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
-var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Background_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Background",
 	props: {
 		values: {},
 		lastValues: {},
 		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
-		size: {}
+		size: {},
+		theme: {},
+		prop: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = defineFormItem({ items: [
+		const formConfig = defineFormConfig([
 			{
 				name: "backgroundColor",
 				text: "背景色",
@@ -55,7 +57,26 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 						text: "等比覆盖",
 						tooltip: "等比覆盖 cover"
 					}
-				]
+				],
+				rules: [{ typeMatch: false }, { validator: ({ value, callback }) => {
+					if (value === "" || value === null || value === void 0) return callback();
+					const keywords = [
+						"auto",
+						"cover",
+						"contain",
+						"inherit",
+						"initial",
+						"revert",
+						"unset"
+					];
+					const lengthPercent = /^-?\d+(\.\d+)?(px|em|rem|ex|ch|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/;
+					const singleValue = (v) => keywords.includes(v) || lengthPercent.test(v);
+					const parts = String(value).trim().split(/\s+/);
+					if (parts.length > 1 && (parts.includes("cover") || parts.includes("contain"))) return callback("cover/contain 不能与其他值组合");
+					if (parts.length > 2) return callback("backgroundSize 最多支持两个值");
+					if (parts.every((part) => singleValue(part))) return callback();
+					return callback("backgroundSize 值不合法");
+				} }]
 			},
 			{
 				name: "backgroundRepeat",
@@ -65,9 +86,9 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				labelWidth: "68px",
 				options: [
 					{
-						value: "repeat",
-						icon: markRaw(Repeat_default),
-						tooltip: "垂直和水平方向重复 repeat"
+						value: "no-repeat",
+						icon: markRaw(NoRepeat_default),
+						tooltip: "不重复 no-repeat"
 					},
 					{
 						value: "repeat-x",
@@ -80,9 +101,9 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 						tooltip: "垂直方向重复 repeat-y"
 					},
 					{
-						value: "no-repeat",
-						icon: markRaw(NoRepeat_default),
-						tooltip: "不重复 no-repeat"
+						value: "repeat",
+						icon: markRaw(Repeat_default),
+						tooltip: "垂直和水平方向重复 repeat"
 					}
 				]
 			},
@@ -93,29 +114,34 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				component: BackgroundPosition_default,
 				labelWidth: "68px"
 			}
-		] });
+		]);
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config: unref(config),
-				model: __props.values,
-				"last-values": __props.lastValues,
-				"is-compare": __props.isCompare,
-				size: __props.size,
-				disabled: __props.disabled,
-				onChange: change,
-				onAddDiffCount
-			}, null, 8, [
-				"config",
-				"model",
-				"last-values",
-				"is-compare",
-				"size",
-				"disabled"
-			]);
+			return openBlock(true), createElementBlock(Fragment, null, renderList(unref(formConfig), (item) => {
+				return openBlock(), createBlock(unref(MContainer), {
+					prop: __props.prop,
+					key: item.name,
+					config: item,
+					model: __props.values,
+					"last-values": __props.lastValues,
+					"is-compare": __props.isCompare,
+					size: __props.size,
+					disabled: __props.disabled,
+					onChange: change,
+					onAddDiffCount
+				}, null, 8, [
+					"prop",
+					"config",
+					"model",
+					"last-values",
+					"is-compare",
+					"size",
+					"disabled"
+				]);
+			}), 128);
 		};
 	}
 });

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

@@ -2,31 +2,33 @@ import Border_default from "../components/Border.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
-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: {
 		values: {},
 		lastValues: {},
 		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
-		size: {}
+		size: {},
+		prop: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = defineFormItem({ items: [{
+		const config = defineFormItem({
 			labelWidth: "68px",
 			name: "borderRadius",
 			text: "圆角",
 			type: "data-source-field-select",
 			fieldConfig: { type: "text" }
-		}] });
+		});
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
+				prop: __props.prop,
 				config: unref(config),
 				model: __props.values,
 				"last-values": __props.lastValues,
@@ -36,6 +38,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				onChange: change,
 				onAddDiffCount
 			}, null, 8, [
+				"prop",
 				"config",
 				"model",
 				"last-values",

package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js

@@ -1,22 +1,23 @@
 import Left_default from "../icons/text-align/Left.js";
 import Center_default from "../icons/text-align/Center.js";
 import Right_default from "../icons/text-align/Right.js";
-import { MContainer, defineFormItem } from "@tmagic/form";
-import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
+import { MContainer, defineFormConfig } from "@tmagic/form";
+import { Fragment, createBlock, createElementBlock, defineComponent, markRaw, openBlock, renderList, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
-var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Font_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Font",
 	props: {
 		values: {},
 		lastValues: {},
 		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
-		size: {}
+		size: {},
+		prop: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const config = defineFormItem({ items: [
+		const formConfig = defineFormConfig([
 			{
 				type: "row",
 				items: [{
@@ -63,43 +64,51 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					{
 						value: "left",
 						icon: markRaw(Left_default),
-						tooltip: "左对齐 row"
+						tooltip: "左对齐 row",
+						text: "左对齐"
 					},
 					{
 						value: "center",
 						icon: markRaw(Center_default),
-						tooltip: "居中对齐 center"
+						tooltip: "居中对齐 center",
+						text: "居中对齐"
 					},
 					{
 						value: "right",
 						icon: markRaw(Right_default),
-						tooltip: "右对齐 right"
+						tooltip: "右对齐 right",
+						text: "右对齐"
 					}
 				]
 			}
-		] });
+		]);
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MContainer), {
-				config: unref(config),
-				model: __props.values,
-				"last-values": __props.lastValues,
-				"is-compare": __props.isCompare,
-				size: __props.size,
-				disabled: __props.disabled,
-				onChange: change,
-				onAddDiffCount
-			}, null, 8, [
-				"config",
-				"model",
-				"last-values",
-				"is-compare",
-				"size",
-				"disabled"
-			]);
+			return openBlock(true), createElementBlock(Fragment, null, renderList(unref(formConfig), (item, index) => {
+				return openBlock(), createBlock(unref(MContainer), {
+					prop: __props.prop,
+					key: index,
+					config: item,
+					model: __props.values,
+					"last-values": __props.lastValues,
+					"is-compare": __props.isCompare,
+					size: __props.size,
+					disabled: __props.disabled,
+					onChange: change,
+					onAddDiffCount
+				}, null, 8, [
+					"prop",
+					"config",
+					"model",
+					"last-values",
+					"is-compare",
+					"size",
+					"disabled"
+				]);
+			}), 128);
 		};
 	}
 });

package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,9 @@
 import Box_default from "../components/Box.js";
+import Center_default from "../icons/align-items/Center.js";
+import FlexEnd_default from "../icons/align-items/FlexEnd.js";
+import FlexStart_default from "../icons/align-items/FlexStart.js";
+import SpaceAround_default from "../icons/align-items/SpaceAround.js";
+import SpaceBetween_default from "../icons/align-items/SpaceBetween.js";
 import Block_default from "../icons/display/Block.js";
 import Flex_default from "../icons/display/Flex.js";
 import Inline_default from "../icons/display/Inline.js";
@@ -8,33 +13,39 @@ import Column_default from "../icons/flex-direction/Column.js";
 import ColumnReverse_default from "../icons/flex-direction/ColumnReverse.js";
 import Row_default from "../icons/flex-direction/Row.js";
 import RowReverse_default from "../icons/flex-direction/RowReverse.js";
-import Center_default from "../icons/justify-content/Center.js";
-import FlexEnd_default from "../icons/justify-content/FlexEnd.js";
-import FlexStart_default from "../icons/justify-content/FlexStart.js";
-import SpaceAround_default from "../icons/justify-content/SpaceAround.js";
-import SpaceBetween_default from "../icons/justify-content/SpaceBetween.js";
-import { MContainer, defineFormItem } from "@tmagic/form";
-import { Fragment, createElementBlock, createVNode, defineComponent, markRaw, openBlock, unref, vShow, withDirectives } from "vue";
+import Center_default$1 from "../icons/justify-content/Center.js";
+import FlexEnd_default$1 from "../icons/justify-content/FlexEnd.js";
+import FlexStart_default$1 from "../icons/justify-content/FlexStart.js";
+import SpaceAround_default$1 from "../icons/justify-content/SpaceAround.js";
+import SpaceBetween_default$1 from "../icons/justify-content/SpaceBetween.js";
+import { MContainer, defineFormConfig } from "@tmagic/form";
+import { useTheme } from "@tmagic/design";
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, markRaw, openBlock, renderList, unref, vShow, withDirectives } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Layout.vue?vue&type=script&setup=true&lang.ts
-var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Layout",
 	props: {
 		values: {},
 		lastValues: {},
 		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
-		size: {}
+		size: {},
+		theme: {},
+		prop: {}
 	},
 	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
-		const config = defineFormItem({ items: [
+		const displayTheme = useTheme(props);
+		const formConfig = defineFormConfig([
 			{
 				name: "display",
 				text: "模式",
 				type: "radioGroup",
 				childType: "button",
-				labelWidth: "68px",
+				labelWidth: "90px",
+				iconSize: "24px",
 				options: [
 					{
 						value: "inline",
@@ -68,7 +79,8 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				text: "主轴方向",
 				type: "radioGroup",
 				childType: "button",
-				labelWidth: "68px",
+				labelWidth: "90px",
+				iconSize: "24px",
 				options: [
 					{
 						value: "row",
@@ -98,31 +110,32 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				text: "主轴对齐",
 				type: "radioGroup",
 				childType: "button",
-				labelWidth: "68px",
+				labelWidth: "90px",
+				iconSize: "24px",
 				options: [
 					{
 						value: "flex-start",
-						icon: markRaw(FlexStart_default),
+						icon: markRaw(FlexStart_default$1),
 						tooltip: "左对齐 flex-start"
 					},
 					{
 						value: "flex-end",
-						icon: markRaw(FlexEnd_default),
+						icon: markRaw(FlexEnd_default$1),
 						tooltip: "右对齐 flex-end"
 					},
 					{
 						value: "center",
-						icon: markRaw(Center_default),
+						icon: markRaw(Center_default$1),
 						tooltip: "居中 center"
 					},
 					{
 						value: "space-between",
-						icon: markRaw(SpaceBetween_default),
+						icon: markRaw(SpaceBetween_default$1),
 						tooltip: "两端对齐 space-between"
 					},
 					{
 						value: "space-around",
-						icon: markRaw(SpaceAround_default),
+						icon: markRaw(SpaceAround_default$1),
 						tooltip: "横向平分 space-around"
 					}
 				],
@@ -133,7 +146,8 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				text: "辅轴对齐",
 				type: "radioGroup",
 				childType: "button",
-				labelWidth: "68px",
+				labelWidth: "90px",
+				iconSize: "24px",
 				options: [
 					{
 						value: "flex-start",
@@ -167,8 +181,9 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				name: "flexWrap",
 				text: "换行",
 				type: "radioGroup",
-				childType: "button",
-				labelWidth: "68px",
+				childType: displayTheme.value !== "magic-admin" ? "button" : "default",
+				labelWidth: "90px",
+				iconSize: "24px",
 				options: [
 					{
 						value: "nowrap",
@@ -192,14 +207,18 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				type: "row",
 				items: [{
 					name: "width",
-					text: "宽度",
-					labelWidth: "68px",
+					text: "宽度（px）",
+					labelWidth: "90px",
 					type: "data-source-field-select",
 					fieldConfig: { type: "text" }
-				}, {
+				}]
+			},
+			{
+				type: "row",
+				items: [{
 					name: "height",
-					text: "高度",
-					labelWidth: "68px",
+					text: "高度（px）",
+					labelWidth: "90px",
 					type: "data-source-field-select",
 					fieldConfig: { type: "text" }
 				}]
@@ -210,7 +229,7 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					type: "data-source-field-select",
 					text: "overflow",
 					name: "overflow",
-					labelWidth: "68px",
+					labelWidth: "90px",
 					checkStrictly: false,
 					dataSourceFieldType: ["string"],
 					fieldConfig: {
@@ -248,38 +267,47 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							}
 						]
 					}
-				}, {
+				}]
+			},
+			{
+				type: "row",
+				items: [{
 					type: "data-source-field-select",
-					text: "透明度",
+					text: "透明度（%）",
 					name: "opacity",
-					labelWidth: "68px",
+					labelWidth: "90px",
 					dataSourceFieldType: ["string", "number"],
 					fieldConfig: { type: "text" }
 				}]
 			}
-		] });
+		]);
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
 		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
-				config: unref(config),
-				model: __props.values,
-				"last-values": __props.lastValues,
-				"is-compare": __props.isCompare,
-				size: __props.size,
-				disabled: __props.disabled,
-				onChange: change,
-				onAddDiffCount
-			}, null, 8, [
-				"config",
-				"model",
-				"last-values",
-				"is-compare",
-				"size",
-				"disabled"
-			]), withDirectives(createVNode(Box_default, {
+			return openBlock(), createElementBlock(Fragment, null, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(formConfig), (item) => {
+				return openBlock(), createBlock(unref(MContainer), {
+					prop: __props.prop,
+					key: item.name,
+					config: item,
+					model: __props.values,
+					"last-values": __props.lastValues,
+					"is-compare": __props.isCompare,
+					size: __props.size,
+					disabled: __props.disabled,
+					onChange: change,
+					onAddDiffCount
+				}, null, 8, [
+					"prop",
+					"config",
+					"model",
+					"last-values",
+					"is-compare",
+					"size",
+					"disabled"
+				]);
+			}), 128)), withDirectives(createVNode(Box_default, {
 				model: __props.values,
 				"last-values": __props.lastValues,
 				"is-compare": __props.isCompare,