@blueking/bk-user-selector 0.0.22 → 0.0.23-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/package.json +1 -1
  2. package/typings/components/me-tag.vue.d.ts +5 -5
  3. package/typings/components/multiple-selector.vue.d.ts +4 -47
  4. package/typings/components/selection-popover.vue.d.ts +5 -5
  5. package/typings/components/single-selector.vue.d.ts +4 -41
  6. package/typings/components/user-render.d.ts +3 -3
  7. package/typings/components/user-selector.vue.d.ts +4 -45
  8. package/typings/components/user-tag.vue.d.ts +8 -42
  9. package/typings/hooks/useTenantData.d.ts +2 -2
  10. package/typings/hooks/useUserSearch.d.ts +3 -3
  11. package/typings/vue2.d.ts +1 -7
  12. package/vue2/index.es.min.js +46 -48
  13. package/vue2/index.iife.min.js +2691 -2175
  14. package/vue2/index.umd.min.js +46 -48
  15. package/vue2/vue2.css +34 -34
  16. package/vue3/index.es.min.js +12 -12
  17. package/vue3/index.iife.min.js +13 -13
  18. package/vue3/index.umd.min.js +13 -13
  19. package/vue3/vue3.css +34 -34
  20. package/typings/components/render-tag.d.ts +0 -8
