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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-user-selector-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.bk-user-selector-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-4f251ce1] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n white-space: nowrap;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-024fc663] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-024fc663] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-024fc663] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-024fc663] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-024fc663] {\n display: flex;\n align-items: center;\n height: 32px;\n padding: 8px 12px;\n cursor: pointer;\n}\n.dropdown-content .user-option[data-v-024fc663]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-48ac8fc1] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-48ac8fc1] {\n cursor: move;\n}\n.user-tag.active[data-v-48ac8fc1] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-48ac8fc1] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-48ac8fc1]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-48ac8fc1] {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n white-space: nowrap;\n}.bk-user-selector[data-v-65e61c1c] {\n position: relative;\n width: 100%;\n height: 32px;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-65e61c1c] {\n pointer-events: none;\n cursor: not-allowed;\n background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-65e61c1c] {\n position: relative;\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-65e61c1c] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-65e61c1c] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-list[data-v-65e61c1c] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-65e61c1c] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-65e61c1c] {\n min-width: 20px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.bk-user-selector .search-input[data-v-65e61c1c]::placeholder {\n color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-65e61c1c] {\n min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-65e61c1c], .bk-user-selector .search-input.search-input-collapsed[data-v-65e61c1c] {\n flex: 1;\n}\n.hidden-users[data-v-65e61c1c] {\n padding: 6px 10px;\n}.bk-user-selector-popover {\n padding: 0 !important;\n}"));
6
+ elementStyle.appendChild(document.createTextNode(".scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-user-selector-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.bk-user-selector-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-4f251ce1] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n white-space: nowrap;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-d5a338f0] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-d5a338f0] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-d5a338f0] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-d5a338f0] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-d5a338f0] {\n display: flex;\n align-items: center;\n height: 32px;\n padding: 8px 12px;\n cursor: pointer;\n}\n.dropdown-content .user-option[data-v-d5a338f0]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-1f2e0737] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-1f2e0737] {\n cursor: move;\n}\n.user-tag.active[data-v-1f2e0737] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-1f2e0737] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-1f2e0737]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-1f2e0737] {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n white-space: nowrap;\n}.bk-user-selector[data-v-9975c7e1] {\n position: relative;\n width: 100%;\n height: 32px;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-9975c7e1] {\n pointer-events: none;\n cursor: not-allowed;\n background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-9975c7e1] {\n position: relative;\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-9975c7e1] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-9975c7e1] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-list[data-v-9975c7e1] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-9975c7e1] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-9975c7e1] {\n min-width: 20px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.bk-user-selector .search-input[data-v-9975c7e1]::placeholder {\n color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-9975c7e1] {\n min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-9975c7e1], .bk-user-selector .search-input.search-input-collapsed[data-v-9975c7e1] {\n flex: 1;\n}\n.hidden-users[data-v-9975c7e1] {\n padding: 6px 10px;\n}.bk-user-selector-popover {\n padding: 0 !important;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -2655,30 +2655,7 @@ var lesscodeCustomComponentLibrary = function(exports) {
2655
2655
  function onErrorCaptured(hook, target = currentInstance) {
2656
2656
  injectHook("ec", hook, target);
2657
2657
  }
2658
- const DIRECTIVES = "directives";
2659
2658
  const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
2660
- function resolveDirective(name) {
2661
- return resolveAsset(DIRECTIVES, name);
2662
- }
2663
- function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
2664
- const instance = currentRenderingInstance || currentInstance;
2665
- if (instance) {
2666
- const Component = instance.type;
2667
- const res = (
2668
- // local registration
2669
- // check instance[type] first which is resolved for options API
2670
- resolve(instance[type] || Component[type], name) || // global registration
2671
- resolve(instance.appContext[type], name)
2672
- );
2673
- if (!res && maybeSelfReference) {
2674
- return Component;
2675
- }
2676
- return res;
2677
- }
2678
- }
2679
- function resolve(registry, name) {
2680
- return registry && (registry[name] || registry[camelize(name)] || registry[capitalize$1(camelize(name))]);
2681
- }
2682
2659
  function renderList(source, renderItem, cache, index) {
2683
2660
  let ret;
2684
2661
  const cached = cache;
@@ -7898,10 +7875,10 @@ var lesscodeCustomComponentLibrary = function(exports) {
7898
7875
  var pending;
7899
7876
  return function() {
7900
7877
  if (!pending) {
7901
- pending = new Promise(function(resolve2) {
7878
+ pending = new Promise(function(resolve) {
7902
7879
  Promise.resolve().then(function() {
7903
7880
  pending = void 0;
7904
- resolve2(fn());
7881
+ resolve(fn());
7905
7882
  });
7906
7883
  });
7907
7884
  }
@@ -8016,9 +7993,9 @@ var lesscodeCustomComponentLibrary = function(exports) {
8016
7993
  // Async and optimistically optimized update – it will not be executed if
8017
7994
  // not necessary (debounced to run at most once-per-tick)
8018
7995
  update: debounce$4(function() {
8019
- return new Promise(function(resolve2) {
7996
+ return new Promise(function(resolve) {
8020
7997
  instance.forceUpdate();
8021
- resolve2(state);
7998
+ resolve(state);
8022
7999
  });
8023
8000
  }),
8024
8001
  destroy: function destroy() {
@@ -11261,6 +11238,10 @@ ${$(r2)}`), n2;
11261
11238
  /* reexport */
11262
11239
  lang_en
11263
11240
  ),
11241
+ jp: () => (
11242
+ /* reexport */
11243
+ ja_jp
11244
+ ),
11264
11245
  zhCn: () => (
11265
11246
  /* reexport */
11266
11247
  zh_cn
@@ -11448,6 +11429,145 @@ ${$(r2)}`), n2;
11448
11429
  }
11449
11430
  };
11450
11431
  const lang_en = en;
11432
+ var jp = {
11433
+ lang: "ja",
11434
+ steps: {
11435
+ step1: "ステップ1",
11436
+ step2: "ステップ2",
11437
+ step3: "ステップ3"
11438
+ },
11439
+ datePicker: {
11440
+ selectDate: "日付を選択",
11441
+ selectTime: "時間を選択",
11442
+ clear: "クリア",
11443
+ ok: "OK",
11444
+ weekdays: {
11445
+ sun: "日",
11446
+ mon: "月",
11447
+ tue: "火",
11448
+ wed: "水",
11449
+ thu: "木",
11450
+ fri: "金",
11451
+ sat: "土"
11452
+ },
11453
+ hour: "時",
11454
+ min: "分",
11455
+ sec: "秒",
11456
+ toNow: "現在まで"
11457
+ },
11458
+ dialog: {
11459
+ ok: "OK",
11460
+ cancel: "キャンセル",
11461
+ prev: "前へ",
11462
+ next: "次へ"
11463
+ },
11464
+ popConfirm: {
11465
+ ok: "OK",
11466
+ cancel: "キャンセル"
11467
+ },
11468
+ form: {
11469
+ notBeEmpty: "空にできません",
11470
+ incorrectFormat: "フォーマットが正しくありません",
11471
+ max: "最大値",
11472
+ min: "最小値",
11473
+ maxLen: "最大の長さ",
11474
+ verifyError: "検証エラー"
11475
+ },
11476
+ pagination: {
11477
+ eachPage: "各ページ",
11478
+ strip: "項目",
11479
+ total: "合計"
11480
+ },
11481
+ process: {
11482
+ step1: "ステップ1",
11483
+ step2: "ステップ2",
11484
+ step3: "ステップ3",
11485
+ step4: "ステップ4"
11486
+ },
11487
+ searchSelect: {
11488
+ pleaseSelect: "選択してください",
11489
+ loading: "ロード中...",
11490
+ filterQueryMustHasValue: "フィルターに一つ以上の値を選択する必要があります",
11491
+ ok: "OK",
11492
+ cancel: "キャンセル",
11493
+ or: "or",
11494
+ and: "and",
11495
+ logical: "ロジック:"
11496
+ },
11497
+ select: {
11498
+ noData: "データなし",
11499
+ noMatchedData: "一致するデータがありません",
11500
+ loading: "読み込み中...",
11501
+ pleaseSelect: "選択してください",
11502
+ enterKeywords: "キーワードを入力してください",
11503
+ all: "すべて",
11504
+ selectAll: "すべて選択"
11505
+ },
11506
+ table: {
11507
+ emptyText: "データがありません",
11508
+ confirm: "OK",
11509
+ reset: "リセット",
11510
+ sort: "ソート",
11511
+ setting: {
11512
+ title: "テーブル設定",
11513
+ fields: {
11514
+ title: "表示フィールド設定",
11515
+ subtitle: function subtitle(max2) {
11516
+ return "(最大".concat(max2, "項目)");
11517
+ },
11518
+ selectAll: "すべて選択"
11519
+ },
11520
+ lineHeight: {
11521
+ title: "テーブル行の高さ",
11522
+ small: "小",
11523
+ medium: "中",
11524
+ large: "大"
11525
+ },
11526
+ options: {
11527
+ ok: "OK",
11528
+ cancel: "キャンセル"
11529
+ }
11530
+ }
11531
+ },
11532
+ transfer: {
11533
+ sourceList: "ソースリスト",
11534
+ targetList: "ターゲットリスト",
11535
+ removeAll: "すべて削除",
11536
+ selectAll: "すべて選択",
11537
+ noData: "データがありません",
11538
+ noSelected: "選択されていません",
11539
+ search: "検索"
11540
+ },
11541
+ upload: {
11542
+ uploadSuccess: "アップロード成功",
11543
+ uploadFailed: "アップロード失敗",
11544
+ drapFileOr: "ここにファイルをドラッグまたは",
11545
+ clickUpload: "クリックしてアップロード",
11546
+ uploadLabel: "ファイルをアップロード"
11547
+ },
11548
+ input: {
11549
+ placeholder: "入力してください",
11550
+ maxlengthLimitTips: "文字数制限に達しました"
11551
+ },
11552
+ tagInput: {
11553
+ placeholder: "入力してEnterキーで終了"
11554
+ },
11555
+ message: {
11556
+ assistant: "アシスタント",
11557
+ details: "詳細",
11558
+ copySuccess: "コピー成功",
11559
+ copyFailed: "コピー失敗"
11560
+ },
11561
+ cascader: {
11562
+ pleaseSelect: "選択してください",
11563
+ noData: "データがありません",
11564
+ emptyText: "該当する検索結果がありません"
11565
+ },
11566
+ versionLog: {
11567
+ current: "現在のバージョン"
11568
+ }
11569
+ };
11570
+ const ja_jp = jp;
11451
11571
  var zhCn = {
11452
11572
  lang: "zh-cn",
11453
11573
  steps: {
@@ -11631,6 +11751,7 @@ ${$(r2)}`), n2;
11631
11751
  };
11632
11752
  const zh_cn = zhCn;
11633
11753
  __webpack_exports__$5.en;
11754
+ __webpack_exports__$5.jp;
11634
11755
  var __webpack_exports__zhCn = __webpack_exports__$5.zhCn;
11635
11756
  var __webpack_require__$4 = {};
11636
11757
  (() => {
@@ -12289,21 +12410,28 @@ ${$(r2)}`), n2;
12289
12410
  mounted: function mounted(el, binding) {
12290
12411
  if (binding.value) {
12291
12412
  createInstance(el, binding);
12413
+ if (!binding.value.loading) {
12414
+ var _instance$vm;
12415
+ var instance = el[INSTANCE_KEY];
12416
+ 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) {
12417
+ instance.vm.$el.parentNode.style.display = "none";
12418
+ }
12419
+ }
12292
12420
  }
12293
12421
  },
12294
12422
  updated: function updated(el, binding) {
12295
- var _instance$vm;
12423
+ var _instance$vm2;
12296
12424
  var instance = el[INSTANCE_KEY];
12297
12425
  var value = binding.value;
12298
12426
  updateOptions(value, instance.options);
12299
- 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) {
12427
+ 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) {
12300
12428
  instance.vm.$el.parentNode.style.display = value.loading ? "" : "none";
12301
12429
  }
12302
12430
  },
12303
12431
  unmounted: function unmounted(el) {
12304
- var _instance$vm2, _instance$instance;
12432
+ var _instance$vm3, _instance$instance;
12305
12433
  var instance = el[INSTANCE_KEY];
12306
- 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);
12434
+ 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);
12307
12435
  instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
12308
12436
  el[INSTANCE_KEY] = null;
12309
12437
  }
@@ -12769,7 +12897,7 @@ ${$(r2)}`), n2;
12769
12897
  __webpack_require__$1.d(x3, y2);
12770
12898
  return x3;
12771
12899
  };
12772
- const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => Fragment, ["Teleport"]: () => Teleport, ["Text"]: () => Text$1, ["computed"]: () => computed, ["createApp"]: () => createApp, ["createVNode"]: () => createVNode, ["defineComponent"]: () => defineComponent, ["h"]: () => h$1, ["isVNode"]: () => isVNode, ["mergeProps"]: () => mergeProps, ["nextTick"]: () => nextTick, ["onBeforeUnmount"]: () => onBeforeUnmount, ["onMounted"]: () => onMounted, ["reactive"]: () => reactive, ["ref"]: () => ref, ["render"]: () => render, ["resolveDirective"]: () => resolveDirective, ["toRefs"]: () => toRefs, ["watch"]: () => watch, ["withDirectives"]: () => withDirectives });
12900
+ const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => Fragment, ["Teleport"]: () => Teleport, ["Text"]: () => Text$1, ["computed"]: () => computed, ["createApp"]: () => createApp, ["createVNode"]: () => createVNode, ["defineComponent"]: () => defineComponent, ["h"]: () => h$1, ["isVNode"]: () => isVNode, ["mergeProps"]: () => mergeProps, ["nextTick"]: () => nextTick, ["onBeforeUnmount"]: () => onBeforeUnmount, ["onMounted"]: () => onMounted, ["reactive"]: () => reactive, ["ref"]: () => ref, ["render"]: () => render, ["toRefs"]: () => toRefs, ["watch"]: () => watch });
12773
12901
  function _createForOfIteratorHelper(o2, allowArrayLike) {
12774
12902
  var it = typeof Symbol !== "undefined" && o2[Symbol.iterator] || o2["@@iterator"];
12775
12903
  if (!it) {
@@ -13051,7 +13179,6 @@ ${$(r2)}`), n2;
13051
13179
  var refContent = (0, external_vue_namespaceObject2.ref)(null);
13052
13180
  var refTimer = (0, external_vue_namespaceObject2.ref)(null);
13053
13181
  var handleClick = function handleClick2(evt) {
13054
- evt.stopPropagation();
13055
13182
  emit2("click", evt);
13056
13183
  };
13057
13184
  var resetPointerEvent = function resetPointerEvent2() {
@@ -13152,7 +13279,7 @@ ${$(r2)}`), n2;
13152
13279
  /**
13153
13280
  * 弹出内容绑定元素
13154
13281
  */
13155
- boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]),
13282
+ boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]).def("body"),
13156
13283
  zIndex: shared_namespaceObject2.PropTypes.number.def(void 0),
13157
13284
  disableTeleport: shared_namespaceObject2.PropTypes.bool.def(false),
13158
13285
  /**
@@ -15048,6 +15175,23 @@ ${$(r2)}`), n2;
15048
15175
  }, {});
15049
15176
  var contentClass = "".concat(customThemeCls);
15050
15177
  var cleanup = null;
15178
+ var clearAllTimers = function clearAllTimers2() {
15179
+ if (popHideTimerId) {
15180
+ clearTimeout(popHideTimerId);
15181
+ popHideTimerId = void 0;
15182
+ }
15183
+ if (popShowTimerId) {
15184
+ clearTimeout(popShowTimerId);
15185
+ popShowTimerId = void 0;
15186
+ }
15187
+ };
15188
+ var wrappedCleanup = function wrappedCleanup2() {
15189
+ clearAllTimers();
15190
+ if (cleanup) {
15191
+ cleanup();
15192
+ cleanup = null;
15193
+ }
15194
+ };
15051
15195
  var getRoundPixelVal = function getRoundPixelVal2(val) {
15052
15196
  var dpr = window.devicePixelRatio || 1;
15053
15197
  return Math.round(val * dpr) / dpr || 0;
@@ -15096,7 +15240,28 @@ ${$(r2)}`), n2;
15096
15240
  }
15097
15241
  };
15098
15242
  var createPopInstance = function createPopInstance2() {
15243
+ var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
15099
15244
  var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
15245
+ if (!elReference || !elContent) {
15246
+ if (retryCount >= 10) {
15247
+ console.warn("[Popover] Failed to create popover instance: elements not found after retries");
15248
+ return;
15249
+ }
15250
+ (0, external_vue_namespaceObject2.nextTick)(function() {
15251
+ createPopInstance2(retryCount + 1);
15252
+ });
15253
+ return;
15254
+ }
15255
+ if (!elReference.isConnected || !elContent.isConnected) {
15256
+ if (retryCount >= 10) {
15257
+ console.warn("[Popover] Failed to create popover instance: elements not connected to DOM after retries");
15258
+ return;
15259
+ }
15260
+ (0, external_vue_namespaceObject2.nextTick)(function() {
15261
+ createPopInstance2(retryCount + 1);
15262
+ });
15263
+ return;
15264
+ }
15100
15265
  cleanup = autoUpdate(elReference, elContent, function() {
15101
15266
  if (localIsShow.value) {
15102
15267
  updatePopover(null, props);
@@ -15141,6 +15306,9 @@ ${$(r2)}`), n2;
15141
15306
  var showPopover = function showPopover2() {
15142
15307
  var delay = resolvePopoverDelay()[0];
15143
15308
  popShowTimerId = setTimeout(function() {
15309
+ if (!refContent.value) {
15310
+ return;
15311
+ }
15144
15312
  if (!props.disabled) {
15145
15313
  localIsShow.value = true;
15146
15314
  }
@@ -15149,6 +15317,9 @@ ${$(r2)}`), n2;
15149
15317
  var hidePopover = function hidePopover2() {
15150
15318
  var delay = resolvePopoverDelay()[1];
15151
15319
  popHideTimerId = setTimeout(function() {
15320
+ if (!refContent.value) {
15321
+ return;
15322
+ }
15152
15323
  popShowTimerId && clearTimeout(popShowTimerId);
15153
15324
  localIsShow.value = false;
15154
15325
  }, delay);
@@ -15156,20 +15327,30 @@ ${$(r2)}`), n2;
15156
15327
  var handlePopoverShow = function handlePopoverShow2() {
15157
15328
  var _refContent$value2;
15158
15329
  var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
15330
+ if (!elContent) {
15331
+ return;
15332
+ }
15159
15333
  elContent.style.setProperty("display", "block");
15160
15334
  elContent.style.setProperty("z-index", "".concat(props.zIndex ? props.zIndex : shared_namespaceObject2.bkZIndexManager.getPopperIndex()));
15161
15335
  updatePopover();
15162
- ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
15163
- isShow: true
15164
- });
15336
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
15337
+ ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
15338
+ isShow: true
15339
+ });
15340
+ }
15165
15341
  };
