@gct-paas/core-web 0.1.6-dev.5 → 0.1.6-dev.7

package/es/modules/data-rules-container/src/components/rdo-select-cmp.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,93 @@
+import { useAsyncOptions } from "../hooks/useRdoHooks.mjs";
+import { createBlock, createElementVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { debounce } from "lodash-es";
+import { TreeSelect } from "ant-design-vue";
+import { watchDebounced } from "@vueuse/core";
+//#region src/modules/data-rules-container/src/components/rdo-select-cmp.vue?vue&type=script&setup=true&lang.ts
+var rdo_select_cmp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "rdo-select-cmp",
+	props: {
+		value: {},
+		apiParams: {},
+		parentToDefault: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const searchValue = ref();
+		const { getChildrens, getAsyncOptions, treeData } = useAsyncOptions({
+			bindModelKey: props.apiParams.modelKey,
+			modelCategory: "entity"
+		});
+		async function getOptionsByQuery(opts = {}) {
+			await getAsyncOptions({
+				modelCategory: "entity",
+				pageSize: 9999,
+				queryData: { ...opts.queryData },
+				...opts
+			});
+		}
+		onBeforeMount(getOptionsByQuery);
+		watchDebounced(() => props.value, async (v) => {
+			/** 监听如果分业内不存在id 就手动查询 */
+			try {
+				await getChildrens(v);
+			} catch (error) {
+				console.log(error);
+			}
+		}, {
+			debounce: 200,
+			immediate: true
+		});
+		const search = debounce(async (keyword) => {
+			await getOptionsByQuery({
+				keyword,
+				pageNo: 1
+			});
+			if (!keyword)
+ /**選中後初始化选项 */
+			await getChildrens(props.value);
+		}, 200);
+		function getOmittedText(omitted) {
+			return omitted.map((v) => v.label?.children?.map((i) => i.children)?.join(":")).join(", ");
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_tree_select = resolveComponent("a-tree-select");
+			return openBlock(), createBlock(_component_a_tree_select, {
+				"search-value": searchValue.value,
+				"onUpdate:searchValue": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
+				value: __props.value,
+				style: { "width": "100%" },
+				"tree-data": unref(treeData),
+				"show-search": "",
+				"allow-clear": true,
+				multiple: "",
+				"tree-node-label-prop": "full_path",
+				"show-checked-strategy": unref(TreeSelect).SHOW_ALL,
+				"max-tag-count": "responsive",
+				"max-tag-text-length": 2,
+				virtual: false,
+				"filter-tree-node": () => true,
+				"dropdown-class-name": "vxe-table--ignore-clear",
+				onSearch: unref(search)
+			}, {
+				maxTagPlaceholder: withCtx((omittedValues) => [createVNode(_component_a_tooltip, { title: getOmittedText(omittedValues) }, {
+					default: withCtx(() => [createElementVNode("span", null, "+" + toDisplayString(omittedValues?.length), 1)]),
+					_: 2
+				}, 1032, ["title"])]),
+				_: 1
+			}, 8, [
+				"search-value",
+				"value",
+				"tree-data",
+				"show-checked-strategy",
+				"onSearch"
+			]);
+		};
+	}
+});
+//#endregion
+export { rdo_select_cmp_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/data-rules-container/src/components/request-select-cmp.vue.d.ts

@@ -0,0 +1,9 @@
+import { CompProps } from '../typing';
+declare const _default: import('vue').DefineComponent<CompProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:pageNo": (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<CompProps> & Readonly<{
+    "onUpdate:pageNo"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/data-rules-container/src/components/request-select-cmp.vue.mjs

@@ -0,0 +1,5 @@
+import request_select_cmp_vue_vue_type_script_setup_true_name_request_select_cmp_lang_default from "./request-select-cmp.vue_vue_type_script_setup_true_name_request-select-cmp_lang.mjs";
+//#region src/modules/data-rules-container/src/components/request-select-cmp.vue
+var request_select_cmp_default = request_select_cmp_vue_vue_type_script_setup_true_name_request_select_cmp_lang_default;
+//#endregion
+export { request_select_cmp_default as default };

package/es/modules/data-rules-container/src/components/request-select-cmp.vue_vue_type_script_setup_true_name_request-select-cmp_lang.mjs

@@ -0,0 +1,117 @@
+import { computed, createBlock, defineComponent, mergeProps, nextTick, onBeforeMount, openBlock, ref, resolveComponent, unref } from "vue";
+import { debounce } from "lodash-es";
+//#region src/modules/data-rules-container/src/components/request-select-cmp.vue?vue&type=script&setup=true&name=request-select-cmp&lang.ts
+var SEARCH_DEBOUNCE_MS = 200;
+var request_select_cmp_vue_vue_type_script_setup_true_name_request_select_cmp_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "request-select-cmp",
+	props: {
+		value: {},
+		api: { type: Function },
+		apiParams: {},
+		filterType: {}
+	},
+	emits: ["update:pageNo", "update:value"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const options = ref([]);
+		const lastSearchValue = ref("");
+		const displayField = ref("name_");
+		const value = computed(() => props.value || []);
+		function toOption(item) {
+			return {
+				label: item.__LABEL__ ?? item.text ?? item.name_ ?? item.name ?? "",
+				value: item.id_ ?? item.value ?? item.key ?? item.id ?? ""
+			};
+		}
+		const filterOption = (input, option) => {
+			if (!option) return false;
+			if (option.label) return option.label.toLowerCase().includes(input.toLowerCase());
+			if (option.value != null) return String(option.value).toLowerCase().includes(input.toLowerCase());
+			return false;
+		};
+		const hasPageNo = computed(() => {
+			return Object.keys(props.apiParams)?.includes("pageNo");
+		});
+		const separatorAttr = computed(() => ({
+			showSearch: true,
+			filterOption: !hasPageNo.value ? filterOption : false,
+			maxTagTextLength: 2,
+			maxTagCount: "responsive"
+		}));
+		async function fetchOptions(params) {
+			if (typeof props.api !== "function") return [];
+			const result = await props.api({ ...params ?? {} });
+			return (Array.isArray(result) ? result : result?.data ?? []).map(toOption);
+		}
+		function getSearchParams(keyword) {
+			if (!keyword?.trim()) return props.apiParams ?? {};
+			const queryName = `${displayField.value}.ilike`;
+			return {
+				...props.apiParams,
+				query: { [queryName]: keyword.trim() },
+				exp: `OR(${queryName})`
+			};
+		}
+		async function getModelInfo() {
+			const { bindModelKey } = props.apiParams ?? {};
+			if (bindModelKey) displayField.value = (await _api.apaas.modelMeta.getInfo({ id: bindModelKey }) || {}).displayField || "name_";
+		}
+		/** 下拉触底分页 */
+		async function popupScroll(e) {
+			const target = e.target;
+			if (target.scrollTop + target.offsetHeight !== target.scrollHeight) return;
+			const { pageNo = 1, pageSize = 10 } = props.apiParams ?? {};
+			if (Number(pageNo) * Number(pageSize) > options.value?.length) return;
+			emit("update:pageNo");
+			await nextTick();
+			const opts = await fetchOptions(getSearchParams(lastSearchValue.value ?? "") ?? {});
+			const existingValues = new Set(options.value.map((j) => j.value));
+			const newOpts = opts.filter((i) => !existingValues.has(i.value));
+			if (newOpts.length) options.value = [...options.value, ...newOpts];
+		}
+		const debouncedSearch = debounce(async (val) => {
+			if (!hasPageNo.value) return;
+			lastSearchValue.value = val.trim();
+			emit("update:pageNo", 1);
+			options.value = await fetchOptions(getSearchParams(lastSearchValue.value));
+		}, SEARCH_DEBOUNCE_MS);
+		const handleChange = async (val) => {
+			emit("update:value", val);
+			if ((!val || val.length === 0) && hasPageNo.value) {
+				emit("update:pageNo", 1);
+				options.value = await fetchOptions(props.apiParams ?? {});
+			}
+		};
+		const handleFocus = async () => {
+			if (!hasPageNo.value) return;
+			if ((!value.value || value.value.length === 0) && lastSearchValue.value) {
+				emit("update:pageNo", 1);
+				options.value = await fetchOptions(props.apiParams ?? {});
+			}
+			lastSearchValue.value = "";
+		};
+		onBeforeMount(async () => {
+			getModelInfo();
+			options.value = await fetchOptions(props.apiParams ?? {});
+		});
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, mergeProps({
+				value: value.value,
+				options: options.value
+			}, separatorAttr.value, {
+				onPopupScroll: popupScroll,
+				onSearch: unref(debouncedSearch),
+				onChange: handleChange,
+				onFocus: handleFocus
+			}), null, 16, [
+				"value",
+				"options",
+				"onSearch"
+			]);
+		};
+	}
+});
+//#endregion
+export { request_select_cmp_vue_vue_type_script_setup_true_name_request_select_cmp_lang_default as default };