package/vue2/index.umd.min.js CHANGED
@@ -3,7 +3,7 @@
3
3
  })(this, function(exports2, __WEBPACK_EXTERNAL_MODULE_vue__) {
4
4
  "use strict";
5
5
  var __vite_style__ = document.createElement("style");
6
- __vite_style__.textContent = ":root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n.bk-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: var(--default-color);\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: var(--danger-color);\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: var(--warning-color);\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: var(--success-color);\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: var(--primary-color);\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: var(--font-size-medium);\n line-height: normal;\n color: var(--default-color);\n text-align: center;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n background-color: #fff;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: var(--default-color);\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n color: var(--primary-color);\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n color: var(--danger-color);\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-tag:hover {\n background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n color: #fff;\n background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n color: #fff;\n background: var(--primary-color);\n opacity: 1;\n}\n.bk-tag--default {\n padding: 0 8px;\n}\n.bk-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n font-size: 10px;\n}\n.bk-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-887b7c44] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.dropdown-content[data-v-54b68f9a] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-54b68f9a] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-54b68f9a] {\n padding: 8px 12px;\n color: #979ba5;\n display: flex;\n align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-54b68f9a] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-54b68f9a] {\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-54b68f9a]:hover {\n background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.user-tag[data-v-655f7a5a] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-655f7a5a] {\n cursor: move;\n}\n.user-tag.active[data-v-655f7a5a] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-655f7a5a] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n}.multiple-selector[data-v-d9743f6d] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-d9743f6d] {\n min-height: 32px;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n padding: 1px 10px 1px 8px;\n transition: all 0.2s ease;\n background-color: #fff;\n}\n.multiple-selector .tags-container.focused[data-v-d9743f6d] {\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-d9743f6d] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-d9743f6d] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-d9743f6d] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-d9743f6d] {\n outline: none;\n border: none;\n height: 28px;\n min-width: 10px;\n background: transparent;\n}\n.multiple-selector .search-input[data-v-d9743f6d]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-d9743f6d] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-d9743f6d], .multiple-selector .search-input.collapsed[data-v-d9743f6d] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-b20a7499] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-b20a7499] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n padding: 0 8px;\n background-color: #fff;\n}\n.input-container[data-v-b20a7499]: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-b20a7499] {\n flex: 1;\n outline: none;\n border: none;\n height: 30px;\n background: transparent;\n}\n.search-input[data-v-b20a7499]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-c23f5bc9] {\n width: 100%;\n position: relative;\n font-size: 12px;\n}/*$vite$:1*/";
6
+ __vite_style__.textContent = ":root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-transition .bk-fade-enter-active,\n.bk-transition .bk-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-transition .bk-fade-enter,\n.bk-transition .bk-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-popper .bk-popper-arrow,\n.bk-popper .bk-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-popper .bk-popper-arrow {\n visibility: hidden;\n}\n.bk-popper .bk-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-popper[data-show] {\n display: block;\n}\n.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {\n bottom: -4px;\n}\n.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {\n top: -4px;\n}\n.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {\n right: -4px;\n}\n.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {\n left: -4px;\n}\n.bk-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {\n display: inline-flex;\n}\n.bk-loading-wrapper.bk-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper.bk-directive-loading,\n.bk-loading-wrapper.bk-nested-loading {\n position: relative;\n}\n.bk-loading-wrapper.bk-directive-loading.is-block,\n.bk-loading-wrapper.bk-nested-loading.is-block {\n display: block;\n}\n.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,\n.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: var(--default-color);\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-loading-wrapper .bk-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-loading-wrapper .bk-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {\n background-color: var(--success-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {\n background-color: var(--danger-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {\n background-color: var(--warning-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {\n background-color: var(--primary-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {\n background-color: var(--white-color);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {\n background-color: var(--light-gray);\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-1 {\n background-color: var(--danger-color);\n animation-delay: 0.1s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-2 {\n background-color: var(--warning-color);\n animation-delay: 0.25s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-3 {\n background-color: var(--success-color);\n animation-delay: 0.4s;\n}\n.bk-loading-wrapper .bk-loading-indicator .dot-4 {\n background-color: var(--primary-color);\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-loading-wrapper .bk-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {\n font-size: var(--font-size-base);\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {\n font-size: var(--font-size-medium);\n}\n.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {\n margin-top: 8px;\n font-size: var(--font-size-medium);\n line-height: normal;\n color: var(--default-color);\n text-align: center;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-popover.bk-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-popover.bk-pop2-content.hidden {\n display: none;\n}\n.bk-popover.bk-pop2-content .bk-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {\n background-color: #fff;\n}\n:root {\n --bk-prefix: bk;\n --popover-max-height: 216px;\n --primary-color: #3a84ff;\n --success-color: #2dcb56;\n --warning-color: #ff9c01;\n --danger-color: #ea3636;\n --default-color: #63656e;\n --gray-color: #979ba5;\n --light-gray: #c4c6cc;\n --white-color: white;\n --whitesmoke-color: #fafbfd;\n --disable-color: #dcdee5;\n --disable-bg-color: #f9fafd;\n --border-color: #dcdee5;\n --font-size-base: 12px;\n --font-size-medium: 14px;\n --font-size-large: 16px;\n --line-height-base: 16px;\n --line-height-medium: 16px;\n --line-height-large: 18px;\n --component-size-small: 26px;\n --component-size-base: 32px;\n --component-size-large: 40px;\n --component-size-small-padding: 0 12px;\n --component-size-base-padding: 0 14px;\n --component-size-large-padding: 0 16px;\n --border-width-base: 1px;\n --border-style-base: solid;\n --border-radius-base: 2px;\n --border-style-color: var(--light-gray);\n --input-disabled-bg: #fafbfd;\n --input-disabled-border: var(--disable-color);\n --input-height-base: var(--component-size-base);\n --input-color: var(--default-color);\n --input-bg: white;\n --input-border-color: var(--light-gray);\n --input-broder-radius: 3px;\n --input-shadow-color: #a3c5fd;\n --input-horizontal-padding: 8px;\n --input-block-color: #f5f7fa;\n --input-block-hover-color: #eaebf0;\n --input-icon-size: var(--font-size-medium);\n --input-maxlength-color: #979ba5;\n --button-primary-hover-color: #5594fa;\n --button-danger-hover-color: #ff5656;\n --button-success-hover-color: #45e35f;\n --button-warning-hover-color: #ffb848;\n --button-default-hover-border-color: #979ba5;\n --button-primary-active-color: #2c77f4;\n --button-danger-active-color: #db2626;\n --button-success-active-color: #1ab943;\n --button-warning-active-color: #eb9000;\n --button-selected-bg-color: #e1ecff;\n --button-disabled-selected-bg-color: #f0f1f5;\n --radio-font-color: #63656e;\n --radio-active-color: #3a84ff;\n --radio-hover-border-color: #979ba5;\n --radio-disabled-border: #dcdee5;\n --radio-disabled-font-color: #c4c6cc;\n --radio-disabled-checked-bg: #a3c5fd;\n --radio-button-checked-bg: #e1ecff;\n --radio-button-disabled-checked-bg: #fafbfd;\n --checkbox-disabled-checked-bg: #a3c5fd;\n --fixed-navbar-background: #fff;\n --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);\n --switch-default-color: #fff;\n --switch-grey-color: #c4c6cc;\n --breadcrumb-black-color: #979ba5;\n --breadcrumb-primary-hover-color: #0082ff;\n --breadcrumb-fn-main-color: #63656e;\n --link-default-hover-color: #979ba5;\n --link-primary-hover-color: #699df4;\n --link-success-hover-color: #45e35f;\n --link-warning-hover-color: #ffb848;\n --link-danger-hover-color: #ff5656;\n --link-default-disabled-color: #dcdee5;\n --link-primary-disabled-color: #a3c5fd;\n --link-success-disabled-color: #94f5a4;\n --link-warning-disabled-color: #ffd695;\n --link-danger-disabled-color: #fd9c9c;\n --message-color: var(--default-color);\n --message-primary-bg-color: #f0f8ff;\n --message-primary-border-color: #e1ecff;\n --message-primary-shadow-color: #e1e8f4;\n --message-warning-bg-color: #fff4e2;\n --message-warning-border-color: #ffe8c3;\n --message-warning-shadow-color: #ede6db;\n --message-success-bg-color: #f2fff4;\n --message-success-border-color: #dcffe2;\n --message-success-shadow-color: #cef0d7;\n --message-danger-bg-color: #ffeded;\n --message-danger-border-color: #ffdddd;\n --message-danger-shadow-color: #f6dada;\n --slider-default-bg: #dcdee5;\n --slider-disable-bar-bg: #979ba5;\n --menu-bg-color: #182132;\n --submenu-bg-color: #151d2c;\n --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);\n --menu-color: #96a2b9;\n --menu-group-color: var(--default-color);\n --menu-width: 260px;\n --menu-collapse-width: 60px;\n --menu-active-color: white;\n --nav-header-bg-color: #182132;\n --nav-bg-color: #182132;\n --date-picker-disabled-bg: #fafbfd;\n --date-picker-dropdown-mb: 4px;\n --date-picker-dropdown-bg: #fff;\n --table-bg-color: var(--white-color);\n --table-border-color: #dcdee5;\n --table-strip-color: #fafbfd;\n --table-head-bg-color: #fafbfd;\n --table-head-font-color: #313238;\n --table-body-font-color: #63656e;\n --table-row-hover-bg-color: #f5f7fa;\n --table-row-active-bg-color: #f0f1f5;\n --cascader-panel-border-color: #dcdee5;\n --cascader-panel-hover: #f5f7fa;\n --cascader-panel-active: #e1ecff;\n --cascader-panel-disabled-bg: #fff;\n --search-select-focus-border-color: var(--primary-color);\n --search-select-focus-color: #3c96ff;\n --search-select-font-color: var(--default-color);\n --search-select-placeholder-color: var(--light-gray);\n --search-select-message-color: var(--danger-color);\n --search-select-menu-border-color: var(--disable-color);\n --select-active-color: #e1ecff;\n --select-hover-color: #f5f7fa;\n}\n.bk-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: var(--default-color);\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-tag.bk-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-tag.bk-tag-success.bk-tag-filled {\n background-color: #14A568;\n}\n.bk-tag.bk-tag-success.bk-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-tag.bk-tag-info {\n color: var(--primary-color);\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled {\n background-color: #3A84FF;\n}\n.bk-tag.bk-tag-info.bk-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-tag.bk-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled {\n background-color: #FE9C00;\n}\n.bk-tag.bk-tag-warning.bk-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-tag.bk-tag-danger {\n color: var(--danger-color);\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled {\n background-color: #EA3536;\n}\n.bk-tag.bk-tag-danger.bk-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-tag:hover {\n background-color: #dcdee5;\n}\n.bk-tag.bk-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-tag.bk-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-tag.bk-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-tag.bk-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-tag.bk-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-tag.bk-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-tag.bk-tag-check {\n color: #fff;\n background: var(--primary-color);\n}\n.bk-tag.bk-tag-check:hover {\n color: #fff;\n background: var(--primary-color);\n opacity: 1;\n}\n.bk-tag--default {\n padding: 0 8px;\n}\n.bk-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-tag--small .bk-tag-text {\n font-size: 10px;\n}\n.bk-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-887b7c44] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #e1ecff;\n color: #4d4f56;\n border-radius: 50%;\n padding: 0 8px;\n height: 24px;\n width: 24px;\n cursor: pointer;\n font-size: 12px;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}\n.me-tag[data-v-887b7c44]:hover {\n background-color: #cddffe;\n color: #3a84ff;\n}\n.me-tag.disabled[data-v-887b7c44] {\n background-color: #f0f1f5;\n color: #c4c6cc;\n cursor: not-allowed;\n}.bk-user-selector-popover.bk-popover.bk-pop2-content {\n padding: 0;\n}.dropdown-content[data-v-54b68f9a] {\n min-height: 40px;\n max-height: 300px;\n overflow-y: auto;\n padding: 5px 0;\n}\n.dropdown-content .no-data[data-v-54b68f9a] {\n padding: 10px;\n text-align: center;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header[data-v-54b68f9a] {\n padding: 8px 12px;\n color: #979ba5;\n display: flex;\n align-items: center;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-54b68f9a] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-54b68f9a] {\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-54b68f9a]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-487799ec] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-487799ec] {\n cursor: move;\n}\n.user-tag.active[data-v-487799ec] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-487799ec] {\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}.multiple-selector[data-v-95b69442] {\n position: relative;\n width: 100%;\n}\n.multiple-selector .tags-container[data-v-95b69442] {\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.multiple-selector .tags-container.focused[data-v-95b69442] {\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-95b69442] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-95b69442] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-95b69442] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-95b69442] {\n min-width: 10px;\n height: 28px;\n background: transparent;\n border: none;\n outline: none;\n}\n.multiple-selector .search-input[data-v-95b69442]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-95b69442] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-95b69442], .multiple-selector .search-input.collapsed[data-v-95b69442] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-4fec9d7c] {\n position: relative;\n width: 100%;\n}\n.input-container[data-v-4fec9d7c] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 0 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n}\n.input-container[data-v-4fec9d7c]: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-4fec9d7c] {\n flex: 1;\n height: 30px;\n background: transparent;\n border: none;\n outline: none;\n}\n.search-input[data-v-4fec9d7c]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-78f5783f] {\n position: relative;\n width: 100%;\n font-size: 12px;\n}/*$vite$:1*/";
7
7
  document.head.appendChild(__vite_style__);
8
8
  function _interopNamespaceDefault(e) {
9
9
  const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -17027,7 +17027,7 @@ ${$(r2)}`), n2;
17027
17027
  };
17028
17028
  }
17029
17029
  });
17030
- const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-655f7a5a"]]);
17030
+ const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-487799ec"]]);
17031
17031
  const _hoisted_1$2 = ["onClick"];
17032
17032
  const _hoisted_2$1 = ["placeholder"];
17033
17033
  const _hoisted_3 = ["placeholder"];
@@ -17519,7 +17519,7 @@ ${$(r2)}`), n2;
17519
17519
  };
17520
17520
  }
