@blueking/bk-user-selector 0.0.24 → 0.0.26

package/vue3/index.es.min.js

@@ -1,5 +1,5 @@
 import { ref, onBeforeMount, defineComponent, createElementBlock, createCommentVNode, openBlock, withModifiers, normalizeClass, h, computed, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, Fragment, renderList, watch, nextTick, onMounted, withDirectives, isRef, vModelText, createTextVNode } from "vue";
-import { Popover, Loading, Tag, clickoutside } from "bkui-vue";
+import { Popover, Loading, Tag, clickoutside, provideGlobalConfig } from "bkui-vue";
 const getTenants = async (apiBaseUrl, tenantId) => {
   if (!apiBaseUrl || !tenantId) {
     console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
@@ -3059,7 +3059,7 @@ const UserRender = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "no-data"
 };
@@ -3204,7 +3204,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             mode: "spin"
           }, {
             default: withCtx(() => [
-              __props.options.length === 0 && __props.userGroup.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+              __props.options.length === 0 && __props.userGroup.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
                 createElementVNode(
                   "span",
                   null,
@@ -3283,7 +3283,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-54b68f9a"]]);
+const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e3741833"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "UserTag"
@@ -3329,7 +3329,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-655f7a5a"]]);
-const _hoisted_1$2 = ["onClick"];
+const _hoisted_1$1 = ["onClick"];
 const _hoisted_2$1 = ["placeholder"];
 const _hoisted_3 = ["placeholder"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -3350,6 +3350,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
@@ -3607,7 +3608,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         {
           ref_key: "containerRef",
           ref: containerRef,
-          class: "multiple-selector"
+          class: normalizeClass(["multiple-selector", { "is-disabled": _ctx.disabled }])
         },
         [
           createCommentVNode(" 聚焦状态 - 可编辑模式 "),
@@ -3670,7 +3671,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         )), [
                           [vModelText, unref(searchQuery)]
                         ]) : createCommentVNode("v-if", true)
-                      ], 8, _hoisted_1$2);
+                      ], 8, _hoisted_1$1);
                     }),
                     128
                     /* KEYED_FRAGMENT */
@@ -3815,14 +3816,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             onSelectUser: addUser
           }, null, 8, ["container-width", "cross-axis-offset", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
         ],
-        512
-        /* NEED_PATCH */
+        2
+        /* CLASS */
       );
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9fc5bebf"]]);
-const _hoisted_1$1 = { class: "input-container" };
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-19a0ebec"]]);
+const _hoisted_1 = { class: "input-container" };
 const _hoisted_2 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
@@ -3840,6 +3841,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
@@ -3957,70 +3959,72 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", newVal);
     });
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: "single-selector"
-      }, [
-        createCommentVNode(" 输入框 "),
-        createElementVNode("div", _hoisted_1$1, [
-          createCommentVNode(" 用户标签显示 "),
-          selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            onClick: withModifiers(removeSelectedUser, ["stop"])
-          }, [
-            createVNode(UserTag, {
-              "current-tenant-id": _ctx.tenantId,
-              "render-tag": _ctx.renderTag,
-              tenants: _ctx.tenants,
-              user: selectedUserInfo.value,
-              onClose: removeSelectedUser
-            }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
-          ])) : createCommentVNode("v-if", true),
-          withDirectives(createElementVNode("input", {
-            ref_key: "inputRef",
-            ref: inputRef,
-            class: "search-input",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-            placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
-            onFocus: handleInputFocus,
-            onInput: handleInput
-          }, null, 40, _hoisted_2), [
-            [vModelText, searchQuery.value]
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: normalizeClass(["single-selector", { "is-disabled": _ctx.disabled }])
+        },
+        [
+          createCommentVNode(" 输入框 "),
+          createElementVNode("div", _hoisted_1, [
+            createCommentVNode(" 用户标签显示 "),
+            selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              onClick: withModifiers(removeSelectedUser, ["stop"])
+            }, [
+              createVNode(UserTag, {
+                "current-tenant-id": _ctx.tenantId,
+                "render-tag": _ctx.renderTag,
+                tenants: _ctx.tenants,
+                user: selectedUserInfo.value,
+                onClose: removeSelectedUser
+              }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
+            ])) : createCommentVNode("v-if", true),
+            withDirectives(createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              class: "search-input",
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
+              onFocus: handleInputFocus,
+              onInput: handleInput
+            }, null, 40, _hoisted_2), [
+              [vModelText, searchQuery.value]
+            ]),
+            createCommentVNode(' "我"标签 '),
+            createVNode(MeTag, {
+              "current-user-id": _ctx.currentUserId,
+              "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
+              onClick: addCurrentUser
+            }, null, 8, ["current-user-id", "is-disabled"])
           ]),
-          createCommentVNode(' "我"标签 '),
-          createVNode(MeTag, {
-            "current-user-id": _ctx.currentUserId,
-            "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
-            onClick: addCurrentUser
-          }, null, 8, ["current-user-id", "is-disabled"])
-        ]),
-        createCommentVNode(" 使用新的公共下拉选项组件 "),
-        createVNode(SelectionPopover, {
-          "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
-          "empty-text": _ctx.emptyText,
-          "is-show": showDropdown.value,
-          loading: isLoading.value,
-          options: options.value,
-          "render-list-item": _ctx.renderListItem,
-          "search-query": searchQuery.value,
-          "tenant-id": _ctx.tenantId,
-          tenants: _ctx.tenants,
-          "user-group": userGroupFilter.value,
-          "user-group-name": _ctx.userGroupName,
-          onSelectUser: addUser
-        }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
-      ])), [
+          createCommentVNode(" 使用新的公共下拉选项组件 "),
+          createVNode(SelectionPopover, {
+            "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
+            "empty-text": _ctx.emptyText,
+            "is-show": showDropdown.value,
+            loading: isLoading.value,
+            options: options.value,
+            "render-list-item": _ctx.renderListItem,
+            "search-query": searchQuery.value,
+            "tenant-id": _ctx.tenantId,
+            tenants: _ctx.tenants,
+            "user-group": userGroupFilter.value,
+            "user-group-name": _ctx.userGroupName,
+            onSelectUser: addUser
+          }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
+        ],
+        2
+        /* CLASS */
+      )), [
         [unref(clickoutside), handleClickOutside]
       ]);
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1454c121"]]);
-const _hoisted_1 = {
-  ref: "containerRef",
-  class: "bk-user-selector"
-};
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b6af00c3"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "BkUserSelector"
@@ -4038,12 +4042,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     userGroup: { default: () => [] },
     userGroupName: { default: "用户群组" },
     emptyText: { default: "无匹配人员" },
+    disabled: { type: Boolean, default: false },
     renderListItem: {},
     renderTag: {},
     excludeUserIds: { default: () => [] }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
+    provideGlobalConfig({
+      prefix: "bk"
+    });
     const props = __props;
     const emit = __emit;
     const { tenants = {} } = useTenantData(props.apiBaseUrl, props.tenantId);
@@ -4112,7 +4120,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "section",
-        _hoisted_1,
+        {
+          ref: "containerRef",
+          class: normalizeClass(["bk-user-selector", { "is-disabled": _ctx.disabled }])
+        },
         [
           createCommentVNode(" 单选模式 "),
           !_ctx.multiple ? (openBlock(), createBlock(SingleSelector, {
@@ -4121,6 +4132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
             "api-base-url": _ctx.apiBaseUrl,
             "current-user-id": _ctx.currentUserId,
+            disabled: _ctx.disabled,
             "empty-text": _ctx.emptyText,
             "exact-search-key": _ctx.exactSearchKey,
             "exclude-user-ids": _ctx.excludeUserIds,
@@ -4132,7 +4144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "user-group": _ctx.userGroup,
             "user-group-name": _ctx.userGroupName,
             onChange: handleUpdateUser
-          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "empty-text", "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", "api-base-url", "current-user-id", "disabled", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
             Fragment,
             { key: 1 },
             [
@@ -4142,6 +4154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedUserIds.value = $event),
                 "api-base-url": _ctx.apiBaseUrl,
                 "current-user-id": _ctx.currentUserId,
+                disabled: _ctx.disabled,
                 draggable: _ctx.draggable,
                 "empty-text": _ctx.emptyText,
                 "exact-search-key": _ctx.exactSearchKey,
@@ -4155,19 +4168,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "user-group": _ctx.userGroup,
                 "user-group-name": _ctx.userGroupName,
                 "onUpdate:selectedUsers": handleUpdateSelectedUsers
-              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "empty-text", "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", "api-base-url", "current-user-id", "disabled", "draggable", "empty-text", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
           ))
         ],
-        512
-        /* NEED_PATCH */
+        2
+        /* CLASS */
       );
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-906da21c"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c31311f7"]]);
 export {
   BkUserSelector,
   BkUserSelector as default