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

package/es/components/label-design/panels/widget/controls/VariableSelect.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 VariableSelect_vue_vue_type_script_setup_true_name_variable_select_lang_default from "./VariableSelect.vue_vue_type_script_setup_true_name_variable-select_lang.mjs";
+import './VariableSelect.vue_vue_type_style_index_0_scoped_2c6f0905_lang.css';/* empty css                                                                     */
+//#region src/components/label-design/panels/widget/controls/VariableSelect.vue
+var VariableSelect_exports = /* @__PURE__ */ __exportAll({ default: () => VariableSelect_default });
+var VariableSelect_default = /* @__PURE__ */ _plugin_vue_export_helper_default(VariableSelect_vue_vue_type_script_setup_true_name_variable_select_lang_default, [["__scopeId", "data-v-2c6f0905"]]);
+//#endregion
+export { VariableSelect_exports };

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

@@ -0,0 +1,187 @@
+import { openFormulaEditor } from "../../../../../modules/formula-editor/formula-editor.mjs";
+import "../../../../../modules/formula-editor/index.mjs";
+import FieldCascader_default from "../../../../field-cascader/src/FieldCascader.vue.mjs";
+import { CONTENT_TYPE } from "../../../constants/CommonPrintElems.mjs";
+import { usePage } from "../../../hooks/usePage.mjs";
+import { identify } from "../../../identify-config.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
+var _hoisted_1 = { class: "select-content w-full" };
+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" };
+var VariableSelect_vue_vue_type_script_setup_true_name_variable_select_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "VariableSelect",
+	props: {
+		value: {},
+		modelKey: {},
+		type: {},
+		options: {},
+		label: {},
+		exp: {},
+		maxLevel: {}
+	},
+	emits: ["changeEvent", "update:exp"],
+	setup(__props, { emit: __emit }) {
+		const { project, isEdhr } = usePage();
+		const props = __props;
+		const emit = __emit;
+		const fieldList = ref();
+		const currentLabel = ref();
+		const map = /* @__PURE__ */ new Map();
+		const isFieldListReady = ref(false);
+		const modelName = ref("");
+		const getFieldList = async () => {
+			if (!project.value?.modelKey) fieldList.value = [];
+			else {
+				isFieldListReady.value = false;
+				const modelKey = project.value.modelKey;
+				modelName.value = (await _api.apaas.modelMeta.getInfo({ id: modelKey }))?.name || "";
+				const res = await _api.apaas.fieldMeta.getList({ modelKey });
+				isFieldListReady.value = true;
+				fieldList.value = (res || []).filter((item) => ![FIELD_TYPE.IMAGE, FIELD_TYPE.ATTACHMENT].includes(item.type)).map((item) => ({
+					...item,
+					__bindFields: []
+				}));
+			}
+		};
+		getFieldList();
+		const currentValue = computed({
+			get() {
+				return props.value;
+			},
+			set(val) {
+				emit("changeEvent", {
+					val,
+					label: currentLabel.value
+				});
+			}
+		});
+		const curType = computed({
+			get() {
+				return props.type;
+			},
+			set(val) {
+				emit("changeEvent", {
+					type: val,
+					label: "",
+					val: ""
+				});
+			}
+		});
+		const curexp = computed({
+			get() {
+				return props.exp || {};
+			},
+			set(val) {
+				emit("update:exp", val);
+				emit("changeEvent", { exp: val });
+			}
+		});
+		const handleUpdateLabel = async (label) => {
+			await nextTick();
+			currentLabel.value = label;
+		};
+		const handleUpdateValue = async (value) => {
+			await nextTick();
+			currentValue.value = value;
+		};
+		const loadOptions = async (modelKey, level = 1) => {
+			const maxLevel = props.maxLevel ?? 3;
+			if (level > maxLevel) return [];
+			const items = [];
+			let files = [];
+			if (!map.has(modelKey)) {
+				files = await _api.apaas.fieldMeta.getList({ modelKey }) || [];
+				if (files && files.length > 0) map.set(modelKey, files);
+				else files = [];
+			} else files = map.get(modelKey);
+			const all = [];
+			files.forEach((item) => {
+				const opt = {
+					id: item.key ?? "",
+					name: item.name ?? "",
+					valueType: item.type
+				};
+				items.push(opt);
+				if ((item.type === FIELD_TYPE.REF || item.type === FIELD_TYPE.RDO_REF) && level <= maxLevel) {
+					const fn = async () => {
+						const bindInfo = item.bindInfo;
+						if (!bindInfo) return;
+						const arr = await loadOptions(bindInfo, level + 1);
+						if (arr && arr.length > 0) opt.children = arr;
+					};
+					all.push(fn());
+				}
+			});
+			await Promise.all(all);
+			return items;
+		};
+		const openExpress = async () => {
+			const currentModelKey = project.value?.modelKey || props.modelKey;
+			const items = !project.value || isEdhr.value || !currentModelKey ? [] : await loadOptions(currentModelKey);
+			const result = await openFormulaEditor({
+				expr: curexp.value.exp,
+				modelKey: isEdhr.value ? "em_label_param" : void 0,
+				mode: ExpressionModeEnum.LABEL_PRINT,
+				identifiers: { [ExpressionTabEnum.FIELD]: items }
+			});
+			if (!result) return;
+			const relationColumns = await identify(result.expr);
+			curexp.value = {
+				exp: result.expr,
+				expression: result.exprEcho,
+				relationColumns
+			};
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_input_group = resolveComponent("a-input-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_input_group, { compact: "" }, {
+				default: withCtx(() => [createVNode(_component_a_select, {
+					value: curType.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => curType.value = $event),
+					options: __props.options,
+					style: { "width": "90px" }
+				}, null, 8, ["value", "options"]), curType.value === unref(CONTENT_TYPE).MODEL ? (openBlock(), createBlock(unref(FieldCascader_default), {
+					key: String(isFieldListReady.value),
+					"allow-clear": "",
+					"expand-to-left": "",
+					"value-separator": ".",
+					placeholder: "请选择",
+					"model-name": modelName.value,
+					"field-meta-list": fieldList.value,
+					value: currentValue.value,
+					onLabelChange: handleUpdateLabel,
+					onFieldClick: handleUpdateValue
+				}, null, 8, [
+					"model-name",
+					"field-meta-list",
+					"value"
+				])) : curType.value === unref(CONTENT_TYPE).LABEL_PARAMS ? (openBlock(), createBlock(label_params_select_default, {
+					key: 1,
+					modelValue: currentValue.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentValue.value = $event)
+				}, null, 8, ["modelValue"])) : (openBlock(), createBlock(_component_a_input, {
+					key: 2,
+					style: {
+						"width": "133px",
+						"height": "28px"
+					},
+					value: curexp.value.expression,
+					placeholder: unref(t)("sys.pageDesigner.pleaseEnterAnExpression"),
+					readonly: "",
+					onClick: openExpress
+				}, null, 8, ["value", "placeholder"]))]),
+				_: 1
+			})])])])]);
+		};
+	}
+});
+//#endregion
+export { VariableSelect_vue_vue_type_script_setup_true_name_variable_select_lang_default as default };

