@blueking/bk-user-selector 0.1.0 → 0.1.1-beta.2

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.
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".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@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-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-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-user-selector-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-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-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-user-selector-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-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\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-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-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-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-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-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.bk-user-selector-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: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-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-4f251ce1] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n white-space: nowrap;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-024fc663] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-024fc663] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-024fc663] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-024fc663] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-024fc663] {\n display: flex;\n align-items: center;\n height: 32px;\n padding: 8px 12px;\n cursor: pointer;\n}\n.dropdown-content .user-option[data-v-024fc663]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-48ac8fc1] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-48ac8fc1] {\n cursor: move;\n}\n.user-tag.active[data-v-48ac8fc1] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-48ac8fc1] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-48ac8fc1]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-48ac8fc1] {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n white-space: nowrap;\n}.bk-user-selector[data-v-65e61c1c] {\n position: relative;\n width: 100%;\n height: 32px;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-65e61c1c] {\n pointer-events: none;\n cursor: not-allowed;\n background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-65e61c1c] {\n position: relative;\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.bk-user-selector .tags-container.focused[data-v-65e61c1c] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-65e61c1c] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-list[data-v-65e61c1c] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-65e61c1c] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-65e61c1c] {\n min-width: 20px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.bk-user-selector .search-input[data-v-65e61c1c]::placeholder {\n color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-65e61c1c] {\n min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-65e61c1c], .bk-user-selector .search-input.search-input-collapsed[data-v-65e61c1c] {\n flex: 1;\n}\n.hidden-users[data-v-65e61c1c] {\n padding: 6px 10px;\n}.bk-user-selector-popover {\n padding: 0 !important;\n}"));
6
+ elementStyle.appendChild(document.createTextNode(".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@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-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-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-user-selector-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-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-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-user-selector-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-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\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-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-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-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-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-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.bk-user-selector-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: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-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-4f251ce1] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n white-space: nowrap;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-d5a338f0] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-d5a338f0] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-d5a338f0] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-d5a338f0] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-d5a338f0] {\n display: flex;\n align-items: center;\n height: 32px;\n padding: 8px 12px;\n cursor: pointer;\n}\n.dropdown-content .user-option[data-v-d5a338f0]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-1f2e0737] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-1f2e0737] {\n cursor: move;\n}\n.user-tag.active[data-v-1f2e0737] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-1f2e0737] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-1f2e0737]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-1f2e0737] {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n white-space: nowrap;\n}.bk-user-selector[data-v-9975c7e1] {\n position: relative;\n width: 100%;\n height: 32px;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-9975c7e1] {\n pointer-events: none;\n cursor: not-allowed;\n background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-9975c7e1] {\n position: relative;\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.bk-user-selector .tags-container.focused[data-v-9975c7e1] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-9975c7e1] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-list[data-v-9975c7e1] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-9975c7e1] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-9975c7e1] {\n min-width: 20px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.bk-user-selector .search-input[data-v-9975c7e1]::placeholder {\n color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-9975c7e1] {\n min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-9975c7e1], .bk-user-selector .search-input.search-input-collapsed[data-v-9975c7e1] {\n flex: 1;\n}\n.hidden-users[data-v-9975c7e1] {\n padding: 6px 10px;\n}.bk-user-selector-popover {\n padding: 0 !important;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -4575,6 +4575,10 @@ ${$(r2)}`), n2;
4575
4575
  /* reexport */
4576
4576
  lang_en
4577
4577
  ),
4578
+ jp: () => (
4579
+ /* reexport */
4580
+ ja_jp
4581
+ ),
4578
4582
  zhCn: () => (
4579
4583
  /* reexport */
4580
4584
  zh_cn
@@ -4762,6 +4766,145 @@ ${$(r2)}`), n2;
4762
4766
  }
4763
4767
  };
4764
4768
  const lang_en = en;
4769
+ var jp = {
4770
+ lang: "ja",
4771
+ steps: {
4772
+ step1: "ステップ1",
4773
+ step2: "ステップ2",
4774
+ step3: "ステップ3"
4775
+ },
4776
+ datePicker: {
4777
+ selectDate: "日付を選択",
4778
+ selectTime: "時間を選択",
4779
+ clear: "クリア",
4780
+ ok: "OK",
4781
+ weekdays: {
4782
+ sun: "日",
4783
+ mon: "月",
4784
+ tue: "火",
4785
+ wed: "水",
4786
+ thu: "木",
4787
+ fri: "金",
4788
+ sat: "土"
4789
+ },
4790
+ hour: "時",
4791
+ min: "分",
4792
+ sec: "秒",
4793
+ toNow: "現在まで"
4794
+ },
4795
+ dialog: {
4796
+ ok: "OK",
4797
+ cancel: "キャンセル",
4798
+ prev: "前へ",
4799
+ next: "次へ"
4800
+ },
4801
+ popConfirm: {
4802
+ ok: "OK",
4803
+ cancel: "キャンセル"
4804
+ },
4805
+ form: {
4806
+ notBeEmpty: "空にできません",
4807
+ incorrectFormat: "フォーマットが正しくありません",
4808
+ max: "最大値",
4809
+ min: "最小値",
4810
+ maxLen: "最大の長さ",
4811
+ verifyError: "検証エラー"
4812
+ },
4813
+ pagination: {
4814
+ eachPage: "各ページ",
4815
+ strip: "項目",
4816
+ total: "合計"
4817
+ },
4818
+ process: {
4819
+ step1: "ステップ1",
4820
+ step2: "ステップ2",
4821
+ step3: "ステップ3",
4822
+ step4: "ステップ4"
4823
+ },
4824
+ searchSelect: {
4825
+ pleaseSelect: "選択してください",
4826
+ loading: "ロード中...",
4827
+ filterQueryMustHasValue: "フィルターに一つ以上の値を選択する必要があります",
4828
+ ok: "OK",
4829
+ cancel: "キャンセル",
4830
+ or: "or",
4831
+ and: "and",
4832
+ logical: "ロジック:"
4833
+ },
4834
+ select: {
4835
+ noData: "データなし",
4836
+ noMatchedData: "一致するデータがありません",
4837
+ loading: "読み込み中...",
4838
+ pleaseSelect: "選択してください",
4839
+ enterKeywords: "キーワードを入力してください",
4840
+ all: "すべて",
4841
+ selectAll: "すべて選択"
4842
+ },
4843
+ table: {
4844
+ emptyText: "データがありません",
4845
+ confirm: "OK",
4846
+ reset: "リセット",
4847
+ sort: "ソート",
4848
+ setting: {
4849
+ title: "テーブル設定",
4850
+ fields: {
4851
+ title: "表示フィールド設定",
4852
+ subtitle: function subtitle(max2) {
4853
+ return "(最大".concat(max2, "項目)");
4854
+ },
4855
+ selectAll: "すべて選択"
4856
+ },
4857
+ lineHeight: {
4858
+ title: "テーブル行の高さ",
4859
+ small: "小",
4860
+ medium: "中",
4861
+ large: "大"
4862
+ },
4863
+ options: {
4864
+ ok: "OK",
4865
+ cancel: "キャンセル"
4866
+ }
4867
+ }
4868
+ },
4869
+ transfer: {
4870
+ sourceList: "ソースリスト",
4871
+ targetList: "ターゲットリスト",
4872
+ removeAll: "すべて削除",
4873
+ selectAll: "すべて選択",
4874
+ noData: "データがありません",
4875
+ noSelected: "選択されていません",
4876
+ search: "検索"
4877
+ },
4878
+ upload: {
4879
+ uploadSuccess: "アップロード成功",
4880
+ uploadFailed: "アップロード失敗",
4881
+ drapFileOr: "ここにファイルをドラッグまたは",
4882
+ clickUpload: "クリックしてアップロード",
4883
+ uploadLabel: "ファイルをアップロード"
4884
+ },
4885
+ input: {
4886
+ placeholder: "入力してください",
4887
+ maxlengthLimitTips: "文字数制限に達しました"
4888
+ },
4889
+ tagInput: {
4890
+ placeholder: "入力してEnterキーで終了"
4891
+ },
4892
+ message: {
4893
+ assistant: "アシスタント",
4894
+ details: "詳細",
4895
+ copySuccess: "コピー成功",
4896
+ copyFailed: "コピー失敗"
4897
+ },
4898
+ cascader: {
4899
+ pleaseSelect: "選択してください",
4900
+ noData: "データがありません",
4901
+ emptyText: "該当する検索結果がありません"
4902
+ },
4903
+ versionLog: {
4904
+ current: "現在のバージョン"
4905
+ }
4906
+ };
4907
+ const ja_jp = jp;
4765
4908
  var zhCn = {
4766
4909
  lang: "zh-cn",
4767
4910
  steps: {
@@ -4945,6 +5088,7 @@ ${$(r2)}`), n2;
4945
5088
  };
