@blueking/bk-user-selector 0.0.5 → 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 +41 -2
  5. package/typings/components/selection-popover.vue.d.ts +154 -0
  6. package/typings/components/user-selector.vue.d.ts +11 -2
  7. package/typings/types/index.d.ts +41 -40
  8. package/vue2/index.es.min.js +366 -203
  9. package/vue2/index.iife.min.js +366 -203
  10. package/vue2/index.umd.min.js +366 -203
  11. package/vue2/vue2.css +82 -128
  12. package/vue3/index.es.min.js +367 -204
  13. package/vue3/index.iife.min.js +366 -203
  14. package/vue3/index.umd.min.js +366 -203
  15. package/vue3/vue3.css +82 -128
package/vue3/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-9ddcc982] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-9ddcc982] {\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-9ddcc982] {\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-9ddcc982] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-9ddcc982] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-9ddcc982] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-9ddcc982] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-9ddcc982]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-9ddcc982] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-9ddcc982], .multiple-selector .search-input.collapsed[data-v-9ddcc982] {\n flex: 1;\n min-width: 60px;\n}\n.dropdown-content[data-v-9ddcc982] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-9ddcc982] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-9ddcc982] {\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-9ddcc982]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-9ddcc982] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-9ddcc982] {\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-9ddcc982]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-9ddcc982] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.single-selector[data-v-1b38f31d] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-1b38f31d] {\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-1b38f31d]: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-1b38f31d] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-1b38f31d]::placeholder {\n color: #c4c6cc;\n}\n.selected-user[data-v-1b38f31d] {\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-1b38f31d] {\n color: #f59500;\n margin-left: 4px;\n}\n.selected-user .close-icon[data-v-1b38f31d] {\n margin-left: 4px;\n cursor: pointer;\n font-style: normal;\n}\n.dropdown-content[data-v-1b38f31d] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-1b38f31d] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-1b38f31d] {\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-1b38f31d]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-1b38f31d] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-1b38f31d] {\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-1b38f31d]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-1b38f31d] {\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) {
@@ -106,7 +106,8 @@ var lesscodeCustomComponentLibrary = function(exports, __WEBPACK_EXTERNAL_MODULE
106
106
  return users.map((user) => ({
107
107
  id: user.bk_username,
108
108
  name: user.display_name,
109
- tenantId: user.owner_tenant_id
109
+ tenantId: user.owner_tenant_id,
110
+ ...user
110
111
  }));
111
112
  };
112
113
  const useTenantData = (apiBaseUrl, tenantId) => {
@@ -16665,6 +16666,270 @@ ${$(r2)}`), n2;
16665
16666
  clearSearch
16666
16667
  };
16667
16668
  };
16669
+ const _sfc_main$5 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
16670
+ ...{
16671
+ name: "MeTag"
16672
+ },
16673
+ __name: "me-tag",
16674
+ props: {
16675
+ /**
16676
+ * 当前用户ID
16677
+ */
16678
+ currentUserId: {
16679
+ type: String,
16680
+ default: ""
16681
+ },
16682
+ /**
16683
+ * 是否禁用
16684
+ */
16685
+ isDisabled: {
16686
+ type: Boolean,
16687
+ default: false
16688
+ }
16689
+ },
16690
+ emits: ["click"],
16691
+ setup(__props, { emit: __emit }) {
16692
+ const props2 = __props;
16693
+ const emit = __emit;
16694
+ const handleClick = () => {
16695
+ if (props2.isDisabled) return;
16696
+ emit("click");
16697
+ };
16698
+ return (_ctx, _cache) => {
16699
+ return __props.currentUserId ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
16700
+ "div",
16701
+ {
16702
+ key: 0,
16703
+ class: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeClass(["me-tag", { disabled: __props.isDisabled }]),
16704
+ onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(handleClick, ["stop"])
16705
+ },
16706
+ " 我 ",
16707
+ 2
16708
+ /* CLASS */
16709
+ )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true);
16710
+ };
16711
+ }
16712
+ });
16713
+ const _export_sfc = (sfc, props2) => {
16714
+ const target = sfc.__vccOpts || sfc;
16715
+ for (const [key, val] of props2) {
16716
+ target[key] = val;
16717
+ }
16718
+ return target;
16719
+ };
16720
+ const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-887b7c44"]]);
16721
+ const _hoisted_1$4 = {
16722
+ key: 0,
16723
+ class: "no-data"
16724
+ };
16725
+ const _hoisted_2$3 = { class: "group-name" };
16726
+ const _hoisted_3$3 = { class: "group-count" };
16727
+ const _hoisted_4$1 = ["onMousedown"];
16728
+ const _hoisted_5 = {
16729
+ key: 0,
16730
+ class: "tenant-name"
16731
+ };
16732
+ const _sfc_main$4 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
16733
+ ...{
16734
+ name: "SelectionPopover"
16735
+ },
16736
+ __name: "selection-popover",
16737
+ props: {
16738
+ /**
16739
+ * 是否显示下拉菜单
16740
+ */
16741
+ isShow: {
16742
+ type: Boolean,
16743
+ default: false
16744
+ },
16745
+ /**
16746
+ * 容器宽度
16747
+ */
16748
+ containerWidth: {
16749
+ type: [Number, String],
16750
+ default: "auto"
16751
+ },
16752
+ /**
16753
+ * 是否加载中
16754
+ */
16755
+ loading: {
16756
+ type: Boolean,
16757
+ default: false
16758
+ },
16759
+ /**
16760
+ * 搜索结果选项
16761
+ */
16762
+ options: {
16763
+ type: Array,
16764
+ default: () => []
16765
+ },
16766
+ /**
16767
+ * 搜索关键词
16768
+ */
16769
+ searchQuery: {
16770
+ type: String,
16771
+ default: ""
16772
+ },
16773
+ /**
16774
+ * 当前租户ID
16775
+ */
16776
+ tenantId: {
16777
+ type: String,
16778
+ default: ""
16779
+ },
16780
+ /**
16781
+ * 租户信息映射
16782
+ */
16783
+ tenants: {
16784
+ type: Object,
16785
+ default: () => ({})
16786
+ },
16787
+ /**
16788
+ * 用户组
16789
+ */
16790
+ userGroup: {
16791
+ type: Array,
16792
+ default: () => []
16793
+ },
16794
+ /**
16795
+ * 用户组名称
16796
+ */
16797
+ userGroupName: {
16798
+ type: String,
16799
+ default: "用户群组"
16800
+ }
16801
+ },
16802
+ emits: ["select-user"],
16803
+ setup(__props, { emit: __emit }) {
16804
+ const props2 = __props;
16805
+ const emit = __emit;
16806
+ const groupedUsers = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
16807
+ const groups = {};
16808
+ console.log("props.options", props2.options);
16809
+ if (Array.isArray(props2.userGroup) && props2.userGroup.length > 0) {
16810
+ groups[props2.userGroupName] = props2.userGroup.map((group) => ({
16811
+ id: group.id,
16812
+ name: group.name,
16813
+ tenantId: ""
16814
+ }));
16815
+ }
16816
+ props2.options.forEach((user) => {
16817
+ const groupName = user.data_source_type === "real" ? "用户" : "虚拟账号";
16818
+ if (!groups[groupName]) {
16819
+ groups[groupName] = [];
16820
+ }
16821
+ groups[groupName].push(user);
16822
+ });
16823
+ return groups;
16824
+ });
16825
+ const selectUser = (user) => {
16826
+ emit("select-user", user);
16827
+ };
16828
+ return (_ctx, _cache) => {
16829
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$1), {
16830
+ "ext-cls": "bk-user-selector-popover",
16831
+ arrow: false,
16832
+ "is-show": __props.isShow,
16833
+ width: __props.containerWidth,
16834
+ placement: "bottom-start",
16835
+ theme: "light",
16836
+ trigger: "manual"
16837
+ }, {
16838
+ content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
16839
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$3), {
16840
+ class: "dropdown-content",
16841
+ loading: __props.loading,
16842
+ size: "mini",
16843
+ mode: "spin"
16844
+ }, {
16845
+ default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
16846
+ __props.options.length === 0 && __props.userGroup.length === 0 ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", _hoisted_1$4, [
16847
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
16848
+ "span",
16849
+ null,
16850
+ __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__props.searchQuery.length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
16851
+ 1
16852
+ /* TEXT */
16853
+ )
16854
+ ])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
16855
+ __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
16856
+ { key: 1 },
16857
+ __WEBPACK_EXTERNAL_MODULE_vue__.renderList(groupedUsers.value, (group, groupName) => {
16858
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
16859
+ class: "user-group",
16860
+ key: groupName
16861
+ }, [
16862
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
16863
+ "div",
16864
+ {
16865
+ class: "group-header",
16866
+ onMousedown: _cache[0] || (_cache[0] = __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(() => {
16867
+ }, ["prevent"]))
16868
+ },
16869
+ [
16870
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
16871
+ "span",
16872
+ _hoisted_2$3,
16873
+ __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(groupName),
16874
+ 1
16875
+ /* TEXT */
16876
+ ),
16877
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
16878
+ "span",
16879
+ _hoisted_3$3,
16880
+ "(" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(group.length) + ")",
16881
+ 1
16882
+ /* TEXT */
16883
+ )
16884
+ ],
16885
+ 32
16886
+ /* NEED_HYDRATION */
16887
+ ),
16888
+ (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
16889
+ __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
16890
+ null,
16891
+ __WEBPACK_EXTERNAL_MODULE_vue__.renderList(group, (user) => {
16892
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
16893
+ class: "user-option",
16894
+ key: user.id,
16895
+ onMousedown: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => selectUser(user), ["prevent"])
16896
+ }, [
16897
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
16898
+ "span",
16899
+ null,
16900
+ __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(user.name),
16901
+ 1
16902
+ /* TEXT */
16903
+ ),
16904
+ user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
16905
+ "span",
16906
+ _hoisted_5,
16907
+ "@" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__props.tenants[user.tenantId]),
16908
+ 1
16909
+ /* TEXT */
16910
+ )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
16911
+ ], 40, _hoisted_4$1);
16912
+ }),
16913
+ 128
16914
+ /* KEYED_FRAGMENT */
16915
+ ))
16916
+ ]);
16917
+ }),
16918
+ 128
16919
+ /* KEYED_FRAGMENT */
16920
+ ))
16921
+ ]),
16922
+ _: 1
16923
+ /* STABLE */
16924
+ }, 8, ["loading"])
16925
+ ]),
16926
+ _: 1
16927
+ /* STABLE */
16928
+ }, 8, ["is-show", "width"]);
16929
+ };
16930
+ }
16931
+ });
16932
+ const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c68dfcac"]]);
16668
16933
  const _hoisted_1$3 = { class: "tag-content" };
16669
16934
  const _hoisted_2$2 = { class: "user-name" };
16670
16935
  const _hoisted_3$2 = {
@@ -16724,26 +16989,10 @@ ${$(r2)}`), n2;
16724
16989
  };