15166
15342
  var handlePopoverHide = function handlePopoverHide2() {
15167
15343
  var _refContent$value3;
15168
15344
  var elContent = resolveTargetElement((_refContent$value3 = refContent.value) === null || _refContent$value3 === void 0 ? void 0 : _refContent$value3.$el);
15345
+ if (!elContent) {
15346
+ return;
15347
+ }
15169
15348
  elContent.style.setProperty("display", "none");
15170
- ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
15171
- isShow: false
15172
- });
15349
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
15350
+ ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
15351
+ isShow: false
15352
+ });
15353
+ }
15173
15354
  };
15174
15355
  var triggerPopover = function triggerPopover2() {
15175
15356
  if (!localIsShow.value) {
@@ -15198,10 +15379,14 @@ ${$(r2)}`), n2;
15198
15379
  emitPopContentMouseLeave(e);
15199
15380
  };
15200
15381
  var emitPopContentMouseEnter = function emitPopContentMouseEnter2(e) {
15201
- ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
15382
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
15383
+ ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
15384
+ }
15202
15385
  };
15203
15386
  var emitPopContentMouseLeave = function emitPopContentMouseLeave2(e) {
15204
- ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
15387
+ if (ctx !== null && ctx !== void 0 && ctx.emit) {
15388
+ ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
15389
+ }
15205
15390
  };
15206
15391
  var resolveTriggerEvents = function resolveTriggerEvents2() {
15207
15392
  var _triggerEvents$props$;
@@ -15253,13 +15438,13 @@ ${$(r2)}`), n2;
15253
15438
  getFullscreenRoot: getFullscreenRoot2,
15254
15439
  stopHide,
15255
15440
  localIsShow,
15256
- cleanup
15441
+ cleanup: wrappedCleanup
15257
15442
  };
