npm - @blueking/bk-user-selector - Versions diffs - 0.0.29-beta.1 → 0.0.29-beta.10 - Mend

@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

package/README.md +19 -18
package/package.json +1 -1
package/typings/api/user.d.ts +1 -1
package/typings/components/selection-popover.vue.d.ts +23 -1
package/typings/hooks/use-jsonp.d.ts +2 -0
package/typings/hooks/useTenantData.d.ts +2 -1
package/typings/hooks/useUserSearch.d.ts +1 -1
package/vue2/index.es.min.js +296 -293
package/vue2/index.iife.min.js +337 -301
package/vue2/index.umd.min.js +296 -293
package/vue2/vue2.css +25 -25
package/vue3/index.es.min.js +296 -293
package/vue3/index.iife.min.js +296 -293
package/vue3/index.umd.min.js +296 -293
package/vue3/vue3.css +25 -25

package/vue2/index.iife.min.js CHANGED Viewed

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      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}"));
+      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}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -316,11 +316,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
   function getCurrentScope() {
     return activeEffectScope;
   }
-  function onScopeDispose(fn, failSilently = false) {
-    if (activeEffectScope) {
-      activeEffectScope.cleanups.push(fn);
-    }
-  }
   let activeSub;
   const pausedQueueEffects = /* @__PURE__ */ new WeakSet();
   class ReactiveEffect {
@@ -2709,6 +2704,47 @@ var lesscodeCustomComponentLibrary = function(exports) {
     }
     return ret;
   }
+  function renderSlot(slots, name, props2 = {}, fallback, noSlotted) {
+    if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
+      return openBlock(), createBlock(
+        Fragment,
+        null,
+        [createVNode("slot", props2, fallback)],
+        64
+      );
+    }
+    let slot = slots[name];
+    if (slot && slot._c) {
+      slot._d = false;
+    }
+    openBlock();
+    const validSlotContent = slot && ensureValidVNode(slot(props2));
+    const slotKey = props2.key || // slot content array of a dynamic conditional slot may have a branch
+    // key attached in the `createSlots` helper, respect that
+    validSlotContent && validSlotContent.key;
+    const rendered = createBlock(
+      Fragment,
+      {
+        key: (slotKey && !isSymbol$3(slotKey) ? slotKey : `_${name}`) + // #7256 force differentiate fallback content from actual content
+        (!validSlotContent && fallback ? "_fb" : "")
+      },
+      validSlotContent || [],
+      validSlotContent && slots._ === 1 ? 64 : -2
+    );
+    if (slot && slot._c) {
+      slot._d = true;
+    }
+    return rendered;
+  }
+  function ensureValidVNode(vnodes) {
+    return vnodes.some((child) => {
+      if (!isVNode(child)) return true;
+      if (child.type === Comment) return false;
+      if (child.type === Fragment && !ensureValidVNode(child.children))
+        return false;
+      return true;
+    }) ? vnodes : null;
+  }
   const getPublicInstance = (i2) => {
     if (!i2) return null;
     if (isStatefulComponent(i2)) return getComponentPublicInstance(i2);
@@ -5053,9 +5089,6 @@ var lesscodeCustomComponentLibrary = function(exports) {
       return ctx;
     }
   };
-  function watchEffect(effect2, options) {
-    return doWatch(effect2, null, options);
-  }
   function watch(source, cb, options) {
     return doWatch(source, cb, options);
   }