16725
16990
  }
16726
16991
  });
16727
- const _export_sfc = (sfc, props2) => {
16728
- const target = sfc.__vccOpts || sfc;
16729
- for (const [key, val] of props2) {
16730
- target[key] = val;
16731
- }
16732
- return target;
16733
- };
16734
16992
  const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-203c36cb"]]);
16735
16993
  const _hoisted_1$2 = ["onClick"];
16736
16994
  const _hoisted_2$1 = ["placeholder"];
16737
16995
  const _hoisted_3$1 = ["placeholder"];
16738
- const _hoisted_4$1 = {
16739
- key: 0,
16740
- class: "no-data"
16741
- };
16742
- const _hoisted_5$1 = ["onMousedown"];
16743
- const _hoisted_6$1 = {
16744
- key: 0,
16745
- class: "tenant-name"
16746
- };
16747
16996
  const _sfc_main$2 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
16748
16997
  ...{
16749
16998
  name: "BkUserSelectorMultiple"
@@ -16812,6 +17061,20 @@ ${$(r2)}`), n2;
16812
17061
  exactSearchKey: {
16813
17062
  type: String,
16814
17063
  default: "bk_username"
17064
+ },
17065
+ /**
17066
+ * 用户组
17067
+ */
17068
+ userGroup: {
17069
+ type: Array,
17070
+ default: () => []
17071
+ },
17072
+ /**
17073
+ * 用户组名称
17074
+ */
17075
+ userGroupName: {
17076
+ type: String,
17077
+ default: "用户群组"
16815
17078
  }
16816
17079
  },
16817
17080
  emits: ["update:selectedUsers", "add-user", "remove-user"],
@@ -16837,6 +17100,9 @@ ${$(r2)}`), n2;
16837
17100
  const sortableInstance = __WEBPACK_EXTERNAL_MODULE_vue__.ref(null);