package/es/modules/data-rules-container/src/components/request-tree-select-cmp.vue.d.ts

@@ -0,0 +1,3 @@
+import { CompProps } from '../typing';
+declare const _default: import('vue').DefineComponent<CompProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CompProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/data-rules-container/src/components/request-tree-select-cmp.vue.mjs

@@ -0,0 +1,6 @@
+import request_tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default from "./request-tree-select-cmp.vue_vue_type_script_name_gct-select_setup_true_lang.mjs";
+import './request-tree-select-cmp.vue_vue_type_style_index_0_lang.css';/* empty css                                                              */
+//#region src/modules/data-rules-container/src/components/request-tree-select-cmp.vue
+var request_tree_select_cmp_default = request_tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default;
+//#endregion
+export { request_tree_select_cmp_default as default };

package/es/modules/data-rules-container/src/components/request-tree-select-cmp.vue_vue_type_script_name_gct-select_setup_true_lang.mjs

@@ -0,0 +1,100 @@
+import { createBlock, defineComponent, onBeforeMount, openBlock, ref, resolveComponent, unref } from "vue";
+import { cloneDeep } from "lodash-es";
+import { FIELD_TYPE, PrintResourceEnum, TreeHelper } from "@gct-paas/core";
+import { TreeSelect } from "ant-design-vue";
+//#region src/modules/data-rules-container/src/components/request-tree-select-cmp.vue?vue&type=script&name=gct-select&setup=true&lang.ts
+var request_tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "request-tree-select-cmp",
+	props: {
+		value: {},
+		api: { type: Function },
+		apiParams: {},
+		filterType: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const treeOptions = ref([]);
+		const isPrinterField = (params) => params?.fieldType === FIELD_TYPE.PRINTER;
+		/** 打印机树：父节点 + printChildNode 扁平化后交给 list_to_tree */
+		function buildPrinterTreeFlatList(list) {
+			return list.flatMap((i) => {
+				const dftInfo = i.printChildNode?.find((e) => e.defaultPrint === "是");
+				return [{
+					...i,
+					label: i.name,
+					value: i.printKey,
+					parentId: i.parentId || "ROOT",
+					dftPrintInfo: i.type === PrintResourceEnum.CLIENT_PRINT && dftInfo ? {
+						...dftInfo,
+						value: dftInfo.printKey,
+						label: dftInfo.name
+					} : void 0
+				}, ...i.printChildNode?.map((e) => ({
+					...e,
+					label: e.name,
+					value: e.printKey,
+					parentId: i.printKey
+				})) ?? []];
+			});
+		}
+		onBeforeMount(async () => {
+			if (typeof props.api === "function") {
+				const result = await props.api({ ...props.apiParams ?? {} });
+				const list = Array.isArray(result) ? result : result.data ?? [];
+				if (isPrinterField(props.apiParams)) {
+					const valueList = buildPrinterTreeFlatList(list ?? []);
+					treeOptions.value = TreeHelper.list_to_tree(cloneDeep(valueList.map((i) => ({
+						...i,
+						id: i.printKey
+					}))), (node) => ({
+						...node,
+						title: node.label ?? node.name ?? "",
+						disabled: node.parentId === "ROOT" && node.type === PrintResourceEnum.INTERNET_PRINT
+					}));
+				} else {
+					const options = list.map((i) => {
+						if (i.__NON_LEAF__ === void 0) i.__NON_LEAF__ = list.some((k) => k.parent_id_ === i.id_);
+						return {
+							label: i.__LABEL__,
+							value: i.id_,
+							full_path_: i.full_path_,
+							_item: i,
+							id: i.id_,
+							pId: i.parent_id_,
+							isLeaf: !i.__NON_LEAF__
+						};
+					});
+					treeOptions.value = options.map((item) => {
+						const ch_full_path = item.full_path_.split("/").map((path) => {
+							const n = options.find((k) => k.value === path);
+							if (n) return n.label;
+							return null;
+						}).filter((i) => i).join("/");
+						return {
+							...item,
+							label: ch_full_path,
+							title: ch_full_path
+						};
+					});
+				}
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_tree_select = resolveComponent("a-tree-select");
+			return openBlock(), createBlock(_component_a_tree_select, {
+				class: "gct-request-tree-select",
+				"dropdown-class-name": "gct-request-tree-select-dropdown",
+				"tree-data": treeOptions.value,
+				"tree-data-simple-mode": "",
+				"allow-clear": "",
+				"show-checked-strategy": unref(TreeSelect).SHOW_ALL,
+				"tree-node-label-prop": "label",
+				"filter-tree-node": false,
+				"max-tag-count": "responsive",
+				"max-tag-text-length": 3
+			}, null, 8, ["tree-data", "show-checked-strategy"]);
+		};
+	}
+});
+//#endregion
+export { request_tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default as default };