15258
15443
  };
15259
- var popContainerId2 = null;
15260
- var parentNodeReferId = null;
15444
+ var popContainerId2 = "id_".concat(esm_browser_v42());
15261
15445
  const use_popper_id = function(props) {
15262
15446
  var prefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "#";
15447
+ var parentNodeReferId = "id_".concat(esm_browser_v42());
15263
15448
  var getPrefixId = function getPrefixId2(root3) {
15264
15449
  var resolvedBoundary = null;
15265
15450
  var resolveBoundary = function resolveBoundary2(fn) {
@@ -15268,8 +15453,7 @@ ${$(r2)}`), n2;
15268
15453
  }
15269
15454
  };
15270
15455
  var resolveParentBoundary = function resolveParentBoundary2() {
15271
- if (/^parent$/i.test(props.boundary)) {
15272
- resolvedBoundary = "".concat(prefix).concat(popContainerId2);
15456
+ if (/^parent$/i.test(props.boundary) || !props.boundary) {
15273
15457
  var _ref = root3 || {}, parentNode = _ref.parentNode;
15274
15458
  if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
15275
15459
  parentNode.parentNode.setAttribute("data-pnode-id", parentNodeReferId);
@@ -15278,42 +15462,53 @@ ${$(r2)}`), n2;
15278
15462
  }
15279
15463
  };