@@ -17303,10 +17336,15 @@ ${$(r2)}`), n2;
   const jsonpRequest = (requestUrl, options = {}) => {
     return new Promise((resolve2, reject) => {
       const url = unref(requestUrl);
-      const { timeout = 1e3 * 60 * 2, params } = options;
+      const { timeout = 1e3 * 60 * 2, params, withCredentials = true } = options;
       const callbackName = generateCallbackName();
       const script = document.createElement("script");
       let timeoutId;
+      if (withCredentials) {
+        script.crossOrigin = "use-credentials";
+      } else {
+        script.crossOrigin = "anonymous";
+      }
       const cleanup = () => {
         if (timeoutId) {
           clearTimeout(timeoutId);
@@ -17320,7 +17358,7 @@ ${$(r2)}`), n2;
       };
       window[callbackName] = (data2) => {
         cleanup();
-        resolve2(data2);
+        resolve2(data2.data || data2);
       };
       timeoutId = setTimeout(() => {
         cleanup();
@@ -17336,48 +17374,6 @@ ${$(r2)}`), n2;
       document.head.appendChild(script);
     });
   };
-  const useJSONP = (url, options = {}) => {
-    const data2 = shallowRef(null);
-    const loading2 = shallowRef(false);
-    const error2 = shallowRef(null);
-    let abortFlag = false;
-    const executeRequest = async (requestUrl) => {
-      if (!requestUrl) return;
-      loading2.value = true;
-      error2.value = null;
-      abortFlag = false;
-      try {
-        const result = await jsonpRequest(requestUrl, options);
-        if (!abortFlag) {
-          data2.value = result;
-        }
-      } catch (err) {
-        if (!abortFlag) {
-          const errorObj = err instanceof Error ? err : new Error(String(err));
-          error2.value = errorObj;
-        }
-      } finally {
-        if (!abortFlag) {
-          loading2.value = false;
-        }
-      }
-    };
-    const stopWatcher = watchEffect(() => {
-      executeRequest(unref(url));
-    });
-    onScopeDispose(() => {
-      abortFlag = true;
-      stopWatcher();
-    });
-    return {
-      data: data2,
-      loading: loading2,
-      error: error2,
-      refetch: () => {
-        executeRequest(unref(url));
-      }
-    };
-  };
   const getTenants = async (apiBaseUrl, tenantId) => {
     if (!apiBaseUrl || !tenantId) {
       console.warn("获取租户信息需要提供有效的apiBaseUrl和租户ID");
@@ -17404,7 +17400,7 @@ ${$(r2)}`), n2;
   };
   const searchUsers = async (params) => {
     const { apiBaseUrl, tenantId, keyword, enableMultiTenantMode = true } = params;
-    if (enableMultiTenantMode) {
+    if (!enableMultiTenantMode) {
       const userList = await getUserList(apiBaseUrl, {
         keyword,
         pageSize: 100,
@@ -17440,13 +17436,13 @@ ${$(r2)}`), n2;
   const lookupUsers = async (params) => {
     const { apiBaseUrl, tenantId, exactSearchKey = "bk_username", usersList = [], enableMultiTenantMode = true } = params;
     const users = usersList.filter((user) => user).map((user) => user.trim());
-    if (enableMultiTenantMode) {
+    if (!enableMultiTenantMode) {
       const userList = await getUserList(apiBaseUrl, {
         userIds: users
       }).catch(() => {
         return [];
       });
-      return userList;
+      return users.map((user) => userList.find((u2) => u2.username === user)).filter(Boolean);
     }
     if (users.length === 0 || !apiBaseUrl || !tenantId) {
       console.warn("批量查找用户需要提供有效的apiBaseUrl、租户ID和至少一个用户名");
@@ -17471,18 +17467,26 @@ ${$(r2)}`), n2;
       return [];
     }
   };
-  const formatUsers = (users) => {
+  const formatUsers = (users, enableMultiTenantMode = true) => {
     if (!users || !Array.isArray(users)) return [];
+    if (!enableMultiTenantMode) {
+      return users.map((user) => ({
+        ...user,
+        id: user.username,
+        name: `${user.display_name}(${user.username})`,
+        tenantId: user.owner_tenant_id
+      }));
+    }
     return users.map((user) => ({
-      id: user.bk_username || user.username,
+      id: user.bk_username,
       name: user.display_name,
       tenantId: user.owner_tenant_id,
       ...user
     }));
   };
   const getUserList = async (url, params) => {
-    const { userIds, keyword, pageSize, page, appCode } = params;
-    const { data: userList } = await useJSONP(url, {
+    const { userIds, keyword, pageSize = 20, page, appCode } = params;
+    const data2 = await jsonpRequest(url, {
       params: {
         exact_lookups: (userIds == null ? void 0 : userIds.join(",")) || void 0,
         fuzzy_lookups: keyword || void 0,
@@ -17491,9 +17495,9 @@ ${$(r2)}`), n2;
         app_code: appCode || "bk-magicbox"
       }
     });
-    return userList.value || [];
+    return (data2 == null ? void 0 : data2.results) || [];
   };
-  const useTenantData = (apiBaseUrl, tenantId) => {
+  const useTenantData = (apiBaseUrl, tenantId, enableMultiTenantMode = true) => {
     const tenants = ref({});
     const loading2 = ref(false);
     const fetchTenants = async () => {
@@ -17518,7 +17522,9 @@ ${$(r2)}`), n2;
       }
     };
     onBeforeMount(() => {
-      fetchTenants();
+      if (enableMultiTenantMode) {
+        fetchTenants();
+      }
     });
     return {
       tenants,
@@ -20320,7 +20326,7 @@ ${$(r2)}`), n2;
     }
     return Math.max(1, visibleCount);
   };
-  const useUserSearch = (apiBaseUrl, tenantId) => {
+  const useUserSearch = (apiBaseUrl, tenantId, enableMultiTenantMode = true) => {
     const searchResults = ref([]);
     const loading2 = ref(false);
     const searchQuery = ref("");
@@ -20329,7 +20335,7 @@ ${$(r2)}`), n2;
         searchResults.value = [];
         return;
       }
-      if (!apiBaseUrl || !tenantId) {
+      if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
         console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
         return;
       }
@@ -20339,9 +20345,9 @@ ${$(r2)}`), n2;
           apiBaseUrl,
           tenantId,
           keyword,
-          enableMultiTenantMode: true
+          enableMultiTenantMode
         });
-        searchResults.value = formatUsers(results);
+        searchResults.value = formatUsers(results, enableMultiTenantMode);
       } catch (error2) {
         console.error("用户搜索失败:", error2);
         searchResults.value = [];
@@ -20683,13 +20689,16 @@ ${$(r2)}`), n2;
               /* STABLE */
             }, 8, ["loading"])
           ]),