package/es/components/label-design/panels/widget/controls/VariableSelect.vue_vue_type_style_index_0_scoped_2c6f0905_lang.css

@@ -0,0 +1,12 @@
+[data-v-2c6f0905] .ant-input-affix-wrapper {
+  border-radius: 0 4px 4px 0;
+}
+[data-v-2c6f0905] .sub-content_inner .ant-input-group {
+  display: flex;
+}
+[data-v-2c6f0905] .sub-content_inner .gct-field-cascader-selector .ant-select-selector {
+  width: 133px !important;
+}
+[data-v-2c6f0905] .sub-content_inner .gct-field-cascader-selector .ant-select-selector .ant-select-selection-placeholder {
+  line-height: 26px;
+}

package/es/components/label-design/panels/widget/controls/dim-pos.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 dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default from "./dim-pos.vue_vue_type_script_setup_true_name_dim-pos_lang.mjs";
+import './dim-pos.vue_vue_type_style_index_0_scoped_a247e0e1_lang.css';/* empty css                                                              */
+//#region src/components/label-design/panels/widget/controls/dim-pos.vue
+var dim_pos_exports = /* @__PURE__ */ __exportAll({ default: () => dim_pos_default });
+var dim_pos_default = /* @__PURE__ */ _plugin_vue_export_helper_default(dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default, [["__scopeId", "data-v-a247e0e1"]]);
+//#endregion
+export { dim_pos_default as default, dim_pos_exports };

