@blueking/bk-user-selector 0.0.24 → 0.0.26

package/README.md

@@ -127,18 +127,18 @@ export default {
 | 参数                 | 说明                                                                    | 类型                           | 默认值             |
 | -------------------- | ----------------------------------------------------------------------- | ------------------------------ | ------------------ |
 | modelValue / v-model | 绑定值，单选为字符串，多选为数组                                        | String / Array                 | '' / []            |
+| apiBaseUrl           | API 基础 URL                                                            | String                         | ''                 |
+| tenantId             | 租户 ID                                                                 | String                         | ''                 |
 | label                | 文本标签                                                                | String                         | 人员选择           |
-| required             | 是否必填                                                                | Boolean                        | false              |
 | placeholder          | 占位文本                                                                | String                         | 请输入人员名称搜索 |
 | multiple             | 是否多选                                                                | Boolean                        | false              |
 | draggable            | 是否可拖拽（仅多选模式有效）                                            | Boolean                        | false              |
-| apiBaseUrl           | API 基础 URL                                                            | String                         | ''                 |
-| tenantId             | 租户 ID                                                                 | String                         | ''                 |
 | exactSearchKey       | 精确查找key,可选值为 bk_username、login_name、full_name, 多个以逗号分隔 | String                         | bk_username        |
 | currentUserId        | 当前用户ID（用于快速选择"我"）                                          | String                         | ''                 |
 | userGroup            | 用户组列表，用于在下拉列表中显示用户组                                  | Array                          | []                 |
 | userGroupName        | 用户组名称，用于在下拉列表中显示用户组名称                              | String                         | 用户群组           |
 | emptyText            | 无匹配人员时的提示文本                                                  | String                         | 无匹配人员         |
+| disabled             | 是否禁用                                                                | Boolean                        | false              |
 | renderTag            | 渲染标签                                                                | Function(h, userInfo) => VNode | -                  |
 | renderListItem       | 渲染列表项                                                              | Function(h, userInfo) => VNode | -                  |
 | excludeUserIds       | 排除的用户ID列表                                                        | Array                          | []                 |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bk-user-selector",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "蓝鲸用户选择器",
   "license": "MIT",
   "author": "Tencent BlueKing",

package/typings/components/user-selector.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue: string;
     draggable: boolean;
     multiple: boolean;
+    disabled: boolean;
     currentUserId: string;
     exactSearchKey: string;
     userGroup: () => never[];
@@ -22,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue: string;
     draggable: boolean;
     multiple: boolean;
+    disabled: boolean;
     currentUserId: string;
     exactSearchKey: string;
     userGroup: () => never[];
@@ -34,6 +36,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     tenantId: string;
     currentUserId: string;
+    disabled: boolean;
     userGroup: {
         id: string;
         name: string;

package/typings/types/index.d.ts

@@ -107,6 +107,10 @@ interface BaseSelectorProps {
      * 无匹配人员时的提示文本
      */
     emptyText?: string;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
     /**
      * 渲染列表项
      */

package/vue2/index.es.min.js

@@ -1,120 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "@blueking/bkui-library";
 import { ref, onBeforeMount, defineComponent, createElementBlock, createCommentVNode, openBlock, withModifiers, normalizeClass, h as h$1, computed, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, Fragment, renderList, watch, nextTick, onMounted, withDirectives, isRef, vModelText, createTextVNode, createApp } from "@blueking/bkui-library";
-const getTenants = async (apiBaseUrl, tenantId) => {
-  if (!apiBaseUrl || !tenantId) {
-    console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
-    return [];
-  }
-  try {
-    const url = `${apiBaseUrl}/api/v3/open-web/tenant/data-source-owner-tenants/`;
-    const response = await fetch(url, {
-      method: "GET",
-      headers: {
-        "x-bk-tenant-id": tenantId
-      },
-      credentials: "include"
-    });
-    if (!response.ok) {
-      throw new Error(`获取租户信息失败: ${response.status} ${response.statusText}`);
-    }
-    const data2 = await response.json();
-    return data2.data || [];
-  } catch (error3) {
-    console.error("获取租户信息失败:", error3);
-    return [];
-  }
-};
-const searchUsers = async (apiBaseUrl = "", tenantId = "", keyword = "") => {
-  if (!keyword || !apiBaseUrl || !tenantId) {
-    console.warn("搜索用户需要提供有效的apiBaseUrl、租户ID和关键词");
-    return [];
-  }
-  try {
-    const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/search/?keyword=${encodeURIComponent(keyword)}`;
-    const response = await fetch(url, {
-      method: "GET",
-      headers: {
-        "x-bk-tenant-id": tenantId
-      },
-      credentials: "include"
-    });
-    if (!response.ok) {
-      throw new Error(`搜索用户失败: ${response.status} ${response.statusText}`);
-    }
-    const data2 = await response.json();
-    return data2.data || [];
-  } catch (error3) {
-    console.error("搜索用户失败:", error3);
-    return [];
-  }
-};
-const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactSearchKey = "bk_username", usersList = []) => {
-  const users = usersList.filter((user) => user).map((user) => user.trim());
-  if (users.length === 0 || !apiBaseUrl || !tenantId) {
-    console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
-    return [];
-  }
-  try {
-    const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactSearchKey}`;
-    const response = await fetch(url, {
-      method: "GET",
-      headers: {
-        "x-bk-tenant-id": tenantId
-      },
-      credentials: "include"
-    });
-    if (!response.ok) {
-      throw new Error(`批量查找用户失败: ${response.status} ${response.statusText}`);
-    }
-    const data2 = await response.json();
-    return data2.data || [];
-  } catch (error3) {
-    console.error("批量查找用户失败:", error3);
-    return [];
-  }
-};
-const formatUsers = (users) => {
-  if (!users || !Array.isArray(users)) return [];
-  return users.map((user) => ({
-    id: user.bk_username,
-    name: user.display_name,
-    tenantId: user.owner_tenant_id,
-    ...user
-  }));
-};
-const useTenantData = (apiBaseUrl, tenantId) => {
-  const tenants = ref({});
-  const loading2 = ref(false);
-  const fetchTenants = async () => {
-    if (!apiBaseUrl || !tenantId) {
-      console.warn("获取租户需要提供有效的API基础URL和租户ID");
-      return;
-    }
-    loading2.value = true;
-    try {
-      const result = await getTenants(apiBaseUrl, tenantId);
-      const tenantMap = {};
-      result.forEach((item) => {
-        if (item.id && item.name) {
-          tenantMap[item.id] = item.name;
-        }
-      });
-      tenants.value = tenantMap;
-    } catch (error3) {
-      console.error("获取租户数据失败:", error3);
-    } finally {
-      loading2.value = false;
-    }
-  };
-  onBeforeMount(() => {
-    fetchTenants();
-  });
-  return {
-    tenants,
-    loading: loading2,
-    fetchTenants
-  };
-};
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -5955,7 +5840,7 @@ var BkConfigProvider = (0, shared_namespaceObject$3.withInstall)(config_provider
 const src$3 = BkConfigProvider;
 __webpack_exports__$6["default"];
 __webpack_exports__$6.defaultRootConfig;
-__webpack_exports__$6.provideGlobalConfig;
+var __webpack_exports__provideGlobalConfig = __webpack_exports__$6.provideGlobalConfig;
 __webpack_exports__$6.rootProviderKey;
 __webpack_exports__$6.setPrefixVariable;
 __webpack_exports__$6.useGlobalConfig;
@@ -11530,6 +11415,121 @@ __webpack_exports__.bkTooltips;
 var __webpack_exports__clickoutside = __webpack_exports__.clickoutside;
 __webpack_exports__.mousewheel;
 __webpack_exports__.overflowTitle;
+const getTenants = async (apiBaseUrl, tenantId) => {
+  if (!apiBaseUrl || !tenantId) {
+    console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
+    return [];
+  }
+  try {
+    const url = `${apiBaseUrl}/api/v3/open-web/tenant/data-source-owner-tenants/`;
+    const response = await fetch(url, {
+      method: "GET",
+      headers: {
+        "x-bk-tenant-id": tenantId
+      },
+      credentials: "include"
+    });
+    if (!response.ok) {
+      throw new Error(`获取租户信息失败: ${response.status} ${response.statusText}`);
+    }
+    const data2 = await response.json();
+    return data2.data || [];
+  } catch (error3) {
+    console.error("获取租户信息失败:", error3);
+    return [];
+  }
+};
+const searchUsers = async (apiBaseUrl = "", tenantId = "", keyword = "") => {
+  if (!keyword || !apiBaseUrl || !tenantId) {
+    console.warn("搜索用户需要提供有效的apiBaseUrl、租户ID和关键词");
+    return [];
+  }
+  try {
+    const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/search/?keyword=${encodeURIComponent(keyword)}`;
+    const response = await fetch(url, {
+      method: "GET",
+      headers: {
+        "x-bk-tenant-id": tenantId
+      },
+      credentials: "include"
+    });
+    if (!response.ok) {
+      throw new Error(`搜索用户失败: ${response.status} ${response.statusText}`);
+    }
+    const data2 = await response.json();
+    return data2.data || [];
+  } catch (error3) {
+    console.error("搜索用户失败:", error3);
+    return [];
+  }
+};
+const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactSearchKey = "bk_username", usersList = []) => {
+  const users = usersList.filter((user) => user).map((user) => user.trim());
+  if (users.length === 0 || !apiBaseUrl || !tenantId) {
+    console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
+    return [];
+  }
+  try {
+    const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactSearchKey}`;
+    const response = await fetch(url, {
+      method: "GET",
+      headers: {
+        "x-bk-tenant-id": tenantId
+      },
+      credentials: "include"
+    });
+    if (!response.ok) {
+      throw new Error(`批量查找用户失败: ${response.status} ${response.statusText}`);
+    }
+    const data2 = await response.json();
+    return data2.data || [];
+  } catch (error3) {
+    console.error("批量查找用户失败:", error3);
+    return [];
+  }
+};
+const formatUsers = (users) => {
+  if (!users || !Array.isArray(users)) return [];
+  return users.map((user) => ({
+    id: user.bk_username,
+    name: user.display_name,
+    tenantId: user.owner_tenant_id,
+    ...user
+  }));
+};
+const useTenantData = (apiBaseUrl, tenantId) => {
+  const tenants = ref({});
+  const loading2 = ref(false);
+  const fetchTenants = async () => {
+    if (!apiBaseUrl || !tenantId) {
+      console.warn("获取租户需要提供有效的API基础URL和租户ID");
+      return;
+    }
+    loading2.value = true;
+    try {
+      const result = await getTenants(apiBaseUrl, tenantId);
+      const tenantMap = {};
+      result.forEach((item) => {
+        if (item.id && item.name) {
+          tenantMap[item.id] = item.name;
+        }
+      });
+      tenants.value = tenantMap;
+    } catch (error3) {
+      console.error("获取租户数据失败:", error3);
+    } finally {
+      loading2.value = false;
+    }
+  };
+  onBeforeMount(() => {
+    fetchTenants();
+  });
+  return {
+    tenants,
+    loading: loading2,
+    fetchTenants
+  };
+};
 var Sortable$2 = { exports: {} };
 /**!
  * Sortable 1.15.6
@@ -14471,7 +14471,7 @@ const UserRender = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "no-data"
 };
@@ -14616,7 +14616,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             mode: "spin"
           }, {
             default: withCtx(() => [
-              __props.options.length === 0 && __props.userGroup.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+              __props.options.length === 0 && __props.userGroup.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
                 createElementVNode(
                   "span",
                   null,
@@ -14695,7 +14695,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-54b68f9a"]]);
+const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e3741833"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "UserTag"
@@ -14741,7 +14741,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-655f7a5a"]]);
-const _hoisted_1$2 = ["onClick"];
+const _hoisted_1$1 = ["onClick"];
 const _hoisted_2$1 = ["placeholder"];
 const _hoisted_3 = ["placeholder"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -14762,6 +14762,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
@@ -15019,7 +15020,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         {
           ref_key: "containerRef",
           ref: containerRef,
-          class: "multiple-selector"
+          class: normalizeClass(["multiple-selector", { "is-disabled": _ctx.disabled }])
         },
         [
           createCommentVNode(" 聚焦状态 - 可编辑模式 "),
@@ -15082,7 +15083,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         )), [
                           [vModelText, unref(searchQuery)]
                         ]) : createCommentVNode("v-if", true)
-                      ], 8, _hoisted_1$2);
+                      ], 8, _hoisted_1$1);
                     }),
                     128
                     /* KEYED_FRAGMENT */
@@ -15227,14 +15228,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             onSelectUser: addUser
           }, null, 8, ["container-width", "cross-axis-offset", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
         ],
-        512
-        /* NEED_PATCH */
+        2
+        /* CLASS */
       );
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9fc5bebf"]]);
-const _hoisted_1$1 = { class: "input-container" };
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-19a0ebec"]]);
+const _hoisted_1 = { class: "input-container" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
@@ -15252,6 +15253,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
@@ -15369,70 +15371,72 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", newVal);
     });
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: "single-selector"
-      }, [
-        createCommentVNode(" 输入框 "),
-        createElementVNode("div", _hoisted_1$1, [
-          createCommentVNode(" 用户标签显示 "),
-          selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            onClick: withModifiers(removeSelectedUser, ["stop"])
-          }, [
-            createVNode(UserTag, {
-              "current-tenant-id": _ctx.tenantId,
-              "render-tag": _ctx.renderTag,
-              tenants: _ctx.tenants,
-              user: selectedUserInfo.value,
-              onClose: removeSelectedUser
-            }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
-          ])) : createCommentVNode("v-if", true),
-          withDirectives(createElementVNode("input", {
-            ref_key: "inputRef",
-            ref: inputRef,
-            class: "search-input",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-            placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
-            onFocus: handleInputFocus,
-            onInput: handleInput
-          }, null, 40, _hoisted_2), [
-            [vModelText, searchQuery.value]
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: normalizeClass(["single-selector", { "is-disabled": _ctx.disabled }])
+        },
+        [
+          createCommentVNode(" 输入框 "),
+          createElementVNode("div", _hoisted_1, [
+            createCommentVNode(" 用户标签显示 "),
+            selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              onClick: withModifiers(removeSelectedUser, ["stop"])
+            }, [
+              createVNode(UserTag, {
+                "current-tenant-id": _ctx.tenantId,
+                "render-tag": _ctx.renderTag,
+                tenants: _ctx.tenants,
+                user: selectedUserInfo.value,
+                onClose: removeSelectedUser
+              }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
+            ])) : createCommentVNode("v-if", true),
+            withDirectives(createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              class: "search-input",
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
+              onFocus: handleInputFocus,
+              onInput: handleInput
+            }, null, 40, _hoisted_2), [
+              [vModelText, searchQuery.value]
+            ]),
+            createCommentVNode(' "我"标签 '),
+            createVNode(MeTag, {
+              "current-user-id": _ctx.currentUserId,
+              "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
+              onClick: addCurrentUser
+            }, null, 8, ["current-user-id", "is-disabled"])
           ]),
