@gct-paas/core-web 0.1.5-test.2 → 0.1.6-dev.1

package/es/components/label-design/panels/widget/controls/InputContent.vue.mjs

@@ -0,0 +1,106 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import InputContent_vue_vue_type_script_lang_default from "./InputContent.vue_vue_type_script_lang.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, toDisplayString, withCtx, withKeys } from "vue";
+//#region src/components/label-design/panels/widget/controls/InputContent.vue
+var InputContent_exports = /* @__PURE__ */ __exportAll({ default: () => InputContent_default });
+var _hoisted_1 = ["input-type", "attr-name"];
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-title mb-2px" };
+var _hoisted_4 = { class: "sub-content" };
+var _hoisted_5 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_input = resolveComponent("a-input");
+	const _component_a_textarea = resolveComponent("a-textarea");
+	const _component_a_input_number = resolveComponent("a-input-number");
+	const _component_a_date_picker = resolveComponent("a-date-picker");
+	const _component_a_form_item = resolveComponent("a-form-item");
+	const _component_a_form = resolveComponent("a-form");
+	return openBlock(), createElementBlock("div", {
+		class: "input-content",
+		"input-type": _ctx.type,
+		"attr-name": _ctx.tagAttr
+	}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(_ctx.label), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(_component_a_form, {
+		model: _ctx.formState,
+		name: "basic"
+	}, {
+		default: withCtx(() => [createVNode(_component_a_form_item, {
+			name: "value",
+			rules: _ctx.type === "number" ? "" : [{
+				max: 1e3,
+				message: "最大1000字"
+			}]
+		}, {
+			default: withCtx(() => [
+				_ctx.type === "text" ? (openBlock(), createBlock(_component_a_input, {
+					key: 0,
+					value: _ctx.currentValue,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.currentValue = $event),
+					disabled: _ctx.hasBind,
+					readonly: _ctx.isReadonly,
+					style: { "width": "100%" },
+					onClick: _ctx.handleClickInput,
+					onChange: _cache[1] || (_cache[1] = (e) => _ctx.changeValue(e.target.value))
+				}, null, 8, [
+					"value",
+					"disabled",
+					"readonly",
+					"onClick"
+				])) : createCommentVNode("", true),
+				_ctx.type === "textArea" ? (openBlock(), createBlock(_component_a_textarea, {
+					key: 1,
+					value: _ctx.currentValue,
+					"onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.currentValue = $event),
+					disabled: _ctx.hasBind,
+					readonly: _ctx.isReadonly,
+					style: { "width": "100%" },
+					placeholder: "请输入文本",
+					onClick: _ctx.handleClickInput,
+					onChange: _cache[3] || (_cache[3] = (e) => _ctx.changeValue(e.target.value))
+				}, null, 8, [
+					"value",
+					"disabled",
+					"readonly",
+					"onClick"
+				])) : createCommentVNode("", true),
+				_ctx.type === "number" ? (openBlock(), createBlock(_component_a_input_number, {
+					key: 2,
+					value: _ctx.currentValue,
+					"onUpdate:value": _cache[4] || (_cache[4] = ($event) => _ctx.currentValue = $event),
+					max: _ctx.max,
+					min: _ctx.min,
+					step: _ctx.step,
+					precision: _ctx.precision,
+					"controls-position": "right",
+					disabled: _ctx.hasBind,
+					style: { "width": "100%" },
+					onKeyup: withKeys(_ctx.blurInputNumber, ["enter"]),
+					onChange: _cache[5] || (_cache[5] = (val) => _ctx.changeValue(val))
+				}, null, 8, [
+					"value",
+					"max",
+					"min",
+					"step",
+					"precision",
+					"disabled",
+					"onKeyup"
+				])) : _ctx.type === "date" ? (openBlock(), createBlock(_component_a_date_picker, {
+					key: 3,
+					value: _ctx.currentValue,
+					"onUpdate:value": _cache[6] || (_cache[6] = ($event) => _ctx.currentValue = $event),
+					"value-format": "yyyy-MM-dd",
+					type: "date",
+					placeholder: "选择日期",
+					style: { "width": "100%" },
+					disabled: _ctx.hasBind,
+					onChange: _cache[7] || (_cache[7] = (val) => _ctx.changeValue(val))
+				}, null, 8, ["value", "disabled"])) : createCommentVNode("", true)
+			]),
+			_: 1
+		}, 8, ["rules"])]),
+		_: 1
+	}, 8, ["model"])])])])], 8, _hoisted_1);
+}
+var InputContent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(InputContent_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { InputContent_exports };

package/es/components/label-design/panels/widget/controls/InputContent.vue_vue_type_script_lang.mjs

@@ -0,0 +1,101 @@
+import { defineComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/InputContent.vue?vue&type=script&lang.ts
+var InputContent_vue_vue_type_script_lang_default = defineComponent({
+	name: "InputContent",
+	props: {
+		value: { type: [String, Number] },
+		type: {
+			type: String,
+			default: "text"
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		precision: {
+			type: Number,
+			default: 0
+		},
+		label: {
+			type: String,
+			default: "text"
+		},
+		validate: { type: Function },
+		filter: { type: Function },
+		tagAttr: {
+			type: String,
+			default: "text"
+		},
+		tag: {
+			type: Boolean,
+			default: false
+		},
+		hasBind: {
+			type: Boolean,
+			default: false
+		},
+		hasDisconnect: {
+			type: Boolean,
+			default: false
+		},
+		defaultValue: { type: Number },
+		isReadonly: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return {
+			currentValue: this.value,
+			formState: { value: "" }
+		};
+	},
+	watch: { value(nv) {
+		this.currentValue = nv;
+	} },
+	methods: {
+		blurInputNumber(event) {
+			event.target?.blur();
+		},
+		handleClickInput(event) {
+			if (this.isReadonly) {
+				event.stopPropagation();
+				this.$emit("changeEvent", this.currentValue);
+			}
+		},
+		dragstartHandler(e) {
+			if (!e.dataTransfer) return;
+			e.dataTransfer.dropEffect = "copy";
+			e.dataTransfer.effectAllowed = "all";
+			window.DragTreeTableOutDropData = JSON.stringify({
+				type: "attr",
+				prop: this.tagAttr
+			});
+		},
+		changeValue(val) {
+			this.formState.value = val ?? "";
+			if (this.type === "text") {
+				let nextVal = typeof val === "string" ? val.trim() : "";
+				if (this.filter) nextVal = this.filter(nextVal);
+				this.currentValue = nextVal;
+				val = nextVal;
+			}
+			this.$emit("changeEvent", this.currentValue);
+			if (this.type === "number" && this.defaultValue) this.currentValue = val ?? this.defaultValue;
+			if (!this.validate) this.$emit("changeEvent", val);
+			else if (this.validate(val)) this.$emit("changeEvent", val);
+			else this.currentValue = this.value;
+		}
+	}
+});
+//#endregion
+export { InputContent_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/InputNumber.vue.mjs

@@ -0,0 +1,39 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import InputNumber_vue_vue_type_script_lang_default from "./InputNumber.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, toDisplayString, withKeys } from "vue";
+//#region src/components/label-design/panels/widget/controls/InputNumber.vue
+var InputNumber_exports = /* @__PURE__ */ __exportAll({ default: () => InputNumber_default });
+var _hoisted_1 = { class: "input-number" };
+var _hoisted_2 = { class: "setting-row" };
+var _hoisted_3 = { class: "sub-title" };
+var _hoisted_4 = { class: "sub-content" };
+var _hoisted_5 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_input_number = resolveComponent("a-input-number");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(_ctx.label), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(_component_a_input_number, {
+		value: _ctx.currentValue,
+		"onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.currentValue = $event),
+		max: _ctx.max,
+		min: _ctx.min,
+		size: "mini",
+		step: _ctx.step,
+		precision: _ctx.precision,
+		"controls-position": "right",
+		style: { "width": "100%" },
+		onKeyup: withKeys(_ctx.blurInput, ["enter"]),
+		onChange: _cache[1] || (_cache[1] = (val) => {
+			_ctx.$emit("changeEvent", val != null ? Math.round(val * 100) / 100 : val);
+		})
+	}, null, 8, [
+		"value",
+		"max",
+		"min",
+		"step",
+		"precision",
+		"onKeyup"
+	])])])])]);
+}
+var InputNumber_default = /* @__PURE__ */ _plugin_vue_export_helper_default(InputNumber_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { InputNumber_exports };

package/es/components/label-design/panels/widget/controls/InputNumber.vue_vue_type_script_lang.mjs

@@ -0,0 +1,43 @@
+import { defineComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/InputNumber.vue?vue&type=script&lang.ts
+var InputNumber_vue_vue_type_script_lang_default = defineComponent({
+	name: "InputNumber",
+	props: {
+		value: {
+			type: Number,
+			default: 100
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		precision: {
+			type: Number,
+			default: 1
+		},
+		label: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return { currentValue: this.value };
+	},
+	watch: { value(nv) {
+		this.currentValue = nv;
+	} },
+	methods: { blurInput(event) {
+		event.target?.blur();
+	} }
+});
+//#endregion
+export { InputNumber_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/LabelParamsSelect.vue.mjs

@@ -0,0 +1,7 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import LabelParamsSelect_vue_vue_type_script_setup_true_name_label_params_select_lang_default from "./LabelParamsSelect.vue_vue_type_script_setup_true_name_label-params-select_lang.mjs";
+//#region src/components/label-design/panels/widget/controls/LabelParamsSelect.vue
+var LabelParamsSelect_exports = /* @__PURE__ */ __exportAll({ default: () => LabelParamsSelect_default });
+var LabelParamsSelect_default = LabelParamsSelect_vue_vue_type_script_setup_true_name_label_params_select_lang_default;
+//#endregion
+export { LabelParamsSelect_exports };

package/es/components/label-design/panels/widget/controls/LabelParamsSelect.vue_vue_type_script_setup_true_name_label-params-select_lang.mjs

@@ -0,0 +1,57 @@
+import { getParamsList } from "../components/useParamsHook.mjs";
+import { createBlock, defineComponent, onMounted, openBlock, ref, resolveComponent, unref } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/controls/LabelParamsSelect.vue?vue&type=script&setup=true&name=label-params-select&lang.ts
+var LabelParamsSelect_vue_vue_type_script_setup_true_name_label_params_select_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "LabelParamsSelect",
+	props: { modelValue: {} },
+	emits: [
+		"update:modelValue",
+		"change",
+		"changeEvent"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const value = ref(props.modelValue ?? void 0);
+		const paramsData = ref([]);
+		onMounted(async () => {
+			paramsData.value = await getParamsList();
+		});
+		function handleChange(val) {
+			emit("update:modelValue", val);
+			emit("change", val, paramsData.value.find((item) => item.value === val));
+			emit("changeEvent", {
+				val,
+				label: paramsData.value.find((item) => item.value === val)?.label
+			});
+		}
+		__expose({
+			getOptions: async () => {
+				if (!paramsData.value.length) return await getParamsList();
+				return paramsData.value;
+			},
+			getParamsData: () => paramsData.value
+		});
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, {
+				value: value.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+				options: paramsData.value,
+				"allow-clear": "",
+				"show-search": "",
+				placeholder: unref(t)("sys.chooseText"),
+				"option-filter-prop": "label",
+				style: { "width": "100%" },
+				onChange: handleChange
+			}, null, 8, [
+				"value",
+				"options",
+				"placeholder"
+			]);
+		};
+	}
+});
+//#endregion
+export { LabelParamsSelect_vue_vue_type_script_setup_true_name_label_params_select_lang_default as default };

