@blueking/bk-user-selector 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/README.md +24 -0
  2. package/package.json +1 -1
  3. package/typings/components/me-tag.vue.d.ts +39 -0
  4. package/typings/components/multiple-selector.vue.d.ts +40 -1
  5. package/typings/components/selection-popover.vue.d.ts +154 -0
  6. package/typings/components/user-selector.vue.d.ts +10 -1
  7. package/typings/types/index.d.ts +36 -39
  8. package/vue2/index.es.min.js +362 -203
  9. package/vue2/index.iife.min.js +362 -203
  10. package/vue2/index.umd.min.js +362 -203
  11. package/vue2/vue2.css +82 -128
  12. package/vue3/index.es.min.js +363 -204
  13. package/vue3/index.iife.min.js +362 -203
  14. package/vue3/index.umd.min.js +362 -203
  15. package/vue3/vue3.css +82 -128
package/vue2/index.iife.min.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- 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-50540b99] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-50540b99] {\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-50540b99] {\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-50540b99] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-50540b99] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-50540b99] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-50540b99] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-50540b99]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-50540b99] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-50540b99], .multiple-selector .search-input.collapsed[data-v-50540b99] {\n flex: 1;\n min-width: 60px;\n}\n.dropdown-content[data-v-50540b99] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-50540b99] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-50540b99] {\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-50540b99]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-50540b99] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-50540b99] {\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-50540b99]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-50540b99] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.single-selector[data-v-308925e9] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-308925e9] {\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-308925e9]: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-308925e9] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-308925e9]::placeholder {\n color: #c4c6cc;\n}\n.selected-user[data-v-308925e9] {\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-308925e9] {\n color: #f59500;\n margin-left: 4px;\n}\n.selected-user .close-icon[data-v-308925e9] {\n margin-left: 4px;\n cursor: pointer;\n font-style: normal;\n}\n.dropdown-content[data-v-308925e9] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-308925e9] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-308925e9] {\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-308925e9]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-308925e9] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-308925e9] {\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-308925e9]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-308925e9] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.bk-user-selector[data-v-fe084750] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}"));
6
+ 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.me-tag[data-v-887b7c44] {\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-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.dropdown-content[data-v-c68dfcac] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-c68dfcac] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-c68dfcac] {\n padding: 8px 12px;\n color: #979ba5;\n display: flex;\n align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-c68dfcac] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-c68dfcac] {\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-c68dfcac]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-c68dfcac] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\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}.multiple-selector[data-v-a8dc735f] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-a8dc735f] {\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-a8dc735f] {\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-a8dc735f] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-a8dc735f] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-a8dc735f] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-a8dc735f] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-a8dc735f]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-a8dc735f] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-a8dc735f], .multiple-selector .search-input.collapsed[data-v-a8dc735f] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-8b8dd0fd] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-8b8dd0fd] {\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-8b8dd0fd]: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-8b8dd0fd] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-8b8dd0fd]::placeholder {\n color: #c4c6cc;\n}\n.selected-user[data-v-8b8dd0fd] {\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-8b8dd0fd] {\n color: #f59500;\n margin-left: 4px;\n}\n.selected-user .close-icon[data-v-8b8dd0fd] {\n margin-left: 4px;\n cursor: pointer;\n font-style: normal;\n}.bk-user-selector[data-v-bc7b4ccd] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -22700,6 +22700,270 @@ ${$(r2)}`), n2;
22700
22700
  clearSearch
22701
22701
  };
22702
22702
  };