4946
5089
  const zh_cn = zhCn;
4947
5090
  __webpack_exports__$5.en;
5091
+ __webpack_exports__$5.jp;
4948
5092
  var __webpack_exports__zhCn = __webpack_exports__$5.zhCn;
4949
5093
  var __webpack_require__$4 = {};
4950
5094
  (() => {
@@ -5603,21 +5747,28 @@ ${$(r2)}`), n2;
5603
5747
  mounted: function mounted(el, binding) {
5604
5748
  if (binding.value) {
5605
5749
  createInstance(el, binding);
5750
+ if (!binding.value.loading) {
5751
+ var _instance$vm;
5752
+ var instance = el[INSTANCE_KEY];
5753
+ if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
5754
+ instance.vm.$el.parentNode.style.display = "none";
5755
+ }
5756
+ }
5606
5757
  }
5607
5758
  },
5608
5759
  updated: function updated(el, binding) {
5609
- var _instance$vm;
5760
+ var _instance$vm2;
5610
5761
  var instance = el[INSTANCE_KEY];
5611
5762
  var value = binding.value;
5612
5763
  updateOptions(value, instance.options);
5613
- if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
5764
+ if (instance !== null && instance !== void 0 && (_instance$vm2 = instance.vm) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.$el) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.parentNode) !== null && _instance$vm2 !== void 0 && _instance$vm2.style) {
5614
5765
  instance.vm.$el.parentNode.style.display = value.loading ? "" : "none";
5615
5766
  }
5616
5767
  },
5617
5768
  unmounted: function unmounted(el) {
5618
- var _instance$vm2, _instance$instance;
5769
+ var _instance$vm3, _instance$instance;
5619
5770
  var instance = el[INSTANCE_KEY];
5620
- el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm2 = instance.vm) === null || _instance$vm2 === void 0 || (_instance$vm2 = _instance$vm2.$el) === null || _instance$vm2 === void 0 ? void 0 : _instance$vm2.parentNode);
5771
+ el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm3 = instance.vm) === null || _instance$vm3 === void 0 || (_instance$vm3 = _instance$vm3.$el) === null || _instance$vm3 === void 0 ? void 0 : _instance$vm3.parentNode);
5621
5772
  instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
5622
5773
  el[INSTANCE_KEY] = null;
5623
5774
  }
@@ -6083,7 +6234,7 @@ ${$(r2)}`), n2;
6083
6234
  __webpack_require__$1.d(x3, y2);
6084
6235
  return x3;
6085
6236
  };
6086
- const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.withDirectives });
6237
+ const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch });
6087
6238
  function _createForOfIteratorHelper(o2, allowArrayLike) {
6088
6239
  var it = typeof Symbol !== "undefined" && o2[Symbol.iterator] || o2["@@iterator"];
6089
6240
  if (!it) {
@@ -6365,7 +6516,6 @@ ${$(r2)}`), n2;
6365
6516
  var refContent = (0, external_vue_namespaceObject2.ref)(null);
6366
6517
  var refTimer = (0, external_vue_namespaceObject2.ref)(null);
6367
6518
  var handleClick = function handleClick2(evt) {
6368
- evt.stopPropagation();
6369
6519
  emit("click", evt);
6370
6520
  };
6371
6521
  var resetPointerEvent = function resetPointerEvent2() {
@@ -6466,7 +6616,7 @@ ${$(r2)}`), n2;
6466
6616
  /**
6467
6617
  * 弹出内容绑定元素
6468
6618
  */
6469
- boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]),
6619
+ boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]).def("body"),
6470
6620
  zIndex: shared_namespaceObject2.PropTypes.number.def(void 0),
6471
6621
  disableTeleport: shared_namespaceObject2.PropTypes.bool.def(false),
6472
6622
  /**
@@ -8362,6 +8512,23 @@ ${$(r2)}`), n2;
8362
8512
  }, {});
8363
8513
  var contentClass = "".concat(customThemeCls);
8364
8514
  var cleanup = null;
8515
+ var clearAllTimers = function clearAllTimers2() {
8516
+ if (popHideTimerId) {
8517
+ clearTimeout(popHideTimerId);
8518
+ popHideTimerId = void 0;
8519
+ }
8520
+ if (popShowTimerId) {
8521
+ clearTimeout(popShowTimerId);
8522
+ popShowTimerId = void 0;
8523
+ }
8524
+ };
8525
+ var wrappedCleanup = function wrappedCleanup2() {
8526
+ clearAllTimers();
8527
+ if (cleanup) {
8528
+ cleanup();
8529
+ cleanup = null;
8530
+ }
8531
+ };
8365
8532
  var getRoundPixelVal = function getRoundPixelVal2(val) {
8366
8533
  var dpr = window.devicePixelRatio || 1;
8367
8534
  return Math.round(val * dpr) / dpr || 0;
@@ -8410,7 +8577,28 @@ ${$(r2)}`), n2;
8410
8577
  }
8411
8578
  };
8412
8579
  var createPopInstance = function createPopInstance2() {
8580
+ var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
8413
8581
  var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
8582
+ if (!elReference || !elContent) {
8583
+ if (retryCount >= 10) {
8584
+ console.warn("[Popover] Failed to create popover instance: elements not found after retries");
8585
+ return;
8586
+ }
8587
+ (0, external_vue_namespaceObject2.nextTick)(function() {
8588
+ createPopInstance2(retryCount + 1);
8589
+ });
8590
+ return;
8591
+ }
8592
+ if (!elReference.isConnected || !elContent.isConnected) {
8593
+ if (retryCount >= 10) {
8594
+ console.warn("[Popover] Failed to create popover instance: elements not connected to DOM after retries");
8595
+ return;
8596
+ }
8597
+ (0, external_vue_namespaceObject2.nextTick)(function() {
8598
+ createPopInstance2(retryCount + 1);
8599
+ });
8600
+ return;
8601
+ }
8414
8602
  cleanup = autoUpdate(elReference, elContent, function() {
8415
8603
  if (localIsShow.value) {
8416
8604
  updatePopover(null, props);
@@ -8455,6 +8643,9 @@ ${$(r2)}`), n2;
8455
8643
  var showPopover = function showPopover2() {
8456
8644
  var delay = resolvePopoverDelay()[0];
8457
8645
  popShowTimerId = setTimeout(function() {
8646
+ if (!refContent.value) {
8647
+ return;
8648
+ }
8458
8649
  if (!props.disabled) {
8459
8650
  localIsShow.value = true;
8460
8651
  }
@@ -8463,6 +8654,9 @@ ${$(r2)}`), n2;
8463
8654
  var hidePopover = function hidePopover2() {
8464
8655
  var delay = resolvePopoverDelay()[1];
8465
8656
  popHideTimerId = setTimeout(function() {
8657
+ if (!refContent.value) {
8658
+ return;
8659
+ }
8466
8660
  popShowTimerId && clearTimeout(popShowTimerId);
8467
8661
  localIsShow.value = false;
8468
8662
  }, delay);
@@ -8470,20 +8664,30 @@ ${$(r2)}`), n2;
8470
8664
  var handlePopoverShow = function handlePopoverShow2() {
8471
8665
  var _refContent$value2;
8472
8666
  var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
8667
+ if (!elContent) {
8668
+ return;
8669
+ }
8473
8670
  elContent.style.setProperty("display", "block");
8474
8671
  elContent.style.setProperty("z-index", "".concat(props.zIndex ? props.zIndex : shared_namespaceObject2.bkZIndexManager.getPopperIndex()));
8475
8672
  updatePopover();
8476
- ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
8477
- isShow: true
8478
- });
8673
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
8674
+ ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
8675
+ isShow: true
8676
+ });
8677
+ }
8479
8678
  };
8480
8679
  var handlePopoverHide = function handlePopoverHide2() {
8481
8680
  var _refContent$value3;
8482
8681
  var elContent = resolveTargetElement((_refContent$value3 = refContent.value) === null || _refContent$value3 === void 0 ? void 0 : _refContent$value3.$el);
8682
+ if (!elContent) {
8683
+ return;
8684
+ }
8483
8685
  elContent.style.setProperty("display", "none");
8484
- ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
8485
- isShow: false
8486
- });
8686
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
8687
+ ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
8688
+ isShow: false
8689
+ });
8690
+ }
8487
8691
  };
8488
8692
  var triggerPopover = function triggerPopover2() {
8489
8693
  if (!localIsShow.value) {
@@ -8512,10 +8716,14 @@ ${$(r2)}`), n2;
8512
8716
  emitPopContentMouseLeave(e);
8513
8717
  };
8514
8718
  var emitPopContentMouseEnter = function emitPopContentMouseEnter2(e) {
8515
- ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
8719
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
8720
+ ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
8721
+ }
8516
8722
  };
8517
8723
  var emitPopContentMouseLeave = function emitPopContentMouseLeave2(e) {
8518
- ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
8724
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
8725
+ ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
8726
+ }
8519
8727
  };
8520
8728
  var resolveTriggerEvents = function resolveTriggerEvents2() {
8521
8729
  var _triggerEvents$props$;
@@ -8567,13 +8775,13 @@ ${$(r2)}`), n2;
8567
8775
  getFullscreenRoot: getFullscreenRoot2,
8568
8776
  stopHide,
8569
8777
  localIsShow,
8570
- cleanup
8778
+ cleanup: wrappedCleanup
8571
8779
  };
8572
8780
  };
8573
- var popContainerId2 = null;
8574
- var parentNodeReferId = null;
8781
+ var popContainerId2 = "id_".concat(esm_browser_v42());
8575
8782
  const use_popper_id = function(props) {
8576
8783
  var prefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "#";
8784
+ var parentNodeReferId = "id_".concat(esm_browser_v42());
8577
8785
  var getPrefixId = function getPrefixId2(root3) {
8578
8786
  var resolvedBoundary = null;
8579
8787
  var resolveBoundary = function resolveBoundary2(fn) {
@@ -8582,8 +8790,7 @@ ${$(r2)}`), n2;
8582
8790
  }
8583
8791
  };
8584
8792
  var resolveParentBoundary = function resolveParentBoundary2() {
8585
- if (/^parent$/i.test(props.boundary)) {
8586
- resolvedBoundary = "".concat(prefix).concat(popContainerId2);
8793
+ if (/^parent$/i.test(props.boundary) || !props.boundary) {
8587
8794
  var _ref = root3 || {}, parentNode = _ref.parentNode;
8588
8795
  if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
8589
8796
  parentNode.parentNode.setAttribute("data-pnode-id", parentNodeReferId);
@@ -8592,42 +8799,53 @@ ${$(r2)}`), n2;
8592
8799
  }
8593
8800
  };
8594
8801
  var resolveCommonBoundary = function resolveCommonBoundary2() {
8595
- if (!/^body$/i.test(props.boundary)) {
8596
- if (typeof props.boundary === "string") {
8597
- if (!isAvailableId(props.boundary)) {
8598
- resolvedBoundary = "body";
8599
- return;
8600
- }
8601
- resolvedBoundary = props.boundary;
8602
- return;
8603
- }
8604
- if (utils_isElement(props.boundary)) {
8605
- resolvedBoundary = props.boundary;
8606
- return;
8607
- }
8802
+ if (typeof props.boundary === "string" && /^body$/i.test(props.boundary)) {
8803
+ resolvedBoundary = "".concat(prefix).concat(popContainerId2);
8804
+ return;
8805
+ }
8806
+ if (props.boundary === document.body) {
8807
+ resolvedBoundary = "".concat(prefix).concat(popContainerId2);
8808
+ return;
8809
+ }
8810
+ if (typeof props.boundary === "string") {
8811
+ resolvedBoundary = props.boundary;
8812
+ return;
8813
+ }
8814
+ if (utils_isElement(props.boundary)) {
8815
+ resolvedBoundary = props.boundary;
8816
+ return;
8608
8817
  }
8609
8818
  };
8610
8819
  resolveBoundary(resolveParentBoundary);
8611
8820
  resolveBoundary(resolveCommonBoundary);
8612
8821
  resolveBoundary(function() {
8613
- resolvedBoundary = typeof props.boundary === "string" ? props.boundary : "".concat(prefix).concat(popContainerId2);
8822
+ resolvedBoundary = "".concat(prefix).concat(popContainerId2);
8614
8823
  });
8615
8824
  return resolvedBoundary;
8616
8825
  };
8617
- if (popContainerId2 === null || !isAvailableId("#".concat(popContainerId2))) {
8618
- popContainerId2 = "id_".concat(esm_browser_v42());
8826
+ if (!isAvailableId("#".concat(popContainerId2))) {
8619
8827
  var popContainer = document.createElement("div");
8620
8828
  popContainer.setAttribute("id", popContainerId2);
8621
8829
  popContainer.setAttribute("data-popper-id", popContainerId2);
8622
8830
  document.body.append(popContainer);
8623
8831
  }
8624
- if (parentNodeReferId === null) {
8625
- parentNodeReferId = "id_".concat(esm_browser_v42());
8626
- }
8832
+ var clearParentNodeId = function clearParentNodeId2(root3) {
8833
+ if (/^parent$/i.test(props.boundary)) {
8834
+ var _ref2 = root3 || {}, parentNode = _ref2.parentNode;
8835
+ if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
8836
+ var attr = parentNode.parentNode.getAttribute("data-pnode-id");
8837
+ if (attr === parentNodeReferId) {
8838
+ parentNode.parentNode.removeAttribute("data-pnode-id");
8839
+ }
8840
+ }
8841
+ }
8842
+ };
8627
8843
  return {
8628
8844
  popContainerId: popContainerId2,
8629
8845
  prefixId: getPrefixId(),
8630
- getPrefixId
8846
+ getPrefixId,
8847
+ parentNodeReferId,
8848
+ clearParentNodeId
8631
8849
  };
8632
8850
  };
8633
8851
  const use_popover_init = function(props, ctx, _ref) {
@@ -8662,7 +8880,18 @@ ${$(r2)}`), n2;
8662
8880
  }
8663
8881
  };
8664
8882
  var addEventToPopTargetEl = function addEventToPopTargetEl2() {
8883
+ var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
8665
8884
  var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
8885
+ if (!elReference) {
8886
+ if (retryCount >= 10) {
8887
+ console.warn("[Popover] Failed to add events: reference element not found after retries");
8888
+ return;
8889
+ }
8890
+ (0, external_vue_namespaceObject2.nextTick)(function() {
8891
+ addEventToPopTargetEl2(retryCount + 1);
8892
+ });
8893
+ return;
8894
+ }
8666
8895
  storeEvents = resolveTriggerEvents();
8667
8896
  storeEvents.forEach(function(storeEvent) {
8668
8897
  if (Array.isArray(storeEvent)) {
@@ -8670,11 +8899,16 @@ ${$(r2)}`), n2;
8670
8899
  } else {
8671
8900
  var content2 = storeEvent.content, reference3 = storeEvent.reference;
8672
8901
  addEventToTargetEl(elReference, reference3);
8673
- addEventToTargetEl(elContent, content2);
8902
+ if (elContent) {
8903
+ addEventToTargetEl(elContent, content2);
8904
+ }
8674
8905
  }
8675
8906
  });
8676
8907
  };
8677
8908
  var addEventToTargetEl = function addEventToTargetEl2(target, evets) {
8909
+ if (!target) {
8910
+ return;
8911
+ }
8678
8912
  evets.forEach(function(_ref2) {
8679
8913
  var _ref3 = _slicedToArray(_ref2, 2), event = _ref3[0], listener = _ref3[1];
8680
8914
  if (event && typeof listener === "function") {
@@ -8726,12 +8960,14 @@ ${$(r2)}`), n2;
8726
8960
  if (isFullscreen.value) {
8727
8961
  var _fullScreenTarget$val;
8728
8962
  var _ref10 = elReference || root3 || {}, parentNode = _ref10.parentNode;
8729
- boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
8963
+ var fullscreenBoundary = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
8964
+ boundary.value = fullscreenBoundary || "body";
8730
8965
  return;
8731
8966
  }
8732
- boundary.value = getPrefixId(root3 || elReference);
8967
+ var resolvedBoundary = getPrefixId(root3 || elReference);
8968
+ boundary.value = resolvedBoundary || "body";
8733
8969
  };
8734
- var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId;
8970
+ var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId, clearParentNodeId = _usePopperId.clearParentNodeId;
8735
8971
  var setFullscreenTag = function setFullscreenTag2() {
8736
8972
  var _fullScreenTarget$val2;
8737
8973
  fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute("data-fllsrn-id", fullscreenReferId);
@@ -8743,7 +8979,7 @@ ${$(r2)}`), n2;
8743
8979
  element === null || element === void 0 || element.removeAttribute("data-fllsrn-id");
8744
8980
  });
8745
8981
  };
8746
- var boundary = (0, external_vue_namespaceObject2.ref)();
8982
+ var boundary = (0, external_vue_namespaceObject2.ref)("body");
8747
8983
  var beforeInstanceUnmount = function beforeInstanceUnmount2() {
8748
8984
  removeEventListener();
8749
8985
  };
@@ -8765,25 +9001,39 @@ ${$(r2)}`), n2;
8765
9001
  if (props.disabled) {
8766
9002
  return;
8767
9003
  }
8768
- initPopInstance();
8769
9004
  if (isElementFullScreen()) {
8770
9005
  var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
8771
9006
  var target = getFullscreenRoot2(query);
8772
9007
  updateFullscreen(target);
8773
9008
  }
8774
9009
  updateBoundary();
9010
+ initPopInstance();
8775
9011
  document.body.addEventListener("fullscreenchange", handleFullscreenChange);
9012
+ document.addEventListener("click", handleClickOutside);
8776
9013
  };
8777
9014
  var onUnmountedFn = function onUnmountedFn2() {
8778
9015
  beforeInstanceUnmount();
9016
+ var _resolvePopElements4 = resolvePopElements(), root3 = _resolvePopElements4.root;
9017
+ clearParentNodeId(root3);
8779
9018
  document.body.removeEventListener("fullscreenchange", handleFullscreenChange);
8780
- };
8781
- var handleClickOutside = function handleClickOutside2(_e) {
8782
- var hideIgnoreReference = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
9019
+ document.removeEventListener("click", handleClickOutside);
9020
+ };
9021
+ var isClickInside = function isClickInside2(target) {
9022
+ var _refContent$value$$el, _refContent$value, _refContent$value$con;
9023
+ return (_refContent$value$$el = (_refContent$value = refContent.value) === null || _refContent$value === void 0 || (_refContent$value = _refContent$value.$el) === null || _refContent$value === void 0 || (_refContent$value$con = _refContent$value.contains) === null || _refContent$value$con === void 0 ? void 0 : _refContent$value$con.call(_refContent$value, target)) !== null && _refContent$value$$el !== void 0 ? _refContent$value$$el : false;
9024
+ };
9025
+ var handleClickOutside = function handleClickOutside2(e) {
9026
+ var target = e.target;
9027
+ if (isClickInside(target)) {
9028
+ e.preventDefault();
9029
+ e.stopPropagation();
9030
+ e.stopImmediatePropagation();
9031
+ return;
9032
+ }
8783
9033
  var commonFunc = function commonFunc2() {
8784
9034
  ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
8785
9035
  isShow: localIsShow.value,
8786
- event: _e
9036
+ event: e
8787
9037
  });
8788
9038
  var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === "manual";
8789
9039
  if (!props.forceClickoutside && needExec) {
@@ -8793,7 +9043,7 @@ ${$(r2)}`), n2;
8793
9043
  hideFn();
8794
9044
  }
8795
9045
  };
8796
- if (hideIgnoreReference) {
9046
+ if (props.hideIgnoreReference) {
8797
9047
  setTimeout(function() {
8798
9048
  if (ReferenceClickSharedState[uniqKey]) {
8799
9049
  ReferenceClickSharedState[uniqKey] = false;
@@ -8854,7 +9104,7 @@ ${$(r2)}`), n2;
8854
9104
  refContent,
8855
9105
  refArrow,
8856
9106
  refRoot
8857
- }), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn, handleClickOutside = _usePopoverInit.handleClickOutside, beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount, updateBoundary = _usePopoverInit.updateBoundary, initPopInstance = _usePopoverInit.initPopInstance, showFn = _usePopoverInit.showFn, hideFn = _usePopoverInit.hideFn, showPopover = _usePopoverInit.showPopover, hidePopover = _usePopoverInit.hidePopover, updatePopover = _usePopoverInit.updatePopover, resetPopover = _usePopoverInit.resetPopover, stopHide = _usePopoverInit.stopHide, localIsShow = _usePopoverInit.localIsShow, boundary = _usePopoverInit.boundary, uniqKey = _usePopoverInit.uniqKey;
9107
+ }), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn, beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount, initPopInstance = _usePopoverInit.initPopInstance, showFn = _usePopoverInit.showFn, hideFn = _usePopoverInit.hideFn, showPopover = _usePopoverInit.showPopover, hidePopover = _usePopoverInit.hidePopover, updatePopover = _usePopoverInit.updatePopover, resetPopover = _usePopoverInit.resetPopover, stopHide = _usePopoverInit.stopHide, localIsShow = _usePopoverInit.localIsShow, boundary = _usePopoverInit.boundary, uniqKey = _usePopoverInit.uniqKey;
8858
9108
  if (!props.always && !props.disabled) {
8859
9109
  (0, external_vue_namespaceObject2.watch)(function() {
8860
9110
  return props.isShow;
@@ -8873,7 +9123,6 @@ ${$(r2)}`), n2;
8873
9123
  initPopInstance();
8874
9124
  }
8875
9125
  });
8876
- updateBoundary();
8877
9126
  (0, external_vue_namespaceObject2.onMounted)(onMountedFn);
8878
9127
  (0, external_vue_namespaceObject2.onBeforeUnmount)(onUnmountedFn);
8879
9128
  var isRenderModeShow = (0, external_vue_namespaceObject2.computed)(function() {
@@ -8920,7 +9169,6 @@ ${$(r2)}`), n2;
8920
9169
  isRenderModeShow,
8921
9170
  transBoundary,
8922
9171
  handleClickContent,
8923
- handleClickOutside,
8924
9172
  updatePopover,
8925
9173
  resetPopover,
8926
9174
  hide: hide2,
@@ -8967,7 +9215,7 @@ ${$(r2)}`), n2;
8967
9215
  "to": _this.boundary
8968
9216
  }, {
8969
9217
  "default": function _default2() {
8970
- return [(0, external_vue_namespaceObject2.withDirectives)((0, external_vue_namespaceObject2.createVNode)(content, {
9218
+ return [(0, external_vue_namespaceObject2.createVNode)(content, {
8971
9219
  "ref": "refContent",
8972
9220
  "width": _this.width,
8973
9221
  "height": _this.height,
@@ -8992,9 +9240,7 @@ ${$(r2)}`), n2;
8992
9240
  }
8993
9241
  }) : "";
8994
9242
  }
8995
- }), [[(0, external_vue_namespaceObject2.resolveDirective)("clickoutside"), function(e) {
8996
- return _this.handleClickOutside(e, _this.hideIgnoreReference);
8997
- }]])];
9243
+ })];
8998
9244
  }
8999
9245
  })];
9000
9246
  }
@@ -12238,7 +12484,7 @@ ${$(r2)}`), n2;
12238
12484
  };
12239
12485
  const lookupUsers = async (params) => {
12240
12486
  const { apiBaseUrl, tenantId, exactSearchKey = "bk_username", usersList = [], enableMultiTenantMode = true } = params;
12241
- const users = usersList.filter(Boolean).map((user) => user.trim());
12487
+ const users = usersList.filter(Boolean).map((user) => typeof user === "string" ? user.trim() : String(user).trim());
12242
12488
  if (!enableMultiTenantMode) {
12243
12489
  try {
12244
12490
  const userList = await getUserList(apiBaseUrl, { userIds: users });
@@ -12276,12 +12522,14 @@ ${$(r2)}`), n2;
12276
12522
  ...user,
12277
12523
  id: user.username,
12278
12524
  name: `${user.display_name}(${user.username})`,
12525
+ type: user.data_source_type,
12279
12526
  tenantId: user.owner_tenant_id
12280
12527
  }));
12281
12528
  }
12282
12529
  return users.map((user) => ({
12283
12530
  id: user.bk_username,
12284
12531
  name: user.display_name,
12532
+ type: user.data_source_type,
12285
12533
  tenantId: user.owner_tenant_id,
12286
12534
  ...user
12287
12535
  }));
@@ -12464,9 +12712,11 @@ ${$(r2)}`), n2;
12464
12712
  }
12465
12713
  if (variables) {
12466
12714
  target = target[pathStack[i2]];
12467
- Object.keys(variables).forEach((key) => {
12468
- target = target.replace(`{${key}}`, variables[key]);
12469
- });
12715
+ if (typeof target === "string") {
12716
+ Object.keys(variables).forEach((key) => {
12717
+ target = target.replace(`{${key}}`, variables[key]);
12718
+ });
12719
+ }
12470
12720
  } else {
12471
12721
  target = target[pathStack[i2]];
12472
12722
  }
@@ -12698,10 +12948,12 @@ ${$(r2)}`), n2;
12698
12948
  const performSearch = async (keyword) => {
12699
12949
  if (!(keyword == null ? void 0 : keyword.length)) {
12700
12950
  searchResults.value = [];
12951
+ loading2.value = false;
12701
12952
  return;
12702
12953
  }
12703
12954
  if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
12704
12955
  console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
12956
+ loading2.value = false;
12705
12957
  return;
12706
12958
  }
12707
12959
  loading2.value = true;
@@ -12824,6 +13076,9 @@ ${$(r2)}`), n2;
12824
13076
  return target;
12825
13077
  };
12826
13078
  const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f251ce1"]]);
13079
+ const UserGroupAvatar = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20style='fill:%20%23A3C5FD;'%3e%3cpath%20fill-rule='evenodd'%20d='M405.7858816%20162.66256256C416.4461344%20160.6535248%20439.8986944%20159.44810208%20457.3815104%20160.25171712%20484.2453504%20161.05533248%20494.052784%20163.4661776%20516.226112%20174.7167888%20567.8217376%20200.43247136%20597.670448%20242.22045568%20606.6250624%20301.28616416%20617.711728%20374.415136%20593.4063488%20443.5260352%20535.8409792%20500.180896%20509.8299584%20525.8965792%20505.565856%20537.5489984%20514.0940608%20557.237568%20521.3430336%20572.9080608%20546.0748224%20586.5695168%20629.2248%20620.3213504%20691.054272%20645.2334208%20760.985536%20687.4232096%20767.8080992%20703.8973216%20774.6306624%20720.3714304%20784.8645056%20752.114224%20791.6870688%20777.4280992%20799.7888608%20807.1618592%20793.3927072%20818.8142784%20761.8383584%20832.4757344%20720.4765728%20850.155264%20669.3073536%20857.3878016%20546.9276416%20862.2094912%20392.9935776%20868.2366048%20227.12002944%20858.5932224%20162.30568672%20840.1100768%20134.5890272%20832.4757344%20108.15159776%20815.1980096%20100.47621504%20799.5275136%2093.6536528%20786.2678656%2094.08006304%20784.2588288%20105.59313696%20746.4889184%20116.67980096%20709.924432%20119.23826176%20705.5045504%20141.41158944%20685.4141728%20143.84821888%20683.2001312%20146.05397248%20681.2036448%20148.2232096%20679.3252416L152.13038144%20676.0501632C159.5946992%20670.0236288%20167.98497088%20664.6722176%20184.94031712%20656.0863296L191.29263904%20652.915344C215.97973152%20640.7492736%20256.51622304%20622.3959904%20329.458464%20589.3821696%20359.7335872%20575.3189056%20371.2466592%20563.6664896%20375.084352%20542.772496%20377.2164032%20530.316464%20374.6579424%20526.7001952%20345.2356416%20496.9664352%20295.34565344%20446.338688%20274.02514592%20396.9163584%20273.59873568%20331.0199232%20273.59873568%20291.24097568%20282.12693888%20265.52529312%20307.71154784%20228.15719168%20332.8697472%20191.19089792%20365.703328%20169.49329056%20405.7858816%20162.66256256ZM668.7713728%20226.60405184C756.683056%20211.50282816%20820.4190272%20263.09867616%20827.0124032%20354.9644544%20831.8475456%20416.6277856%20815.1443264%20461.931456%20770.3093664%20510.1714752%20752.287472%20529.4674848%20747.891888%20536.5986176%20748.3314464%20548.344016%20748.7710048%20555.8946272%20751.4083552%20565.123152%20754.485264%20568.8984576%20757.5621728%20572.2542848%20788.331264%20588.1944672%20823.0563776%20604.1346464%20944.3745024%20659.92528%20966.791984%20682.996592%20958.4403712%20744.6599232%20954.923904%20771.9260224%20956.6821376%20771.0870656%20890.308816%20787.0272448%20867.4517792%20792.8999456%20845.0343008%20798.3531648%20841.0782752%20799.6116%20835.3640128%20801.2895136%20833.1662208%20797.9336864%20830.5288704%20781.5740256%20824.3750528%20739.6261824%20812.0674176%20710.6821696%20790.0894976%20687.6108576%20752.287472%20647.3409248%20703.9360448%20619.6553504%20624.3759712%20593.6476864%20597.5629088%20584.4191616%20560.64%20550.8608864%20560.64%20534.920704%20560.64%20527.7895712%20569.8707264%20514.7857408%20589.6508544%20494.6507744%20620.859504%20461.931456%20639.7605152%20429.631616%20648.5516832%20394.8149056%20655.5846208%20366.7098496%20652.0681504%20283.23364096%20642.837424%20254.7091072%20635.3649312%20231.63779328%20634.4858144%20232.47675008%20668.7713728%20226.60405184Z'%3e%3c/path%3e%3c/svg%3e";
13080
+ const UserAvatar = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/用户%3c/title%3e%3cg%20id='Icon/用户'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='user-(1)'%20transform='translate(3,%202)'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3cpath%20d='M13.0077612,27.9989067%20C10.3002732,27.9989067%207.59285518,28.0018792%204.88515705,27.997455%20C3.95018807,27.9959342%203.05044678,27.8282323%202.22816433,27.3628696%20C0.998627601,26.6672451%200.29953695,25.6114692%200.0864200465,24.2387462%20C-0.0656962495,23.259079%200.0147040645,22.4675755%200.0874005263,21.4879775%20C0.187970957,20.13461%200.423078914,19.3321844%200.863249688,18.0430358%20C1.22365046,16.9873982%201.73014453,16.0067633%202.49702917,15.175719%20C3.42254341,14.1726178%204.6014447,13.7297906%205.9255989,13.6440041%20C6.33292322,13.6073668%206.66741099,13.712025%206.9979768,13.9263185%20C7.58886318,14.3094892%208.17393665,14.7060014%208.79220674,15.0421658%20C10.1097776,15.758321%2011.5447274,16.1099698%2013.0616182,16.0930337%20C14.6806203,16.0750607%2016.2142496,15.63963%2017.592821,14.8169502%20C18.0555431,14.5407189%2018.5150436,14.256538%2018.9569652,13.9491996%20C19.3610679,13.6681294%2019.7808585,13.5749462%2020.274326,13.6337733%20C21.462472,13.7340074%2022.3872158,14.1103345%2023.2340106,14.8851094%20C23.902636,15.496952%2024.3685096,16.2520257%2024.7518119,17.0611566%20C25.272453,18.1598604%2025.5462904,18.7976948%2025.7441396,19.9861253%20C25.9499728,21.2233595%2026.0256808,22.2792045%2025.9924842,23.5308171%20C25.9627193,24.6543374%2025.6405577,25.6840525%2024.8535729,26.5307194%20C24.1686994,27.2671979%2023.3129402,27.7090574%2022.3211027,27.8808379%20C21.9232331,27.9495501%2021.5154185,27.9922014%2021.1120162,27.9935148%20C18.4104811,28.0036073%2015.7090862,27.9989067%2013.0077612,27.9989067%20L13.0077612,27.9989067%20Z%20M5.91775495,6.98479749%20C5.84814002,3.25685016%209.08684454,-0.00255470186%2013.0162355,1.5025268e-06%20C16.9117994,0.00256071584%2020.1304739,3.23452217%2020.1095656,7.04113598%20C20.0884528,10.8082092%2016.8998935,14.015354%2013.0058002,14.0149393%20C9.10134181,14.0145245%205.83322254,10.7695672%205.91775495,6.98479749%20Z'%20id='形状'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
13081
+ const VirtualAvatar = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/虚拟icon%3c/title%3e%3cg%20id='Icon/虚拟icon'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M27.4705882,3%20C28.315259,3%2029,3.68474098%2029,4.52941178%20L29,22.4623054%20C29,23.3069762%2028.315259,23.9917172%2027.4705882,23.9917172%20L20.5882353,23.9917172%20L20.5882353,27.0244081%20L24.0294118,27.0244081%20C24.2405794,27.0244081%2024.4117647,27.1955933%2024.4117647,27.406761%20L24.4117647,28.617647%20C24.4117647,28.8288148%2024.2405795,29%2024.0294118,29%20L7.97058824,29%20C7.75942054,29%207.58823529,28.8288148%207.58823529,28.617647%20L7.58823529,27.406761%20C7.58823531,27.1955933%207.75942055,27.0244081%207.97058824,27.0244081%20L11.4117647,27.0244081%20L11.4117647,23.9917172%20L4.52941178,23.9917172%20C3.68474098,23.9917172%203,23.3069762%203,22.4623054%20L3,4.52941178%20C3,3.68474098%203.68474098,3%204.52941178,3%20L27.4705882,3%20Z%20M19,24%20L13,24%20L13,27%20L19,27%20L19,24%20Z%20M23.4117647,7%20L8.58823529,7%20C8.03595054,7%207.58823529,7.44771525%207.58823529,8%20L7.58823529,19%20C7.58823529,19.5522847%208.03595054,20%208.58823529,20%20L23.4117647,20%20C23.9640495,20%2024.4117647,19.5522847%2024.4117647,19%20L24.4117647,8%20C24.4117647,7.44771525%2023.9640495,7%2023.4117647,7%20Z%20M12,10%20C12.5522847,10%2013,10.4477153%2013,11%20L13,13%20C13,13.5522847%2012.5522847,14%2012,14%20C11.4477153,14%2011,13.5522847%2011,13%20L11,11%20C11,10.4477153%2011.4477153,10%2012,10%20Z%20M20,10%20C20.5522847,10%2021,10.4477153%2021,11%20L21,13%20C21,13.5522847%2020.5522847,14%2020,14%20C19.4477153,14%2019,13.5522847%2019,13%20L19,11%20C19,10.4477153%2019.4477153,10%2020,10%20Z%20M26,5%20C25.4477153,5%2025,5.44771525%2025,6%20C25,6.55228475%2025.4477153,7%2026,7%20C26.5522847,7%2027,6.55228475%2027,6%20C27,5.44771525%2026.5522847,5%2026,5%20Z'%20id='蒙版'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e";
12827
13082
  const UserRender = __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
12828
13083
  name: "UserRender",
12829
13084
  props: {
@@ -12842,23 +13097,63 @@ ${$(r2)}`), n2;
12842
13097
  render: {
12843
13098
  type: Function,
12844
13099
  required: false
13100
+ },
13101
+ hasAvatar: {
13102
+ type: Boolean,
13103
+ default: false
13104
+ },
13105
+ avatarBaseUrl: {
13106
+ type: String,
13107
+ default: ""
12845
13108
  }
12846
13109
  },
12847
13110
  setup(props) {
13111
+ const getAvatarUrl = (user) => {
13112
+ if (user.type === "virtual") {
13113
+ return VirtualAvatar;
13114
+ }
13115
+ if (user.type === "userGroup") {
13116
+ return UserGroupAvatar;
13117
+ }
13118
+ if (!props.avatarBaseUrl) {
13119
+ return UserAvatar;
13120
+ }
13121
+ const loginName = user.login_name || user.bk_username || user.id;
13122
+ return `${props.avatarBaseUrl}${loginName}.png?default_when_absent=true`;
13123
+ };
12848
13124
  const defaultRender = (h2, props2) => {
12849
- return h2("div", [
12850
- h2("span", props2.user.name),
12851
- props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
12852
- "span",
12853
- {
13125
+ return h2(
13126
+ "div",
13127
+ {
13128
+ style: {
13129
+ display: "flex",
13130
+ alignItems: "center"
13131
+ }
13132
+ },
13133
+ [
13134
+ props2.hasAvatar ? h2("img", {
13135
+ src: getAvatarUrl(props2.user),
12854
13136
  style: {
12855
- color: "#f59500",
12856
- marginLeft: "4px"
13137
+ width: "20px",
13138
+ height: "20px",
13139
+ borderRadius: "50%",
13140
+ marginRight: "6px",
13141
+ flexShrink: 0
12857
13142
  }
12858
- },
12859
- `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
12860
- ) : null
12861
- ]);
13143
+ }) : null,
13144
+ h2("span", props2.user.name),
13145
+ props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
13146
+ "span",
13147
+ {
13148
+ style: {
13149
+ color: "#f59500",
13150
+ marginLeft: "4px"
13151
+ }
13152
+ },
13153
+ `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
13154
+ ) : null
13155
+ ]
13156
+ );
12862
13157
  };
12863
13158
  return () => {
12864
13159
  try {
@@ -12883,8 +13178,10 @@ ${$(r2)}`), n2;
12883
13178
  },
12884
13179
  __name: "selection-popover",
12885
13180
  props: {
13181
+ avatarBaseUrl: { default: "" },
12886
13182
  containerWidth: { default: "auto" },
12887
13183
  emptyText: { default: "" },
13184
+ hasAvatar: { type: Boolean, default: false },
12888
13185
  isShow: { type: Boolean, default: false },
12889
13186
  loading: { type: Boolean, default: false },
12890
13187
  options: { default: () => [] },
@@ -13010,11 +13307,13 @@ ${$(r2)}`), n2;
13010
13307
  }, ["prevent"]))
13011
13308
  }, [
13012
13309
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
13310
+ "avatar-base-url": _ctx.avatarBaseUrl,
13311
+ "has-avatar": _ctx.hasAvatar,
13013
13312
  render: _ctx.renderListItem,
13014
13313
  "tenant-id": _ctx.tenantId,
13015
13314
  tenants: _ctx.tenants,
13016
13315
  user
13017
- }, null, 8, ["render", "tenant-id", "tenants", "user"])
13316
+ }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
13018
13317
  ], 40, _hoisted_4);
13019
13318
  }),
13020
13319
  128
@@ -13054,7 +13353,7 @@ ${$(r2)}`), n2;
13054
13353
  };
13055
13354
  }
13056
13355
  });
13057
- const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-024fc663"]]);
13356
+ const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d5a338f0"]]);
13058
13357
  const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
13059
13358
  ...{
13060
13359
  name: "UserTag"
@@ -13062,8 +13361,10 @@ ${$(r2)}`), n2;
13062
13361
  __name: "user-tag",
13063
13362
  props: {
13064
13363
  active: { type: Boolean },
13364
+ avatarBaseUrl: {},
13065
13365
  currentTenantId: {},
13066
13366
  draggable: { type: Boolean },
13367
+ hasAvatar: { type: Boolean },
13067
13368
  renderTag: { type: Function },
13068
13369
  showTenant: { type: Boolean },
13069
13370
  tenants: {},
@@ -13088,11 +13389,13 @@ ${$(r2)}`), n2;
13088
13389
  }, {
13089
13390
  default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
13090
13391
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
13392
+ "avatar-base-url": _ctx.avatarBaseUrl,
13393
+ "has-avatar": _ctx.hasAvatar,
13091
13394
  render: _ctx.renderTag,
13092
13395
  "tenant-id": _ctx.currentTenantId,
13093
13396
  tenants: _ctx.tenants,
13094
13397
  user: _ctx.user
13095
- }, null, 8, ["render", "tenant-id", "tenants", "user"])
13398
+ }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
13096
13399
  ]),
13097
13400
  _: 1
13098
13401
  /* STABLE */
