@blueking/bk-user-selector 0.0.38 → 0.0.39-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 +7 -6
- package/package.json +1 -1
- package/typings/api/user.d.ts +8 -8
- package/typings/components/multiple-selector.vue.d.ts +5 -4
- package/typings/components/selection-popover.vue.d.ts +3 -3
- package/typings/components/single-selector.vue.d.ts +3 -3
- package/typings/components/user-selector.vue.d.ts +5 -4
- package/typings/components/user-tag.vue.d.ts +20 -20
- package/typings/hooks/use-jsonp.d.ts +5 -5
- package/typings/hooks/useUserSearch.d.ts +1 -1
- package/typings/types/index.d.ts +107 -99
- package/typings/utils/common.d.ts +1 -1
- package/vue2/index.es.min.js +123 -209
- package/vue2/index.iife.min.js +123 -209
- package/vue2/index.umd.min.js +123 -209
- package/vue2/vue2.css +41 -41
- package/vue3/index.es.min.js +118 -63
- package/vue3/index.iife.min.js +123 -209
- package/vue3/index.umd.min.js +119 -64
- package/vue3/vue3.css +41 -41
package/vue3/index.iife.min.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode(".scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-user-selector-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n.overflow-popover-reference {\n width: 100%;\n}\n.bk-user-selector-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-44fec2ba] {\n position: absolute;\n top: 50%;\n right: 8px;\n z-index: 1;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0 8px;\n font-size: 12px;\n color: #4d4f56;\n cursor: pointer;\n background-color: #e1ecff;\n border-radius: 50%;\n transform: translateY(-50%);\n white-space: nowrap;\n}\n.me-tag[data-v-44fec2ba]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-44fec2ba] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-e11d7af7] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-e11d7af7] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-e11d7af7] {\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-e11d7af7] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-e11d7af7] {\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-e11d7af7]:hover {\n background-color: #f5f7fa;\n}.bk-user-selector-popover.bk-user-selector-pop2-content {\n padding: 0;\n}.user-tag[data-v-3ff46050] {\n margin-right: 4px;\n margin-left: 0;\n}\n.user-tag.draggable[data-v-3ff46050] {\n cursor: move;\n}\n.user-tag.active[data-v-3ff46050] {\n background-color: #e1ecff;\n border-color: #3a84ff;\n}\n.user-tag.is-custom[data-v-3ff46050] {\n color: #ea3636;\n background-color: #feebea;\n border-color: rgba(234, 53, 54, 0.3019607843);\n}\n.user-tag.is-custom[data-v-3ff46050]:hover {\n background-color: #fedddc;\n}\n.user-tag .tag-content .user-name[data-v-3ff46050] {\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}.multiple-selector[data-v-49f3716b] {\n position: relative;\n width: 100%;\n}\n.multiple-selector.is-disabled[data-v-49f3716b] {\n pointer-events: none;\n}\n.multiple-selector .tags-container[data-v-49f3716b] {\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.multiple-selector .tags-container.focused[data-v-49f3716b] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-49f3716b] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-49f3716b] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-49f3716b] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-49f3716b] {\n min-width: 10px;\n height: 28px;\n background: transparent;\n border: none;\n outline: none;\n}\n.multiple-selector .search-input[data-v-49f3716b]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-49f3716b] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-49f3716b], .multiple-selector .search-input.collapsed[data-v-49f3716b] {\n flex: 1;\n}\n.hidden-users[data-v-49f3716b] {\n padding: 6px 10px;\n}.single-selector[data-v-726a967e] {\n position: relative;\n width: 100%;\n}\n.single-selector.is-disabled[data-v-726a967e] {\n pointer-events: none;\n}\n.input-container[data-v-726a967e] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 0 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n}\n.input-container[data-v-726a967e]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-726a967e] {\n flex: 1;\n height: 30px;\n background: transparent;\n border: none;\n outline: none;\n}\n.search-input[data-v-726a967e]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-879a2fa1] {\n position: relative;\n width: 100%;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-879a2fa1] {\n cursor: not-allowed;\n background-color: #dcdee5;\n}"));
|
|
6
|
+
elementStyle.appendChild(document.createTextNode(".scroll-bar-style::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.scroll-bar-style::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\nhtml,\nbody {\n padding: 0;\n margin: 0;\n}\n* {\n box-sizing: border-box;\n}\n/**\n * HTML5 display definitions\n * ==========================================================================\n *\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /* 1 */\n display: inline-block;\n /* 2 */\n vertical-align: baseline;\n}\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n/**\n * Links\n * ==========================================================================\n *\n * Remove the gray background color from active links in IE 10.\n */\na {\n background-color: transparent;\n}\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active,\na:hover {\n outline: 0;\n}\n/**\n * Text-level semantics\n * ==========================================================================\n *\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n border-bottom: 1px dotted;\n}\n/**\n * Embedded content\n * ==========================================================================\n *\n * Remove border when inside `a` element in IE 8/9/10.\n */\nimg {\n border: 0;\n}\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n/**\n * Grouping content\n * ==========================================================================\n *\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n margin: 1em 40px;\n}\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n height: 0;\n box-sizing: content-box;\n}\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n *\n * Forms\n * ==========================================================================\n *\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n *\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n /* 3 */\n margin: 0;\n /* 2 */\n font: inherit;\n /* 1 */\n color: inherit;\n}\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n overflow: visible;\n}\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n text-transform: none;\n}\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type `input` and others.\n */\nbutton,\nhtml input[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n /* 3 */\n cursor: pointer;\n /* 2 */\n appearance: button;\n}\n/* Re-set default cursor for disabled elements. */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n/* Remove inner padding and border in Firefox 4+. */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.\n */\ninput {\n line-height: normal;\n}\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\ninput[type='checkbox'],\ninput[type='radio'] {\n /* 2 */\n padding: 0;\n /* 1 */\n box-sizing: border-box;\n}\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n::-ms-clear,\n::-ms-reveal {\n display: none;\n}\ninput[type='text']::-ms-clear {\n display: none;\n}\ninput[type='text']::-ms-reveal {\n display: none;\n}\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type='search'] {\n /* 2 */\n box-sizing: content-box;\n /* 1 */\n appearance: textfield;\n}\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n appearance: none;\n}\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n padding: 0.35em 0.625em 0.75em;\n margin: 0 2px;\n border: 1px solid #c0c0c0;\n}\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\nlegend {\n /* 2 */\n padding: 0;\n /* 1 */\n border: 0;\n}\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n font-weight: bold;\n}\n/**\n* BK-Scroll-Style\n*/\n.bk-scroll-y {\n overflow-y: auto;\n}\n.bk-scroll-y::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-y::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n.bk-scroll-x {\n overflow-x: auto;\n}\n.bk-scroll-x::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.bk-scroll-x::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 20px;\n box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n}\n@keyframes loading-scale-animate {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.6);\n }\n}\n@keyframes fade {\n 100% {\n background-color: transparent;\n }\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter-active,\n.bk-user-selector-transition .bk-user-selector-fade-leave-active {\n transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);\n}\n.bk-user-selector-transition .bk-user-selector-fade-enter,\n.bk-user-selector-transition .bk-user-selector-fade-leave-to {\n opacity: 0;\n}\n.clearfix-style::after {\n display: block;\n height: 0;\n clear: both;\n font-size: 0;\n content: '';\n visibility: hidden;\n}\n.bk-user-selector-popper {\n display: none;\n padding: 7px 14px;\n font-size: 12px;\n color: #fff;\n background: #333;\n border-radius: 4px;\n}\n.bk-user-selector-popper.light {\n color: #63656e;\n background: #fff;\n box-shadow: #dcdee5 0 0 6px 0;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow,\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow {\n visibility: hidden;\n}\n.bk-user-selector-popper .bk-user-selector-popper-arrow::before {\n content: '';\n visibility: visible;\n transform: rotate(45deg);\n}\n.bk-user-selector-popper[data-show] {\n display: block;\n}\n.bk-user-selector-popper[data-popper-placement^='top'] > .bk-user-selector-popper-arrow {\n bottom: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='bottom'] > .bk-user-selector-popper-arrow {\n top: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='left'] > .bk-user-selector-popper-arrow {\n right: -4px;\n}\n.bk-user-selector-popper[data-popper-placement^='right'] > .bk-user-selector-popper-arrow {\n left: -4px;\n}\n.bk-user-selector-loading-wrapper {\n position: static;\n vertical-align: middle;\n}\n.bk-user-selector-loading-wrapper:not(.bk-user-selector-nested-loading):not(.bk-user-selector-directive-loading) {\n display: inline-flex;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading {\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading {\n position: relative;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading.is-block,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading.is-block {\n display: block;\n}\n.bk-user-selector-loading-wrapper.bk-user-selector-directive-loading .bk-user-selector-loading-indicator,\n.bk-user-selector-loading-wrapper.bk-user-selector-nested-loading .bk-user-selector-loading-indicator {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 11;\n text-align: center;\n transform: translate(-50%, -50%);\n}\n.bk-user-selector-loading-wrapper .dot {\n display: inline-flex;\n width: 14px;\n height: 14px;\n margin-right: 10px;\n border-radius: 50%;\n transform: scale(0.6);\n animation-duration: 0.8s;\n animation-iteration-count: infinite;\n animation-name: loading-scale-animate;\n animation-direction: normal;\n}\n.bk-user-selector-loading-wrapper .oval {\n position: absolute;\n width: 6px;\n height: 8px;\n background-color: #63656e;\n border-radius: 8px;\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n animation-name: fade;\n transform-origin: center 24px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator {\n display: flex;\n line-height: 1;\n text-align: center;\n flex-direction: column;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-success .dot-4 {\n background-color: #2dcb56;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-danger .dot-4 {\n background-color: #ea3636;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-warning .dot-4 {\n background-color: #ff9c01;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-primary .dot-4 {\n background-color: #3a84ff;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-white .dot-4 {\n background-color: white;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .oval,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-1,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-2,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-3,\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-default .dot-4 {\n background-color: #c4c6cc;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-1 {\n background-color: #ea3636;\n animation-delay: 0.1s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-2 {\n background-color: #ff9c01;\n animation-delay: 0.25s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-3 {\n background-color: #2dcb56;\n animation-delay: 0.4s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .dot-4 {\n background-color: #3a84ff;\n animation-delay: 0.55s;\n margin-right: 0px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-1 {\n transform: rotate(135deg);\n animation-delay: -0.45s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-2 {\n transform: rotate(90deg);\n animation-delay: -0.6s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-3 {\n transform: rotate(45deg);\n animation-delay: -0.75s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-4 {\n transform: rotate(0deg);\n animation-delay: -0.9s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-5 {\n transform: rotate(-45deg);\n animation-delay: -1.05s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-6 {\n transform: rotate(-90deg);\n animation-delay: -1.2s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-7 {\n transform: rotate(-135deg);\n animation-delay: -1.35s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .oval-8 {\n transform: rotate(-180deg);\n animation-delay: -1.5s;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-normal-indicator {\n display: inline-flex;\n justify-content: center;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-spin-indicator {\n position: relative;\n display: inline-flex;\n justify-content: center;\n width: 48px;\n height: 48px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-spin-indicator {\n height: 16px;\n width: 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot {\n width: 3px;\n height: 3px;\n margin-right: 3px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .oval {\n width: 2px;\n height: 3px;\n border-radius: 3px;\n transform-origin: center 8px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-mini .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-spin-indicator {\n height: 32px;\n width: 32px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot {\n width: 6px;\n height: 6px;\n margin-right: 6px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .oval {\n width: 4px;\n height: 5px;\n border-radius: 5px;\n transform-origin: center 16px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-small .bk-user-selector-loading-title {\n font-size: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-spin-indicator {\n height: 68px;\n width: 68px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot {\n width: 20px;\n height: 20px;\n margin-right: 12px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .dot.dot-4 {\n margin-right: 0;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .oval {\n width: 8px;\n height: 12px;\n border-radius: 12px;\n transform-origin: center 34px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator.bk-user-selector-loading-size-large .bk-user-selector-loading-title {\n font-size: 14px;\n}\n.bk-user-selector-loading-wrapper .bk-user-selector-loading-indicator .bk-user-selector-loading-title {\n margin-top: 8px;\n font-size: 14px;\n line-height: normal;\n color: #63656e;\n text-align: center;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content {\n position: absolute;\n padding: 12px;\n font-size: 12px;\n color: #fff;\n background: #26323d;\n border-radius: 4px;\n box-sizing: border-box;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content.hidden {\n display: none;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content .bk-user-selector-pop2-arrow {\n position: absolute;\n z-index: -1;\n width: 8px;\n height: 8px;\n background: #333;\n transform: rotate(45deg);\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] {\n color: #26323d;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #dcdee5;\n}\n.bk-user-selector-popover.bk-user-selector-pop2-content[data-theme^='light'] .bk-user-selector-pop2-arrow {\n background-color: #fff;\n}\n.text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n.overflow-popover-reference {\n width: 100%;\n}\n.bk-user-selector-tag {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 10px;\n font-size: 12px;\n line-height: 22px;\n color: #63656e;\n cursor: default;\n background-color: #f0f1f5;\n border-color: rgba(151, 155, 165, 0.3);\n box-sizing: border-box;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success {\n color: #14a568;\n border-color: rgba(20, 165, 104, 0.3);\n background-color: #E4FAF0;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled {\n background-color: #14A568;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success.bk-user-selector-tag-filled:hover {\n background-color: #42B685;\n}\n.bk-user-selector-tag.bk-user-selector-tag-success:hover:not(.bk-user-selector-tag-filled) {\n background-color: #C9F5E2;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info {\n color: #3a84ff;\n border-color: rgba(58, 132, 255, 0.3);\n background-color: #EDF4FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled {\n background-color: #3A84FF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info.bk-user-selector-tag-filled:hover {\n background-color: #609CFE;\n}\n.bk-user-selector-tag.bk-user-selector-tag-info:hover:not(.bk-user-selector-tag-filled) {\n background-color: #E1ECFF;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning {\n color: #fe9c00;\n border-color: rgba(254, 165, 0, 0.3);\n background-color: #FFF1DB;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled {\n background-color: #FE9C00;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning.bk-user-selector-tag-filled:hover {\n background-color: #FDAF32;\n}\n.bk-user-selector-tag.bk-user-selector-tag-warning:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FFE8C3;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger {\n color: #ea3636;\n border-color: rgba(234, 53, 54, 0.3);\n background-color: #FEEBEA;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled {\n background-color: #EA3536;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger.bk-user-selector-tag-filled:hover {\n background-color: #ED5C5D;\n}\n.bk-user-selector-tag.bk-user-selector-tag-danger:hover:not(.bk-user-selector-tag-filled) {\n background-color: #FEDDDC;\n}\n.bk-user-selector-tag:hover {\n background-color: #dcdee5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled {\n color: #fff;\n background-color: #979BA5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-filled:hover {\n background-color: #ACAFB6;\n}\n.bk-user-selector-tag.bk-user-selector-tag-stroke {\n padding: 0 9px;\n line-height: 20px;\n border-style: solid;\n border-width: 1px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-closable {\n padding: 0 4px 0 10px;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable {\n cursor: pointer;\n background: none;\n}\n.bk-user-selector-tag.bk-user-selector-tag-checkable:hover {\n background: #F0F1F5;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check {\n color: #fff;\n background: #3a84ff;\n}\n.bk-user-selector-tag.bk-user-selector-tag-check:hover {\n color: #fff;\n background: #3a84ff;\n opacity: 1;\n}\n.bk-user-selector-tag--default {\n padding: 0 8px;\n}\n.bk-user-selector-tag--small {\n height: 16px;\n padding: 0 4px;\n line-height: 16px;\n}\n.bk-user-selector-tag--small .bk-user-selector-tag-text {\n font-size: 10px;\n}\n.bk-user-selector-tag-text {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.bk-user-selector-tag-icon {\n flex-shrink: 0;\n margin-right: 4px;\n font-size: 14px;\n line-height: 0;\n}\n.bk-user-selector-tag-close {\n flex-shrink: 0;\n margin-left: 4px;\n font-size: 12px;\n line-height: 0;\n cursor: pointer;\n}\n.me-tag[data-v-ef4a05c4] {\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-ef4a05c4]:hover {\n color: #3a84ff;\n background-color: #cddffe;\n}\n.me-tag.disabled[data-v-ef4a05c4] {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: #f0f1f5;\n}.dropdown-content[data-v-78875ea6] {\n min-height: 40px;\n max-height: 300px;\n padding: 5px 0;\n overflow-y: auto;\n}\n.dropdown-content .no-data[data-v-78875ea6] {\n padding: 10px;\n color: #979ba5;\n text-align: center;\n}\n.dropdown-content .user-group .group-header[data-v-78875ea6] {\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-78875ea6] {\n margin-left: 4px;\n}\n.dropdown-content .user-option[data-v-78875ea6] {\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-78875ea6]: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}.multiple-selector[data-v-2a532f24] {\n position: relative;\n width: 100%;\n}\n.multiple-selector.is-disabled[data-v-2a532f24] {\n pointer-events: none;\n}\n.multiple-selector .tags-container[data-v-2a532f24] {\n min-height: 32px;\n padding: 1px 10px 1px 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n transition: all 0.2s ease;\n}\n.multiple-selector .tags-container.focused[data-v-2a532f24] {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.multiple-selector .tags-container.collapsed[data-v-2a532f24] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-list[data-v-2a532f24] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.multiple-selector .tag-wrapper[data-v-2a532f24] {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n}\n.multiple-selector .search-input[data-v-2a532f24] {\n min-width: 10px;\n height: 28px;\n outline: none;\n background: transparent;\n border: none;\n}\n.multiple-selector .search-input[data-v-2a532f24]::placeholder {\n color: #c4c6cc;\n}\n.multiple-selector .search-input.inline[data-v-2a532f24] {\n min-width: 10px;\n}\n.multiple-selector .search-input.last[data-v-2a532f24], .multiple-selector .search-input.collapsed[data-v-2a532f24] {\n flex: 1;\n}\n.hidden-users[data-v-2a532f24] {\n padding: 6px 10px;\n}.single-selector[data-v-cbe352a6] {\n position: relative;\n width: 100%;\n}\n.single-selector.is-disabled[data-v-cbe352a6] {\n pointer-events: none;\n}\n.input-container[data-v-cbe352a6] {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 32px;\n padding: 0 8px;\n background-color: #fff;\n border: 1px solid #c4c6cc;\n border-radius: 2px;\n}\n.input-container[data-v-cbe352a6]:focus-within {\n border-color: #3a84ff;\n box-shadow: 0 0 0 2px rgba(58, 132, 255, 0.1);\n}\n.search-input[data-v-cbe352a6] {\n flex: 1;\n height: 30px;\n outline: none;\n background: transparent;\n border: none;\n}\n.search-input[data-v-cbe352a6]::placeholder {\n color: #c4c6cc;\n}.bk-user-selector[data-v-f29cda5a] {\n position: relative;\n width: 100%;\n font-size: 12px;\n}\n.bk-user-selector.is-disabled[data-v-f29cda5a] {\n cursor: not-allowed;\n background-color: #dcdee5;\n}.bk-user-selector-popover.bk-user-selector-pop2-content {\n padding: 0;\n}"));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -4575,10 +4575,6 @@ ${$(r2)}`), n2;
|
|
|
4575
4575
|
/* reexport */
|
|
4576
4576
|
lang_en
|
|
4577
4577
|
),
|
|
4578
|
-
jp: () => (
|
|
4579
|
-
/* reexport */
|
|
4580
|
-
ja_jp
|
|
4581
|
-
),
|
|
4582
4578
|
zhCn: () => (
|
|
4583
4579
|
/* reexport */
|
|
4584
4580
|
zh_cn
|
|
@@ -4766,145 +4762,6 @@ ${$(r2)}`), n2;
|
|
|
4766
4762
|
}
|
|
4767
4763
|
};
|
|
4768
4764
|
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: "または",
|
|
4831
|
-
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: "確認",
|
|
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;
|
|
4908
4765
|
var zhCn = {
|
|
4909
4766
|
lang: "zh-cn",
|
|
4910
4767
|
steps: {
|
|
@@ -5088,7 +4945,6 @@ ${$(r2)}`), n2;
|
|
|
5088
4945
|
};
|
|
5089
4946
|
const zh_cn = zhCn;
|
|
5090
4947
|
__webpack_exports__$7.en;
|
|
5091
|
-
__webpack_exports__$7.jp;
|
|
5092
4948
|
var __webpack_exports__zhCn = __webpack_exports__$7.zhCn;
|
|
5093
4949
|
var __webpack_require__$6 = {};
|
|
5094
4950
|
(() => {
|
|
@@ -10646,6 +10502,9 @@ ${$(r2)}`), n2;
|
|
|
10646
10502
|
hide2(el);
|
|
10647
10503
|
}, 100);
|
|
10648
10504
|
});
|
|
10505
|
+
el.addEventListener("click", function() {
|
|
10506
|
+
hide2(el);
|
|
10507
|
+
});
|
|
10649
10508
|
popper2.addEventListener("mouseleave", function() {
|
|
10650
10509
|
clearTimeout(delayTimeout);
|
|
10651
10510
|
hideTimeout = setTimeout(function() {
|
|
@@ -10659,7 +10518,7 @@ ${$(r2)}`), n2;
|
|
|
10659
10518
|
show(el);
|
|
10660
10519
|
clearTimeout(delayTimeout);
|
|
10661
10520
|
}, opts.delay);
|
|
10662
|
-
} else if (
|
|
10521
|
+
} else if (popper2.hasAttribute("data-show")) {
|
|
10663
10522
|
hide2(el);
|
|
10664
10523
|
}
|
|
10665
10524
|
});
|
|
@@ -10848,15 +10707,11 @@ ${$(r2)}`), n2;
|
|
|
10848
10707
|
const jsonpRequest = (requestUrl, options = {}) => {
|
|
10849
10708
|
return new Promise((resolve, reject) => {
|
|
10850
10709
|
const url = __WEBPACK_EXTERNAL_MODULE_vue__.unref(requestUrl);
|
|
10851
|
-
const { timeout = 1e3 * 60 * 2, params
|
|
10710
|
+
const { timeout = 1e3 * 60 * 2, params } = options;
|
|
10852
10711
|
const callbackName = generateCallbackName();
|
|
10853
10712
|
const script = document.createElement("script");
|
|
10854
|
-
let timeoutId;
|
|
10855
|
-
|
|
10856
|
-
script.crossOrigin = "use-credentials";
|
|
10857
|
-
} else {
|
|
10858
|
-
script.crossOrigin = "anonymous";
|
|
10859
|
-
}
|
|
10713
|
+
let timeoutId = null;
|
|
10714
|
+
script.setAttribute("type", "text/javascript");
|
|
10860
10715
|
const cleanup = () => {
|
|
10861
10716
|
if (timeoutId) {
|
|
10862
10717
|
clearTimeout(timeoutId);
|
|
@@ -14098,7 +13953,7 @@ ${$(r2)}`), n2;
|
|
|
14098
13953
|
}
|
|
14099
13954
|
return target;
|
|
14100
13955
|
};
|
|
14101
|
-
const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-
|
|
13956
|
+
const MeTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ef4a05c4"]]);
|
|
14102
13957
|
const UserRender = __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
|
|
14103
13958
|
name: "UserRender",
|
|
14104
13959
|
props: {
|
|
@@ -14273,22 +14128,22 @@ ${$(r2)}`), n2;
|
|
|
14273
14128
|
};
|
|
14274
14129
|
return (_ctx, _cache) => {
|
|
14275
14130
|
return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$1), {
|
|
14276
|
-
"ext-cls": "bk-user-selector-popover",
|
|
14277
14131
|
arrow: false,
|
|
14132
|
+
"ext-cls": "bk-user-selector-popover",
|
|
14278
14133
|
"is-show": __props.isShow,
|
|
14279
14134
|
offset: { mainAxis: 4, crossAxis: __props.crossAxisOffset },
|
|
14280
|
-
width: __props.containerWidth,
|
|
14281
14135
|
placement: "bottom-start",
|
|
14282
14136
|
theme: "light",
|
|
14283
14137
|
trigger: "manual",
|
|
14138
|
+
width: __props.containerWidth,
|
|
14284
14139
|
onClickoutside: handleClickOutside
|
|
14285
14140
|
}, {
|
|
14286
14141
|
content: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
|
|
14287
14142
|
__WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(__webpack_exports__default$2), {
|
|
14288
14143
|
class: "dropdown-content",
|
|
14289
14144
|
loading: __props.loading,
|
|
14290
|
-
|
|
14291
|
-
|
|
14145
|
+
mode: "spin",
|
|
14146
|
+
size: "mini"
|
|
14292
14147
|
}, {
|
|
14293
14148
|
default: __WEBPACK_EXTERNAL_MODULE_vue__.withCtx(() => [
|
|
14294
14149
|
__props.options.length === 0 && __props.userGroup.length === 0 ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", _hoisted_1$2, [
|
|
@@ -14304,8 +14159,8 @@ ${$(r2)}`), n2;
|
|
|
14304
14159
|
{ key: 1 },
|
|
14305
14160
|
__WEBPACK_EXTERNAL_MODULE_vue__.renderList(groupedUsers.value, (group, groupName) => {
|
|
14306
14161
|
return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
|
|
14307
|
-
|
|
14308
|
-
|
|
14162
|
+
key: groupName,
|
|
14163
|
+
class: "user-group"
|
|
14309
14164
|
}, [
|
|
14310
14165
|
Object.keys(groupedUsers.value).length > 1 || group.some((user) => user.type === "userGroup") ? (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
|
|
14311
14166
|
key: 0,
|
|
@@ -14333,8 +14188,8 @@ ${$(r2)}`), n2;
|
|
|
14333
14188
|
null,
|
|
14334
14189
|
__WEBPACK_EXTERNAL_MODULE_vue__.renderList(group, (user) => {
|
|
14335
14190
|
return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
|
|
14336
|
-
class: "user-option",
|
|
14337
14191
|
key: user.id,
|
|
14192
|
+
class: "user-option",
|
|
14338
14193
|
onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => selectUser(user), ["prevent"])
|
|
14339
14194
|
}, [
|
|
14340
14195
|
__WEBPACK_EXTERNAL_MODULE_vue__.createVNode(__WEBPACK_EXTERNAL_MODULE_vue__.unref(UserRender), {
|
|
@@ -14367,20 +14222,20 @@ ${$(r2)}`), n2;
|
|
|
14367
14222
|
};
|
|
14368
14223
|
}
|
|
14369
14224
|
});
|
|
14370
|
-
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-
|
|
14225
|
+
const SelectionPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-78875ea6"]]);
|
|
14371
14226
|
const _sfc_main$3 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
|
|
14372
14227
|
...{
|
|
14373
14228
|
name: "UserTag"
|
|
14374
14229
|
},
|
|
14375
14230
|
__name: "user-tag",
|
|
14376
14231
|
props: {
|
|
14377
|
-
|
|
14378
|
-
tenants: {},
|
|
14232
|
+
active: { type: Boolean },
|
|
14379
14233
|
currentTenantId: {},
|
|
14380
14234
|
draggable: { type: Boolean },
|
|
14381
|
-
|
|
14235
|
+
renderTag: { type: Function },
|
|
14382
14236
|
showTenant: { type: Boolean },
|
|
14383
|
-
|
|
14237
|
+
tenants: {},
|
|
14238
|
+
user: {}
|
|
14384
14239
|
},
|
|
14385
14240
|
emits: ["click", "close"],
|
|
14386
14241
|
setup(__props, { emit: __emit }) {
|
|
@@ -14413,7 +14268,7 @@ ${$(r2)}`), n2;
|
|
|
14413
14268
|
};
|
|
14414
14269
|
}
|
|
14415
14270
|
});
|
|
14416
|
-
const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-
|
|
14271
|
+
const UserTag = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-48ac8fc1"]]);
|
|
14417
14272
|
const _hoisted_1$1 = ["onClick"];
|
|
14418
14273
|
const _hoisted_2$1 = ["placeholder"];
|
|
14419
14274
|
const _hoisted_3 = { class: "hidden-users" };
|
|
@@ -14424,24 +14279,25 @@ ${$(r2)}`), n2;
|
|
|
14424
14279
|
},
|
|
14425
14280
|
__name: "multiple-selector",
|
|
14426
14281
|
props: {
|
|
14427
|
-
modelValue: { default: () => [] },
|
|
14428
14282
|
draggable: { type: Boolean, default: false },
|
|
14283
|
+
freePaste: { type: Boolean, default: false },
|
|
14284
|
+
modelValue: { default: () => [] },
|
|
14429
14285
|
selectedUsers: { default: () => [] },
|
|
14430
14286
|
tenants: { default: () => ({}) },
|
|
14287
|
+
allowCreate: { type: Boolean, default: false },
|
|
14431
14288
|
apiBaseUrl: { default: "" },
|
|
14432
|
-
tenantId: { default: "" },
|
|
14433
|
-
placeholder: { default: "" },
|
|
14434
14289
|
currentUserId: { default: "" },
|
|
14290
|
+
disabled: { type: Boolean },
|
|
14291
|
+
emptyText: { default: "" },
|
|
14292
|
+
enableMultiTenantMode: { type: Boolean },
|
|
14435
14293
|
exactSearchKey: { default: "bk_username" },
|
|
14436
|
-
|
|
14294
|
+
excludeUserIds: { default: () => [] },
|
|
14295
|
+
placeholder: { default: "" },
|
|
14296
|
+
tenantId: { default: "" },
|
|
14437
14297
|
userGroupName: { default: "" },
|
|
14438
|
-
emptyText: { default: "" },
|
|
14439
|
-
disabled: { type: Boolean },
|
|
14440
14298
|
renderListItem: {},
|
|
14441
14299
|
renderTag: {},
|
|
14442
|
-
|
|
14443
|
-
enableMultiTenantMode: { type: Boolean },
|
|
14444
|
-
allowCreate: { type: Boolean, default: false }
|
|
14300
|
+
userGroup: { default: () => [] }
|
|
14445
14301
|
},
|
|
14446
14302
|
emits: [
|
|
14447
14303
|
"update:selectedUsers",
|
|
@@ -14542,7 +14398,6 @@ ${$(r2)}`), n2;
|
|
|
14542
14398
|
});
|
|
14543
14399
|
};
|
|
14544
14400
|
const handleClickOutside = (event) => {
|
|
14545
|
-
event.stopPropagation();
|
|
14546
14401
|
const target = event.target;
|
|
14547
14402
|
const container = containerRef.value;
|
|
14548
14403
|
if ((container == null ? void 0 : container.contains(target)) || container === target) {
|
|
@@ -14644,7 +14499,37 @@ ${$(r2)}`), n2;
|
|
|
14644
14499
|
}
|
|
14645
14500
|
});
|
|
14646
14501
|
const updatedUsers = Array.from(userMap.values());
|
|
14647
|
-
|
|
14502
|
+
if (props2.freePaste) {
|
|
14503
|
+
const pastedUsers = usersList.map((user) => ({
|
|
14504
|
+
id: user,
|
|
14505
|
+
name: user,
|
|
14506
|
+
type: "custom",
|
|
14507
|
+
tenantId: "",
|
|
14508
|
+
login_name: user
|
|
14509
|
+
}));
|
|
14510
|
+
pastedUsers.forEach((user) => {
|
|
14511
|
+
if (!updatedUsers.some((item) => item.login_name === user.login_name)) {
|
|
14512
|
+
addUser(user);
|
|
14513
|
+
}
|
|
14514
|
+
});
|
|
14515
|
+
} else {
|
|
14516
|
+
emit("update:selectedUsers", updatedUsers);
|
|
14517
|
+
}
|
|
14518
|
+
} else {
|
|
14519
|
+
if (props2.freePaste) {
|
|
14520
|
+
const pastedUsers = usersList.map((user) => ({
|
|
14521
|
+
id: user,
|
|
14522
|
+
name: user,
|
|
14523
|
+
type: "custom",
|
|
14524
|
+
tenantId: "",
|
|
14525
|
+
login_name: user
|
|
14526
|
+
}));
|
|
14527
|
+
pastedUsers.forEach((user) => {
|
|
14528
|
+
if (!props2.selectedUsers.some((item) => item.login_name === user.login_name)) {
|
|
14529
|
+
addUser(user);
|
|
14530
|
+
}
|
|
14531
|
+
});
|
|
14532
|
+
}
|
|
14648
14533
|
}
|
|
14649
14534
|
} catch (error2) {
|
|
14650
14535
|
console.error("精准查找用户失败:", error2);
|
|
@@ -14666,7 +14551,13 @@ ${$(r2)}`), n2;
|
|
|
14666
14551
|
removeUser(lastUser);
|
|
14667
14552
|
}
|
|
14668
14553
|
} else if (event.key === "Enter" && props2.allowCreate) {
|
|
14669
|
-
addUser({
|
|
14554
|
+
addUser({
|
|
14555
|
+
id: searchQuery.value,
|
|
14556
|
+
name: searchQuery.value,
|
|
14557
|
+
type: "custom",
|
|
14558
|
+
tenantId: "",
|
|
14559
|
+
login_name: searchQuery.value
|
|
14560
|
+
});
|
|
14670
14561
|
}
|
|
14671
14562
|
};
|
|
14672
14563
|
const addUser = (user) => {
|
|
@@ -14790,8 +14681,8 @@ ${$(r2)}`), n2;
|
|
|
14790
14681
|
null,
|
|
14791
14682
|
__WEBPACK_EXTERNAL_MODULE_vue__.renderList(_ctx.selectedUsers, (user, index) => {
|
|
14792
14683
|
return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock("div", {
|
|
14793
|
-
class: "tag-wrapper",
|
|
14794
14684
|
key: user.id,
|
|
14685
|
+
class: "tag-wrapper",
|
|
14795
14686
|
onClick: __WEBPACK_EXTERNAL_MODULE_vue__.withModifiers(($event) => handleTagClick(index), ["stop"])
|
|
14796
14687
|
}, [
|
|
14797
14688
|
__WEBPACK_EXTERNAL_MODULE_vue__.createVNode(UserTag, {
|
|
@@ -14812,8 +14703,8 @@ ${$(r2)}`), n2;
|
|
|
14812
14703
|
ref_for: true,
|
|
14813
14704
|
ref_key: "inlineInputRef",
|
|
14814
14705
|
ref: inlineInputRef,
|
|
14815
|
-
class: "search-input inline",
|
|
14816
14706
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
|
|
14707
|
+
class: "search-input inline",
|
|
14817
14708
|
onFocus: handleInputFocus,
|
|
14818
14709
|
onInput: handleInput,
|
|
14819
14710
|
onKeydown: handleKeyDown,
|
|
@@ -14835,8 +14726,8 @@ ${$(r2)}`), n2;
|
|
|
14835
14726
|
key: 0,
|
|
14836
14727
|
ref_key: "lastInputRef",
|
|
14837
14728
|
ref: lastInputRef,
|
|
14838
|
-
class: "search-input last",
|
|
14839
14729
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
|
|
14730
|
+
class: "search-input last",
|
|
14840
14731
|
placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
|
|
14841
14732
|
onFocus: handleInputFocus,
|
|
14842
14733
|
onInput: handleInput,
|
|
@@ -14877,8 +14768,8 @@ ${$(r2)}`), n2;
|
|
|
14877
14768
|
null,
|
|
14878
14769
|
__WEBPACK_EXTERNAL_MODULE_vue__.renderList(visibleUsers.value, (user) => {
|
|
14879
14770
|
return __WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createBlock(UserTag, {
|
|
14880
|
-
"current-tenant-id": _ctx.tenantId,
|
|
14881
14771
|
key: user.id,
|
|
14772
|
+
"current-tenant-id": _ctx.tenantId,
|
|
14882
14773
|
"render-tag": _ctx.renderTag,
|
|
14883
14774
|
"show-tenant": true,
|
|
14884
14775
|
tenants: _ctx.tenants,
|
|
@@ -14933,8 +14824,8 @@ ${$(r2)}`), n2;
|
|
|
14933
14824
|
__WEBPACK_EXTERNAL_MODULE_vue__.withDirectives(__WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("input", {
|
|
14934
14825
|
ref_key: "collapsedInputRef",
|
|
14935
14826
|
ref: collapsedInputRef,
|
|
14936
|
-
class: "search-input collapsed",
|
|
14937
14827
|
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __WEBPACK_EXTERNAL_MODULE_vue__.isRef(searchQuery) ? searchQuery.value = $event : null),
|
|
14828
|
+
class: "search-input collapsed",
|
|
14938
14829
|
placeholder: !_ctx.selectedUsers.length ? _ctx.placeholder : "",
|
|
14939
14830
|
onFocus: handleFocus
|
|
14940
14831
|
}, null, 40, _hoisted_4), [
|
|
@@ -14965,7 +14856,7 @@ ${$(r2)}`), n2;
|
|
|
14965
14856
|
};
|
|
14966
14857
|
}
|
|
14967
14858
|
});
|
|
14968
|
-
const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
14859
|
+
const MultipleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2a532f24"]]);
|
|
14969
14860
|
const _hoisted_1 = { class: "input-container" };
|
|
14970
14861
|
const _hoisted_2 = ["placeholder"];
|
|
14971
14862
|
const _sfc_main$1 = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
|
|
@@ -14976,20 +14867,21 @@ ${$(r2)}`), n2;
|
|
|
14976
14867
|
props: {
|
|
14977
14868
|
modelValue: { default: "" },
|
|
14978
14869
|
tenants: {},
|
|
14870
|
+
allowCreate: { type: Boolean },
|
|
14979
14871
|
apiBaseUrl: { default: "" },
|
|
14980
|
-
tenantId: { default: "" },
|
|
14981
|
-
placeholder: { default: "" },
|
|
14982
14872
|
currentUserId: { default: "" },
|
|
14873
|
+
disabled: { type: Boolean },
|
|
14874
|
+
emptyText: { default: "" },
|
|
14875
|
+
enableMultiTenantMode: { type: Boolean },
|
|
14983
14876
|
exactSearchKey: { default: "bk_username" },
|
|
14984
|
-
|
|
14877
|
+
excludeUserIds: { default: () => [] },
|
|
14878
|
+
freePaste: { type: Boolean },
|
|
14879
|
+
placeholder: { default: "" },
|
|
14880
|
+
tenantId: { default: "" },
|
|
14985
14881
|
userGroupName: { default: "" },
|
|
14986
|
-
emptyText: { default: "" },
|
|
14987
|
-
disabled: { type: Boolean },
|
|
14988
14882
|
renderListItem: {},
|
|
14989
14883
|
renderTag: {},
|
|
14990
|
-
|
|
14991
|
-
enableMultiTenantMode: { type: Boolean },
|
|
14992
|
-
allowCreate: { type: Boolean }
|
|
14884
|
+
userGroup: { default: () => [] }
|
|
14993
14885
|
},
|
|
14994
14886
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
14995
14887
|
setup(__props, { emit: __emit }) {
|
|
@@ -15087,6 +14979,7 @@ ${$(r2)}`), n2;
|
|
|
15087
14979
|
const fetchUsers = async (keyword = "") => {
|
|
15088
14980
|
if (!(keyword == null ? void 0 : keyword.length)) {
|
|
15089
14981
|
options.value = [];
|
|
14982
|
+
isLoading.value = false;
|
|
15090
14983
|
return;
|
|
15091
14984
|
}
|
|
15092
14985
|
isLoading.value = true;
|
|
@@ -15119,6 +15012,18 @@ ${$(r2)}`), n2;
|
|
|
15119
15012
|
}
|
|
15120
15013
|
}
|
|
15121
15014
|
};
|
|
15015
|
+
const handlePaste = (event) => {
|
|
15016
|
+
var _a;
|
|
15017
|
+
event.preventDefault();
|
|
15018
|
+
const pastedText = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text").trim()) || "";
|
|
15019
|
+
if (props2.freePaste) {
|
|
15020
|
+
const customUser = { id: pastedText, name: pastedText, type: "custom", tenantId: "", login_name: pastedText };
|
|
15021
|
+
if (!options.value.some((item) => item.login_name === customUser.login_name)) {
|
|
15022
|
+
options.value.push(customUser);
|
|
15023
|
+
}
|
|
15024
|
+
addUser(customUser);
|
|
15025
|
+
}
|
|
15026
|
+
};
|
|
15122
15027
|
const addUser = (user) => {
|
|
15123
15028
|
selectedUser.value = user.id;
|
|
15124
15029
|
searchQuery.value = "";
|
|
@@ -15134,9 +15039,14 @@ ${$(r2)}`), n2;
|
|
|
15134
15039
|
}
|
|
15135
15040
|
emit("focus");
|
|
15136
15041
|
};
|
|
15042
|
+
let timer = null;
|
|
15137
15043
|
const handleInput = () => {
|
|
15138
|
-
fetchUsers(searchQuery.value);
|
|
15139
15044
|
showDropdown.value = searchQuery.value.length >= 1;
|
|
15045
|
+
isLoading.value = true;
|
|
15046
|
+
clearTimeout(timer);
|
|
15047
|
+
timer = setTimeout(() => {
|
|
15048
|
+
fetchUsers(searchQuery.value);
|
|
15049
|
+
}, 300);
|
|
15140
15050
|
};
|
|
15141
15051
|
const handleClickOutside = () => {
|
|
15142
15052
|
setTimeout(() => {
|
|
@@ -15195,13 +15105,14 @@ ${$(r2)}`), n2;
|
|
|
15195
15105
|
__WEBPACK_EXTERNAL_MODULE_vue__.withDirectives(__WEBPACK_EXTERNAL_MODULE_vue__.createElementVNode("input", {
|
|
15196
15106
|
ref_key: "inputRef",
|
|
15197
15107
|
ref: inputRef,
|
|
15198
|
-
class: "search-input",
|
|
15199
15108
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
|
|
15109
|
+
class: "search-input",
|
|
15200
15110
|
placeholder: selectedUserInfo.value ? "" : _ctx.placeholder,
|
|
15201
15111
|
onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur")),
|
|
15202
15112
|
onFocus: handleInputFocus,
|
|
15203
15113
|
onInput: handleInput,
|
|
15204
|
-
onKeydown: handleKeyDown
|
|
15114
|
+
onKeydown: handleKeyDown,
|
|
15115
|
+
onPaste: handlePaste
|
|
15205
15116
|
}, null, 40, _hoisted_2), [
|
|
15206
15117
|
[__WEBPACK_EXTERNAL_MODULE_vue__.vModelText, searchQuery.value]
|
|
15207
15118
|
]),
|
|
@@ -15225,30 +15136,31 @@ ${$(r2)}`), n2;
|
|
|
15225
15136
|
};
|
|
15226
15137
|
}
|
|
15227
15138
|
});
|
|
15228
|
-
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
15139
|
+
const SingleSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cbe352a6"]]);
|
|
15229
15140
|
const _sfc_main = /* @__PURE__ */ __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent({
|
|
15230
15141
|
...{
|
|
15231
15142
|
name: "BkUserSelector"
|
|
15232
15143
|
},
|
|
15233
15144
|
__name: "user-selector",
|
|
15234
15145
|
props: {
|
|
15235
|
-
modelValue: { default: "" },
|
|
15236
15146
|
draggable: { type: Boolean, default: false },
|
|
15147
|
+
modelValue: { default: "" },
|
|
15237
15148
|
multiple: { type: Boolean, default: false },
|
|
15149
|
+
allowCreate: { type: Boolean, default: false },
|
|
15238
15150
|
apiBaseUrl: { default: "" },
|
|
15239
|
-
tenantId: { default: "" },
|
|
15240
|
-
placeholder: { default: "" },
|
|
15241
15151
|
currentUserId: { default: "" },
|
|
15152
|
+
disabled: { type: Boolean, default: false },
|
|
15153
|
+
emptyText: { default: "" },
|
|
15154
|
+
enableMultiTenantMode: { type: Boolean, default: true },
|
|
15242
15155
|
exactSearchKey: { default: "bk_username" },
|
|
15243
|
-
|
|
15156
|
+
excludeUserIds: { default: () => [] },
|
|
15157
|
+
freePaste: { type: Boolean, default: false },
|
|
15158
|
+
placeholder: { default: "" },
|
|
15159
|
+
tenantId: { default: "" },
|
|
15244
15160
|
userGroupName: { default: "" },
|
|
15245
|
-
emptyText: { default: "" },
|
|
15246
|
-
disabled: { type: Boolean, default: false },
|
|
15247
15161
|
renderListItem: {},
|
|
15248
15162
|
renderTag: {},
|
|
15249
|
-
|
|
15250
|
-
enableMultiTenantMode: { type: Boolean, default: true },
|
|
15251
|
-
allowCreate: { type: Boolean, default: false }
|
|
15163
|
+
userGroup: { default: () => [] }
|
|
15252
15164
|
},
|
|
15253
15165
|
emits: ["update:modelValue", "change", "dragStart", "dragEnd", "focus", "blur"],
|
|
15254
15166
|
setup(__props, { emit: __emit }) {
|
|
@@ -15371,10 +15283,11 @@ ${$(r2)}`), n2;
|
|
|
15371
15283
|
tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
|
|
15372
15284
|
"user-group": _ctx.userGroup,
|
|
15373
15285
|
"user-group-name": userGroupName.value,
|
|
15286
|
+
"free-paste": _ctx.freePaste,
|
|
15374
15287
|
onBlur: handleBlur,
|
|
15375
15288
|
onChange: handleUpdateUser,
|
|
15376
15289
|
onFocus: handleFocus
|
|
15377
|
-
}, null, 8, ["modelValue", "allow-create", "api-base-url", "current-user-id", "disabled", "empty-text", "enable-multi-tenant-mode", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name"])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
|
|
15290
|
+
}, null, 8, ["modelValue", "allow-create", "api-base-url", "current-user-id", "disabled", "empty-text", "enable-multi-tenant-mode", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "tenant-id", "tenants", "user-group", "user-group-name", "free-paste"])) : (__WEBPACK_EXTERNAL_MODULE_vue__.openBlock(), __WEBPACK_EXTERNAL_MODULE_vue__.createElementBlock(
|
|
15378
15291
|
__WEBPACK_EXTERNAL_MODULE_vue__.Fragment,
|
|
15379
15292
|
{ key: 1 },
|
|
15380
15293
|
[
|
|
@@ -15399,12 +15312,13 @@ ${$(r2)}`), n2;
|
|
|
15399
15312
|
tenants: __WEBPACK_EXTERNAL_MODULE_vue__.unref(tenants),
|
|
15400
15313
|
"user-group": _ctx.userGroup,
|
|
15401
15314
|
"user-group-name": userGroupName.value,
|
|
15315
|
+
"free-paste": _ctx.freePaste,
|
|
15402
15316
|
onBlur: handleBlur,
|
|
15403
15317
|
onDragEnd: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("dragEnd", $event)),
|
|
15404
15318
|
onDragStart: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("dragStart", $event)),
|
|
15405
15319
|
onFocus: handleFocus,
|
|
15406
15320
|
"onUpdate:selectedUsers": handleUpdateSelectedUsers
|
|
15407
|
-
}, null, 8, ["modelValue", "allow-create", "api-base-url", "current-user-id", "disabled", "draggable", "empty-text", "enable-multi-tenant-mode", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name"])
|
|
15321
|
+
}, null, 8, ["modelValue", "allow-create", "api-base-url", "current-user-id", "disabled", "draggable", "empty-text", "enable-multi-tenant-mode", "exact-search-key", "exclude-user-ids", "placeholder", "render-list-item", "render-tag", "selected-users", "tenant-id", "tenants", "user-group", "user-group-name", "free-paste"])
|
|
15408
15322
|
],
|
|
15409
15323
|
2112
|
|
15410
15324
|
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
@@ -15416,7 +15330,7 @@ ${$(r2)}`), n2;
|
|
|
15416
15330
|
};
|
|
15417
15331
|
}
|
|
15418
15332
|
});
|
|
15419
|
-
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
15333
|
+
const BkUserSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f29cda5a"]]);
|
|
15420
15334
|
exports.BkUserSelector = BkUserSelector;
|
|
15421
15335
|
exports.default = BkUserSelector;
|
|
15422
15336
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|