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

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,7 +10678,7 @@ 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, withCredentials = false } = options;
     const callbackName = generateCallbackName();
     const script = document.createElement("script");
     let timeoutId;
@@ -14069,7 +13928,7 @@ const _export_sfc = (sfc, props2) => {
   }
   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: {
@@ -14244,22 +14103,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(__webpack_exports__default$1), {
-        "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(__webpack_exports__default$2), {
             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, [
@@ -14275,8 +14134,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,
@@ -14304,8 +14163,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), {
@@ -14338,20 +14197,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-ee78cf72"]]);
 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 }) {
@@ -14384,7 +14243,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" };
@@ -14395,26 +14254,34 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   __name: "multiple-selector",
   props: {
-    modelValue: { default: () => [] },
     draggable: { 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", "add-user", "remove-user", "focus", "blur"],
+  emits: [
+    "update:selectedUsers",
+    "add-user",
+    "remove-user",
+    "dragStart",
+    "dragEnd",
+    "focus",
+    "blur"
+  ],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit = __emit;
@@ -14459,6 +14326,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       sortableInstance.value = new Sortable(sortableContainerRef.value, {
         animation: 150,
         draggable: ".tag-wrapper",
+        onStart: (event) => {
+          emit("dragStart", event);
+        },
         onEnd: (evt) => {
           const { oldIndex, newIndex } = evt;
           if (oldIndex === newIndex || oldIndex === void 0 || newIndex === void 0) return;
@@ -14466,6 +14336,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           const [movedUser] = updatedUsers.splice(oldIndex, 1);
           updatedUsers.splice(newIndex, 0, movedUser);
           emit("update:selectedUsers", updatedUsers);
+          emit("dragEnd", evt);
         }
       });
     };
@@ -14501,7 +14372,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) {
@@ -14749,8 +14619,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, {
@@ -14771,8 +14641,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,
@@ -14794,8 +14664,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,
@@ -14836,8 +14706,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,
@@ -14892,8 +14762,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), [
@@ -14924,7 +14794,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-94252de2"]]);
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6c9ac297"]]);
 const _hoisted_1 = { class: "input-container" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -14935,20 +14805,20 @@ 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: () => [] },
+    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 }) {
@@ -15154,8 +15024,8 @@ 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,
@@ -15184,32 +15054,32 @@ 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-2a791ec6"]]);
 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: () => [] },
+    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", "focus", "blur"],
+  emits: ["update:modelValue", "change", "dragStart", "dragEnd", "focus", "blur"],
   setup(__props, { emit: __emit }) {
     const { t: t2 } = useI18n();
     __webpack_exports__provideGlobalConfig({
@@ -15359,6 +15229,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "user-group": _ctx.userGroup,
                 "user-group-name": userGroupName.value,
                 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"])
@@ -15373,7 +15245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a531e42"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4c00173"]]);
 const vue2 = {
   model: {
     prop: "modelValue",
@@ -15403,6 +15275,12 @@ const vue2 = {
           onFocus() {
             emit("focus", ...arguments);
           },
+          onDragStart: (event) => {
+            emit("dragStart", event);
+          },
+          onDragEnd: (event) => {
+            emit("dragEnd", event);
+          },
           ref: "userSelectorRef"
         });
       }