22703
+ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
22704
+ ...{
22705
+ name: "MeTag"
22706
+ },
22707
+ __name: "me-tag",
22708
+ props: {
22709
+ /**
22710
+ * 当前用户ID
22711
+ */
22712
+ currentUserId: {
22713
+ type: String,
22714
+ default: ""
22715
+ },
22716
+ /**
22717
+ * 是否禁用
22718
+ */
22719
+ isDisabled: {
22720
+ type: Boolean,
22721
+ default: false
22722
+ }
22723
+ },
22724
+ emits: ["click"],
22725
+ setup(__props, { emit: __emit }) {
22726
+ const props2 = __props;
22727
+ const emit2 = __emit;
22728
+ const handleClick = () => {
22729
+ if (props2.isDisabled) return;
22730
+ emit2("click");
22731
+ };
22732
+ return (_ctx, _cache) => {
22733
+ return __props.currentUserId ? (openBlock(), createElementBlock(
22734
+ "div",
22735
+ {
22736
+ key: 0,
22737
+ class: normalizeClass(["me-tag", { disabled: __props.isDisabled }]),
22738
+ onClick: withModifiers(handleClick, ["stop"])
22739
+ },
22740
+ " 我 ",
22741
+ 2
22742
+ /* CLASS */
22743
+ )) : createCommentVNode("v-if", true);
22744
+ };
22745
+ }
22746
+ });
22747
+ const _export_sfc = (sfc, props2) => {
22748
+ const target = sfc.__vccOpts || sfc;
22749
+ for (const [key, val] of props2) {
22750
+ target[key] = val;
22751
+ }
22752
+ return target;
22753
+ };
22754
+ const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-887b7c44"]]);
22755
+ const _hoisted_1$4 = {
22756
+ key: 0,
22757
+ class: "no-data"
22758
+ };
22759
+ const _hoisted_2$3 = { class: "group-name" };
22760
+ const _hoisted_3$3 = { class: "group-count" };
22761
+ const _hoisted_4$1 = ["onMousedown"];
22762
+ const _hoisted_5 = {
22763
+ key: 0,
22764
+ class: "tenant-name"
22765
+ };
22766
+ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
22767
+ ...{
22768
+ name: "SelectionPopover"
22769
+ },
22770
+ __name: "selection-popover",
22771
+ props: {
22772
+ /**
22773
+ * 是否显示下拉菜单
22774
+ */
22775
+ isShow: {
22776
+ type: Boolean,
22777
+ default: false
22778
+ },
22779
+ /**
22780
+ * 容器宽度
22781
+ */
22782
+ containerWidth: {
22783
+ type: [Number, String],
22784
+ default: "auto"
22785
+ },
22786
+ /**
22787
+ * 是否加载中
22788
+ */
22789
+ loading: {
22790
+ type: Boolean,
22791
+ default: false
22792
+ },
22793
+ /**
22794
+ * 搜索结果选项
22795
+ */
22796
+ options: {
22797
+ type: Array,
22798
+ default: () => []
22799
+ },
22800
+ /**
22801
+ * 搜索关键词
22802
+ */
22803
+ searchQuery: {
22804
+ type: String,
22805
+ default: ""
22806
+ },
22807
+ /**
22808
+ * 当前租户ID
22809
+ */
22810
+ tenantId: {
22811
+ type: String,
22812
+ default: ""
22813
+ },
22814
+ /**
22815
+ * 租户信息映射
22816
+ */
22817
+ tenants: {
22818
+ type: Object,
22819
+ default: () => ({})
22820
+ },
22821
+ /**
22822
+ * 用户组
22823
+ */
22824
+ userGroup: {
22825
+ type: Array,
22826
+ default: () => []
22827
+ },
22828
+ /**
22829
+ * 用户组名称
22830
+ */
22831
+ userGroupName: {
22832
+ type: String,
22833
+ default: "用户群组"
22834
+ }
22835
+ },
22836
+ emits: ["select-user"],
22837
+ setup(__props, { emit: __emit }) {
22838
+ const props2 = __props;
22839
+ const emit2 = __emit;
22840
+ const groupedUsers = computed(() => {
22841
+ const groups = {};
22842
+ console.log("props.options", props2.options);
22843
+ if (Array.isArray(props2.userGroup) && props2.userGroup.length > 0) {
22844
+ groups[props2.userGroupName] = props2.userGroup.map((group) => ({
22845
+ id: group.id,
22846
+ name: group.name,
22847
+ tenantId: ""
22848
+ }));
22849
+ }
22850
+ props2.options.forEach((user) => {
22851
+ const groupName = user.data_source_type === "real" ? "用户" : "虚拟账号";
22852
+ if (!groups[groupName]) {
22853
+ groups[groupName] = [];
22854
+ }
22855
+ groups[groupName].push(user);
22856
+ });
22857
+ return groups;
22858
+ });
22859
+ const selectUser = (user) => {
22860
+ emit2("select-user", user);
22861
+ };
22862
+ return (_ctx, _cache) => {
22863
+ return openBlock(), createBlock(unref(__webpack_exports__default$1), {
22864
+ "ext-cls": "bk-user-selector-popover",
22865
+ arrow: false,
22866
+ "is-show": __props.isShow,
22867
+ width: __props.containerWidth,
22868
+ placement: "bottom-start",
22869
+ theme: "light",
22870
+ trigger: "manual"
22871
+ }, {
22872
+ content: withCtx(() => [
22873
+ createVNode(unref(__webpack_exports__default$3), {
22874
+ class: "dropdown-content",
22875
+ loading: __props.loading,
22876
+ size: "mini",
22877
+ mode: "spin"
22878
+ }, {
22879
+ default: withCtx(() => [
22880
+ __props.options.length === 0 && __props.userGroup.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
22881
+ createBaseVNode(
22882
+ "span",
22883
+ null,
22884
+ toDisplayString(__props.searchQuery.length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
22885
+ 1
22886
+ /* TEXT */
22887
+ )
22888
+ ])) : (openBlock(true), createElementBlock(
22889
+ Fragment,
22890
+ { key: 1 },
22891
+ renderList(groupedUsers.value, (group, groupName) => {
22892
+ return openBlock(), createElementBlock("div", {
22893
+ class: "user-group",
22894
+ key: groupName
22895
+ }, [
22896
+ createBaseVNode(
22897
+ "div",
22898
+ {
22899
+ class: "group-header",
22900
+ onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
22901
+ }, ["prevent"]))
22902
+ },
22903
+ [
22904
+ createBaseVNode(
22905
+ "span",
22906
+ _hoisted_2$3,
22907
+ toDisplayString(groupName),
22908
+ 1
22909
+ /* TEXT */
22910
+ ),
22911
+ createBaseVNode(
22912
+ "span",
22913
+ _hoisted_3$3,
22914
+ "(" + toDisplayString(group.length) + ")",
22915
+ 1
22916
+ /* TEXT */
22917
+ )
22918
+ ],
22919
+ 32
22920
+ /* NEED_HYDRATION */
22921
+ ),
22922
+ (openBlock(true), createElementBlock(
22923
+ Fragment,
22924
+ null,
22925
+ renderList(group, (user) => {
22926
+ return openBlock(), createElementBlock("div", {
22927
+ class: "user-option",
22928
+ key: user.id,
22929
+ onMousedown: withModifiers(($event) => selectUser(user), ["prevent"])
22930
+ }, [
22931
+ createBaseVNode(
22932
+ "span",
22933
+ null,
22934
+ toDisplayString(user.name),
22935
+ 1
22936
+ /* TEXT */
22937
+ ),
22938
+ user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (openBlock(), createElementBlock(
22939
+ "span",
22940
+ _hoisted_5,
22941
+ "@" + toDisplayString(__props.tenants[user.tenantId]),
22942
+ 1
22943
+ /* TEXT */
22944
+ )) : createCommentVNode("v-if", true)
22945
+ ], 40, _hoisted_4$1);
22946
+ }),
22947
+ 128
22948
+ /* KEYED_FRAGMENT */
22949
+ ))
22950
+ ]);
22951
+ }),
22952
+ 128
22953
+ /* KEYED_FRAGMENT */
22954
+ ))
22955
+ ]),
22956
+ _: 1
22957
+ /* STABLE */
22958
+ }, 8, ["loading"])
22959
+ ]),
22960
+ _: 1
22961
+ /* STABLE */
22962
+ }, 8, ["is-show", "width"]);
22963
+ };
22964
+ }
22965
+ });
22966
+ const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c68dfcac"]]);
22703
22967
  const _hoisted_1$3 = { class: "tag-content" };