package/es/modules/data-rules-container/src/components/request-tree-select-cmp.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,21 @@
+.gct-request-tree-select-dropdown.ant-select-dropdown {
+  max-width: min(520px, 92vw);
+}
+.gct-request-tree-select-dropdown .ant-select-tree-list-holder-inner {
+  max-width: 100%;
+}
+.gct-request-tree-select-dropdown .ant-select-tree-treenode {
+  max-width: 100%;
+}
+.gct-request-tree-select-dropdown .ant-select-tree-node-content-wrapper {
+  flex: 1;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.gct-request-tree-select-dropdown .ant-select-tree-title {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/es/modules/data-rules-container/src/components/select-modal-cmp.vue.d.ts

@@ -0,0 +1,32 @@
+import { ModalCompProps } from '../typing';
+declare const _default: import('vue').DefineComponent<ModalCompProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<ModalCompProps> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    selectUserModalRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        getContainer?: HTMLElement;
+        className?: string;
+    }> & Readonly<{
+        onOk?: ((...args: any[]) => any) | undefined;
+    }>, {
+        open: (data: IObject) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        ok: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        getContainer?: HTMLElement;
+        className?: string;
+    }> & Readonly<{
+        onOk?: ((...args: any[]) => any) | undefined;
+    }>, {
+        open: (data: IObject) => void;
+    }, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;

package/es/modules/data-rules-container/src/components/select-modal-cmp.vue.mjs

@@ -0,0 +1,5 @@
+import select_modal_cmp_vue_vue_type_script_setup_true_name_select_modal_cmp_lang_default from "./select-modal-cmp.vue_vue_type_script_setup_true_name_select-modal-cmp_lang.mjs";
+//#region src/modules/data-rules-container/src/components/select-modal-cmp.vue
+var select_modal_cmp_default = select_modal_cmp_vue_vue_type_script_setup_true_name_select_modal_cmp_lang_default;
+//#endregion
+export { select_modal_cmp_default as default };

package/es/modules/data-rules-container/src/components/select-modal-cmp.vue_vue_type_script_setup_true_name_select-modal-cmp_lang.mjs

@@ -0,0 +1,268 @@
+import select_user_modal_default from "../../../../components/select-user-modal/select-user-modal.vue.mjs";
+import "../../../../components/select-user-modal/index.mjs";
+import print_tmpl_modal_default from "../../../print-tmpl/print-tmpl-modal.vue.mjs";
+import "../../../print-tmpl/index.mjs";
+import { Fragment, computed, createElementBlock, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, resolveComponent, toRaw, unref, watch } from "vue";
+import { PrintTypeEnum, t, uuid2 } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/components/select-modal-cmp.vue?vue&type=script&setup=true&name=select-modal-cmp&lang.ts
+var select_modal_cmp_vue_vue_type_script_setup_true_name_select_modal_cmp_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "select-modal-cmp",
+	props: {
+		supportModalType: {},
+		pickerCompParams: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const selectUserModalRef = ref();
+		const getClassName = "range-user-modal_" + uuid2(16, 16);
+		const allRoles = ref([]);
+		const allUserGroups = ref([]);
+		const allDepts = ref([]);
+		const allUsers = ref([]);
+		const labelOptions = ref([]);
+		const fieldObj = ref({});
+		const multiple = computed(() => props.pickerCompParams?.multiple);
+		const selectAtrr = computed(() => {
+			return {
+				mode: multiple.value ? "multiple" : void 0,
+				dropdownClassName: "hidden"
+			};
+		});
+		const showValue = computed(() => {
+			if (props.value) {
+				let value = props.value;
+				const a = multiple.value ? Array.isArray(value) ? value : value?.split(",").filter((i) => i) || [] : value;
+				return props.supportModalType === "range_user" ? a : value;
+			}
+		});
+		const handleDeselect = (key) => {
+			if (props.supportModalType === "range_user") {
+				const raw = props.value;
+				const next = (multiple.value ? Array.isArray(raw) ? [...raw] : String(raw ?? "").split(",").filter(Boolean) : raw != null && raw !== "" ? [String(raw)] : []).filter((k) => String(k) !== String(key));
+				emits("change", next.length ? next : "", 0);
+				return;
+			}
+			if (props.supportModalType === "label_template_ref") if (multiple.value) {
+				const raw = props.value;
+				emits("change", (Array.isArray(raw) ? [...raw] : raw != null && raw !== "" ? String(raw).split(",").filter(Boolean) : []).filter((id) => String(id) !== String(key)), 0);
+			} else emits("change", "", 0);
+		};
+		const optionsData = computed(() => {
+			if (props.supportModalType === "range_user") {
+				const roleOpt = allRoles.value.filter((e) => showValue.value?.includes(e.value));
+				const userGroupOpt = allUserGroups.value.filter((e) => showValue.value?.includes(e.value));
+				const deptOpt = allDepts.value.filter((e) => showValue.value?.includes(e.value));
+				const userOpt = allUsers.value.filter((e) => showValue.value?.includes(e.value));
+				return [
+					...roleOpt,
+					...userGroupOpt,
+					...deptOpt,
+					...userOpt
+				];
+			}
+			if (props.supportModalType === "label_template_ref") return labelOptions.value.map((e) => {
+				return {
+					...e,
+					value: e.id,
+					label: `${e.name}${e.version && e.printType !== "btw" ? " : " + e.version : ""}`
+				};
+			});
+			return [];
+		});
+		/**
+		* 范围人员逻辑开始--------------------------------------
+		*/
+		const updateUserOptions = async (userIds) => {
+			if (!userIds?.length) return;
+			const notExistUserIds = userIds?.filter((e) => e.includes(`USER:`) && !allUsers.value.some((f) => f.value === e))?.map((e) => e.replace(/USER:/, ""));
+			notExistUserIds?.length && await getAllUsers(notExistUserIds);
+		};
+		const getAllRoles = async () => {
+			allRoles.value = (await _api.apaas.role.getList({}) ?? []).map((e) => {
+				return {
+					...e,
+					value: `ROLE:${e.id}`,
+					label: e.name,
+					iconExtraProps: {}
+				};
+			});
+		};
+		const getAllUsers = async (ids) => {
+			const res = (await _api.platform.orgUserPicker.getTenantManagementUserListByIds({ ids: ids.join(",") }) ?? []).map((e) => {
+				return {
+					...e,
+					value: `USER:${e.id}`,
+					label: e.fullname
+				};
+			});
+			allUsers.value.push(...res);
+		};
+		const getAllUserGroups = async () => {
+			allUserGroups.value = (await _api.apaas.userGroup.getList({}) ?? []).map((e) => {
+				return {
+					...e,
+					value: `USER_GROUP:${e.id}`,
+					label: e.name
+				};
+			});
+		};
+		const getAllDepts = async () => {
+			allDepts.value = (await _api.apaas.designerCommon.getGetCanBeUsedOrg({}) ?? []).map((e) => {
+				return {
+					...e,
+					value: `ORG:${e.id}`,
+					label: e.name
+				};
+			});
+		};
+		/**
+		* 标签模版逻辑开始--------------------------------------
+		*/
+		const getIsBtwLabel = (label) => {
+			if (!label?.printType) return false;
+			return label.printType === "btw";
+		};
+		/**
+		* 供标签选择弹窗回填：单选返回一条记录，多选返回已选记录数组（先补全 labelOptions）
+		*/
+		async function getLabelOptionValue(v = showValue.value) {
+			await hydrateLabelOptionsFromValue(v);
+			const ids = normalizeLabelTemplateIds(v);
+			if (!ids.length) return multiple.value ? [] : void 0;
+			const mapped = ids.map((id) => labelOptions.value.find((e) => String(e.id) === String(id))).filter(Boolean).map((data) => {
+				const categoryId = labelOptions.value.find((e) => e.id === data?.key)?.categoryId || data.categoryId;
+				const merged = {
+					...data,
+					categoryId
+				};
+				return {
+					...merged,
+					version: getIsBtwLabel(merged) ? "" : merged?.version
+				};
+			});
+			if (multiple.value) return mapped.map((m) => toRaw(m));
+			return mapped[0] ? toRaw(mapped[0]) : void 0;
+		}
+		async function getTmplInfo(id) {
+			const res = await _api.apaas.printDesigner.getInfo({
+				id,
+				moduleType: PrintTypeEnum.LABEL
+			});
+			res && labelOptions.value.push({
+				...res,
+				id: res.baseId ? res.baseId + ":" + res.id : res.id
+			});
+			return res;
+		}
+		/** 回填值统一为 id 列表（与 handleOk / handleDeselect 一致） */
+		function normalizeLabelTemplateIds(val) {
+			if (val == null || val === "") return [];
+			if (multiple.value) return Array.isArray(val) ? val.map(String).filter(Boolean) : String(val).split(",").filter(Boolean);
+			return [String(val)];
+		}
+		/** 已有选中项但本地无缓存时，拉取详情写入 labelOptions，供 options 展示 */
+		async function hydrateLabelOptionsFromValue(sourceVal) {
+			const ids = normalizeLabelTemplateIds(sourceVal ?? showValue.value);
+			if (!ids.length) return;
+			await Promise.all(ids.map(async (fullId) => {
+				if (labelOptions.value.some((e) => String(e.id) === String(fullId))) return;
+				await getTmplInfo((String(fullId).includes(":") ? String(fullId).split(":").pop() : String(fullId)) || fullId);
+			}));
+		}
+		const handleOk = async (data) => {
+			const notExistUserIds = data?.filter((e) => e.includes(`USER:`) && !allUsers.value.some((f) => f.value === e))?.map((e) => e.replace(/USER:/, ""));
+			notExistUserIds?.length && await getAllUsers(notExistUserIds);
+			emits("change", data.length ? data : "", 0);
+		};
+		const handleOpenModal = async () => {
+			if (props.supportModalType === "range_user") selectUserModalRef.value.open({
+				selectedValue: showValue.value,
+				title: ""
+			});
+			else if (props.supportModalType === "label_template_ref") {
+				const res = await _gct.openUtil.modal(print_tmpl_modal_default, {
+					selected: await getLabelOptionValue(),
+					moduleType: PrintTypeEnum.LABEL,
+					isRdo: true,
+					btwForceVisible: true,
+					multiple: multiple.value
+				}, {
+					title: t("sys.pageDesigner.chooseTmplSth", { sth: "" }),
+					width: 1100,
+					height: 734,
+					okText: t("sys.okText"),
+					wrapClassName: "vxe-table--ignore-clear"
+				});
+				if (res.ok && res.params?.selected?.length) {
+					const { selected } = res.params;
+					selected.forEach((o) => {
+						if (getIsBtwLabel(o)) {
+							o.id = `${o.baseId}:${o.id}`;
+							o.version = "";
+						}
+					});
+					selected.forEach((o) => {
+						if (!labelOptions.value.some((e) => e.id === o.id)) labelOptions.value.push({ ...o });
+					});
+					emits("change", multiple.value ? selected.map((e) => e.id) : selected[0].id, 0);
+				}
+			}
+		};
+		watch(() => showValue, async (val) => {
+			if (props.supportModalType === "range_user") {
+				updateUserOptions(multiple.value ? val : [val]);
+				return;
+			}
+			if (props.supportModalType === "label_template_ref") {
+				const ids = normalizeLabelTemplateIds(val);
+				await hydrateLabelOptionsFromValue(val);
+				const rows = ids?.map((id) => labelOptions.value.find((e) => e.id == id))?.filter(Boolean);
+				if (!rows?.length) {
+					fieldObj.value = {};
+					return;
+				}
+				const primary = rows[0];
+				fieldObj.value = {
+					...primary,
+					version: getIsBtwLabel(primary) ? "" : primary?.version
+				};
+			}
+		}, {
+			immediate: true,
+			deep: true
+		});
+		onMounted(() => {
+			if (props.supportModalType === "range_user") {
+				getAllRoles();
+				getAllUserGroups();
+				getAllDepts();
+				if (!multiple.value && showValue.value || multiple.value && showValue.value?.length) updateUserOptions(multiple.value ? showValue.value : [showValue.value]);
+			}
+			if (props.supportModalType === "label_template_ref") hydrateLabelOptionsFromValue();
+		});
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_a_select, mergeProps({
+				open: false,
+				value: showValue.value,
+				"max-tag-count": "responsive",
+				"max-tag-text-length": 2,
+				options: optionsData.value
+			}, selectAtrr.value, {
+				onClick: handleOpenModal,
+				onDeselect: handleDeselect
+			}), null, 16, ["value", "options"]), createVNode(unref(select_user_modal_default), {
+				ref_key: "selectUserModalRef",
+				ref: selectUserModalRef,
+				"class-name": getClassName,
+				"destroy-on-close": true,
+				onOk: handleOk
+			}, null, 512)], 64);
+		};
+	}
+});
+//#endregion
+export { select_modal_cmp_vue_vue_type_script_setup_true_name_select_modal_cmp_lang_default as default };

package/es/modules/data-rules-container/src/components/select-more.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    next: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onNext?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    target: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;