15280
15464
  var resolveCommonBoundary = function resolveCommonBoundary2() {
15281
- if (!/^body$/i.test(props.boundary)) {
15282
- if (typeof props.boundary === "string") {
15283
- if (!isAvailableId(props.boundary)) {
15284
- resolvedBoundary = "body";
15285
- return;
15286
- }
15287
- resolvedBoundary = props.boundary;
15288
- return;
15289
- }
15290
- if (utils_isElement(props.boundary)) {
15291
- resolvedBoundary = props.boundary;
15292
- return;
15293
- }
15465
+ if (typeof props.boundary === "string" && /^body$/i.test(props.boundary)) {
15466
+ resolvedBoundary = "".concat(prefix).concat(popContainerId2);
15467
+ return;
15468
+ }
15469
+ if (props.boundary === document.body) {
15470
+ resolvedBoundary = "".concat(prefix).concat(popContainerId2);
15471
+ return;
15472
+ }
15473
+ if (typeof props.boundary === "string") {
15474
+ resolvedBoundary = props.boundary;
15475
+ return;
15476
+ }
15477
+ if (utils_isElement(props.boundary)) {
15478
+ resolvedBoundary = props.boundary;
15479
+ return;
15294
15480
  }
15295
15481
  };
15296
15482
  resolveBoundary(resolveParentBoundary);
15297
15483
  resolveBoundary(resolveCommonBoundary);
15298
15484
  resolveBoundary(function() {
15299
- resolvedBoundary = typeof props.boundary === "string" ? props.boundary : "".concat(prefix).concat(popContainerId2);
15485
+ resolvedBoundary = "".concat(prefix).concat(popContainerId2);
15300
15486
  });
15301
15487
  return resolvedBoundary;
15302
15488
  };
