@blueking/bk-user-selector 0.0.29-beta.1 → 0.0.29-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/README.md +19 -18
  2. package/package.json +1 -1
  3. package/typings/api/user.d.ts +1 -1
  4. package/typings/components/selection-popover.vue.d.ts +23 -1
  5. package/typings/hooks/use-jsonp.d.ts +2 -0
  6. package/typings/hooks/useTenantData.d.ts +2 -1
  7. package/typings/hooks/useUserSearch.d.ts +1 -1
  8. package/vue2/index.es.min.js +296 -293
  9. package/vue2/index.iife.min.js +337 -301
  10. package/vue2/index.umd.min.js +296 -293
  11. package/vue2/vue2.css +25 -25
  12. package/vue3/index.es.min.js +296 -293
  13. package/vue3/index.iife.min.js +296 -293
  14. package/vue3/index.umd.min.js +296 -293
  15. package/vue3/vue3.css +25 -25
package/vue3/index.iife.min.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(".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.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n.overflow-popover-reference {\n width: 100%;\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-9ccd9029] {\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 cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-9ccd9029]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-9ccd9029] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-a4132257] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-a4132257] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-a4132257] {\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-a4132257] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-a4132257] {\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-a4132257]:hover {\n background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-user-selector-pop2-content {\n padding: 0;\n}.user-tag[data-v-51944a49] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-51944a49] {\n cursor: move;\n}\n.user-tag.active[data-v-51944a49] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-51944a49] {\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}.multiple-selector[data-v-bebe517d] {\n position: relative;\n width: 100%;\n}\n.multiple-selector.is-disabled[data-v-bebe517d] {\n pointer-events: none;\n}\n.multiple-selector .tags-container[data-v-bebe517d] {\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.multiple-selector .tags-container.focused[data-v-bebe517d] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-bebe517d] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-bebe517d] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-bebe517d] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-bebe517d] {\n min-width: 10px;\n height: 28px;\n background: transparent;\n border: none;\n outline: none;\n}\n.multiple-selector .search-input[data-v-bebe517d]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-bebe517d] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-bebe517d], .multiple-selector .search-input.collapsed[data-v-bebe517d] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-67f2ee6a] {\n position: relative;\n width: 100%;\n}\n.single-selector.is-disabled[data-v-67f2ee6a] {\n pointer-events: none;\n}\n.input-container[data-v-67f2ee6a] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 0 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n}\n.input-container[data-v-67f2ee6a]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-67f2ee6a] {\n flex: 1;\n height: 30px;\n background: transparent;\n border: none;\n outline: none;\n}\n.search-input[data-v-67f2ee6a]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-30b84150] {\n position: relative;\n width: 100%;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-30b84150] {\n cursor: not-allowed;\n background-color: #dcdee5;\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.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n.overflow-popover-reference {\n width: 100%;\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-9ccd9029] {\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 cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-9ccd9029]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-9ccd9029] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-6380faf5] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-6380faf5] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-6380faf5] {\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-6380faf5] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-6380faf5] {\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-6380faf5]:hover {\n background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-user-selector-pop2-content {\n padding: 0;\n}.user-tag[data-v-51944a49] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-51944a49] {\n cursor: move;\n}\n.user-tag.active[data-v-51944a49] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag .tag-content .user-name[data-v-51944a49] {\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}.multiple-selector[data-v-69acfacb] {\n position: relative;\n width: 100%;\n}\n.multiple-selector.is-disabled[data-v-69acfacb] {\n pointer-events: none;\n}\n.multiple-selector .tags-container[data-v-69acfacb] {\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.multiple-selector .tags-container.focused[data-v-69acfacb] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-69acfacb] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-69acfacb] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-69acfacb] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-69acfacb] {\n min-width: 10px;\n height: 28px;\n background: transparent;\n border: none;\n outline: none;\n}\n.multiple-selector .search-input[data-v-69acfacb]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-69acfacb] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-69acfacb], .multiple-selector .search-input.collapsed[data-v-69acfacb] {\n flex: 1;\n min-width: 60px;\n}.single-selector[data-v-d52d578d] {\n position: relative;\n width: 100%;\n}\n.single-selector.is-disabled[data-v-d52d578d] {\n pointer-events: none;\n}\n.input-container[data-v-d52d578d] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 0 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n}\n.input-container[data-v-d52d578d]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-d52d578d] {\n flex: 1;\n height: 30px;\n background: transparent;\n border: none;\n outline: none;\n}\n.search-input[data-v-d52d578d]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-02466e5e] {\n position: relative;\n width: 100%;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-02466e5e] {\n cursor: not-allowed;\n background-color: #dcdee5;\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -10707,10 +10707,15 @@ ${$(r2)}`), n2;
10707
10707
  const jsonpRequest = (requestUrl, options = {}) => {
10708
10708
  return new Promise((resolve, reject) => {
10709
10709
  const url = __WEBPACK_EXTERNAL_MODULE_vue__.unref(requestUrl);
10710
- const { timeout = 1e3 * 60 * 2, params } = options;
10710
+ const { timeout = 1e3 * 60 * 2, params, withCredentials = true } = options;
10711
10711
  const callbackName = generateCallbackName();
10712
10712
  const script = document.createElement("script");
10713
10713
  let timeoutId;
10714
+ if (withCredentials) {
10715
+ script.crossOrigin = "use-credentials";
10716
+ } else {
10717
+ script.crossOrigin = "anonymous";
10718
+ }
10714
10719
  const cleanup = () => {
10715
10720
  if (timeoutId) {
10716
10721
  clearTimeout(timeoutId);
@@ -10724,7 +10729,7 @@ ${$(r2)}`), n2;
10724
10729
  };
10725
10730
  window[callbackName] = (data2) => {
10726
10731
  cleanup();
10727
- resolve(data2);
10732
+ resolve(data2.data || data2);
10728
10733
  };
10729
10734
  timeoutId = setTimeout(() => {
10730
10735
  cleanup();
@@ -10740,48 +10745,6 @@ ${$(r2)}`), n2;
10740
10745
  document.head.appendChild(script);
10741
10746
  });
10742
10747
  };
10743
- const useJSONP = (url, options = {}) => {
10744
- const data2 = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(null);
10745
- const loading2 = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(false);
10746
- const error2 = __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef(null);
10747
- let abortFlag = false;
10748
- const executeRequest = async (requestUrl) => {
10749
- if (!requestUrl) return;
10750
- loading2.value = true;
10751
- error2.value = null;
10752
- abortFlag = false;
10753
- try {
10754
- const result = await jsonpRequest(requestUrl, options);
10755
- if (!abortFlag) {
10756
- data2.value = result;
10757
- }
10758
- } catch (err) {
10759
- if (!abortFlag) {
10760
- const errorObj = err instanceof Error ? err : new Error(String(err));
10761
- error2.value = errorObj;
10762
- }
10763
- } finally {
10764
- if (!abortFlag) {
10765
- loading2.value = false;
10766
- }
10767
- }
10768
- };
10769
- const stopWatcher = __WEBPACK_EXTERNAL_MODULE_vue__.watchEffect(() => {
10770
- executeRequest(__WEBPACK_EXTERNAL_MODULE_vue__.unref(url));
10771
- });
10772
- __WEBPACK_EXTERNAL_MODULE_vue__.onScopeDispose(() => {
10773
- abortFlag = true;
10774
- stopWatcher();
10775
- });
10776
- return {
10777
- data: data2,
10778
- loading: loading2,
10779
- error: error2,
10780
- refetch: () => {
10781
- executeRequest(__WEBPACK_EXTERNAL_MODULE_vue__.unref(url));
10782
- }
10783
- };
10784
- };
10785
10748
  const getTenants = async (apiBaseUrl, tenantId) => {
10786
10749
  if (!apiBaseUrl || !tenantId) {
10787
10750
  console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
@@ -10808,7 +10771,7 @@ ${$(r2)}`), n2;
10808
10771
  };
10809
10772
  const searchUsers = async (params) => {
10810
10773
  const { apiBaseUrl, tenantId, keyword, enableMultiTenantMode = true } = params;
10811
- if (enableMultiTenantMode) {
10774
+ if (!enableMultiTenantMode) {
10812
10775
  const userList = await getUserList(apiBaseUrl, {
10813
10776
  keyword,
10814
10777
  pageSize: 100,
@@ -10844,13 +10807,13 @@ ${$(r2)}`), n2;
10844
10807
  const lookupUsers = async (params) => {
10845
10808
  const { apiBaseUrl, tenantId, exactSearchKey = "bk_username", usersList = [], enableMultiTenantMode = true } = params;
10846
10809
  const users = usersList.filter((user) => user).map((user) => user.trim());
10847
- if (enableMultiTenantMode) {
10810
+ if (!enableMultiTenantMode) {
10848
10811
  const userList = await getUserList(apiBaseUrl, {
10849
10812
  userIds: users
10850
10813
  }).catch(() => {
10851
10814
  return [];
10852
10815
  });
10853
- return userList;
10816
+ return users.map((user) => userList.find((u2) => u2.username === user)).filter(Boolean);
10854
10817
  }
10855
10818
  if (users.length === 0 || !apiBaseUrl || !tenantId) {
10856
10819
  console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
@@ -10875,18 +10838,26 @@ ${$(r2)}`), n2;
10875
10838
  return [];
10876
10839
  }
10877
10840
  };
10878
- const formatUsers = (users) => {
10841
+ const formatUsers = (users, enableMultiTenantMode = true) => {
10879
10842
  if (!users || !Array.isArray(users)) return [];
10843
+ if (!enableMultiTenantMode) {
10844
+ return users.map((user) => ({
10845
+ ...user,
10846
+ id: user.username,
10847
+ name: `${user.display_name}(${user.username})`,
10848
+ tenantId: user.owner_tenant_id
10849
+ }));
10850
+ }
10880
10851
  return users.map((user) => ({
10881
- id: user.bk_username || user.username,
10852
+ id: user.bk_username,
10882
10853
  name: user.display_name,
10883
10854
  tenantId: user.owner_tenant_id,
10884
10855
  ...user
10885
10856
  }));
10886
10857
  };
10887
10858
  const getUserList = async (url, params) => {
10888
- const { userIds, keyword, pageSize, page, appCode } = params;
10889
- const { data: userList } = await useJSONP(url, {
10859
+ const { userIds, keyword, pageSize = 20, page, appCode } = params;
10860
+ const data2 = await jsonpRequest(url, {
10890
10861
  params: {
10891
10862
  exact_lookups: (userIds == null ? void 0 : userIds.join(",")) || void 0,
10892
10863
  fuzzy_lookups: keyword || void 0,
@@ -10895,9 +10866,9 @@ ${$(r2)}`), n2;
10895
10866
  app_code: appCode || "bk-magicbox"
10896
10867
  }
10897
10868
  });
10898
- return userList.value || [];
10869
+ return (data2 == null ? void 0 : data2.results) || [];
10899
10870
  };
10900
- const useTenantData = (apiBaseUrl, tenantId) => {
10871
+ const useTenantData = (apiBaseUrl, tenantId, enableMultiTenantMode = true) => {
10901
10872
  const tenants = __WEBPACK_EXTERNAL_MODULE_vue__.ref({});
10902
10873
  const loading2 = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
10903
10874
  const fetchTenants = async () => {
@@ -10922,7 +10893,9 @@ ${$(r2)}`), n2;
10922
10893
  }
10923
10894
  };
10924
10895
  __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount(() => {
10925
- fetchTenants();
10896
+ if (enableMultiTenantMode) {
10897
+ fetchTenants();
10898
+ }
10926
10899
  });
10927
10900
  return {
10928
10901
  tenants,
@@ -13724,7 +13697,7 @@ ${$(r2)}`), n2;
13724
13697
  }
13725
13698
  return Math.max(1, visibleCount);
13726
13699
  };
13727
- const useUserSearch = (apiBaseUrl, tenantId) => {
13700
+ const useUserSearch = (apiBaseUrl, tenantId, enableMultiTenantMode = true) => {
13728
13701
  const searchResults = __WEBPACK_EXTERNAL_MODULE_vue__.ref([]);
13729
13702
  const loading2 = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
13730
13703
  const searchQuery = __WEBPACK_EXTERNAL_MODULE_vue__.ref("");
@@ -13733,7 +13706,7 @@ ${$(r2)}`), n2;
13733
13706
  searchResults.value = [];
13734
13707
  return;
13735
13708
  }
13736
- if (!apiBaseUrl || !tenantId) {
13709
+ if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
13737
13710
  console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
13738
13711
  return;
13739
13712
  }
@@ -13743,9 +13716,9 @@ ${$(r2)}`), n2;
13743
13716
  apiBaseUrl,
13744
13717
  tenantId,
13745
13718
  keyword,
13746
- enableMultiTenantMode: true
13719
+ enableMultiTenantMode
13747
13720
  });
