@gct-paas/core-web 0.1.6-dev.3 → 0.1.6-dev.30

package/es/components/label-design/header/test-var-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,202 @@
+import { useDesigner } from "../hooks/useDesigner.mjs";
+import { GctOverlayScrollbars } from "../../overlay-scrollbars/gct-overlay-scrollbars.mjs";
+import stage_canvas_default from "../stage/stage-canvas.vue.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep } from "lodash-es";
+import { t, useModal } from "@gct-paas/core";
+//#region src/components/label-design/header/test-var-modal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h100% w100% print" };
+var _hoisted_2 = { class: "left flex flex-col" };
+var _hoisted_3 = { class: "left-title" };
+var _hoisted_4 = { class: "right" };
+var _hoisted_5 = { class: "right-title" };
+var test_var_modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "test-var-modal",
+	props: {
+		modal: {},
+		fieldConfig: {},
+		data: {}
+	},
+	setup(__props) {
+		const { hoveredElements, updateEgglement } = useDesigner();
+		const selectItem = ref([]);
+		const hoverItem = ref([]);
+		const containerRef = ref(null);
+		const canvasRef = ref(null);
+		const canvasSize = ref({
+			width: 0,
+			height: 0
+		});
+		const containerSize = ref({
+			width: 0,
+			height: 0
+		});
+		const FormRef = ref();
+		const varMap = ref({});
+		const defProps = __props;
+		const schema = ref();
+		const handleOk = async () => {
+			try {
+				await FormRef.value?.validate();
+				return {
+					ok: true,
+					data: { ...varMap.value }
+				};
+			} catch (err) {
+				console.warn(err);
+			}
+			return { ok: false };
+		};
+		const changeMap = async (value, id) => {
+			schema.value?.forEach((i) => {
+				if (i.type === "TEXT" && i.id === id) {
+					i.attrs.text.label = value;
+					i.attrs.text.value = value;
+				} else if (i.id === id) i.attrs.content.value = value;
+			});
+		};
+		const updatePBarcodeWidth = (payload) => {
+			const egglement = schema.value?.find((d) => d.id === payload.elId);
+			if (!egglement) return;
+			if (egglement.rotate === 90) if (payload.height !== egglement.height) updateEgglement({
+				egglement,
+				width: payload.rotateWidth,
+				height: payload.width
+			});
+			else console.log("高度不变");
+			else if (payload.width !== egglement.width) updateEgglement({
+				egglement,
+				width: payload.width
+			});
+			else console.log("长度不变");
+		};
+		const updatePQrCodeWidthAndHeight = (payload) => {
+			const egglement = schema.value?.find((d) => d.id === payload.elId);
+			if (!egglement) return;
+			if (egglement.rotate === 90) if (payload.height !== egglement.height || payload.width !== egglement.width) updateEgglement({
+				egglement,
+				width: payload.rotateWidth,
+				height: payload.rotateHeight
+			});
+			else console.log("高度不变");
+			else if (payload.width !== egglement.width || payload.height !== egglement.height) updateEgglement({
+				egglement,
+				width: payload.width,
+				height: payload.height
+			});
+			else console.log("长度不变");
+		};
+		const focus = (id) => {
+			selectItem.value = schema.value?.filter((i) => i.id === id) ?? [];
+			hoveredElements.value = [...selectItem.value, ...hoverItem.value];
+		};
+		const blur = () => {
+			selectItem.value = [];
+			hoveredElements.value = [...hoverItem.value];
+		};
+		const mouseenter = (id) => {
+			hoverItem.value = schema.value?.filter((i) => i.id === id) ?? [];
+			hoveredElements.value = [...selectItem.value, ...hoverItem.value];
+		};
+		const mouseleave = () => {
+			hoverItem.value = [];
+			hoveredElements.value = [...selectItem.value];
+		};
+		useModal(handleOk);
+		const canvasStyle = computed(() => {
+			if (!canvasSize.value.width || !canvasSize.value.height || !containerSize.value.width || !containerSize.value.height) return {};
+			const scaleX = containerSize.value.width / canvasSize.value.width;
+			const scaleY = containerSize.value.height / canvasSize.value.height;
+			const scale = Math.min(scaleX, scaleY);
+			return {
+				transform: `translate(${(containerSize.value.width - canvasSize.value.width * scale) / 2}px, ${(containerSize.value.height - canvasSize.value.height * scale) / 2}px) scale(${scale})`,
+				transformOrigin: "top left",
+				width: `${canvasSize.value.width}px`,
+				height: `${canvasSize.value.height}px`
+			};
+		});
+		onMounted(() => {
+			schema.value = cloneDeep(defProps.data);
+			if (canvasRef.value) canvasSize.value = {
+				width: canvasRef.value.$el?.offsetWidth || 0,
+				height: canvasRef.value.$el?.offsetHeight || 0
+			};
+			const resizeObserver = new ResizeObserver((entries) => {
+				for (const entry of entries) {
+					const { width, height } = entry.contentRect;
+					containerSize.value.width = width;
+					containerSize.value.height = height;
+				}
+			});
+			if (containerRef.value) resizeObserver.observe(containerRef.value);
+			onUnmounted(() => {
+				resizeObserver.disconnect();
+			});
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_form = resolveComponent("a-form");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.inputVar")), 1), createVNode(unref(GctOverlayScrollbars), null, {
+				default: withCtx(() => [createVNode(_component_a_form, {
+					ref_key: "FormRef",
+					ref: FormRef,
+					model: varMap.value,
+					autocomplete: "off",
+					layout: "vertical"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(defProps.fieldConfig, (item) => {
+						return openBlock(), createBlock(_component_a_form_item, {
+							key: item.key,
+							label: unref(t)(item.label),
+							name: item.key,
+							class: normalizeClass(["var-item", { selected: selectItem.value[0]?.id === item.key }]),
+							required: "",
+							onMouseenter: ($event) => mouseenter(item.key),
+							onMouseleave: mouseleave
+						}, {
+							default: withCtx(() => [createVNode(_component_a_input, {
+								value: varMap.value[item.key],
+								"onUpdate:value": ($event) => varMap.value[item.key] = $event,
+								placeholder: unref(t)("sys.inputText"),
+								onFocus: ($event) => focus(item.key),
+								onBlur: blur,
+								onChange: ($event) => changeMap(varMap.value[item.key], item.key)
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"placeholder",
+								"onFocus",
+								"onChange"
+							])]),
+							_: 2
+						}, 1032, [
+							"label",
+							"name",
+							"class",
+							"onMouseenter"
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, ["model"])]),
+				_: 1
+			})]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("sys.simulatedPreview")), 1), createElementVNode("div", {
+				ref_key: "containerRef",
+				ref: containerRef,
+				class: "canvas-container"
+			}, [createVNode(stage_canvas_default, {
+				ref_key: "canvasRef",
+				ref: canvasRef,
+				schema: schema.value,
+				style: normalizeStyle([{
+					"pointer-events": "none",
+					"user-select": "none"
+				}, canvasStyle.value]),
+				onUpdatePBarcodeWidth: updatePBarcodeWidth,
+				onUpdatePQrCodeWidthAndHeight: updatePQrCodeWidthAndHeight
+			}, null, 8, ["schema", "style"])], 512)])]);
+		};
+	}
+});
+//#endregion
+export { test_var_modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/header/test-var-modal.vue_vue_type_style_index_0_scoped_972496bb_lang.css

@@ -0,0 +1,69 @@
+.print[data-v-972496bb] {
+  min-width: 0;
+  /* 重要：防止 flex 子项溢出 */
+  min-height: 0;
+  /* 重要：防止 flex 子项溢出 */
+}
+.left[data-v-972496bb] {
+  width: 288px;
+  min-width: 288px;
+  padding: 12px 0 12px 12px;
+  border-right: 1px solid #e0e3eb;
+}
+.left .left-title[data-v-972496bb] {
+  display: flex;
+  align-items: center;
+  margin: 12px 0;
+  color: #1a1d23;
+  font-size: 14px;
+  font-weight: 600;
+}
+.left .left-title[data-v-972496bb]::before {
+  content: '';
+  display: inline-block;
+  width: 3px;
+  height: 14px;
+  margin-right: 8px;
+  margin-left: 12px;
+  background: var(--ant-primary-color);
+  color: var(--ant-primary-color);
+}
+.right[data-v-972496bb] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+  /* 重要：防止内容撑开 */
+  padding: 24px;
+  background: #f6f8fa;
+}
+.right .canvas-container[data-v-972496bb] {
+  height: calc(100% - 48px);
+}
+.right .right-title[data-v-972496bb] {
+  margin-bottom: 24px;
+  color: #1a1d23;
+  font-size: 14px;
+  font-weight: 600;
+  text-align: center;
+}
+.var-item[data-v-972496bb] {
+  margin-right: 12px;
+  padding: 12px;
+}
+.var-item[data-v-972496bb]:hover {
+  border: 1px solid rgb(from var(--ant-primary-color) r g b / 30%);
+  border-radius: 4px;
+  background: rgb(from var(--ant-primary-color) r g b / 8%);
+}
+.var-item.selected[data-v-972496bb] {
+  border: 1px solid rgb(from var(--ant-primary-color) r g b / 30%);
+  border-radius: 4px;
+  background: rgb(from var(--ant-primary-color) r g b / 8%);
+}
+[data-v-972496bb] .ant-form .ant-form-item {
+  margin-bottom: 0;
+}
+[data-v-972496bb] .ant-input-affix-wrapper-focused {
+  border-color: var(--ant-primary-color);
+}