16838
17101
  const visibleUsers = __WEBPACK_EXTERNAL_MODULE_vue__.ref([]);
16839
17102
  const hiddenCount = __WEBPACK_EXTERNAL_MODULE_vue__.ref(0);
17103
+ const options = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
17104
+ return searchResults.value.filter((user) => !props2.selectedUsers.some((selectedUser) => selectedUser.id === user.id));
17105
+ });
16840
17106
  const initSortable = () => {
16841
17107
  if (!props2.draggable || !sortableContainerRef.value) return;
16842
17108
  if (sortableInstance.value) {
@@ -16874,7 +17140,11 @@ ${$(r2)}`), n2;
16874
17140
  };
16875
17141
  const handleFocus = () => {
16876
17142
  isFocused.value = true;
16877
- showDropdown.value = false;
17143
+ if (props2.userGroup.length > 0) {
17144
+ showDropdown.value = true;
17145
+ } else {
17146
+ showDropdown.value = false;
17147
+ }
16878
17148
  activeTagIndex.value = -1;
16879
17149
  __WEBPACK_EXTERNAL_MODULE_vue__.nextTick(() => {
16880
17150
  if (lastInputRef.value) {
@@ -17125,16 +17395,11 @@ ${$(r2)}`), n2;
17125
17395
  [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
17126
17396
  ]) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