13748
- searchResults.value = formatUsers(results);
13721
+ searchResults.value = formatUsers(results, enableMultiTenantMode);
13749
13722
  } catch (error2) {
13750
13723
  console.error("用户搜索失败:", error2);
13751
13724
  searchResults.value = [];
@@ -14087,13 +14060,16 @@ ${$(r2)}`), n2;
14087
14060
  /* STABLE */
14088
14061
  }, 8, ["loading"])
14089
14062
  ]),
14090
- _: 1
14091
- /* STABLE */
14063
+ default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14064
+ __WEBPACK_EXTERNAL_MODULE_vue__.renderSlot(_ctx.$slots, "default", {}, void 0, true)
14065
+ ]),
14066
+ _: 3
14067
+ /* FORWARDED */
14092
14068
  }, 8, ["is-show", "offset", "width"]);
14093
14069
  };
14094
14070
  }
14095
14071
  });
14096
- const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a4132257"]]);
14072
+ const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6380faf5"]]);
14097
14073
  const _sfc_main$3 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
14098
14074
  ...{
14099
14075
  name: "UserTag"
@@ -14177,7 +14153,7 @@ ${$(r2)}`), n2;
14177
14153
  searchQuery,
14178
14154
  // clearSearch,
14179
14155
  handleSearchInput
