@blueking/bk-user-selector 0.0.38 → 0.0.39-beta.2

package/vue2/vue2.css

@@ -797,7 +797,7 @@ optgroup {
   line-height: 0;
   cursor: pointer;
 }
-.me-tag[data-v-44fec2ba] {
+.me-tag[data-v-ef4a05c4] {
   position: absolute;
   top: 50%;
   right: 8px;
@@ -810,83 +810,81 @@ optgroup {
   padding: 0 8px;
   font-size: 12px;
   color: #4d4f56;
+  white-space: nowrap;
   cursor: pointer;
   background-color: #e1ecff;
   border-radius: 50%;
   transform: translateY(-50%);
-  white-space: nowrap;
 }
-.me-tag[data-v-44fec2ba]:hover {
+.me-tag[data-v-ef4a05c4]:hover {
   color: #3a84ff;
   background-color: #cddffe;
 }
-.me-tag.disabled[data-v-44fec2ba] {
+.me-tag.disabled[data-v-ef4a05c4] {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: #f0f1f5;
-}.dropdown-content[data-v-e11d7af7] {
+}.dropdown-content[data-v-78875ea6] {
   min-height: 40px;
   max-height: 300px;
   padding: 5px 0;
   overflow-y: auto;
 }
-.dropdown-content .no-data[data-v-e11d7af7] {
+.dropdown-content .no-data[data-v-78875ea6] {
   padding: 10px;
   color: #979ba5;
   text-align: center;
 }
-.dropdown-content .user-group .group-header[data-v-e11d7af7] {
+.dropdown-content .user-group .group-header[data-v-78875ea6] {
   display: flex;
   align-items: center;
   padding: 8px 12px;
   color: #979ba5;
 }
-.dropdown-content .user-group .group-header .group-count[data-v-e11d7af7] {
+.dropdown-content .user-group .group-header .group-count[data-v-78875ea6] {
   margin-left: 4px;
 }
-.dropdown-content .user-option[data-v-e11d7af7] {
+.dropdown-content .user-option[data-v-78875ea6] {
   display: flex;
   align-items: center;
   height: 32px;
   padding: 8px 12px;
   cursor: pointer;
 }
-.dropdown-content .user-option[data-v-e11d7af7]:hover {
+.dropdown-content .user-option[data-v-78875ea6]:hover {
   background-color: #f5f7fa;
-}.bk-user-selector-popover.bk-user-selector-pop2-content {
-  padding: 0;
-}.user-tag[data-v-3ff46050] {
+}.user-tag[data-v-48ac8fc1] {
   margin-right: 4px;
   margin-left: 0;
 }
-.user-tag.draggable[data-v-3ff46050] {
+.user-tag.draggable[data-v-48ac8fc1] {
   cursor: move;
 }
-.user-tag.active[data-v-3ff46050] {
+.user-tag.active[data-v-48ac8fc1] {
   background-color: #e1ecff;
   border-color: #3a84ff;
 }
-.user-tag.is-custom[data-v-3ff46050] {
+.user-tag.is-custom[data-v-48ac8fc1] {
   color: #ea3636;
   background-color: #feebea;
   border-color: rgba(234, 53, 54, 0.3019607843);
 }
-.user-tag.is-custom[data-v-3ff46050]:hover {
+.user-tag.is-custom[data-v-48ac8fc1]:hover {
   background-color: #fedddc;
 }
-.user-tag .tag-content .user-name[data-v-3ff46050] {
+.user-tag .tag-content .user-name[data-v-48ac8fc1] {
   overflow: hidden;
-  font-size: 12px;
   text-overflow: ellipsis;
+  font-size: 12px;
   white-space: nowrap;
-}.multiple-selector[data-v-49f3716b] {
+}.multiple-selector[data-v-2a532f24] {
   position: relative;
   width: 100%;
 }
-.multiple-selector.is-disabled[data-v-49f3716b] {
+.multiple-selector.is-disabled[data-v-2a532f24] {
   pointer-events: none;
 }
-.multiple-selector .tags-container[data-v-49f3716b] {
+.multiple-selector .tags-container[data-v-2a532f24] {
   min-height: 32px;
   padding: 1px 10px 1px 8px;
   background-color: #fff;
@@ -894,51 +892,51 @@ optgroup {
   border-radius: 2px;
   transition: all 0.2s ease;
 }
-.multiple-selector .tags-container.focused[data-v-49f3716b] {
+.multiple-selector .tags-container.focused[data-v-2a532f24] {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.multiple-selector .tags-container.collapsed[data-v-49f3716b] {
+.multiple-selector .tags-container.collapsed[data-v-2a532f24] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-list[data-v-49f3716b] {
+.multiple-selector .tag-list[data-v-2a532f24] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-.multiple-selector .tag-wrapper[data-v-49f3716b] {
+.multiple-selector .tag-wrapper[data-v-2a532f24] {
   display: inline-flex;
   align-items: center;
   max-width: 100%;
 }
-.multiple-selector .search-input[data-v-49f3716b] {
+.multiple-selector .search-input[data-v-2a532f24] {
   min-width: 10px;
   height: 28px;
+  outline: none;
   background: transparent;
   border: none;
-  outline: none;
 }
-.multiple-selector .search-input[data-v-49f3716b]::placeholder {
+.multiple-selector .search-input[data-v-2a532f24]::placeholder {
   color: #c4c6cc;
 }
-.multiple-selector .search-input.inline[data-v-49f3716b] {
+.multiple-selector .search-input.inline[data-v-2a532f24] {
   min-width: 10px;
 }
-.multiple-selector .search-input.last[data-v-49f3716b], .multiple-selector .search-input.collapsed[data-v-49f3716b] {
+.multiple-selector .search-input.last[data-v-2a532f24], .multiple-selector .search-input.collapsed[data-v-2a532f24] {
   flex: 1;
 }
-.hidden-users[data-v-49f3716b] {
+.hidden-users[data-v-2a532f24] {
   padding: 6px 10px;
-}.single-selector[data-v-726a967e] {
+}.single-selector[data-v-cbe352a6] {
   position: relative;
   width: 100%;
 }
-.single-selector.is-disabled[data-v-726a967e] {
+.single-selector.is-disabled[data-v-cbe352a6] {
   pointer-events: none;
 }
-.input-container[data-v-726a967e] {
+.input-container[data-v-cbe352a6] {
   position: relative;
   display: flex;
   align-items: center;
@@ -948,25 +946,27 @@ optgroup {
   border: 1px solid #c4c6cc;
   border-radius: 2px;
 }
-.input-container[data-v-726a967e]:focus-within {
+.input-container[data-v-cbe352a6]:focus-within {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
 }
-.search-input[data-v-726a967e] {
+.search-input[data-v-cbe352a6] {
   flex: 1;
   height: 30px;
+  outline: none;
   background: transparent;
   border: none;
-  outline: none;
 }
-.search-input[data-v-726a967e]::placeholder {
+.search-input[data-v-cbe352a6]::placeholder {
   color: #c4c6cc;
-}.bk-user-selector[data-v-879a2fa1] {
+}.bk-user-selector[data-v-f29cda5a] {
   position: relative;
   width: 100%;
   font-size: 12px;
 }
-.bk-user-selector.is-disabled[data-v-879a2fa1] {
+.bk-user-selector.is-disabled[data-v-f29cda5a] {
   cursor: not-allowed;
   background-color: #dcdee5;
+}.bk-user-selector-popover.bk-user-selector-pop2-content {
+  padding: 0;
 }

package/vue3/index.es.min.js

@@ -8,15 +8,11 @@ const generateCallbackName = () => {
 const jsonpRequest = (requestUrl, options = {}) => {
   return new Promise((resolve, reject) => {
     const url = unref(requestUrl);
-    const { timeout = 1e3 * 60 * 2, params, withCredentials = true } = options;
+    const { timeout = 1e3 * 60 * 2, params } = options;
     const callbackName = generateCallbackName();
     const script = document.createElement("script");
-    let timeoutId;
-    if (withCredentials) {
-      script.crossOrigin = "use-credentials";
-    } else {
-      script.crossOrigin = "anonymous";
-    }
+    let timeoutId = null;
+    script.setAttribute("type", "text/javascript");
     const cleanup = () => {
       if (timeoutId) {
         clearTimeout(timeoutId);
@@ -3262,7 +3258,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-44fec2ba"]]);
+const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ef4a05c4"]]);
 const UserRender = defineComponent({
   name: "UserRender",
   props: {
@@ -3437,22 +3433,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Popover), {
-        "ext-cls": "bk-user-selector-popover",
         arrow: false,
+        "ext-cls": "bk-user-selector-popover",
         "is-show": __props.isShow,
         offset: { mainAxis: 4, crossAxis: __props.crossAxisOffset },
-        width: __props.containerWidth,
         placement: "bottom-start",
         theme: "light",
         trigger: "manual",
+        width: __props.containerWidth,
         onClickoutside: handleClickOutside
       }, {
         content: withCtx(() => [
           createVNode(unref(Loading), {
             class: "dropdown-content",
             loading: __props.loading,
-            size: "mini",
-            mode: "spin"
+            mode: "spin",
+            size: "mini"
           }, {
             default: withCtx(() => [
               __props.options.length === 0 && __props.userGroup.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -3468,8 +3464,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 { key: 1 },
                 renderList(groupedUsers.value, (group, groupName) => {
                   return openBlock(), createElementBlock("div", {
-                    class: "user-group",
-                    key: groupName
+                    key: groupName,
+                    class: "user-group"
                   }, [
                     Object.keys(groupedUsers.value).length > 1 || group.some((user) => user.type === "userGroup") ? (openBlock(), createElementBlock("div", {
                       key: 0,
@@ -3497,8 +3493,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       null,
                       renderList(group, (user) => {
                         return openBlock(), createElementBlock("div", {
-                          class: "user-option",
                           key: user.id,
+                          class: "user-option",
                           onClick: withModifiers(($event) => selectUser(user), ["prevent"])
                         }, [
                           createVNode(unref(UserRender), {
@@ -3531,20 +3527,20 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e11d7af7"]]);
+const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-78875ea6"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "UserTag"
   },
   __name: "user-tag",
   props: {
-    user: {},
-    tenants: {},
+    active: { type: Boolean },
     currentTenantId: {},
     draggable: { type: Boolean },
-    active: { type: Boolean },
+    renderTag: { type: Function },
     showTenant: { type: Boolean },
-    renderTag: { type: Function }
+    tenants: {},
+    user: {}
   },
   emits: ["click", "close"],
   setup(__props, { emit: __emit }) {
@@ -3577,7 +3573,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3ff46050"]]);
+const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-48ac8fc1"]]);
 const _hoisted_1$1 = ["onClick"];
 const _hoisted_2$1 = ["placeholder"];
 const _hoisted_3 = { class: "hidden-users" };
@@ -3588,24 +3584,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   __name: "multiple-selector",
   props: {
-    modelValue: { default: () => [] },
     draggable: { type: Boolean, default: false },
+    freePaste: { type: Boolean, default: false },
+    modelValue: { default: () => [] },
     selectedUsers: { default: () => [] },
     tenants: { default: () => ({}) },
+    allowCreate: { type: Boolean, default: false },
     apiBaseUrl: { default: "" },
-    tenantId: { default: "" },
-    placeholder: { default: "" },
     currentUserId: { default: "" },
+    disabled: { type: Boolean },
+    emptyText: { default: "" },
+    enableMultiTenantMode: { type: Boolean },
     exactSearchKey: { default: "bk_username" },
-    userGroup: { default: () => [] },
+    excludeUserIds: { default: () => [] },
+    placeholder: { default: "" },
+    tenantId: { default: "" },
     userGroupName: { default: "" },
-    emptyText: { default: "" },
-    disabled: { type: Boolean },
     renderListItem: {},
     renderTag: {},
-    excludeUserIds: { default: () => [] },
-    enableMultiTenantMode: { type: Boolean },
-    allowCreate: { type: Boolean, default: false }
+    userGroup: { default: () => [] }
   },
   emits: [
     "update:selectedUsers",
@@ -3706,7 +3703,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       });
     };
     const handleClickOutside = (event) => {
-      event.stopPropagation();
       const target = event.target;
       const container = containerRef.value;
       if ((container == null ? void 0 : container.contains(target)) || container === target) {
@@ -3808,7 +3804,37 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }
             });
             const updatedUsers = Array.from(userMap.values());
-            emit("update:selectedUsers", updatedUsers);
+            if (props.freePaste) {
+              const pastedUsers = usersList.map((user) => ({
+                id: user,
+                name: user,
+                type: "custom",
+                tenantId: "",
+                login_name: user
+              }));
+              pastedUsers.forEach((user) => {
+                if (!updatedUsers.some((item) => item.login_name === user.login_name)) {
+                  addUser(user);
+                }
+              });
+            } else {
+              emit("update:selectedUsers", updatedUsers);
+            }
+          } else {
+            if (props.freePaste) {
+              const pastedUsers = usersList.map((user) => ({
+                id: user,
+                name: user,
+                type: "custom",
+                tenantId: "",
+                login_name: user
+              }));
+              pastedUsers.forEach((user) => {
+                if (!props.selectedUsers.some((item) => item.login_name === user.login_name)) {
+                  addUser(user);
+                }
+              });
+            }
           }
         } catch (error) {
           console.error("精准查找用户失败:", error);
@@ -3830,7 +3856,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           removeUser(lastUser);
         }
       } else if (event.key === "Enter" && props.allowCreate) {
-        addUser({ id: searchQuery.value, name: searchQuery.value, type: "custom", tenantId: "" });
+        addUser({
+          id: searchQuery.value,
+          name: searchQuery.value,
+          type: "custom",
+          tenantId: "",
+          login_name: searchQuery.value
+        });
       }
     };
     const addUser = (user) => {
@@ -3954,8 +3986,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         null,
                         renderList(_ctx.selectedUsers, (user, index) => {
                           return openBlock(), createElementBlock("div", {
-                            class: "tag-wrapper",
                             key: user.id,
+                            class: "tag-wrapper",
                             onClick: withModifiers(($event) => handleTagClick(index), ["stop"])
                           }, [
                             createVNode(UserTag, {
@@ -3976,8 +4008,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                                 ref_for: true,
                                 ref_key: "inlineInputRef",
                                 ref: inlineInputRef,
-                                class: "search-input inline",
                                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
+                                class: "search-input inline",
                                 onFocus: handleInputFocus,
                                 onInput: handleInput,
                                 onKeydown: handleKeyDown,
@@ -3999,8 +4031,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         key: 0,
                         ref_key: "lastInputRef",
                         ref: lastInputRef,
-                        class: "search-input last",
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
+                        class: "search-input last",
                         placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
                         onFocus: handleInputFocus,
                         onInput: handleInput,
@@ -4041,8 +4073,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         null,
                         renderList(visibleUsers.value, (user) => {
                           return openBlock(), createBlock(UserTag, {
-                            "current-tenant-id": _ctx.tenantId,
                             key: user.id,
+                            "current-tenant-id": _ctx.tenantId,
                             "render-tag": _ctx.renderTag,
                             "show-tenant": true,
                             tenants: _ctx.tenants,
@@ -4097,8 +4129,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       withDirectives(createElementVNode("input", {
                         ref_key: "collapsedInputRef",
                         ref: collapsedInputRef,
-                        class: "search-input collapsed",
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
+                        class: "search-input collapsed",
                         placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
                         onFocus: handleFocus
                       }, null, 40, _hoisted_4), [
@@ -4129,7 +4161,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-49f3716b"]]);
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2a532f24"]]);
 const _hoisted_1 = { class: "input-container" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -4140,20 +4172,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { default: "" },
     tenants: {},
+    allowCreate: { type: Boolean },
     apiBaseUrl: { default: "" },
-    tenantId: { default: "" },
-    placeholder: { default: "" },
     currentUserId: { default: "" },
+    disabled: { type: Boolean },
+    emptyText: { default: "" },
+    enableMultiTenantMode: { type: Boolean },
     exactSearchKey: { default: "bk_username" },
-    userGroup: { default: () => [] },
+    excludeUserIds: { default: () => [] },
+    freePaste: { type: Boolean },
+    placeholder: { default: "" },
+    tenantId: { default: "" },
     userGroupName: { default: "" },
-    emptyText: { default: "" },
-    disabled: { type: Boolean },
     renderListItem: {},
     renderTag: {},
-    excludeUserIds: { default: () => [] },
-    enableMultiTenantMode: { type: Boolean },
-    allowCreate: { type: Boolean }
+    userGroup: { default: () => [] }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(__props, { emit: __emit }) {
@@ -4251,6 +4284,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const fetchUsers = async (keyword = "") => {
       if (!(keyword == null ? void 0 : keyword.length)) {
         options.value = [];
+        isLoading.value = false;
         return;
       }
       isLoading.value = true;
@@ -4283,6 +4317,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const handlePaste = (event) => {
+      var _a;
+      event.preventDefault();
+      const pastedText = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text").trim()) || "";
+      if (props.freePaste) {
+        const customUser = { id: pastedText, name: pastedText, type: "custom", tenantId: "", login_name: pastedText };
+        if (!options.value.some((item) => item.login_name === customUser.login_name)) {
+          options.value.push(customUser);
+        }
+        addUser(customUser);
+      }
+    };
     const addUser = (user) => {
       selectedUser.value = user.id;
       searchQuery.value = "";
@@ -4298,9 +4344,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       emit("focus");
     };
+    let timer = null;
     const handleInput = () => {
-      fetchUsers(searchQuery.value);
       showDropdown.value = searchQuery.value.length >= 1;
+      isLoading.value = true;
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        fetchUsers(searchQuery.value);
+      }, 300);
     };
     const handleClickOutside = () => {
       setTimeout(() => {
@@ -4359,13 +4410,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 withDirectives(createElementVNode("input", {
                   ref_key: "inputRef",
                   ref: inputRef,
-                  class: "search-input",
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+                  class: "search-input",
                   placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
                   onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur")),
                   onFocus: handleInputFocus,
                   onInput: handleInput,
-                  onKeydown: handleKeyDown
+                  onKeydown: handleKeyDown,
+                  onPaste: handlePaste
                 }, null, 40, _hoisted_2), [
                   [vModelText, searchQuery.value]
                 ]),
@@ -4389,30 +4441,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-726a967e"]]);
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cbe352a6"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelector"
   },
   __name: "user-selector",
   props: {
-    modelValue: { default: "" },
     draggable: { type: Boolean, default: false },
+    modelValue: { default: "" },
     multiple: { type: Boolean, default: false },
+    allowCreate: { type: Boolean, default: false },
     apiBaseUrl: { default: "" },
-    tenantId: { default: "" },
-    placeholder: { default: "" },
     currentUserId: { default: "" },
+    disabled: { type: Boolean, default: false },
+    emptyText: { default: "" },
+    enableMultiTenantMode: { type: Boolean, default: true },
     exactSearchKey: { default: "bk_username" },
-    userGroup: { default: () => [] },
+    excludeUserIds: { default: () => [] },
+    freePaste: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    tenantId: { default: "" },
     userGroupName: { default: "" },
-    emptyText: { default: "" },
-    disabled: { type: Boolean, default: false },
     renderListItem: {},
     renderTag: {},
-    excludeUserIds: { default: () => [] },
-    enableMultiTenantMode: { type: Boolean, default: true },
-    allowCreate: { type: Boolean, default: false }
+    userGroup: { default: () => [] }
   },
   emits: ["update:modelValue", "change", "dragStart", "dragEnd", "focus", "blur"],
   setup(__props, { emit: __emit }) {
@@ -4535,10 +4588,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             tenants: unref(tenants),
             "user-group": _ctx.userGroup,
             "user-group-name": userGroupName.value,
+            "free-paste": _ctx.freePaste,
             onBlur: handleBlur,
             onChange: handleUpdateUser,
             onFocus: handleFocus
-          }, null, 8, ["modelValue", "allow-create", "api-base-url", "current-user-id", "disabled", "empty-text", "enable-multi-tenant-mode", "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", "allow-create", "api-base-url", "current-user-id", "disabled", "empty-text", "enable-multi-tenant-mode", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name", "free-paste"])) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
@@ -4563,12 +4617,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 tenants: unref(tenants),
                 "user-group": _ctx.userGroup,
                 "user-group-name": userGroupName.value,
+                "free-paste": _ctx.freePaste,
                 onBlur: handleBlur,
                 onDragEnd: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("dragEnd", $event)),
                 onDragStart: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("dragStart", $event)),
                 onFocus: handleFocus,
                 "onUpdate:selectedUsers": handleUpdateSelectedUsers
-              }, null, 8, ["modelValue", "allow-create", "api-base-url", "current-user-id", "disabled", "draggable", "empty-text", "enable-multi-tenant-mode", "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", "allow-create", "api-base-url", "current-user-id", "disabled", "draggable", "empty-text", "enable-multi-tenant-mode", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name", "free-paste"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -4580,7 +4635,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-879a2fa1"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f29cda5a"]]);
 export {
   BkUserSelector,
   BkUserSelector as default