17521
17521
  });
17522
- const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d9743f6d"]]);
17522
+ const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95b69442"]]);
17523
17523
  const _hoisted_1$1 = { class: "input-container" };
17524
17524
  const _hoisted_2 = ["placeholder"];
17525
17525
  const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
@@ -17562,9 +17562,7 @@ ${$(r2)}`), n2;
17562
17562
  type: "userGroup"
17563
17563
  }));
17564
17564
  const list = [...options.value, ...userGroup];
17565
- const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
17566
- emit("change", selectedUserInfo2 || null);
17567
- return selectedUserInfo2;
17565
+ return list.find((user) => user.id === selectedUser.value);
17568
17566
  });
17569
17567
  __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount(async () => {
17570
17568
  if (typeof props2.modelValue === "string" && props2.modelValue) {
@@ -17639,9 +17637,9 @@ ${$(r2)}`), n2;
17639
17637
  const handleClickOutside = () => {
17640
17638
  showDropdown.value = false;
17641
17639
  };
17642
- __WEBPACK_EXTERNAL_MODULE_vue__.watch(selectedUser, (newVal) => {
17643
- emit("update:modelValue", newVal);
17644
- });
17640
+ __WEBPACK_EXTERNAL_MODULE_vue__.watch(selectedUserInfo, (newVal) => {
17641
+ emit("change", newVal || null);
17642
+ }, { immediate: true });
17645
17643
  return (_ctx, _cache) => {
17646
17644
  return __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
17647
17645
  ref_key: "containerRef",
@@ -17702,7 +17700,7 @@ ${$(r2)}`), n2;
17702
17700
  };
17703
17701
  }
17704
17702
  });
17705
- const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b20a7499"]]);
17703
+ const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4fec9d7c"]]);
17706
17704
  const _hoisted_1 = {
17707
17705
  ref: "containerRef",
17708
17706
  class: "bk-user-selector"
@@ -17775,13 +17773,15 @@ ${$(r2)}`), n2;
17775
17773
  __WEBPACK_EXTERNAL_MODULE_vue__.watch(selectedUser, (newVal) => {
17776
17774
  if (!props2.multiple) {
17777
17775
  emit("update:modelValue", newVal);
17776
+ emit("change", newVal);
17778
17777
  }
17779
- });
17778
+ }, { immediate: true });
17780
17779
  __WEBPACK_EXTERNAL_MODULE_vue__.watch(
17781
17780
  () => props2.userGroup,
17782
17781
  () => {
17783
17782
  initSelectedUsers();
17784
- }
17783
+ },
17784
+ { immediate: true }
17785
17785
  );
17786
17786
  __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount(() => {
17787
17787
  initSelectedUsers();
@@ -17842,54 +17842,52 @@ ${$(r2)}`), n2;
17842
17842
  };
17843
17843
  }
17844
17844
  });
17845
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c23f5bc9"]]);
17845
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78f5783f"]]);
17846
17846
  const vue2 = {
17847
- model: {
17848
- prop: "modelValue",
17849
- event: "change"
17850
- },
17851
- beforeDestroy() {
17852
- var _a;
17853
- this.unWatchStack.forEach((unWatch) => unWatch == null ? void 0 : unWatch());
17854
- (_a = this.app) == null ? void 0 : _a.unmount();
17855
- },
17856
17847
  created() {
17857
- const props2 = this.$props;
17858
- const emit = this.$emit.bind(this);
17859
- let userSelectorInstance;
17860
- this.app = __WEBPACK_EXTERNAL_MODULE_vue__.createApp({
17861
- render() {
17862
- userSelectorInstance = this;
17863
- return __WEBPACK_EXTERNAL_MODULE_vue__.h(BkUserSelector, {
17864
- ...props2,
17865
- "onUpdate:modelValue"() {
17866
- emit("update:modelValue", ...arguments);
17867
- emit("change", ...arguments);
17848
+ const that = this;
17849
+ let app = __WEBPACK_EXTERNAL_MODULE_vue__.createApp({
17850
+ setup() {
17851
+ const currentInstance = __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance();
17852
+ const unwatchList = Object.keys(that.$props).map((key) => {
17853
+ return that.$watch(key, () => {
17854
+ currentInstance.proxy.$forceUpdate();
17855
+ });
17856
+ });
17857
+ __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount(() => {
17858
+ unwatchList.forEach((unwatch) => unwatch());
17859
+ });
17860
+ return () => __WEBPACK_EXTERNAL_MODULE_vue__.h(BkUserSelector, {
17861
+ ...that.$props,
17862
+ "onUpdate:modelValue": (value) => {
17863
+ that.$emit("update:modelValue", value);
17864
+ that.$emit("change", value);
17868
17865
  },
17869
- ref: "userSelectorRef"
17866
+ onChange: (value) => {
17867
+ console.info("onChange", value);
17868
+ that.$emit("change", value);
17869
+ }
17870
17870
  });
17871
17871
  }
17872
17872
  });
17873
- this.unWatchStack = Object.keys(this.$props).map((k2) => {
17874
- return this.$watch(k2, (v2) => {
17875
- userSelectorInstance[k2] = v2;
17876
- userSelectorInstance.$forceUpdate();
17877
- });
17873
+ this.$once("hook:mounted", () => {
17874
+ app.mount(this.$el);
17875
+ console.info("app", app);
17876
+ });
17877
+ this.$once("hook:beforeDestroy", () => {
17878
+ app.unmount();
17879
+ console.info("unmount", app);
17880
+ app = null;
17878
17881
  });
17879
17882
  },
17880
- data() {
17881
- return {
17882
- app: null,
17883
- unWatchStack: []
17884
- };
17885
- },
17886
- mounted() {
17887
- var _a;
17888
- (_a = this.app) == null ? void 0 : _a.mount(this.$el);
17883
+ model: {
17884
+ prop: "modelValue",
17885
+ event: "change"
17889
17886
  },
17890
17887
  name: "BkUserSelector",
17891
17888
  props: BkUserSelector.props || {},
17892
17889
  render(createElement) {
17890
+ console.info("render", createElement);
17893
17891
  return createElement("div");
17894
17892
  }
17895
17893
  };
package/vue2/vue2.css CHANGED
@@ -1340,6 +1340,8 @@ optgroup {
1340
1340
  background-color: #f0f1f5;
1341
1341
  color: #c4c6cc;
1342
1342
  cursor: not-allowed;
1343
+ }.bk-user-selector-popover.bk-popover.bk-pop2-content {
1344
+ padding: 0;
1343
1345
  }.dropdown-content[data-v-54b68f9a] {
1344
1346
  min-height: 40px;
1345
1347
  max-height: 300px;
@@ -1369,100 +1371,98 @@ optgroup {
1369
1371
  }
1370
1372
  .dropdown-content .user-option[data-v-54b68f9a]:hover {
1371
1373
  background-color: #f5f7fa;
1372
- }.bk-user-selector-popover.bk-popover.bk-pop2-content {
1373
- padding: 0;
1374
- }.user-tag[data-v-655f7a5a] {
1374
+ }.user-tag[data-v-487799ec] {
1375
1375
  margin-right: 4px;
1376
1376
  margin-left: 0;
1377
1377
  }
1378
- .user-tag.draggable[data-v-655f7a5a] {
1378
+ .user-tag.draggable[data-v-487799ec] {
1379
1379
  cursor: move;
1380
1380
  }
1381
- .user-tag.active[data-v-655f7a5a] {
1381
+ .user-tag.active[data-v-487799ec] {
1382
1382
  background-color: #e1ecff;
1383
1383
  border-color: #3a84ff;
1384
1384
  }
1385
- .user-tag .tag-content .user-name[data-v-655f7a5a] {
1386
- white-space: nowrap;
1385
+ .user-tag .tag-content .user-name[data-v-487799ec] {
1387
1386
  overflow: hidden;
1388
- text-overflow: ellipsis;
1389
1387
  font-size: 12px;
1390
- }.multiple-selector[data-v-d9743f6d] {
1388
+ text-overflow: ellipsis;
1389
+ white-space: nowrap;
1390
+ }.multiple-selector[data-v-95b69442] {
1391
1391
  position: relative;
1392
1392
  width: 100%;
1393
1393
  }
1394
- .multiple-selector .tags-container[data-v-d9743f6d] {
1394
+ .multiple-selector .tags-container[data-v-95b69442] {
1395
1395
  min-height: 32px;
1396
+ padding: 1px 10px 1px 8px;
1397
+ background-color: #fff;
1396
1398
  border: 1px solid #c4c6cc;
1397
1399
  border-radius: 2px;
1398
- padding: 1px 10px 1px 8px;
1399
1400
  transition: all 0.2s ease;
1400
- background-color: #fff;
1401
1401
  }
1402
- .multiple-selector .tags-container.focused[data-v-d9743f6d] {
1402
+ .multiple-selector .tags-container.focused[data-v-95b69442] {
1403
1403
  border-color: #3a84ff;
1404
1404
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
1405
1405
  }
1406
- .multiple-selector .tags-container.collapsed[data-v-d9743f6d] {
1406
+ .multiple-selector .tags-container.collapsed[data-v-95b69442] {
1407
1407
  display: flex;
1408
1408
  flex-wrap: wrap;
1409
1409
  align-items: center;
1410
1410
  }
1411
- .multiple-selector .tag-list[data-v-d9743f6d] {
1411
+ .multiple-selector .tag-list[data-v-95b69442] {
1412
1412
  display: flex;
1413
1413
  flex-wrap: wrap;
1414
1414
  align-items: center;
1415
1415
  }
1416
- .multiple-selector .tag-wrapper[data-v-d9743f6d] {
1416
+ .multiple-selector .tag-wrapper[data-v-95b69442] {
1417
1417
  display: inline-flex;
1418
1418
  align-items: center;
1419
1419
  max-width: 100%;
1420
1420
  }
1421
- .multiple-selector .search-input[data-v-d9743f6d] {
1422
- outline: none;
1423
- border: none;
1424
- height: 28px;
1421
+ .multiple-selector .search-input[data-v-95b69442] {
1425
1422
  min-width: 10px;
1423
+ height: 28px;
1426
1424
  background: transparent;
1425
+ border: none;
1426
+ outline: none;
1427
1427
  }
1428
- .multiple-selector .search-input[data-v-d9743f6d]::placeholder {
1428
+ .multiple-selector .search-input[data-v-95b69442]::placeholder {
1429
1429
  color: #c4c6cc;
1430
1430
  }
1431
- .multiple-selector .search-input.inline[data-v-d9743f6d] {
1431
+ .multiple-selector .search-input.inline[data-v-95b69442] {
1432
1432
  min-width: 10px;
1433
1433
  }
1434
- .multiple-selector .search-input.last[data-v-d9743f6d], .multiple-selector .search-input.collapsed[data-v-d9743f6d] {
1434
+ .multiple-selector .search-input.last[data-v-95b69442], .multiple-selector .search-input.collapsed[data-v-95b69442] {
1435
1435
  flex: 1;
1436
1436
  min-width: 60px;
1437
- }.single-selector[data-v-b20a7499] {
1437
+ }.single-selector[data-v-4fec9d7c] {
1438
1438
  position: relative;
1439
1439
  width: 100%;
1440
1440
  }
1441
- .input-container[data-v-b20a7499] {
1441
+ .input-container[data-v-4fec9d7c] {
1442
1442
  position: relative;
1443
1443
  display: flex;
1444
1444
  align-items: center;
1445
1445
  min-height: 32px;
1446
- border: 1px solid #c4c6cc;
1447
- border-radius: 2px;
1448
1446
  padding: 0 8px;
1449
1447
  background-color: #fff;
1448
+ border: 1px solid #c4c6cc;
1449
+ border-radius: 2px;
1450
1450
  }
1451
- .input-container[data-v-b20a7499]:focus-within {
1451
+ .input-container[data-v-4fec9d7c]:focus-within {
1452
1452
  border-color: #3a84ff;
1453
1453
  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);
1454
1454
  }
1455
- .search-input[data-v-b20a7499] {
1455
+ .search-input[data-v-4fec9d7c] {
1456
1456
  flex: 1;
1457
- outline: none;
1458
- border: none;
1459
1457
  height: 30px;
1460
1458
  background: transparent;
1459
+ border: none;
1460
+ outline: none;
1461
1461
  }
1462
- .search-input[data-v-b20a7499]::placeholder {
1462
+ .search-input[data-v-4fec9d7c]::placeholder {
1463
1463
  color: #c4c6cc;
1464
- }.bk-user-selector[data-v-c23f5bc9] {
1465
- width: 100%;
1464
+ }.bk-user-selector[data-v-78f5783f] {
1466
1465
  position: relative;
1466
+ width: 100%;
1467
1467
  font-size: 12px;
1468
1468
  }
package/vue3/index.es.min.js CHANGED
@@ -3328,7 +3328,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
3328
3328
  };
3329
3329
  }
3330
3330
  });
3331
- const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-655f7a5a"]]);
3331
+ const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-487799ec"]]);
3332
3332
  const _hoisted_1$2 = ["onClick"];
3333
3333
  const _hoisted_2$1 = ["placeholder"];
3334
3334
  const _hoisted_3 = ["placeholder"];
@@ -3820,7 +3820,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
3820
3820
  };
3821
3821
  }
3822
3822
  });
3823
- const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d9743f6d"]]);
3823
+ const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-95b69442"]]);
3824
3824
  const _hoisted_1$1 = { class: "input-container" };
3825
3825
  const _hoisted_2 = ["placeholder"];
3826
3826
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -3863,9 +3863,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
3863
3863
  type: "userGroup"
3864
3864
  }));
3865
3865
  const list = [...options.value, ...userGroup];
3866
- const selectedUserInfo2 = list.find((user) => user.id === selectedUser.value);
3867
- emit("change", selectedUserInfo2 || null);
3868
- return selectedUserInfo2;
3866
+ return list.find((user) => user.id === selectedUser.value);
3869
3867
  });
3870
3868
  onBeforeMount(async () => {
3871
3869
  if (typeof props.modelValue === "string" && props.modelValue) {
@@ -3940,9 +3938,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
3940
3938
  const handleClickOutside = () => {
3941
3939
  showDropdown.value = false;
3942
3940
  };
3943
- watch(selectedUser, (newVal) => {
3944
- emit("update:modelValue", newVal);
3945
- });
3941
+ watch(selectedUserInfo, (newVal) => {
3942
+ emit("change", newVal || null);
3943
+ }, { immediate: true });
3946
3944
  return (_ctx, _cache) => {
3947
3945
  return withDirectives((openBlock(), createElementBlock("div", {
3948
3946
  ref_key: "containerRef",
@@ -4003,7 +4001,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4003
4001
  };
4004
4002
  }
4005
4003
  });
4006
- const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b20a7499"]]);
4004
+ const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4fec9d7c"]]);
4007
4005
  const _hoisted_1 = {
4008
4006
  ref: "containerRef",
4009
4007
  class: "bk-user-selector"
@@ -4076,13 +4074,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4076
4074
  watch(selectedUser, (newVal) => {
4077
4075
  if (!props.multiple) {
4078
4076
  emit("update:modelValue", newVal);
4077
+ emit("change", newVal);
4079
4078
  }
4080
- });
4079
+ }, { immediate: true });
4081
4080
  watch(
4082
4081
  () => props.userGroup,
4083
4082
  () => {
4084
4083
  initSelectedUsers();
4085
- }
4084
+ },
4085
+ { immediate: true }
4086
4086
  );
4087
4087
  onBeforeMount(() => {
4088
4088
  initSelectedUsers();
@@ -4143,7 +4143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4143
4143
  };
4144
4144
  }
4145
4145
  });
4146
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c23f5bc9"]]);
4146
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78f5783f"]]);
4147
4147
  export {
4148
4148
  BkUserSelector,
4149
4149
  BkUserSelector as default