@@ -13100,7 +13403,7 @@ ${$(r2)}`), n2;
13100
13403
  };
13101
13404
  }
13102
13405
  });
13103
- const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-48ac8fc1"]]);
13406
+ const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1f2e0737"]]);
13104
13407
  const _hoisted_1 = ["placeholder"];
13105
13408
  const _hoisted_2 = { class: "hidden-users" };
13106
13409
  const _hoisted_3 = ["placeholder"];
@@ -13116,6 +13419,7 @@ ${$(r2)}`), n2;
13116
13419
  multiple: { type: Boolean, default: false },
13117
13420
  allowCreate: { type: Boolean, default: false },
13118
13421
  apiBaseUrl: { default: "" },
13422
+ avatarBaseUrl: { default: "" },
13119
13423
  currentUserId: { default: "" },
13120
13424
  disabled: { type: Boolean, default: false },
13121
13425
  emptyText: { default: "" },
@@ -13123,6 +13427,7 @@ ${$(r2)}`), n2;
13123
13427
  exactSearchKey: { default: DEFAULT_EXACT_SEARCH_KEY },
13124
13428
  excludeUserIds: { default: () => [] },
13125
13429
  freePaste: { type: Boolean, default: false },
13430
+ hasAvatar: { type: Boolean, default: false },
13126
13431
  placeholder: { default: "" },
13127
13432
  renderListItem: {},
13128
13433
  renderTag: {},
@@ -13185,7 +13490,9 @@ ${$(r2)}`), n2;
13185
13490
  () => isMaxCountReached.value || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)