14180
- } = useUserSearch(props2.apiBaseUrl, props2.tenantId);
14156
+ } = useUserSearch(props2.apiBaseUrl, props2.tenantId, props2.enableMultiTenantMode);
14181
14157
  const containerRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref(null);
14182
14158
  const tagsContainerRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref(null);
14183
14159
  const sortableContainerRef = __WEBPACK_EXTERNAL_MODULE_vue__.ref(null);
@@ -14195,7 +14171,14 @@ ${$(r2)}`), n2;
14195
14171
  return searchResults.value.filter((user) => !props2.selectedUsers.some((selectedUser) => selectedUser.id === user.id)).filter((user) => !props2.excludeUserIds.includes(user.id));
14196
14172
  });
14197
14173
  const userGroupFilter = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
14198
- return props2.userGroup.filter((group) => !props2.selectedUsers.some((user) => user.id === group.id) && !group.hidden);
14174
+ return props2.userGroup.filter((group) => {
14175
+ var _a, _b;
14176
+ const filtered = !props2.selectedUsers.some((user) => user.id === group.id) && !group.hidden;
14177
+ if (filtered) {
14178
+ return ((_a = group.id) == null ? void 0 : _a.includes(searchQuery.value)) || ((_b = group.name) == null ? void 0 : _b.includes(searchQuery.value));
14179
+ }
14180
+ return false;
14181
+ });
14199
14182
  });
14200
14183
  const initSortable = () => {
14201
14184
  if (!props2.draggable || !sortableContainerRef.value) return;
@@ -14304,7 +14287,7 @@ ${$(r2)}`), n2;
14304
14287
  usersList: [props2.currentUserId],
14305
14288
  enableMultiTenantMode: props2.enableMultiTenantMode
14306
14289
  });
14307
- const formattedUsers = formatUsers(result);
14290
+ const formattedUsers = formatUsers(result, props2.enableMultiTenantMode);
14308
14291
  if (formattedUsers.length > 0) {
14309
14292
  if (!props2.selectedUsers.some((item) => item.id === formattedUsers[0].id)) {
14310
14293
  emit("update:selectedUsers", [...props2.selectedUsers, formattedUsers[0]]);
@@ -14332,7 +14315,7 @@ ${$(r2)}`), n2;
14332
14315
  usersList: users,
14333
14316
  enableMultiTenantMode: props2.enableMultiTenantMode
14334
14317
  });
14335
- const formattedUsers = formatUsers(result);
14318
+ const formattedUsers = formatUsers(result, props2.enableMultiTenantMode);
14336
14319
  if (formattedUsers.length > 0) {
14337
14320
  const updatedUsers = [...props2.selectedUsers, ...formattedUsers];
14338
14321
  emit("update:selectedUsers", updatedUsers);
@@ -14435,210 +14418,215 @@ ${$(r2)}`), n2;
14435
14418
  class: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeClass(["multiple-selector", { "is-disabled": _ctx.disabled }])
14436
14419
  },