22704
22968
  const _hoisted_2$2 = { class: "user-name" };
22705
22969
  const _hoisted_3$2 = {
@@ -22759,26 +23023,10 @@ ${$(r2)}`), n2;
22759
23023
  };
22760
23024
  }
22761
23025
  });
22762
- const _export_sfc = (sfc, props2) => {
22763
- const target = sfc.__vccOpts || sfc;
22764
- for (const [key, val] of props2) {
22765
- target[key] = val;
22766
- }
22767
- return target;
22768
- };
22769
23026
  const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-203c36cb"]]);
22770
23027
  const _hoisted_1$2 = ["onClick"];
22771
23028
  const _hoisted_2$1 = ["placeholder"];
22772
23029
  const _hoisted_3$1 = ["placeholder"];
22773
- const _hoisted_4$1 = {
22774
- key: 0,
22775
- class: "no-data"
22776
- };
22777
- const _hoisted_5$1 = ["onMousedown"];
22778
- const _hoisted_6$1 = {
22779
- key: 0,
22780
- class: "tenant-name"
22781
- };
22782
23030
  const _sfc_main$2 = /* @__PURE__ */ defineComponent({
22783
23031
  ...{
22784
23032
  name: "BkUserSelectorMultiple"
@@ -22847,6 +23095,20 @@ ${$(r2)}`), n2;
22847
23095
  exactSearchKey: {
22848
23096
  type: String,
22849
23097
  default: "bk_username"
23098
+ },
23099
+ /**
23100
+ * 用户组
23101
+ */
23102
+ userGroup: {
23103
+ type: Array,
23104
+ default: () => []
23105
+ },
23106
+ /**
23107
+ * 用户组名称
23108
+ */
23109
+ userGroupName: {
23110
+ type: String,
23111
+ default: "用户群组"
22850
23112
  }