13186
13491
  );
13187
13492
  const userTagCommonProps = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => ({
13493
+ avatarBaseUrl: props.avatarBaseUrl,
13188
13494
  currentTenantId: props.tenantId,
13495
+ hasAvatar: props.hasAvatar,
13189
13496
  renderTag: props.renderTag,
13190
13497
  tenants
13191
13498
  }));
@@ -13490,8 +13797,10 @@ ${$(r2)}`), n2;
13490
13797
  [
13491
13798
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
13492
13799
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
13800
+ "avatar-base-url": _ctx.avatarBaseUrl,
13493
13801
  "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
13494
13802
  "empty-text": computedEmptyText.value,
13803
+ "has-avatar": _ctx.hasAvatar,
13495
13804
  "is-show": showDropdown.value,
13496
13805
  loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
13497
13806
  options: displayOptions.value,
@@ -13637,10 +13946,12 @@ ${$(r2)}`), n2;
13637
13946
  __WEBPACK_EXTERNAL_MODULE_vue__.renderList(selectedUsers.value.slice(visibleUsers.value.length), (user) => {
13638
13947
  return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
13639
13948
  key: user.id,
13949
+ "avatar-base-url": _ctx.avatarBaseUrl,
13950
+ "has-avatar": _ctx.hasAvatar,
13640
13951
  "tenant-id": _ctx.tenantId,
13641
13952
  tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
13642
13953
  user
13643
- }, null, 8, ["tenant-id", "tenants", "user"]);
13954
+ }, null, 8, ["avatar-base-url", "has-avatar", "tenant-id", "tenants", "user"]);
13644
13955
  }),
13645
13956
  128
13646
13957
  /* KEYED_FRAGMENT */
@@ -13687,7 +13998,7 @@ ${$(r2)}`), n2;
13687
13998
  ]),
13688
13999
  _: 1
13689
14000
  /* STABLE */
13690
- }, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
14001
+ }, 8, ["avatar-base-url", "container-width", "empty-text", "has-avatar", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
13691
14002
  ],
13692
14003
  2
13693
14004
  /* CLASS */
@@ -13695,7 +14006,7 @@ ${$(r2)}`), n2;
13695
14006
  };
13696
14007
  }
13697
14008
  });
13698
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65e61c1c"]]);
14009
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9975c7e1"]]);
13699
14010
  exports.BkUserSelector = BkUserSelector;
13700
14011
  exports.default = BkUserSelector;
13701
14012
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });