@blueking/bk-user-selector 0.0.25 → 0.0.26

package/vue3/index.umd.min.js

@@ -3,7 +3,7 @@
 })(this, function(exports2, vue, bkuiVue) {
   "use strict";
   var __vite_style__ = document.createElement("style");
-  __vite_style__.textContent = ".me-tag[data-v-887b7c44] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #e1ecff;\n  color: #4d4f56;\n  border-radius: 50%;\n  padding: 0 8px;\n  height: 24px;\n  width: 24px;\n  cursor: pointer;\n  font-size: 12px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.dropdown-content[data-v-54b68f9a] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-54b68f9a] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-54b68f9a] {\n  padding: 8px 12px;\n  color: #979ba5;\n  display: flex;\n  align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-54b68f9a] {\n  margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-54b68f9a] {\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: 32px;\n}\n.dropdown-content .user-option[data-v-54b68f9a]:hover {\n  background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n  padding: 0;\n}.user-tag[data-v-655f7a5a] {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.user-tag.draggable[data-v-655f7a5a] {\n  cursor: move;\n}\n.user-tag.active[data-v-655f7a5a] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-655f7a5a] {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n}.multiple-selector[data-v-9fc5bebf] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-9fc5bebf] {\n  min-height: 32px;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  padding: 1px 10px 1px 8px;\n  transition: all 0.2s ease;\n  background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-9fc5bebf] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-9fc5bebf] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-9fc5bebf] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-9fc5bebf] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-9fc5bebf] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-9fc5bebf]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-9fc5bebf] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-9fc5bebf], .multiple-selector .search-input.collapsed[data-v-9fc5bebf] {\n  flex: 1;\n  min-width: 60px;\n}.single-selector[data-v-1454c121] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-1454c121] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 32px;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  padding: 0 8px;\n  background-color: #fff;\n}\n.input-container[data-v-1454c121]:focus-within {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-1454c121] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-1454c121]::placeholder {\n  color: #c4c6cc;\n}.bk-user-selector[data-v-6f6d9f42] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}/*$vite$:1*/";
+  __vite_style__.textContent = ".me-tag[data-v-887b7c44] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #e1ecff;\n  color: #4d4f56;\n  border-radius: 50%;\n  padding: 0 8px;\n  height: 24px;\n  width: 24px;\n  cursor: pointer;\n  font-size: 12px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.dropdown-content[data-v-e3741833] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-e3741833] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-e3741833] {\n  padding: 8px 12px;\n  color: #979ba5;\n  display: flex;\n  align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-e3741833] {\n  margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-e3741833] {\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: 32px;\n}\n.dropdown-content .user-option[data-v-e3741833]:hover {\n  background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-user-selector-pop2-content {\n  padding: 0;\n}.user-tag[data-v-655f7a5a] {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.user-tag.draggable[data-v-655f7a5a] {\n  cursor: move;\n}\n.user-tag.active[data-v-655f7a5a] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-655f7a5a] {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n}.multiple-selector[data-v-19a0ebec] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector.is-disabled[data-v-19a0ebec] {\n  pointer-events: none;\n}\n.multiple-selector .tags-container[data-v-19a0ebec] {\n  min-height: 32px;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  padding: 1px 10px 1px 8px;\n  transition: all 0.2s ease;\n  background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-19a0ebec] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-19a0ebec] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-19a0ebec] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-19a0ebec] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-19a0ebec] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-19a0ebec]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-19a0ebec] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-19a0ebec], .multiple-selector .search-input.collapsed[data-v-19a0ebec] {\n  flex: 1;\n  min-width: 60px;\n}.single-selector[data-v-b6af00c3] {\n  position: relative;\n  width: 100%;\n}\n.single-selector.is-disabled[data-v-b6af00c3] {\n  pointer-events: none;\n}\n.input-container[data-v-b6af00c3] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 32px;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  padding: 0 8px;\n  background-color: #fff;\n}\n.input-container[data-v-b6af00c3]:focus-within {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-b6af00c3] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-b6af00c3]::placeholder {\n  color: #c4c6cc;\n}.bk-user-selector[data-v-c31311f7] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-c31311f7] {\n  cursor: not-allowed;\n}/*$vite$:1*/";
   document.head.appendChild(__vite_style__);
   const getTenants = async (apiBaseUrl, tenantId) => {
     if (!apiBaseUrl || !tenantId) {
@@ -3064,7 +3064,7 @@
       };
     }
   });
-  const _hoisted_1$3 = {
+  const _hoisted_1$2 = {
     key: 0,
     class: "no-data"
   };
@@ -3209,7 +3209,7 @@
               mode: "spin"
             }, {
               default: vue.withCtx(() => [
-                __props.options.length === 0 && __props.userGroup.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+                __props.options.length === 0 && __props.userGroup.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
                   vue.createElementVNode(
                     "span",
                     null,
@@ -3288,7 +3288,7 @@
       };
     }
   });