package/es/components/label-design/index.d.ts

@@ -1,4 +1,14 @@
+import { default as LabelParamsSelect } from './panels/widget/components/label-params-select.vue';
+import { ActionsType, ButtonTextEnum } from './type';
 export { default as StageView } from './stage/stage-view.vue';
-export { useModalPicker } from './modal/index';
+export { useModalPicker as useLabelModalPicker } from './modal/index';
+export { default as LabelDesigner } from './designer.vue';
 export type { ProjectType } from './hooks/usePage';
+export { useProp } from './hooks/useProp';
 export { setIdentify } from './identify-config';
+export { loadLabelInfo, usePage } from './hooks/usePage';
+export { default as StageCanvas } from './stage/stage-canvas.vue';
+export * from './constants/size';
+export * from './constants/CommonPrintElems';
+export { default as LabelDesignControlComps } from './panels/widget/controls';
+export { LabelParamsSelect, type ActionsType, ButtonTextEnum };

package/es/components/label-design/index.mjs

@@ -1,3 +1,12 @@
+import "./constants/CommonPrintElems.mjs";
+import "./constants/size.mjs";
+import "./hooks/usePage.mjs";
+import "./hooks/useProp.mjs";
 import "./stage/stage-view.vue.mjs";
-import "./modal/index.mjs";
 import "./identify-config.mjs";
+import "./panels/widget/components/label-params-select.vue.mjs";
+import "./panels/widget/controls/index.mjs";
+import "./stage/stage-canvas.vue.mjs";
+import "./modal/index.mjs";
+import "./designer.vue.mjs";
+import "./type/index.mjs";

package/es/components/label-design/modal/index.d.ts

@@ -4,6 +4,6 @@ type ModalInstance = null | undefined | (ComponentPublicInstance & {
     open: IModalOpen;
 });
 export declare function useModalPicker(): {
-    openPickerLabel: () => Promise<ModalInstance>;
+    openPickerLabel: () => ModalInstance;
 };
 export {};

package/es/components/label-design/modal/index.mjs

@@ -1,25 +1,25 @@
-import { createVNode, defineAsyncComponent, render } from "vue";
+import template_default from "./template.vue.mjs";
+import { createVNode, render } from "vue";
 import { OverlayContainer } from "@gct-paas/core";
 //#region src/components/label-design/modal/index.ts
-var ModalTemplate = defineAsyncComponent(() => import("./template.vue.mjs"));
 var instance = null;
 function useModalPicker() {
 	const container = document.createElement("div");
-	async function readyModal() {
-		const vm = createVNode(ModalTemplate, { destroyVm: () => {
+	function readyModal() {
+		const vm = createVNode(template_default, { destroyVm: () => {
 			setTimeout(() => {
 				render(null, container);
 				instance = null;
 			}, 300);
 		} });
-		instance = (await OverlayContainer.createVueApp(vm)).mount(container);
+		instance = OverlayContainer.createVueApp(vm).mount(container);
 	}
 	/**
 	* 选择人员
 	* @param param0
 	*/
-	async function openPickerLabel() {
-		await readyModal();
+	function openPickerLabel() {
+		readyModal();
 		return instance;
 	}
 	return { openPickerLabel };

package/es/components/label-design/modal/template.vue_vue_type_script_setup_true_lang.mjs

@@ -1,8 +1,8 @@
-import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
-import { BasicModal } from "../../../modules/global-modal/index.mjs";
 import { getSpecificationsForSize } from "../constants/size.mjs";
 import { usePage } from "../hooks/usePage.mjs";
 import { useDesigner } from "../hooks/useDesigner.mjs";
+import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../../modules/global-modal/index.mjs";
 import toolkit_default from "../toolkits/toolkit.vue.mjs";
 import stage_default from "../stage/stage.vue.mjs";
 import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, reactive, ref, unref, withCtx } from "vue";

package/es/components/label-design/panels/modals/diff-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
-import { useEditorConsoleInner } from "../../../../modules/code-editor/useEditorConsole.mjs";
+import { usePage } from "../../hooks/usePage.mjs";
 import { useModalInner } from "../../../../modules/global-modal/src/hooks/useModal.mjs";
 import { BasicModal } from "../../../../modules/global-modal/index.mjs";
-import { usePage } from "../../hooks/usePage.mjs";
+import { useEditorConsoleInner } from "../../../../modules/code-editor/useEditorConsole.mjs";
 import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, toRaw, unref, watch, withCtx } from "vue";
 import { t } from "@gct-paas/core";
 //#region src/components/label-design/panels/modals/diff-modal.vue?vue&type=script&setup=true&lang.ts

package/es/components/label-design/panels/panel.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,6 @@
+import { useDesigner } from "../hooks/useDesigner.mjs";
 import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
 import "../../../modules/global-modal/index.mjs";
-import { useDesigner } from "../hooks/useDesigner.mjs";
 import panelComps from "./index.mjs";
 import diff_modal_default from "./modals/diff-modal.vue.mjs";
 import { computed, createBlock, createElementBlock, createVNode, defineComponent, openBlock, provide, resolveDynamicComponent, unref } from "vue";

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

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 import component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default from "./component-properties.vue_vue_type_script_setup_true_name_component-properties_lang.mjs";
-import './component-properties.vue_vue_type_style_index_0_scoped_4a732e3f_lang.css';/* empty css                                                                           */
+import './component-properties.vue_vue_type_style_index_0_scoped_dff66bbe_lang.css';/* empty css                                                                           */
 //#region src/components/label-design/panels/widget/component-properties.vue
-var component_properties_default = /* @__PURE__ */ _plugin_vue_export_helper_default(component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default, [["__scopeId", "data-v-4a732e3f"]]);
+var component_properties_default = /* @__PURE__ */ _plugin_vue_export_helper_default(component_properties_vue_vue_type_script_setup_true_name_component_properties_lang_default, [["__scopeId", "data-v-dff66bbe"]]);
 //#endregion
 export { component_properties_default as default };

package/es/components/label-design/panels/widget/component-properties.vue_vue_type_script_setup_true_name_component-properties_lang.mjs

@@ -18,6 +18,12 @@ var component_properties_vue_vue_type_script_setup_true_name_component_propertie
 				return d.text;
 			});
 		});
