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

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

@@ -0,0 +1,76 @@
+import { dim_pos_exports } from "./dim-pos.vue.mjs";
+import { labelTemplate_exports } from "./labelTemplate.vue.mjs";
+import { AliasInput_exports } from "./AliasInput.vue.mjs";
+import { Border_exports } from "./Border.vue.mjs";
+import { BorderConfig_exports } from "./BorderConfig.vue.mjs";
+import { BorderRadius_exports } from "./BorderRadius.vue.mjs";
+import { ColorPicker_exports } from "./ColorPicker.vue.mjs";
+import { ExpressionContent_exports } from "./ExpressionContent.vue.mjs";
+import { FontFamily_exports } from "./FontFamily.vue.mjs";
+import { FontSizeAndColor_exports } from "./FontSizeAndColor.vue.mjs";
+import { FontStyle_exports } from "./FontStyle.vue.mjs";
+import { ImageData_exports } from "./ImageData.vue.mjs";
+import { InputContent_exports } from "./InputContent.vue.mjs";
+import { InputNumber_exports } from "./InputNumber.vue.mjs";
+import { LabelParamsSelect_exports } from "./LabelParamsSelect.vue.mjs";
+import { RadioSelect_exports } from "./RadioSelect.vue.mjs";
+import { SelectContent_exports } from "./SelectContent.vue.mjs";
+import { StackOrder_exports } from "./StackOrder.vue.mjs";
+import { TextAlign_exports } from "./TextAlign.vue.mjs";
+import { TextVerticalAlign_exports } from "./TextVerticalAlign.vue.mjs";
+import { VariableSelect_exports } from "./VariableSelect.vue.mjs";
+import { field_content_exports } from "./field-content.vue.mjs";
+import { icon_style_exports } from "./icon-style.vue.mjs";
+import { rich_btn_exports } from "./rich-btn.vue.mjs";
+//#region src/components/label-design/panels/widget/controls/index.ts
+var panelComps = {};
+var modules = /* @__PURE__ */ Object.assign({
+	"./AliasInput.vue": AliasInput_exports,
+	"./Border.vue": Border_exports,
+	"./BorderConfig.vue": BorderConfig_exports,
+	"./BorderRadius.vue": BorderRadius_exports,
+	"./ColorPicker.vue": ColorPicker_exports,
+	"./ExpressionContent.vue": ExpressionContent_exports,
+	"./FontFamily.vue": FontFamily_exports,
+	"./FontSizeAndColor.vue": FontSizeAndColor_exports,
+	"./FontStyle.vue": FontStyle_exports,
+	"./ImageData.vue": ImageData_exports,
+	"./InputContent.vue": InputContent_exports,
+	"./InputNumber.vue": InputNumber_exports,
+	"./LabelParamsSelect.vue": LabelParamsSelect_exports,
+	"./RadioSelect.vue": RadioSelect_exports,
+	"./SelectContent.vue": SelectContent_exports,
+	"./StackOrder.vue": StackOrder_exports,
+	"./TextAlign.vue": TextAlign_exports,
+	"./TextVerticalAlign.vue": TextVerticalAlign_exports,
+	"./VariableSelect.vue": VariableSelect_exports,
+	"./dim-pos.vue": dim_pos_exports,
+	"./field-content.vue": field_content_exports,
+	"./icon-style.vue": icon_style_exports,
+	"./labelTemplate.vue": labelTemplate_exports,
+	"./rich-btn.vue": rich_btn_exports
+});
+var toKebabCase = (value) => {
+	return value.replace(/\.vue$/i, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+};
+var getFileName = (path) => {
+	return (path.replace(/\\/g, "/").split("/").pop() || "").replace(/\.(vue|tsx)$/i, "");
+};
+for (const path in modules) {
+	const component = modules[path].default;
+	const name = component?.name || component?.__name || "";
+	const fileName = getFileName(path);
+	const compNames = new Set([
+		name,
+		toKebabCase(name),
+		fileName,
+		toKebabCase(fileName)
+	]);
+	if (!compNames.size) continue;
+	compNames.forEach((compName) => {
+		if (!compName) return;
+		panelComps[compName] = component;
+	});
+}
+//#endregion
+export { panelComps as default };

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

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import labelTemplate_vue_vue_type_script_setup_true_lang_default from "./labelTemplate.vue_vue_type_script_setup_true_lang.mjs";
+import './labelTemplate.vue_vue_type_style_index_0_scoped_992e00bb_lang.css';/* empty css                                                                    */
+//#region src/components/label-design/panels/widget/controls/labelTemplate.vue
+var labelTemplate_exports = /* @__PURE__ */ __exportAll({ default: () => labelTemplate_default });
+var labelTemplate_default = /* @__PURE__ */ _plugin_vue_export_helper_default(labelTemplate_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-992e00bb"]]);
+//#endregion
+export { labelTemplate_default as default, labelTemplate_exports };

package/es/components/label-design/panels/widget/controls/labelTemplate.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,218 @@
+import { getSpecificationsForSize, sizeOpt, transformCoordinateByDpi, transformsize } from "../../../constants/size.mjs";
+import { usePage } from "../../../hooks/usePage.mjs";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, reactive, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/controls/labelTemplate.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "label-template" };
+var ModelTypeEnum = /* @__PURE__ */ function(ModelTypeEnum) {
+	/** 实体模型 */
+	ModelTypeEnum["ENTITY"] = "entity_module";
+	/** 枚举 */
+	ModelTypeEnum["ENUM"] = "enum_module";
+	/** 虚拟 */
+	ModelTypeEnum[ModelTypeEnum["VIRTUAL"] = 5] = "VIRTUAL";
+	/** 视图 */
+	ModelTypeEnum["VIEW"] = "view_model_module";
+	/** SQL */
+	ModelTypeEnum[ModelTypeEnum["SQL"] = 7] = "SQL";
+	/** 数据 */
+	ModelTypeEnum["DATA"] = "data_model";
+	return ModelTypeEnum;
+}(ModelTypeEnum || {});
+var formart = /* @__PURE__ */ function(formart) {
+	formart["ZPL"] = "zpl";
+	formart["PNG"] = "png";
+	return formart;
+}(formart || {});
+var labelTemplate_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "labelTemplate",
+	setup(__props) {
+		const oldDip = ref();
+		const modelList = ref([]);
+		const formState = reactive({
+			width: 0,
+			height: 0
+		});
+		const formartOpt = Object.values(formart).map((key, index) => ({
+			value: key,
+			label: Object.keys(formart)[index]
+		}));
+		const { project, width, height } = usePage();
+		const onChange = (value) => {
+			const { width, height, strWidth, strHeight } = getSpecificationsForSize(Number(value), project.value.dpi);
+			formState.width = width;
+			formState.height = height;
+			project.value.width = strWidth;
+			project.value.height = strHeight;
+		};
+		async function getModelList() {
+			modelList.value = await _api.apaas.category.getListComplete({ module: ModelTypeEnum.ENTITY }) || [];
+		}
+		getModelList();
+		watch(formState, (v) => {
+			project.value.width = transformsize(v.width, project.value.dpi);
+			project.value.height = transformsize(v.height, project.value.dpi);
+			project.value.labelWidth = formState.width;
+			project.value.labelHeight = formState.height;
+		});
+		onMounted(() => {
+			const { labelSize, dpi, labelWidth, labelHeight, printType } = reactive(project.value);
+			const { width, height, strWidth, strHeight } = getSpecificationsForSize(labelSize, dpi);
+			formState.width = labelWidth ?? (width || 0);
+			formState.height = labelHeight ?? (height || 0);
+			project.value.width = strWidth;
+			project.value.height = strHeight;
+			project.value.printType = printType || "zpl";
+			oldDip.value = dpi;
+		});
+		async function blurDpi() {
+			if (oldDip.value !== project.value.dpi) {
+				transformCoordinate(project.value.dpi, oldDip.value);
+				oldDip.value = project.value.dpi;
+			}
+		}
+		const transformCoordinate = (n, o) => {
+			const { labelWidth, labelHeight } = project.value;
+			project.value.width = transformsize(labelWidth || 0, n || 0);
+			project.value.height = transformsize(labelHeight || 0, n || 0);
+			width.value = Number(project.value.width) || 0;
+			height.value = Number(project.value.height) || 0;
+			project.value.page = project.value.page.map((i) => {
+				return {
+					...i,
+					top: transformCoordinateByDpi(i.top, o || 0, n || 0),
+					left: transformCoordinateByDpi(i.left, o || 0, n || 0)
+				};
+			});
+		};
+		const filterOption = (input, option) => {
+			if (!option.label) return option.title.includes(input);
+			return false;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select_option = resolveComponent("a-select-option");
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_input_number = resolveComponent("a-input-number");
+			const _component_a_select_opt_group = resolveComponent("a-select-opt-group");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_a_form_item, { label: unref(t)("sys.printDesigner.labelSize") }, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						value: unref(project).labelSize,
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(project).labelSize = $event),
+						onChange
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(sizeOpt), (opt) => {
+							return openBlock(), createBlock(_component_a_select_option, {
+								key: opt.value,
+								value: opt.value
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(opt.label), 1)]),
+								_: 2
+							}, 1032, ["value"]);
+						}), 128))]),
+						_: 1
+					}, 8, ["value"])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(_component_a_form_item, {
+					label: unref(t)("sys.width"),
+					name: "width"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_input_number, {
+						value: formState.width,
+						"onUpdate:value": _cache[1] || (_cache[1] = ($event) => formState.width = $event),
+						disabled: unref(project).labelSize !== 7,
+						placeholder: unref(t)("sys.inputText")
+					}, null, 8, [
+						"value",
+						"disabled",
+						"placeholder"
+					])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(_component_a_form_item, {
+					label: unref(t)("sys.height"),
+					name: "height"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_input_number, {
+						value: formState.height,
+						"onUpdate:value": _cache[2] || (_cache[2] = ($event) => formState.height = $event),
+						disabled: unref(project).labelSize !== 7,
+						placeholder: unref(t)("sys.inputText")
+					}, null, 8, [
+						"value",
+						"disabled",
+						"placeholder"
+					])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(_component_a_form_item, {
+					label: unref(t)("sys.printDesigner.printDPI"),
+					name: "dpi"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_input_number, {
+						value: unref(project).dpi,
+						"onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(project).dpi = $event),
+						min: 0,
+						placeholder: unref(t)("sys.inputText"),
+						onBlur: blurDpi
+					}, null, 8, ["value", "placeholder"])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(_component_a_form_item, {
+					label: unref(t)("sys.printDesigner.refEntity"),
+					name: "modelKey"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						value: unref(project).modelKey,
+						"onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(project).modelKey = $event),
+						placeholder: unref(t)("sys.chooseText"),
+						"show-search": "",
+						"filter-option": filterOption
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(modelList.value, (group) => {
+							return openBlock(), createBlock(_component_a_select_opt_group, { key: group.name }, {
+								label: withCtx(() => [createElementVNode("span", null, toDisplayString(group.name), 1)]),
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(group.children, (model) => {
+									return openBlock(), createBlock(_component_a_select_option, {
+										key: model.key,
+										value: model.key,
+										title: model.name
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(model.name), 1)]),
+										_: 2
+									}, 1032, ["value", "title"]);
+								}), 128))]),
+								_: 2
+							}, 1024);
+						}), 128))]),
+						_: 1
+					}, 8, ["value", "placeholder"])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(_component_a_form_item, { label: unref(t)("sys.printDesigner.labelFormart") }, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						value: unref(project).printType,
+						"onUpdate:value": _cache[5] || (_cache[5] = ($event) => unref(project).printType = $event),
+						placeholder: unref(t)("sys.appDesigner.pleaseSelect")
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(formartOpt), (opt) => {
+							return openBlock(), createBlock(_component_a_select_option, {
+								key: opt.value,
+								value: opt.value
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(opt.label), 1)]),
+								_: 2
+							}, 1032, ["value"]);
+						}), 128))]),
+						_: 1
+					}, 8, ["value", "placeholder"])]),
+					_: 1
+				}, 8, ["label"])
+			]);
+		};
+	}
+});
+//#endregion
+export { labelTemplate_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/panels/widget/controls/labelTemplate.vue_vue_type_style_index_0_scoped_992e00bb_lang.css

@@ -0,0 +1,10 @@
+[data-v-992e00bb] .ant-form-item {
+  margin-bottom: 12px;
+}
+[data-v-992e00bb] .ant-form-item .ant-form-item-label > label {
+  height: 28px;
+  font-size: 12px;
+}
+[data-v-992e00bb] .ant-form-item .ant-form-item-control-input {
+  min-height: 28px;
+}

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

@@ -0,0 +1,28 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import rich_btn_vue_vue_type_script_lang_default from "./rich-btn.vue_vue_type_script_lang.mjs";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/label-design/panels/widget/controls/rich-btn.vue
+var rich_btn_exports = /* @__PURE__ */ __exportAll({ default: () => rich_btn_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" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_a_button = resolveComponent("a-button");
+	return openBlock(), createElementBlock("div", {
+		class: "input-content",
+		"input-type": $props.type,
+		"attr-name": $props.tagAttr
+	}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString($props.label), 1), createElementVNode("div", _hoisted_4, [createVNode(_component_a_button, {
+		block: "",
+		type: $data.currentValue ? "primary" : "default",
+		onClick: _cache[0] || (_cache[0] = (e) => $options.handleClick(e))
+	}, {
+		default: withCtx(() => [createTextVNode(toDisplayString($data.currentValue ? "编辑内容" : "请输入富文本"), 1)]),
+		_: 1
+	}, 8, ["type"])])])], 8, _hoisted_1);
+}
+var rich_btn_default = /* @__PURE__ */ _plugin_vue_export_helper_default(rich_btn_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { rich_btn_exports };

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

@@ -0,0 +1,32 @@
+//#region src/components/label-design/panels/widget/controls/rich-btn.vue?vue&type=script&lang.ts
+var rich_btn_vue_vue_type_script_lang_default = {
+	name: "rich-btn",
+	props: {
+		value: { type: String },
+		label: {
+			type: String,
+			default: "富文本内容"
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		tagAttr: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["changeEvent"],
+	data() {
+		return { currentValue: this.value };
+	},
+	watch: { value(nv) {
+		this.currentValue = nv;
+	} },
+	methods: { handleClick(e) {
+		e.stopPropagation();
+		this.$emit("changeEvent", this.currentValue);
+	} }
+};
+//#endregion
+export { rich_btn_vue_vue_type_script_lang_default as default };

package/es/components/label-design/panels/widget/page-properties.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default from "./page-properties.vue_vue_type_script_setup_true_name_page-properties_lang.mjs";
+import './page-properties.vue_vue_type_style_index_0_scoped_ad548f64_lang.css';/* empty css                                                                      */
+//#region src/components/label-design/panels/widget/page-properties.vue
+var page_properties_default = /* @__PURE__ */ _plugin_vue_export_helper_default(page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default, [["__scopeId", "data-v-ad548f64"]]);
+//#endregion
+export { page_properties_default as default };

package/es/components/label-design/panels/widget/page-properties.vue_vue_type_script_setup_true_name_page-properties_lang.mjs

@@ -0,0 +1,52 @@
+import { usePage } from "../../hooks/usePage.mjs";
+import { useProp } from "../../hooks/useProp.mjs";
+import dim_pos_default from "./controls/dim-pos.vue.mjs";
+import labelTemplate_default from "./controls/labelTemplate.vue.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, resolveComponent, unref, withCtx } from "vue";
+//#region src/components/label-design/panels/widget/page-properties.vue?vue&type=script&setup=true&name=page-properties&lang.ts
+var _hoisted_1 = { class: "page-properties" };
+var page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "page-properties",
+	emits: ["propchange"],
+	setup(__props, { emit: __emit }) {
+		const { project } = usePage();
+		const { emitChanges, height, width, heightMM, widthMM } = useProp({ emit: __emit });
+		const activeKey = ref(["common"]);
+		return (_ctx, _cache) => {
+			const _component_a_collapse_panel = resolveComponent("a-collapse-panel");
+			const _component_a_collapse = resolveComponent("a-collapse");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_collapse, {
+				"active-key": activeKey.value,
+				"onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => activeKey.value = $event),
+				bordered: false,
+				"expand-icon-position": "right",
+				ghost: ""
+			}, {
+				default: withCtx(() => [createVNode(_component_a_collapse_panel, {
+					key: "common",
+					header: "通用"
+				}, {
+					default: withCtx(() => [createVNode(dim_pos_default, {
+						height: unref(height),
+						width: unref(width),
+						"height-m-m": unref(heightMM),
+						"width-m-m": unref(widthMM),
+						disabled: true,
+						"has-pos": false,
+						"has-rotate": false,
+						onChangeEvent: _cache[0] || (_cache[0] = ({ type, value }) => unref(emitChanges)(type, value))
+					}, null, 8, [
+						"height",
+						"width",
+						"height-m-m",
+						"width-m-m"
+					]), !!unref(project).labelSize ? (openBlock(), createBlock(labelTemplate_default, { key: 0 })) : createCommentVNode("", true)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["active-key"])]);
+		};
+	}
+});
+//#endregion
+export { page_properties_vue_vue_type_script_setup_true_name_page_properties_lang_default as default };

package/es/components/label-design/panels/widget/page-properties.vue_vue_type_style_index_0_scoped_ad548f64_lang.css

@@ -0,0 +1,9 @@
+[data-v-ad548f64] .ant-collapse-header {
+  padding: 5px 12px !important;
+  background-color: #f2f4f7;
+  color: #333 !important;
+  font-size: 14px;
+}
+[data-v-ad548f64] .ant-collapse-content > .ant-collapse-content-box {
+  padding: 12px;
+}

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

@@ -0,0 +1,8 @@
+import { __exportAll } from "../../../../_virtual/_rolldown/runtime.mjs";
+import panel_widget_vue_vue_type_script_setup_true_name_panel_widget_lang_default from "./panel-widget.vue_vue_type_script_setup_true_name_panel-widget_lang.mjs";
+import './panel-widget.vue_vue_type_style_index_0_lang.css';/* empty css                                                   */
+//#region src/components/label-design/panels/widget/panel-widget.vue
+var panel_widget_exports = /* @__PURE__ */ __exportAll({ default: () => panel_widget_default });
+var panel_widget_default = panel_widget_vue_vue_type_script_setup_true_name_panel_widget_lang_default;
+//#endregion
+export { panel_widget_exports };

package/es/components/label-design/panels/widget/panel-widget.vue_vue_type_script_setup_true_name_panel-widget_lang.mjs

@@ -0,0 +1,77 @@
+import { useDesigner } from "../../hooks/useDesigner.mjs";
+import { useProp } from "../../hooks/useProp.mjs";
+import page_properties_default from "./page-properties.vue.mjs";
+import component_properties_default from "./component-properties.vue.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+//#region src/components/label-design/panels/widget/panel-widget.vue?vue&type=script&setup=true&name=panel-widget&lang.ts
+var _hoisted_1 = { class: "selection-title__wrapper" };
+var _hoisted_2 = ["title"];
+var panel_widget_vue_vue_type_script_setup_true_name_panel_widget_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "panel-widget",
+	setup(__props) {
+		const { selectedElements, updateEgglement } = useDesigner();
+		const { selectedItem } = useProp({ emit: () => void 0 });
+		const selectionTitle = computed(() => {
+			if (selectedElements.value.length === 0) return "";
+			else if (selectedElements.value.length > 1) return "包含多个元素";
+			else return selectedElements.value[0].displayName;
+		});
+		computed(() => {
+			if (selectedElements.value.length === 0) return "pages";
+			else if (selectedElements.value.length > 1) return "multiple";
+			else return selectedElements.value[0].iconName.toLowerCase();
+		}).value;
+		const selectionType = computed(() => {
+			if (selectedElements.value.length === 0) return "page";
+			else if (selectedElements.value.length > 1) return "multiple";
+			else return "component";
+		});
+		/**
+		* changeData中包含prop表示修改的style或者attrs中的属性名
+		* */
+		const onPropChange = (...args) => {
+			const changeData = args[0];
+			if (changeData.value === "") return;
+			const newValue = {};
+			if (!["alias"].includes(changeData.type) && typeof changeData.value === "string" && !isNaN(Number(changeData.value))) newValue[changeData.type] = parseInt(changeData.value);
+			else newValue[changeData.type] = changeData.value;
+			if (changeData.prop) newValue["prop"] = changeData.prop;
+			saveChanges(newValue);
+		};
+		const saveChanges = (newValue) => {
+			updateEgglement({
+				egglement: selectedItem.value,
+				...newValue
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				key: unref(selectedItem).id,
+				class: "panel-box"
+			}, [
+				createElementVNode("div", _hoisted_1, [
+					createElementVNode("span", { class: normalizeClass(selectionTitle.value ? "color-[#797A7D]" : "color-[#1A1D23]") }, "模板", 2),
+					selectionTitle.value ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(selectionTitle.value ? "color-[#797A7D]" : "color-[#1A1D23]")
+					}, " \xA0>\xA0 ", 2)) : createCommentVNode("", true),
+					selectionTitle.value ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						title: selectionTitle.value,
+						class: "selection-title color-[#1A1D23]"
+					}, toDisplayString(selectionTitle.value), 9, _hoisted_2)) : createCommentVNode("", true)
+				]),
+				selectionType.value === "page" ? (openBlock(), createBlock(page_properties_default, {
+					key: 0,
+					onPropchange: onPropChange
+				})) : createCommentVNode("", true),
+				selectionType.value === "component" ? (openBlock(), createBlock(component_properties_default, {
+					key: 1,
+					onPropchange: onPropChange
+				})) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { panel_widget_vue_vue_type_script_setup_true_name_panel_widget_lang_default as default };