17127
17397
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' "我"标签 '),
17128
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
17129
- "div",
17130
- {
17131
- class: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId) }]),
17132
- onClick: _cache[2] || (_cache[2] = __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => addCurrentUser(), ["stop"]))
17133
- },
17134
- " 我 ",
17135
- 2
17136
- /* CLASS */
17137
- )
17398
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
17399
+ "current-user-id": __props.currentUserId,
17400
+ "is-disabled": !!__props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId),
17401
+ onClick: addCurrentUser
17402
+ }, null, 8, ["current-user-id", "is-disabled"])
17138
17403
  ],
17139
17404
  512
17140
17405
  /* NEED_PATCH */
@@ -17193,23 +17458,18 @@ ${$(r2)}`), n2;
17193
17458
  ref_key: "collapsedInputRef",
17194
17459
  ref: collapsedInputRef,
17195
17460
  class: "search-input collapsed",
17196
- "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
17461
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
17197
17462
  placeholder: !__props.selectedUsers.length ? __props.placeholder : "",
17198
17463
  onFocus: handleFocus
17199
17464
  }, null, 40, _hoisted_3$1), [
17200
17465
  [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
17201
17466
  ]),
17202
17467
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' 未聚焦状态下的"我"标签 '),
17203
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
17204
- "div",
17205
- {
17206
- class: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId) }]),
17207
- onClick: _cache[4] || (_cache[4] = __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => addCurrentUser(), ["stop"]))
17208
- },
17209
- " 我 ",
17210
- 2
17211
- /* CLASS */
17212
- )
17468
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
17469
+ "current-user-id": __props.currentUserId,
17470
+ "is-disabled": !!__props.currentUserId && __props.selectedUsers.some((user) => user[props2.exactSearchKey] === __props.currentUserId),
17471
+ onClick: addCurrentUser
17472
+ }, null, 8, ["current-user-id", "is-disabled"])
17213
17473
  ],
17214
17474
  512
17215
17475
  /* NEED_PATCH */
@@ -17219,75 +17479,26 @@ ${$(r2)}`), n2;
17219
17479
  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
