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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bk-user-selector",
-  "version": "0.0.39-beta.1",
+  "version": "0.0.39-beta.3",
   "description": "蓝鲸用户选择器",
   "license": "MIT",
   "author": "Tencent BlueKing",

package/typings/types/index.d.ts

@@ -29,14 +29,14 @@ export interface FormattedUser {
  * 多选模式属性
  */
 export interface MultipleSelectorProps extends BaseSelectorProps {
-    /**
-     * 是否允许粘贴任意文本
-     */
-    freePaste?: boolean;
     /**
      * 是否支持拖拽排序
      */
     draggable?: boolean;
+    /**
+     * 是否允许粘贴任意文本
+     */
+    freePaste?: boolean;
     /**
      * 选中的用户ID列表
      */
@@ -134,10 +134,6 @@ interface BaseSelectorProps {
      * 是否允许创建用户
      */
     allowCreate?: boolean;
-    /**
-     * 是否允许粘贴任意文本
-     */
-    freePaste?: boolean;
     /**
      * 接口基础URL
      */
@@ -166,6 +162,10 @@ interface BaseSelectorProps {
      * 排除的用户ID列表
      */
     excludeUserIds?: string[];
+    /**
+     * 是否允许粘贴任意文本
+     */
+    freePaste?: boolean;
     /**
      * 占位文字
      */

package/vue2/index.es.min.js

@@ -4546,10 +4546,6 @@ __webpack_require__$7.d(__webpack_exports__$7, {
     /* reexport */
     lang_en
   ),
-  jp: () => (
-    /* reexport */
-    ja_jp
-  ),
   zhCn: () => (
     /* reexport */
     zh_cn
@@ -4737,145 +4733,6 @@ 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: {
@@ -4960,7 +4817,7 @@ var zhCn = {
       title: "表格设置",
       fields: {
         title: "字段显示设置",
-        subtitle: function subtitle3(max2) {
+        subtitle: function subtitle2(max2) {
           return "（最多".concat(max2, "项）");
         },
         selectAll: "全选"
@@ -5059,7 +4916,6 @@ 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 = {};
 (() => {
@@ -10617,6 +10473,9 @@ var __webpack_exports__ = {};
             hide2(el);
           }, 100);
         });
+        el.addEventListener("click", function() {
+          hide2(el);
+        });
         popper2.addEventListener("mouseleave", function() {
           clearTimeout(delayTimeout);
           hideTimeout = setTimeout(function() {
@@ -10630,7 +10489,7 @@ var __webpack_exports__ = {};
               show(el);
               clearTimeout(delayTimeout);
             }, opts.delay);
-          } else if (!el.contains(event.target) && popper2.hasAttribute("data-show")) {
+          } else if (popper2.hasAttribute("data-show")) {
             hide2(el);
           }
         });
@@ -10819,15 +10678,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);
@@ -14338,7 +14193,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-ee78cf72"]]);
+const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-78875ea6"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "UserTag"
@@ -14395,8 +14250,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   __name: "multiple-selector",
   props: {
-    freePaste: { type: Boolean, default: false },
     draggable: { type: Boolean, default: false },
+    freePaste: { type: Boolean, default: false },
     modelValue: { default: () => [] },
     selectedUsers: { default: () => [] },
     tenants: { default: () => ({}) },
@@ -14984,7 +14839,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     modelValue: { default: "" },
     tenants: {},
     allowCreate: { type: Boolean },
-    freePaste: { type: Boolean },
     apiBaseUrl: { default: "" },
     currentUserId: { default: "" },
     disabled: { type: Boolean },
@@ -14992,6 +14846,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     enableMultiTenantMode: { type: Boolean },
     exactSearchKey: { default: "bk_username" },
     excludeUserIds: { default: () => [] },
+    freePaste: { type: Boolean },
     placeholder: { default: "" },
     tenantId: { default: "" },
     userGroupName: { default: "" },
@@ -15095,6 +14950,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;
@@ -15154,9 +15010,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(() => {
@@ -15246,7 +15107,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-633b6466"]]);
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cbe352a6"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelector"
@@ -15257,7 +15118,6 @@ 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 },
@@ -15265,6 +15125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     enableMultiTenantMode: { type: Boolean, default: true },
     exactSearchKey: { default: "bk_username" },
     excludeUserIds: { default: () => [] },
+    freePaste: { type: Boolean, default: false },
     placeholder: { default: "" },
     tenantId: { default: "" },
     userGroupName: { default: "" },
@@ -15440,7 +15301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37ff6c88"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c628c83"]]);
 const vue2 = {
   model: {
     prop: "modelValue",