22851
23113
  },
22852
23114
  emits: ["update:selectedUsers", "add-user", "remove-user"],
@@ -22872,6 +23134,9 @@ ${$(r2)}`), n2;
22872
23134
  const sortableInstance = ref(null);
22873
23135
  const visibleUsers = ref([]);
22874
23136
  const hiddenCount = ref(0);
23137
+ const options = computed(() => {
23138
+ return searchResults.value.filter((user) => !props2.selectedUsers.some((selectedUser) => selectedUser.id === user.id));
23139
+ });
22875
23140
  const initSortable = () => {
22876
23141
  if (!props2.draggable || !sortableContainerRef.value) return;
22877
23142
  if (sortableInstance.value) {
@@ -22909,7 +23174,11 @@ ${$(r2)}`), n2;
22909
23174
  };
22910
23175
  const handleFocus = () => {
22911
23176
  isFocused.value = true;
22912
- showDropdown.value = false;
23177
+ if (props2.userGroup.length > 0) {
23178
+ showDropdown.value = true;
23179
+ } else {
23180
+ showDropdown.value = false;
23181
+ }
22913
23182
  activeTagIndex.value = -1;
22914
23183
  nextTick(() => {
22915
23184
  if (lastInputRef.value) {
@@ -23160,17 +23429,11 @@ ${$(r2)}`), n2;
23160
23429
  [vModelText, unref(searchQuery)]
23161
23430
  ]) : createCommentVNode("v-if", true),
23162
23431
  createCommentVNode(' "我"标签 '),
23163
- __props.currentUserId ? (openBlock(), createElementBlock(
23164
- "div",
23165
- {
23166
- key: 1,
23167
- class: normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId) }]),
23168
- onClick: _cache[2] || (_cache[2] = withModifiers(($event) => addCurrentUser(), ["stop"]))
23169
- },
23170
- " 我 ",
23171
- 2
23172
- /* CLASS */
23173
- )) : createCommentVNode("v-if", true)
23432
+ createVNode(MeTag, {
23433
+ "current-user-id": __props.currentUserId,
23434
+ "is-disabled": !!__props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId),
23435
+ onClick: addCurrentUser
23436
+ }, null, 8, ["current-user-id", "is-disabled"])
23174
23437
  ],
23175
23438
  512
23176
23439
  /* NEED_PATCH */
@@ -23229,24 +23492,18 @@ ${$(r2)}`), n2;
23229
23492
  ref_key: "collapsedInputRef",
23230
23493
  ref: collapsedInputRef,
23231
23494
  class: "search-input collapsed",
23232
- "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
23495
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
23233
23496
  placeholder: !__props.selectedUsers.length ? __props.placeholder : "",
23234
23497
  onFocus: handleFocus
23235
23498
  }, null, 40, _hoisted_3$1), [
23236
23499
  [vModelText, unref(searchQuery)]
23237
23500
  ]),
23238
23501
  createCommentVNode(' 未聚焦状态下的"我"标签 '),
23239
- __props.currentUserId ? (openBlock(), createElementBlock(
23240
- "div",
23241
- {
23242
- key: 1,
23243
- class: normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user[props2.exactSearchKey] === __props.currentUserId) }]),
23244
- onClick: _cache[4] || (_cache[4] = withModifiers(($event) => addCurrentUser(), ["stop"]))
23245
- },
23246
- " 我 ",
23247
- 2
23248
- /* CLASS */
23249
- )) : createCommentVNode("v-if", true)
23502
+ createVNode(MeTag, {
23503
+ "current-user-id": __props.currentUserId,
23504
+ "is-disabled": !!__props.currentUserId && __props.selectedUsers.some((user) => user[props2.exactSearchKey] === __props.currentUserId),
23505
+ onClick: addCurrentUser
23506
+ }, null, 8, ["current-user-id", "is-disabled"])
23250
23507
  ],
23251
23508
  512
23252
23509
  /* NEED_PATCH */
@@ -23256,75 +23513,26 @@ ${$(r2)}`), n2;
23256
23513
  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
23257
23514
  )),
23258
23515
  createCommentVNode(" 下拉选项列表 "),
23259
- createVNode(unref(__webpack_exports__default$1), {
23260
- "ext-cls": "bk-user-selector-popover",
23261
- arrow: false,
23516
+ createVNode(SelectionPopover, {
23517
+ "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
23262
23518
  "is-show": showDropdown.value,
23263
- width: containerRef.value ? containerRef.value.offsetWidth : "auto",
23264
- placement: "bottom-start",
23265
- theme: "light",
23266
- trigger: "manual"
23267
- }, {
23268
- content: withCtx(() => [
23269
- createVNode(unref(__webpack_exports__default$3), {
23270
- class: "dropdown-content",
23271
- loading: unref(searchLoading),
23272
- size: "mini",
23273
- mode: "spin"
23274
- }, {
23275
- default: withCtx(() => [
23276
- unref(searchResults).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
23277
- createBaseVNode(
23278
- "span",
23279
- null,
23280
- toDisplayString(unref(searchQuery).length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
23281
- 1
23282
- /* TEXT */
23283
- )
23284
- ])) : (openBlock(true), createElementBlock(
23285
- Fragment,
23286
- { key: 1 },
23287
- renderList(unref(searchResults), (user) => {
23288
- return openBlock(), createElementBlock("div", {
23289
- class: "user-option",
23290
- key: user.id,
23291
- onMousedown: withModifiers(($event) => addUser(user), ["prevent"])
23292
- }, [
23293
- createBaseVNode(
23294
- "span",
23295
- null,
23296
- toDisplayString(user.name),
23297
- 1
23298
- /* TEXT */
23299
- ),
23300
- user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (openBlock(), createElementBlock(
23301
- "span",
23302
- _hoisted_6$1,
23303
- "@" + toDisplayString(__props.tenants[user.tenantId]),
23304
- 1
23305
- /* TEXT */
23306
- )) : createCommentVNode("v-if", true)
23307
- ], 40, _hoisted_5$1);
23308
- }),
23309
- 128
23310
- /* KEYED_FRAGMENT */
23311
- ))
23312
- ]),
23313
- _: 1
23314
- /* STABLE */
23315
- }, 8, ["loading"])
23316
- ]),
23317
- _: 1
23318
- /* STABLE */
23319
- }, 8, ["is-show", "width"])
23519
+ loading: unref(searchLoading),
23520
+ options: options.value,
23521
+ "search-query": unref(searchQuery),
23522
+ "tenant-id": __props.tenantId,
23523
+ tenants: __props.tenants,
23524
+ "user-group": __props.userGroup,
23525
+ "user-group-name": __props.userGroupName,
23526
+ onSelectUser: addUser
23527
+ }, null, 8, ["container-width", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
23320
23528
  ])), [
23321
23529
  [unref(__webpack_exports__clickoutside), handleClickOutside]
23322
23530
  ]);
23323
23531
  };
23324
23532
  }
23325
23533
  });
23326
- const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-50540b99"]]);
23327
- const _withScopeId = (n2) => (pushScopeId("data-v-308925e9"), n2 = n2(), popScopeId(), n2);
23534
+ const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a8dc735f"]]);
23535
+ const _withScopeId = (n2) => (pushScopeId("data-v-8b8dd0fd"), n2 = n2(), popScopeId(), n2);
23328
23536
  const _hoisted_1$1 = { class: "input-container" };
23329
23537
  const _hoisted_2 = {
23330
23538
  key: 0,
@@ -23338,15 +23546,6 @@ ${$(r2)}`), n2;
23338
23546
  /* HOISTED */
23339
23547
  ));
23340
23548
  const _hoisted_4 = ["placeholder"];
23341
- const _hoisted_5 = {
23342
- key: 0,
23343
- class: "no-data"
23344
- };
23345
- const _hoisted_6 = ["onMousedown"];
23346
- const _hoisted_7 = {
23347
- key: 0,
23348
- class: "tenant-name"
23349
- };
23350
23549
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
23351
23550
  ...{
23352
23551
  name: "BkUserSelectorSingle"
@@ -23354,12 +23553,14 @@ ${$(r2)}`), n2;
23354
23553
  __name: "single-selector",
23355
23554
  props: {
23356
23555
  modelValue: {},
23357
- placeholder: {},
23556
+ tenants: {},
23358
23557
  apiBaseUrl: {},
23359
23558
  tenantId: {},
23360
- tenants: {},
23559
+ placeholder: {},
23361
23560
  currentUserId: {},
23362
- exactSearchKey: {}
23561
+ exactSearchKey: {},
23562
+ userGroup: {},
23563
+ userGroupName: {}
23363
23564
  },
23364
23565
  emits: ["update:modelValue", "change"],
23365
23566
  setup(__props, { emit: __emit }) {
@@ -23373,7 +23574,15 @@ ${$(r2)}`), n2;
23373
23574
  const searchQuery = ref("");
23374
23575
  const showDropdown = ref(false);
23375
23576
  const selectedUserInfo = computed(() => {
23376
- return options.value.find((user) => user.id === selectedUser.value);
23577
+ const userGroup = (props2.userGroup || []).map((group) => ({
23578
+ id: group.id,
23579
+ name: group.name,
23580
+ tenantId: ""
23581
+ }));
23582
+ const list = [...options.value, ...userGroup];
23583
+ const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
23584
+ emit2("change", selectedUserInfo2 || null);
23585
+ return selectedUserInfo2;
23377
23586
  });
23378
23587
  onBeforeMount(async () => {
23379
23588
  if (typeof props2.modelValue === "string" && props2.modelValue) {
@@ -23397,7 +23606,7 @@ ${$(r2)}`), n2;
23397
23606
  const formattedResults = formatUsers(result);
23398
23607
  if (formattedResults.length > 0) {
23399
23608
  options.value = formattedResults;
23400
- selectUser(formattedResults[0]);
23609
+ addUser(formattedResults[0]);
23401
23610
  }
23402
23611
  } catch (error2) {
23403
23612
  console.error("获取当前用户信息失败:", error2);
@@ -23411,7 +23620,7 @@ ${$(r2)}`), n2;
23411
23620
  isLoading.value = true;
23412
23621
  try {
23413
23622
  const result = await searchUsers(props2.apiBaseUrl, props2.tenantId, keyword);
23414
- options.value = formatUsers(result);
23623
+ options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value);
23415
23624
  console.log("options.value", options.value);
23416
23625
  } catch (error2) {
23417
23626
  console.error("获取用户列表失败:", error2);
@@ -23420,7 +23629,8 @@ ${$(r2)}`), n2;
23420
23629
  isLoading.value = false;
23421
23630
  }
23422
23631
  };
23423
- const selectUser = (user) => {
23632
+ const addUser = (user) => {
23633
+ console.log("addUser", user);
23424
23634
  selectedUser.value = user.id;
23425
23635
  searchQuery.value = "";
23426
23636
  showDropdown.value = false;
@@ -23430,7 +23640,7 @@ ${$(r2)}`), n2;
23430
23640
  searchQuery.value = "";
23431
23641
  };
23432
23642
  const handleInputFocus = () => {
23433
- if (searchQuery.value.length >= 2) {
23643
+ if (searchQuery.value.length >= 2 || Array.isArray(props2.userGroup) && props2.userGroup.length > 0) {
23434
23644
  showDropdown.value = true;
23435
23645
  }
23436
23646
  };
@@ -23443,12 +23653,10 @@ ${$(r2)}`), n2;
23443
23653
  showDropdown.value = false;
23444
23654
  };
23445
23655
  watch(selectedUser, (newVal) => {
23656
+ console.log("selectedUser", newVal);
23446
23657
  emit2("update:modelValue", newVal);
23447
- const selectedUserInfo2 = options.value.find((user) => user.id === newVal);
23448
- emit2("change", selectedUserInfo2 || null);
23449
23658
  });
23450
23659
  return (_ctx, _cache) => {
23451
- var _a;
23452
23660
  return withDirectives((openBlock(), createElementBlock("div", {
23453
23661
  ref_key: "containerRef",
23454
23662
  ref: containerRef,
@@ -23490,87 +23698,32 @@ ${$(r2)}`), n2;
23490
23698
  [vModelText, searchQuery.value]
23491
23699
  ]),
23492
23700
  createCommentVNode(' "我"标签 '),
23493
- _ctx.currentUserId ? (openBlock(), createElementBlock(
23494
- "div",
23495
- {
23496
- key: 1,
23497
- class: normalizeClass(["me-tag", { disabled: _ctx.currentUserId && ((_a = selectedUserInfo.value) == null ? void 0 : _a[_ctx.exactSearchKey]) === _ctx.currentUserId }]),
23498
- onClick: _cache[1] || (_cache[1] = ($event) => addCurrentUser())
23499
- },
23500
- " 我 ",
23501
- 2
23502
- /* CLASS */
23503
- )) : createCommentVNode("v-if", true)
23701
+ createVNode(MeTag, {
23702
+ "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey || "bk_username"] === _ctx.currentUserId,
23703
+ "current-user-id": _ctx.currentUserId,
23704
+ onClick: addCurrentUser
23705
+ }, null, 8, ["is-disabled", "current-user-id"])
23504
23706
  ]),
23505
- createCommentVNode(" 下拉选项列表 "),
23506
- createVNode(unref(__webpack_exports__default$1), {
23507
- "ext-cls": "bk-user-selector-popover",
23508
- arrow: false,
23707
+ createCommentVNode(" 使用新的公共下拉选项组件 "),
23708
+ createVNode(SelectionPopover, {
23709
+ "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
23509
23710
  "is-show": showDropdown.value,
23510
- width: containerRef.value ? containerRef.value.offsetWidth : "auto",
23511
- placement: "bottom-start",
23512
- theme: "light",
23513
- trigger: "manual"
23514
- }, {
23515
- content: withCtx(() => [
23516
- createVNode(unref(__webpack_exports__default$3), {
23517
- class: "dropdown-content",
23518
- loading: isLoading.value,
23519
- size: "mini",
23520
- mode: "spin"
23521
- }, {
23522
- default: withCtx(() => [
23523
- options.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
23524
- createBaseVNode(
23525
- "span",
23526
- null,
23527
- toDisplayString(searchQuery.value.length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
23528
- 1
23529
- /* TEXT */
23530
- )
23531
- ])) : (openBlock(true), createElementBlock(
23532
- Fragment,
23533
- { key: 1 },
23534
- renderList(options.value, (user) => {
23535
- return openBlock(), createElementBlock("div", {
23536
- class: "user-option",
23537
- key: user.id,
23538
- onMousedown: withModifiers(($event) => selectUser(user), ["prevent"])
23539
- }, [
23540
- createBaseVNode(
23541
- "span",
23542
- null,
23543
- toDisplayString(user.name),
23544
- 1
23545
- /* TEXT */
23546
- ),
23547
- user.tenantId !== _ctx.tenantId && user.tenantId && _ctx.tenants[user.tenantId] ? (openBlock(), createElementBlock(
23548
- "span",
23549
- _hoisted_7,
23550
- "@" + toDisplayString(_ctx.tenants[user.tenantId]),
23551
- 1
23552
- /* TEXT */
23553
- )) : createCommentVNode("v-if", true)
23554
- ], 40, _hoisted_6);
23555
- }),
23556
- 128
23557
- /* KEYED_FRAGMENT */
23558
- ))
23559
- ]),
23560
- _: 1
23561
- /* STABLE */
23562
- }, 8, ["loading"])
23563
- ]),
23564
- _: 1
23565
- /* STABLE */
23566
- }, 8, ["is-show", "width"])
23711
+ loading: isLoading.value,
23712
+ options: options.value,
23713
+ "search-query": searchQuery.value,
23714
+ "tenant-id": _ctx.tenantId,
23715
+ tenants: _ctx.tenants,
23716
+ "user-group": _ctx.userGroup,
23717
+ "user-group-name": _ctx.userGroupName,
23718
+ onSelectUser: addUser
23719
+ }, null, 8, ["container-width", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
23567
23720
  ])), [
23568
23721
  [unref(__webpack_exports__clickoutside), handleClickOutside]
23569
23722
  ]);
23570
23723
  };
23571
23724
  }
23572
23725
  });
23573
- const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-308925e9"]]);
23726
+ const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8b8dd0fd"]]);
23574
23727
  const _hoisted_1 = { class: "bk-user-selector" };
23575
23728
  const _sfc_main = /* @__PURE__ */ defineComponent({
23576
23729
  ...{
@@ -23578,14 +23731,16 @@ ${$(r2)}`), n2;
23578
23731
  },
23579
23732
  __name: "user-selector",
23580
23733
  props: {
23581
- apiBaseUrl: { default: "" },
23582
- tenantId: { default: "" },
23583
- placeholder: { default: "请输入人员名称搜索" },
23584
23734
  modelValue: { default: "" },
23585
23735
  draggable: { type: Boolean, default: false },
23586
23736
  multiple: { type: Boolean, default: false },
23737
+ apiBaseUrl: { default: "" },
23738
+ tenantId: { default: "" },
23739
+ placeholder: { default: "请输入人员名称搜索" },
23587
23740
  currentUserId: { default: "" },
23588
- exactSearchKey: { default: "" }
23741
+ exactSearchKey: { default: "bk_username" },
23742
+ userGroup: { default: () => [] },
23743
+ userGroupName: { default: "用户群组" }
23589
23744
  },
23590
23745
  emits: ["update:modelValue", "change"],
23591
23746
  setup(__props, { emit: __emit }) {
@@ -23645,8 +23800,10 @@ ${$(r2)}`), n2;
23645
23800
  placeholder: _ctx.placeholder,
23646
23801
  "tenant-id": _ctx.tenantId,
23647
23802
  tenants: unref(tenants),
23803
+ "user-group": _ctx.userGroup,
23804
+ "user-group-name": _ctx.userGroupName,
23648
23805
  onChange: handleUpdateUser
23649
- }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants"])) : (openBlock(), createElementBlock(
23806
+ }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants", "user-group", "user-group-name"])) : (openBlock(), createElementBlock(
23650
23807
  Fragment,
23651
23808
  { key: 1 },
23652
23809
  [
@@ -23662,8 +23819,10 @@ ${$(r2)}`), n2;
23662
23819
  "selected-users": selectedUsers.value,
23663
23820
  "tenant-id": _ctx.tenantId,
23664
23821
  tenants: unref(tenants),
23822
+ "user-group": _ctx.userGroup,
23823
+ "user-group-name": _ctx.userGroupName,
23665
23824
  "onUpdate:selectedUsers": handleUpdateSelectedUsers
23666
- }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants"])
23825
+ }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
23667
23826
  ],
23668
23827
  2112
23669
23828
  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -23672,7 +23831,7 @@ ${$(r2)}`), n2;
23672
23831
  };
23673
23832
  }
23674
23833
  });
23675
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe084750"]]);
23834
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc7b4ccd"]]);
23676
23835
  const vue2 = {
23677
23836
  beforeDestroy() {
23678
23837
  var _a;