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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
  }));
@@ -12454,7 +12702,8 @@ ${$(r2)}`), n2;
12454
12702
  "zh-CN": zhCN
12455
12703
  };
12456
12704
  const getPath = (obj, path, variables) => {
12457
- const pathStack = /^\w/.test(path) ? path.split(".") : [path];
12705
+ const safePath = typeof path === "string" ? path : String(path ?? "");
12706
+ const pathStack = /^\w/.test(safePath) ? safePath.split(".") : [safePath];
12458
12707
  const { length } = pathStack;
12459
12708
  let target = obj;
12460
12709
  let i2 = 0;
@@ -12464,9 +12713,11 @@ ${$(r2)}`), n2;
12464
12713
  }
12465
12714
  if (variables) {
12466
12715
  target = target[pathStack[i2]];
12467
- Object.keys(variables).forEach((key) => {
12468
- target = target.replace(`{${key}}`, variables[key]);
12469
- });
12716
+ if (typeof target === "string") {
12717
+ Object.keys(variables).forEach((key) => {
12718
+ target = target.replace(`{${key}}`, variables[key]);
12719
+ });
12720
+ }
12470
12721
  } else {
12471
12722
  target = target[pathStack[i2]];
12472
12723
  }
@@ -12698,10 +12949,12 @@ ${$(r2)}`), n2;
12698
12949
  const performSearch = async (keyword) => {
12699
12950
  if (!(keyword == null ? void 0 : keyword.length)) {
12700
12951
  searchResults.value = [];
12952
+ loading2.value = false;
12701
12953
  return;
12702
12954
  }
12703
12955
  if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
12704
12956
  console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
12957
+ loading2.value = false;
12705
12958
  return;
12706
12959
  }
12707
12960
  loading2.value = true;
@@ -12723,7 +12976,7 @@ ${$(r2)}`), n2;
12723
12976
  const debouncedSearch = debounce(performSearch, SEARCH_DEBOUNCE_DELAY);
12724
12977
  const handleSearchInput = (value) => {
12725
12978
  loading2.value = true;
12726
- searchQuery.value = value.trim();
12979
+ searchQuery.value = typeof value === "string" ? value.trim() : String(value ?? "").trim();
12727
12980
  debouncedSearch(searchQuery.value);
12728
12981
  };
12729
12982
  const clearSearch = () => {
@@ -12824,6 +13077,9 @@ ${$(r2)}`), n2;
12824
13077
  return target;
12825
13078
  };
12826
13079
  const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f251ce1"]]);
13080
+ 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";
13081
+ 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";
13082
+ 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
13083
  const UserRender = __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
12828
13084
  name: "UserRender",
12829
13085
  props: {
@@ -12842,23 +13098,63 @@ ${$(r2)}`), n2;
12842
13098
  render: {
12843
13099
  type: Function,
12844
13100
  required: false
13101
+ },
13102
+ hasAvatar: {
13103
+ type: Boolean,
13104
+ default: false
13105
+ },
13106
+ avatarBaseUrl: {
13107
+ type: String,
13108
+ default: ""
12845
13109
  }
12846
13110
  },
12847
13111
  setup(props) {
13112
+ const getAvatarUrl = (user) => {
13113
+ if (user.type === "virtual") {
13114
+ return VirtualAvatar;
13115
+ }
13116
+ if (user.type === "userGroup") {
13117
+ return UserGroupAvatar;
13118
+ }
13119
+ if (!props.avatarBaseUrl) {
13120
+ return UserAvatar;
13121
+ }
13122
+ const loginName = user.login_name || user.bk_username || user.id;
13123
+ return `${props.avatarBaseUrl}${loginName}.png?default_when_absent=true`;
13124
+ };
12848
13125
  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
- {
13126
+ return h2(
13127
+ "div",
13128
+ {
13129
+ style: {
13130
+ display: "flex",
13131
+ alignItems: "center"
13132
+ }
13133
+ },
13134
+ [
13135
+ props2.hasAvatar ? h2("img", {
13136
+ src: getAvatarUrl(props2.user),
12854
13137
  style: {
12855
- color: "#f59500",
12856
- marginLeft: "4px"
13138
+ width: "20px",
13139
+ height: "20px",
13140
+ borderRadius: "50%",
13141
+ marginRight: "6px",
13142
+ flexShrink: 0
12857
13143
  }
12858
- },
12859
- `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
12860
- ) : null
12861
- ]);
13144
+ }) : null,
13145
+ h2("span", props2.user.name),
13146
+ props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
13147
+ "span",
13148
+ {
13149
+ style: {
13150
+ color: "#f59500",
13151
+ marginLeft: "4px"
13152
+ }
13153
+ },
13154
+ `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
13155
+ ) : null
13156
+ ]
13157
+ );
12862
13158
  };
12863
13159
  return () => {
12864
13160
  try {
@@ -12883,8 +13179,10 @@ ${$(r2)}`), n2;
12883
13179
  },
12884
13180
  __name: "selection-popover",
12885
13181
  props: {
13182
+ avatarBaseUrl: { default: "" },
12886
13183
  containerWidth: { default: "auto" },
12887
13184
  emptyText: { default: "" },
13185
+ hasAvatar: { type: Boolean, default: false },
12888
13186
  isShow: { type: Boolean, default: false },
12889
13187
  loading: { type: Boolean, default: false },
12890
13188
  options: { default: () => [] },
@@ -13010,11 +13308,13 @@ ${$(r2)}`), n2;
13010
13308
  }, ["prevent"]))