-          createCommentVNode(' "我"标签 '),
-          createVNode(MeTag, {
-            "current-user-id": _ctx.currentUserId,
-            "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
-            onClick: addCurrentUser
-          }, null, 8, ["current-user-id", "is-disabled"])
-        ]),
-        createCommentVNode(" 使用新的公共下拉选项组件 "),
-        createVNode(SelectionPopover, {
-          "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
-          "empty-text": _ctx.emptyText,
-          "is-show": showDropdown.value,
-          loading: isLoading.value,
-          options: options.value,
-          "render-list-item": _ctx.renderListItem,
-          "search-query": searchQuery.value,
-          "tenant-id": _ctx.tenantId,
-          tenants: _ctx.tenants,
-          "user-group": userGroupFilter.value,
-          "user-group-name": _ctx.userGroupName,
-          onSelectUser: addUser
-        }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
-      ])), [
+          createCommentVNode(" 使用新的公共下拉选项组件 "),
+          createVNode(SelectionPopover, {
+            "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
+            "empty-text": _ctx.emptyText,
+            "is-show": showDropdown.value,
+            loading: isLoading.value,
+            options: options.value,
+            "render-list-item": _ctx.renderListItem,
+            "search-query": searchQuery.value,
+            "tenant-id": _ctx.tenantId,
+            tenants: _ctx.tenants,
+            "user-group": userGroupFilter.value,
+            "user-group-name": _ctx.userGroupName,
+            onSelectUser: addUser
+          }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
+        ],
+        2
+        /* CLASS */
+      )), [
         [unref(__webpack_exports__clickoutside), handleClickOutside]
       ]);
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1454c121"]]);
-const _hoisted_1 = {
-  ref: "containerRef",
-  class: "bk-user-selector"
-};
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b6af00c3"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelector"
@@ -15450,12 +15454,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean, default: false },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    __webpack_exports__provideGlobalConfig({
+      prefix: "bk-user-selector"
+    });
     const props2 = __props;
     const emit = __emit;
     const { tenants = {} } = useTenantData(props2.apiBaseUrl, props2.tenantId);
@@ -15524,7 +15532,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "section",
-        _hoisted_1,
+        {
+          ref: "containerRef",
+          class: normalizeClass(["bk-user-selector", { "is-disabled": _ctx.disabled }])
+        },
         [
           createCommentVNode(" 单选模式 "),
           !_ctx.multiple ? (openBlock(), createBlock(SingleSelector, {
@@ -15533,6 +15544,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
             "api-base-url": _ctx.apiBaseUrl,
             "current-user-id": _ctx.currentUserId,
+            disabled: _ctx.disabled,
             "empty-text": _ctx.emptyText,
             "exact-search-key": _ctx.exactSearchKey,
             "exclude-user-ids": _ctx.excludeUserIds,
@@ -15544,7 +15556,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "user-group": _ctx.userGroup,
             "user-group-name": _ctx.userGroupName,
             onChange: handleUpdateUser
-          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
+          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "disabled", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
@@ -15554,6 +15566,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedUserIds.value = $event),
                 "api-base-url": _ctx.apiBaseUrl,
                 "current-user-id": _ctx.currentUserId,
+                disabled: _ctx.disabled,
                 draggable: _ctx.draggable,
                 "empty-text": _ctx.emptyText,
                 "exact-search-key": _ctx.exactSearchKey,
@@ -15567,19 +15580,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "user-group": _ctx.userGroup,
                 "user-group-name": _ctx.userGroupName,
                 "onUpdate:selectedUsers": handleUpdateSelectedUsers
-              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
+              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "disabled", "draggable", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
           ))
         ],
-        512
-        /* NEED_PATCH */
+        2
+        /* CLASS */
       );
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-906da21c"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c31311f7"]]);
 const vue2 = {
   model: {
     prop: "modelValue",