package/es/components/label-design/panels/widget/controls/dim-pos.vue_vue_type_script_setup_true_name_dim-pos_lang.mjs

@@ -0,0 +1,261 @@
+import { mmConvertPx, pxConvertMm } from "../../../helper/unit-conversion.mjs";
+import { labelInfo, usePage } from "../../../hooks/usePage.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/label-design/panels/widget/controls/dim-pos.vue?vue&type=script&setup=true&name=dim-pos&lang.ts
+var _hoisted_1 = { class: "dim-pos clearfix" };
+var _hoisted_2 = {
+	key: 0,
+	class: "setting-row flex-col"
+};
+var _hoisted_3 = { class: "sub-content" };
+var _hoisted_4 = { class: "sub-content_inner p-8px bg-[#F7F8FA]" };
+var _hoisted_5 = {
+	key: 0,
+	class: "setting-col setting-col_left"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "setting-col setting-col_right"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "setting-row flex-col"
+};
+var _hoisted_8 = { class: "sub-content" };
+var _hoisted_9 = { class: "sub-content_inner p-8px bg-[#F7F8FA]" };
+var _hoisted_10 = {
+	key: 2,
+	class: "setting-row"
+};
+var _hoisted_11 = { class: "sub-content" };
+var _hoisted_12 = { class: "sub-content_inner flex items-center" };
+var _hoisted_13 = { class: "setting-label row-label rotate flex-1" };
+var _hoisted_14 = {
+	key: 3,
+	class: "setting-col setting-col_left"
+};
+var _hoisted_15 = {
+	key: 4,
+	class: "setting-col setting-col_right"
+};
+var dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dim-pos",
+	props: {
+		height: { type: [String, Number] },
+		heightMM: { type: [String, Number] },
+		width: { type: [String, Number] },
+		widthMM: { type: [String, Number] },
+		top: { type: [String, Number] },
+		topMM: { type: [String, Number] },
+		bottom: { type: [String, Number] },
+		left: { type: [String, Number] },
+		leftMM: { type: [String, Number] },
+		right: { type: [String, Number] },
+		rotate: {
+			type: [String, Number],
+			default: 0
+		},
+		hasDim: {
+			type: Boolean,
+			default: true
+		},
+		hasPos: {
+			type: Boolean,
+			default: true
+		},
+		hasRotate: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		heightDisabled: {
+			type: Boolean,
+			default: false
+		},
+		widthDisabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["changeEvent"],
+	setup(__props, { emit: __emit }) {
+		const { width: wMax, height: hMax, project } = usePage();
+		const emit = __emit;
+		const props = __props;
+		const px2mm = (num, precision = 2) => {
+			const n = pxConvertMm(Number(num ?? 0), labelInfo.value?.dpi || project.value.dpi);
+			if (precision === 0) return Math.round(n);
+			return parseFloat(n.toFixed(precision));
+		};
+		const mm2px = (num, precision = 2) => {
+			const n = mmConvertPx(Number(num ?? 0), labelInfo.value?.dpi || project.value.dpi);
+			if (precision === 0) return Math.round(n);
+			return parseFloat(n.toFixed(precision));
+		};
+		const w = computed({
+			get() {
+				if (props.width != null) {
+					const mm = px2mm(props.width, 0);
+					emitChanges("widthMM", mm);
+					return mm;
+				}
+				return "auto";
+			},
+			set(val) {
+				onEnterVal(val, "widthMM");
+				emitChanges("width", mm2px(val ?? 0, 0));
+			}
+		});
+		const h = computed({
+			get() {
+				if (props.height != null) {
+					const mm = px2mm(props.height, 0);
+					emitChanges("heightMM", mm);
+					return mm;
+				}
+				return "auto";
+			},
+			set(val) {
+				onEnterVal(val, "heightMM");
+				emitChanges("height", mm2px(val ?? 0, 0));
+			}
+		});
+		const t = computed({
+			get() {
+				if (props.top != null && props.topMM == null) {
+					const mm = px2mm(props.top);
+					emitChanges("topMM", mm);
+					return mm;
+				}
+				if (props.topMM != null) return props.topMM;
+				return "auto";
+			},
+			set(val) {
+				onEnterVal(val, "topMM");
+				emitChanges("top", mm2px(val ?? 0));
+			}
+		});
+		const l = computed({
+			get() {
+				if (props.left != null && props.leftMM == null) {
+					const mm = px2mm(props.left);
+					emitChanges("leftMM", mm);
+					return mm;
+				}
+				if (props.leftMM != null) return props.leftMM;
+				return "auto";
+			},
+			set(val) {
+				onEnterVal(val, "leftMM");
+				emitChanges("left", mm2px(val ?? 0));
+			}
+		});
+		const rot = ref(props.rotate);
+		const onEnterVal = (dataField, type) => {
+			emitChanges(type, dataField);
+			if (type === "rotate") {
+				const oldWidth = props.width;
+				const oldHeight = props.height;
+				emitChanges("width", oldHeight);
+				emitChanges("height", oldWidth);
+				const oldWidthMM = props.widthMM;
+				const oldHeightMM = props.heightMM;
+				emitChanges("widthMM", oldHeightMM);
+				emitChanges("heightMM", oldWidthMM);
+			}
+		};
+		const emitChanges = (type, value) => {
+			emit("changeEvent", {
+				type,
+				value
+			});
+		};
+		const doRotate = () => {
+			rot.value = (Number(rot.value) + 90) % 360;
+			onEnterVal(rot.value, "rotate");
+		};
+		return (_ctx, _cache) => {
+			const _component_a_input_number = resolveComponent("a-input-number");
+			const _component_IconNext = resolveComponent("IconNext");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_2, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "sub-title mb-4px" }, "位置", -1)), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_5, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "setting-label row-label" }, [
+					createTextVNode(" X轴"),
+					createElementVNode("i", null, " / "),
+					createElementVNode("span", null, "mm")
+				], -1)), createVNode(_component_a_input_number, {
+					ref: "left",
+					value: l.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => l.value = $event),
+					max: unref(wMax) - 30,
+					min: 0,
+					precision: 2,
+					disabled: __props.disabled || l.value === "auto"
+				}, null, 8, [
+					"value",
+					"max",
+					"disabled"
+				])])) : createCommentVNode("", true), __props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_6, [_cache[6] || (_cache[6] = createElementVNode("div", { class: "setting-label row-label" }, [
+					createTextVNode(" Y轴"),
+					createElementVNode("i", null, " / "),
+					createElementVNode("span", null, "mm")
+				], -1)), createVNode(_component_a_input_number, {
+					ref: "top",
+					value: t.value,
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => t.value = $event),
+					max: unref(hMax) - 30,
+					min: 0,
+					precision: 2,
+					disabled: __props.disabled || t.value === "auto"
+				}, null, 8, [
+					"value",
+					"max",
+					"disabled"
+				])])) : createCommentVNode("", true)])])])) : createCommentVNode("", true),
+				__props.hasDim ? (openBlock(), createElementBlock("div", _hoisted_7, [_cache[10] || (_cache[10] = createElementVNode("div", { class: "sub-title mb-4px" }, "尺寸", -1)), createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [createElementVNode("div", { class: normalizeClass(["setting-col setting-col_right", { "no-check": !__props.hasPos }]) }, [_cache[8] || (_cache[8] = createElementVNode("div", { class: "setting-label row-label" }, [
+					createTextVNode(" 高度"),
+					createElementVNode("i", null, " / "),
+					createElementVNode("span", null, "mm")
+				], -1)), createVNode(_component_a_input_number, {
+					ref: "height",
+					value: h.value,
+					"onUpdate:value": _cache[2] || (_cache[2] = ($event) => h.value = $event),
+					min: 1,
+					precision: 0,
+					disabled: __props.disabled || h.value === "auto" || __props.heightDisabled
+				}, null, 8, ["value", "disabled"])], 2), createElementVNode("div", { class: normalizeClass(["setting-col", { "no-check": !__props.hasPos }]) }, [_cache[9] || (_cache[9] = createElementVNode("div", { class: "setting-label row-label" }, [
+					createTextVNode(" 宽度"),
+					createElementVNode("i", null, " / "),
+					createElementVNode("span", null, "mm")
+				], -1)), createVNode(_component_a_input_number, {
+					ref: "width",
+					value: w.value,
+					"onUpdate:value": _cache[3] || (_cache[3] = ($event) => w.value = $event),
+					min: 1,
+					precision: 0,
+					disabled: __props.disabled || w.value === "auto" || __props.widthDisabled
+				}, null, 8, ["value", "disabled"])], 2)])])])) : createCommentVNode("", true),
+				__props.hasRotate ? (openBlock(), createElementBlock("div", _hoisted_10, [_cache[12] || (_cache[12] = createElementVNode("div", {
+					class: "sub-title",
+					style: { "line-height": "28px" }
+				}, "旋转", -1)), createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, toDisplayString(rot.value) + "°", 1), createVNode(_component_a_tooltip, { placement: "topRight" }, {
+					title: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode("向右旋转 90°，每点一下转 90°，点 4 下回到原点", -1)])]),
+					default: withCtx(() => [createVNode(_component_IconNext, {
+						color: "#434855",
+						value: "icon-a-xuanzhuan4",
+						size: 16,
+						onClick: _cache[4] || (_cache[4] = ($event) => doRotate())
+					})]),
+					_: 1
+				})])])])) : createCommentVNode("", true),
+				__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_14)) : createCommentVNode("", true),
+				__props.hasPos ? (openBlock(), createElementBlock("div", _hoisted_15)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { dim_pos_vue_vue_type_script_setup_true_name_dim_pos_lang_default as default };

package/es/components/label-design/panels/widget/controls/dim-pos.vue_vue_type_style_index_0_scoped_a247e0e1_lang.css

@@ -0,0 +1,10 @@
+.rotate[data-v-a247e0e1] {
+  background: #f7f8fa;
+  line-height: 26px;
+  height: 26px;
+  padding-left: 8px;
+  border-radius: 4px 4px 4px 4px;
+}
+.icon-a-xuanzhuan4[data-v-a247e0e1]:hover {
+  color: var(--ant-primary-color);
+}

package/es/components/label-design/panels/widget/controls/field-content.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 field_content_vue_vue_type_script_setup_true_name_field_content_lang_default from "./field-content.vue_vue_type_script_setup_true_name_field-content_lang.mjs";
+import './field-content.vue_vue_type_style_index_0_scoped_259bce90_lang.css';/* empty css                                                                    */
+//#region src/components/label-design/panels/widget/controls/field-content.vue
+var field_content_exports = /* @__PURE__ */ __exportAll({ default: () => field_content_default });
+var field_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_content_vue_vue_type_script_setup_true_name_field_content_lang_default, [["__scopeId", "data-v-259bce90"]]);
+//#endregion
+export { field_content_exports };