17220
17480
  )),
17221
17481
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
17222
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$1), {
17223
- "ext-cls": "bk-user-selector-popover",
17224
- arrow: false,
17482
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
17483
+ "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
17225
17484
  "is-show": showDropdown.value,
17226
- width: containerRef.value ? containerRef.value.offsetWidth : "auto",
17227
- placement: "bottom-start",
17228
- theme: "light",
17229
- trigger: "manual"
17230
- }, {
17231
- content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
17232
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$3), {
17233
- class: "dropdown-content",
17234
- loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
17235
- size: "mini",
17236
- mode: "spin"
17237
- }, {
17238
- default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
17239
- __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchResults).length === 0 ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", _hoisted_4$1, [
17240
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
17241
- "span",
17242
- null,
17243
- __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery).length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
17244
- 1
17245
- /* TEXT */
17246
- )
17247
- ])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17248
- __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
17249
- { key: 1 },
17250
- __WEBPACK_EXTERNAL_MODULE_vue__.renderList(__WEBPACK_EXTERNAL_MODULE_vue__.unref(searchResults), (user) => {
17251
- return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
17252
- class: "user-option",
17253
- key: user.id,
17254
- onMousedown: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => addUser(user), ["prevent"])
17255
- }, [
17256
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
17257
- "span",
17258
- null,
17259
- __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(user.name),
17260
- 1
17261
- /* TEXT */
17262
- ),
17263
- user.tenantId !== __props.tenantId && user.tenantId && __props.tenants[user.tenantId] ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17264
- "span",
17265
- _hoisted_6$1,
17266
- "@" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(__props.tenants[user.tenantId]),
17267
- 1
17268
- /* TEXT */
17269
- )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
17270
- ], 40, _hoisted_5$1);
17271
- }),
17272
- 128
17273
- /* KEYED_FRAGMENT */
17274
- ))
17275
- ]),
17276
- _: 1
17277
- /* STABLE */
17278
- }, 8, ["loading"])
17279
- ]),
17280
- _: 1
17281
- /* STABLE */
17282
- }, 8, ["is-show", "width"])
17485
+ loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
17486
+ options: options.value,
17487
+ "search-query": __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery),
17488
+ "tenant-id": __props.tenantId,
17489
+ tenants: __props.tenants,
17490
+ "user-group": __props.userGroup,
17491
+ "user-group-name": __props.userGroupName,
17492
+ onSelectUser: addUser
17493
+ }, null, 8, ["container-width", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
17283
17494
  ])), [
17284
17495
  [__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__clickoutside), handleClickOutside]
17285
17496
  ]);
17286
17497
  };
17287
17498
  }
17288
17499
  });
17289
- const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9ddcc982"]]);
17290
- const _withScopeId = (n2) => (__WEBPACK_EXTERNAL_MODULE_vue__.pushScopeId("data-v-1b38f31d"), n2 = n2(), __WEBPACK_EXTERNAL_MODULE_vue__.popScopeId(), n2);
17500
+ const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a8dc735f"]]);
17501
+ const _withScopeId = (n2) => (__WEBPACK_EXTERNAL_MODULE_vue__.pushScopeId("data-v-8b8dd0fd"), n2 = n2(), __WEBPACK_EXTERNAL_MODULE_vue__.popScopeId(), n2);
17291
17502
  const _hoisted_1$1 = { class: "input-container" };