+		const handleChange2Event = (schema, value) => {
+			schema.change2Event?.(value);
+		};
+		const handleChange3Event = (schema, value) => {
+			schema.change3Event?.(value);
+		};
 		const activeTab = ref("1");
 		const activeKey = ref(["basic", ...compProp.value]);
 		return (_ctx, _cache) => {
@@ -51,7 +57,15 @@ var component_properties_vue_vue_type_script_setup_true_name_component_propertie
 									return openBlock(), createBlock(resolveDynamicComponent(unref(panelComps)[s.type]), mergeProps({
 										key: s.type,
 										ref_for: true
-									}, s.props, { onChangeEvent: s.changeEvent }), null, 16, ["onChangeEvent"]);
+									}, s.props, {
+										onChangeEvent: s.changeEvent,
+										onChange2Event: ($event) => handleChange2Event(s, $event),
+										onChange3Event: ($event) => handleChange3Event(s, $event)
+									}), null, 16, [
+										"onChangeEvent",
+										"onChange2Event",
+										"onChange3Event"
+									]);
 								}), 128))]),
 								_: 2
 							}, 1032, ["header"]))], 64);
@@ -64,7 +78,15 @@ var component_properties_vue_vue_type_script_setup_true_name_component_propertie
 									return openBlock(), createBlock(resolveDynamicComponent(unref(panelComps)[s.type]), mergeProps({
 										key: s.type,
 										ref_for: true
-									}, s.props, { onChangeEvent: s.changeEvent }), null, 16, ["onChangeEvent"]);
+									}, s.props, {
+										onChangeEvent: s.changeEvent,
+										onChange2Event: ($event) => handleChange2Event(s, $event),
+										onChange3Event: ($event) => handleChange3Event(s, $event)
+									}), null, 16, [
+										"onChangeEvent",
+										"onChange2Event",
+										"onChange3Event"
+									]);
 								}), 128))]),
 								_: 2
 							}, 1032, ["header"])) : createCommentVNode("", true)], 64);