package/es/components/label-design/panels/widget/controls/field-content.vue_vue_type_script_setup_true_name_field-content_lang.mjs

@@ -0,0 +1,79 @@
+import FieldCascader_default from "../../../../field-cascader/src/FieldCascader.vue.mjs";
+import { usePage } from "../../../hooks/usePage.mjs";
+import "../../../../index.mjs";
+import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, nextTick, openBlock, ref, unref } from "vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/controls/field-content.vue?vue&type=script&setup=true&name=field-content&lang.ts
+var _hoisted_1 = { class: "select-content w-full" };
+var _hoisted_2 = { class: "setting-row" };
+var _hoisted_3 = { class: "sub-content" };
+var field_content_vue_vue_type_script_setup_true_name_field_content_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "field-content",
+	props: {
+		value: {},
+		modelKey: {}
+	},
+	emits: ["changeEvent"],
+	setup(__props, { emit: __emit }) {
+		const { project } = usePage();
+		const props = __props;
+		const emit = __emit;
+		const fieldList = ref();
+		const fieldModelName = ref("");
+		const currentLabel = ref();
+		const isFieldListReady = ref(false);
+		const getFieldList = async () => {
+			if (!project.value?.modelKey) fieldList.value = [];
+			else {
+				isFieldListReady.value = true;
+				const modelKey = project.value.modelKey;
+				fieldModelName.value = (await _api.apaas.modelMeta.getInfo({ id: modelKey }))?.name || "";
+				_api.apaas.fieldMeta.getList({ modelKey }).then((res) => {
+					fieldList.value = res.filter((item) => ![FIELD_TYPE.IMAGE, FIELD_TYPE.ATTACHMENT].includes(item.type));
+				}).finally(() => {
+					isFieldListReady.value = false;
+				});
+			}
+		};
+		getFieldList();
+		const currentValue = computed({
+			get() {
+				return props.value;
+			},
+			set(val) {
+				emit("changeEvent", {
+					val,
+					label: currentLabel.value
+				});
+			}
+		});
+		const handleUpdateLabel = async (label) => {
+			await nextTick();
+			currentLabel.value = label;
+		};
+		const handleUpdateValue = async (value) => {
+			await nextTick();
+			currentValue.value = value;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(), createBlock(unref(FieldCascader_default), {
+				key: String(isFieldListReady.value),
+				"allow-clear": "",
+				"expand-to-left": "",
+				"value-separator": ".",
+				placeholder: "请选择",
+				"model-name": fieldModelName.value,
+				"field-meta-list": fieldList.value,
+				value: currentValue.value,
+				onLabelChange: handleUpdateLabel,
+				onFieldClick: handleUpdateValue
+			}, null, 8, [
+				"model-name",
+				"field-meta-list",
+				"value"
+			]))])])]);
+		};
+	}
+});
+//#endregion
+export { field_content_vue_vue_type_script_setup_true_name_field_content_lang_default as default };