14437
14420
  [
14438
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 聚焦状态 - 可编辑模式 "),
14439
- isFocused.value ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14440
- "div",
14441
- {
14442
- key: 0,
14443
- ref_key: "tagsContainerRef",
14444
- ref: tagsContainerRef,
14445
- class: "tags-container focused",
14446
- onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(handleContainerClick, ["stop"])
14447
- },
14448
- [
14449
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 用户标签列表 "),
14450
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
14421
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
14422
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
14423
+ "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
14424
+ "cross-axis-offset": crossAxisOffset.value,
14425
+ "empty-text": _ctx.emptyText,
14426
+ "is-show": showDropdown.value,
14427
+ loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
14428
+ options: options.value,
14429
+ "render-list-item": _ctx.renderListItem,
14430
+ "search-query": __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery),
14431
+ "tenant-id": _ctx.tenantId,
14432
+ tenants: _ctx.tenants,
14433
+ "user-group": userGroupFilter.value,
14434
+ "user-group-name": _ctx.userGroupName,
14435
+ onClickOutside: handleClickOutside,
14436
+ onSelectUser: addUser
14437
+ }, {
14438
+ default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14439
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 聚焦状态 - 可编辑模式 "),
14440
+ isFocused.value ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14451
14441
  "div",
14452
14442
  {
14453
- ref_key: "sortableContainerRef",
14454
- ref: sortableContainerRef,
14455
- class: "tag-list"
14443
+ key: 0,
14444
+ ref_key: "tagsContainerRef",
14445
+ ref: tagsContainerRef,
14446
+ class: "tags-container focused",
14447
+ onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(handleContainerClick, ["stop"])
14456
14448
  },
14457
14449
  [
14458
- (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14459
- __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14460
- null,
14461
- __WEBPACK_EXTERNAL_MODULE_vue__.renderList(_ctx.selectedUsers, (user, index) => {
14462
- return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
14463
- class: "tag-wrapper",
14464
- key: user.id,
14465
- onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => handleTagClick(index), ["stop"])
14466
- }, [
14467
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(UserTag, {
14468
- active: index === activeTagIndex.value,
14469
- "current-tenant-id": _ctx.tenantId,
14470
- draggable: _ctx.draggable,
14471
- "render-tag": _ctx.renderTag,
14472
- tenants: _ctx.tenants,
14473
- user,
14474
- onClick: ($event) => handleTagClick(index),
14475
- onClose: ($event) => removeUser(user)
14476
- }, null, 8, ["active", "current-tenant-id", "draggable", "render-tag", "tenants", "user", "onClick", "onClose"]),
14477
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 在当前激活标签后插入输入框 "),
14478
- index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14479
- "input",
14480
- {
14481
- key: 0,
14482
- ref_for: true,
14483
- ref_key: "inlineInputRef",
14484
- ref: inlineInputRef,
14485
- class: "search-input inline",
14486
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
14487
- onFocus: handleInputFocus,
14488
- onInput: handleInput,
14489
- onKeydown: handleKeyDown,
14490
- onPaste: handlePaste
14491
- },
14492
- null,
14493
- 544
14494
- /* NEED_HYDRATION, NEED_PATCH */
14495
- )), [
14496
- [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
14497
- ]) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
14498
- ], 8, _hoisted_1$1);
14499
- }),
14500
- 128
14501
- /* KEYED_FRAGMENT */
14502
- )),
14503
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 最后一个输入框 "),
14504
- activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("input", {
14505
- key: 0,
14506
- ref_key: "lastInputRef",
14507
- ref: lastInputRef,
14508
- class: "search-input last",
14509
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
14510
- placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
14511
- onFocus: handleInputFocus,
14512
- onInput: handleInput,
14513
- onKeydown: handleKeyDown,
14514
- onPaste: handlePaste
14515
- }, null, 40, _hoisted_2$1)), [
14516
- [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
14517
- ]) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
14518
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' "我"标签 '),
14519
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
14520
- "current-user-id": _ctx.currentUserId,
14521
- "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user.id === _ctx.currentUserId),
14522
- onClick: addCurrentUser
14523
- }, null, 8, ["current-user-id", "is-disabled"])
14450
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 用户标签列表 "),
14451
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
14452
+ "div",
14453
+ {
14454
+ ref_key: "sortableContainerRef",
14455
+ ref: sortableContainerRef,
14456
+ class: "tag-list"
14457
+ },
14458
+ [
14459
+ (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14460
+ __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14461
+ null,
14462
+ __WEBPACK_EXTERNAL_MODULE_vue__.renderList(_ctx.selectedUsers, (user, index) => {
14463
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
14464
+ class: "tag-wrapper",
14465
+ key: user.id,
14466
+ onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => handleTagClick(index), ["stop"])
14467
+ }, [
14468
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(UserTag, {
14469
+ active: index === activeTagIndex.value,
14470
+ "current-tenant-id": _ctx.tenantId,
14471
+ draggable: _ctx.draggable,
14472
+ "render-tag": _ctx.renderTag,
14473
+ tenants: _ctx.tenants,
14474
+ user,
14475
+ onClick: ($event) => handleTagClick(index),
14476
+ onClose: ($event) => removeUser(user)
14477
+ }, null, 8, ["active", "current-tenant-id", "draggable", "render-tag", "tenants", "user", "onClick", "onClose"]),
14478
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 在当前激活标签后插入输入框 "),
14479
+ index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14480
+ "input",
14481
+ {
14482
+ key: 0,
14483
+ ref_for: true,
14484
+ ref_key: "inlineInputRef",
14485
+ ref: inlineInputRef,
14486
+ class: "search-input inline",
14487
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
14488
+ onFocus: handleInputFocus,
14489
+ onInput: handleInput,
14490
+ onKeydown: handleKeyDown,
14491
+ onPaste: handlePaste
14492
+ },
14493
+ null,
14494
+ 544
14495
+ /* NEED_HYDRATION, NEED_PATCH */
14496
+ )), [
14497
+ [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
14498
+ ]) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true)
14499
+ ], 8, _hoisted_1$1);
14500
+ }),
14501
+ 128
14502
+ /* KEYED_FRAGMENT */
14503
+ )),
14504
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 最后一个输入框 "),
14505
+ activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives((__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("input", {
14506
+ key: 0,
14507
+ ref_key: "lastInputRef",
14508
+ ref: lastInputRef,
14509
+ class: "search-input last",
14510
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
14511
+ placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
14512
+ onFocus: handleInputFocus,
14513
+ onInput: handleInput,
14514
+ onKeydown: handleKeyDown,
14515
+ onPaste: handlePaste
14516
+ }, null, 40, _hoisted_2$1)), [
14517
+ [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
14518
+ ]) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
14519
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' "我"标签 '),
14520
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
14521
+ "current-user-id": _ctx.currentUserId,
14522
+ "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user.id === _ctx.currentUserId),
14523
+ onClick: addCurrentUser
14524
+ }, null, 8, ["current-user-id", "is-disabled"])
14525
+ ],
14526
+ 512
14527
+ /* NEED_PATCH */
14528
+ )
14524
14529
  ],
14525
14530
  512
14526
14531
  /* NEED_PATCH */
14527
- )
14528
- ],
14529
- 512
14530
- /* NEED_PATCH */
14531
- )) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14532
- __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14533
- { key: 1 },
14534
- [
14535
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 未聚焦状态 - 只读展示模式 "),
14536
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
14537
- "div",
14538
- {
14539
- ref_key: "collapsedContainerRef",
14540
- ref: collapsedContainerRef,
14541
- class: "tags-container collapsed",
14542
- onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(handleFocus, ["stop"])
14543
- },
14532
+ )) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14533
+ __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14534
+ { key: 1 },
14544
14535
  [
14545
- (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14546
- __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14547
- null,
14548
- __WEBPACK_EXTERNAL_MODULE_vue__.renderList(visibleUsers.value, (user) => {
14549
- return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(UserTag, {
14550
- "current-tenant-id": _ctx.tenantId,
14551
- key: user.id,
14552
- "render-tag": _ctx.renderTag,
14553
- "show-tenant": true,
14554
- tenants: _ctx.tenants,
14555
- user,
14556
- onClick: handleFocus,
14557
- onClose: ($event) => removeUser(user)
14558
- }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user", "onClose"]);
14559
- }),
14560
- 128
14561
- /* KEYED_FRAGMENT */
14562
- )),
14563
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 显示折叠标签数量 "),
14564
- hiddenCount.value > 0 ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$1), {
14565
- key: 0,
14566
- placement: "top"
14567
- }, {
14568
- content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14536
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 未聚焦状态 - 只读展示模式 "),
14537
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode(
14538
+ "div",
14539
+ {
14540
+ ref_key: "collapsedContainerRef",
14541
+ ref: collapsedContainerRef,
14542
+ class: "tags-container collapsed",
14543
+ onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(handleFocus, ["stop"])
14544
+ },
14545
+ [
14569
14546
  (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14570
14547
  __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14571
14548
  null,
14572
- __WEBPACK_EXTERNAL_MODULE_vue__.renderList(_ctx.selectedUsers.slice(visibleUsers.value.length), (user) => {
14573
- return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
14549
+ __WEBPACK_EXTERNAL_MODULE_vue__.renderList(visibleUsers.value, (user) => {
14550
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(UserTag, {
14551
+ "current-tenant-id": _ctx.tenantId,
14574
14552
  key: user.id,
14575
- "tenant-id": _ctx.tenantId,
14553
+ "render-tag": _ctx.renderTag,
14554
+ "show-tenant": true,
14576
14555
  tenants: _ctx.tenants,
14577
- user
14578
- }, null, 8, ["tenant-id", "tenants", "user"]);
14556
+ user,
14557
+ onClick: handleFocus,
14558
+ onClose: ($event) => removeUser(user)
14559
+ }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user", "onClose"]);
14579
14560
  }),
14580
14561
  128
14581
14562
  /* KEYED_FRAGMENT */
14582
- ))
14583
- ]),
14584
- default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14585
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default), null, {
14563
+ )),
14564
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 显示折叠标签数量 "),
14565
+ hiddenCount.value > 0 ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$1), {
14566
+ key: 0,
14567
+ placement: "top"
14568
+ }, {
14569
+ content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14570
+ (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(true), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
14571
+ __WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
14572
+ null,
14573
+ __WEBPACK_EXTERNAL_MODULE_vue__.renderList(_ctx.selectedUsers.slice(visibleUsers.value.length), (user) => {
14574
+ return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
14575
+ key: user.id,
14576
+ "tenant-id": _ctx.tenantId,
14577
+ tenants: _ctx.tenants,
14578
+ user
14579
+ }, null, 8, ["tenant-id", "tenants", "user"]);
14580
+ }),
14581
+ 128
14582
+ /* KEYED_FRAGMENT */
14583
+ ))
14584
+ ]),
14586
14585
  default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14587
- __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode(
14588
- " +" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(hiddenCount.value),
14589
- 1
14590
- /* TEXT */
14591
- )
14586
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default), null, {
14587
+ default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14588
+ __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode(
14589
+ " +" + __WEBPACK_EXTERNAL_MODULE_vue__.toDisplayString(hiddenCount.value),
14590
+ 1
14591
+ /* TEXT */
14592
+ )
14593
+ ]),
14594
+ _: 1
14595
+ /* STABLE */
14596
+ })
14592
14597
  ]),
14593
14598
  _: 1
14594
14599
  /* STABLE */
14595
- })
14596
- ]),
14597
- _: 1
14598
- /* STABLE */
14599
- })) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
14600
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 搜索输入框 "),
14601
- __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives(__WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("input", {
14602
- ref_key: "collapsedInputRef",
14603
- ref: collapsedInputRef,
14604
- class: "search-input collapsed",
14605
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
14606
- placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
14607
- onFocus: handleFocus
14608
- }, null, 40, _hoisted_3), [
14609
- [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
14610
- ]),
14611
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' 未聚焦状态下的"我"标签 '),
14612
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
14613
- "current-user-id": _ctx.currentUserId,
14614
- "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user[props2.exactSearchKey] === _ctx.currentUserId),
14615
- onClick: addCurrentUser
14616
- }, null, 8, ["current-user-id", "is-disabled"])
14600
+ })) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
14601
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 搜索输入框 "),
14602
+ __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives(__WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("input", {
14603
+ ref_key: "collapsedInputRef",
14604
+ ref: collapsedInputRef,
14605
+ class: "search-input collapsed",
14606
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
14607
+ placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
14608
+ onFocus: handleFocus
14609
+ }, null, 40, _hoisted_3), [
14610
+ [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery)]
14611
+ ]),
14612
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' 未聚焦状态下的"我"标签 '),
14613
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
14614
+ "current-user-id": _ctx.currentUserId,
14615
+ "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user[props2.exactSearchKey] === _ctx.currentUserId),
14616
+ onClick: addCurrentUser
14617
+ }, null, 8, ["current-user-id", "is-disabled"])
14618
+ ],
14619
+ 512
14620
+ /* NEED_PATCH */
14621
+ )
14617
14622
  ],