-          _: 1
-          /* STABLE */
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          _: 3
+          /* FORWARDED */
         }, 8, ["is-show", "offset", "width"]);
       };
     }
   });
-  const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a4132257"]]);
+  const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6380faf5"]]);
   const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     ...{
       name: "UserTag"
@@ -20773,7 +20782,7 @@ ${$(r2)}`), n2;
         searchQuery,
         // clearSearch,
         handleSearchInput
-      } = useUserSearch(props2.apiBaseUrl, props2.tenantId);
+      } = useUserSearch(props2.apiBaseUrl, props2.tenantId, props2.enableMultiTenantMode);
       const containerRef = ref(null);
       const tagsContainerRef = ref(null);
       const sortableContainerRef = ref(null);
@@ -20791,7 +20800,14 @@ ${$(r2)}`), n2;
         return searchResults.value.filter((user) => !props2.selectedUsers.some((selectedUser) => selectedUser.id === user.id)).filter((user) => !props2.excludeUserIds.includes(user.id));
       });
       const userGroupFilter = computed(() => {
-        return props2.userGroup.filter((group) => !props2.selectedUsers.some((user) => user.id === group.id) && !group.hidden);
+        return props2.userGroup.filter((group) => {
+          var _a, _b;
+          const filtered = !props2.selectedUsers.some((user) => user.id === group.id) && !group.hidden;
+          if (filtered) {
+            return ((_a = group.id) == null ? void 0 : _a.includes(searchQuery.value)) || ((_b = group.name) == null ? void 0 : _b.includes(searchQuery.value));
+          }
+          return false;
+        });
       });
       const initSortable = () => {
         if (!props2.draggable || !sortableContainerRef.value) return;
@@ -20900,7 +20916,7 @@ ${$(r2)}`), n2;
             usersList: [props2.currentUserId],
             enableMultiTenantMode: props2.enableMultiTenantMode
           });
-          const formattedUsers = formatUsers(result);
+          const formattedUsers = formatUsers(result, props2.enableMultiTenantMode);
           if (formattedUsers.length > 0) {
             if (!props2.selectedUsers.some((item) => item.id === formattedUsers[0].id)) {
               emit2("update:selectedUsers", [...props2.selectedUsers, formattedUsers[0]]);
@@ -20928,7 +20944,7 @@ ${$(r2)}`), n2;
               usersList: users,
               enableMultiTenantMode: props2.enableMultiTenantMode
             });
-            const formattedUsers = formatUsers(result);
+            const formattedUsers = formatUsers(result, props2.enableMultiTenantMode);
             if (formattedUsers.length > 0) {
               const updatedUsers = [...props2.selectedUsers, ...formattedUsers];
               emit2("update:selectedUsers", updatedUsers);
@@ -21031,210 +21047,215 @@ ${$(r2)}`), n2;
             class: normalizeClass(["multiple-selector", { "is-disabled": _ctx.disabled }])
           },
           [
-            createCommentVNode(" 聚焦状态 - 可编辑模式 "),
-            isFocused.value ? (openBlock(), createElementBlock(
-              "div",
-              {
-                key: 0,
-                ref_key: "tagsContainerRef",
-                ref: tagsContainerRef,
-                class: "tags-container focused",
-                onClick: withModifiers(handleContainerClick, ["stop"])
-              },
-              [
-                createCommentVNode(" 用户标签列表 "),
-                createBaseVNode(
+            createCommentVNode(" 下拉选项列表 "),
+            createVNode(SelectionPopover, {
+              "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
+              "cross-axis-offset": crossAxisOffset.value,
+              "empty-text": _ctx.emptyText,
+              "is-show": showDropdown.value,
+              loading: unref(searchLoading),
+              options: options.value,
+              "render-list-item": _ctx.renderListItem,
+              "search-query": unref(searchQuery),
+              "tenant-id": _ctx.tenantId,
+              tenants: _ctx.tenants,
+              "user-group": userGroupFilter.value,
+              "user-group-name": _ctx.userGroupName,
+              onClickOutside: handleClickOutside,
+              onSelectUser: addUser
+            }, {
+              default: withCtx(() => [
+                createCommentVNode(" 聚焦状态 - 可编辑模式 "),
+                isFocused.value ? (openBlock(), createElementBlock(
                   "div",
                   {
-                    ref_key: "sortableContainerRef",
-                    ref: sortableContainerRef,
-                    class: "tag-list"
+                    key: 0,
+                    ref_key: "tagsContainerRef",
+                    ref: tagsContainerRef,
+                    class: "tags-container focused",
+                    onClick: withModifiers(handleContainerClick, ["stop"])
                   },
                   [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(_ctx.selectedUsers, (user, index) => {
-                        return openBlock(), createElementBlock("div", {
-                          class: "tag-wrapper",
-                          key: user.id,
-                          onClick: withModifiers(($event) => handleTagClick(index), ["stop"])
-                        }, [
-                          createVNode(UserTag, {
-                            active: index === activeTagIndex.value,
-                            "current-tenant-id": _ctx.tenantId,
-                            draggable: _ctx.draggable,
-                            "render-tag": _ctx.renderTag,
-                            tenants: _ctx.tenants,
-                            user,
-                            onClick: ($event) => handleTagClick(index),
-                            onClose: ($event) => removeUser(user)
-                          }, null, 8, ["active", "current-tenant-id", "draggable", "render-tag", "tenants", "user", "onClick", "onClose"]),
-                          createCommentVNode(" 在当前激活标签后插入输入框 "),
-                          index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock(
-                            "input",
-                            {
-                              key: 0,
-                              ref_for: true,
-                              ref_key: "inlineInputRef",
-                              ref: inlineInputRef,
-                              class: "search-input inline",
-                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
-                              onFocus: handleInputFocus,
-                              onInput: handleInput,
-                              onKeydown: handleKeyDown,
-                              onPaste: handlePaste
-                            },
-                            null,
-                            544
-                            /* NEED_HYDRATION, NEED_PATCH */
-                          )), [
-                            [vModelText, unref(searchQuery)]
-                          ]) : createCommentVNode("v-if", true)
-                        ], 8, _hoisted_1$1);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    )),
-                    createCommentVNode(" 最后一个输入框 "),
-                    activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock("input", {
-                      key: 0,
-                      ref_key: "lastInputRef",
-                      ref: lastInputRef,
-                      class: "search-input last",
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
-                      placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
-                      onFocus: handleInputFocus,
-                      onInput: handleInput,
-                      onKeydown: handleKeyDown,
-                      onPaste: handlePaste
-                    }, null, 40, _hoisted_2$1)), [
-                      [vModelText, unref(searchQuery)]
-                    ]) : createCommentVNode("v-if", true),
-                    createCommentVNode(' "我"标签 '),
-                    createVNode(MeTag, {
-                      "current-user-id": _ctx.currentUserId,
-                      "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user.id === _ctx.currentUserId),
-                      onClick: addCurrentUser
-                    }, null, 8, ["current-user-id", "is-disabled"])
+                    createCommentVNode(" 用户标签列表 "),
+                    createBaseVNode(
+                      "div",
+                      {
+                        ref_key: "sortableContainerRef",
+                        ref: sortableContainerRef,
+                        class: "tag-list"
+                      },
+                      [
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(_ctx.selectedUsers, (user, index) => {
+                            return openBlock(), createElementBlock("div", {
+                              class: "tag-wrapper",
+                              key: user.id,
+                              onClick: withModifiers(($event) => handleTagClick(index), ["stop"])
+                            }, [
+                              createVNode(UserTag, {
+                                active: index === activeTagIndex.value,
+                                "current-tenant-id": _ctx.tenantId,
+                                draggable: _ctx.draggable,
+                                "render-tag": _ctx.renderTag,
+                                tenants: _ctx.tenants,
+                                user,
+                                onClick: ($event) => handleTagClick(index),
+                                onClose: ($event) => removeUser(user)
+                              }, null, 8, ["active", "current-tenant-id", "draggable", "render-tag", "tenants", "user", "onClick", "onClose"]),
+                              createCommentVNode(" 在当前激活标签后插入输入框 "),
+                              index === activeTagIndex.value && activeTagIndex.value !== _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock(
+                                "input",
+                                {
+                                  key: 0,
+                                  ref_for: true,
+                                  ref_key: "inlineInputRef",
+                                  ref: inlineInputRef,
+                                  class: "search-input inline",
+                                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
+                                  onFocus: handleInputFocus,
+                                  onInput: handleInput,
+                                  onKeydown: handleKeyDown,
+                                  onPaste: handlePaste
+                                },
+                                null,
+                                544
+                                /* NEED_HYDRATION, NEED_PATCH */
+                              )), [
+                                [vModelText, unref(searchQuery)]
+                              ]) : createCommentVNode("v-if", true)
+                            ], 8, _hoisted_1$1);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        createCommentVNode(" 最后一个输入框 "),
+                        activeTagIndex.value === -1 || activeTagIndex.value === _ctx.selectedUsers.length - 1 ? withDirectives((openBlock(), createElementBlock("input", {
+                          key: 0,
+                          ref_key: "lastInputRef",
+                          ref: lastInputRef,
+                          class: "search-input last",
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
+                          placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
+                          onFocus: handleInputFocus,
+                          onInput: handleInput,
+                          onKeydown: handleKeyDown,
+                          onPaste: handlePaste
+                        }, null, 40, _hoisted_2$1)), [
+                          [vModelText, unref(searchQuery)]
+                        ]) : createCommentVNode("v-if", true),
+                        createCommentVNode(' "我"标签 '),
+                        createVNode(MeTag, {
+                          "current-user-id": _ctx.currentUserId,
+                          "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user.id === _ctx.currentUserId),
+                          onClick: addCurrentUser
+                        }, null, 8, ["current-user-id", "is-disabled"])
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    )
                   ],
                   512
                   /* NEED_PATCH */
-                )
-              ],
-              512
-              /* NEED_PATCH */
-            )) : (openBlock(), createElementBlock(
-              Fragment,
-              { key: 1 },
-              [
-                createCommentVNode(" 未聚焦状态 - 只读展示模式 "),
-                createBaseVNode(
-                  "div",
-                  {
-                    ref_key: "collapsedContainerRef",
-                    ref: collapsedContainerRef,
-                    class: "tags-container collapsed",
-                    onClick: withModifiers(handleFocus, ["stop"])
-                  },
+                )) : (openBlock(), createElementBlock(
+                  Fragment,
+                  { key: 1 },
                   [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(visibleUsers.value, (user) => {
-                        return openBlock(), createBlock(UserTag, {
-                          "current-tenant-id": _ctx.tenantId,
-                          key: user.id,
-                          "render-tag": _ctx.renderTag,
-                          "show-tenant": true,
-                          tenants: _ctx.tenants,
-                          user,
-                          onClick: handleFocus,
-                          onClose: ($event) => removeUser(user)
-                        }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user", "onClose"]);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    )),
-                    createCommentVNode(" 显示折叠标签数量 "),
-                    hiddenCount.value > 0 ? (openBlock(), createBlock(unref(__webpack_exports__default$1), {
-                      key: 0,
-                      placement: "top"
-                    }, {
-                      content: withCtx(() => [
+                    createCommentVNode(" 未聚焦状态 - 只读展示模式 "),
+                    createBaseVNode(
+                      "div",
+                      {
+                        ref_key: "collapsedContainerRef",
+                        ref: collapsedContainerRef,
+                        class: "tags-container collapsed",
+                        onClick: withModifiers(handleFocus, ["stop"])
+                      },
+                      [
                         (openBlock(true), createElementBlock(
                           Fragment,
                           null,
-                          renderList(_ctx.selectedUsers.slice(visibleUsers.value.length), (user) => {
-                            return openBlock(), createBlock(unref(UserRender), {
+                          renderList(visibleUsers.value, (user) => {
+                            return openBlock(), createBlock(UserTag, {
+                              "current-tenant-id": _ctx.tenantId,
                               key: user.id,
-                              "tenant-id": _ctx.tenantId,
+                              "render-tag": _ctx.renderTag,
+                              "show-tenant": true,
                               tenants: _ctx.tenants,
-                              user
-                            }, null, 8, ["tenant-id", "tenants", "user"]);
+                              user,
+                              onClick: handleFocus,
+                              onClose: ($event) => removeUser(user)
+                            }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user", "onClose"]);
                           }),
                           128
                           /* KEYED_FRAGMENT */
-                        ))
-                      ]),
-                      default: withCtx(() => [
-                        createVNode(unref(__webpack_exports__default), null, {
+                        )),
+                        createCommentVNode(" 显示折叠标签数量 "),
+                        hiddenCount.value > 0 ? (openBlock(), createBlock(unref(__webpack_exports__default$1), {
+                          key: 0,
+                          placement: "top"
+                        }, {
+                          content: withCtx(() => [
+                            (openBlock(true), createElementBlock(
+                              Fragment,
+                              null,
+                              renderList(_ctx.selectedUsers.slice(visibleUsers.value.length), (user) => {
+                                return openBlock(), createBlock(unref(UserRender), {
+                                  key: user.id,
+                                  "tenant-id": _ctx.tenantId,
+                                  tenants: _ctx.tenants,
+                                  user
+                                }, null, 8, ["tenant-id", "tenants", "user"]);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ]),
                           default: withCtx(() => [
-                            createTextVNode(
-                              " +" + toDisplayString(hiddenCount.value),
-                              1
-                              /* TEXT */
-                            )
+                            createVNode(unref(__webpack_exports__default), null, {
+                              default: withCtx(() => [
+                                createTextVNode(
+                                  " +" + toDisplayString(hiddenCount.value),
+                                  1
+                                  /* TEXT */
+                                )
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })
                           ]),
                           _: 1
                           /* STABLE */
-                        })
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })) : createCommentVNode("v-if", true),
-                    createCommentVNode(" 搜索输入框 "),
-                    withDirectives(createBaseVNode("input", {
-                      ref_key: "collapsedInputRef",
-                      ref: collapsedInputRef,
-                      class: "search-input collapsed",
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
-                      placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
-                      onFocus: handleFocus
-                    }, null, 40, _hoisted_3), [
-                      [vModelText, unref(searchQuery)]
-                    ]),
-                    createCommentVNode(' 未聚焦状态下的"我"标签 '),
-                    createVNode(MeTag, {
-                      "current-user-id": _ctx.currentUserId,
-                      "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user[props2.exactSearchKey] === _ctx.currentUserId),
-                      onClick: addCurrentUser
-                    }, null, 8, ["current-user-id", "is-disabled"])
+                        })) : createCommentVNode("v-if", true),
+                        createCommentVNode(" 搜索输入框 "),
+                        withDirectives(createBaseVNode("input", {
+                          ref_key: "collapsedInputRef",
+                          ref: collapsedInputRef,
+                          class: "search-input collapsed",
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(searchQuery) ? searchQuery.value = $event : null),
+                          placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
+                          onFocus: handleFocus
+                        }, null, 40, _hoisted_3), [
+                          [vModelText, unref(searchQuery)]
+                        ]),
+                        createCommentVNode(' 未聚焦状态下的"我"标签 '),
+                        createVNode(MeTag, {
+                          "current-user-id": _ctx.currentUserId,
+                          "is-disabled": !!_ctx.currentUserId && _ctx.selectedUsers.some((user) => user[props2.exactSearchKey] === _ctx.currentUserId),
+                          onClick: addCurrentUser
+                        }, null, 8, ["current-user-id", "is-disabled"])
+                      ],
+                      512
+                      /* NEED_PATCH */
+                    )
                   ],
-                  512
-                  /* NEED_PATCH */
-                )
-              ],
-              2112
-              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            )),
-            createCommentVNode(" 下拉选项列表 "),
-            createVNode(SelectionPopover, {
-              "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
-              "cross-axis-offset": crossAxisOffset.value,
-              "empty-text": _ctx.emptyText,
-              "is-show": showDropdown.value,
-              loading: unref(searchLoading),
-              options: options.value,
-              "render-list-item": _ctx.renderListItem,
-              "search-query": unref(searchQuery),
-              "tenant-id": _ctx.tenantId,
-              tenants: _ctx.tenants,
-              "user-group": userGroupFilter.value,
-              "user-group-name": _ctx.userGroupName,
-              onClickOutside: handleClickOutside,
-              onSelectUser: addUser
-            }, 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"])
+                  2112
+                  /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 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"])
           ],
           2
           /* CLASS */
@@ -21242,7 +21263,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bebe517d"]]);
+  const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-69acfacb"]]);
   const _hoisted_1 = { class: "input-container" };
   const _hoisted_2 = ["placeholder"];
   const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -21279,7 +21300,14 @@ ${$(r2)}`), n2;
       const searchQuery = ref("");
       const showDropdown = ref(false);
       const userGroupFilter = computed(() => {
-        return props2.userGroup.filter((group) => group.id !== selectedUser.value && !group.hidden);
+        return props2.userGroup.filter((group) => {
+          var _a, _b;
+          const filtered = group.id !== selectedUser.value && !group.hidden;
+          if (filtered) {
+            return ((_a = group.id) == null ? void 0 : _a.includes(searchQuery.value)) || ((_b = group.name) == null ? void 0 : _b.includes(searchQuery.value));
+          }
+          return false;
+        });
       });
       const selectedUserInfo = computed(() => {
         const userGroup = (props2.userGroup || []).map((group) => ({
@@ -21303,7 +21331,9 @@ ${$(r2)}`), n2;
               usersList: [props2.modelValue],
               enableMultiTenantMode: props2.enableMultiTenantMode
             });
-            options.value = formatUsers(result).filter((user) => !props2.excludeUserIds.includes(user.id));
+            options.value = formatUsers(result, props2.enableMultiTenantMode).filter(
+              (user) => !props2.excludeUserIds.includes(user.id)
+            );
             if (props2.userGroup.length > 0) {
               const groupResult = props2.userGroup.filter((group) => group.id == props2.modelValue);
               options.value = groupResult.map((group) => ({
@@ -21334,7 +21364,7 @@ ${$(r2)}`), n2;
             usersList: [props2.currentUserId],
             enableMultiTenantMode: props2.enableMultiTenantMode
           });
-          const formattedResults = formatUsers(result);
+          const formattedResults = formatUsers(result, props2.enableMultiTenantMode);
           if (formattedResults.length > 0) {
             options.value = formattedResults.filter((user) => !props2.excludeUserIds.includes(user.id));
             addUser(formattedResults[0]);
@@ -21356,7 +21386,7 @@ ${$(r2)}`), n2;
             keyword,
             enableMultiTenantMode: props2.enableMultiTenantMode
           });
-          options.value = formatUsers(result).filter((user) => !selectedUser.value || user.id !== selectedUser.value).filter((user) => !props2.excludeUserIds.includes(user.id));
+          options.value = formatUsers(result, props2.enableMultiTenantMode).filter((user) => !selectedUser.value || user.id !== selectedUser.value).filter((user) => !props2.excludeUserIds.includes(user.id));
         } catch (error2) {
           console.error("获取用户列表失败:", error2);
           options.value = [];
@@ -21403,39 +21433,6 @@ ${$(r2)}`), n2;
             class: normalizeClass(["single-selector", { "is-disabled": _ctx.disabled }])
           },
           [
-            createCommentVNode(" 输入框 "),
-            createBaseVNode("div", _hoisted_1, [
-              createCommentVNode(" 用户标签显示 "),
-              selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                onClick: withModifiers(removeSelectedUser, ["stop"])
-              }, [
-                createVNode(UserTag, {
-                  "current-tenant-id": _ctx.tenantId,
-                  "render-tag": _ctx.renderTag,
-                  tenants: _ctx.tenants,
-                  user: selectedUserInfo.value,
-                  onClose: removeSelectedUser
-                }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
-              ])) : createCommentVNode("v-if", true),
-              withDirectives(createBaseVNode("input", {
-                ref_key: "inputRef",
-                ref: inputRef,
-                class: "search-input",
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-                placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
-                onFocus: handleInputFocus,
-                onInput: handleInput
-              }, null, 40, _hoisted_2), [
-                [vModelText, searchQuery.value]
-              ]),
-              createCommentVNode(' "我"标签 '),
-              createVNode(MeTag, {
-                "current-user-id": _ctx.currentUserId,
-                "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
-                onClick: addCurrentUser
-              }, null, 8, ["current-user-id", "is-disabled"])
-            ]),
             createCommentVNode(" 使用新的公共下拉选项组件 "),
             createVNode(SelectionPopover, {
               "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
@@ -21450,7 +21447,45 @@ ${$(r2)}`), n2;
               "user-group": userGroupFilter.value,
               "user-group-name": _ctx.userGroupName,
               onSelectUser: addUser
-            }, null, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
+            }, {
+              default: withCtx(() => [
+                createCommentVNode(" 输入框 "),
+                createBaseVNode("div", _hoisted_1, [
+                  createCommentVNode(" 用户标签显示 "),
+                  selectedUserInfo.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    onClick: withModifiers(removeSelectedUser, ["stop"])
+                  }, [
+                    createVNode(UserTag, {
+                      "current-tenant-id": _ctx.tenantId,
+                      "render-tag": _ctx.renderTag,
+                      tenants: _ctx.tenants,
+                      user: selectedUserInfo.value,
+                      onClose: removeSelectedUser
+                    }, null, 8, ["current-tenant-id", "render-tag", "tenants", "user"])
+                  ])) : createCommentVNode("v-if", true),
+                  withDirectives(createBaseVNode("input", {
+                    ref_key: "inputRef",
+                    ref: inputRef,
+                    class: "search-input",
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+                    placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
+                    onFocus: handleInputFocus,
+                    onInput: handleInput
+                  }, null, 40, _hoisted_2), [
+                    [vModelText, searchQuery.value]
+                  ]),
+                  createCommentVNode(' "我"标签 '),
+                  createVNode(MeTag, {
+                    "current-user-id": _ctx.currentUserId,
+                    "is-disabled": !!_ctx.currentUserId && !!selectedUserInfo.value && selectedUserInfo.value[_ctx.exactSearchKey] === _ctx.currentUserId,
+                    onClick: addCurrentUser
+                  }, null, 8, ["current-user-id", "is-disabled"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
           ],
           2
           /* CLASS */
@@ -21460,7 +21495,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-67f2ee6a"]]);
+  const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d52d578d"]]);
   const _sfc_main = /* @__PURE__ */ defineComponent({
     ...{
       name: "BkUserSelector"
@@ -21482,7 +21517,7 @@ ${$(r2)}`), n2;
       renderListItem: {},
       renderTag: {},
       excludeUserIds: { default: () => [] },
-      enableMultiTenantMode: { type: Boolean, default: false }
+      enableMultiTenantMode: { type: Boolean, default: true }
     },
     emits: ["update:modelValue", "change"],
     setup(__props, { emit: __emit }) {
@@ -21491,7 +21526,7 @@ ${$(r2)}`), n2;
       });
       const props2 = __props;
       const emit2 = __emit;
-      const { tenants = {} } = useTenantData(props2.apiBaseUrl, props2.tenantId);
+      const { tenants = {} } = useTenantData(props2.apiBaseUrl, props2.tenantId, props2.enableMultiTenantMode);
       const selectedUsers = ref([]);
       const selectedUser = ref(props2.multiple ? "" : props2.modelValue);
       const selectedUserIds = computed(() => {
@@ -21518,7 +21553,8 @@ ${$(r2)}`), n2;
                 usersList: ids,
                 enableMultiTenantMode: props2.enableMultiTenantMode
               });
-              selectedUsers.value = [...selected, ...formatUsers(result)];
+              const selectedList = [...selected, ...formatUsers(result, props2.enableMultiTenantMode)];
+              selectedUsers.value = ids.map((id) => selectedList.find((user) => user.id === id)).filter(Boolean);
             } catch (error2) {
               console.error("获取选中用户信息失败:", error2);
             }
@@ -21625,7 +21661,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30b84150"]]);
+  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02466e5e"]]);
   const vue2 = {
     model: {
       prop: "modelValue",