@@ -93,7 +115,15 @@ var component_properties_vue_vue_type_script_setup_true_name_component_propertie
 									return openBlock(), createBlock(resolveDynamicComponent(unref(panelComps)[s.type]), mergeProps({
 										key: s.type,
 										ref_for: true
-									}, s.props, { onChangeEvent: s.changeEvent }), null, 16, ["onChangeEvent"]);
+									}, s.props, {
+										onChangeEvent: s.changeEvent,
+										onChange2Event: ($event) => handleChange2Event(s, $event),
+										onChange3Event: ($event) => handleChange3Event(s, $event)
+									}), null, 16, [
+										"onChangeEvent",
+										"onChange2Event",
+										"onChange3Event"
+									]);
 								}), 128))]),
 								_: 2
 							}, 1032, ["header"])) : createCommentVNode("", true)], 64);

package/es/components/label-design/panels/widget/{component-properties.vue_vue_type_style_index_0_scoped_4a732e3f_lang.css → component-properties.vue_vue_type_style_index_0_scoped_dff66bbe_lang.css}

@@ -1,32 +1,32 @@
-[data-v-4a732e3f] .ant-collapse-header {
+[data-v-dff66bbe] .ant-collapse-header {
   padding: 5px 12px !important;
   background-color: #f2f4f7;
   color: #333 !important;
   font-size: 14px;
 }
-[data-v-4a732e3f] .ant-collapse-content > .ant-collapse-content-box {
+[data-v-dff66bbe] .ant-collapse-content > .ant-collapse-content-box {
   padding: 12px;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-wrap {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-wrap {
   border-bottom: 1px solid #e0e3ea;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-list {
   flex: 1;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
   flex: 1;
   justify-content: center;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
   padding: 7px 0;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
   margin: 0;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar {
   background-color: transparent;
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active::after {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active::after {
   content: '';
   position: absolute;
   z-index: 3;
@@ -35,6 +35,6 @@
   height: 2px;
   background-color: var(--ant-primary-color);
 }
-.panel-editor-tabs[data-v-4a732e3f] >  .ant-tabs-nav .ant-tabs-nav-operations {
+.panel-editor-tabs[data-v-dff66bbe] >  .ant-tabs-nav .ant-tabs-nav-operations {
   display: none !important;
 }

package/es/components/label-design/panels/widget/components/label-params-select.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    modelValue?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    /**
+     * 获取选项数据（如果为空则重新加载）
+     */
+    getOptions: () => Promise<{
+        label: string;
+        value: string;
+        _item: IObject;
+        id: string;
+        name: string;
+        type: string;
+    }[]>;
+    /**
+     * 直接获取 paramsData 的当前值
+     * @returns 标签参数模型的数据数组
+     */
+    getParamsData: () => {
+        label: string;
+        value: string;
+        _item: IObject;
+        id: string;
+        name: string;
+        type: string;
+    }[];
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,8 +1,8 @@
 import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
 import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import Border_vue_vue_type_script_lang_default from "./Border.vue_vue_type_script_lang.mjs";
-import './Border.vue_vue_type_style_index_0_scoped_5d5ceddd_lang.css';/* empty css                                                             */
-import { createElementBlock, createElementVNode, createVNode, openBlock, resolveComponent, withCtx, withKeys } from "vue";
+import './Border.vue_vue_type_style_index_0_scoped_70116f39_lang.css';/* empty css                                                             */
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, openBlock, resolveComponent, withCtx, withKeys } from "vue";
 //#region src/components/label-design/panels/widget/controls/Border.vue
 var Border_exports = /* @__PURE__ */ __exportAll({ default: () => Border_default });
 var _hoisted_1 = { class: "setting-row border-wrapper flex-col" };
@@ -19,26 +19,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_a_select_option = resolveComponent("a-select-option");
 	const _component_a_select = resolveComponent("a-select");
 	const _component_a_input_number = resolveComponent("a-input-number");
-	return openBlock(), createElementBlock("div", _hoisted_1, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "sub-title mb-4px" }, "边框", -1)), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "setting-label row-label" }, "样式", -1)), createElementVNode("div", _hoisted_5, [createVNode(_component_a_select, {
+	return openBlock(), createElementBlock("div", _hoisted_1, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "sub-title mb-4px" }, "边框", -1)), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "setting-label row-label" }, "样式", -1)), createElementVNode("div", _hoisted_5, [createVNode(_component_a_select, {
 		value: $props.borderStyle || "inherit",
 		onChange: _cache[0] || (_cache[0] = (val) => $options.onBorderChange("border-style", val))
 	}, {
 		default: withCtx(() => [
-			createVNode(_component_a_select_option, {
-				value: "none",
-				label: "无"
+			createVNode(_component_a_select_option, { value: "none" }, {
+				default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("无", -1)])]),
+				_: 1
 			}),
-			createVNode(_component_a_select_option, {
-				value: "solid",
-				label: "实线"
+			createVNode(_component_a_select_option, { value: "solid" }, {
+				default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("实线", -1)])]),
+				_: 1
 			}),
-			createVNode(_component_a_select_option, {
-				value: "dashed",
-				label: "虚线"
+			createVNode(_component_a_select_option, { value: "dashed" }, {
+				default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("虚线", -1)])]),
+				_: 1
 			})
 		]),
 		_: 1