15303
- if (popContainerId2 === null || !isAvailableId("#".concat(popContainerId2))) {
15304
- popContainerId2 = "id_".concat(esm_browser_v42());
15489
+ if (!isAvailableId("#".concat(popContainerId2))) {
15305
15490
  var popContainer = document.createElement("div");
15306
15491
  popContainer.setAttribute("id", popContainerId2);
15307
15492
  popContainer.setAttribute("data-popper-id", popContainerId2);
15308
15493
  document.body.append(popContainer);
15309
15494
  }
15310
- if (parentNodeReferId === null) {
15311
- parentNodeReferId = "id_".concat(esm_browser_v42());
15312
- }
15495
+ var clearParentNodeId = function clearParentNodeId2(root3) {
15496
+ if (/^parent$/i.test(props.boundary)) {
15497
+ var _ref2 = root3 || {}, parentNode = _ref2.parentNode;
15498
+ if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
15499
+ var attr = parentNode.parentNode.getAttribute("data-pnode-id");
15500
+ if (attr === parentNodeReferId) {
15501
+ parentNode.parentNode.removeAttribute("data-pnode-id");
15502
+ }
15503
+ }
15504
+ }
15505
+ };
15313
15506
  return {
15314
15507
  popContainerId: popContainerId2,
15315
15508
  prefixId: getPrefixId(),
15316
- getPrefixId
15509
+ getPrefixId,
15510
+ parentNodeReferId,
15511
+ clearParentNodeId
15317
15512
  };
15318
15513
  };
15319
15514
  const use_popover_init = function(props, ctx, _ref) {
@@ -15348,7 +15543,18 @@ ${$(r2)}`), n2;
15348
15543
  }
15349
15544
  };
15350
15545
  var addEventToPopTargetEl = function addEventToPopTargetEl2() {
15546
+ var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
15351
15547
  var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
15548
+ if (!elReference) {
15549
+ if (retryCount >= 10) {
15550
+ console.warn("[Popover] Failed to add events: reference element not found after retries");
15551
+ return;
15552
+ }
15553
+ (0, external_vue_namespaceObject2.nextTick)(function() {
15554
+ addEventToPopTargetEl2(retryCount + 1);
15555
+ });
15556
+ return;
15557
+ }
15352
15558
  storeEvents = resolveTriggerEvents();
15353
15559
  storeEvents.forEach(function(storeEvent) {
15354
15560
  if (Array.isArray(storeEvent)) {
@@ -15356,11 +15562,16 @@ ${$(r2)}`), n2;
15356
15562
  } else {
15357
15563
  var content2 = storeEvent.content, reference3 = storeEvent.reference;
15358
15564
  addEventToTargetEl(elReference, reference3);
15359
- addEventToTargetEl(elContent, content2);
15565
+ if (elContent) {
15566
+ addEventToTargetEl(elContent, content2);
15567
+ }
15360
15568
  }
15361
15569
  });
15362
15570
  };
15363
15571
  var addEventToTargetEl = function addEventToTargetEl2(target, evets) {
15572
+ if (!target) {
15573
+ return;
15574
+ }
15364
15575
  evets.forEach(function(_ref2) {
15365
15576
  var _ref3 = _slicedToArray(_ref2, 2), event = _ref3[0], listener = _ref3[1];
15366
15577
  if (event && typeof listener === "function") {
@@ -15412,12 +15623,14 @@ ${$(r2)}`), n2;
15412
15623
  if (isFullscreen.value) {
15413
15624
  var _fullScreenTarget$val;
15414
15625
  var _ref10 = elReference || root3 || {}, parentNode = _ref10.parentNode;
15415
- boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
15626
+ var fullscreenBoundary = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
15627
+ boundary.value = fullscreenBoundary || "body";
15416
15628
  return;
15417
15629
  }
15418
- boundary.value = getPrefixId(root3 || elReference);
15630
+ var resolvedBoundary = getPrefixId(root3 || elReference);
15631
+ boundary.value = resolvedBoundary || "body";
15419
15632
  };
15420
- var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId;
15633
+ var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId, clearParentNodeId = _usePopperId.clearParentNodeId;
15421
15634
  var setFullscreenTag = function setFullscreenTag2() {
15422
15635
  var _fullScreenTarget$val2;
15423
15636
  fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute("data-fllsrn-id", fullscreenReferId);
@@ -15429,7 +15642,7 @@ ${$(r2)}`), n2;
15429
15642
  element === null || element === void 0 || element.removeAttribute("data-fllsrn-id");
15430
15643
  });
15431
15644
  };
15432
- var boundary = (0, external_vue_namespaceObject2.ref)();
15645
+ var boundary = (0, external_vue_namespaceObject2.ref)("body");
15433
15646
  var beforeInstanceUnmount = function beforeInstanceUnmount2() {
15434
15647
  removeEventListener2();
15435
15648
  };
@@ -15451,25 +15664,39 @@ ${$(r2)}`), n2;
15451
15664
  if (props.disabled) {
15452
15665
  return;
15453
15666
  }
15454
- initPopInstance();
15455
15667
  if (isElementFullScreen()) {
15456
15668
  var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
15457
15669
  var target = getFullscreenRoot2(query);
15458
15670
  updateFullscreen(target);
15459
15671
  }
15460
15672
  updateBoundary();
15673
+ initPopInstance();
15461
15674
  document.body.addEventListener("fullscreenchange", handleFullscreenChange);
15675
+ document.addEventListener("click", handleClickOutside);
15462
15676
  };
15463
15677
  var onUnmountedFn = function onUnmountedFn2() {
15464
15678
  beforeInstanceUnmount();
15679
+ var _resolvePopElements4 = resolvePopElements(), root3 = _resolvePopElements4.root;
15680
+ clearParentNodeId(root3);
15465
15681
  document.body.removeEventListener("fullscreenchange", handleFullscreenChange);
15682
+ document.removeEventListener("click", handleClickOutside);
15683
+ };
15684
+ var isClickInside = function isClickInside2(target) {
15685
+ var _refContent$value$$el, _refContent$value, _refContent$value$con;
15686
+ 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;
15466
15687
  };
15467
- var handleClickOutside = function handleClickOutside2(_e) {
15468
- var hideIgnoreReference = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
15688
+ var handleClickOutside = function handleClickOutside2(e) {
15689
+ var target = e.target;
15690
+ if (isClickInside(target)) {
15691
+ e.preventDefault();
15692
+ e.stopPropagation();
15693
+ e.stopImmediatePropagation();
15694
+ return;
15695
+ }
15469
15696
  var commonFunc = function commonFunc2() {
15470
15697
  ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
15471
15698
  isShow: localIsShow.value,
15472
- event: _e
15699
+ event: e
15473
15700
  });
15474
15701
  var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === "manual";
15475
15702
  if (!props.forceClickoutside && needExec) {
@@ -15479,7 +15706,7 @@ ${$(r2)}`), n2;
15479
15706
  hideFn();
15480
15707
  }
15481
15708
  };