14618
- 512
14619
- /* NEED_PATCH */
14620
- )
14621
- ],
14622
- 2112
14623
- /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
14624
- )),
14625
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
14626
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
14627
- "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
14628
- "cross-axis-offset": crossAxisOffset.value,
14629
- "empty-text": _ctx.emptyText,
14630
- "is-show": showDropdown.value,
14631
- loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
14632
- options: options.value,
14633
- "render-list-item": _ctx.renderListItem,
14634
- "search-query": __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchQuery),
14635
- "tenant-id": _ctx.tenantId,
14636
- tenants: _ctx.tenants,
14637
- "user-group": userGroupFilter.value,
14638
- "user-group-name": _ctx.userGroupName,
14639
- onClickOutside: handleClickOutside,
14640
- onSelectUser: addUser
14641
- }, null, 8, ["container-width", "cross-axis-offset", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
14623
+ 2112
14624
+ /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
14625
+ ))
14626
+ ]),
14627
+ _: 1
14628
+ /* STABLE */
14629
+ }, 8, ["container-width", "cross-axis-offset", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
14642
14630
  ],
14643
14631
  2
14644
14632
  /* CLASS */
@@ -14646,7 +14634,7 @@ ${$(r2)}`), n2;
14646
14634
  };
14647
14635
  }
14648
14636
  });
14649
- const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bebe517d"]]);
14637
+ const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-69acfacb"]]);
14650
14638
  const _hoisted_1 = { class: "input-container" };
14651
14639
  const _hoisted_2 = ["placeholder"];
14652
14640
  const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
@@ -14683,7 +14671,14 @@ ${$(r2)}`), n2;
14683
14671
  const searchQuery = __WEBPACK_EXTERNAL_MODULE_vue__.ref("");
14684
14672
  const showDropdown = __WEBPACK_EXTERNAL_MODULE_vue__.ref(false);
14685
14673
  const userGroupFilter = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
14686
- return props2.userGroup.filter((group) => group.id !== selectedUser.value && !group.hidden);
14674
+ return props2.userGroup.filter((group) => {
14675
+ var _a, _b;
14676
+ const filtered = group.id !== selectedUser.value && !group.hidden;
14677
+ if (filtered) {
14678
+ return ((_a = group.id) == null ? void 0 : _a.includes(searchQuery.value)) || ((_b = group.name) == null ? void 0 : _b.includes(searchQuery.value));
14679
+ }
14680
+ return false;
14681
+ });
14687
14682
  });
14688
14683
  const selectedUserInfo = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
14689
14684
  const userGroup = (props2.userGroup || []).map((group) => ({
@@ -14707,7 +14702,9 @@ ${$(r2)}`), n2;
14707
14702
  usersList: [props2.modelValue],
14708
14703
  enableMultiTenantMode: props2.enableMultiTenantMode
14709
14704
  });
14710
- options.value = formatUsers(result).filter((user) => !props2.excludeUserIds.includes(user.id));
14705
+ options.value = formatUsers(result, props2.enableMultiTenantMode).filter(
14706
+ (user) => !props2.excludeUserIds.includes(user.id)
14707
+ );
14711
14708
  if (props2.userGroup.length > 0) {
14712
14709
  const groupResult = props2.userGroup.filter((group) => group.id == props2.modelValue);
14713
14710
  options.value = groupResult.map((group) => ({
@@ -14738,7 +14735,7 @@ ${$(r2)}`), n2;
14738
14735
  usersList: [props2.currentUserId],
14739
14736
  enableMultiTenantMode: props2.enableMultiTenantMode
14740
14737
  });
14741
- const formattedResults = formatUsers(result);
14738
+ const formattedResults = formatUsers(result, props2.enableMultiTenantMode);
14742
14739
  if (formattedResults.length > 0) {
14743
14740
  options.value = formattedResults.filter((user) => !props2.excludeUserIds.includes(user.id));
14744
14741
  addUser(formattedResults[0]);
@@ -14760,7 +14757,7 @@ ${$(r2)}`), n2;
14760
14757
  keyword,
14761
14758
  enableMultiTenantMode: props2.enableMultiTenantMode
14762
14759
  });
14763
- options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value).filter((user) => !props2.excludeUserIds.includes(user.id));
14760
+ options.value = formatUsers(result, props2.enableMultiTenantMode).filter((user) => !selectedUser.value || user.id !== selectedUser.value).filter((user) => !props2.excludeUserIds.includes(user.id));
14764
14761
  } catch (error2) {
14765
14762
  console.error("获取用户列表失败:", error2);
14766
14763
  options.value = [];
@@ -14807,39 +14804,6 @@ ${$(r2)}`), n2;
14807
14804
  class: __WEBPACK_EXTERNAL_MODULE_vue__.normalizeClass(["single-selector", { "is-disabled": _ctx.disabled }])
14808
14805
  },