13011
13309
  }, [
13012
13310
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
13311
+ "avatar-base-url": _ctx.avatarBaseUrl,
13312
+ "has-avatar": _ctx.hasAvatar,
13013
13313
  render: _ctx.renderListItem,
13014
13314
  "tenant-id": _ctx.tenantId,
13015
13315
  tenants: _ctx.tenants,
13016
13316
  user
13017
- }, null, 8, ["render", "tenant-id", "tenants", "user"])
13317
+ }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
13018
13318
  ], 40, _hoisted_4);
13019
13319
  }),
13020
13320
  128
@@ -13054,7 +13354,7 @@ ${$(r2)}`), n2;
13054
13354
  };
13055
13355
  }
13056
13356
  });
13057
- const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-024fc663"]]);
13357
+ const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d5a338f0"]]);
13058
13358
  const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
13059
13359
  ...{
13060
13360
  name: "UserTag"
@@ -13062,8 +13362,10 @@ ${$(r2)}`), n2;
13062
13362
  __name: "user-tag",
13063
13363
  props: {
13064
13364
  active: { type: Boolean },
13365
+ avatarBaseUrl: {},
13065
13366
  currentTenantId: {},
13066
13367
  draggable: { type: Boolean },
13368
+ hasAvatar: { type: Boolean },
13067
13369
  renderTag: { type: Function },
13068
13370
  showTenant: { type: Boolean },
13069
13371
  tenants: {},
@@ -13088,11 +13390,13 @@ ${$(r2)}`), n2;
13088
13390
  }, {
13089
13391
  default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
13090
13392
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
13393
+ "avatar-base-url": _ctx.avatarBaseUrl,
13394
+ "has-avatar": _ctx.hasAvatar,
13091
13395
  render: _ctx.renderTag,
13092
13396
  "tenant-id": _ctx.currentTenantId,
13093
13397
  tenants: _ctx.tenants,
13094
13398
  user: _ctx.user
13095
- }, null, 8, ["render", "tenant-id", "tenants", "user"])
13399
+ }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
13096
13400
  ]),
13097
13401
  _: 1
13098
13402
  /* STABLE */
@@ -13100,7 +13404,7 @@ ${$(r2)}`), n2;
13100
13404
  };
13101
13405
  }
13102
13406
  });
13103
- const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-48ac8fc1"]]);
13407
+ const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1f2e0737"]]);
13104
13408
  const _hoisted_1 = ["placeholder"];
13105
13409
  const _hoisted_2 = { class: "hidden-users" };
13106
13410
  const _hoisted_3 = ["placeholder"];
@@ -13116,6 +13420,7 @@ ${$(r2)}`), n2;
13116
13420
  multiple: { type: Boolean, default: false },
13117
13421
  allowCreate: { type: Boolean, default: false },
13118
13422
  apiBaseUrl: { default: "" },
13423
+ avatarBaseUrl: { default: "" },
13119
13424
  currentUserId: { default: "" },
13120
13425
  disabled: { type: Boolean, default: false },
13121
13426
  emptyText: { default: "" },
@@ -13123,6 +13428,7 @@ ${$(r2)}`), n2;
13123
13428
  exactSearchKey: { default: DEFAULT_EXACT_SEARCH_KEY },
13124
13429
  excludeUserIds: { default: () => [] },
13125
13430
  freePaste: { type: Boolean, default: false },
13431
+ hasAvatar: { type: Boolean, default: false },
13126
13432
  placeholder: { default: "" },
13127
13433
  renderListItem: {},
13128
13434
  renderTag: {},
@@ -13185,7 +13491,9 @@ ${$(r2)}`), n2;
13185
13491
  () => isMaxCountReached.value || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)
13186
13492
  );
13187
13493
  const userTagCommonProps = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => ({
13494
+ avatarBaseUrl: props.avatarBaseUrl,
13188
13495
  currentTenantId: props.tenantId,
13496
+ hasAvatar: props.hasAvatar,
13189
13497
  renderTag: props.renderTag,
13190
13498
  tenants
13191
13499
  }));
@@ -13490,8 +13798,10 @@ ${$(r2)}`), n2;
13490
13798
  [
13491
13799
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
13492
13800
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
13801
+ "avatar-base-url": _ctx.avatarBaseUrl,
13493
13802
  "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
13494
13803
  "empty-text": computedEmptyText.value,
13804
+ "has-avatar": _ctx.hasAvatar,
13495
13805
  "is-show": showDropdown.value,
13496
13806
  loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
13497
13807
  options: displayOptions.value,
@@ -13637,10 +13947,12 @@ ${$(r2)}`), n2;
13637
13947
  __WEBPACK_EXTERNAL_MODULE_vue__.renderList(selectedUsers.value.slice(visibleUsers.value.length), (user) => {
13638
13948
  return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
13639
13949
  key: user.id,
13950
+ "avatar-base-url": _ctx.avatarBaseUrl,
13951
+ "has-avatar": _ctx.hasAvatar,
13640
13952
  "tenant-id": _ctx.tenantId,
13641
13953
  tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
13642
13954
  user
13643
- }, null, 8, ["tenant-id", "tenants", "user"]);
13955
+ }, null, 8, ["avatar-base-url", "has-avatar", "tenant-id", "tenants", "user"]);
13644
13956
  }),
13645
13957
  128
13646
13958
  /* KEYED_FRAGMENT */
@@ -13687,7 +13999,7 @@ ${$(r2)}`), n2;
13687
13999
  ]),
13688
14000
  _: 1
13689
14001
  /* STABLE */
13690
- }, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
14002
+ }, 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
14003
  ],
13692
14004
  2
13693
14005
  /* CLASS */
@@ -13695,7 +14007,7 @@ ${$(r2)}`), n2;
13695
14007
  };
13696
14008
  }
13697
14009
  });
13698
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65e61c1c"]]);
14010
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9975c7e1"]]);
13699
14011
  exports.BkUserSelector = BkUserSelector;
13700
14012
  exports.default = BkUserSelector;
13701
14013
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });