@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.
- 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/vue3/index.iife.min.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(".scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-user-selector-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.bk-user-selector-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-4f251ce1] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n white-space: nowrap;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-024fc663] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-024fc663] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-024fc663] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-024fc663] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-024fc663] {\n display: flex;\n align-items: center;\n height: 32px;\n padding: 8px 12px;\n cursor: pointer;\n}\n.dropdown-content .user-option[data-v-024fc663]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-48ac8fc1] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-48ac8fc1] {\n cursor: move;\n}\n.user-tag.active[data-v-48ac8fc1] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-48ac8fc1] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-48ac8fc1]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-48ac8fc1] {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n white-space: nowrap;\n}.bk-user-selector[data-v-65e61c1c] {\n position: relative;\n width: 100%;\n height: 32px;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-65e61c1c] {\n pointer-events: none;\n cursor: not-allowed;\n background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-65e61c1c] {\n position: relative;\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-65e61c1c] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-65e61c1c] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-list[data-v-65e61c1c] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-65e61c1c] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-65e61c1c] {\n min-width: 20px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.bk-user-selector .search-input[data-v-65e61c1c]::placeholder {\n color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-65e61c1c] {\n min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-65e61c1c], .bk-user-selector .search-input.search-input-collapsed[data-v-65e61c1c] {\n flex: 1;\n}\n.hidden-users[data-v-65e61c1c] {\n padding: 6px 10px;\n}.bk-user-selector-popover {\n padding: 0 !important;\n}"));
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-user-selector-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.bk-user-selector-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-4f251ce1] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n white-space: nowrap;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n}\n.me-tag[data-v-4f251ce1]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-4f251ce1] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-d5a338f0] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-d5a338f0] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-d5a338f0] {\n display: flex;\n align-items: center;\n padding: 8px 12px;\n color: #979ba5;\n}\n.dropdown-content .user-group .group-header .group-count[data-v-d5a338f0] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-d5a338f0] {\n display: flex;\n align-items: center;\n height: 32px;\n padding: 8px 12px;\n cursor: pointer;\n}\n.dropdown-content .user-option[data-v-d5a338f0]:hover {\n background-color: #f5f7fa;\n}.user-tag[data-v-1f2e0737] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-1f2e0737] {\n cursor: move;\n}\n.user-tag.active[data-v-1f2e0737] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-1f2e0737] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-1f2e0737]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-1f2e0737] {\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n white-space: nowrap;\n}.bk-user-selector[data-v-9975c7e1] {\n position: relative;\n width: 100%;\n height: 32px;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-9975c7e1] {\n pointer-events: none;\n cursor: not-allowed;\n background-color: #dcdee5;\n}\n.bk-user-selector .tags-container[data-v-9975c7e1] {\n position: relative;\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.bk-user-selector .tags-container.focused[data-v-9975c7e1] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.bk-user-selector .tags-container.tags-container-collapsed[data-v-9975c7e1] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-list[data-v-9975c7e1] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.bk-user-selector .tag-wrapper[data-v-9975c7e1] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.bk-user-selector .search-input[data-v-9975c7e1] {\n min-width: 20px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.bk-user-selector .search-input[data-v-9975c7e1]::placeholder {\n color: #c4c6cc;\n}\n.bk-user-selector .search-input.input-inline[data-v-9975c7e1] {\n min-width: 20px;\n}\n.bk-user-selector .search-input.input-last[data-v-9975c7e1], .bk-user-selector .search-input.search-input-collapsed[data-v-9975c7e1] {\n flex: 1;\n}\n.hidden-users[data-v-9975c7e1] {\n padding: 6px 10px;\n}.bk-user-selector-popover {\n padding: 0 !important;\n}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -4575,6 +4575,10 @@ ${$(r2)}`), n2;
|
|
|
4575
4575
|
/* reexport */
|
|
4576
4576
|
lang_en
|
|
4577
4577
|
),
|
|
4578
|
+
jp: () => (
|
|
4579
|
+
/* reexport */
|
|
4580
|
+
ja_jp
|
|
4581
|
+
),
|
|
4578
4582
|
zhCn: () => (
|
|
4579
4583
|
/* reexport */
|
|
4580
4584
|
zh_cn
|
|
@@ -4762,6 +4766,145 @@ ${$(r2)}`), n2;
|
|
|
4762
4766
|
}
|
|
4763
4767
|
};
|
|
4764
4768
|
const lang_en = en;
|
|
4769
|
+
var jp = {
|
|
4770
|
+
lang: "ja",
|
|
4771
|
+
steps: {
|
|
4772
|
+
step1: "ステップ1",
|
|
4773
|
+
step2: "ステップ2",
|
|
4774
|
+
step3: "ステップ3"
|
|
4775
|
+
},
|
|
4776
|
+
datePicker: {
|
|
4777
|
+
selectDate: "日付を選択",
|
|
4778
|
+
selectTime: "時間を選択",
|
|
4779
|
+
clear: "クリア",
|
|
4780
|
+
ok: "OK",
|
|
4781
|
+
weekdays: {
|
|
4782
|
+
sun: "日",
|
|
4783
|
+
mon: "月",
|
|
4784
|
+
tue: "火",
|
|
4785
|
+
wed: "水",
|
|
4786
|
+
thu: "木",
|
|
4787
|
+
fri: "金",
|
|
4788
|
+
sat: "土"
|
|
4789
|
+
},
|
|
4790
|
+
hour: "時",
|
|
4791
|
+
min: "分",
|
|
4792
|
+
sec: "秒",
|
|
4793
|
+
toNow: "現在まで"
|
|
4794
|
+
},
|
|
4795
|
+
dialog: {
|
|
4796
|
+
ok: "OK",
|
|
4797
|
+
cancel: "キャンセル",
|
|
4798
|
+
prev: "前へ",
|
|
4799
|
+
next: "次へ"
|
|
4800
|
+
},
|
|
4801
|
+
popConfirm: {
|
|
4802
|
+
ok: "OK",
|
|
4803
|
+
cancel: "キャンセル"
|
|
4804
|
+
},
|
|
4805
|
+
form: {
|
|
4806
|
+
notBeEmpty: "空にできません",
|
|
4807
|
+
incorrectFormat: "フォーマットが正しくありません",
|
|
4808
|
+
max: "最大値",
|
|
4809
|
+
min: "最小値",
|
|
4810
|
+
maxLen: "最大の長さ",
|
|
4811
|
+
verifyError: "検証エラー"
|
|
4812
|
+
},
|
|
4813
|
+
pagination: {
|
|
4814
|
+
eachPage: "各ページ",
|
|
4815
|
+
strip: "項目",
|
|
4816
|
+
total: "合計"
|
|
4817
|
+
},
|
|
4818
|
+
process: {
|
|
4819
|
+
step1: "ステップ1",
|
|
4820
|
+
step2: "ステップ2",
|
|
4821
|
+
step3: "ステップ3",
|
|
4822
|
+
step4: "ステップ4"
|
|
4823
|
+
},
|
|
4824
|
+
searchSelect: {
|
|
4825
|
+
pleaseSelect: "選択してください",
|
|
4826
|
+
loading: "ロード中...",
|
|
4827
|
+
filterQueryMustHasValue: "フィルターに一つ以上の値を選択する必要があります",
|
|
4828
|
+
ok: "OK",
|
|
4829
|
+
cancel: "キャンセル",
|
|
4830
|
+
or: "or",
|
|
4831
|
+
and: "and",
|
|
4832
|
+
logical: "ロジック:"
|
|
4833
|
+
},
|
|
4834
|
+
select: {
|
|
4835
|
+
noData: "データなし",
|
|
4836
|
+
noMatchedData: "一致するデータがありません",
|
|
4837
|
+
loading: "読み込み中...",
|
|
4838
|
+
pleaseSelect: "選択してください",
|
|
4839
|
+
enterKeywords: "キーワードを入力してください",
|
|
4840
|
+
all: "すべて",
|
|
4841
|
+
selectAll: "すべて選択"
|
|
4842
|
+
},
|
|
4843
|
+
table: {
|
|
4844
|
+
emptyText: "データがありません",
|
|
4845
|
+
confirm: "OK",
|
|
4846
|
+
reset: "リセット",
|
|
4847
|
+
sort: "ソート",
|
|
4848
|
+
setting: {
|
|
4849
|
+
title: "テーブル設定",
|
|
4850
|
+
fields: {
|
|
4851
|
+
title: "表示フィールド設定",
|
|
4852
|
+
subtitle: function subtitle(max2) {
|
|
4853
|
+
return "(最大".concat(max2, "項目)");
|
|
4854
|
+
},
|
|
4855
|
+
selectAll: "すべて選択"
|
|
4856
|
+
},
|
|
4857
|
+
lineHeight: {
|
|
4858
|
+
title: "テーブル行の高さ",
|
|
4859
|
+
small: "小",
|
|
4860
|
+
medium: "中",
|
|
4861
|
+
large: "大"
|
|
4862
|
+
},
|
|
4863
|
+
options: {
|
|
4864
|
+
ok: "OK",
|
|
4865
|
+
cancel: "キャンセル"
|
|
4866
|
+
}
|
|
4867
|
+
}
|
|
4868
|
+
},
|
|
4869
|
+
transfer: {
|
|
4870
|
+
sourceList: "ソースリスト",
|
|
4871
|
+
targetList: "ターゲットリスト",
|
|
4872
|
+
removeAll: "すべて削除",
|
|
4873
|
+
selectAll: "すべて選択",
|
|
4874
|
+
noData: "データがありません",
|
|
4875
|
+
noSelected: "選択されていません",
|
|
4876
|
+
search: "検索"
|
|
4877
|
+
},
|
|
4878
|
+
upload: {
|
|
4879
|
+
uploadSuccess: "アップロード成功",
|
|
4880
|
+
uploadFailed: "アップロード失敗",
|
|
4881
|
+
drapFileOr: "ここにファイルをドラッグまたは",
|
|
4882
|
+
clickUpload: "クリックしてアップロード",
|
|
4883
|
+
uploadLabel: "ファイルをアップロード"
|
|
4884
|
+
},
|
|
4885
|
+
input: {
|
|
4886
|
+
placeholder: "入力してください",
|
|
4887
|
+
maxlengthLimitTips: "文字数制限に達しました"
|
|
4888
|
+
},
|
|
4889
|
+
tagInput: {
|
|
4890
|
+
placeholder: "入力してEnterキーで終了"
|
|
4891
|
+
},
|
|
4892
|
+
message: {
|
|
4893
|
+
assistant: "アシスタント",
|
|
4894
|
+
details: "詳細",
|
|
4895
|
+
copySuccess: "コピー成功",
|
|
4896
|
+
copyFailed: "コピー失敗"
|
|
4897
|
+
},
|
|
4898
|
+
cascader: {
|
|
4899
|
+
pleaseSelect: "選択してください",
|
|
4900
|
+
noData: "データがありません",
|
|
4901
|
+
emptyText: "該当する検索結果がありません"
|
|
4902
|
+
},
|
|
4903
|
+
versionLog: {
|
|
4904
|
+
current: "現在のバージョン"
|
|
4905
|
+
}
|
|
4906
|
+
};
|
|
4907
|
+
const ja_jp = jp;
|
|
4765
4908
|
var zhCn = {
|
|
4766
4909
|
lang: "zh-cn",
|
|
4767
4910
|
steps: {
|
|
@@ -4945,6 +5088,7 @@ ${$(r2)}`), n2;
|
|
|
4945
5088
|
};
|
|
4946
5089
|
const zh_cn = zhCn;
|
|
4947
5090
|
__webpack_exports__$5.en;
|
|
5091
|
+
__webpack_exports__$5.jp;
|
|
4948
5092
|
var __webpack_exports__zhCn = __webpack_exports__$5.zhCn;
|
|
4949
5093
|
var __webpack_require__$4 = {};
|
|
4950
5094
|
(() => {
|
|
@@ -5603,21 +5747,28 @@ ${$(r2)}`), n2;
|
|
|
5603
5747
|
mounted: function mounted(el, binding) {
|
|
5604
5748
|
if (binding.value) {
|
|
5605
5749
|
createInstance(el, binding);
|
|
5750
|
+
if (!binding.value.loading) {
|
|
5751
|
+
var _instance$vm;
|
|
5752
|
+
var instance = el[INSTANCE_KEY];
|
|
5753
|
+
if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
|
|
5754
|
+
instance.vm.$el.parentNode.style.display = "none";
|
|
5755
|
+
}
|
|
5756
|
+
}
|
|
5606
5757
|
}
|
|
5607
5758
|
},
|
|
5608
5759
|
updated: function updated(el, binding) {
|
|
5609
|
-
var _instance$
|
|
5760
|
+
var _instance$vm2;
|
|
5610
5761
|
var instance = el[INSTANCE_KEY];
|
|
5611
5762
|
var value = binding.value;
|
|
5612
5763
|
updateOptions(value, instance.options);
|
|
5613
|
-
if (instance !== null && instance !== void 0 && (_instance$
|
|
5764
|
+
if (instance !== null && instance !== void 0 && (_instance$vm2 = instance.vm) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.$el) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.parentNode) !== null && _instance$vm2 !== void 0 && _instance$vm2.style) {
|
|
5614
5765
|
instance.vm.$el.parentNode.style.display = value.loading ? "" : "none";
|
|
5615
5766
|
}
|
|
5616
5767
|
},
|
|
5617
5768
|
unmounted: function unmounted(el) {
|
|
5618
|
-
var _instance$
|
|
5769
|
+
var _instance$vm3, _instance$instance;
|
|
5619
5770
|
var instance = el[INSTANCE_KEY];
|
|
5620
|
-
el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$
|
|
5771
|
+
el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm3 = instance.vm) === null || _instance$vm3 === void 0 || (_instance$vm3 = _instance$vm3.$el) === null || _instance$vm3 === void 0 ? void 0 : _instance$vm3.parentNode);
|
|
5621
5772
|
instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
|
|
5622
5773
|
el[INSTANCE_KEY] = null;
|
|
5623
5774
|
}
|
|
@@ -6083,7 +6234,7 @@ ${$(r2)}`), n2;
|
|
|
6083
6234
|
__webpack_require__$1.d(x3, y2);
|
|
6084
6235
|
return x3;
|
|
6085
6236
|
};
|
|
6086
|
-
const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["
|
|
6237
|
+
const external_vue_namespaceObject2 = external_vue_x2({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Teleport, ["Text"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.Text, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.render, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue____namespace.watch });
|
|
6087
6238
|
function _createForOfIteratorHelper(o2, allowArrayLike) {
|
|
6088
6239
|
var it = typeof Symbol !== "undefined" && o2[Symbol.iterator] || o2["@@iterator"];
|
|
6089
6240
|
if (!it) {
|
|
@@ -6365,7 +6516,6 @@ ${$(r2)}`), n2;
|
|
|
6365
6516
|
var refContent = (0, external_vue_namespaceObject2.ref)(null);
|
|
6366
6517
|
var refTimer = (0, external_vue_namespaceObject2.ref)(null);
|
|
6367
6518
|
var handleClick = function handleClick2(evt) {
|
|
6368
|
-
evt.stopPropagation();
|
|
6369
6519
|
emit("click", evt);
|
|
6370
6520
|
};
|
|
6371
6521
|
var resetPointerEvent = function resetPointerEvent2() {
|
|
@@ -6466,7 +6616,7 @@ ${$(r2)}`), n2;
|
|
|
6466
6616
|
/**
|
|
6467
6617
|
* 弹出内容绑定元素
|
|
6468
6618
|
*/
|
|
6469
|
-
boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]),
|
|
6619
|
+
boundary: shared_namespaceObject2.PropTypes.oneOfType([shared_namespaceObject2.PropTypes.string.def("parent"), shared_namespaceObject2.PropTypes.instanceOf(HTMLElement)]).def("body"),
|
|
6470
6620
|
zIndex: shared_namespaceObject2.PropTypes.number.def(void 0),
|
|
6471
6621
|
disableTeleport: shared_namespaceObject2.PropTypes.bool.def(false),
|
|
6472
6622
|
/**
|
|
@@ -8362,6 +8512,23 @@ ${$(r2)}`), n2;
|
|
|
8362
8512
|
}, {});
|
|
8363
8513
|
var contentClass = "".concat(customThemeCls);
|
|
8364
8514
|
var cleanup = null;
|
|
8515
|
+
var clearAllTimers = function clearAllTimers2() {
|
|
8516
|
+
if (popHideTimerId) {
|
|
8517
|
+
clearTimeout(popHideTimerId);
|
|
8518
|
+
popHideTimerId = void 0;
|
|
8519
|
+
}
|
|
8520
|
+
if (popShowTimerId) {
|
|
8521
|
+
clearTimeout(popShowTimerId);
|
|
8522
|
+
popShowTimerId = void 0;
|
|
8523
|
+
}
|
|
8524
|
+
};
|
|
8525
|
+
var wrappedCleanup = function wrappedCleanup2() {
|
|
8526
|
+
clearAllTimers();
|
|
8527
|
+
if (cleanup) {
|
|
8528
|
+
cleanup();
|
|
8529
|
+
cleanup = null;
|
|
8530
|
+
}
|
|
8531
|
+
};
|
|
8365
8532
|
var getRoundPixelVal = function getRoundPixelVal2(val) {
|
|
8366
8533
|
var dpr = window.devicePixelRatio || 1;
|
|
8367
8534
|
return Math.round(val * dpr) / dpr || 0;
|
|
@@ -8410,7 +8577,28 @@ ${$(r2)}`), n2;
|
|
|
8410
8577
|
}
|
|
8411
8578
|
};
|
|
8412
8579
|
var createPopInstance = function createPopInstance2() {
|
|
8580
|
+
var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
|
|
8413
8581
|
var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
|
|
8582
|
+
if (!elReference || !elContent) {
|
|
8583
|
+
if (retryCount >= 10) {
|
|
8584
|
+
console.warn("[Popover] Failed to create popover instance: elements not found after retries");
|
|
8585
|
+
return;
|
|
8586
|
+
}
|
|
8587
|
+
(0, external_vue_namespaceObject2.nextTick)(function() {
|
|
8588
|
+
createPopInstance2(retryCount + 1);
|
|
8589
|
+
});
|
|
8590
|
+
return;
|
|
8591
|
+
}
|
|
8592
|
+
if (!elReference.isConnected || !elContent.isConnected) {
|
|
8593
|
+
if (retryCount >= 10) {
|
|
8594
|
+
console.warn("[Popover] Failed to create popover instance: elements not connected to DOM after retries");
|
|
8595
|
+
return;
|
|
8596
|
+
}
|
|
8597
|
+
(0, external_vue_namespaceObject2.nextTick)(function() {
|
|
8598
|
+
createPopInstance2(retryCount + 1);
|
|
8599
|
+
});
|
|
8600
|
+
return;
|
|
8601
|
+
}
|
|
8414
8602
|
cleanup = autoUpdate(elReference, elContent, function() {
|
|
8415
8603
|
if (localIsShow.value) {
|
|
8416
8604
|
updatePopover(null, props);
|
|
@@ -8455,6 +8643,9 @@ ${$(r2)}`), n2;
|
|
|
8455
8643
|
var showPopover = function showPopover2() {
|
|
8456
8644
|
var delay = resolvePopoverDelay()[0];
|
|
8457
8645
|
popShowTimerId = setTimeout(function() {
|
|
8646
|
+
if (!refContent.value) {
|
|
8647
|
+
return;
|
|
8648
|
+
}
|
|
8458
8649
|
if (!props.disabled) {
|
|
8459
8650
|
localIsShow.value = true;
|
|
8460
8651
|
}
|
|
@@ -8463,6 +8654,9 @@ ${$(r2)}`), n2;
|
|
|
8463
8654
|
var hidePopover = function hidePopover2() {
|
|
8464
8655
|
var delay = resolvePopoverDelay()[1];
|
|
8465
8656
|
popHideTimerId = setTimeout(function() {
|
|
8657
|
+
if (!refContent.value) {
|
|
8658
|
+
return;
|
|
8659
|
+
}
|
|
8466
8660
|
popShowTimerId && clearTimeout(popShowTimerId);
|
|
8467
8661
|
localIsShow.value = false;
|
|
8468
8662
|
}, delay);
|
|
@@ -8470,20 +8664,30 @@ ${$(r2)}`), n2;
|
|
|
8470
8664
|
var handlePopoverShow = function handlePopoverShow2() {
|
|
8471
8665
|
var _refContent$value2;
|
|
8472
8666
|
var elContent = resolveTargetElement((_refContent$value2 = refContent.value) === null || _refContent$value2 === void 0 ? void 0 : _refContent$value2.$el);
|
|
8667
|
+
if (!elContent) {
|
|
8668
|
+
return;
|
|
8669
|
+
}
|
|
8473
8670
|
elContent.style.setProperty("display", "block");
|
|
8474
8671
|
elContent.style.setProperty("z-index", "".concat(props.zIndex ? props.zIndex : shared_namespaceObject2.bkZIndexManager.getPopperIndex()));
|
|
8475
8672
|
updatePopover();
|
|
8476
|
-
ctx.emit
|
|
8477
|
-
|
|
8478
|
-
|
|
8673
|
+
if (ctx !== null && ctx !== void 0 && ctx.emit) {
|
|
8674
|
+
ctx.emit(EMIT_EVENTS.CONTENT_AfterShow, {
|
|
8675
|
+
isShow: true
|
|
8676
|
+
});
|
|
8677
|
+
}
|
|
8479
8678
|
};
|
|
8480
8679
|
var handlePopoverHide = function handlePopoverHide2() {
|
|
8481
8680
|
var _refContent$value3;
|
|
8482
8681
|
var elContent = resolveTargetElement((_refContent$value3 = refContent.value) === null || _refContent$value3 === void 0 ? void 0 : _refContent$value3.$el);
|
|
8682
|
+
if (!elContent) {
|
|
8683
|
+
return;
|
|
8684
|
+
}
|
|
8483
8685
|
elContent.style.setProperty("display", "none");
|
|
8484
|
-
ctx.emit
|
|
8485
|
-
|
|
8486
|
-
|
|
8686
|
+
if (ctx !== null && ctx !== void 0 && ctx.emit) {
|
|
8687
|
+
ctx.emit(EMIT_EVENTS.CONTENT_AfterHidden, {
|
|
8688
|
+
isShow: false
|
|
8689
|
+
});
|
|
8690
|
+
}
|
|
8487
8691
|
};
|
|
8488
8692
|
var triggerPopover = function triggerPopover2() {
|
|
8489
8693
|
if (!localIsShow.value) {
|
|
@@ -8512,10 +8716,14 @@ ${$(r2)}`), n2;
|
|
|
8512
8716
|
emitPopContentMouseLeave(e);
|
|
8513
8717
|
};
|
|
8514
8718
|
var emitPopContentMouseEnter = function emitPopContentMouseEnter2(e) {
|
|
8515
|
-
ctx.emit
|
|
8719
|
+
if (ctx !== null && ctx !== void 0 && ctx.emit) {
|
|
8720
|
+
ctx.emit(EMIT_EVENTS.CONTENT_MOUSEENTER, e);
|
|
8721
|
+
}
|
|
8516
8722
|
};
|
|
8517
8723
|
var emitPopContentMouseLeave = function emitPopContentMouseLeave2(e) {
|
|
8518
|
-
ctx.emit
|
|
8724
|
+
if (ctx !== null && ctx !== void 0 && ctx.emit) {
|
|
8725
|
+
ctx.emit(EMIT_EVENTS.CONTENT_MOUSELEAVE, e);
|
|
8726
|
+
}
|
|
8519
8727
|
};
|
|
8520
8728
|
var resolveTriggerEvents = function resolveTriggerEvents2() {
|
|
8521
8729
|
var _triggerEvents$props$;
|
|
@@ -8567,13 +8775,13 @@ ${$(r2)}`), n2;
|
|
|
8567
8775
|
getFullscreenRoot: getFullscreenRoot2,
|
|
8568
8776
|
stopHide,
|
|
8569
8777
|
localIsShow,
|
|
8570
|
-
cleanup
|
|
8778
|
+
cleanup: wrappedCleanup
|
|
8571
8779
|
};
|
|
8572
8780
|
};
|
|
8573
|
-
var popContainerId2 =
|
|
8574
|
-
var parentNodeReferId = null;
|
|
8781
|
+
var popContainerId2 = "id_".concat(esm_browser_v42());
|
|
8575
8782
|
const use_popper_id = function(props) {
|
|
8576
8783
|
var prefix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "#";
|
|
8784
|
+
var parentNodeReferId = "id_".concat(esm_browser_v42());
|
|
8577
8785
|
var getPrefixId = function getPrefixId2(root3) {
|
|
8578
8786
|
var resolvedBoundary = null;
|
|
8579
8787
|
var resolveBoundary = function resolveBoundary2(fn) {
|
|
@@ -8582,8 +8790,7 @@ ${$(r2)}`), n2;
|
|
|
8582
8790
|
}
|
|
8583
8791
|
};
|
|
8584
8792
|
var resolveParentBoundary = function resolveParentBoundary2() {
|
|
8585
|
-
if (/^parent$/i.test(props.boundary)) {
|
|
8586
|
-
resolvedBoundary = "".concat(prefix).concat(popContainerId2);
|
|
8793
|
+
if (/^parent$/i.test(props.boundary) || !props.boundary) {
|
|
8587
8794
|
var _ref = root3 || {}, parentNode = _ref.parentNode;
|
|
8588
8795
|
if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
|
|
8589
8796
|
parentNode.parentNode.setAttribute("data-pnode-id", parentNodeReferId);
|
|
@@ -8592,42 +8799,53 @@ ${$(r2)}`), n2;
|
|
|
8592
8799
|
}
|
|
8593
8800
|
};
|
|
8594
8801
|
var resolveCommonBoundary = function resolveCommonBoundary2() {
|
|
8595
|
-
if (
|
|
8596
|
-
|
|
8597
|
-
|
|
8598
|
-
|
|
8599
|
-
|
|
8600
|
-
|
|
8601
|
-
|
|
8602
|
-
|
|
8603
|
-
|
|
8604
|
-
|
|
8605
|
-
|
|
8606
|
-
|
|
8607
|
-
|
|
8802
|
+
if (typeof props.boundary === "string" && /^body$/i.test(props.boundary)) {
|
|
8803
|
+
resolvedBoundary = "".concat(prefix).concat(popContainerId2);
|
|
8804
|
+
return;
|
|
8805
|
+
}
|
|
8806
|
+
if (props.boundary === document.body) {
|
|
8807
|
+
resolvedBoundary = "".concat(prefix).concat(popContainerId2);
|
|
8808
|
+
return;
|
|
8809
|
+
}
|
|
8810
|
+
if (typeof props.boundary === "string") {
|
|
8811
|
+
resolvedBoundary = props.boundary;
|
|
8812
|
+
return;
|
|
8813
|
+
}
|
|
8814
|
+
if (utils_isElement(props.boundary)) {
|
|
8815
|
+
resolvedBoundary = props.boundary;
|
|
8816
|
+
return;
|
|
8608
8817
|
}
|
|
8609
8818
|
};
|
|
8610
8819
|
resolveBoundary(resolveParentBoundary);
|
|
8611
8820
|
resolveBoundary(resolveCommonBoundary);
|
|
8612
8821
|
resolveBoundary(function() {
|
|
8613
|
-
resolvedBoundary =
|
|
8822
|
+
resolvedBoundary = "".concat(prefix).concat(popContainerId2);
|
|
8614
8823
|
});
|
|
8615
8824
|
return resolvedBoundary;
|
|
8616
8825
|
};
|
|
8617
|
-
if (
|
|
8618
|
-
popContainerId2 = "id_".concat(esm_browser_v42());
|
|
8826
|
+
if (!isAvailableId("#".concat(popContainerId2))) {
|
|
8619
8827
|
var popContainer = document.createElement("div");
|
|
8620
8828
|
popContainer.setAttribute("id", popContainerId2);
|
|
8621
8829
|
popContainer.setAttribute("data-popper-id", popContainerId2);
|
|
8622
8830
|
document.body.append(popContainer);
|
|
8623
8831
|
}
|
|
8624
|
-
|
|
8625
|
-
|
|
8626
|
-
|
|
8832
|
+
var clearParentNodeId = function clearParentNodeId2(root3) {
|
|
8833
|
+
if (/^parent$/i.test(props.boundary)) {
|
|
8834
|
+
var _ref2 = root3 || {}, parentNode = _ref2.parentNode;
|
|
8835
|
+
if (parentNode !== null && parentNode !== void 0 && parentNode.parentNode) {
|
|
8836
|
+
var attr = parentNode.parentNode.getAttribute("data-pnode-id");
|
|
8837
|
+
if (attr === parentNodeReferId) {
|
|
8838
|
+
parentNode.parentNode.removeAttribute("data-pnode-id");
|
|
8839
|
+
}
|
|
8840
|
+
}
|
|
8841
|
+
}
|
|
8842
|
+
};
|
|
8627
8843
|
return {
|
|
8628
8844
|
popContainerId: popContainerId2,
|
|
8629
8845
|
prefixId: getPrefixId(),
|
|
8630
|
-
getPrefixId
|
|
8846
|
+
getPrefixId,
|
|
8847
|
+
parentNodeReferId,
|
|
8848
|
+
clearParentNodeId
|
|
8631
8849
|
};
|
|
8632
8850
|
};
|
|
8633
8851
|
const use_popover_init = function(props, ctx, _ref) {
|
|
@@ -8662,7 +8880,18 @@ ${$(r2)}`), n2;
|
|
|
8662
8880
|
}
|
|
8663
8881
|
};
|
|
8664
8882
|
var addEventToPopTargetEl = function addEventToPopTargetEl2() {
|
|
8883
|
+
var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
|
|
8665
8884
|
var _resolvePopElements = resolvePopElements(), elReference = _resolvePopElements.elReference, elContent = _resolvePopElements.elContent;
|
|
8885
|
+
if (!elReference) {
|
|
8886
|
+
if (retryCount >= 10) {
|
|
8887
|
+
console.warn("[Popover] Failed to add events: reference element not found after retries");
|
|
8888
|
+
return;
|
|
8889
|
+
}
|
|
8890
|
+
(0, external_vue_namespaceObject2.nextTick)(function() {
|
|
8891
|
+
addEventToPopTargetEl2(retryCount + 1);
|
|
8892
|
+
});
|
|
8893
|
+
return;
|
|
8894
|
+
}
|
|
8666
8895
|
storeEvents = resolveTriggerEvents();
|
|
8667
8896
|
storeEvents.forEach(function(storeEvent) {
|
|
8668
8897
|
if (Array.isArray(storeEvent)) {
|
|
@@ -8670,11 +8899,16 @@ ${$(r2)}`), n2;
|
|
|
8670
8899
|
} else {
|
|
8671
8900
|
var content2 = storeEvent.content, reference3 = storeEvent.reference;
|
|
8672
8901
|
addEventToTargetEl(elReference, reference3);
|
|
8673
|
-
|
|
8902
|
+
if (elContent) {
|
|
8903
|
+
addEventToTargetEl(elContent, content2);
|
|
8904
|
+
}
|
|
8674
8905
|
}
|
|
8675
8906
|
});
|
|
8676
8907
|
};
|
|
8677
8908
|
var addEventToTargetEl = function addEventToTargetEl2(target, evets) {
|
|
8909
|
+
if (!target) {
|
|
8910
|
+
return;
|
|
8911
|
+
}
|
|
8678
8912
|
evets.forEach(function(_ref2) {
|
|
8679
8913
|
var _ref3 = _slicedToArray(_ref2, 2), event = _ref3[0], listener = _ref3[1];
|
|
8680
8914
|
if (event && typeof listener === "function") {
|
|
@@ -8726,12 +8960,14 @@ ${$(r2)}`), n2;
|
|
|
8726
8960
|
if (isFullscreen.value) {
|
|
8727
8961
|
var _fullScreenTarget$val;
|
|
8728
8962
|
var _ref10 = elReference || root3 || {}, parentNode = _ref10.parentNode;
|
|
8729
|
-
|
|
8963
|
+
var fullscreenBoundary = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
|
|
8964
|
+
boundary.value = fullscreenBoundary || "body";
|
|
8730
8965
|
return;
|
|
8731
8966
|
}
|
|
8732
|
-
|
|
8967
|
+
var resolvedBoundary = getPrefixId(root3 || elReference);
|
|
8968
|
+
boundary.value = resolvedBoundary || "body";
|
|
8733
8969
|
};
|
|
8734
|
-
var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId;
|
|
8970
|
+
var _usePopperId = use_popper_id(props, "#"), getPrefixId = _usePopperId.getPrefixId, clearParentNodeId = _usePopperId.clearParentNodeId;
|
|
8735
8971
|
var setFullscreenTag = function setFullscreenTag2() {
|
|
8736
8972
|
var _fullScreenTarget$val2;
|
|
8737
8973
|
fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute("data-fllsrn-id", fullscreenReferId);
|
|
@@ -8743,7 +8979,7 @@ ${$(r2)}`), n2;
|
|
|
8743
8979
|
element === null || element === void 0 || element.removeAttribute("data-fllsrn-id");
|
|
8744
8980
|
});
|
|
8745
8981
|
};
|
|
8746
|
-
var boundary = (0, external_vue_namespaceObject2.ref)();
|
|
8982
|
+
var boundary = (0, external_vue_namespaceObject2.ref)("body");
|
|
8747
8983
|
var beforeInstanceUnmount = function beforeInstanceUnmount2() {
|
|
8748
8984
|
removeEventListener();
|
|
8749
8985
|
};
|
|
@@ -8765,25 +9001,39 @@ ${$(r2)}`), n2;
|
|
|
8765
9001
|
if (props.disabled) {
|
|
8766
9002
|
return;
|
|
8767
9003
|
}
|
|
8768
|
-
initPopInstance();
|
|
8769
9004
|
if (isElementFullScreen()) {
|
|
8770
9005
|
var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
|
|
8771
9006
|
var target = getFullscreenRoot2(query);
|
|
8772
9007
|
updateFullscreen(target);
|
|
8773
9008
|
}
|
|
8774
9009
|
updateBoundary();
|
|
9010
|
+
initPopInstance();
|
|
8775
9011
|
document.body.addEventListener("fullscreenchange", handleFullscreenChange);
|
|
9012
|
+
document.addEventListener("click", handleClickOutside);
|
|
8776
9013
|
};
|
|
8777
9014
|
var onUnmountedFn = function onUnmountedFn2() {
|
|
8778
9015
|
beforeInstanceUnmount();
|
|
9016
|
+
var _resolvePopElements4 = resolvePopElements(), root3 = _resolvePopElements4.root;
|
|
9017
|
+
clearParentNodeId(root3);
|
|
8779
9018
|
document.body.removeEventListener("fullscreenchange", handleFullscreenChange);
|
|
8780
|
-
|
|
8781
|
-
|
|
8782
|
-
|
|
9019
|
+
document.removeEventListener("click", handleClickOutside);
|
|
9020
|
+
};
|
|
9021
|
+
var isClickInside = function isClickInside2(target) {
|
|
9022
|
+
var _refContent$value$$el, _refContent$value, _refContent$value$con;
|
|
9023
|
+
return (_refContent$value$$el = (_refContent$value = refContent.value) === null || _refContent$value === void 0 || (_refContent$value = _refContent$value.$el) === null || _refContent$value === void 0 || (_refContent$value$con = _refContent$value.contains) === null || _refContent$value$con === void 0 ? void 0 : _refContent$value$con.call(_refContent$value, target)) !== null && _refContent$value$$el !== void 0 ? _refContent$value$$el : false;
|
|
9024
|
+
};
|
|
9025
|
+
var handleClickOutside = function handleClickOutside2(e) {
|
|
9026
|
+
var target = e.target;
|
|
9027
|
+
if (isClickInside(target)) {
|
|
9028
|
+
e.preventDefault();
|
|
9029
|
+
e.stopPropagation();
|
|
9030
|
+
e.stopImmediatePropagation();
|
|
9031
|
+
return;
|
|
9032
|
+
}
|
|
8783
9033
|
var commonFunc = function commonFunc2() {
|
|
8784
9034
|
ctx.emit(EMIT_EVENTS.CLICK_OUTSIDE, {
|
|
8785
9035
|
isShow: localIsShow.value,
|
|
8786
|
-
event:
|
|
9036
|
+
event: e
|
|
8787
9037
|
});
|
|
8788
9038
|
var needExec = props.disableOutsideClick || props.always || props.disabled || props.trigger === "manual";
|
|
8789
9039
|
if (!props.forceClickoutside && needExec) {
|
|
@@ -8793,7 +9043,7 @@ ${$(r2)}`), n2;
|
|
|
8793
9043
|
hideFn();
|
|
8794
9044
|
}
|
|
8795
9045
|
};
|
|
8796
|
-
if (hideIgnoreReference) {
|
|
9046
|
+
if (props.hideIgnoreReference) {
|
|
8797
9047
|
setTimeout(function() {
|
|
8798
9048
|
if (ReferenceClickSharedState[uniqKey]) {
|
|
8799
9049
|
ReferenceClickSharedState[uniqKey] = false;
|
|
@@ -8854,7 +9104,7 @@ ${$(r2)}`), n2;
|
|
|
8854
9104
|
refContent,
|
|
8855
9105
|
refArrow,
|
|
8856
9106
|
refRoot
|
|
8857
|
-
}), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn,
|
|
9107
|
+
}), onMountedFn = _usePopoverInit.onMountedFn, onUnmountedFn = _usePopoverInit.onUnmountedFn, beforeInstanceUnmount = _usePopoverInit.beforeInstanceUnmount, initPopInstance = _usePopoverInit.initPopInstance, showFn = _usePopoverInit.showFn, hideFn = _usePopoverInit.hideFn, showPopover = _usePopoverInit.showPopover, hidePopover = _usePopoverInit.hidePopover, updatePopover = _usePopoverInit.updatePopover, resetPopover = _usePopoverInit.resetPopover, stopHide = _usePopoverInit.stopHide, localIsShow = _usePopoverInit.localIsShow, boundary = _usePopoverInit.boundary, uniqKey = _usePopoverInit.uniqKey;
|
|
8858
9108
|
if (!props.always && !props.disabled) {
|
|
8859
9109
|
(0, external_vue_namespaceObject2.watch)(function() {
|
|
8860
9110
|
return props.isShow;
|
|
@@ -8873,7 +9123,6 @@ ${$(r2)}`), n2;
|
|
|
8873
9123
|
initPopInstance();
|
|
8874
9124
|
}
|
|
8875
9125
|
});
|
|
8876
|
-
updateBoundary();
|
|
8877
9126
|
(0, external_vue_namespaceObject2.onMounted)(onMountedFn);
|
|
8878
9127
|
(0, external_vue_namespaceObject2.onBeforeUnmount)(onUnmountedFn);
|
|
8879
9128
|
var isRenderModeShow = (0, external_vue_namespaceObject2.computed)(function() {
|
|
@@ -8920,7 +9169,6 @@ ${$(r2)}`), n2;
|
|
|
8920
9169
|
isRenderModeShow,
|
|
8921
9170
|
transBoundary,
|
|
8922
9171
|
handleClickContent,
|
|
8923
|
-
handleClickOutside,
|
|
8924
9172
|
updatePopover,
|
|
8925
9173
|
resetPopover,
|
|
8926
9174
|
hide: hide2,
|
|
@@ -8967,7 +9215,7 @@ ${$(r2)}`), n2;
|
|
|
8967
9215
|
"to": _this.boundary
|
|
8968
9216
|
}, {
|
|
8969
9217
|
"default": function _default2() {
|
|
8970
|
-
return [(0, external_vue_namespaceObject2.
|
|
9218
|
+
return [(0, external_vue_namespaceObject2.createVNode)(content, {
|
|
8971
9219
|
"ref": "refContent",
|
|
8972
9220
|
"width": _this.width,
|
|
8973
9221
|
"height": _this.height,
|
|
@@ -8992,9 +9240,7 @@ ${$(r2)}`), n2;
|
|
|
8992
9240
|
}
|
|
8993
9241
|
}) : "";
|
|
8994
9242
|
}
|
|
8995
|
-
})
|
|
8996
|
-
return _this.handleClickOutside(e, _this.hideIgnoreReference);
|
|
8997
|
-
}]])];
|
|
9243
|
+
})];
|
|
8998
9244
|
}
|
|
8999
9245
|
})];
|
|
9000
9246
|
}
|
|
@@ -12238,7 +12484,7 @@ ${$(r2)}`), n2;
|
|
|
12238
12484
|
};
|
|
12239
12485
|
const lookupUsers = async (params) => {
|
|
12240
12486
|
const { apiBaseUrl, tenantId, exactSearchKey = "bk_username", usersList = [], enableMultiTenantMode = true } = params;
|
|
12241
|
-
const users = usersList.filter(Boolean).map((user) => user.trim());
|
|
12487
|
+
const users = usersList.filter(Boolean).map((user) => typeof user === "string" ? user.trim() : String(user).trim());
|
|
12242
12488
|
if (!enableMultiTenantMode) {
|
|
12243
12489
|
try {
|
|
12244
12490
|
const userList = await getUserList(apiBaseUrl, { userIds: users });
|
|
@@ -12276,12 +12522,14 @@ ${$(r2)}`), n2;
|
|
|
12276
12522
|
...user,
|
|
12277
12523
|
id: user.username,
|
|
12278
12524
|
name: `${user.display_name}(${user.username})`,
|
|
12525
|
+
type: user.data_source_type,
|
|
12279
12526
|
tenantId: user.owner_tenant_id
|
|
12280
12527
|
}));
|
|
12281
12528
|
}
|
|
12282
12529
|
return users.map((user) => ({
|
|
12283
12530
|
id: user.bk_username,
|
|
12284
12531
|
name: user.display_name,
|
|
12532
|
+
type: user.data_source_type,
|
|
12285
12533
|
tenantId: user.owner_tenant_id,
|
|
12286
12534
|
...user
|
|
12287
12535
|
}));
|
|
@@ -12464,9 +12712,11 @@ ${$(r2)}`), n2;
|
|
|
12464
12712
|
}
|
|
12465
12713
|
if (variables) {
|
|
12466
12714
|
target = target[pathStack[i2]];
|
|
12467
|
-
|
|
12468
|
-
|
|
12469
|
-
|
|
12715
|
+
if (typeof target === "string") {
|
|
12716
|
+
Object.keys(variables).forEach((key) => {
|
|
12717
|
+
target = target.replace(`{${key}}`, variables[key]);
|
|
12718
|
+
});
|
|
12719
|
+
}
|
|
12470
12720
|
} else {
|
|
12471
12721
|
target = target[pathStack[i2]];
|
|
12472
12722
|
}
|
|
@@ -12698,10 +12948,12 @@ ${$(r2)}`), n2;
|
|
|
12698
12948
|
const performSearch = async (keyword) => {
|
|
12699
12949
|
if (!(keyword == null ? void 0 : keyword.length)) {
|
|
12700
12950
|
searchResults.value = [];
|
|
12951
|
+
loading2.value = false;
|
|
12701
12952
|
return;
|
|
12702
12953
|
}
|
|
12703
12954
|
if (enableMultiTenantMode && (!apiBaseUrl || !tenantId)) {
|
|
12704
12955
|
console.warn("执行用户搜索需要提供有效的API基础URL和租户ID");
|
|
12956
|
+
loading2.value = false;
|
|
12705
12957
|
return;
|
|
12706
12958
|
}
|
|
12707
12959
|
loading2.value = true;
|
|
@@ -12824,6 +13076,9 @@ ${$(r2)}`), n2;
|
|
|
12824
13076
|
return target;
|
|
12825
13077
|
};
|
|
12826
13078
|
const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f251ce1"]]);
|
|
13079
|
+
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";
|
|
13080
|
+
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";
|
|
13081
|
+
const VirtualAvatar = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/虚拟icon%3c/title%3e%3cg%20id='Icon/虚拟icon'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M27.4705882,3%20C28.315259,3%2029,3.68474098%2029,4.52941178%20L29,22.4623054%20C29,23.3069762%2028.315259,23.9917172%2027.4705882,23.9917172%20L20.5882353,23.9917172%20L20.5882353,27.0244081%20L24.0294118,27.0244081%20C24.2405794,27.0244081%2024.4117647,27.1955933%2024.4117647,27.406761%20L24.4117647,28.617647%20C24.4117647,28.8288148%2024.2405795,29%2024.0294118,29%20L7.97058824,29%20C7.75942054,29%207.58823529,28.8288148%207.58823529,28.617647%20L7.58823529,27.406761%20C7.58823531,27.1955933%207.75942055,27.0244081%207.97058824,27.0244081%20L11.4117647,27.0244081%20L11.4117647,23.9917172%20L4.52941178,23.9917172%20C3.68474098,23.9917172%203,23.3069762%203,22.4623054%20L3,4.52941178%20C3,3.68474098%203.68474098,3%204.52941178,3%20L27.4705882,3%20Z%20M19,24%20L13,24%20L13,27%20L19,27%20L19,24%20Z%20M23.4117647,7%20L8.58823529,7%20C8.03595054,7%207.58823529,7.44771525%207.58823529,8%20L7.58823529,19%20C7.58823529,19.5522847%208.03595054,20%208.58823529,20%20L23.4117647,20%20C23.9640495,20%2024.4117647,19.5522847%2024.4117647,19%20L24.4117647,8%20C24.4117647,7.44771525%2023.9640495,7%2023.4117647,7%20Z%20M12,10%20C12.5522847,10%2013,10.4477153%2013,11%20L13,13%20C13,13.5522847%2012.5522847,14%2012,14%20C11.4477153,14%2011,13.5522847%2011,13%20L11,11%20C11,10.4477153%2011.4477153,10%2012,10%20Z%20M20,10%20C20.5522847,10%2021,10.4477153%2021,11%20L21,13%20C21,13.5522847%2020.5522847,14%2020,14%20C19.4477153,14%2019,13.5522847%2019,13%20L19,11%20C19,10.4477153%2019.4477153,10%2020,10%20Z%20M26,5%20C25.4477153,5%2025,5.44771525%2025,6%20C25,6.55228475%2025.4477153,7%2026,7%20C26.5522847,7%2027,6.55228475%2027,6%20C27,5.44771525%2026.5522847,5%2026,5%20Z'%20id='蒙版'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e";
|
|
12827
13082
|
const UserRender = __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
|
|
12828
13083
|
name: "UserRender",
|
|
12829
13084
|
props: {
|
|
@@ -12842,23 +13097,63 @@ ${$(r2)}`), n2;
|
|
|
12842
13097
|
render: {
|
|
12843
13098
|
type: Function,
|
|
12844
13099
|
required: false
|
|
13100
|
+
},
|
|
13101
|
+
hasAvatar: {
|
|
13102
|
+
type: Boolean,
|
|
13103
|
+
default: false
|
|
13104
|
+
},
|
|
13105
|
+
avatarBaseUrl: {
|
|
13106
|
+
type: String,
|
|
13107
|
+
default: ""
|
|
12845
13108
|
}
|
|
12846
13109
|
},
|
|
12847
13110
|
setup(props) {
|
|
13111
|
+
const getAvatarUrl = (user) => {
|
|
13112
|
+
if (user.type === "virtual") {
|
|
13113
|
+
return VirtualAvatar;
|
|
13114
|
+
}
|
|
13115
|
+
if (user.type === "userGroup") {
|
|
13116
|
+
return UserGroupAvatar;
|
|
13117
|
+
}
|
|
13118
|
+
if (!props.avatarBaseUrl) {
|
|
13119
|
+
return UserAvatar;
|
|
13120
|
+
}
|
|
13121
|
+
const loginName = user.login_name || user.bk_username || user.id;
|
|
13122
|
+
return `${props.avatarBaseUrl}${loginName}.png?default_when_absent=true`;
|
|
13123
|
+
};
|
|
12848
13124
|
const defaultRender = (h2, props2) => {
|
|
12849
|
-
return h2(
|
|
12850
|
-
|
|
12851
|
-
|
|
12852
|
-
|
|
12853
|
-
|
|
13125
|
+
return h2(
|
|
13126
|
+
"div",
|
|
13127
|
+
{
|
|
13128
|
+
style: {
|
|
13129
|
+
display: "flex",
|
|
13130
|
+
alignItems: "center"
|
|
13131
|
+
}
|
|
13132
|
+
},
|
|
13133
|
+
[
|
|
13134
|
+
props2.hasAvatar ? h2("img", {
|
|
13135
|
+
src: getAvatarUrl(props2.user),
|
|
12854
13136
|
style: {
|
|
12855
|
-
|
|
12856
|
-
|
|
13137
|
+
width: "20px",
|
|
13138
|
+
height: "20px",
|
|
13139
|
+
borderRadius: "50%",
|
|
13140
|
+
marginRight: "6px",
|
|
13141
|
+
flexShrink: 0
|
|
12857
13142
|
}
|
|
12858
|
-
},
|
|
12859
|
-
|
|
12860
|
-
|
|
12861
|
-
|
|
13143
|
+
}) : null,
|
|
13144
|
+
h2("span", props2.user.name),
|
|
13145
|
+
props2.user.tenantId !== props2.tenantId && props2.user.tenantId ? h2(
|
|
13146
|
+
"span",
|
|
13147
|
+
{
|
|
13148
|
+
style: {
|
|
13149
|
+
color: "#f59500",
|
|
13150
|
+
marginLeft: "4px"
|
|
13151
|
+
}
|
|
13152
|
+
},
|
|
13153
|
+
`@${props2.tenants[props2.user.tenantId] || props2.user.tenantId}`
|
|
13154
|
+
) : null
|
|
13155
|
+
]
|
|
13156
|
+
);
|
|
12862
13157
|
};
|
|
12863
13158
|
return () => {
|
|
12864
13159
|
try {
|
|
@@ -12883,8 +13178,10 @@ ${$(r2)}`), n2;
|
|
|
12883
13178
|
},
|
|
12884
13179
|
__name: "selection-popover",
|
|
12885
13180
|
props: {
|
|
13181
|
+
avatarBaseUrl: { default: "" },
|
|
12886
13182
|
containerWidth: { default: "auto" },
|
|
12887
13183
|
emptyText: { default: "" },
|
|
13184
|
+
hasAvatar: { type: Boolean, default: false },
|
|
12888
13185
|
isShow: { type: Boolean, default: false },
|
|
12889
13186
|
loading: { type: Boolean, default: false },
|
|
12890
13187
|
options: { default: () => [] },
|
|
@@ -13010,11 +13307,13 @@ ${$(r2)}`), n2;
|
|
|
13010
13307
|
}, ["prevent"]))
|
|
13011
13308
|
}, [
|
|
13012
13309
|
__WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
|
|
13310
|
+
"avatar-base-url": _ctx.avatarBaseUrl,
|
|
13311
|
+
"has-avatar": _ctx.hasAvatar,
|
|
13013
13312
|
render: _ctx.renderListItem,
|
|
13014
13313
|
"tenant-id": _ctx.tenantId,
|
|
13015
13314
|
tenants: _ctx.tenants,
|
|
13016
13315
|
user
|
|
13017
|
-
}, null, 8, ["render", "tenant-id", "tenants", "user"])
|
|
13316
|
+
}, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
|
|
13018
13317
|
], 40, _hoisted_4);
|
|
13019
13318
|
}),
|
|
13020
13319
|
128
|
|
@@ -13054,7 +13353,7 @@ ${$(r2)}`), n2;
|
|
|
13054
13353
|
};
|
|
13055
13354
|
}
|
|
13056
13355
|
});
|
|
13057
|
-
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
13356
|
+
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d5a338f0"]]);
|
|
13058
13357
|
const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
|
|
13059
13358
|
...{
|
|
13060
13359
|
name: "UserTag"
|
|
@@ -13062,8 +13361,10 @@ ${$(r2)}`), n2;
|
|
|
13062
13361
|
__name: "user-tag",
|
|
13063
13362
|
props: {
|
|
13064
13363
|
active: { type: Boolean },
|
|
13364
|
+
avatarBaseUrl: {},
|
|
13065
13365
|
currentTenantId: {},
|
|
13066
13366
|
draggable: { type: Boolean },
|
|
13367
|
+
hasAvatar: { type: Boolean },
|
|
13067
13368
|
renderTag: { type: Function },
|
|
13068
13369
|
showTenant: { type: Boolean },
|
|
13069
13370
|
tenants: {},
|
|
@@ -13088,11 +13389,13 @@ ${$(r2)}`), n2;
|
|
|
13088
13389
|
}, {
|
|
13089
13390
|
default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
|
|
13090
13391
|
__WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
|
|
13392
|
+
"avatar-base-url": _ctx.avatarBaseUrl,
|
|
13393
|
+
"has-avatar": _ctx.hasAvatar,
|
|
13091
13394
|
render: _ctx.renderTag,
|
|
13092
13395
|
"tenant-id": _ctx.currentTenantId,
|
|
13093
13396
|
tenants: _ctx.tenants,
|
|
13094
13397
|
user: _ctx.user
|
|
13095
|
-
}, null, 8, ["render", "tenant-id", "tenants", "user"])
|
|
13398
|
+
}, null, 8, ["avatar-base-url", "has-avatar", "render", "tenant-id", "tenants", "user"])
|
|
13096
13399
|
]),
|
|
13097
13400
|
_: 1
|
|
13098
13401
|
/* STABLE */
|
|
@@ -13100,7 +13403,7 @@ ${$(r2)}`), n2;
|
|
|
13100
13403
|
};
|
|
13101
13404
|
}
|
|
13102
13405
|
});
|
|
13103
|
-
const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
13406
|
+
const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1f2e0737"]]);
|
|
13104
13407
|
const _hoisted_1 = ["placeholder"];
|
|
13105
13408
|
const _hoisted_2 = { class: "hidden-users" };
|
|
13106
13409
|
const _hoisted_3 = ["placeholder"];
|
|
@@ -13116,6 +13419,7 @@ ${$(r2)}`), n2;
|
|
|
13116
13419
|
multiple: { type: Boolean, default: false },
|
|
13117
13420
|
allowCreate: { type: Boolean, default: false },
|
|
13118
13421
|
apiBaseUrl: { default: "" },
|
|
13422
|
+
avatarBaseUrl: { default: "" },
|
|
13119
13423
|
currentUserId: { default: "" },
|
|
13120
13424
|
disabled: { type: Boolean, default: false },
|
|
13121
13425
|
emptyText: { default: "" },
|
|
@@ -13123,6 +13427,7 @@ ${$(r2)}`), n2;
|
|
|
13123
13427
|
exactSearchKey: { default: DEFAULT_EXACT_SEARCH_KEY },
|
|
13124
13428
|
excludeUserIds: { default: () => [] },
|
|
13125
13429
|
freePaste: { type: Boolean, default: false },
|
|
13430
|
+
hasAvatar: { type: Boolean, default: false },
|
|
13126
13431
|
placeholder: { default: "" },
|
|
13127
13432
|
renderListItem: {},
|
|
13128
13433
|
renderTag: {},
|
|
@@ -13185,7 +13490,9 @@ ${$(r2)}`), n2;
|
|
|
13185
13490
|
() => isMaxCountReached.value || !!props.currentUserId && selectedUsers.value.some((user) => user[props.exactSearchKey] === props.currentUserId)
|
|
13186
13491
|
);
|
|
13187
13492
|
const userTagCommonProps = __WEBPACK_EXTERNAL_MODULE_vue__.computed(() => ({
|
|
13493
|
+
avatarBaseUrl: props.avatarBaseUrl,
|
|
13188
13494
|
currentTenantId: props.tenantId,
|
|
13495
|
+
hasAvatar: props.hasAvatar,
|
|
13189
13496
|
renderTag: props.renderTag,
|
|
13190
13497
|
tenants
|
|
13191
13498
|
}));
|
|
@@ -13490,8 +13797,10 @@ ${$(r2)}`), n2;
|
|
|
13490
13797
|
[
|
|
13491
13798
|
__WEBPACK_EXTERNAL_MODULE_vue__.createCommentVNode(" 下拉选项列表 "),
|
|
13492
13799
|
__WEBPACK_EXTERNAL_MODULE_vue__.createVNode(SelectionPopover, {
|
|
13800
|
+
"avatar-base-url": _ctx.avatarBaseUrl,
|
|
13493
13801
|
"container-width": containerRef.value ? containerRef.value.offsetWidth : "auto",
|
|
13494
13802
|
"empty-text": computedEmptyText.value,
|
|
13803
|
+
"has-avatar": _ctx.hasAvatar,
|
|
13495
13804
|
"is-show": showDropdown.value,
|
|
13496
13805
|
loading: __WEBPACK_EXTERNAL_MODULE_vue__.unref(searchLoading),
|
|
13497
13806
|
options: displayOptions.value,
|
|
@@ -13637,10 +13946,12 @@ ${$(r2)}`), n2;
|
|
|
13637
13946
|
__WEBPACK_EXTERNAL_MODULE_vue__.renderList(selectedUsers.value.slice(visibleUsers.value.length), (user) => {
|
|
13638
13947
|
return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
|
|
13639
13948
|
key: user.id,
|
|
13949
|
+
"avatar-base-url": _ctx.avatarBaseUrl,
|
|
13950
|
+
"has-avatar": _ctx.hasAvatar,
|
|
13640
13951
|
"tenant-id": _ctx.tenantId,
|
|
13641
13952
|
tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
|
|
13642
13953
|
user
|
|
13643
|
-
}, null, 8, ["tenant-id", "tenants", "user"]);
|
|
13954
|
+
}, null, 8, ["avatar-base-url", "has-avatar", "tenant-id", "tenants", "user"]);
|
|
13644
13955
|
}),
|
|
13645
13956
|
128
|
|
13646
13957
|
/* KEYED_FRAGMENT */
|
|
@@ -13687,7 +13998,7 @@ ${$(r2)}`), n2;
|
|
|
13687
13998
|
]),
|
|
13688
13999
|
_: 1
|
|
13689
14000
|
/* STABLE */
|
|
13690
|
-
}, 8, ["container-width", "empty-text", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
|
|
14001
|
+
}, 8, ["avatar-base-url", "container-width", "empty-text", "has-avatar", "is-show", "loading", "options", "render-list-item", "search-query", "tenant-id", "tenants", "user-group", "user-group-name"])
|
|
13691
14002
|
],
|
|
13692
14003
|
2
|
|
13693
14004
|
/* CLASS */
|
|
@@ -13695,7 +14006,7 @@ ${$(r2)}`), n2;
|
|
|
13695
14006
|
};
|
|
13696
14007
|
}
|
|
13697
14008
|
});
|
|
13698
|
-
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
14009
|
+
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9975c7e1"]]);
|
|
13699
14010
|
exports.BkUserSelector = BkUserSelector;
|
|
13700
14011
|
exports.default = BkUserSelector;
|
|
13701
14012
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|