@blueking/bk-user-selector 0.0.4 → 0.0.6
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.
- package/README.md +4 -4
- package/package.json +1 -1
- package/typings/api/user.d.ts +2 -2
- package/typings/components/multiple-selector.vue.d.ts +4 -4
- package/typings/components/user-selector.vue.d.ts +4 -4
- package/typings/types/index.d.ts +7 -3
- package/vue2/index.es.min.js +35 -31
- package/vue2/index.iife.min.js +36 -32
- package/vue2/index.umd.min.js +36 -32
- package/vue2/vue2.css +35 -35
- package/vue3/index.es.min.js +35 -31
- package/vue3/index.iife.min.js +36 -32
- package/vue3/index.umd.min.js +36 -32
- package/vue3/vue3.css +35 -35
package/vue2/index.iife.min.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(":root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n.bk-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: var(--default-color);\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: var(--danger-color);\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: var(--warning-color);\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: var(--success-color);\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: var(--primary-color);\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: var(--font-size-medium);\n line-height: normal;\n color: var(--default-color);\n text-align: center;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n background-color: #fff;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: var(--default-color);\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n color: var(--primary-color);\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n color: var(--danger-color);\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-tag:hover {\n background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n color: #fff;\n background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n color: #fff;\n background: var(--primary-color);\n opacity: 1;\n}\n.bk-tag--default {\n padding: 0 8px;\n}\n.bk-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n font-size: 10px;\n}\n.bk-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.user-tag[data-v-203c36cb] {\n margin-right: 4px;\n}\n.user-tag.draggable[data-v-203c36cb] {\n cursor: move;\n}\n.user-tag.active[data-v-203c36cb] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-203c36cb] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n}\n.user-tag .tag-content .tenant-name[data-v-203c36cb] {\n color: #f59500;\n margin-left: 3px;\n white-space: nowrap;\n padding: 0 3px;\n border-radius: 2px;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.multiple-selector[data-v-55945956] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-55945956] {\n min-height: 32px;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n padding: 1px 4px;\n transition: all 0.2s ease;\n background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-55945956] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-55945956] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-55945956] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-55945956] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-55945956] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-55945956]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-55945956] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-55945956], .multiple-selector .search-input.collapsed[data-v-55945956] {\n flex: 1;\n min-width: 60px;\n}\n.dropdown-content[data-v-55945956] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-55945956] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-55945956] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-55945956]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-55945956] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-55945956] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-55945956]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-55945956] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.single-selector[data-v-d17d0282] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-d17d0282] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n padding: 0 8px;\n background-color: #fff;\n}\n.input-container[data-v-d17d0282]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-d17d0282] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-d17d0282]::placeholder {\n color: #c4c6cc;\n}\n.selected-user[data-v-d17d0282] {\n display: inline-flex;\n align-items: center;\n background-color: #f0f1f5;\n border-radius: 2px;\n padding: 0 8px;\n margin-right: 8px;\n height: 24px;\n max-width: calc(100% - 32px);\n}\n.selected-user .tenant-name[data-v-d17d0282] {\n color: #f59500;\n margin-left: 4px;\n}\n.selected-user .close-icon[data-v-d17d0282] {\n margin-left: 4px;\n cursor: pointer;\n font-style: normal;\n}\n.dropdown-content[data-v-d17d0282] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-d17d0282] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-d17d0282] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-d17d0282]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-d17d0282] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-d17d0282] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-d17d0282]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-d17d0282] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.bk-user-selector[data-v-ee509d86] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}"));
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(":root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n.bk-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: var(--default-color);\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: var(--danger-color);\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: var(--warning-color);\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: var(--success-color);\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: var(--primary-color);\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: var(--font-size-medium);\n line-height: normal;\n color: var(--default-color);\n text-align: center;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n background-color: #fff;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: var(--default-color);\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n color: var(--primary-color);\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n color: var(--danger-color);\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-tag:hover {\n background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n color: #fff;\n background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n color: #fff;\n background: var(--primary-color);\n opacity: 1;\n}\n.bk-tag--default {\n padding: 0 8px;\n}\n.bk-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n font-size: 10px;\n}\n.bk-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.user-tag[data-v-203c36cb] {\n margin-right: 4px;\n}\n.user-tag.draggable[data-v-203c36cb] {\n cursor: move;\n}\n.user-tag.active[data-v-203c36cb] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-203c36cb] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n}\n.user-tag .tag-content .tenant-name[data-v-203c36cb] {\n color: #f59500;\n margin-left: 3px;\n white-space: nowrap;\n padding: 0 3px;\n border-radius: 2px;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.multiple-selector[data-v-50540b99] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-50540b99] {\n min-height: 32px;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n padding: 1px 4px;\n transition: all 0.2s ease;\n background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-50540b99] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-50540b99] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-50540b99] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-50540b99] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-50540b99] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-50540b99]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-50540b99] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-50540b99], .multiple-selector .search-input.collapsed[data-v-50540b99] {\n flex: 1;\n min-width: 60px;\n}\n.dropdown-content[data-v-50540b99] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-50540b99] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-50540b99] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-50540b99]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-50540b99] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-50540b99] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-50540b99]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-50540b99] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.single-selector[data-v-308925e9] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-308925e9] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n padding: 0 8px;\n background-color: #fff;\n}\n.input-container[data-v-308925e9]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-308925e9] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-308925e9]::placeholder {\n color: #c4c6cc;\n}\n.selected-user[data-v-308925e9] {\n display: inline-flex;\n align-items: center;\n background-color: #f0f1f5;\n border-radius: 2px;\n padding: 0 8px;\n margin-right: 8px;\n height: 24px;\n max-width: calc(100% - 32px);\n}\n.selected-user .tenant-name[data-v-308925e9] {\n color: #f59500;\n margin-left: 4px;\n}\n.selected-user .close-icon[data-v-308925e9] {\n margin-left: 4px;\n cursor: pointer;\n font-style: normal;\n}\n.dropdown-content[data-v-308925e9] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-308925e9] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-option[data-v-308925e9] {\n padding: 8px 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n height: 32px;\n}\n.dropdown-content .user-option[data-v-308925e9]:hover {\n background-color: #f5f7fa;\n}\n.dropdown-content .user-option .tenant-name[data-v-308925e9] {\n color: #f59500;\n margin-left: 4px;\n padding: 0 4px;\n}\n.me-tag[data-v-308925e9] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-308925e9]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-308925e9] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.bk-user-selector[data-v-fe084750] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -6111,13 +6111,13 @@ var lesscodeCustomComponentLibrary = function(exports) {
|
|
|
6111
6111
|
return [];
|
|
6112
6112
|
}
|
|
6113
6113
|
};
|
|
6114
|
-
const lookupUsers = async (apiBaseUrl = "", tenantId = "",
|
|
6114
|
+
const lookupUsers = async (apiBaseUrl = "", tenantId = "", exactSearchKey = "bk_username", users = []) => {
|
|
6115
6115
|
if (users.length === 0 || !apiBaseUrl || !tenantId) {
|
|
6116
6116
|
console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
|
|
6117
6117
|
return [];
|
|
6118
6118
|
}
|
|
6119
6119
|
try {
|
|
6120
|
-
const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${
|
|
6120
|
+
const url = `${apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${users.join(",")}&lookup_fields=${exactSearchKey}`;
|
|
6121
6121
|
const response = await fetch(url, {
|
|
6122
6122
|
method: "GET",
|
|
6123
6123
|
headers: {
|
|
@@ -6140,7 +6140,8 @@ var lesscodeCustomComponentLibrary = function(exports) {
|
|
|
6140
6140
|
return users.map((user) => ({
|
|
6141
6141
|
id: user.bk_username,
|
|
6142
6142
|
name: user.display_name,
|
|
6143
|
-
tenantId: user.owner_tenant_id
|
|
6143
|
+
tenantId: user.owner_tenant_id,
|
|
6144
|
+
...user
|
|
6144
6145
|
}));
|
|
6145
6146
|
};
|
|
6146
6147
|
const useTenantData = (apiBaseUrl, tenantId) => {
|
|
@@ -22843,7 +22844,7 @@ ${$(r2)}`), n2;
|
|
|
22843
22844
|
/**
|
|
22844
22845
|
* 精确查找key
|
|
22845
22846
|
*/
|
|
22846
|
-
|
|
22847
|
+
exactSearchKey: {
|
|
22847
22848
|
type: String,
|
|
22848
22849
|
default: "bk_username"
|
|
22849
22850
|
}
|
|
@@ -22961,7 +22962,7 @@ ${$(r2)}`), n2;
|
|
|
22961
22962
|
const addCurrentUser = async () => {
|
|
22962
22963
|
if (!props2.currentUserId || props2.selectedUsers.some((user) => user.id === props2.currentUserId)) return;
|
|
22963
22964
|
try {
|
|
22964
|
-
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.
|
|
22965
|
+
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactSearchKey, [props2.currentUserId]);
|
|
22965
22966
|
const formattedUsers = formatUsers(result);
|
|
22966
22967
|
if (formattedUsers.length > 0) {
|
|
22967
22968
|
if (!props2.selectedUsers.some((item) => item.id === formattedUsers[0].id)) {
|
|
@@ -22982,7 +22983,7 @@ ${$(r2)}`), n2;
|
|
|
22982
22983
|
if (pastedText.trim()) {
|
|
22983
22984
|
try {
|
|
22984
22985
|
const users = pastedText.trim().split(/[,,;\n\s]+/).filter(Boolean);
|
|
22985
|
-
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.
|
|
22986
|
+
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactSearchKey, users);
|
|
22986
22987
|
const formattedUsers = formatUsers(result);
|
|
22987
22988
|
if (formattedUsers.length > 0) {
|
|
22988
22989
|
const updatedUsers = [...props2.selectedUsers, ...formattedUsers];
|
|
@@ -23159,16 +23160,17 @@ ${$(r2)}`), n2;
|
|
|
23159
23160
|
[vModelText, unref(searchQuery)]
|
|
23160
23161
|
]) : createCommentVNode("v-if", true),
|
|
23161
23162
|
createCommentVNode(' "我"标签 '),
|
|
23162
|
-
|
|
23163
|
+
__props.currentUserId ? (openBlock(), createElementBlock(
|
|
23163
23164
|
"div",
|
|
23164
23165
|
{
|
|
23166
|
+
key: 1,
|
|
23165
23167
|
class: normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user.id === __props.currentUserId) }]),
|
|
23166
23168
|
onClick: _cache[2] || (_cache[2] = withModifiers(($event) => addCurrentUser(), ["stop"]))
|
|
23167
23169
|
},
|
|
23168
23170
|
" 我 ",
|
|
23169
23171
|
2
|
|
23170
23172
|
/* CLASS */
|
|
23171
|
-
)
|
|
23173
|
+
)) : createCommentVNode("v-if", true)
|
|
23172
23174
|
],
|
|
23173
23175
|
512
|
|
23174
23176
|
/* NEED_PATCH */
|
|
@@ -23234,16 +23236,17 @@ ${$(r2)}`), n2;
|
|
|
23234
23236
|
[vModelText, unref(searchQuery)]
|
|
23235
23237
|
]),
|
|
23236
23238
|
createCommentVNode(' 未聚焦状态下的"我"标签 '),
|
|
23237
|
-
|
|
23239
|
+
__props.currentUserId ? (openBlock(), createElementBlock(
|
|
23238
23240
|
"div",
|
|
23239
23241
|
{
|
|
23240
|
-
|
|
23242
|
+
key: 1,
|
|
23243
|
+
class: normalizeClass(["me-tag", { disabled: __props.currentUserId && __props.selectedUsers.some((user) => user[props2.exactSearchKey] === __props.currentUserId) }]),
|
|
23241
23244
|
onClick: _cache[4] || (_cache[4] = withModifiers(($event) => addCurrentUser(), ["stop"]))
|
|
23242
23245
|
},
|
|
23243
23246
|
" 我 ",
|
|
23244
23247
|
2
|
|
23245
23248
|
/* CLASS */
|
|
23246
|
-
)
|
|
23249
|
+
)) : createCommentVNode("v-if", true)
|
|
23247
23250
|
],
|
|
23248
23251
|
512
|
|
23249
23252
|
/* NEED_PATCH */
|
|
@@ -23320,8 +23323,8 @@ ${$(r2)}`), n2;
|
|
|
23320
23323
|
};
|
|
23321
23324
|
}
|
|
23322
23325
|
});
|
|
23323
|
-
const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
23324
|
-
const _withScopeId = (n2) => (pushScopeId("data-v-
|
|
23326
|
+
const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-50540b99"]]);
|
|
23327
|
+
const _withScopeId = (n2) => (pushScopeId("data-v-308925e9"), n2 = n2(), popScopeId(), n2);
|
|
23325
23328
|
const _hoisted_1$1 = { class: "input-container" };
|
|
23326
23329
|
const _hoisted_2 = {
|
|
23327
23330
|
key: 0,
|
|
@@ -23356,7 +23359,7 @@ ${$(r2)}`), n2;
|
|
|
23356
23359
|
tenantId: {},
|
|
23357
23360
|
tenants: {},
|
|
23358
23361
|
currentUserId: {},
|
|
23359
|
-
|
|
23362
|
+
exactSearchKey: {}
|
|
23360
23363
|
},
|
|
23361
23364
|
emits: ["update:modelValue", "change"],
|
|
23362
23365
|
setup(__props, { emit: __emit }) {
|
|
@@ -23376,7 +23379,7 @@ ${$(r2)}`), n2;
|
|
|
23376
23379
|
if (typeof props2.modelValue === "string" && props2.modelValue) {
|
|
23377
23380
|
try {
|
|
23378
23381
|
isLoading.value = true;
|
|
23379
|
-
const result = await lookupUsers(props2.apiBaseUrl || "", props2.tenantId || "", props2.
|
|
23382
|
+
const result = await lookupUsers(props2.apiBaseUrl || "", props2.tenantId || "", props2.exactSearchKey, [
|
|
23380
23383
|
props2.modelValue
|
|
23381
23384
|
]);
|
|
23382
23385
|
options.value = formatUsers(result);
|
|
@@ -23390,7 +23393,7 @@ ${$(r2)}`), n2;
|
|
|
23390
23393
|
const addCurrentUser = async () => {
|
|
23391
23394
|
if (!props2.currentUserId || selectedUser.value === props2.currentUserId) return;
|
|
23392
23395
|
try {
|
|
23393
|
-
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.
|
|
23396
|
+
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactSearchKey, [props2.currentUserId]);
|
|
23394
23397
|
const formattedResults = formatUsers(result);
|
|
23395
23398
|
if (formattedResults.length > 0) {
|
|
23396
23399
|
options.value = formattedResults;
|
|
@@ -23445,6 +23448,7 @@ ${$(r2)}`), n2;
|
|
|
23445
23448
|
emit2("change", selectedUserInfo2 || null);
|
|
23446
23449
|
});
|
|
23447
23450
|
return (_ctx, _cache) => {
|
|
23451
|
+
var _a;
|
|
23448
23452
|
return withDirectives((openBlock(), createElementBlock("div", {
|
|
23449
23453
|
ref_key: "containerRef",
|
|
23450
23454
|
ref: containerRef,
|
|
@@ -23465,7 +23469,7 @@ ${$(r2)}`), n2;
|
|
|
23465
23469
|
1
|
|
23466
23470
|
/* TEXT */
|
|
23467
23471
|
),
|
|
23468
|
-
selectedUserInfo.value.tenantId !==
|
|
23472
|
+
selectedUserInfo.value.tenantId !== _ctx.tenantId && selectedUserInfo.value.tenantId && _ctx.tenants[selectedUserInfo.value.tenantId] ? (openBlock(), createElementBlock(
|
|
23469
23473
|
"span",
|
|
23470
23474
|
_hoisted_2,
|
|
23471
23475
|
"@" + toDisplayString(_ctx.tenants[selectedUserInfo.value.tenantId]),
|
|
@@ -23479,18 +23483,18 @@ ${$(r2)}`), n2;
|
|
|
23479
23483
|
ref: inputRef,
|
|
23480
23484
|
class: "search-input",
|
|
23481
23485
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
|
|
23482
|
-
placeholder: selectedUserInfo.value ? "" :
|
|
23486
|
+
placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
|
|
23483
23487
|
onFocus: handleInputFocus,
|
|
23484
23488
|
onInput: handleInput
|
|
23485
23489
|
}, null, 40, _hoisted_4), [
|
|
23486
23490
|
[vModelText, searchQuery.value]
|
|
23487
23491
|
]),
|
|
23488
23492
|
createCommentVNode(' "我"标签 '),
|
|
23489
|
-
|
|
23493
|
+
_ctx.currentUserId ? (openBlock(), createElementBlock(
|
|
23490
23494
|
"div",
|
|
23491
23495
|
{
|
|
23492
23496
|
key: 1,
|
|
23493
|
-
class: normalizeClass(["me-tag", { disabled:
|
|
23497
|
+
class: normalizeClass(["me-tag", { disabled: _ctx.currentUserId && ((_a = selectedUserInfo.value) == null ? void 0 : _a[_ctx.exactSearchKey]) === _ctx.currentUserId }]),
|
|
23494
23498
|
onClick: _cache[1] || (_cache[1] = ($event) => addCurrentUser())
|
|
23495
23499
|
},
|
|
23496
23500
|
" 我 ",
|
|
@@ -23540,10 +23544,10 @@ ${$(r2)}`), n2;
|
|
|
23540
23544
|
1
|
|
23541
23545
|
/* TEXT */
|
|
23542
23546
|
),
|
|
23543
|
-
user.tenantId !==
|
|
23547
|
+
user.tenantId !== _ctx.tenantId && user.tenantId && _ctx.tenants[user.tenantId] ? (openBlock(), createElementBlock(
|
|
23544
23548
|
"span",
|
|
23545
23549
|
_hoisted_7,
|
|
23546
|
-
"@" + toDisplayString(
|
|
23550
|
+
"@" + toDisplayString(_ctx.tenants[user.tenantId]),
|
|
23547
23551
|
1
|
|
23548
23552
|
/* TEXT */
|
|
23549
23553
|
)) : createCommentVNode("v-if", true)
|
|
@@ -23566,7 +23570,7 @@ ${$(r2)}`), n2;
|
|
|
23566
23570
|
};
|
|
23567
23571
|
}
|
|
23568
23572
|
});
|
|
23569
|
-
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
23573
|
+
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-308925e9"]]);
|
|
23570
23574
|
const _hoisted_1 = { class: "bk-user-selector" };
|
|
23571
23575
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
23572
23576
|
...{
|
|
@@ -23581,7 +23585,7 @@ ${$(r2)}`), n2;
|
|
|
23581
23585
|
draggable: { type: Boolean, default: false },
|
|
23582
23586
|
multiple: { type: Boolean, default: false },
|
|
23583
23587
|
currentUserId: { default: "" },
|
|
23584
|
-
|
|
23588
|
+
exactSearchKey: { default: "" }
|
|
23585
23589
|
},
|
|
23586
23590
|
emits: ["update:modelValue", "change"],
|
|
23587
23591
|
setup(__props, { emit: __emit }) {
|
|
@@ -23598,8 +23602,8 @@ ${$(r2)}`), n2;
|
|
|
23598
23602
|
const ids = Array.isArray(props2.modelValue) ? props2.modelValue : [];
|
|
23599
23603
|
if (ids.length > 0) {
|
|
23600
23604
|
try {
|
|
23601
|
-
console.log(props2.
|
|
23602
|
-
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.
|
|
23605
|
+
console.log(props2.exactSearchKey);
|
|
23606
|
+
const result = await lookupUsers(props2.apiBaseUrl, props2.tenantId, props2.exactSearchKey, ids);
|
|
23603
23607
|
selectedUsers.value = formatUsers(result);
|
|
23604
23608
|
} catch (error2) {
|
|
23605
23609
|
console.error("获取选中用户信息失败:", error2);
|
|
@@ -23637,12 +23641,12 @@ ${$(r2)}`), n2;
|
|
|
23637
23641
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedUser.value = $event),
|
|
23638
23642
|
"api-base-url": _ctx.apiBaseUrl,
|
|
23639
23643
|
"current-user-id": _ctx.currentUserId,
|
|
23640
|
-
"exact-key": _ctx.
|
|
23644
|
+
"exact-search-key": _ctx.exactSearchKey,
|
|
23641
23645
|
placeholder: _ctx.placeholder,
|
|
23642
23646
|
"tenant-id": _ctx.tenantId,
|
|
23643
23647
|
tenants: unref(tenants),
|
|
23644
23648
|
onChange: handleUpdateUser
|
|
23645
|
-
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-key", "placeholder", "tenant-id", "tenants"])) : (openBlock(), createElementBlock(
|
|
23649
|
+
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "exact-search-key", "placeholder", "tenant-id", "tenants"])) : (openBlock(), createElementBlock(
|
|
23646
23650
|
Fragment,
|
|
23647
23651
|
{ key: 1 },
|
|
23648
23652
|
[
|
|
@@ -23653,13 +23657,13 @@ ${$(r2)}`), n2;
|
|
|
23653
23657
|
"api-base-url": _ctx.apiBaseUrl,
|
|
23654
23658
|
"current-user-id": _ctx.currentUserId,
|
|
23655
23659
|
draggable: _ctx.draggable,
|
|
23656
|
-
"exact-key": _ctx.
|
|
23660
|
+
"exact-search-key": _ctx.exactSearchKey,
|
|
23657
23661
|
placeholder: _ctx.placeholder,
|
|
23658
23662
|
"selected-users": selectedUsers.value,
|
|
23659
23663
|
"tenant-id": _ctx.tenantId,
|
|
23660
23664
|
tenants: unref(tenants),
|
|
23661
23665
|
"onUpdate:selectedUsers": handleUpdateSelectedUsers
|
|
23662
|
-
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-key", "placeholder", "selected-users", "tenant-id", "tenants"])
|
|
23666
|
+
}, null, 8, ["modelValue", "api-base-url", "current-user-id", "draggable", "exact-search-key", "placeholder", "selected-users", "tenant-id", "tenants"])
|
|
23663
23667
|
],
|
|
23664
23668
|
2112
|
|
23665
23669
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
@@ -23668,7 +23672,7 @@ ${$(r2)}`), n2;
|
|
|
23668
23672
|
};
|
|
23669
23673
|
}
|
|
23670
23674
|
});
|
|
23671
|
-
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
23675
|
+
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe084750"]]);
|
|
23672
23676
|
const vue2 = {
|
|
23673
23677
|
beforeDestroy() {
|
|
23674
23678
|
var _a;
|