-	}, 8, ["value"])])]), createElementVNode("div", _hoisted_6, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "setting-label row-label" }, "线宽", -1)), createElementVNode("div", _hoisted_7, [createVNode(_component_a_input_number, {
+	}, 8, ["value"])])]), createElementVNode("div", _hoisted_6, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "setting-label row-label" }, "线宽", -1)), createElementVNode("div", _hoisted_7, [createVNode(_component_a_input_number, {
 		value: $data.borderWidthVal,
 		"onUpdate:value": _cache[1] || (_cache[1] = ($event) => $data.borderWidthVal = $event),
 		min: 1,
@@ -46,6 +46,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		onKeyup: withKeys($options.onEnterVal, ["enter"])
 	}, null, 8, ["value", "onKeyup"])])])])])]);
 }
-var Border_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Border_vue_vue_type_script_lang_default, [["render", _sfc_render], ["__scopeId", "data-v-5d5ceddd"]]);
+var Border_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Border_vue_vue_type_script_lang_default, [["render", _sfc_render], ["__scopeId", "data-v-70116f39"]]);
 //#endregion
 export { Border_exports };

package/es/components/label-design/panels/widget/controls/{Border.vue_vue_type_style_index_0_scoped_5d5ceddd_lang.css → Border.vue_vue_type_style_index_0_scoped_70116f39_lang.css}

@@ -1,4 +1,4 @@
-.color-picker__wrapper .color-block[data-v-5d5ceddd] {
+.color-picker__wrapper .color-block[data-v-70116f39] {
   padding: 5px;
   height: 28px;
   line-height: 28px;
@@ -7,18 +7,18 @@
   text-align: center;
   cursor: pointer;
 }
-.color-picker__wrapper .color-block .color-example[data-v-5d5ceddd] {
+.color-picker__wrapper .color-block .color-example[data-v-70116f39] {
   height: 100%;
   border: 1px solid #999;
   border-radius: 2px;
 }
-.color-picker-panel .popover-item[data-v-5d5ceddd] {
+.color-picker-panel .popover-item[data-v-70116f39] {
   display: flex;
   align-items: center;
 }
-.color-picker-panel .popover-item .title[data-v-5d5ceddd] {
+.color-picker-panel .popover-item .title[data-v-70116f39] {
   margin-right: 10px;
 }
-.color-picker-panel .popover-item[data-v-5d5ceddd]:not(:last-child) {
+.color-picker-panel .popover-item[data-v-70116f39]:not(:last-child) {
   margin-bottom: 5px;
 }

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

@@ -213,7 +213,7 @@ var FontFamily_vue_vue_type_script_lang_default = defineComponent({
 		blurInput(event) {
 			event.target?.blur();
 		},
-		handleUpdateColor(color) {
+		handleUpdateColor(_e, color) {
 			this.colorValue = color;
 		},
 		onColorChange(color) {

package/es/components/label-design/panels/widget/controls/VariableSelect.vue_vue_type_script_setup_true_name_variable-select_lang.mjs

@@ -4,8 +4,8 @@ import FieldCascader_default from "../../../../field-cascader/src/FieldCascader.
 import { CONTENT_TYPE } from "../../../constants/CommonPrintElems.mjs";
 import { usePage } from "../../../hooks/usePage.mjs";
 import { identify } from "../../../identify-config.mjs";
-import "../../../../index.mjs";
 import label_params_select_default from "../components/label-params-select.vue.mjs";
+import "../../../../index.mjs";
 import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
 import { ExpressionModeEnum, ExpressionTabEnum, FIELD_TYPE, t } from "@gct-paas/core";
 //#region src/components/label-design/panels/widget/controls/VariableSelect.vue?vue&type=script&setup=true&name=variable-select&lang.ts