package/es/components/label-design/panels/widget/controls/RadioSelect.vue.mjs

@@ -0,0 +1,57 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, toDisplayString } from "vue";
+//#region src/components/label-design/panels/widget/controls/RadioSelect.vue
+var RadioSelect_exports = /* @__PURE__ */ __exportAll({ default: () => RadioSelect_default });
+var _sfc_main = {
+	name: "radio-select",
+	props: {
+		options: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		isGroup: {
+			type: Boolean,
+			default: false
+		},
+		label: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return {};
+	},
+	computed: { currentValue: {
+		get() {
+			return this.value;
+		},
+		set(val) {
+			this.$emit("changeEvent", val);
+		}
+	} }
+};
+var _hoisted_1 = { class: "select-content" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-title mb-2px" };
+var _hoisted_4 = { class: "sub-content" };
+var _hoisted_5 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_radio_group = resolveComponent("a-radio-group");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString($props.label), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(_component_a_radio_group, {
+		value: $options.currentValue,
+		"onUpdate:value": _cache[0] || (_cache[0] = ($event) => $options.currentValue = $event),
+		options: $props.options
+	}, null, 8, ["value", "options"])])])])]);
+}
+var RadioSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { RadioSelect_exports };

package/es/components/label-design/panels/widget/controls/SelectContent.vue.mjs

@@ -0,0 +1,58 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, toDisplayString } from "vue";
+//#region src/components/label-design/panels/widget/controls/SelectContent.vue
+var SelectContent_exports = /* @__PURE__ */ __exportAll({ default: () => SelectContent_default });
+var _sfc_main = {
+	name: "select-content",
+	props: {
+		options: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		label: {
+			type: String,
+			default: "选择"
+		},
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		isGroup: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return {};
+	},
+	computed: { currentValue: {
+		get() {
+			return this.value;
+		},
+		set(val) {
+			this.$emit("changeEvent", val);
+		}
+	} }
+};
+var _hoisted_1 = { class: "select-content" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-title mb-2px" };
+var _hoisted_4 = { class: "sub-content" };
+var _hoisted_5 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_select = resolveComponent("a-select");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString($props.label), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(_component_a_select, {
+		value: $options.currentValue,
+		"onUpdate:value": _cache[0] || (_cache[0] = ($event) => $options.currentValue = $event),
+		options: $props.options,
+		style: { "width": "100%" }
+	}, null, 8, ["value", "options"])])])])]);
+}
+var SelectContent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { SelectContent_exports };

package/es/components/label-design/panels/widget/controls/StackOrder.vue.mjs

@@ -0,0 +1,50 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/label-design/panels/widget/controls/StackOrder.vue
+var StackOrder_exports = /* @__PURE__ */ __exportAll({ default: () => StackOrder_default });
+var _sfc_main = {
+	name: "StackOrderWidget",
+	props: { zIndex: {
+		type: [String, Number],
+		default: "auto"
+	} },
+	emits: ["changeEvent"]
+};
+var _hoisted_1 = { class: "stack-order" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-content" };
+var _hoisted_4 = { class: "sub-content_inner" };
+var _hoisted_5 = { class: "stack-order-btn-box w-full" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_button = resolveComponent("a-button");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "sub-title mb-2px" }, "Z轴层级", -1)), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [
+		createVNode(_component_a_button, {
+			plain: "",
+			size: "mini",
+			onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("changeEvent", "auto"))
+		}, {
+			default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("自动", -1)])]),
+			_: 1
+		}),
+		createVNode(_component_a_button, {
+			plain: "",
+			size: "mini",
+			onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("changeEvent", $props.zIndex !== "auto" ? $props.zIndex + 1 : 1))
+		}, {
+			default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("上移一层", -1)])]),
+			_: 1
+		}),
+		createVNode(_component_a_button, {
+			plain: "",
+			size: "mini",
+			onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("changeEvent", $props.zIndex !== "auto" && $props.zIndex > 0 ? $props.zIndex - 1 : 0))
+		}, {
+			default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("下移一层", -1)])]),
+			_: 1
+		})
+	])])])]), _cache[7] || (_cache[7] = createElementVNode("div", { class: "icon-bar none" }, null, -1))]);
+}
+var StackOrder_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { StackOrder_exports };