17292
17503
  const _hoisted_2 = {
17293
17504
  key: 0,
@@ -17301,15 +17512,6 @@ ${$(r2)}`), n2;
17301
17512
  /* HOISTED */
17302
17513
  ));
17303
17514
  const _hoisted_4 = ["placeholder"];
17304
- const _hoisted_5 = {
17305
- key: 0,
17306
- class: "no-data"
17307
- };
17308
- const _hoisted_6 = ["onMousedown"];
17309
- const _hoisted_7 = {
17310
- key: 0,
17311
- class: "tenant-name"
17312
- };
17313
17515
  const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
17314
17516
  ...{
17315
17517
  name: "BkUserSelectorSingle"
@@ -17317,12 +17519,14 @@ ${$(r2)}`), n2;
17317
17519
  __name: "single-selector",
17318
17520
  props: {
17319
17521
  modelValue: {},
17320
- placeholder: {},
17522
+ tenants: {},
17321
17523
  apiBaseUrl: {},
17322
17524
  tenantId: {},
17323
- tenants: {},
17525
+ placeholder: {},
17324
17526
  currentUserId: {},
17325
- exactSearchKey: {}
17527
+ exactSearchKey: {},
17528
+ userGroup: {},
17529
+ userGroupName: {}
17326
17530
  },
17327
17531
  emits: ["update:modelValue", "change"],
17328
17532
  setup(__props, { emit: __emit }) {
@@ -17336,7 +17540,15 @@ ${$(r2)}`), n2;
17336
17540
  const searchQuery = __WEBPACK_EXTERNAL_MODULE_vue__.ref("");
17337
17541
  const showDropdown = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
17338
17542
  const selectedUserInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
17339
- return options.value.find((user) => user.id === selectedUser.value);
17543
+ const userGroup = (props2.userGroup || []).map((group) => ({
17544
+ id: group.id,
17545
+ name: group.name,
17546
+ tenantId: ""
17547
+ }));
17548
+ const list = [...options.value, ...userGroup];
17549
+ const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
17550
+ emit("change", selectedUserInfo2 || null);
17551
+ return selectedUserInfo2;
17340
17552
  });
17341
17553
  __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount(async () => {
17342
17554
  if (typeof props2.modelValue === "string" && props2.modelValue) {
@@ -17360,7 +17572,7 @@ ${$(r2)}`), n2;
17360
17572
  const formattedResults = formatUsers(result);
17361
17573
  if (formattedResults.length > 0) {
17362
17574
  options.value = formattedResults;
17363
- selectUser(formattedResults[0]);
17575
+ addUser(formattedResults[0]);
17364
17576
  }
17365
17577
  } catch (error2) {
17366
17578
  console.error("获取当前用户信息失败:", error2);
@@ -17374,7 +17586,7 @@ ${$(r2)}`), n2;
17374
17586
  isLoading.value = true;
17375
17587
  try {
17376
17588
  const result = await searchUsers(props2.apiBaseUrl, props2.tenantId, keyword);
17377
- options.value = formatUsers(result);
17589
+ options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value);
17378
17590
  console.log("options.value", options.value);
17379
17591
  } catch (error2) {
17380
17592
  console.error("获取用户列表失败:", error2);
@@ -17383,7 +17595,8 @@ ${$(r2)}`), n2;
17383
17595
  isLoading.value = false;
17384
17596
  }
17385
17597
  };
17386
- const selectUser = (user) => {
17598
+ const addUser = (user) => {
17599
+ console.log("addUser", user);
17387
17600
  selectedUser.value = user.id;
17388
17601
  searchQuery.value = "";
17389
17602
  showDropdown.value = false;
@@ -17393,7 +17606,7 @@ ${$(r2)}`), n2;
17393
17606
  searchQuery.value = "";
17394
17607
  };
17395
17608
  const handleInputFocus = () => {
17396
- if (searchQuery.value.length >= 2) {
17609
+ if (searchQuery.value.length >= 2 || Array.isArray(props2.userGroup) && props2.userGroup.length > 0) {
17397
17610
  showDropdown.value = true;
17398
17611
  }
17399
17612
  };
@@ -17406,9 +17619,8 @@ ${$(r2)}`), n2;
17406
17619
  showDropdown.value = false;
17407
17620
  };