15482
- if (hideIgnoreReference) {
15709
+ if (props.hideIgnoreReference) {
15483
15710
  setTimeout(function() {
15484
15711
  if (ReferenceClickSharedState[uniqKey]) {
15485
15712
  ReferenceClickSharedState[uniqKey] = false;
@@ -15540,7 +15767,7 @@ ${$(r2)}`), n2;
15540
15767
  refContent,
15541
15768
  refArrow,
15542
15769
  refRoot
15543
- }), 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;
15770
+ }), 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;
15544
15771
  if (!props.always && !props.disabled) {
15545
15772
  (0, external_vue_namespaceObject2.watch)(function() {
15546
15773
  return props.isShow;
@@ -15559,7 +15786,6 @@ ${$(r2)}`), n2;
15559
15786
  initPopInstance();
15560
15787
  }
15561
15788
  });
15562
- updateBoundary();
15563
15789
  (0, external_vue_namespaceObject2.onMounted)(onMountedFn);
15564
15790
  (0, external_vue_namespaceObject2.onBeforeUnmount)(onUnmountedFn);
15565
15791
  var isRenderModeShow = (0, external_vue_namespaceObject2.computed)(function() {
@@ -15606,7 +15832,6 @@ ${$(r2)}`), n2;
15606
15832
  isRenderModeShow,
15607
15833
  transBoundary,
15608
15834
  handleClickContent,
15609
- handleClickOutside,
15610
15835
  updatePopover,
15611
15836
  resetPopover,
15612
15837
  hide: hide2,
@@ -15653,7 +15878,7 @@ ${$(r2)}`), n2;
15653
15878
  "to": _this.boundary
15654
15879
  }, {
15655
15880
  "default": function _default2() {
15656
- return [(0, external_vue_namespaceObject2.withDirectives)((0, external_vue_namespaceObject2.createVNode)(content, {
15881
+ return [(0, external_vue_namespaceObject2.createVNode)(content, {
15657
15882
  "ref": "refContent",
15658
15883
  "width": _this.width,
15659
15884
  "height": _this.height,
@@ -15678,9 +15903,7 @@ ${$(r2)}`), n2;
15678
15903
  }
15679
15904
  }) : "";
15680
15905
  }
15681
- }), [[(0, external_vue_namespaceObject2.resolveDirective)("clickoutside"), function(e) {
15682
- return _this.handleClickOutside(e, _this.hideIgnoreReference);
15683
- }]])];
15906
+ })];
15684
15907
  }
15685
15908
  })];
15686
15909
  }
@@ -18803,7 +19026,7 @@ ${$(r2)}`), n2;
18803
19026
  return `__jsonp_callback_${timestamp}_${random2}`;
18804
19027
  };
18805
19028
  const jsonpRequest = (requestUrl, options = {}) => {
18806
- return new Promise((resolve2, reject) => {
19029
+ return new Promise((resolve, reject) => {
18807
19030
  const url = unref(requestUrl);
18808
19031
  const { timeout = 1e3 * 60 * 2, params } = options;
18809
19032
  const callbackName = generateCallbackName();
@@ -18823,7 +19046,7 @@ ${$(r2)}`), n2;
18823
19046
  };
18824
19047
  window[callbackName] = (data2) => {
18825
19048
  cleanup();
18826
- resolve2(data2.data || data2);
19049
+ resolve(data2.data || data2);
18827
19050
  };
18828
19051
  timeoutId = setTimeout(() => {
18829
19052
  cleanup();
@@ -18924,7 +19147,7 @@ ${$(r2)}`), n2;
18924
19147
  };
18925
19148
  const lookupUsers = async (params) => {
18926
19149
  const { apiBaseUrl, tenantId, exactSearchKey = "bk_username", usersList = [], enableMultiTenantMode = true } = params;
18927
- const users = usersList.filter(Boolean).map((user) => user.trim());
19150
+ const users = usersList.filter(Boolean).map((user) => typeof user === "string" ? user.trim() : String(user).trim());
18928
19151
  if (!enableMultiTenantMode) {
18929
19152
  try {
18930
19153
  const userList = await getUserList(apiBaseUrl, { userIds: users });
@@ -18962,12 +19185,14 @@ ${$(r2)}`), n2;
18962
19185
  ...user,
18963
19186
  id: user.username,
18964
19187
  name: `${user.display_name}(${user.username})`,
19188
+ type: user.data_source_type,
18965
19189
  tenantId: user.owner_tenant_id
18966
19190
  }));
18967
19191
  }
18968
19192
  return users.map((user) => ({
18969
19193
  id: user.bk_username,
18970
19194
  name: user.display_name,
19195
+ type: user.data_source_type,
18971
19196
  tenantId: user.owner_tenant_id,
18972
19197
  ...user
18973
19198
  }));
@@ -19150,9 +19375,11 @@ ${$(r2)}`), n2;
19150
19375
  }
19151
19376
  if (variables) {
19152
19377
  target = target[pathStack[i2]];
19153
- Object.keys(variables).forEach((key) => {
19154
- target = target.replace(`{${key}}`, variables[key]);
19155
- });
19378
+ if (typeof target === "string") {
19379
+ Object.keys(variables).forEach((key) => {
19380
+ target = target.replace(`{${key}}`, variables[key]);
19381
+ });
19382
+ }
19156
19383
  } else {
19157
19384
  target = target[pathStack[i2]];
19158
19385
  }
@@ -19384,10 +19611,12 @@ ${$(r2)}`), n2;
19384
19611
  const performSearch = async (keyword) => {
19385
19612
  if (!(keyword == null ? void 0 : keyword.length)) {
19386
19613
  searchResults.value = [];
19614
+ loading2.value = false;
19387
19615
  return;
19388
19616
  }
19389
19617
  if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
19390
19618
  console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
19619
+ loading2.value = false;
19391
19620
  return;
19392
19621
  }
19393
19622
  loading2.value = true;
@@ -19510,6 +19739,9 @@ ${$(r2)}`), n2;
19510
19739
  return target;
19511
19740
  };
19512
19741
  const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f251ce1"]]);
19742
+ 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";
19743
+ 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";
19744
+ 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";
19513
19745
  const UserRender = /* @__PURE__ */ defineComponent({
19514
19746
  name: "UserRender",
19515
19747
  props: {
@@ -19528,23 +19760,63 @@ ${$(r2)}`), n2;
19528
19760
  render: {
19529
19761
  type: Function,
19530
19762
  required: false
19763
+ },
19764
+ hasAvatar: {
19765
+ type: Boolean,
19766
+ default: false
19767
+ },
19768
+ avatarBaseUrl: {
19769
+ type: String,
19770
+ default: ""
19531
19771
  }
19532
19772
  },
19533
19773
  setup(props) {
19774
+ const getAvatarUrl = (user) => {
19775
+ if (user.type === "virtual") {
19776
+ return VirtualAvatar;
19777
+ }
19778
+ if (user.type === "userGroup") {
19779
+ return UserGroupAvatar;
19780
+ }
19781
+ if (!props.avatarBaseUrl) {
19782
+ return UserAvatar;
19783
+ }
19784
+ const loginName = user.login_name || user.bk_username || user.id;
19785
+ return `${props.avatarBaseUrl}${loginName}.png?default_when_absent=true`;
19786
+ };
19534
19787
  const defaultRender = (h2, props2) => {
19535
- return h2("div", [
19536
- h2("span", props2.user.name),
19537
- props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
19538
- "span",
19539
- {
19788
+ return h2(
19789
+ "div",
19790
+ {
19791
+ style: {
19792
+ display: "flex",
19793
+ alignItems: "center"
19794
+ }
19795
+ },
19796
+ [
19797
+ props2.hasAvatar ? h2("img", {
19798
+ src: getAvatarUrl(props2.user),
19540
19799
  style: {
19541
- color: "#f59500",
19542
- marginLeft: "4px"
19800
+ width: "20px",
19801
+ height: "20px",
19802
+ borderRadius: "50%",
19803
+ marginRight: "6px",
19804
+ flexShrink: 0
19543
19805
  }
19544
- },
19545
- `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
19546
- ) : null
19547
- ]);
19806
+ }) : null,
19807
+ h2("span", props2.user.name),
19808
+ props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
19809
+ "span",
19810
+ {
19811
+ style: {
19812
+ color: "#f59500",
19813
+ marginLeft: "4px"
19814
+ }
19815
+ },
19816
+ `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
19817
+ ) : null
19818
+ ]
19819
+ );
19548
19820
  };
19549
19821
  return () => {
19550
19822
  try {
@@ -19569,8 +19841,10 @@ ${$(r2)}`), n2;
19569
19841
  },
19570
19842
  __name: "selection-popover",
19571
19843
  props: {
19844
+ avatarBaseUrl: { default: "" },
19572
19845
  containerWidth: { default: "auto" },
19573
19846
  emptyText: { default: "" },
19847
+ hasAvatar: { type: Boolean, default: false },
19574
19848
  isShow: { type: Boolean, default: false },
19575
19849
  loading: { type: Boolean, default: false },
19576
19850
  options: { default: () => [] },
@@ -19696,11 +19970,13 @@ ${$(r2)}`), n2;
19696
19970
  }, ["prevent"]))
19697
19971
  }, [
19698
19972
  createVNode(unref(UserRender), {
19973
+ "avatar-base-url": _ctx.avatarBaseUrl,
19974
+ "has-avatar": _ctx.hasAvatar,
19699
19975
  render: _ctx.renderListItem,
19700
19976
  "tenant-id": _ctx.tenantId,
19701
19977
  tenants: _ctx.tenants,
19702
19978
  user
19703
- }, null, 8, ["render", "tenant-id", "tenants", "user"])
19979
+ }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
19704
19980
  ], 40, _hoisted_4);
19705
19981
  }),
19706
19982
  128
@@ -19740,7 +20016,7 @@ ${$(r2)}`), n2;
19740
20016
  };
19741
20017
  }
19742
20018
  });
19743
- const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-024fc663"]]);
20019
+ const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d5a338f0"]]);
19744
20020
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
19745
20021
  ...{
19746
20022
  name: "UserTag"
@@ -19748,8 +20024,10 @@ ${$(r2)}`), n2;
19748
20024
  __name: "user-tag",
19749
20025
  props: {
19750
20026
  active: { type: Boolean },
20027
+ avatarBaseUrl: {},
19751
20028
  currentTenantId: {},
19752
20029
  draggable: { type: Boolean },
20030
+ hasAvatar: { type: Boolean },
19753
20031
  renderTag: { type: Function },
19754
20032
  showTenant: { type: Boolean },
19755
20033
  tenants: {},
@@ -19774,11 +20052,13 @@ ${$(r2)}`), n2;
19774
20052
  }, {
19775
20053
  default: withCtx(() => [
19776
20054
  createVNode(unref(UserRender), {
20055
+ "avatar-base-url": _ctx.avatarBaseUrl,
20056
+ "has-avatar": _ctx.hasAvatar,
19777
20057
  render: _ctx.renderTag,
19778
20058
  "tenant-id": _ctx.currentTenantId,
19779
20059
  tenants: _ctx.tenants,
19780
20060
  user: _ctx.user
19781
- }, null, 8, ["render", "tenant-id", "tenants", "user"])
20061
+ }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
19782
20062
  ]),
19783
20063
  _: 1
19784
20064
  /* STABLE */
@@ -19786,7 +20066,7 @@ ${$(r2)}`), n2;
19786
20066
  };
19787
20067
  }
19788
20068
  });
19789
- const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-48ac8fc1"]]);
20069
+ const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1f2e0737"]]);
19790
20070
  const _hoisted_1 = ["placeholder"];
19791
20071
  const _hoisted_2 = { class: "hidden-users" };
19792
20072
  const _hoisted_3 = ["placeholder"];
@@ -19802,6 +20082,7 @@ ${$(r2)}`), n2;
19802
20082
  multiple: { type: Boolean, default: false },