14809
14806
  [
14810
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 输入框 "),
14811
- __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("div", _hoisted_1, [
14812
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 用户标签显示 "),
14813
- selectedUserInfo.value ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
14814
- key: 0,
14815
- onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(removeSelectedUser, ["stop"])
14816
- }, [
14817
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(UserTag, {
14818
- "current-tenant-id": _ctx.tenantId,
14819
- "render-tag": _ctx.renderTag,
14820
- tenants: _ctx.tenants,
14821
- user: selectedUserInfo.value,
14822
- onClose: removeSelectedUser
14823
- }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
14824
- ])) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
14825
- __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives(__WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("input", {
14826
- ref_key: "inputRef",
14827
- ref: inputRef,
14828
- class: "search-input",
14829
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
14830
- placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
14831
- onFocus: handleInputFocus,
14832
- onInput: handleInput
14833
- }, null, 40, _hoisted_2), [
14834
- [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, searchQuery.value]
14835
- ]),
14836
- __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' "我"标签 '),
14837
- __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
14838
- "current-user-id": _ctx.currentUserId,
14839
- "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
14840
- onClick: addCurrentUser
14841
- }, null, 8, ["current-user-id", "is-disabled"])
14842
- ]),
14843
14807
  __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 使用新的公共下拉选项组件 "),
14844
14808
  __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
14845
14809
  "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
@@ -14854,7 +14818,45 @@ ${$(r2)}`), n2;
14854
14818
  "user-group": userGroupFilter.value,
14855
14819
  "user-group-name": _ctx.userGroupName,
14856
14820
  onSelectUser: addUser
14857
- }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
14821
+ }, {
14822
+ default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
14823
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 输入框 "),
14824
+ __WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("div", _hoisted_1, [
14825
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 用户标签显示 "),
14826
+ selectedUserInfo.value ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
14827
+ key: 0,
14828
+ onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(removeSelectedUser, ["stop"])
14829
+ }, [
14830
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(UserTag, {
14831
+ "current-tenant-id": _ctx.tenantId,
14832
+ "render-tag": _ctx.renderTag,
14833
+ tenants: _ctx.tenants,
14834
+ user: selectedUserInfo.value,
14835
+ onClose: removeSelectedUser
14836
+ }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
14837
+ ])) : __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode("v-if", true),
14838
+ __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives(__WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("input", {
14839
+ ref_key: "inputRef",
14840
+ ref: inputRef,
14841
+ class: "search-input",
14842
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
14843
+ placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
14844
+ onFocus: handleInputFocus,
14845
+ onInput: handleInput
14846
+ }, null, 40, _hoisted_2), [
14847
+ [__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, searchQuery.value]
14848
+ ]),
14849
+ __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(' "我"标签 '),
14850
+ __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(MeTag, {
14851
+ "current-user-id": _ctx.currentUserId,
14852
+ "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
14853
+ onClick: addCurrentUser
14854
+ }, null, 8, ["current-user-id", "is-disabled"])
14855
+ ])
14856
+ ]),
14857
+ _: 1
14858
+ /* STABLE */
14859
+ }, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
14858
14860
  ],
14859
14861
  2
14860
14862
  /* CLASS */
@@ -14864,7 +14866,7 @@ ${$(r2)}`), n2;
14864
14866
  };
14865
14867
  }
14866
14868
  });
14867
- const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-67f2ee6a"]]);
14869
+ const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d52d578d"]]);
14868
14870
  const _sfc_main = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
14869
14871
  ...{
14870
14872
  name: "BkUserSelector"
@@ -14886,7 +14888,7 @@ ${$(r2)}`), n2;
14886
14888
  renderListItem: {},
14887
14889
  renderTag: {},
14888
14890
  excludeUserIds: { default: () => [] },
14889
- enableMultiTenantMode: { type: Boolean, default: false }
14891
+ enableMultiTenantMode: { type: Boolean, default: true }
14890
14892
  },
14891
14893
  emits: ["update:modelValue", "change"],
14892
14894
  setup(__props, { emit: __emit }) {
@@ -14895,7 +14897,7 @@ ${$(r2)}`), n2;
14895
14897
  });
14896
14898
  const props2 = __props;
14897
14899
  const emit = __emit;
14898
- const { tenants = {} } = useTenantData(props2.apiBaseUrl, props2.tenantId);
14900
+ const { tenants = {} } = useTenantData(props2.apiBaseUrl, props2.tenantId, props2.enableMultiTenantMode);
14899
14901
  const selectedUsers = __WEBPACK_EXTERNAL_MODULE_vue__.ref([]);
14900
14902
  const selectedUser = __WEBPACK_EXTERNAL_MODULE_vue__.ref(props2.multiple ? "" : props2.modelValue);
14901
14903
  const selectedUserIds = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => {
@@ -14922,7 +14924,8 @@ ${$(r2)}`), n2;
14922
14924
  usersList: ids,
14923
14925
  enableMultiTenantMode: props2.enableMultiTenantMode
14924
14926
  });
14925
- selectedUsers.value = [...selected, ...formatUsers(result)];
14927
+ const selectedList = [...selected, ...formatUsers(result, props2.enableMultiTenantMode)];
14928
+ selectedUsers.value = ids.map((id) => selectedList.find((user) => user.id === id)).filter(Boolean);
14926
14929
  } catch (error2) {
14927
14930
  console.error("获取选中用户信息失败:", error2);
14928
14931
  }
@@ -15029,7 +15032,7 @@ ${$(r2)}`), n2;
15029
15032
  };
15030
15033
  }
15031
15034
  });
15032
- const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30b84150"]]);
15035
+ const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02466e5e"]]);
15033
15036
  exports.BkUserSelector = BkUserSelector;
15034
15037
  exports.default = BkUserSelector;
15035
15038
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });