npm - @blueking/bk-user-selector - Versions diffs - 0.1.0 → 0.1.1-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md +2 -0
package/package.json +1 -1
package/typings/components/selection-popover.vue.d.ts +6 -0
package/typings/components/user-render.d.ts +20 -1
package/typings/components/user-selector.vue.d.ts +2 -0
package/typings/components/user-tag.vue.d.ts +16 -0
package/typings/types/index.d.ts +10 -0
package/vue2/index.es.min.js +392 -81
package/vue2/index.iife.min.js +397 -109
package/vue2/index.umd.min.js +392 -81
package/vue2/vue2.css +24 -24
package/vue3/index.es.min.js +87 -22
package/vue3/index.iife.min.js +392 -81
package/vue3/index.umd.min.js +88 -23
package/vue3/vue3.css +24 -24

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

@@ -3,7 +3,7 @@
 })(this, function(exports2, __WEBPACK_EXTERNAL_MODULE_vue__) {
   "use strict";
   var __vite_style__ = document.createElement("style");
-  __vite_style__.textContent = ".scroll-bar-style::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n* {\n  box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n  /* 1 */\n  display: inline-block;\n  /* 2 */\n  vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n  display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n  outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n  border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n  margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n  height: 0;\n  box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n *    Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  /* 3 */\n  margin: 0;\n  /* 2 */\n  font: inherit;\n  /* 1 */\n  color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n  overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n  text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  /* 3 */\n  cursor: pointer;\n  /* 2 */\n  appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n  line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n  display: none;\n}\ninput[type='text']::-ms-clear {\n  display: none;\n}\ninput[type='text']::-ms-reveal {\n  display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n  /* 2 */\n  box-sizing: content-box;\n  /* 1 */\n  appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n  padding: 0.35em 0.625em 0.75em;\n  margin: 0 2px;\n  border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n  overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n  font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n  overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n  overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.6);\n  }\n}\n@keyframes fade {\n  100% {\n    background-color: transparent;\n  }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n  opacity: 0;\n}\n.clearfix-style::after {\n  display: block;\n  height: 0;\n  clear: both;\n  font-size: 0;\n  content: '';\n  visibility: hidden;\n}\n.bk-user-selector-popper {\n  display: none;\n  padding: 7px 14px;\n  font-size: 12px;\n  color: #fff;\n  background: #333;\n  border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n  color: #63656e;\n  background: #fff;\n  box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n  visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n  content: '';\n  visibility: visible;\n  transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n  display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n  bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n  top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n  right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n  left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n  position: static;\n  vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n  display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n  width: 100%;\n  height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n  position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n  display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 11;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  margin-right: 10px;\n  border-radius: 50%;\n  transform: scale(0.6);\n  animation-duration: 0.8s;\n  animation-iteration-count: infinite;\n  animation-name: loading-scale-animate;\n  animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n  position: absolute;\n  width: 6px;\n  height: 8px;\n  background-color: #63656e;\n  border-radius: 8px;\n  animation-duration: 1.2s;\n  animation-iteration-count: infinite;\n  animation-name: fade;\n  transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n  display: flex;\n  line-height: 1;\n  text-align: center;\n  flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n  background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n  background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n  background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n  background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n  background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n  background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n  background-color: #ea3636;\n  animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n  background-color: #ff9c01;\n  animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n  background-color: #2dcb56;\n  animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n  background-color: #3a84ff;\n  animation-delay: 0.55s;\n  margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n  transform: rotate(135deg);\n  animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n  transform: rotate(90deg);\n  animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n  transform: rotate(45deg);\n  animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n  transform: rotate(0deg);\n  animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n  transform: rotate(-45deg);\n  animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n  transform: rotate(-90deg);\n  animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n  transform: rotate(-135deg);\n  animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n  transform: rotate(-180deg);\n  animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n  display: inline-flex;\n  justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n  position: relative;\n  display: inline-flex;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n  height: 16px;\n  width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n  width: 3px;\n  height: 3px;\n  margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n  width: 2px;\n  height: 3px;\n  border-radius: 3px;\n  transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n  font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n  height: 32px;\n  width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n  width: 6px;\n  height: 6px;\n  margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n  width: 4px;\n  height: 5px;\n  border-radius: 5px;\n  transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n  font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n  height: 68px;\n  width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n  width: 20px;\n  height: 20px;\n  margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n  width: 8px;\n  height: 12px;\n  border-radius: 12px;\n  transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n  font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n  margin-top: 8px;\n  font-size: 14px;\n  line-height: normal;\n  color: #63656e;\n  text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n  position: absolute;\n  padding: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: #26323d;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n  display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n  position: absolute;\n  z-index: -1;\n  width: 8px;\n  height: 8px;\n  background: #333;\n  transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n  color: #26323d;\n  background-color: #fff;\n  box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n  background-color: #fff;\n}\n.bk-user-selector-tag {\n  display: inline-flex;\n  align-items: center;\n  height: 22px;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 22px;\n  color: #63656e;\n  cursor: default;\n  background-color: #f0f1f5;\n  border-color: rgba(151, 155, 165, 0.3);\n  box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n  color: #14a568;\n  border-color: rgba(20, 165, 104, 0.3);\n  background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n  background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n  background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n  color: #3a84ff;\n  border-color: rgba(58, 132, 255, 0.3);\n  background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n  background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n  background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n  color: #fe9c00;\n  border-color: rgba(254, 165, 0, 0.3);\n  background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n  background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n  background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n  color: #ea3636;\n  border-color: rgba(234, 53, 54, 0.3);\n  background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n  background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n  background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n  background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n  color: #fff;\n  background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n  background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n  padding: 0 9px;\n  line-height: 20px;\n  border-style: solid;\n  border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n  padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n  cursor: pointer;\n  background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n  background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n  color: #fff;\n  background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n  color: #fff;\n  background: #3a84ff;\n  opacity: 1;\n}\n.bk-user-selector-tag--default {\n  padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n  height: 16px;\n  padding: 0 4px;\n  line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n  font-size: 10px;\n}\n.bk-user-selector-tag-text {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n  flex-shrink: 0;\n  margin-right: 4px;\n  font-size: 14px;\n  line-height: 0;\n}\n.bk-user-selector-tag-close {\n  flex-shrink: 0;\n  margin-left: 4px;\n  font-size: 12px;\n  line-height: 0;\n  cursor: pointer;\n}\n.me-tag[data-v-4f251ce1] {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 12px;\n  color: #4d4f56;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: #e1ecff;\n  border-radius: 50%;\n  transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n  color: #3a84ff;\n  background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n  color: #c4c6cc;\n  cursor: not-allowed;\n  background-color: #f0f1f5;\n}.dropdown-content[data-v-024fc663] {\n  min-height: 40px;\n  max-height: 300px;\n  padding: 5px 0;\n  overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-024fc663] {\n  padding: 10px;\n  color: #979ba5;\n  text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-024fc663] {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-024fc663] {\n  margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-024fc663] {\n  display: flex;\n  align-items: center;\n  height: 32px;\n  padding: 8px 12px;\n  cursor: pointer;\n}\n.dropdown-content .user-option[data-v-024fc663]:hover {\n  background-color: #f5f7fa;\n}.user-tag[data-v-48ac8fc1] {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.user-tag.draggable[data-v-48ac8fc1] {\n  cursor: move;\n}\n.user-tag.active[data-v-48ac8fc1] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-48ac8fc1] {\n  color: #ea3636;\n  background-color: #feebea;\n  border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-48ac8fc1]:hover {\n  background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-48ac8fc1] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  white-space: nowrap;\n}.bk-user-selector[data-v-65e61c1c] {\n  position: relative;\n  width: 100%;\n  height: 32px;\n  font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-65e61c1c] {\n  pointer-events: none;\n  cursor: not-allowed;\n  background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-65e61c1c] {\n  position: relative;\n  min-height: 32px;\n  padding: 1px 10px 1px 8px;\n  background-color: #fff;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-65e61c1c] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-65e61c1c] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.bk-user-selector .tag-list[data-v-65e61c1c] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-65e61c1c] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-65e61c1c] {\n  min-width: 20px;\n  height: 28px;\n  outline: none;\n  background: transparent;\n  border: none;\n}\n.bk-user-selector .search-input[data-v-65e61c1c]::placeholder {\n  color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-65e61c1c] {\n  min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-65e61c1c], .bk-user-selector .search-input.search-input-collapsed[data-v-65e61c1c] {\n  flex: 1;\n}\n.hidden-users[data-v-65e61c1c] {\n  padding: 6px 10px;\n}.bk-user-selector-popover {\n  padding: 0 !important;\n}";
+  __vite_style__.textContent = ".scroll-bar-style::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n  padding: 0;\n  margin: 0;\n}\n* {\n  box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n  /* 1 */\n  display: inline-block;\n  /* 2 */\n  vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n  display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n  outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n  border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n  margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n  height: 0;\n  box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n *    Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  /* 3 */\n  margin: 0;\n  /* 2 */\n  font: inherit;\n  /* 1 */\n  color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n  overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n  text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  /* 3 */\n  cursor: pointer;\n  /* 2 */\n  appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n  line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n  display: none;\n}\ninput[type='text']::-ms-clear {\n  display: none;\n}\ninput[type='text']::-ms-reveal {\n  display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n  /* 2 */\n  box-sizing: content-box;\n  /* 1 */\n  appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n  appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n  padding: 0.35em 0.625em 0.75em;\n  margin: 0 2px;\n  border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n  /* 2 */\n  padding: 0;\n  /* 1 */\n  border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n  overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n  font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n  overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n  overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n  background: #ddd;\n  border-radius: 20px;\n  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.6);\n  }\n}\n@keyframes fade {\n  100% {\n    background-color: transparent;\n  }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n  opacity: 0;\n}\n.clearfix-style::after {\n  display: block;\n  height: 0;\n  clear: both;\n  font-size: 0;\n  content: '';\n  visibility: hidden;\n}\n.bk-user-selector-popper {\n  display: none;\n  padding: 7px 14px;\n  font-size: 12px;\n  color: #fff;\n  background: #333;\n  border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n  color: #63656e;\n  background: #fff;\n  box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n  visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n  content: '';\n  visibility: visible;\n  transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n  display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n  bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n  top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n  right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n  left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n  position: static;\n  vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n  display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n  width: 100%;\n  height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n  position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n  display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 11;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n  display: inline-flex;\n  width: 14px;\n  height: 14px;\n  margin-right: 10px;\n  border-radius: 50%;\n  transform: scale(0.6);\n  animation-duration: 0.8s;\n  animation-iteration-count: infinite;\n  animation-name: loading-scale-animate;\n  animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n  position: absolute;\n  width: 6px;\n  height: 8px;\n  background-color: #63656e;\n  border-radius: 8px;\n  animation-duration: 1.2s;\n  animation-iteration-count: infinite;\n  animation-name: fade;\n  transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n  display: flex;\n  line-height: 1;\n  text-align: center;\n  flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n  background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n  background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n  background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n  background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n  background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n  background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n  background-color: #ea3636;\n  animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n  background-color: #ff9c01;\n  animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n  background-color: #2dcb56;\n  animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n  background-color: #3a84ff;\n  animation-delay: 0.55s;\n  margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n  transform: rotate(135deg);\n  animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n  transform: rotate(90deg);\n  animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n  transform: rotate(45deg);\n  animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n  transform: rotate(0deg);\n  animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n  transform: rotate(-45deg);\n  animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n  transform: rotate(-90deg);\n  animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n  transform: rotate(-135deg);\n  animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n  transform: rotate(-180deg);\n  animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n  display: inline-flex;\n  justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n  position: relative;\n  display: inline-flex;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n  height: 16px;\n  width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n  width: 3px;\n  height: 3px;\n  margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n  width: 2px;\n  height: 3px;\n  border-radius: 3px;\n  transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n  font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n  height: 32px;\n  width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n  width: 6px;\n  height: 6px;\n  margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n  width: 4px;\n  height: 5px;\n  border-radius: 5px;\n  transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n  font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n  height: 68px;\n  width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n  width: 20px;\n  height: 20px;\n  margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n  margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n  width: 8px;\n  height: 12px;\n  border-radius: 12px;\n  transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n  font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n  margin-top: 8px;\n  font-size: 14px;\n  line-height: normal;\n  color: #63656e;\n  text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n  position: absolute;\n  padding: 12px;\n  font-size: 12px;\n  color: #fff;\n  background: #26323d;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n  display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n  position: absolute;\n  z-index: -1;\n  width: 8px;\n  height: 8px;\n  background: #333;\n  transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n  color: #26323d;\n  background-color: #fff;\n  box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n  background-color: #fff;\n}\n.bk-user-selector-tag {\n  display: inline-flex;\n  align-items: center;\n  height: 22px;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 22px;\n  color: #63656e;\n  cursor: default;\n  background-color: #f0f1f5;\n  border-color: rgba(151, 155, 165, 0.3);\n  box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n  color: #14a568;\n  border-color: rgba(20, 165, 104, 0.3);\n  background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n  background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n  background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n  color: #3a84ff;\n  border-color: rgba(58, 132, 255, 0.3);\n  background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n  background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n  background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n  color: #fe9c00;\n  border-color: rgba(254, 165, 0, 0.3);\n  background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n  background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n  background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n  color: #ea3636;\n  border-color: rgba(234, 53, 54, 0.3);\n  background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n  background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n  background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n  background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n  background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n  color: #fff;\n  background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n  background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n  padding: 0 9px;\n  line-height: 20px;\n  border-style: solid;\n  border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n  padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n  cursor: pointer;\n  background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n  background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n  color: #fff;\n  background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n  color: #fff;\n  background: #3a84ff;\n  opacity: 1;\n}\n.bk-user-selector-tag--default {\n  padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n  height: 16px;\n  padding: 0 4px;\n  line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n  font-size: 10px;\n}\n.bk-user-selector-tag-text {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n  flex-shrink: 0;\n  margin-right: 4px;\n  font-size: 14px;\n  line-height: 0;\n}\n.bk-user-selector-tag-close {\n  flex-shrink: 0;\n  margin-left: 4px;\n  font-size: 12px;\n  line-height: 0;\n  cursor: pointer;\n}\n.me-tag[data-v-4f251ce1] {\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 12px;\n  color: #4d4f56;\n  white-space: nowrap;\n  cursor: pointer;\n  background-color: #e1ecff;\n  border-radius: 50%;\n  transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n  color: #3a84ff;\n  background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n  color: #c4c6cc;\n  cursor: not-allowed;\n  background-color: #f0f1f5;\n}.dropdown-content[data-v-d5a338f0] {\n  min-height: 40px;\n  max-height: 300px;\n  padding: 5px 0;\n  overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-d5a338f0] {\n  padding: 10px;\n  color: #979ba5;\n  text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-d5a338f0] {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-d5a338f0] {\n  margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-d5a338f0] {\n  display: flex;\n  align-items: center;\n  height: 32px;\n  padding: 8px 12px;\n  cursor: pointer;\n}\n.dropdown-content .user-option[data-v-d5a338f0]:hover {\n  background-color: #f5f7fa;\n}.user-tag[data-v-1f2e0737] {\n  margin-right: 4px;\n  margin-left: 0;\n}\n.user-tag.draggable[data-v-1f2e0737] {\n  cursor: move;\n}\n.user-tag.active[data-v-1f2e0737] {\n  background-color: #e1ecff;\n  border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-1f2e0737] {\n  color: #ea3636;\n  background-color: #feebea;\n  border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-1f2e0737]:hover {\n  background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-1f2e0737] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  white-space: nowrap;\n}.bk-user-selector[data-v-9975c7e1] {\n  position: relative;\n  width: 100%;\n  height: 32px;\n  font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-9975c7e1] {\n  pointer-events: none;\n  cursor: not-allowed;\n  background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-9975c7e1] {\n  position: relative;\n  min-height: 32px;\n  padding: 1px 10px 1px 8px;\n  background-color: #fff;\n  border: 1px solid #c4c6cc;\n  border-radius: 2px;\n  transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-9975c7e1] {\n  border-color: #3a84ff;\n  box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-9975c7e1] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.bk-user-selector .tag-list[data-v-9975c7e1] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-9975c7e1] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-9975c7e1] {\n  min-width: 20px;\n  height: 28px;\n  outline: none;\n  background: transparent;\n  border: none;\n}\n.bk-user-selector .search-input[data-v-9975c7e1]::placeholder {\n  color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-9975c7e1] {\n  min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-9975c7e1], .bk-user-selector .search-input.search-input-collapsed[data-v-9975c7e1] {\n  flex: 1;\n}\n.hidden-users[data-v-9975c7e1] {\n  padding: 6px 10px;\n}.bk-user-selector-popover {\n  padding: 0 !important;\n}";
   document.head.appendChild(__vite_style__);
   function _interopNamespaceDefault(e) {
     const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -4568,6 +4568,10 @@ ${$(r2)}`), n2;
       /* reexport */
       lang_en
     ),
+    jp: () => (
+      /* reexport */
+      ja_jp
+    ),
     zhCn: () => (
       /* reexport */
       zh_cn
@@ -4755,6 +4759,145 @@ ${$(r2)}`), n2;
     }
   };
   const lang_en = en;
+  var jp = {
+    lang: "ja",
+    steps: {
+      step1: "ステップ1",
+      step2: "ステップ2",
+      step3: "ステップ3"
+    },
+    datePicker: {
+      selectDate: "日付を選択",
+      selectTime: "時間を選択",
+      clear: "クリア",
+      ok: "OK",
+      weekdays: {
+        sun: "日",
+        mon: "月",
+        tue: "火",
+        wed: "水",
+        thu: "木",
+        fri: "金",
+        sat: "土"
+      },
+      hour: "時",
+      min: "分",
+      sec: "秒",
+      toNow: "現在まで"
+    },
+    dialog: {
+      ok: "OK",
+      cancel: "キャンセル",
+      prev: "前へ",
+      next: "次へ"
+    },
+    popConfirm: {
+      ok: "OK",
+      cancel: "キャンセル"
+    },
+    form: {
+      notBeEmpty: "空にできません",
+      incorrectFormat: "フォーマットが正しくありません",
+      max: "最大値",
+      min: "最小値",
+      maxLen: "最大の長さ",
+      verifyError: "検証エラー"
+    },
+    pagination: {
+      eachPage: "各ページ",
+      strip: "項目",
+      total: "合計"
+    },
+    process: {
+      step1: "ステップ1",
+      step2: "ステップ2",
+      step3: "ステップ3",
+      step4: "ステップ4"
+    },
+    searchSelect: {
+      pleaseSelect: "選択してください",
+      loading: "ロード中...",
+      filterQueryMustHasValue: "フィルターに一つ以上の値を選択する必要があります",
+      ok: "OK",
+      cancel: "キャンセル",
+      or: "or",
+      and: "and",
+      logical: "ロジック:"
+    },
+    select: {
+      noData: "データなし",
+      noMatchedData: "一致するデータがありません",
+      loading: "読み込み中...",
+      pleaseSelect: "選択してください",
+      enterKeywords: "キーワードを入力してください",
+      all: "すべて",
+      selectAll: "すべて選択"
+    },
+    table: {
+      emptyText: "データがありません",
+      confirm: "OK",
+      reset: "リセット",
+      sort: "ソート",
+      setting: {
+        title: "テーブル設定",
+        fields: {
+          title: "表示フィールド設定",
+          subtitle: function subtitle(max2) {
+            return "（最大".concat(max2, "項目）");
+          },
+          selectAll: "すべて選択"
+        },
+        lineHeight: {
+          title: "テーブル行の高さ",
+          small: "小",
+          medium: "中",
+          large: "大"
+        },
+        options: {
+          ok: "OK",
+          cancel: "キャンセル"
+        }
+      }
+    },
+    transfer: {
+      sourceList: "ソースリスト",
+      targetList: "ターゲットリスト",
+      removeAll: "すべて削除",
+      selectAll: "すべて選択",
+      noData: "データがありません",
+      noSelected: "選択されていません",
+      search: "検索"
+    },
+    upload: {
+      uploadSuccess: "アップロード成功",
+      uploadFailed: "アップロード失敗",
+      drapFileOr: "ここにファイルをドラッグまたは",
+      clickUpload: "クリックしてアップロード",
+      uploadLabel: "ファイルをアップロード"
+    },
+    input: {
+      placeholder: "入力してください",
+      maxlengthLimitTips: "文字数制限に達しました"
+    },
+    tagInput: {
+      placeholder: "入力してEnterキーで終了"
+    },
+    message: {
+      assistant: "アシスタント",
+      details: "詳細",
+      copySuccess: "コピー成功",
+      copyFailed: "コピー失敗"
+    },
+    cascader: {
+      pleaseSelect: "選択してください",
+      noData: "データがありません",
+      emptyText: "該当する検索結果がありません"
+    },
+    versionLog: {
+      current: "現在のバージョン"
+    }
+  };
+  const ja_jp = jp;
   var zhCn = {
     lang: "zh-cn",
     steps: {
@@ -4938,6 +5081,7 @@ ${$(r2)}`), n2;
   };
   const zh_cn = zhCn;
   __webpack_exports__$5.en;
+  __webpack_exports__$5.jp;
   var __webpack_exports__zhCn = __webpack_exports__$5.zhCn;
   var __webpack_require__$4 = {};
   (() => {
@@ -5596,21 +5740,28 @@ ${$(r2)}`), n2;
     mounted: function mounted(el, binding) {
       if (binding.value) {
         createInstance(el, binding);
+        if (!binding.value.loading) {
+          var _instance$vm;
+          var instance = el[INSTANCE_KEY];
+          if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
+            instance.vm.$el.parentNode.style.display = "none";
+          }
+        }
       }
     },
     updated: function updated(el, binding) {
-      var _instance$vm;
+      var _instance$vm2;
       var instance = el[INSTANCE_KEY];
       var value = binding.value;
       updateOptions(value, instance.options);
-      if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
+      if (instance !== null && instance !== void 0 && (_instance$vm2 = instance.vm) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.$el) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.parentNode) !== null && _instance$vm2 !== void 0 && _instance$vm2.style) {
         instance.vm.$el.parentNode.style.display = value.loading ? "" : "none";
       }
     },
     unmounted: function unmounted(el) {
-      var _instance$vm2, _instance$instance;
+      var _instance$vm3, _instance$instance;
       var instance = el[INSTANCE_KEY];
-      el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm2 = instance.vm) === null || _instance$vm2 === void 0 || (_instance$vm2 = _instance$vm2.$el) === null || _instance$vm2 === void 0 ? void 0 : _instance$vm2.parentNode);
+      el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm3 = instance.vm) === null || _instance$vm3 === void 0 || (_instance$vm3 = _instance$vm3.$el) === null || _instance$vm3 === void 0 ? void 0 : _instance$vm3.parentNode);
       instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
       el[INSTANCE_KEY] = null;
     }
@@ -6076,7 +6227,7 @@ ${$(r2)}`), n2;
       __webpack_require__$1.d(x3, y2);
       return x3;
     };
-    const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.withDirectives });
+    const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch });
     function _createForOfIteratorHelper(o2, allowArrayLike) {
       var it = typeof Symbol !== "undefined" && o2[Symbol.iterator] || o2["@@iterator"];
       if (!it) {
@@ -6358,7 +6509,6 @@ ${$(r2)}`), n2;
         var refContent = (0, external_vue_namespaceObject2.ref)(null);
         var refTimer = (0, external_vue_namespaceObject2.ref)(null);
         var handleClick = function handleClick2(evt) {
-          evt.stopPropagation();
           emit("click", evt);
         };
         var resetPointerEvent = function resetPointerEvent2() {
@@ -6459,7 +6609,7 @@ ${$(r2)}`), n2;
       /**
        * 弹出内容绑定元素
        */
-      boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]),
+      boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]).def("body"),
       zIndex: shared_namespaceObject2.PropTypes.number.def(void 0),
       disableTeleport: shared_namespaceObject2.PropTypes.bool.def(false),
       /**
@@ -8355,6 +8505,23 @@ ${$(r2)}`), n2;
       }, {});
       var contentClass = "".concat(customThemeCls);
       var cleanup = null;
+      var clearAllTimers = function clearAllTimers2() {
+        if (popHideTimerId) {
+          clearTimeout(popHideTimerId);
+          popHideTimerId = void 0;
+        }
+        if (popShowTimerId) {
+          clearTimeout(popShowTimerId);
+          popShowTimerId = void 0;
+        }
+      };
+      var wrappedCleanup = function wrappedCleanup2() {
+        clearAllTimers();
+        if (cleanup) {
+          cleanup();
+          cleanup = null;
+        }
+      };
       var getRoundPixelVal = function getRoundPixelVal2(val) {
         var dpr = window.devicePixelRatio || 1;
         return Math.round(val * dpr) / dpr || 0;
@@ -8403,7 +8570,28 @@ ${$(r2)}`), n2;
         }
       };
       var createPopInstance = function createPopInstance2() {
+        var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
+        if (!elReference || !elContent) {
+          if (retryCount >= 10) {
+            console.warn("[Popover] Failed to create popover instance: elements not found after retries");
+            return;
+          }
+          (0, external_vue_namespaceObject2.nextTick)(function() {
+            createPopInstance2(retryCount + 1);
+          });
+          return;
+        }
+        if (!elReference.isConnected || !elContent.isConnected) {
+          if (retryCount >= 10) {
+            console.warn("[Popover] Failed to create popover instance: elements not connected to DOM after retries");
+            return;
+          }
+          (0, external_vue_namespaceObject2.nextTick)(function() {
+            createPopInstance2(retryCount + 1);
+          });
+          return;
+        }
         cleanup = autoUpdate(elReference, elContent, function() {
           if (localIsShow.value) {
             updatePopover(null, props);
@@ -8448,6 +8636,9 @@ ${$(r2)}`), n2;
       var showPopover = function showPopover2() {
         var delay = resolvePopoverDelay()[0];
         popShowTimerId = setTimeout(function() {
+          if (!refContent.value) {
+            return;
+          }
           if (!props.disabled) {
             localIsShow.value = true;
           }
@@ -8456,6 +8647,9 @@ ${$(r2)}`), n2;
       var hidePopover = function hidePopover2() {
         var delay = resolvePopoverDelay()[1];
         popHideTimerId = setTimeout(function() {
+          if (!refContent.value) {
+            return;
+          }
           popShowTimerId && clearTimeout(popShowTimerId);
           localIsShow.value = false;
         }, delay);
@@ -8463,20 +8657,30 @@ ${$(r2)}`), n2;
       var handlePopoverShow = function handlePopoverShow2() {
         var _refContent$value2;
         var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
+        if (!elContent) {
+          return;
+        }
         elContent.style.setProperty("display", "block");
         elContent.style.setProperty("z-index", "".concat(props.zIndex ? props.zIndex : shared_namespaceObject2.bkZIndexManager.getPopperIndex()));
         updatePopover();
-        ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
-          isShow: true
-        });
+        if (ctx !== null && ctx !== void 0 && ctx.emit) {
+          ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
+            isShow: true
+          });
+        }
       };
       var handlePopoverHide = function handlePopoverHide2() {
         var _refContent$value3;
         var elContent = resolveTargetElement((_refContent$value3 = refContent.value) === null || _refContent$value3 === void 0 ? void 0 : _refContent$value3.$el);
+        if (!elContent) {
+          return;
+        }
         elContent.style.setProperty("display", "none");
-        ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
-          isShow: false
-        });
+        if (ctx !== null && ctx !== void 0 && ctx.emit) {
+          ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
+            isShow: false
+          });
+        }
       };
       var triggerPopover = function triggerPopover2() {
         if (!localIsShow.value) {
@@ -8505,10 +8709,14 @@ ${$(r2)}`), n2;
         emitPopContentMouseLeave(e);
       };
       var emitPopContentMouseEnter = function emitPopContentMouseEnter2(e) {
-        ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
+        if (ctx !== null && ctx !== void 0 && ctx.emit) {
+          ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
+        }
       };
       var emitPopContentMouseLeave = function emitPopContentMouseLeave2(e) {
-        ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
+        if (ctx !== null && ctx !== void 0 && ctx.emit) {
+          ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
+        }
       };
       var resolveTriggerEvents = function resolveTriggerEvents2() {
         var _triggerEvents$props$;
@@ -8560,13 +8768,13 @@ ${$(r2)}`), n2;
         getFullscreenRoot: getFullscreenRoot2,
         stopHide,
         localIsShow,
-        cleanup
+        cleanup: wrappedCleanup
       };
     };