-  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__ */ vue.defineComponent({
     ...{
       name: "UserTag"
@@ -3334,7 +3334,7 @@
     }
   });
   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__ */ vue.defineComponent({
@@ -3355,6 +3355,7 @@
       userGroup: { default: () => [] },
       userGroupName: { default: "用户群组" },
       emptyText: { default: "无匹配人员" },
+      disabled: { type: Boolean },
       renderListItem: {},
       renderTag: {},
       excludeUserIds: { default: () => [] }
@@ -3612,7 +3613,7 @@
           {
             ref_key: "containerRef",
             ref: containerRef,
-            class: "multiple-selector"
+            class: vue.normalizeClass(["multiple-selector", { "is-disabled": _ctx.disabled }])
           },
           [
             vue.createCommentVNode(" 聚焦状态 - 可编辑模式 "),
@@ -3675,7 +3676,7 @@
                           )), [
                             [vue.vModelText, vue.unref(searchQuery)]
                           ]) : vue.createCommentVNode("v-if", true)
-                        ], 8, _hoisted_1$2);
+                        ], 8, _hoisted_1$1);
                       }),
                       128
                       /* KEYED_FRAGMENT */
@@ -3820,14 +3821,14 @@
               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__ */ vue.defineComponent({
     ...{
@@ -3845,6 +3846,7 @@
       userGroup: { default: () => [] },
       userGroupName: { default: "用户群组" },
       emptyText: { default: "无匹配人员" },
+      disabled: { type: Boolean },
       renderListItem: {},
       renderTag: {},
       excludeUserIds: { default: () => [] }
@@ -3962,70 +3964,72 @@
         emit("update:modelValue", newVal);
       });
       return (_ctx, _cache) => {
-        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          ref_key: "containerRef",
-          ref: containerRef,
-          class: "single-selector"
-        }, [
-          vue.createCommentVNode(" 输入框 "),
-          vue.createElementVNode("div", _hoisted_1$1, [
-            vue.createCommentVNode(" 用户标签显示 "),
-            selectedUserInfo.value ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              onClick: vue.withModifiers(removeSelectedUser, ["stop"])
-            }, [
-              vue.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"])
-            ])) : vue.createCommentVNode("v-if", true),
-            vue.withDirectives(vue.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), [
-              [vue.vModelText, searchQuery.value]
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: vue.normalizeClass(["single-selector", { "is-disabled": _ctx.disabled }])
+          },
+          [
+            vue.createCommentVNode(" 输入框 "),
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createCommentVNode(" 用户标签显示 "),
+              selectedUserInfo.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                onClick: vue.withModifiers(removeSelectedUser, ["stop"])
+              }, [
+                vue.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"])
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.withDirectives(vue.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), [
+                [vue.vModelText, searchQuery.value]
+              ]),
+              vue.createCommentVNode(' "我"标签 '),
+              vue.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"])
             ]),
-            vue.createCommentVNode(' "我"标签 '),
-            vue.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"])
-          ]),
-          vue.createCommentVNode(" 使用新的公共下拉选项组件 "),
-          vue.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"])
-        ])), [
+            vue.createCommentVNode(" 使用新的公共下拉选项组件 "),
+            vue.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 */
+        )), [
           [vue.unref(bkuiVue.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__ */ vue.defineComponent({
     ...{
       name: "BkUserSelector"
@@ -4043,6 +4047,7 @@
       userGroup: { default: () => [] },
       userGroupName: { default: "用户群组" },
       emptyText: { default: "无匹配人员" },
+      disabled: { type: Boolean, default: false },
       renderListItem: {},
       renderTag: {},
       excludeUserIds: { default: () => [] }
@@ -4120,7 +4125,10 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(
           "section",
-          _hoisted_1,
+          {
+            ref: "containerRef",
+            class: vue.normalizeClass(["bk-user-selector", { "is-disabled": _ctx.disabled }])
+          },
           [
             vue.createCommentVNode(" 单选模式 "),
             !_ctx.multiple ? (vue.openBlock(), vue.createBlock(SingleSelector, {
@@ -4129,6 +4137,7 @@
               "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,
@@ -4140,7 +4149,7 @@
               "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"])) : (vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.createElementBlock(
               vue.Fragment,
               { key: 1 },
               [
@@ -4150,6 +4159,7 @@
                   "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,
@@ -4163,19 +4173,19 @@
                   "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"]]);
   exports2.BkUserSelector = BkUserSelector;
   exports2.default = BkUserSelector;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });

package/vue3/vue3.css

@@ -24,36 +24,36 @@
   background-color: #f0f1f5;
   color: #c4c6cc;
   cursor: not-allowed;
-}.dropdown-content[data-v-54b68f9a] {
+}.dropdown-content[data-v-e3741833] {
   min-height: 40px;
   max-height: 300px;
   overflow-y: auto;
   padding: 5px 0;
 }
-.dropdown-content .no-data[data-v-54b68f9a] {
+.dropdown-content .no-data[data-v-e3741833] {
   padding: 10px;
   text-align: center;
   color: #979ba5;
 }
-.dropdown-content .user-group .group-header[data-v-54b68f9a] {
+.dropdown-content .user-group .group-header[data-v-e3741833] {
   padding: 8px 12px;
   color: #979ba5;
   display: flex;
   align-items: center;
 }
-.dropdown-content .user-group .group-header .group-count[data-v-54b68f9a] {
+.dropdown-content .user-group .group-header .group-count[data-v-e3741833] {
   margin-left: 4px;
 }
-.dropdown-content .user-option[data-v-54b68f9a] {
+.dropdown-content .user-option[data-v-e3741833] {
   padding: 8px 12px;
   cursor: pointer;
   display: flex;
   align-items: center;
   height: 32px;
 }
-.dropdown-content .user-option[data-v-54b68f9a]:hover {
+.dropdown-content .user-option[data-v-e3741833]:hover {
   background-color: #f5f7fa;
-}.bk-user-selector-popover.bk-popover.bk-pop2-content {
+}.bk-user-selector-popover.bk-user-selector-pop2-content {
   padding: 0;
 }.user-tag[data-v-655f7a5a] {
   margin-right: 4px;
@@ -71,11 +71,14 @@
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 12px;
-}.multiple-selector[data-v-9fc5bebf] {
+}.multiple-selector[data-v-19a0ebec] {
   position: relative;
   width: 100%;
 }
-.multiple-selector .tags-container[data-v-9fc5bebf] {
+.multiple-selector.is-disabled[data-v-19a0ebec] {
+  pointer-events: none;
+}
+.multiple-selector .tags-container[data-v-19a0ebec] {
   min-height: 32px;
   border: 1px solid #c4c6cc;
   border-radius: 2px;
@@ -83,46 +86,49 @@
   transition: all 0.2s ease;
   background-color: #fff;
 }
-.multiple-selector .tags-container.focused[data-v-9fc5bebf] {
+.multiple-selector .tags-container.focused[data-v-19a0ebec] {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.multiple-selector .tags-container.collapsed[data-v-9fc5bebf] {
+.multiple-selector .tags-container.collapsed[data-v-19a0ebec] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-list[data-v-9fc5bebf] {
+.multiple-selector .tag-list[data-v-19a0ebec] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-wrapper[data-v-9fc5bebf] {
+.multiple-selector .tag-wrapper[data-v-19a0ebec] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
 }
-.multiple-selector .search-input[data-v-9fc5bebf] {
+.multiple-selector .search-input[data-v-19a0ebec] {
   outline: none;
   border: none;
   height: 28px;
   min-width: 10px;
   background: transparent;
 }
-.multiple-selector .search-input[data-v-9fc5bebf]::placeholder {
+.multiple-selector .search-input[data-v-19a0ebec]::placeholder {
   color: #c4c6cc;
 }
-.multiple-selector .search-input.inline[data-v-9fc5bebf] {
+.multiple-selector .search-input.inline[data-v-19a0ebec] {
   min-width: 10px;
 }
-.multiple-selector .search-input.last[data-v-9fc5bebf], .multiple-selector .search-input.collapsed[data-v-9fc5bebf] {
+.multiple-selector .search-input.last[data-v-19a0ebec], .multiple-selector .search-input.collapsed[data-v-19a0ebec] {
   flex: 1;
   min-width: 60px;
-}.single-selector[data-v-1454c121] {
+}.single-selector[data-v-b6af00c3] {
   position: relative;
   width: 100%;
 }
-.input-container[data-v-1454c121] {
+.single-selector.is-disabled[data-v-b6af00c3] {
+  pointer-events: none;
+}
+.input-container[data-v-b6af00c3] {
   position: relative;
   display: flex;
   align-items: center;
@@ -132,21 +138,24 @@
   padding: 0 8px;
   background-color: #fff;
 }
-.input-container[data-v-1454c121]:focus-within {
+.input-container[data-v-b6af00c3]:focus-within {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.search-input[data-v-1454c121] {
+.search-input[data-v-b6af00c3] {
   flex: 1;
   outline: none;
   border: none;
   height: 30px;
   background: transparent;
 }
-.search-input[data-v-1454c121]::placeholder {
+.search-input[data-v-b6af00c3]::placeholder {
   color: #c4c6cc;
-}.bk-user-selector[data-v-6f6d9f42] {
+}.bk-user-selector[data-v-c31311f7] {
   width: 100%;
   position: relative;
   font-size: 12px;
+}
+.bk-user-selector.is-disabled[data-v-c31311f7] {
+  cursor: not-allowed;
 }

package/typings/components/render-tag.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    renderTag: FunctionConstructor;
-    userInfo: ObjectConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    renderTag: FunctionConstructor;
-    userInfo: ObjectConstructor;
-}>>, {}, {}>;
-export default _default;