package/es/components/label-design/panels/widget/controls/TextAlign.vue.mjs

@@ -0,0 +1,40 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import TextAlign_vue_vue_type_script_lang_default from "./TextAlign.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createVNode, normalizeClass, openBlock, resolveComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/TextAlign.vue
+var TextAlign_exports = /* @__PURE__ */ __exportAll({ default: () => TextAlign_default });
+var _hoisted_1 = { class: "setting-row flex-col" };
+var _hoisted_2 = { class: "sub-content" };
+var _hoisted_3 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_align_left_outlined = resolveComponent("align-left-outlined");
+	const _component_align_center_outlined = resolveComponent("align-center-outlined");
+	const _component_align_right_outlined = resolveComponent("align-right-outlined");
+	const _component_pic_center_outlined = resolveComponent("pic-center-outlined");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", { class: normalizeClass(["icon-bar", { disabled: _ctx.disabled }]) }, [
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: _ctx.isAlignedLeft }]),
+			title: "左对齐",
+			onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onToggleProp("left", _ctx.isAlignedLeft))
+		}, [createVNode(_component_align_left_outlined)], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: _ctx.isCentered }]),
+			title: "居中对齐",
+			onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onToggleProp("center", _ctx.isCentered))
+		}, [createVNode(_component_align_center_outlined)], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: _ctx.isAlignedRight }]),
+			title: "右对齐",
+			onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onToggleProp("right", _ctx.isAlignedRight))
+		}, [createVNode(_component_align_right_outlined)], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: _ctx.isJustified }]),
+			title: "两端对齐",
+			onClick: _cache[3] || (_cache[3] = ($event) => _ctx.onToggleProp("justify", _ctx.isJustified))
+		}, [createVNode(_component_pic_center_outlined)], 2)
+	], 2)])])]);
+}
+var TextAlign_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TextAlign_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { TextAlign_exports };

package/es/components/label-design/panels/widget/controls/TextAlign.vue_vue_type_script_lang.mjs

@@ -0,0 +1,35 @@
+import { defineComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/TextAlign.vue?vue&type=script&lang.ts
+var TextAlign_vue_vue_type_script_lang_default = defineComponent({
+	name: "TextAlign",
+	props: {
+		textAlign: {
+			type: String,
+			default: "center"
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	computed: {
+		isAlignedLeft() {
+			return this.textAlign === "left";
+		},
+		isAlignedRight() {
+			return this.textAlign === "right";
+		},
+		isCentered() {
+			return this.textAlign === "center";
+		},
+		isJustified() {
+			return this.textAlign === "justify";
+		}
+	},
+	methods: { onToggleProp(val, isOn) {
+		this.$emit("changeEvent", isOn ? "inherit" : val);
+	} }
+});
+//#endregion
+export { TextAlign_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/controls/TextVerticalAlign.vue.mjs

@@ -0,0 +1,34 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import TextVerticalAlign_vue_vue_type_script_lang_default from "./TextVerticalAlign.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createVNode, normalizeClass, openBlock, resolveComponent } from "vue";
+//#region src/components/label-design/panels/widget/controls/TextVerticalAlign.vue
+var TextVerticalAlign_exports = /* @__PURE__ */ __exportAll({ default: () => TextVerticalAlign_default });
+var _hoisted_1 = { class: "setting-row flex-col" };
+var _hoisted_2 = { class: "sub-content" };
+var _hoisted_3 = { class: "sub-content_inner" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_vertical_align_top_outlined = resolveComponent("vertical-align-top-outlined");
+	const _component_vertical_align_middle_outlined = resolveComponent("vertical-align-middle-outlined");
+	const _component_vertical_align_bottom_outlined = resolveComponent("vertical-align-bottom-outlined");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", { class: normalizeClass(["icon-bar", { disabled: $props.disabled }]) }, [
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isTop }]),
+			title: "顶对齐",
+			onClick: _cache[0] || (_cache[0] = ($event) => $options.onToggleProp("top", $options.isTop))
+		}, [createVNode(_component_vertical_align_top_outlined)], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isCentered }]),
+			title: "垂直居中",
+			onClick: _cache[1] || (_cache[1] = ($event) => $options.onToggleProp("middle", $options.isCentered))
+		}, [createVNode(_component_vertical_align_middle_outlined)], 2),
+		createElementVNode("div", {
+			class: normalizeClass(["icon-bar_item", { active: $options.isBottom }]),
+			title: "底对齐",
+			onClick: _cache[2] || (_cache[2] = ($event) => $options.onToggleProp("bottom", $options.isBottom))
+		}, [createVNode(_component_vertical_align_bottom_outlined)], 2)
+	], 2)])])]);
+}
+var TextVerticalAlign_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TextVerticalAlign_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { TextVerticalAlign_exports };

package/es/components/label-design/panels/widget/controls/TextVerticalAlign.vue_vue_type_script_lang.mjs

@@ -0,0 +1,31 @@
+//#region src/components/label-design/panels/widget/controls/TextVerticalAlign.vue?vue&type=script&lang.ts
+var TextVerticalAlign_vue_vue_type_script_lang_default = {
+	name: "text-vertical-align",
+	props: {
+		verticalAlign: {
+			type: String,
+			default: "top"
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	computed: {
+		isTop() {
+			return this.verticalAlign === "top";
+		},
+		isBottom() {
+			return this.verticalAlign === "bottom";
+		},
+		isCentered() {
+			return this.verticalAlign === "middle";
+		}
+	},
+	methods: { onToggleProp(val, isOn) {
+		if (!isOn) this.$emit("changeEvent", val);
+	} }
+};
+//#endregion
+export { TextVerticalAlign_vue_vue_type_script_lang_default as default };