-    var popContainerId2 = null;
-    var parentNodeReferId = null;
+    var popContainerId2 = "id_".concat(esm_browser_v42());
     const use_popper_id = function(props) {
       var prefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "#";
+      var parentNodeReferId = "id_".concat(esm_browser_v42());
       var getPrefixId = function getPrefixId2(root3) {
         var resolvedBoundary = null;
         var resolveBoundary = function resolveBoundary2(fn) {
@@ -8575,8 +8783,7 @@ ${$(r2)}`), n2;
           }
         };
         var resolveParentBoundary = function resolveParentBoundary2() {
-          if (/^parent$/i.test(props.boundary)) {
-            resolvedBoundary = "".concat(prefix).concat(popContainerId2);
+          if (/^parent$/i.test(props.boundary) || !props.boundary) {
             var _ref = root3 || {}, parentNode = _ref.parentNode;
             if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
               parentNode.parentNode.setAttribute("data-pnode-id", parentNodeReferId);
@@ -8585,42 +8792,53 @@ ${$(r2)}`), n2;
           }
         };
         var resolveCommonBoundary = function resolveCommonBoundary2() {
-          if (!/^body$/i.test(props.boundary)) {
-            if (typeof props.boundary === "string") {
-              if (!isAvailableId(props.boundary)) {
-                resolvedBoundary = "body";
-                return;
-              }
-              resolvedBoundary = props.boundary;
-              return;
-            }
-            if (utils_isElement(props.boundary)) {
-              resolvedBoundary = props.boundary;
-              return;
-            }
+          if (typeof props.boundary === "string" && /^body$/i.test(props.boundary)) {
+            resolvedBoundary = "".concat(prefix).concat(popContainerId2);
+            return;
+          }
+          if (props.boundary === document.body) {
+            resolvedBoundary = "".concat(prefix).concat(popContainerId2);
+            return;
+          }
+          if (typeof props.boundary === "string") {
+            resolvedBoundary = props.boundary;
+            return;
+          }
+          if (utils_isElement(props.boundary)) {
+            resolvedBoundary = props.boundary;
+            return;
           }
         };
         resolveBoundary(resolveParentBoundary);
         resolveBoundary(resolveCommonBoundary);
         resolveBoundary(function() {
-          resolvedBoundary = typeof props.boundary === "string" ? props.boundary : "".concat(prefix).concat(popContainerId2);
+          resolvedBoundary = "".concat(prefix).concat(popContainerId2);
         });
         return resolvedBoundary;
       };
-      if (popContainerId2 === null || !isAvailableId("#".concat(popContainerId2))) {
-        popContainerId2 = "id_".concat(esm_browser_v42());
+      if (!isAvailableId("#".concat(popContainerId2))) {
         var popContainer = document.createElement("div");
         popContainer.setAttribute("id", popContainerId2);
         popContainer.setAttribute("data-popper-id", popContainerId2);
         document.body.append(popContainer);
       }
-      if (parentNodeReferId === null) {
-        parentNodeReferId = "id_".concat(esm_browser_v42());
-      }
+      var clearParentNodeId = function clearParentNodeId2(root3) {
+        if (/^parent$/i.test(props.boundary)) {
+          var _ref2 = root3 || {}, parentNode = _ref2.parentNode;
+          if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
+            var attr = parentNode.parentNode.getAttribute("data-pnode-id");
+            if (attr === parentNodeReferId) {
+              parentNode.parentNode.removeAttribute("data-pnode-id");
+            }
+          }
+        }
+      };
       return {
         popContainerId: popContainerId2,
         prefixId: getPrefixId(),
-        getPrefixId
+        getPrefixId,
+        parentNodeReferId,
+        clearParentNodeId
       };
     };
     const use_popover_init = function(props, ctx, _ref) {
@@ -8655,7 +8873,18 @@ ${$(r2)}`), n2;
         }
       };
       var addEventToPopTargetEl = function addEventToPopTargetEl2() {
+        var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
+        if (!elReference) {
+          if (retryCount >= 10) {
+            console.warn("[Popover] Failed to add events: reference element not found after retries");
+            return;
+          }
+          (0, external_vue_namespaceObject2.nextTick)(function() {
+            addEventToPopTargetEl2(retryCount + 1);
+          });
+          return;
+        }
         storeEvents = resolveTriggerEvents();
         storeEvents.forEach(function(storeEvent) {
           if (Array.isArray(storeEvent)) {
@@ -8663,11 +8892,16 @@ ${$(r2)}`), n2;
           } else {
             var content2 = storeEvent.content, reference3 = storeEvent.reference;
             addEventToTargetEl(elReference, reference3);
-            addEventToTargetEl(elContent, content2);
+            if (elContent) {
+              addEventToTargetEl(elContent, content2);
+            }
           }
         });
       };
       var addEventToTargetEl = function addEventToTargetEl2(target, evets) {
+        if (!target) {
+          return;
+        }
         evets.forEach(function(_ref2) {
           var _ref3 = _slicedToArray(_ref2, 2), event = _ref3[0], listener = _ref3[1];
           if (event && typeof listener === "function") {
@@ -8719,12 +8953,14 @@ ${$(r2)}`), n2;
         if (isFullscreen.value) {
           var _fullScreenTarget$val;
           var _ref10 = elReference || root3 || {}, parentNode = _ref10.parentNode;
-          boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
+          var fullscreenBoundary = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
+          boundary.value = fullscreenBoundary || "body";
           return;
         }
-        boundary.value = getPrefixId(root3 || elReference);
+        var resolvedBoundary = getPrefixId(root3 || elReference);
+        boundary.value = resolvedBoundary || "body";
       };
-      var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId;
+      var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId, clearParentNodeId = _usePopperId.clearParentNodeId;
       var setFullscreenTag = function setFullscreenTag2() {
         var _fullScreenTarget$val2;
         fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute("data-fllsrn-id", fullscreenReferId);
@@ -8736,7 +8972,7 @@ ${$(r2)}`), n2;
           element === null || element === void 0 || element.removeAttribute("data-fllsrn-id");
         });
       };
-      var boundary = (0, external_vue_namespaceObject2.ref)();
+      var boundary = (0, external_vue_namespaceObject2.ref)("body");
       var beforeInstanceUnmount = function beforeInstanceUnmount2() {
         removeEventListener();
       };
@@ -8758,25 +8994,39 @@ ${$(r2)}`), n2;
         if (props.disabled) {
           return;
         }
-        initPopInstance();
         if (isElementFullScreen()) {
           var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
           var target = getFullscreenRoot2(query);
           updateFullscreen(target);
         }
         updateBoundary();
+        initPopInstance();
         document.body.addEventListener("fullscreenchange", handleFullscreenChange);
+        document.addEventListener("click", handleClickOutside);
       };
       var onUnmountedFn = function onUnmountedFn2() {
         beforeInstanceUnmount();
+        var _resolvePopElements4 = resolvePopElements(), root3 = _resolvePopElements4.root;
+        clearParentNodeId(root3);
         document.body.removeEventListener("fullscreenchange", handleFullscreenChange);
-      };
-      var handleClickOutside = function handleClickOutside2(_e) {
-        var hideIgnoreReference = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+        document.removeEventListener("click", handleClickOutside);
+      };
+      var isClickInside = function isClickInside2(target) {
+        var _refContent$value$$el, _refContent$value, _refContent$value$con;
+        return (_refContent$value$$el = (_refContent$value = refContent.value) === null || _refContent$value === void 0 || (_refContent$value = _refContent$value.$el) === null || _refContent$value === void 0 || (_refContent$value$con = _refContent$value.contains) === null || _refContent$value$con === void 0 ? void 0 : _refContent$value$con.call(_refContent$value, target)) !== null && _refContent$value$$el !== void 0 ? _refContent$value$$el : false;
+      };
+      var handleClickOutside = function handleClickOutside2(e) {
+        var target = e.target;
+        if (isClickInside(target)) {
+          e.preventDefault();
+          e.stopPropagation();
+          e.stopImmediatePropagation();
+          return;
+        }
         var commonFunc = function commonFunc2() {
           ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
             isShow: localIsShow.value,
-            event: _e
+            event: e
           });
           var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === "manual";
           if (!props.forceClickoutside && needExec) {
@@ -8786,7 +9036,7 @@ ${$(r2)}`), n2;
             hideFn();
           }
         };
-        if (hideIgnoreReference) {
+        if (props.hideIgnoreReference) {
           setTimeout(function() {
             if (ReferenceClickSharedState[uniqKey]) {
               ReferenceClickSharedState[uniqKey] = false;
@@ -8847,7 +9097,7 @@ ${$(r2)}`), n2;
           refContent,
           refArrow,
           refRoot
-        }), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn, handleClickOutside = _usePopoverInit.handleClickOutside, beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount, updateBoundary = _usePopoverInit.updateBoundary, initPopInstance = _usePopoverInit.initPopInstance, showFn = _usePopoverInit.showFn, hideFn = _usePopoverInit.hideFn, showPopover = _usePopoverInit.showPopover, hidePopover = _usePopoverInit.hidePopover, updatePopover = _usePopoverInit.updatePopover, resetPopover = _usePopoverInit.resetPopover, stopHide = _usePopoverInit.stopHide, localIsShow = _usePopoverInit.localIsShow, boundary = _usePopoverInit.boundary, uniqKey = _usePopoverInit.uniqKey;
+        }), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn, beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount, initPopInstance = _usePopoverInit.initPopInstance, showFn = _usePopoverInit.showFn, hideFn = _usePopoverInit.hideFn, showPopover = _usePopoverInit.showPopover, hidePopover = _usePopoverInit.hidePopover, updatePopover = _usePopoverInit.updatePopover, resetPopover = _usePopoverInit.resetPopover, stopHide = _usePopoverInit.stopHide, localIsShow = _usePopoverInit.localIsShow, boundary = _usePopoverInit.boundary, uniqKey = _usePopoverInit.uniqKey;
         if (!props.always && !props.disabled) {
           (0, external_vue_namespaceObject2.watch)(function() {
             return props.isShow;
@@ -8866,7 +9116,6 @@ ${$(r2)}`), n2;
             initPopInstance();
           }
         });
-        updateBoundary();
         (0, external_vue_namespaceObject2.onMounted)(onMountedFn);
         (0, external_vue_namespaceObject2.onBeforeUnmount)(onUnmountedFn);
         var isRenderModeShow = (0, external_vue_namespaceObject2.computed)(function() {
@@ -8913,7 +9162,6 @@ ${$(r2)}`), n2;
           isRenderModeShow,
           transBoundary,
           handleClickContent,
-          handleClickOutside,
           updatePopover,
           resetPopover,
           hide: hide2,
@@ -8960,7 +9208,7 @@ ${$(r2)}`), n2;
               "to": _this.boundary
             }, {
               "default": function _default2() {
-                return [(0, external_vue_namespaceObject2.withDirectives)((0, external_vue_namespaceObject2.createVNode)(content, {
+                return [(0, external_vue_namespaceObject2.createVNode)(content, {
                   "ref": "refContent",
                   "width": _this.width,
                   "height": _this.height,
@@ -8985,9 +9233,7 @@ ${$(r2)}`), n2;
                       }
                     }) : "";
                   }
-                }), [[(0, external_vue_namespaceObject2.resolveDirective)("clickoutside"), function(e) {
-                  return _this.handleClickOutside(e, _this.hideIgnoreReference);
-                }]])];
+                })];
               }
             })];
           }
@@ -12231,7 +12477,7 @@ ${$(r2)}`), n2;
   };
   const lookupUsers = async (params) => {
     const { apiBaseUrl, tenantId, exactSearchKey = "bk_username", usersList = [], enableMultiTenantMode = true } = params;
-    const users = usersList.filter(Boolean).map((user) => user.trim());
+    const users = usersList.filter(Boolean).map((user) => typeof user === "string" ? user.trim() : String(user).trim());
     if (!enableMultiTenantMode) {
       try {
         const userList = await getUserList(apiBaseUrl, { userIds: users });
@@ -12269,12 +12515,14 @@ ${$(r2)}`), n2;
         ...user,
         id: user.username,
         name: `${user.display_name}(${user.username})`,
+        type: user.data_source_type,
         tenantId: user.owner_tenant_id
       }));
     }
     return users.map((user) => ({
       id: user.bk_username,
       name: user.display_name,
+      type: user.data_source_type,
       tenantId: user.owner_tenant_id,
       ...user
     }));
@@ -12457,9 +12705,11 @@ ${$(r2)}`), n2;
       }
       if (variables) {
         target = target[pathStack[i2]];
-        Object.keys(variables).forEach((key) => {
-          target = target.replace(`{${key}}`, variables[key]);
-        });
+        if (typeof target === "string") {
+          Object.keys(variables).forEach((key) => {
+            target = target.replace(`{${key}}`, variables[key]);
+          });
+        }
       } else {
         target = target[pathStack[i2]];
       }
@@ -12691,10 +12941,12 @@ ${$(r2)}`), n2;
     const performSearch = async (keyword) => {
       if (!(keyword == null ? void 0 : keyword.length)) {
         searchResults.value = [];
+        loading2.value = false;
         return;
       }
       if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
         console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
+        loading2.value = false;
         return;
       }
       loading2.value = true;
@@ -12817,6 +13069,9 @@ ${$(r2)}`), n2;
     return target;
   };
   const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f251ce1"]]);
+  const UserGroupAvatar = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20style='fill:%20%23A3C5FD;'%3e%3cpath%20fill-rule='evenodd'%20d='M405.7858816%20162.66256256C416.4461344%20160.6535248%20439.8986944%20159.44810208%20457.3815104%20160.25171712%20484.2453504%20161.05533248%20494.052784%20163.4661776%20516.226112%20174.7167888%20567.8217376%20200.43247136%20597.670448%20242.22045568%20606.6250624%20301.28616416%20617.711728%20374.415136%20593.4063488%20443.5260352%20535.8409792%20500.180896%20509.8299584%20525.8965792%20505.565856%20537.5489984%20514.0940608%20557.237568%20521.3430336%20572.9080608%20546.0748224%20586.5695168%20629.2248%20620.3213504%20691.054272%20645.2334208%20760.985536%20687.4232096%20767.8080992%20703.8973216%20774.6306624%20720.3714304%20784.8645056%20752.114224%20791.6870688%20777.4280992%20799.7888608%20807.1618592%20793.3927072%20818.8142784%20761.8383584%20832.4757344%20720.4765728%20850.155264%20669.3073536%20857.3878016%20546.9276416%20862.2094912%20392.9935776%20868.2366048%20227.12002944%20858.5932224%20162.30568672%20840.1100768%20134.5890272%20832.4757344%20108.15159776%20815.1980096%20100.47621504%20799.5275136%2093.6536528%20786.2678656%2094.08006304%20784.2588288%20105.59313696%20746.4889184%20116.67980096%20709.924432%20119.23826176%20705.5045504%20141.41158944%20685.4141728%20143.84821888%20683.2001312%20146.05397248%20681.2036448%20148.2232096%20679.3252416L152.13038144%20676.0501632C159.5946992%20670.0236288%20167.98497088%20664.6722176%20184.94031712%20656.0863296L191.29263904%20652.915344C215.97973152%20640.7492736%20256.51622304%20622.3959904%20329.458464%20589.3821696%20359.7335872%20575.3189056%20371.2466592%20563.6664896%20375.084352%20542.772496%20377.2164032%20530.316464%20374.6579424%20526.7001952%20345.2356416%20496.9664352%20295.34565344%20446.338688%20274.02514592%20396.9163584%20273.59873568%20331.0199232%20273.59873568%20291.24097568%20282.12693888%20265.52529312%20307.71154784%20228.15719168%20332.8697472%20191.19089792%20365.703328%20169.49329056%20405.7858816%20162.66256256ZM668.7713728%20226.60405184C756.683056%20211.50282816%20820.4190272%20263.09867616%20827.0124032%20354.9644544%20831.8475456%20416.6277856%20815.1443264%20461.931456%20770.3093664%20510.1714752%20752.287472%20529.4674848%20747.891888%20536.5986176%20748.3314464%20548.344016%20748.7710048%20555.8946272%20751.4083552%20565.123152%20754.485264%20568.8984576%20757.5621728%20572.2542848%20788.331264%20588.1944672%20823.0563776%20604.1346464%20944.3745024%20659.92528%20966.791984%20682.996592%20958.4403712%20744.6599232%20954.923904%20771.9260224%20956.6821376%20771.0870656%20890.308816%20787.0272448%20867.4517792%20792.8999456%20845.0343008%20798.3531648%20841.0782752%20799.6116%20835.3640128%20801.2895136%20833.1662208%20797.9336864%20830.5288704%20781.5740256%20824.3750528%20739.6261824%20812.0674176%20710.6821696%20790.0894976%20687.6108576%20752.287472%20647.3409248%20703.9360448%20619.6553504%20624.3759712%20593.6476864%20597.5629088%20584.4191616%20560.64%20550.8608864%20560.64%20534.920704%20560.64%20527.7895712%20569.8707264%20514.7857408%20589.6508544%20494.6507744%20620.859504%20461.931456%20639.7605152%20429.631616%20648.5516832%20394.8149056%20655.5846208%20366.7098496%20652.0681504%20283.23364096%20642.837424%20254.7091072%20635.3649312%20231.63779328%20634.4858144%20232.47675008%20668.7713728%20226.60405184Z'%3e%3c/path%3e%3c/svg%3e";
+  const UserAvatar = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/用户%3c/title%3e%3cg%20id='Icon/用户'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='user-(1)'%20transform='translate(3,%202)'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3cpath%20d='M13.0077612,27.9989067%20C10.3002732,27.9989067%207.59285518,28.0018792%204.88515705,27.997455%20C3.95018807,27.9959342%203.05044678,27.8282323%202.22816433,27.3628696%20C0.998627601,26.6672451%200.29953695,25.6114692%200.0864200465,24.2387462%20C-0.0656962495,23.259079%200.0147040645,22.4675755%200.0874005263,21.4879775%20C0.187970957,20.13461%200.423078914,19.3321844%200.863249688,18.0430358%20C1.22365046,16.9873982%201.73014453,16.0067633%202.49702917,15.175719%20C3.42254341,14.1726178%204.6014447,13.7297906%205.9255989,13.6440041%20C6.33292322,13.6073668%206.66741099,13.712025%206.9979768,13.9263185%20C7.58886318,14.3094892%208.17393665,14.7060014%208.79220674,15.0421658%20C10.1097776,15.758321%2011.5447274,16.1099698%2013.0616182,16.0930337%20C14.6806203,16.0750607%2016.2142496,15.63963%2017.592821,14.8169502%20C18.0555431,14.5407189%2018.5150436,14.256538%2018.9569652,13.9491996%20C19.3610679,13.6681294%2019.7808585,13.5749462%2020.274326,13.6337733%20C21.462472,13.7340074%2022.3872158,14.1103345%2023.2340106,14.8851094%20C23.902636,15.496952%2024.3685096,16.2520257%2024.7518119,17.0611566%20C25.272453,18.1598604%2025.5462904,18.7976948%2025.7441396,19.9861253%20C25.9499728,21.2233595%2026.0256808,22.2792045%2025.9924842,23.5308171%20C25.9627193,24.6543374%2025.6405577,25.6840525%2024.8535729,26.5307194%20C24.1686994,27.2671979%2023.3129402,27.7090574%2022.3211027,27.8808379%20C21.9232331,27.9495501%2021.5154185,27.9922014%2021.1120162,27.9935148%20C18.4104811,28.0036073%2015.7090862,27.9989067%2013.0077612,27.9989067%20L13.0077612,27.9989067%20Z%20M5.91775495,6.98479749%20C5.84814002,3.25685016%209.08684454,-0.00255470186%2013.0162355,1.5025268e-06%20C16.9117994,0.00256071584%2020.1304739,3.23452217%2020.1095656,7.04113598%20C20.0884528,10.8082092%2016.8998935,14.015354%2013.0058002,14.0149393%20C9.10134181,14.0145245%205.83322254,10.7695672%205.91775495,6.98479749%20Z'%20id='形状'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+  const VirtualAvatar = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/虚拟icon%3c/title%3e%3cg%20id='Icon/虚拟icon'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M27.4705882,3%20C28.315259,3%2029,3.68474098%2029,4.52941178%20L29,22.4623054%20C29,23.3069762%2028.315259,23.9917172%2027.4705882,23.9917172%20L20.5882353,23.9917172%20L20.5882353,27.0244081%20L24.0294118,27.0244081%20C24.2405794,27.0244081%2024.4117647,27.1955933%2024.4117647,27.406761%20L24.4117647,28.617647%20C24.4117647,28.8288148%2024.2405795,29%2024.0294118,29%20L7.97058824,29%20C7.75942054,29%207.58823529,28.8288148%207.58823529,28.617647%20L7.58823529,27.406761%20C7.58823531,27.1955933%207.75942055,27.0244081%207.97058824,27.0244081%20L11.4117647,27.0244081%20L11.4117647,23.9917172%20L4.52941178,23.9917172%20C3.68474098,23.9917172%203,23.3069762%203,22.4623054%20L3,4.52941178%20C3,3.68474098%203.68474098,3%204.52941178,3%20L27.4705882,3%20Z%20M19,24%20L13,24%20L13,27%20L19,27%20L19,24%20Z%20M23.4117647,7%20L8.58823529,7%20C8.03595054,7%207.58823529,7.44771525%207.58823529,8%20L7.58823529,19%20C7.58823529,19.5522847%208.03595054,20%208.58823529,20%20L23.4117647,20%20C23.9640495,20%2024.4117647,19.5522847%2024.4117647,19%20L24.4117647,8%20C24.4117647,7.44771525%2023.9640495,7%2023.4117647,7%20Z%20M12,10%20C12.5522847,10%2013,10.4477153%2013,11%20L13,13%20C13,13.5522847%2012.5522847,14%2012,14%20C11.4477153,14%2011,13.5522847%2011,13%20L11,11%20C11,10.4477153%2011.4477153,10%2012,10%20Z%20M20,10%20C20.5522847,10%2021,10.4477153%2021,11%20L21,13%20C21,13.5522847%2020.5522847,14%2020,14%20C19.4477153,14%2019,13.5522847%2019,13%20L19,11%20C19,10.4477153%2019.4477153,10%2020,10%20Z%20M26,5%20C25.4477153,5%2025,5.44771525%2025,6%20C25,6.55228475%2025.4477153,7%2026,7%20C26.5522847,7%2027,6.55228475%2027,6%20C27,5.44771525%2026.5522847,5%2026,5%20Z'%20id='蒙版'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e";
   const UserRender = __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
     name: "UserRender",
     props: {
@@ -12835,23 +13090,63 @@ ${$(r2)}`), n2;
       render: {
         type: Function,
         required: false
+      },
+      hasAvatar: {
+        type: Boolean,
+        default: false
+      },
+      avatarBaseUrl: {
+        type: String,
+        default: ""
       }
     },
     setup(props) {
+      const getAvatarUrl = (user) => {
+        if (user.type === "virtual") {
+          return VirtualAvatar;
+        }
+        if (user.type === "userGroup") {
+          return UserGroupAvatar;
+        }
+        if (!props.avatarBaseUrl) {
+          return UserAvatar;
+        }
+        const loginName = user.login_name || user.bk_username || user.id;
+        return `${props.avatarBaseUrl}${loginName}.png?default_when_absent=true`;
+      };
       const defaultRender = (h2, props2) => {
-        return h2("div", [
-          h2("span", props2.user.name),
-          props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
-            "span",
-            {
+        return h2(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center"
+            }
+          },
+          [
+            props2.hasAvatar ? h2("img", {
+              src: getAvatarUrl(props2.user),
               style: {
-                color: "#f59500",
-                marginLeft: "4px"
+                width: "20px",
+                height: "20px",
+                borderRadius: "50%",
+                marginRight: "6px",
+                flexShrink: 0
               }
-            },
-            `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
-          ) : null
-        ]);
+            }) : null,
+            h2("span", props2.user.name),
+            props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
+              "span",
+              {
+                style: {
+                  color: "#f59500",
+                  marginLeft: "4px"
+                }
+              },
+              `@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
+            ) : null
+          ]
+        );
       };
       return () => {
         try {
@@ -12876,8 +13171,10 @@ ${$(r2)}`), n2;
     },
     __name: "selection-popover",
     props: {
+      avatarBaseUrl: { default: "" },
       containerWidth: { default: "auto" },
       emptyText: { default: "" },
+      hasAvatar: { type: Boolean, default: false },
       isShow: { type: Boolean, default: false },
       loading: { type: Boolean, default: false },
       options: { default: () => [] },
@@ -13003,11 +13300,13 @@ ${$(r2)}`), n2;
                                 }, ["prevent"]))
                               }, [
                                 __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
+                                  "avatar-base-url": _ctx.avatarBaseUrl,
+                                  "has-avatar": _ctx.hasAvatar,
                                   render: _ctx.renderListItem,
                                   "tenant-id": _ctx.tenantId,
                                   tenants: _ctx.tenants,
                                   user
-                                }, null, 8, ["render", "tenant-id", "tenants", "user"])
+                                }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
                               ], 40, _hoisted_4);
                             }),
                             128
@@ -13047,7 +13346,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-024fc663"]]);
+  const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d5a338f0"]]);
   const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
     ...{
       name: "UserTag"
@@ -13055,8 +13354,10 @@ ${$(r2)}`), n2;
     __name: "user-tag",
     props: {
       active: { type: Boolean },
+      avatarBaseUrl: {},
       currentTenantId: {},
       draggable: { type: Boolean },
+      hasAvatar: { type: Boolean },
       renderTag: { type: Function },
       showTenant: { type: Boolean },
       tenants: {},
@@ -13081,11 +13382,13 @@ ${$(r2)}`), n2;
         }, {
           default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
             __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
+              "avatar-base-url": _ctx.avatarBaseUrl,
+              "has-avatar": _ctx.hasAvatar,
               render: _ctx.renderTag,
               "tenant-id": _ctx.currentTenantId,
               tenants: _ctx.tenants,
               user: _ctx.user
-            }, null, 8, ["render", "tenant-id", "tenants", "user"])
+            }, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
           ]),
           _: 1
           /* STABLE */
@@ -13093,7 +13396,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-48ac8fc1"]]);
+  const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1f2e0737"]]);
   const _hoisted_1 = ["placeholder"];
   const _hoisted_2 = { class: "hidden-users" };
   const _hoisted_3 = ["placeholder"];
@@ -13109,6 +13412,7 @@ ${$(r2)}`), n2;
       multiple: { type: Boolean, default: false },
       allowCreate: { type: Boolean, default: false },
       apiBaseUrl: { default: "" },
+      avatarBaseUrl: { default: "" },
       currentUserId: { default: "" },
       disabled: { type: Boolean, default: false },
       emptyText: { default: "" },
@@ -13116,6 +13420,7 @@ ${$(r2)}`), n2;
       exactSearchKey: { default: DEFAULT_EXACT_SEARCH_KEY },
       excludeUserIds: { default: () => [] },
       freePaste: { type: Boolean, default: false },
+      hasAvatar: { type: Boolean, default: false },
       placeholder: { default: "" },
       renderListItem: {},
       renderTag: {},
@@ -13178,7 +13483,9 @@ ${$(r2)}`), n2;
         () => isMaxCountReached.value || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)
       );
       const userTagCommonProps = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => ({
+        avatarBaseUrl: props.avatarBaseUrl,
         currentTenantId: props.tenantId,
+        hasAvatar: props.hasAvatar,
         renderTag: props.renderTag,
         tenants
       }));
@@ -13483,8 +13790,10 @@ ${$(r2)}`), n2;
           [
             __WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
             __WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
+              "avatar-base-url": _ctx.avatarBaseUrl,
               "container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
               "empty-text": computedEmptyText.value,
+              "has-avatar": _ctx.hasAvatar,
               "is-show": showDropdown.value,
               loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
               options: displayOptions.value,
@@ -13630,10 +13939,12 @@ ${$(r2)}`), n2;
                             __WEBPACK_EXTERNAL_MODULE_vue__.renderList(selectedUsers.value.slice(visibleUsers.value.length), (user) => {
                               return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
                                 key: user.id,
+                                "avatar-base-url": _ctx.avatarBaseUrl,
+                                "has-avatar": _ctx.hasAvatar,
                                 "tenant-id": _ctx.tenantId,
                                 tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
                                 user
-                              }, null, 8, ["tenant-id", "tenants", "user"]);
+                              }, null, 8, ["avatar-base-url", "has-avatar", "tenant-id", "tenants", "user"]);
                             }),
                             128
                             /* KEYED_FRAGMENT */
@@ -13680,7 +13991,7 @@ ${$(r2)}`), n2;
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
+            }, 8, ["avatar-base-url", "container-width", "empty-text", "has-avatar", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
           ],
           2
           /* CLASS */
@@ -13688,7 +13999,7 @@ ${$(r2)}`), n2;
       };
     }
   });
-  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65e61c1c"]]);
+  const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9975c7e1"]]);
   const vue2 = {
     model: {
       prop: "modelValue",