@blueking/bk-user-selector 0.0.3 → 0.0.4

package/vue3/index.es.min.js

@@ -2,7 +2,7 @@ import { ref, onBeforeMount, defineComponent, createBlock, openBlock, unref, wit
 import { Tag, Popover, Loading, clickoutside } from "bkui-vue";
 const getTenants = async (apiBaseUrl, tenantId) => {
   if (!apiBaseUrl || !tenantId) {
-    console.warn("获取租户信息需要提供有效的API基础URL和租户ID");
+    console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
     return [];
   }
   try {
@@ -26,7 +26,7 @@ const getTenants = async (apiBaseUrl, tenantId) => {
 };
 const searchUsers = async (apiBaseUrl = "", tenantId = "", keyword = "") => {
   if (!keyword || !apiBaseUrl || !tenantId) {
-    console.warn("搜索用户需要提供有效的API基础URL、租户ID和关键词");
+    console.warn("搜索用户需要提供有效的apiBaseUrl、租户ID和关键词");
     return [];
   }
   try {
@@ -48,13 +48,13 @@ const searchUsers = async (apiBaseUrl = "", tenantId = "", keyword = "") => {
     return [];
   }
 };
-const lookupUsers = async (apiBaseUrl = "", tenantId = "", users = []) => {
+const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactKey = "bk_username", users = []) => {
   if (users.length === 0 || !apiBaseUrl || !tenantId) {
-    console.warn("批量查找用户需要提供有效的API基础URL、租户ID和至少一个用户名");
+    console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
     return [];
   }
   try {
-    const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=bk_username`;
+    const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactKey}`;
     const response = await fetch(url, {
       method: "GET",
       headers: {
@@ -3099,6 +3099,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     currentUserId: {
       type: String,
       default: ""
+    },
+    /**
+     * 精确查找key
+     */
+    exactKey: {
+      type: String,
+      default: "bk_username"
     }
   },
   emits: ["update:selectedUsers", "add-user", "remove-user"],
@@ -3139,7 +3146,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           const [movedUser] = updatedUsers.splice(oldIndex, 1);
           updatedUsers.splice(newIndex, 0, movedUser);
           emit("update:selectedUsers", updatedUsers);
-          activeTagIndex.value = newIndex;
         }
       });
     };
@@ -3215,7 +3221,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const addCurrentUser = async () => {
       if (!props.currentUserId || props.selectedUsers.some((user) => user.id === props.currentUserId)) return;
       try {
-        const result = await lookupUsers(props.apiBaseUrl, props.tenantId, [props.currentUserId]);
+        const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, [props.currentUserId]);
         const formattedUsers = formatUsers(result);
         if (formattedUsers.length > 0) {
           if (!props.selectedUsers.some((item) => item.id === formattedUsers[0].id)) {
@@ -3236,7 +3242,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (pastedText.trim()) {
         try {
           const users = pastedText.trim().split(/[,，;\n\s]+/).filter(Boolean);
-          const result = await lookupUsers(props.apiBaseUrl, props.tenantId, users);
+          const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, users);
           const formattedUsers = formatUsers(result);
           if (formattedUsers.length > 0) {
             const updatedUsers = [...props.selectedUsers, ...formattedUsers];
@@ -3266,8 +3272,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const addUser = (user) => {
       if (!(user == null ? void 0 : user.id)) return;
       if (!props.selectedUsers.some((item) => item.id === user.id)) {
-        const updatedUsers = [...props.selectedUsers, user];
-        emit("update:selectedUsers", updatedUsers);
+        if (activeTagIndex.value !== -1) {
+          const updatedUsers = [
+            ...props.selectedUsers.slice(0, activeTagIndex.value + 1),
+            user,
+            ...props.selectedUsers.slice(activeTagIndex.value + 1)
+          ];
+          emit("update:selectedUsers", updatedUsers);
+        } else {
+          emit("update:selectedUsers", [...props.selectedUsers, user]);
+        }
         emit("add-user", user);
       }
       searchQuery.value = "";
@@ -3566,8 +3580,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0bc02f6f"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-02788d3d"), n = n(), popScopeId(), n);
+const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-55945956"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-d17d0282"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "input-container" };
 const _hoisted_2 = {
   key: 0,
@@ -3601,7 +3615,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     apiBaseUrl: {},
     tenantId: {},
     tenants: {},
-    currentUserId: {}
+    currentUserId: {},
+    exactKey: {}
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -3621,7 +3636,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (typeof props.modelValue === "string" && props.modelValue) {
         try {
           isLoading.value = true;
-          const result = await lookupUsers(props.apiBaseUrl || "", props.tenantId || "", [props.modelValue]);
+          const result = await lookupUsers(props.apiBaseUrl || "", props.tenantId || "", props.exactKey, [
+            props.modelValue
+          ]);
           options.value = formatUsers(result);
         } catch (error) {
           console.error("获取用户信息失败:", error);
@@ -3633,7 +3650,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const addCurrentUser = async () => {
       if (!props.currentUserId || selectedUser.value === props.currentUserId) return;
       try {
-        const result = await lookupUsers(props.apiBaseUrl, props.tenantId, [props.currentUserId]);
+        const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, [props.currentUserId]);
         const formattedResults = formatUsers(result);
         if (formattedResults.length > 0) {
           options.value = formattedResults;
@@ -3809,7 +3826,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-02788d3d"]]);
+const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d17d0282"]]);
 const _hoisted_1 = { class: "bk-user-selector" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -3823,7 +3840,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: { default: "" },
     draggable: { type: Boolean, default: false },
     multiple: { type: Boolean, default: false },
-    currentUserId: { default: "" }
+    currentUserId: { default: "" },
+    exactKey: { default: "" }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -3840,7 +3858,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const ids = Array.isArray(props.modelValue) ? props.modelValue : [];
         if (ids.length > 0) {
           try {
-            const result = await lookupUsers(props.apiBaseUrl, props.tenantId, ids);
+            console.log(props.exactKey);
+            const result = await lookupUsers(props.apiBaseUrl, props.tenantId, props.exactKey, ids);
             selectedUsers.value = formatUsers(result);
           } catch (error) {
             console.error("获取选中用户信息失败:", error);
@@ -3878,11 +3897,12 @@ 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,
+          "exact-key": _ctx.exactKey,
           placeholder: _ctx.placeholder,
           "tenant-id": _ctx.tenantId,
           tenants: unref(tenants),
           onChange: handleUpdateUser
-        }, null, 8, ["modelValue", "api-base-url", "current-user-id", "placeholder", "tenant-id", "tenants"])) : (openBlock(), createElementBlock(
+        }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-key", "placeholder", "tenant-id", "tenants"])) : (openBlock(), createElementBlock(
           Fragment,
           { key: 1 },
           [
@@ -3893,12 +3913,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "api-base-url": _ctx.apiBaseUrl,
               "current-user-id": _ctx.currentUserId,
               draggable: _ctx.draggable,
+              "exact-key": _ctx.exactKey,
               placeholder: _ctx.placeholder,
               "selected-users": selectedUsers.value,
               "tenant-id": _ctx.tenantId,
               tenants: unref(tenants),
               "onUpdate:selectedUsers": handleUpdateSelectedUsers
-            }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "placeholder", "selected-users", "tenant-id", "tenants"])
+            }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-key", "placeholder", "selected-users", "tenant-id", "tenants"])
           ],
           2112
           /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -3907,7 +3928,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb73e41f"]]);
+const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee509d86"]]);
 export {
   BkUserSelector,
   BkUserSelector as default

package/vue3/index.iife.min.js

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(":root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n* {\n  box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n  /* 1 */\n  display: inline-block;\n  /* 2 */\n  vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n  display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n  outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n  border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n  margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n  height: 0;\n  box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n *    Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  /* 3 */\n  margin: 0;\n  /* 2 */\n  font: inherit;\n  /* 1 */\n  color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n  overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n  text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  /* 3 */\n  cursor: pointer;\n  /* 2 */\n  appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n  line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n  display: none;\n}\ninput[type='text']::-ms-clear {\n  display: none;\n}\ninput[type='text']::-ms-reveal {\n  display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n  /* 2 */\n  box-sizing: content-box;\n  /* 1 */\n  appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n  padding: 0.35em 0.625em 0.75em;\n  margin: 0 2px;\n  border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n  overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n  font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n  overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n  overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.6);\n  }\n}\n@keyframes fade {\n  100% {\n    background-color: transparent;\n  }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n  opacity: 0;\n}\n.clearfix-style::after {\n  display: block;\n  height: 0;\n  clear: both;\n  font-size: 0;\n  content: '';\n  visibility: hidden;\n}\n.bk-popper {\n  display: none;\n  padding: 7px 14px;\n  font-size: 12px;\n  color: #fff;\n  background: #333;\n  border-radius: 4px;\n}\n.bk-popper.light {\n  color: #63656e;\n  background: #fff;\n  box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n  visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n  content: '';\n  visibility: visible;\n  transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n  display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n  bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n  top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n  right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n  left: -4px;\n}\n.bk-loading-wrapper {\n  position: static;\n  vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n  display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n  width: 100%;\n  height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n  position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n  display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 11;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  margin-right: 10px;\n  border-radius: 50%;\n  transform: scale(0.6);\n  animation-duration: 0.8s;\n  animation-iteration-count: infinite;\n  animation-name: loading-scale-animate;\n  animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n  position: absolute;\n  width: 6px;\n  height: 8px;\n  background-color: var(--default-color);\n  border-radius: 8px;\n  animation-duration: 1.2s;\n  animation-iteration-count: infinite;\n  animation-name: fade;\n  transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n  display: flex;\n  line-height: 1;\n  text-align: center;\n  flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n  background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n  background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n  background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n  background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n  background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n  background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n  background-color: var(--danger-color);\n  animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n  background-color: var(--warning-color);\n  animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n  background-color: var(--success-color);\n  animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n  background-color: var(--primary-color);\n  animation-delay: 0.55s;\n  margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n  transform: rotate(135deg);\n  animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n  transform: rotate(90deg);\n  animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n  transform: rotate(45deg);\n  animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n  transform: rotate(0deg);\n  animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n  transform: rotate(-45deg);\n  animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n  transform: rotate(-90deg);\n  animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n  transform: rotate(-135deg);\n  animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n  transform: rotate(-180deg);\n  animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n  display: inline-flex;\n  justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n  position: relative;\n  display: inline-flex;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n  height: 16px;\n  width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n  width: 3px;\n  height: 3px;\n  margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n  width: 2px;\n  height: 3px;\n  border-radius: 3px;\n  transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n  font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n  height: 32px;\n  width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n  width: 6px;\n  height: 6px;\n  margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n  width: 4px;\n  height: 5px;\n  border-radius: 5px;\n  transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n  font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n  height: 68px;\n  width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n  width: 20px;\n  height: 20px;\n  margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n  width: 8px;\n  height: 12px;\n  border-radius: 12px;\n  transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n  font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n  margin-top: 8px;\n  font-size: var(--font-size-medium);\n  line-height: normal;\n  color: var(--default-color);\n  text-align: center;\n}\n.text-ov {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.position-relative {\n  position: relative;\n}\n.position-absolute {\n  position: absolute;\n}\n:root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n  position: absolute;\n  padding: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: #26323d;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n  display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n  position: absolute;\n  z-index: -1;\n  width: 8px;\n  height: 8px;\n  background: #333;\n  transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n  color: #26323d;\n  background-color: #fff;\n  box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n  background-color: #fff;\n}\n:root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n  display: inline-flex;\n  align-items: center;\n  height: 22px;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 22px;\n  color: var(--default-color);\n  cursor: default;\n  background-color: #f0f1f5;\n  border-color: rgba(151, 155, 165, 0.3);\n  box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n  color: #14a568;\n  border-color: rgba(20, 165, 104, 0.3);\n  background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n  background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n  background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n  background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n  color: var(--primary-color);\n  border-color: rgba(58, 132, 255, 0.3);\n  background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n  background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n  background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n  background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n  color: #fe9c00;\n  border-color: rgba(254, 165, 0, 0.3);\n  background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n  background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n  background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n  background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n  color: var(--danger-color);\n  border-color: rgba(234, 53, 54, 0.3);\n  background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n  background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n  background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n  background-color: #FEDDDC;\n}\n.bk-tag:hover {\n  background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n  color: #fff;\n  background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n  background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n  padding: 0 9px;\n  line-height: 20px;\n  border-style: solid;\n  border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n  padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n  cursor: pointer;\n  background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n  background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n  color: #fff;\n  background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n  color: #fff;\n  background: var(--primary-color);\n  opacity: 1;\n}\n.bk-tag--default {\n  padding: 0 8px;\n}\n.bk-tag--small {\n  height: 16px;\n  padding: 0 4px;\n  line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n  font-size: 10px;\n}\n.bk-tag-text {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.bk-tag-icon {\n  flex-shrink: 0;\n  margin-right: 4px;\n  font-size: 14px;\n  line-height: 0;\n}\n.bk-tag-close {\n  flex-shrink: 0;\n  margin-left: 4px;\n  font-size: 12px;\n  line-height: 0;\n  cursor: pointer;\n}\n.user-tag[data-v-203c36cb] {\n  margin-right: 4px;\n}\n.user-tag.draggable[data-v-203c36cb] {\n  cursor: move;\n}\n.user-tag.active[data-v-203c36cb] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-203c36cb] {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n}\n.user-tag .tag-content .tenant-name[data-v-203c36cb] {\n  color: #f59500;\n  margin-left: 3px;\n  white-space: nowrap;\n  padding: 0 3px;\n  border-radius: 2px;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n  padding: 0;\n}.multiple-selector[data-v-0bc02f6f] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-0bc02f6f] {\n  min-height: 32px;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  padding: 1px 4px;\n  transition: all 0.2s ease;\n  background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-0bc02f6f] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-0bc02f6f] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-0bc02f6f] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-0bc02f6f] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-0bc02f6f] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-0bc02f6f]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-0bc02f6f] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-0bc02f6f], .multiple-selector .search-input.collapsed[data-v-0bc02f6f] {\n  flex: 1;\n  min-width: 60px;\n}\n.dropdown-content[data-v-0bc02f6f] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-0bc02f6f] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-0bc02f6f] {\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: 32px;\n}\n.dropdown-content .user-option[data-v-0bc02f6f]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-0bc02f6f] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-0bc02f6f] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #e1ecff;\n  color: #4d4f56;\n  border-radius: 50%;\n  padding: 0 8px;\n  height: 24px;\n  width: 24px;\n  cursor: pointer;\n  font-size: 12px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.me-tag[data-v-0bc02f6f]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-0bc02f6f] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.single-selector[data-v-02788d3d] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-02788d3d] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 32px;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  padding: 0 8px;\n  background-color: #fff;\n}\n.input-container[data-v-02788d3d]:focus-within {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-02788d3d] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-02788d3d]::placeholder {\n  color: #c4c6cc;\n}\n.selected-user[data-v-02788d3d] {\n  display: inline-flex;\n  align-items: center;\n  background-color: #f0f1f5;\n  border-radius: 2px;\n  padding: 0 8px;\n  margin-right: 8px;\n  height: 24px;\n  max-width: calc(100% - 32px);\n}\n.selected-user .tenant-name[data-v-02788d3d] {\n  color: #f59500;\n  margin-left: 4px;\n}\n.selected-user .close-icon[data-v-02788d3d] {\n  margin-left: 4px;\n  cursor: pointer;\n  font-style: normal;\n}\n.dropdown-content[data-v-02788d3d] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-02788d3d] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-02788d3d] {\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: 32px;\n}\n.dropdown-content .user-option[data-v-02788d3d]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-02788d3d] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-02788d3d] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #e1ecff;\n  color: #4d4f56;\n  border-radius: 50%;\n  padding: 0 8px;\n  height: 24px;\n  width: 24px;\n  cursor: pointer;\n  font-size: 12px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.me-tag[data-v-02788d3d]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-02788d3d] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.bk-user-selector[data-v-bb73e41f] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}"));
+      elementStyle.appendChild(document.createTextNode(":root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n* {\n  box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n  /* 1 */\n  display: inline-block;\n  /* 2 */\n  vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n  display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n  outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n  border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n  margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n  height: 0;\n  box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n *    Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  /* 3 */\n  margin: 0;\n  /* 2 */\n  font: inherit;\n  /* 1 */\n  color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n  overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n  text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  /* 3 */\n  cursor: pointer;\n  /* 2 */\n  appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n  line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n  display: none;\n}\ninput[type='text']::-ms-clear {\n  display: none;\n}\ninput[type='text']::-ms-reveal {\n  display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n  /* 2 */\n  box-sizing: content-box;\n  /* 1 */\n  appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n  padding: 0.35em 0.625em 0.75em;\n  margin: 0 2px;\n  border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n  overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n  font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n  overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n  overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.6);\n  }\n}\n@keyframes fade {\n  100% {\n    background-color: transparent;\n  }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n  opacity: 0;\n}\n.clearfix-style::after {\n  display: block;\n  height: 0;\n  clear: both;\n  font-size: 0;\n  content: '';\n  visibility: hidden;\n}\n.bk-popper {\n  display: none;\n  padding: 7px 14px;\n  font-size: 12px;\n  color: #fff;\n  background: #333;\n  border-radius: 4px;\n}\n.bk-popper.light {\n  color: #63656e;\n  background: #fff;\n  box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n  visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n  content: '';\n  visibility: visible;\n  transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n  display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n  bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n  top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n  right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n  left: -4px;\n}\n.bk-loading-wrapper {\n  position: static;\n  vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n  display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n  width: 100%;\n  height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n  position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n  display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 11;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  margin-right: 10px;\n  border-radius: 50%;\n  transform: scale(0.6);\n  animation-duration: 0.8s;\n  animation-iteration-count: infinite;\n  animation-name: loading-scale-animate;\n  animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n  position: absolute;\n  width: 6px;\n  height: 8px;\n  background-color: var(--default-color);\n  border-radius: 8px;\n  animation-duration: 1.2s;\n  animation-iteration-count: infinite;\n  animation-name: fade;\n  transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n  display: flex;\n  line-height: 1;\n  text-align: center;\n  flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n  background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n  background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n  background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n  background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n  background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n  background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n  background-color: var(--danger-color);\n  animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n  background-color: var(--warning-color);\n  animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n  background-color: var(--success-color);\n  animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n  background-color: var(--primary-color);\n  animation-delay: 0.55s;\n  margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n  transform: rotate(135deg);\n  animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n  transform: rotate(90deg);\n  animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n  transform: rotate(45deg);\n  animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n  transform: rotate(0deg);\n  animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n  transform: rotate(-45deg);\n  animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n  transform: rotate(-90deg);\n  animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n  transform: rotate(-135deg);\n  animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n  transform: rotate(-180deg);\n  animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n  display: inline-flex;\n  justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n  position: relative;\n  display: inline-flex;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n  height: 16px;\n  width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n  width: 3px;\n  height: 3px;\n  margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n  width: 2px;\n  height: 3px;\n  border-radius: 3px;\n  transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n  font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n  height: 32px;\n  width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n  width: 6px;\n  height: 6px;\n  margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n  width: 4px;\n  height: 5px;\n  border-radius: 5px;\n  transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n  font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n  height: 68px;\n  width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n  width: 20px;\n  height: 20px;\n  margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n  width: 8px;\n  height: 12px;\n  border-radius: 12px;\n  transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n  font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n  margin-top: 8px;\n  font-size: var(--font-size-medium);\n  line-height: normal;\n  color: var(--default-color);\n  text-align: center;\n}\n.text-ov {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.position-relative {\n  position: relative;\n}\n.position-absolute {\n  position: absolute;\n}\n:root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n  position: absolute;\n  padding: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: #26323d;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n  display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n  position: absolute;\n  z-index: -1;\n  width: 8px;\n  height: 8px;\n  background: #333;\n  transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n  color: #26323d;\n  background-color: #fff;\n  box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n  background-color: #fff;\n}\n:root {\n  --bk-prefix: bk;\n  --popover-max-height: 216px;\n  --primary-color: #3a84ff;\n  --success-color: #2dcb56;\n  --warning-color: #ff9c01;\n  --danger-color: #ea3636;\n  --default-color: #63656e;\n  --gray-color: #979ba5;\n  --light-gray: #c4c6cc;\n  --white-color: white;\n  --whitesmoke-color: #fafbfd;\n  --disable-color: #dcdee5;\n  --disable-bg-color: #f9fafd;\n  --border-color: #dcdee5;\n  --font-size-base: 12px;\n  --font-size-medium: 14px;\n  --font-size-large: 16px;\n  --line-height-base: 16px;\n  --line-height-medium: 16px;\n  --line-height-large: 18px;\n  --component-size-small: 26px;\n  --component-size-base: 32px;\n  --component-size-large: 40px;\n  --component-size-small-padding: 0 12px;\n  --component-size-base-padding: 0 14px;\n  --component-size-large-padding: 0 16px;\n  --border-width-base: 1px;\n  --border-style-base: solid;\n  --border-radius-base: 2px;\n  --border-style-color: var(--light-gray);\n  --input-disabled-bg: #fafbfd;\n  --input-disabled-border: var(--disable-color);\n  --input-height-base: var(--component-size-base);\n  --input-color: var(--default-color);\n  --input-bg: white;\n  --input-border-color: var(--light-gray);\n  --input-broder-radius: 3px;\n  --input-shadow-color: #a3c5fd;\n  --input-horizontal-padding: 8px;\n  --input-block-color: #f5f7fa;\n  --input-block-hover-color: #eaebf0;\n  --input-icon-size: var(--font-size-medium);\n  --input-maxlength-color: #979ba5;\n  --button-primary-hover-color: #5594fa;\n  --button-danger-hover-color: #ff5656;\n  --button-success-hover-color: #45e35f;\n  --button-warning-hover-color: #ffb848;\n  --button-default-hover-border-color: #979ba5;\n  --button-primary-active-color: #2c77f4;\n  --button-danger-active-color: #db2626;\n  --button-success-active-color: #1ab943;\n  --button-warning-active-color: #eb9000;\n  --button-selected-bg-color: #e1ecff;\n  --button-disabled-selected-bg-color: #f0f1f5;\n  --radio-font-color: #63656e;\n  --radio-active-color: #3a84ff;\n  --radio-hover-border-color: #979ba5;\n  --radio-disabled-border: #dcdee5;\n  --radio-disabled-font-color: #c4c6cc;\n  --radio-disabled-checked-bg: #a3c5fd;\n  --radio-button-checked-bg: #e1ecff;\n  --radio-button-disabled-checked-bg: #fafbfd;\n  --checkbox-disabled-checked-bg: #a3c5fd;\n  --fixed-navbar-background: #fff;\n  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n  --switch-default-color: #fff;\n  --switch-grey-color: #c4c6cc;\n  --breadcrumb-black-color: #979ba5;\n  --breadcrumb-primary-hover-color: #0082ff;\n  --breadcrumb-fn-main-color: #63656e;\n  --link-default-hover-color: #979ba5;\n  --link-primary-hover-color: #699df4;\n  --link-success-hover-color: #45e35f;\n  --link-warning-hover-color: #ffb848;\n  --link-danger-hover-color: #ff5656;\n  --link-default-disabled-color: #dcdee5;\n  --link-primary-disabled-color: #a3c5fd;\n  --link-success-disabled-color: #94f5a4;\n  --link-warning-disabled-color: #ffd695;\n  --link-danger-disabled-color: #fd9c9c;\n  --message-color: var(--default-color);\n  --message-primary-bg-color: #f0f8ff;\n  --message-primary-border-color: #e1ecff;\n  --message-primary-shadow-color: #e1e8f4;\n  --message-warning-bg-color: #fff4e2;\n  --message-warning-border-color: #ffe8c3;\n  --message-warning-shadow-color: #ede6db;\n  --message-success-bg-color: #f2fff4;\n  --message-success-border-color: #dcffe2;\n  --message-success-shadow-color: #cef0d7;\n  --message-danger-bg-color: #ffeded;\n  --message-danger-border-color: #ffdddd;\n  --message-danger-shadow-color: #f6dada;\n  --slider-default-bg: #dcdee5;\n  --slider-disable-bar-bg: #979ba5;\n  --menu-bg-color: #182132;\n  --submenu-bg-color: #151d2c;\n  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n  --menu-color: #96a2b9;\n  --menu-group-color: var(--default-color);\n  --menu-width: 260px;\n  --menu-collapse-width: 60px;\n  --menu-active-color: white;\n  --nav-header-bg-color: #182132;\n  --nav-bg-color: #182132;\n  --date-picker-disabled-bg: #fafbfd;\n  --date-picker-dropdown-mb: 4px;\n  --date-picker-dropdown-bg: #fff;\n  --table-bg-color: var(--white-color);\n  --table-border-color: #dcdee5;\n  --table-strip-color: #fafbfd;\n  --table-head-bg-color: #fafbfd;\n  --table-head-font-color: #313238;\n  --table-body-font-color: #63656e;\n  --table-row-hover-bg-color: #f5f7fa;\n  --table-row-active-bg-color: #f0f1f5;\n  --cascader-panel-border-color: #dcdee5;\n  --cascader-panel-hover: #f5f7fa;\n  --cascader-panel-active: #e1ecff;\n  --cascader-panel-disabled-bg: #fff;\n  --search-select-focus-border-color: var(--primary-color);\n  --search-select-focus-color: #3c96ff;\n  --search-select-font-color: var(--default-color);\n  --search-select-placeholder-color: var(--light-gray);\n  --search-select-message-color: var(--danger-color);\n  --search-select-menu-border-color: var(--disable-color);\n  --select-active-color: #e1ecff;\n  --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n  display: inline-flex;\n  align-items: center;\n  height: 22px;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 22px;\n  color: var(--default-color);\n  cursor: default;\n  background-color: #f0f1f5;\n  border-color: rgba(151, 155, 165, 0.3);\n  box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n  color: #14a568;\n  border-color: rgba(20, 165, 104, 0.3);\n  background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n  background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n  background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n  background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n  color: var(--primary-color);\n  border-color: rgba(58, 132, 255, 0.3);\n  background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n  background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n  background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n  background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n  color: #fe9c00;\n  border-color: rgba(254, 165, 0, 0.3);\n  background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n  background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n  background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n  background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n  color: var(--danger-color);\n  border-color: rgba(234, 53, 54, 0.3);\n  background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n  background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n  background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n  background-color: #FEDDDC;\n}\n.bk-tag:hover {\n  background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n  color: #fff;\n  background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n  background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n  padding: 0 9px;\n  line-height: 20px;\n  border-style: solid;\n  border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n  padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n  cursor: pointer;\n  background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n  background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n  color: #fff;\n  background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n  color: #fff;\n  background: var(--primary-color);\n  opacity: 1;\n}\n.bk-tag--default {\n  padding: 0 8px;\n}\n.bk-tag--small {\n  height: 16px;\n  padding: 0 4px;\n  line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n  font-size: 10px;\n}\n.bk-tag-text {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.bk-tag-icon {\n  flex-shrink: 0;\n  margin-right: 4px;\n  font-size: 14px;\n  line-height: 0;\n}\n.bk-tag-close {\n  flex-shrink: 0;\n  margin-left: 4px;\n  font-size: 12px;\n  line-height: 0;\n  cursor: pointer;\n}\n.user-tag[data-v-203c36cb] {\n  margin-right: 4px;\n}\n.user-tag.draggable[data-v-203c36cb] {\n  cursor: move;\n}\n.user-tag.active[data-v-203c36cb] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-203c36cb] {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n}\n.user-tag .tag-content .tenant-name[data-v-203c36cb] {\n  color: #f59500;\n  margin-left: 3px;\n  white-space: nowrap;\n  padding: 0 3px;\n  border-radius: 2px;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n  padding: 0;\n}.multiple-selector[data-v-55945956] {\n  position: relative;\n  width: 100%;\n}\n.multiple-selector .tags-container[data-v-55945956] {\n  min-height: 32px;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  padding: 1px 4px;\n  transition: all 0.2s ease;\n  background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-55945956] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-55945956] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-list[data-v-55945956] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-55945956] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.multiple-selector .search-input[data-v-55945956] {\n  outline: none;\n  border: none;\n  height: 28px;\n  min-width: 10px;\n  background: transparent;\n}\n.multiple-selector .search-input[data-v-55945956]::placeholder {\n  color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-55945956] {\n  min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-55945956], .multiple-selector .search-input.collapsed[data-v-55945956] {\n  flex: 1;\n  min-width: 60px;\n}\n.dropdown-content[data-v-55945956] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-55945956] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-55945956] {\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: 32px;\n}\n.dropdown-content .user-option[data-v-55945956]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-55945956] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-55945956] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #e1ecff;\n  color: #4d4f56;\n  border-radius: 50%;\n  padding: 0 8px;\n  height: 24px;\n  width: 24px;\n  cursor: pointer;\n  font-size: 12px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.me-tag[data-v-55945956]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-55945956] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.single-selector[data-v-d17d0282] {\n  position: relative;\n  width: 100%;\n}\n.input-container[data-v-d17d0282] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: 32px;\n  border: 1px solid #dcdee5;\n  border-radius: 2px;\n  padding: 0 8px;\n  background-color: #fff;\n}\n.input-container[data-v-d17d0282]:focus-within {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-d17d0282] {\n  flex: 1;\n  outline: none;\n  border: none;\n  height: 30px;\n  background: transparent;\n}\n.search-input[data-v-d17d0282]::placeholder {\n  color: #c4c6cc;\n}\n.selected-user[data-v-d17d0282] {\n  display: inline-flex;\n  align-items: center;\n  background-color: #f0f1f5;\n  border-radius: 2px;\n  padding: 0 8px;\n  margin-right: 8px;\n  height: 24px;\n  max-width: calc(100% - 32px);\n}\n.selected-user .tenant-name[data-v-d17d0282] {\n  color: #f59500;\n  margin-left: 4px;\n}\n.selected-user .close-icon[data-v-d17d0282] {\n  margin-left: 4px;\n  cursor: pointer;\n  font-style: normal;\n}\n.dropdown-content[data-v-d17d0282] {\n  min-height: 40px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-d17d0282] {\n  padding: 10px;\n  text-align: center;\n  color: #979ba5;\n}\n.dropdown-content .user-option[data-v-d17d0282] {\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: 32px;\n}\n.dropdown-content .user-option[data-v-d17d0282]:hover {\n  background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-d17d0282] {\n  color: #f59500;\n  margin-left: 4px;\n  padding: 0 4px;\n}\n.me-tag[data-v-d17d0282] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #e1ecff;\n  color: #4d4f56;\n  border-radius: 50%;\n  padding: 0 8px;\n  height: 24px;\n  width: 24px;\n  cursor: pointer;\n  font-size: 12px;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n}\n.me-tag[data-v-d17d0282]:hover {\n  background-color: #cddffe;\n  color: #3a84ff;\n}\n.me-tag.disabled[data-v-d17d0282] {\n  background-color: #f0f1f5;\n  color: #c4c6cc;\n  cursor: not-allowed;\n}.bk-user-selector[data-v-ee509d86] {\n  width: 100%;\n  position: relative;\n  font-size: 12px;\n}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -31,7 +31,7 @@ var lesscodeCustomComponentLibrary = function(exports, __WEBPACK_EXTERNAL_MODULE
   const __WEBPACK_EXTERNAL_MODULE_vue____namespace = /* @__PURE__ */ _interopNamespaceDefault(__WEBPACK_EXTERNAL_MODULE_vue__);
   const getTenants = async (apiBaseUrl, tenantId) => {
     if (!apiBaseUrl || !tenantId) {
-      console.warn("获取租户信息需要提供有效的API基础URL和租户ID");
+      console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
       return [];
     }
     try {
@@ -55,7 +55,7 @@ var lesscodeCustomComponentLibrary = function(exports, __WEBPACK_EXTERNAL_MODULE
   };
   const searchUsers = async (apiBaseUrl = "", tenantId = "", keyword = "") => {
     if (!keyword || !apiBaseUrl || !tenantId) {
-      console.warn("搜索用户需要提供有效的API基础URL、租户ID和关键词");
+      console.warn("搜索用户需要提供有效的apiBaseUrl、租户ID和关键词");
       return [];
     }
     try {
@@ -77,13 +77,13 @@ var lesscodeCustomComponentLibrary = function(exports, __WEBPACK_EXTERNAL_MODULE
       return [];
     }
   };
-  const lookupUsers = async (apiBaseUrl = "", tenantId = "", users = []) => {
+  const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactKey = "bk_username", users = []) => {
     if (users.length === 0 || !apiBaseUrl || !tenantId) {
-      console.warn("批量查找用户需要提供有效的API基础URL、租户ID和至少一个用户名");
+      console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
       return [];
     }
     try {
-      const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=bk_username`;
+      const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactKey}`;
       const response = await fetch(url, {
         method: "GET",
         headers: {
@@ -16805,6 +16805,13 @@ ${$(r2)}`), n2;
       currentUserId: {
         type: String,
         default: ""
+      },
+      /**
+       * 精确查找key
+       */
+      exactKey: {
+        type: String,
+        default: "bk_username"
       }
     },
     emits: ["update:selectedUsers", "add-user", "remove-user"],
@@ -16845,7 +16852,6 @@ ${$(r2)}`), n2;
             const [movedUser] = updatedUsers.splice(oldIndex, 1);
             updatedUsers.splice(newIndex, 0, movedUser);
             emit("update:selectedUsers", updatedUsers);
-            activeTagIndex.value = newIndex;
           }
         });
       };
@@ -16921,7 +16927,7 @@ ${$(r2)}`), n2;
       const addCurrentUser = async () => {
         if (!props2.currentUserId || props2.selectedUsers.some((user) => user.id === props2.currentUserId)) return;
         try {
-          const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, [props2.currentUserId]);
+          const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactKey, [props2.currentUserId]);
           const formattedUsers = formatUsers(result);
           if (formattedUsers.length > 0) {
             if (!props2.selectedUsers.some((item) => item.id === formattedUsers[0].id)) {
@@ -16942,7 +16948,7 @@ ${$(r2)}`), n2;
         if (pastedText.trim()) {
           try {
             const users = pastedText.trim().split(/[,，;\n\s]+/).filter(Boolean);
-            const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, users);
+            const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactKey, users);
             const formattedUsers = formatUsers(result);
             if (formattedUsers.length > 0) {
               const updatedUsers = [...props2.selectedUsers, ...formattedUsers];
@@ -16972,8 +16978,16 @@ ${$(r2)}`), n2;
       const addUser = (user) => {
         if (!(user == null ? void 0 : user.id)) return;
         if (!props2.selectedUsers.some((item) => item.id === user.id)) {
-          const updatedUsers = [...props2.selectedUsers, user];
-          emit("update:selectedUsers", updatedUsers);
+          if (activeTagIndex.value !== -1) {
+            const updatedUsers = [
+              ...props2.selectedUsers.slice(0, activeTagIndex.value + 1),
+              user,
+              ...props2.selectedUsers.slice(activeTagIndex.value + 1)
+            ];
+            emit("update:selectedUsers", updatedUsers);
+          } else {
+            emit("update:selectedUsers", [...props2.selectedUsers, user]);
+          }
           emit("add-user", user);
         }
         searchQuery.value = "";
@@ -17272,8 +17286,8 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0bc02f6f"]]);
-  const _withScopeId = (n2) => (__WEBPACK_EXTERNAL_MODULE_vue__.pushScopeId("data-v-02788d3d"), n2 = n2(), __WEBPACK_EXTERNAL_MODULE_vue__.popScopeId(), n2);
+  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-55945956"]]);
+  const _withScopeId = (n2) => (__WEBPACK_EXTERNAL_MODULE_vue__.pushScopeId("data-v-d17d0282"), n2 = n2(), __WEBPACK_EXTERNAL_MODULE_vue__.popScopeId(), n2);
   const _hoisted_1$1 = { class: "input-container" };
   const _hoisted_2 = {
     key: 0,
@@ -17307,7 +17321,8 @@ ${$(r2)}`), n2;
       apiBaseUrl: {},
       tenantId: {},
       tenants: {},
-      currentUserId: {}
+      currentUserId: {},
+      exactKey: {}
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -17327,7 +17342,9 @@ ${$(r2)}`), n2;
         if (typeof props2.modelValue === "string" && props2.modelValue) {
           try {
             isLoading.value = true;
-            const result = await lookupUsers(props2.apiBaseUrl || "", props2.tenantId || "", [props2.modelValue]);
+            const result = await lookupUsers(props2.apiBaseUrl || "", props2.tenantId || "", props2.exactKey, [
+              props2.modelValue
+            ]);
             options.value = formatUsers(result);
           } catch (error2) {
             console.error("获取用户信息失败:", error2);
@@ -17339,7 +17356,7 @@ ${$(r2)}`), n2;
       const addCurrentUser = async () => {
         if (!props2.currentUserId || selectedUser.value === props2.currentUserId) return;
         try {
-          const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, [props2.currentUserId]);
+          const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactKey, [props2.currentUserId]);
           const formattedResults = formatUsers(result);
           if (formattedResults.length > 0) {
             options.value = formattedResults;
@@ -17515,7 +17532,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-02788d3d"]]);
+  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d17d0282"]]);
   const _hoisted_1 = { class: "bk-user-selector" };
   const _sfc_main = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
     ...{
@@ -17529,7 +17546,8 @@ ${$(r2)}`), n2;
       modelValue: { default: "" },
       draggable: { type: Boolean, default: false },
       multiple: { type: Boolean, default: false },
-      currentUserId: { default: "" }
+      currentUserId: { default: "" },
+      exactKey: { default: "" }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -17546,7 +17564,8 @@ ${$(r2)}`), n2;
           const ids = Array.isArray(props2.modelValue) ? props2.modelValue : [];
           if (ids.length > 0) {
             try {
-              const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, ids);
+              console.log(props2.exactKey);
+              const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactKey, ids);
               selectedUsers.value = formatUsers(result);
             } catch (error2) {
               console.error("获取选中用户信息失败:", error2);
@@ -17584,11 +17603,12 @@ ${$(r2)}`), n2;
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
             "api-base-url": _ctx.apiBaseUrl,
             "current-user-id": _ctx.currentUserId,
+            "exact-key": _ctx.exactKey,
             placeholder: _ctx.placeholder,
             "tenant-id": _ctx.tenantId,
             tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
             onChange: handleUpdateUser
-          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "placeholder", "tenant-id", "tenants"])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
+          }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-key", "placeholder", "tenant-id", "tenants"])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
             __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
             { key: 1 },
             [
@@ -17599,12 +17619,13 @@ ${$(r2)}`), n2;
                 "api-base-url": _ctx.apiBaseUrl,
                 "current-user-id": _ctx.currentUserId,
                 draggable: _ctx.draggable,
+                "exact-key": _ctx.exactKey,
                 placeholder: _ctx.placeholder,
                 "selected-users": selectedUsers.value,
                 "tenant-id": _ctx.tenantId,
                 tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
                 "onUpdate:selectedUsers": handleUpdateSelectedUsers
-              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "placeholder", "selected-users", "tenant-id", "tenants"])
+              }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-key", "placeholder", "selected-users", "tenant-id", "tenants"])
             ],
             2112
             /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -17613,7 +17634,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb73e41f"]]);
+  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee509d86"]]);
   exports.BkUserSelector = BkUserSelector;
   exports.default = BkUserSelector;
   Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });