@blueking/bk-user-selector 0.1.8 → 0.1.9

package/vue3/index.umd.min.js

@@ -6,7 +6,7 @@
 	], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.lesscodeCustomComponentLibrary = {}, global.Vue, global.bkui_vue));
 })(this, function(exports, vue, bkui_vue) {
 	var __vite_style__ = document.createElement("style");
-	__vite_style__.textContent = "@charset \"UTF-8\";.me-tag[data-v-a1054364] {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 12px;\n  color: #4d4f56;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: #e1ecff;\n  border-radius: 50%;\n  transform: translateY(-50%);\n}\n.me-tag[data-v-a1054364]:hover {\n  color: #3a84ff;\n  background-color: #cddffe;\n}\n.me-tag.disabled[data-v-a1054364] {\n  color: #c4c6cc;\n  cursor: not-allowed;\n  background-color: #f0f1f5;\n}.dropdown-content[data-v-9173accf] {\n  min-height: 40px;\n  max-height: 300px;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-9173accf] {\n  padding: 10px;\n  color: #979ba5;\n  text-align: center;\n}\n.dropdown-panels[data-v-9173accf] {\n  display: block;\n}\n.dropdown-panel[data-v-9173accf] {\n  min-width: 0;\n  max-height: 290px;\n  overflow-y: auto;\n}\n.dropdown-panels.is-two-column[data-v-9173accf] {\n  display: flex;\n}\n.dropdown-panels.is-two-column .dropdown-panel[data-v-9173accf] {\n  width: 50%;\n}\n.dropdown-panels.is-two-column .dropdown-panel + .dropdown-panel[data-v-9173accf] {\n  border-left: 1px solid #eaebf0;\n}\n.group-header[data-v-9173accf] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n  color: #979ba5;\n}\n.group-header .group-name[data-v-9173accf],\n.group-header .group-count[data-v-9173accf] {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.user-group[data-v-9173accf],\n.dropdown-panel-main[data-v-9173accf],\n.dropdown-panel-recent[data-v-9173accf] {\n  min-width: 0;\n}\n.user-option[data-v-9173accf] {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 32px;\n  padding: 8px 12px;\n  cursor: pointer;\n}\n.user-option[data-v-9173accf]:hover, .user-option.is-highlighted[data-v-9173accf] {\n  background-color: #f5f7fa;\n}\n.dropdown-panel[data-v-9173accf] .user-render,\n.dropdown-panel[data-v-9173accf] .user-main,\n.dropdown-panel[data-v-9173accf] .user-name,\n.dropdown-panel[data-v-9173accf] .tenant-name,\n.user-option[data-v-9173accf] .user-render,\n.user-option[data-v-9173accf] .user-main,\n.user-option[data-v-9173accf] .user-name,\n.user-option[data-v-9173accf] .tenant-name {\n  min-width: 0;\n}\n.dropdown-panel[data-v-9173accf] .user-name,\n.dropdown-panel[data-v-9173accf] .tenant-name,\n.user-option[data-v-9173accf] .user-name,\n.user-option[data-v-9173accf] .tenant-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.user-tag[data-v-d1173d20] {\n  height: 24px;\n  margin-right: 4px;\n  margin-left: 0;\n}\n.user-tag.draggable[data-v-d1173d20] {\n  cursor: move;\n}\n.user-tag.active[data-v-d1173d20] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-d1173d20] {\n  color: #ea3636;\n  background-color: #feebea;\n  border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-d1173d20]:hover {\n  background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-d1173d20] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.bk-user-selector[data-v-089550be] {\n  position: relative;\n  width: 100%;\n  height: 32px;\n  font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-089550be] {\n  pointer-events: none;\n  cursor: not-allowed;\n  background-color: #dcdee5;\n}\n.bk-user-selector.is-textarea[data-v-089550be] {\n  height: auto;\n  min-height: 32px;\n}\n.bk-user-selector .tags-container[data-v-089550be] {\n  position: relative;\n  min-height: 32px;\n  padding: 3px 10px 3px 8px;\n  background-color: #fff;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-089550be] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-089550be] {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 4px;\n  /* 与 .tag-list 一致：避免默认 stretch 拉高行高后 align-items:center 把首行顶离上边框 */\n  align-content: flex-start;\n  align-items: center;\n}\n.bk-user-selector .tag-list[data-v-089550be] {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 4px;\n  align-content: flex-start;\n  align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-089550be] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-089550be] {\n  min-width: 20px;\n  height: 24px;\n  outline: none;\n  background: transparent;\n  border: none;\n}\n.bk-user-selector .search-input[data-v-089550be]::placeholder {\n  color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-089550be] {\n  min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-089550be], .bk-user-selector .search-input.search-input-collapsed[data-v-089550be] {\n  flex: 1;\n}\n.hidden-users[data-v-089550be] {\n  padding: 6px 10px;\n}.bk-user-selector-popover {\n  padding: 0 !important;\n}\n.bk-user-selector.is-textarea .me-tag {\n  top: 4px;\n  transform: none;\n}/*$vite$:1*/";
+	__vite_style__.textContent = "@charset \"UTF-8\";.me-tag[data-v-a1054364] {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 12px;\n  color: #4d4f56;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: #e1ecff;\n  border-radius: 50%;\n  transform: translateY(-50%);\n}\n.me-tag[data-v-a1054364]:hover {\n  color: #3a84ff;\n  background-color: #cddffe;\n}\n.me-tag.disabled[data-v-a1054364] {\n  color: #c4c6cc;\n  cursor: not-allowed;\n  background-color: #f0f1f5;\n}.dropdown-content[data-v-9173accf] {\n  min-height: 40px;\n  max-height: 300px;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-9173accf] {\n  padding: 10px;\n  color: #979ba5;\n  text-align: center;\n}\n.dropdown-panels[data-v-9173accf] {\n  display: block;\n}\n.dropdown-panel[data-v-9173accf] {\n  min-width: 0;\n  max-height: 290px;\n  overflow-y: auto;\n}\n.dropdown-panels.is-two-column[data-v-9173accf] {\n  display: flex;\n}\n.dropdown-panels.is-two-column .dropdown-panel[data-v-9173accf] {\n  width: 50%;\n}\n.dropdown-panels.is-two-column .dropdown-panel + .dropdown-panel[data-v-9173accf] {\n  border-left: 1px solid #eaebf0;\n}\n.group-header[data-v-9173accf] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n  color: #979ba5;\n}\n.group-header .group-name[data-v-9173accf],\n.group-header .group-count[data-v-9173accf] {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.user-group[data-v-9173accf],\n.dropdown-panel-main[data-v-9173accf],\n.dropdown-panel-recent[data-v-9173accf] {\n  min-width: 0;\n}\n.user-option[data-v-9173accf] {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 32px;\n  padding: 8px 12px;\n  cursor: pointer;\n}\n.user-option[data-v-9173accf]:hover, .user-option.is-highlighted[data-v-9173accf] {\n  background-color: #f5f7fa;\n}\n.user-option.is-disabled[data-v-9173accf] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.user-option.is-disabled[data-v-9173accf]:hover, .user-option.is-disabled.is-highlighted[data-v-9173accf] {\n  background-color: transparent;\n}\n.dropdown-panel[data-v-9173accf] .user-render,\n.dropdown-panel[data-v-9173accf] .user-main,\n.dropdown-panel[data-v-9173accf] .user-name,\n.dropdown-panel[data-v-9173accf] .tenant-name,\n.user-option[data-v-9173accf] .user-render,\n.user-option[data-v-9173accf] .user-main,\n.user-option[data-v-9173accf] .user-name,\n.user-option[data-v-9173accf] .tenant-name {\n  min-width: 0;\n}\n.dropdown-panel[data-v-9173accf] .user-name,\n.dropdown-panel[data-v-9173accf] .tenant-name,\n.user-option[data-v-9173accf] .user-name,\n.user-option[data-v-9173accf] .tenant-name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.user-tag[data-v-d1173d20] {\n  height: 24px;\n  margin-right: 4px;\n  margin-left: 0;\n}\n.user-tag.draggable[data-v-d1173d20] {\n  cursor: move;\n}\n.user-tag.active[data-v-d1173d20] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-d1173d20] {\n  color: #ea3636;\n  background-color: #feebea;\n  border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-d1173d20]:hover {\n  background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-d1173d20] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  white-space: nowrap;\n}\n.bk-user-selector[data-v-089550be] {\n  position: relative;\n  width: 100%;\n  height: 32px;\n  font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-089550be] {\n  pointer-events: none;\n  cursor: not-allowed;\n  background-color: #dcdee5;\n}\n.bk-user-selector.is-textarea[data-v-089550be] {\n  height: auto;\n  min-height: 32px;\n}\n.bk-user-selector .tags-container[data-v-089550be] {\n  position: relative;\n  min-height: 32px;\n  padding: 3px 10px 3px 8px;\n  background-color: #fff;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-089550be] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-089550be] {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 4px;\n  /* 与 .tag-list 一致：避免默认 stretch 拉高行高后 align-items:center 把首行顶离上边框 */\n  align-content: flex-start;\n  align-items: center;\n}\n.bk-user-selector .tag-list[data-v-089550be] {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 4px;\n  align-content: flex-start;\n  align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-089550be] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-089550be] {\n  min-width: 20px;\n  height: 24px;\n  outline: none;\n  background: transparent;\n  border: none;\n}\n.bk-user-selector .search-input[data-v-089550be]::placeholder {\n  color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-089550be] {\n  min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-089550be], .bk-user-selector .search-input.search-input-collapsed[data-v-089550be] {\n  flex: 1;\n}\n.hidden-users[data-v-089550be] {\n  padding: 6px 10px;\n}.bk-user-selector-popover {\n  padding: 0 !important;\n}\n.bk-user-selector.is-textarea .me-tag {\n  top: 4px;\n  transform: none;\n}/*$vite$:1*/";
 	document.head.appendChild(__vite_style__);
 	Object.defineProperties(exports, {
 		__esModule: { value: true },
@@ -3008,7 +3008,7 @@
 	* @returns 输入处理相关方法
 	*/
 	var useInputHandler = (options) => {
-		const { apiBaseUrl, tenantId, searchQuery, selectedUsers, allowCreate = false, freePaste = false, enableMultiTenantMode = true, maxCount = 0, onAddUser, onBatchAddUsers } = options;
+		const { apiBaseUrl, tenantId, searchQuery, selectedUsers, allowCreate = false, freePaste = false, enableMultiTenantMode = true, maxCount = 0, isUserDisabled = () => false, onAddUser, onBatchAddUsers } = options;
 		const isPasting = (0, vue.ref)(false);
 		/** 单次粘贴最多处理数量（后端限制） */
 		const MAX_PASTE_USERS = 100;
@@ -3060,7 +3060,7 @@
 		const handleEnterCreate = (event) => {
 			if (event.key !== "Enter" || !allowCreate || !searchQuery.value.trim()) return;
 			const customUser = createCustomUser(searchQuery.value.trim());
-			if (!selectedUsers.value.some((user) => user.id === customUser.id)) onAddUser(customUser);
+			if (!selectedUsers.value.some((user) => user.id === customUser.id) && !isUserDisabled(customUser)) onAddUser(customUser);
 		};
 		/**
 		* 处理粘贴事件
@@ -3086,11 +3086,11 @@
 					});
 					lookupResults.push(...result);
 				}
-				const formattedUsers = formatUsers(lookupResults, enableMultiTenantMode);
+				const formattedUsers = formatUsers(lookupResults, enableMultiTenantMode).filter((user) => !isUserDisabled(user));
 				if (onBatchAddUsers) {
 					let mergedUsers = mergeUsers(selectedUsers.value, formattedUsers);
 					if (freePaste) {
-						for (const loginName of usersList) if (!mergedUsers.some((item) => item.login_name === loginName || item.id === loginName)) mergedUsers.push(createCustomUser(loginName));
+						for (const loginName of usersList) if (!mergedUsers.some((item) => item.login_name === loginName || item.id === loginName) && !isUserDisabled(loginName)) mergedUsers.push(createCustomUser(loginName));
 					}
 					if (maxCount > 0 && mergedUsers.length > maxCount) mergedUsers = mergedUsers.slice(0, maxCount);
 					onBatchAddUsers(mergedUsers);
@@ -3337,7 +3337,7 @@
 	* @returns 用户选择相关方法
 	*/
 	var useUserSelection = (options) => {
-		const { selectedUserIds, excludeUserIds, userGroup, searchQuery } = options;
+		const { selectedUserIds, excludeUserIds, disabledUserFields, disabledUserIds, userGroup, searchQuery } = options;
 		/**
 		* 创建自定义用户对象
 		* @param loginName - 用户登录名
@@ -3357,15 +3357,38 @@
 			return selectedUserIds.value.includes(userId);
 		};
 		/**
+		* 检查用户是否被禁用
+		* @param user - 用户对象或用户ID
+		*/
+		const isUserDisabled = (user) => {
+			const ids = disabledUserIds?.value ?? [];
+			if (typeof user === "string") return ids.includes(user);
+			const fields = disabledUserFields?.value?.length ? disabledUserFields.value : ["id"];
+			const indexedUser = user;
+			return fields.some((field) => {
+				const value = field === "id" ? user.id : indexedUser[field];
+				return value !== void 0 && value !== null && ids.includes(String(value));
+			});
+		};
+		/**
 		* 过滤选项（排除已选和排除列表）
 		* @param options - 原始选项列表
 		*/
 		const filterOptions = (options) => {
 			return options.filter((user) => !isUserSelected(user.id)).filter((user) => !excludeUserIds?.value?.includes(user.id));
 		};
+		/**
+		* 过滤可导航选项（排除已选、排除列表和禁用列表）
+		* @param options - 原始选项列表
+		*/
+		const filterNavigableOptions = (options) => {
+			return filterOptions(options).filter((user) => !isUserDisabled(user));
+		};
 		return {
 			createCustomUser,
+			filterNavigableOptions,
 			isUserSelected,
+			isUserDisabled,
 			filterOptions,
 			filteredUserGroup: (0, vue.computed)(() => {
 				if (!userGroup?.value?.length) return [];
@@ -3546,6 +3569,16 @@
 				required: false,
 				default: "auto"
 			},
+			disabledUserFields: {
+				type: Array,
+				required: false,
+				default: () => ["id"]
+			},
+			disabledUserIds: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
 			emptyText: {
 				type: String,
 				required: false,
@@ -3666,9 +3699,20 @@
 				return props.flatOptions[props.highlightedIndex] === user;
 			};
 			/**
+			* 判断用户是否禁用
+			*/
+			const isUserDisabled = (user) => {
+				const indexedUser = user;
+				return props.disabledUserFields.some((field) => {
+					const value = field === "id" ? user.id : indexedUser[field];
+					return value !== void 0 && value !== null && props.disabledUserIds.includes(String(value));
+				});
+			};
+			/**
 			* 选择用户
 			*/
 			const selectUser = (user) => {
+				if (isUserDisabled(user)) return;
 				emit("select-user", user);
 			};
 			/**
@@ -3705,6 +3749,7 @@
 				hasRecentUsers,
 				hasDropdownOptions,
 				isHighlighted,
+				isUserDisabled,
 				selectUser,
 				handleClickOutside,
 				get Loading() {
@@ -3737,14 +3782,14 @@
 	};
 	var _hoisted_4$1 = { class: "group-name" };
 	var _hoisted_5 = { class: "group-count" };
-	var _hoisted_6 = ["onClick"];
+	var _hoisted_6 = ["aria-disabled", "onClick"];
 	var _hoisted_7 = {
 		key: 1,
 		class: "dropdown-panel dropdown-panel-recent"
 	};
 	var _hoisted_8 = { class: "group-name" };
 	var _hoisted_9 = { class: "group-count" };
-	var _hoisted_10 = ["onClick"];
+	var _hoisted_10 = ["aria-disabled", "onClick"];
 	var _hoisted_11 = { ref: "slotContainerRef" };
 	function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 		return (0, vue.openBlock)(), (0, vue.createBlock)($setup["Popover"], {
@@ -3778,7 +3823,11 @@
 					}, [(0, vue.createElementVNode)("span", _hoisted_4$1, (0, vue.toDisplayString)(groupName), 1), (0, vue.createElementVNode)("span", _hoisted_5, "(" + (0, vue.toDisplayString)(group.length) + ")", 1)])) : (0, vue.createCommentVNode)("v-if", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(group, (user) => {
 						return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: user.id,
-							class: (0, vue.normalizeClass)(["user-option", { "is-highlighted": $setup.isHighlighted(user) }]),
+							"aria-disabled": $setup.isUserDisabled(user),
+							class: (0, vue.normalizeClass)(["user-option", {
+								"is-highlighted": $setup.isHighlighted(user),
+								"is-disabled": $setup.isUserDisabled(user)
+							}]),
 							onClick: (0, vue.withModifiers)(($event) => $setup.selectUser(user), ["prevent"]),
 							onMousedown: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["prevent"]))
 						}, [(0, vue.createVNode)($setup["UserRender"], {
@@ -3804,7 +3853,11 @@
 				}, [(0, vue.createElementVNode)("span", _hoisted_8, (0, vue.toDisplayString)($props.recentUsersName), 1), (0, vue.createElementVNode)("span", _hoisted_9, "(" + (0, vue.toDisplayString)($props.recentUsers.length) + ")", 1)])) : (0, vue.createCommentVNode)("v-if", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($props.recentUsers, (user) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: user.id,
-						class: (0, vue.normalizeClass)(["user-option", { "is-highlighted": $setup.isHighlighted(user) }]),
+						"aria-disabled": $setup.isUserDisabled(user),
+						class: (0, vue.normalizeClass)(["user-option", {
+							"is-highlighted": $setup.isHighlighted(user),
+							"is-disabled": $setup.isUserDisabled(user)
+						}]),
 						onClick: (0, vue.withModifiers)(($event) => $setup.selectUser(user), ["prevent"]),
 						onMousedown: _cache[3] || (_cache[3] = (0, vue.withModifiers)(() => {}, ["prevent"]))
 					}, [(0, vue.createVNode)($setup["UserRender"], {
@@ -4043,6 +4096,11 @@
 				required: false,
 				default: false
 			},
+			disabledUserIds: {
+				type: Array,
+				required: false,
+				default: () => []
+			},
 			emptyText: {
 				type: String,
 				required: false,
@@ -4234,6 +4292,13 @@
 			const getLookupFields = (exactSearchKey) => {
 				return exactSearchKey.split(",").map((field) => field.trim()).filter(Boolean);
 			};
+			const disabledUserFields = (0, vue.computed)(() => [...new Set([
+				"id",
+				...getLookupFields(props.exactSearchKey),
+				DEFAULT_EXACT_SEARCH_KEY,
+				"login_name",
+				"username"
+			])]);
 			const findUserByLookupId = (users, lookupId, lookupFields) => {
 				return users.find((user) => {
 					if (user.id === lookupId) return true;
@@ -4278,7 +4343,7 @@
 			/**
 			* "我"标签是否禁用（已选中当前用户时禁用，或已达到最大数量）
 			*/
-			const isMeTagDisabled = (0, vue.computed)(() => isMaxCountReached.value || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId));
+			const isMeTagDisabled = (0, vue.computed)(() => isMaxCountReached.value || !!props.currentUserId && props.disabledUserIds.includes(props.currentUserId) || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId));
 			/**
 			* UserTag 公共属性
 			*/
@@ -4292,8 +4357,10 @@
 			/**
 			* 使用用户选择公共逻辑 hook
 			*/
-			const { filteredUserGroup, filterOptions, createCustomUser } = useUserSelection({
+			const { filteredUserGroup, filterOptions, filterNavigableOptions, createCustomUser, isUserDisabled } = useUserSelection({
 				selectedUserIds,
+				disabledUserFields,
+				disabledUserIds: (0, vue.toRef)(props, "disabledUserIds"),
 				excludeUserIds: (0, vue.toRef)(props, "excludeUserIds"),
 				userGroup: (0, vue.toRef)(props, "userGroup"),
 				searchQuery
@@ -4310,6 +4377,7 @@
 				freePaste: props.freePaste,
 				enableMultiTenantMode: props.enableMultiTenantMode,
 				maxCount: props.maxCount,
+				isUserDisabled,
 				onAddUser: addUser,
 				onBatchAddUsers: props.multiple ? updateSelectedUsers : void 0
 			});
@@ -4318,13 +4386,14 @@
 			*/
 			const displayOptions = (0, vue.computed)(() => filterOptions(searchResults.value));
 			const mainNavigableUsers = (0, vue.computed)(() => {
-				const userGroupOptions = filteredUserGroup.value.map((group) => ({
+				const userGroupOptions = filterNavigableOptions(filteredUserGroup.value.map((group) => ({
 					...group,
 					tenantId: "",
 					type: USER_TYPE.USER_GROUP
-				}));
-				const normalUsers = displayOptions.value.filter((user) => user.data_source_type !== USER_TYPE.VIRTUAL);
-				const virtualUsers = displayOptions.value.filter((user) => user.data_source_type === USER_TYPE.VIRTUAL);
+				})));
+				const selectableOptions = filterNavigableOptions(displayOptions.value);
+				const normalUsers = selectableOptions.filter((user) => user.data_source_type !== USER_TYPE.VIRTUAL);
+				const virtualUsers = selectableOptions.filter((user) => user.data_source_type === USER_TYPE.VIRTUAL);
 				return [
 					...userGroupOptions,
 					...normalUsers,
@@ -4347,7 +4416,7 @@
 			* 用户群组 → 普通用户 → 虚拟账号 → 最近选择
 			*/
 			const flatOptions = (0, vue.computed)(() => {
-				return [...mainNavigableUsers.value, ...filteredRecentUsers.value];
+				return [...mainNavigableUsers.value, ...filterNavigableOptions(filteredRecentUsers.value)];
 			});
 			/**
 			* 输入框宽度（根据输入内容动态计算）
@@ -4549,10 +4618,11 @@
 			* 添加当前用户（"我"）
 			*/
 			const addCurrentUser = async () => {
-				if (!props.currentUserId || selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)) return;
+				if (!props.currentUserId || props.disabledUserIds.includes(props.currentUserId) || selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)) return;
 				if (props.multiple && isMaxCountReached.value) return;
 				const currentUser = await fetchCurrentUser();
 				if (currentUser) {
+					if (isUserDisabled(currentUser)) return;
 					if (!props.multiple) updateSelectedUsers([currentUser]);
 					else if (!selectedUsers.value.some((item) => item.id === currentUser.id)) updateSelectedUsers([...selectedUsers.value, currentUser]);
 					clearSearch();
@@ -4624,6 +4694,7 @@
 			*/
 			function addUser(user) {
 				if (!user?.id) return;
+				if (isUserDisabled(user)) return;
 				if (props.multiple && isMaxCountReached.value) {
 					clearSearch();
 					highlightedIndex.value = -1;
@@ -4795,6 +4866,7 @@
 				selectedUserIds,
 				isUserMatchedByQuery,
 				getLookupFields,
+				disabledUserFields,
 				findUserByLookupId,
 				sortUsersByLookupIds,
 				lookupFormattedUsersByIds,
@@ -4803,7 +4875,9 @@
 				userTagCommonProps,
 				filteredUserGroup,
 				filterOptions,
+				filterNavigableOptions,
 				createCustomUser,
+				isUserDisabled,
 				handlePaste,
 				displayOptions,
 				mainNavigableUsers,
@@ -4875,6 +4949,8 @@
 		}, [(0, vue.createCommentVNode)(" 下拉选项列表 "), (0, vue.createVNode)($setup["SelectionPopover"], {
 			"avatar-base-url": $props.avatarBaseUrl,
 			"container-width": $setup.containerRef ? $setup.containerRef.offsetWidth : "auto",
+			"disabled-user-fields": $setup.disabledUserFields,
+			"disabled-user-ids": $props.disabledUserIds,
 			"empty-text": $setup.computedEmptyText,
 			"flat-options": $setup.flatOptions,
 			"has-avatar": $props.hasAvatar,
@@ -5028,6 +5104,8 @@
 		}, 8, [
 			"avatar-base-url",
 			"container-width",
+			"disabled-user-fields",
+			"disabled-user-ids",
 			"empty-text",
 			"flat-options",
 			"has-avatar",

package/vue3/vue3.css

@@ -82,6 +82,13 @@
 .user-option[data-v-9173accf]:hover, .user-option.is-highlighted[data-v-9173accf] {
   background-color: #f5f7fa;
 }
+.user-option.is-disabled[data-v-9173accf] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.user-option.is-disabled[data-v-9173accf]:hover, .user-option.is-disabled.is-highlighted[data-v-9173accf] {
+  background-color: transparent;
+}
 .dropdown-panel[data-v-9173accf] .user-render,
 .dropdown-panel[data-v-9173accf] .user-main,
 .dropdown-panel[data-v-9173accf] .user-name,