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

package/vue3/index.es.min.js

@@ -8,11 +8,15 @@ const generateCallbackName = () => {
 const jsonpRequest = (requestUrl, options = {}) => {
   return new Promise((resolve, reject) => {
     const url = unref(requestUrl);
-    const { timeout = 1e3 * 60 * 2, params } = options;
+    const { timeout = 1e3 * 60 * 2, params, withCredentials = true } = options;
     const callbackName = generateCallbackName();
     const script = document.createElement("script");
-    let timeoutId = null;
-    script.setAttribute("type", "text/javascript");
+    let timeoutId;
+    if (withCredentials) {
+      script.crossOrigin = "use-credentials";
+    } else {
+      script.crossOrigin = "anonymous";
+    }
     const cleanup = () => {
       if (timeoutId) {
         clearTimeout(timeoutId);
@@ -3584,6 +3588,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   __name: "multiple-selector",
   props: {
+    freePaste: { type: Boolean, default: false },
     draggable: { type: Boolean, default: false },
     modelValue: { default: () => [] },
     selectedUsers: { default: () => [] },
@@ -3803,7 +3808,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);
@@ -3825,7 +3860,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) => {
@@ -4124,7 +4165,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6c9ac297"]]);
+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({
@@ -4136,6 +4177,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     modelValue: { default: "" },
     tenants: {},
     allowCreate: { type: Boolean },
+    freePaste: { type: Boolean },
     apiBaseUrl: { default: "" },
     currentUserId: { default: "" },
     disabled: { type: Boolean },
@@ -4278,6 +4320,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 = "";
@@ -4360,7 +4414,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   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]
                 ]),
@@ -4384,7 +4439,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2a791ec6"]]);
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-633b6466"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelector"
@@ -4395,6 +4450,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: { default: "" },
     multiple: { type: Boolean, default: false },
     allowCreate: { type: Boolean, default: false },
+    freePaste: { type: Boolean, default: false },
     apiBaseUrl: { default: "" },
     currentUserId: { default: "" },
     disabled: { type: Boolean, default: false },
@@ -4530,10 +4586,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 },
             [
@@ -4558,12 +4615,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 */
@@ -4575,7 +4633,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4c00173"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37ff6c88"]]);
 export {
   BkUserSelector,
   BkUserSelector as default