17408
17621
  __WEBPACK_EXTERNAL_MODULE_vue__.watch(selectedUser, (newVal) => {
17622
+ console.log("selectedUser", newVal);
17409
17623
  emit("update:modelValue", newVal);
17410
- const selectedUserInfo2 = options.value.find((user) => user.id === newVal);
17411
- emit("change", selectedUserInfo2 || null);
17412
17624
  });
17413
17625
  return (_ctx, _cache) => {
17414
17626
  return __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
@@ -17431,7 +17643,7 @@ ${$(r2)}`), n2;
17431
17643
  1
17432
17644
  /* TEXT */
17433
17645
  ),
17434
- selectedUserInfo.value.tenantId !== props2.tenantId && selectedUserInfo.value.tenantId && _ctx.tenants[selectedUserInfo.value.tenantId] ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17646
+ selectedUserInfo.value.tenantId !== _ctx.tenantId && selectedUserInfo.value.tenantId && _ctx.tenants[selectedUserInfo.value.tenantId] ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17435
17647
  "span",
17436
17648
  _hoisted_2,
17437
17649
  "@" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(_ctx.tenants[selectedUserInfo.value.tenantId]),
@@ -17445,94 +17657,39 @@ ${$(r2)}`), n2;
17445
17657
  ref: inputRef,
17446
17658
  class: "search-input",
17447
17659
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
17448
- placeholder: selectedUserInfo.value ? "" : props2.placeholder,
17660
+ placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
17449
17661
  onFocus: handleInputFocus,
17450
17662
  onInput: handleInput
17451
17663
  }, null, 40, _hoisted_4), [
17452
17664
  [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, searchQuery.value]
17453
17665
  ]),
17454
17666
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' "我"标签 '),
17455
- props2.currentUserId ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17456
- "div",
17457
- {
17458
- key: 1,
17459
- class: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeClass(["me-tag", { disabled: props2.currentUserId && selectedUser.value === props2.currentUserId }]),
17460
- onClick: _cache[1] || (_cache[1] = ($event) => addCurrentUser())
17461
- },
17462
- " 我 ",
17463
- 2
17464
- /* CLASS */
17465
- )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
17667
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
17668
+ "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey || "bk_username"] === _ctx.currentUserId,
17669
+ "current-user-id": _ctx.currentUserId,
17670
+ onClick: addCurrentUser
17671
+ }, null, 8, ["is-disabled", "current-user-id"])
17466
17672
  ]),
17467
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
17468
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$1), {
17469
- "ext-cls": "bk-user-selector-popover",
17470
- arrow: false,
17673
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 使用新的公共下拉选项组件 "),
17674
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
17675
+ "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
17471
17676
  "is-show": showDropdown.value,
17472
- width: containerRef.value ? containerRef.value.offsetWidth : "auto",
17473
- placement: "bottom-start",
17474
- theme: "light",
17475
- trigger: "manual"
17476
- }, {
17477
- content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
17478
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$3), {
17479
- class: "dropdown-content",
17480
- loading: isLoading.value,
17481
- size: "mini",
17482
- mode: "spin"
17483
- }, {
17484
- default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
17485
- options.value.length === 0 ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", _hoisted_5, [
17486
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
17487
- "span",
17488
- null,
17489
- __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(searchQuery.value.length > 1 ? "未找到匹配用户" : "请输入关键词搜索"),
17490
- 1
17491
- /* TEXT */
17492
- )
17493
- ])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17494
- __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
17495
- { key: 1 },
17496
- __WEBPACK_EXTERNAL_MODULE_vue__.renderList(options.value, (user) => {
17497
- return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
17498
- class: "user-option",
17499
- key: user.id,
17500
- onMousedown: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => selectUser(user), ["prevent"])
17501
- }, [
17502
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
17503
- "span",
17504
- null,
17505
- __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(user.name),
17506
- 1
17507
- /* TEXT */
17508
- ),
17509
- user.tenantId !== props2.tenantId && user.tenantId && props2.tenants[user.tenantId] ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17510
- "span",
17511
- _hoisted_7,
17512
- "@" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(props2.tenants[user.tenantId]),
17513
- 1
17514
- /* TEXT */
17515
- )) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
17516
- ], 40, _hoisted_6);
17517
- }),
17518
- 128
17519
- /* KEYED_FRAGMENT */
17520
- ))
17521
- ]),
17522
- _: 1
17523
- /* STABLE */
17524
- }, 8, ["loading"])
17525
- ]),
17526
- _: 1
17527
- /* STABLE */
17528
- }, 8, ["is-show", "width"])
17677
+ loading: isLoading.value,
17678
+ options: options.value,
17679
+ "search-query": searchQuery.value,
17680
+ "tenant-id": _ctx.tenantId,
17681
+ tenants: _ctx.tenants,
17682
+ "user-group": _ctx.userGroup,
17683
+ "user-group-name": _ctx.userGroupName,
17684
+ onSelectUser: addUser
17685
+ }, null, 8, ["container-width", "is-show", "loading", "options", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
17529
17686
  ])), [
17530
17687
  [__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__clickoutside), handleClickOutside]
17531
17688
  ]);
17532
17689
  };
17533
17690
  }
17534
17691
  });
17535
- const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1b38f31d"]]);
17692
+ const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8b8dd0fd"]]);
17536
17693
  const _hoisted_1 = { class: "bk-user-selector" };
17537
17694
  const _sfc_main = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
17538
17695
  ...{
@@ -17540,14 +17697,16 @@ ${$(r2)}`), n2;
17540
17697
  },
17541
17698
  __name: "user-selector",
17542
17699
  props: {
17543
- apiBaseUrl: { default: "" },
17544
- tenantId: { default: "" },
17545
- placeholder: { default: "请输入人员名称搜索" },
17546
17700
  modelValue: { default: "" },
17547
17701
  draggable: { type: Boolean, default: false },
17548
17702
  multiple: { type: Boolean, default: false },
17703
+ apiBaseUrl: { default: "" },
17704
+ tenantId: { default: "" },
17705
+ placeholder: { default: "请输入人员名称搜索" },
17549
17706
  currentUserId: { default: "" },
17550
- exactSearchKey: { default: "" }
17707
+ exactSearchKey: { default: "bk_username" },
17708
+ userGroup: { default: () => [] },
17709
+ userGroupName: { default: "用户群组" }
17551
17710
  },
17552
17711
  emits: ["update:modelValue", "change"],
17553
17712
  setup(__props, { emit: __emit }) {
@@ -17607,8 +17766,10 @@ ${$(r2)}`), n2;
17607
17766
  placeholder: _ctx.placeholder,
17608
17767
  "tenant-id": _ctx.tenantId,
17609
17768
  tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
17769
+ "user-group": _ctx.userGroup,
17770
+ "user-group-name": _ctx.userGroupName,
17610
17771
  onChange: handleUpdateUser
17611
- }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants"])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17772
+ }, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants", "user-group", "user-group-name"])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
17612
17773
  __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
17613
17774
  { key: 1 },
17614
17775
  [
@@ -17624,8 +17785,10 @@ ${$(r2)}`), n2;
17624
17785
  "selected-users": selectedUsers.value,
17625
17786
  "tenant-id": _ctx.tenantId,
17626
17787
  tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
17788
+ "user-group": _ctx.userGroup,
17789
+ "user-group-name": _ctx.userGroupName,
17627
17790
  "onUpdate:selectedUsers": handleUpdateSelectedUsers
17628
- }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants"])
17791
+ }, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
17629
17792
  ],
17630
17793
  2112
17631
17794
  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -17634,7 +17797,7 @@ ${$(r2)}`), n2;
17634
17797
  };
17635
17798
  }
17636
17799
  });
17637
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe084750"]]);
17800
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc7b4ccd"]]);
17638
17801
  exports.BkUserSelector = BkUserSelector;
17639
17802
  exports.default = BkUserSelector;
17640
17803
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });