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

package/README.md

@@ -144,15 +144,16 @@ export default {
 | excludeUserIds        | 排除的用户ID列表                                                        | Array                          | []                 |
 | enableMultiTenantMode | 是否启用多租户模式，关闭后则使用原有用户管理接口查询                    | Boolean                        | true               |
 | allowCreate           | 是否允许自定义用户输入，按 Enter 确认                                   | Boolean                        | false              |
+| freePaste             | 是否允许粘贴任意文本                                                    | Boolean                        | false              |
 
 ### 事件
 
-| 事件名称          | 说明             | 回调参数         |
-| ----------------- | ---------------- | ---------------- |
-| update:modelValue | 绑定值变化时触发 | 变化后的值       |
-| change            | 选中值变化时触发 | 变化后的用户信息 |
-| focus            | 输入框获得焦点时触发 | -                |
-| blur             | 输入框失去焦点时触发 | -                |
+| 事件名称          | 说明                 | 回调参数         |
+| ----------------- | -------------------- | ---------------- |
+| update:modelValue | 绑定值变化时触发     | 变化后的值       |
+| change            | 选中值变化时触发     | 变化后的用户信息 |
+| focus             | 输入框获得焦点时触发 | -                |
+| blur              | 输入框失去焦点时触发 | -                |
 
 ## 功能说明
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bk-user-selector",
-  "version": "0.0.38-beta.6",
+  "version": "0.0.39-beta.1",
   "description": "蓝鲸用户选择器",
   "license": "MIT",
   "author": "Tencent BlueKing",
@@ -66,4 +66,4 @@
   "engines": {
     "node": ">=18.16.0"
   }
-}
+}

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

@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<MultipleSelectorProps, {},
     userGroupName: string;
     emptyText: string;
     draggable: boolean;
+    freePaste: boolean;
     modelValue: string[];
     selectedUsers: FormattedUser[];
     allowCreate: boolean;

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

@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<UserSelectorProps, {}, {},
     userGroupName: string;
     emptyText: string;
     draggable: boolean;
+    freePaste: boolean;
     modelValue: string | string[];
     allowCreate: boolean;
     excludeUserIds: string[];

package/typings/types/index.d.ts

@@ -29,6 +29,10 @@ export interface FormattedUser {
  * 多选模式属性
  */
 export interface MultipleSelectorProps extends BaseSelectorProps {
+    /**
+     * 是否允许粘贴任意文本
+     */
+    freePaste?: boolean;
     /**
      * 是否支持拖拽排序
      */
@@ -130,6 +134,10 @@ interface BaseSelectorProps {
      * 是否允许创建用户
      */
     allowCreate?: boolean;
+    /**
+     * 是否允许粘贴任意文本
+     */
+    freePaste?: boolean;
     /**
      * 接口基础URL
      */

package/vue2/index.es.min.js

@@ -4546,6 +4546,10 @@ __webpack_require__$7.d(__webpack_exports__$7, {
     /* reexport */
     lang_en
   ),
+  jp: () => (
+    /* reexport */
+    ja_jp
+  ),
   zhCn: () => (
     /* reexport */
     zh_cn
@@ -4733,6 +4737,145 @@ var en = {
   }
 };
 const lang_en = en;
+var jp = {
+  lang: "ja",
+  steps: {
+    step1: "ステップ1",
+    step2: "ステップ2",
+    step3: "ステップ3"
+  },
+  datePicker: {
+    selectDate: "日付を選択",
+    selectTime: "時間を選択",
+    clear: "クリア",
+    ok: "OK",
+    weekdays: {
+      sun: "日",
+      mon: "月",
+      tue: "火",
+      wed: "水",
+      thu: "木",
+      fri: "金",
+      sat: "土"
+    },
+    hour: "時間",
+    min: "分",
+    sec: "秒",
+    toNow: "現在まで"
+  },
+  dialog: {
+    ok: "OK",
+    cancel: "キャンセル",
+    prev: "前へ",
+    next: "次へ"
+  },
+  popConfirm: {
+    ok: "OK",
+    cancel: "キャンセル"
+  },
+  form: {
+    notBeEmpty: "空にできません",
+    incorrectFormat: "形式が正しくありません",
+    max: "最大値",
+    min: "最小値",
+    maxLen: "最大長",
+    verifyError: "検証エラー"
+  },
+  pagination: {
+    eachPage: "各ページ",
+    strip: "",
+    total: "合計"
+  },
+  process: {
+    step1: "ステップ1",
+    step2: "ステップ2",
+    step3: "ステップ3",
+    step4: "ステップ4"
+  },
+  searchSelect: {
+    pleaseSelect: "選択してください",
+    loading: "ロード中...",
+    filterQueryMustHasValue: "フィルタークエリに値を含める必要があります",
+    ok: "OK",
+    cancel: "キャンセル",
+    or: "または",
+    and: "そして",
+    logical: "論理:"
+  },
+  select: {
+    noData: "データなし",
+    noMatchedData: "一致するデータがありません",
+    loading: "読み込み中...",
+    pleaseSelect: "選んでください",
+    enterKeywords: "キーワードを入力してください",
+    all: "すべて",
+    selectAll: "すべて選択"
+  },
+  table: {
+    emptyText: "データがありません",
+    confirm: "確認",
+    reset: "リセット",
+    sort: "ソート",
+    setting: {
+      title: "テーブル設定",
+      fields: {
+        title: "表示フィールド設定",
+        subtitle: function subtitle2(max2) {
+          return "（".concat(max2, "フィールド最大）");
+        },
+        selectAll: "すべて選択"
+      },
+      lineHeight: {
+        title: "テーブル行の高さ",
+        small: "小",
+        medium: "中",
+        large: "大"
+      },
+      options: {
+        ok: "OK",
+        cancel: "キャンセル"
+      }
+    }
+  },
+  transfer: {
+    sourceList: "ソースリスト",
+    targetList: "ターゲットリスト",
+    removeAll: "すべて削除",
+    selectAll: "すべて選択",
+    noData: "データがありません",
+    noSelected: "選択されていません",
+    search: "検索"
+  },
+  upload: {
+    uploadSuccess: "アップロード成功",
+    uploadFailed: "アップロード失敗",
+    drapFileOr: "ここにファイルをドラッグまたは",
+    clickUpload: "クリックしてアップロード",
+    uploadLabel: "ファイルをアップロード"
+  },
+  input: {
+    placeholder: "入力してください",
+    maxlengthLimitTips: "文字数制限に達しました"
+  },
+  tagInput: {
+    placeholder: "入力してEnterキーで終了"
+  },
+  message: {
+    assistant: "アシスタント",
+    details: "詳細",
+    copySuccess: "コピー成功",
+    copyFailed: "コピー失敗"
+  },
+  cascader: {
+    pleaseSelect: "選択してください",
+    noData: "データがありません",
+    emptyText: "データがありません"
+  },
+  versionLog: {
+    current: "現在のバージョン"
+  }
+};
+const ja_jp = jp;
 var zhCn = {
   lang: "zh-cn",
   steps: {
@@ -4817,7 +4960,7 @@ var zhCn = {
       title: "表格设置",
       fields: {
         title: "字段显示设置",
-        subtitle: function subtitle2(max2) {
+        subtitle: function subtitle3(max2) {
           return "（最多".concat(max2, "项）");
         },
         selectAll: "全选"
@@ -4916,6 +5059,7 @@ var zhCn = {
 };
 const zh_cn = zhCn;
 __webpack_exports__$7.en;
+__webpack_exports__$7.jp;
 var __webpack_exports__zhCn = __webpack_exports__$7.zhCn;
 var __webpack_require__$6 = {};
 (() => {
@@ -10473,9 +10617,6 @@ var __webpack_exports__ = {};
             hide2(el);
           }, 100);
         });
-        el.addEventListener("click", function() {
-          hide2(el);
-        });
         popper2.addEventListener("mouseleave", function() {
           clearTimeout(delayTimeout);
           hideTimeout = setTimeout(function() {
@@ -10489,7 +10630,7 @@ var __webpack_exports__ = {};
               show(el);
               clearTimeout(delayTimeout);
             }, opts.delay);
-          } else if (popper2.hasAttribute("data-show")) {
+          } else if (!el.contains(event.target) && popper2.hasAttribute("data-show")) {
             hide2(el);
           }
         });
@@ -10678,11 +10819,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);
@@ -14250,6 +14395,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: () => [] },
@@ -14469,7 +14615,37 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }
             });
             const updatedUsers = Array.from(userMap.values());
-            emit("update:selectedUsers", updatedUsers);
+            if (props2.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 (props2.freePaste) {
+              const pastedUsers = usersList.map((user) => ({
+                id: user,
+                name: user,
+                type: "custom",
+                tenantId: "",
+                login_name: user
+              }));
+              pastedUsers.forEach((user) => {
+                if (!props2.selectedUsers.some((item) => item.login_name === user.login_name)) {
+                  addUser(user);
+                }
+              });
+            }
           }
         } catch (error3) {
           console.error("精准查找用户失败:", error3);
@@ -14491,7 +14667,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           removeUser(lastUser);
         }
       } else if (event.key === "Enter" && props2.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) => {
@@ -14790,7 +14972,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({
@@ -14802,6 +14984,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     modelValue: { default: "" },
     tenants: {},
     allowCreate: { type: Boolean },
+    freePaste: { type: Boolean },
     apiBaseUrl: { default: "" },
     currentUserId: { default: "" },
     disabled: { type: Boolean },
@@ -14944,6 +15127,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 (props2.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 = "";
@@ -15026,7 +15221,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]
                 ]),
@@ -15050,7 +15246,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"
@@ -15061,6 +15257,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 },
@@ -15196,10 +15393,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 },
             [
@@ -15224,12 +15422,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 */
@@ -15241,7 +15440,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"]]);
 const vue2 = {
   model: {
     prop: "modelValue",