@blueking/bk-user-selector 0.0.25 → 0.0.27

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.25",
+  "version": "0.0.27",
   "description": "蓝鲸用户选择器",
   "license": "MIT",
   "author": "Tencent BlueKing",
@@ -62,7 +62,7 @@
   },
   "peerDependencies": {
     "@blueking/bkui-library": "^0.0.0-beta.4",
-    "vue": "^3"
+    "vue": "^3 | ^2.7"
   },
   "engines": {
     "node": ">=18.16.0"

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

@@ -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,6 +15454,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean, default: false },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
@@ -15527,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, {
@@ -15536,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,
@@ -15547,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 },
             [
@@ -15557,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,
@@ -15570,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-6f6d9f42"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c31311f7"]]);
 const vue2 = {
   model: {
     prop: "modelValue",