package/es/components/label-design/panels/widget/controls/field-content.vue_vue_type_style_index_0_scoped_259bce90_lang.css

@@ -0,0 +1,6 @@
+.gct-field-cascader-selector[data-v-259bce90] {
+  width: 100%;
+}
+[data-v-259bce90] .ant-select-selection-placeholder {
+  line-height: 26px !important;
+}

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

@@ -0,0 +1,7 @@
+import { __exportAll } from "../../../../../_virtual/_rolldown/runtime.mjs";
+import icon_style_vue_vue_type_script_setup_true_name_icon_style_lang_default from "./icon-style.vue_vue_type_script_setup_true_name_icon-style_lang.mjs";
+//#region src/components/label-design/panels/widget/controls/icon-style.vue
+var icon_style_exports = /* @__PURE__ */ __exportAll({ default: () => icon_style_default });
+var icon_style_default = icon_style_vue_vue_type_script_setup_true_name_icon_style_lang_default;
+//#endregion
+export { icon_style_exports };

package/es/components/label-design/panels/widget/controls/icon-style.vue_vue_type_script_setup_true_name_icon-style_lang.mjs

@@ -0,0 +1,51 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, resolveComponent, toDisplayString, unref, watch } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/widget/controls/icon-style.vue?vue&type=script&setup=true&name=icon-style&lang.ts
+var _hoisted_1 = { class: "image-data__wrapper" };
+var _hoisted_2 = { class: "setting-row flex-col" };
+var _hoisted_3 = { class: "sub-title mb-2px" };
+var _hoisted_4 = { class: "sub-content" };
+var icon_style_vue_vue_type_script_setup_true_name_icon_style_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "icon-style",
+	props: {
+		icon: {},
+		logoColor: {},
+		logoBgColor: {}
+	},
+	emits: ["changeEvent"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const iconProps = ref({
+			value: props.icon,
+			logoColor: props.logoColor,
+			logoBgColor: props.logoBgColor
+		});
+		watch(() => iconProps.value, (val) => {
+			iconProps.value = val;
+			emit("changeEvent", iconProps.value);
+		}, {
+			immediate: true,
+			deep: true
+		});
+		return (_ctx, _cache) => {
+			const _component_IconNextPicker = resolveComponent("IconNextPicker");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.appDesigner.icon")), 1), createElementVNode("div", _hoisted_4, [createVNode(_component_IconNextPicker, {
+				value: iconProps.value.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => iconProps.value.value = $event),
+				color: iconProps.value.logoColor,
+				"onUpdate:color": _cache[1] || (_cache[1] = ($event) => iconProps.value.logoColor = $event),
+				background: iconProps.value.logoBgColor,
+				"onUpdate:background": _cache[2] || (_cache[2] = ($event) => iconProps.value.logoBgColor = $event),
+				"show-color": "",
+				"show-background": ""
+			}, null, 8, [
+				"value",
+				"color",
+				"background"
+			])])])]);
+		};
+	}
+});
+//#endregion
+export { icon_style_vue_vue_type_script_setup_true_name_icon_style_lang_default as default };

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

@@ -0,0 +1,2 @@
+declare const panelComps: Record<string, unknown>;
+export default panelComps;