19803
20083
  allowCreate: { type: Boolean, default: false },
19804
20084
  apiBaseUrl: { default: "" },
20085
+ avatarBaseUrl: { default: "" },
19805
20086
  currentUserId: { default: "" },
19806
20087
  disabled: { type: Boolean, default: false },
19807
20088
  emptyText: { default: "" },
@@ -19809,6 +20090,7 @@ ${$(r2)}`), n2;
19809
20090
  exactSearchKey: { default: DEFAULT_EXACT_SEARCH_KEY },
19810
20091
  excludeUserIds: { default: () => [] },
19811
20092
  freePaste: { type: Boolean, default: false },
20093
+ hasAvatar: { type: Boolean, default: false },
19812
20094
  placeholder: { default: "" },
19813
20095
  renderListItem: {},
19814
20096
  renderTag: {},
@@ -19871,7 +20153,9 @@ ${$(r2)}`), n2;
19871
20153
  () => isMaxCountReached.value || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)
19872
20154
  );
19873
20155
  const userTagCommonProps = computed(() => ({
20156
+ avatarBaseUrl: props.avatarBaseUrl,
19874
20157
  currentTenantId: props.tenantId,
20158
+ hasAvatar: props.hasAvatar,
19875
20159
  renderTag: props.renderTag,
19876
20160
  tenants
19877
20161
  }));
@@ -20176,8 +20460,10 @@ ${$(r2)}`), n2;
20176
20460
  [
20177
20461
  createCommentVNode(" 下拉选项列表 "),
20178
20462
  createVNode(SelectionPopover, {
20463
+ "avatar-base-url": _ctx.avatarBaseUrl,
20179
20464
  "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
20180
20465
  "empty-text": computedEmptyText.value,
20466
+ "has-avatar": _ctx.hasAvatar,
20181
20467
  "is-show": showDropdown.value,
20182
20468
  loading: unref(searchLoading),
20183
20469
  options: displayOptions.value,
@@ -20323,10 +20609,12 @@ ${$(r2)}`), n2;
20323
20609
  renderList(selectedUsers.value.slice(visibleUsers.value.length), (user) => {
20324
20610
  return openBlock(), createBlock(unref(UserRender), {
20325
20611
  key: user.id,
20612
+ "avatar-base-url": _ctx.avatarBaseUrl,
20613
+ "has-avatar": _ctx.hasAvatar,
20326
20614
  "tenant-id": _ctx.tenantId,
20327
20615
  tenants: unref(tenants),
20328
20616
  user
20329
- }, null, 8, ["tenant-id", "tenants", "user"]);
20617
+ }, null, 8, ["avatar-base-url", "has-avatar", "tenant-id", "tenants", "user"]);
20330
20618
  }),
20331
20619
  128
20332
20620
  /* KEYED_FRAGMENT */
@@ -20373,7 +20661,7 @@ ${$(r2)}`), n2;
20373
20661
  ]),
20374
20662
  _: 1
20375
20663
  /* STABLE */
20376
- }, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
20664
+ }, 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"])
20377
20665
  ],
20378
20666
  2
20379
20667
  /* CLASS */
@@ -20381,7 +20669,7 @@ ${$(r2)}`), n2;
20381
20669
  };
20382
20670
  }
20383
20671
  });
20384
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65e61c1c"]]);
20672
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9975c7e1"]]);
20385
20673
  const vue2 = {
20386
20674
  model: {
20387
20675
  prop: "modelValue",