bk-magic-vue 2.4.6 → 2.4.7

package/lib/ui/select.min.css

@@ -1,2 +1,2 @@
-:root{--font-size:12px;--icon-size:14px;--extension-size:16px}:root .medium-font{--font-size:14px;--icon-size:16px;--extension-size:20px}:root .large-font{--font-size:16px;--icon-size:20px;--extension-size:22px}:root .bk-select-large,:root .bk-select-popover-large{--font-size:14px}:root .bk-select-popover-small,:root .bk-select-small{--font-size:12px}.bk-select{position:relative;border:1px solid #c4c6cc;border-radius:2px;line-height:30px;color:#63656e;cursor:pointer;font-size:12px;font-size:var(--font-size)}.bk-select:focus{border-color:#3a84ff}.bk-select.only-bottom-border{border-color:transparent transparent #c4c6cc}.bk-select.only-bottom-border.is-focus{border-color:transparent transparent #3a84ff;-webkit-box-shadow:none;box-shadow:none}.bk-select.only-bottom-border.is-disabled,.bk-select.only-bottom-border.is-loading,.bk-select.only-bottom-border.is-readonly{border-color:transparent transparent #dcdee5}.bk-select.is-default-trigger.is-unselected:before{position:absolute;height:100%;content:attr(data-placeholder);left:10px;top:0;color:#c3cdd7;pointer-events:none}.bk-select.is-default-trigger.is-unselected.is-disabled:before,.bk-select.is-default-trigger.is-unselected.is-readonly:before{color:#c4c6cc}.bk-select.has-prefix-icon.is-default-trigger.is-unselected:before{left:24px}.bk-select.has-prefix-icon .bk-select-name{padding-left:24px}.bk-select.is-focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-select.is-focus .bk-select-angle{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.bk-select.is-disabled{background-color:#fafbfd;cursor:not-allowed;border-color:#dcdee5}.bk-select.is-loading,.bk-select.is-readonly{background-color:#fafafa;cursor:default;border:1px solid #dcdee5}.bk-select:hover .bk-select-clear{display:block}.bk-select:hover .bk-select-clear+.bk-select-angle{display:none}.bk-select .bk-select-loading{position:absolute;right:9px;top:8px;width:18px;height:18px}.bk-select .bk-select-angle{position:absolute;right:2px;top:4px;color:#979ba5;font-size:22px;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.bk-select .bk-select-clear{display:none;position:absolute;right:6px;top:8px;text-align:center;font-size:14px;z-index:100;color:#c4c6cc}.bk-select .bk-select-clear:hover{color:#979ba5}.bk-select .bk-select-prefix-icon{position:absolute;left:6px;top:calc(50% - 6px);font-size:14px;font-size:var(--icon-size)}.bk-select .bk-select-name{height:30px;padding:0 36px 0 10px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select .bk-tooltip.bk-select-dropdown{display:block}.bk-select .bk-tooltip.bk-select-dropdown>.bk-tooltip-ref{display:block}.bk-select-dropdown-content{border:1px solid #dcdee5;border-radius:2px;line-height:32px;background:#fff;color:#63656e;overflow:hidden}.bk-select-search-wrapper{position:relative;padding:0 5px}.bk-select-search-wrapper .left-icon{position:absolute;font-size:16px;color:#979ba5;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px}.bk-select-search-input{width:100%;height:32px;padding:0 10px 0 30px;border:none;border-bottom:1px solid #dcdee5;font-size:12px;font-size:var(--font-size);outline:0;cursor:text}.bk-select-search-input::-webkit-input-placeholder{color:#c3cdd7}.bk-options{padding:0;margin:0;overflow-y:auto;list-style:none}.bk-options::-webkit-scrollbar{width:6px;height:6px}.bk-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-options.bk-options-single .bk-option.is-selected{background-color:#f4f6fa}.bk-options.bk-options-single .bk-option.is-highlight,.bk-options.bk-options-single .bk-option:hover{background-color:#eaf3ff}.bk-options .bk-option-group .bk-option-group-name{margin:0 16px;font-size:12px;font-size:var(--font-size);border-bottom:1px solid #dcdee5;color:#979ba5;position:relative}.bk-options .bk-option-group .bk-option-group-name.is-collapse{cursor:pointer;margin:0 15px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix{width:10px;display:inline-block;text-align:center;line-height:30px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix.readonly{cursor:not-allowed}.bk-options .bk-option-group .bk-option-group-name .btn-check-all{position:absolute;disabled:inline-block;right:14px;top:2px}.bk-options .bk-option-group .bk-option-group-name .btn-check-all .bk-form-checkbox{margin-right:0!important}.bk-options .bk-group-options{margin:0;padding:0;list-style:none}.bk-options .bk-group-options .bk-option{padding:0 12px}.bk-options .bk-option{position:relative;cursor:pointer}.bk-options .bk-option.is-selected{color:#3a84ff;background-color:#f4f6fa}.bk-options .bk-option.is-highlight,.bk-options .bk-option:hover{color:#3a84ff;background-color:#eaf3ff}.bk-options .bk-option.is-disabled{cursor:not-allowed}.bk-options .bk-option.is-disabled,.bk-options .bk-option.is-selected.is-disabled{color:#c4c6cc;background-color:#fff}.bk-options .bk-option.is-selected.is-disabled .bk-option-icon{color:#c4c6cc}.bk-options .bk-option:first-child{margin-top:6px}.bk-options .bk-option:last-child{margin-bottom:6px}.bk-options .bk-option.bk-virtual-option{margin:0}.bk-options .bk-virtual-select .bk-min-nav-slide{width:6px;border-radius:3px;background-color:#dcdee5}.bk-options .bk-option-content{position:relative;padding:0 16px}.bk-options .bk-option-content .bk-option-content-default{font-size:0}.bk-options .bk-option-content .bk-option-icon{position:absolute;right:12px;top:4px;color:#3a84ff;font-size:26px;font-weight:400}.bk-options .bk-option-content .bk-option-icon~.bk-option-name{padding-right:20px}.bk-options .bk-option-content .bk-option-name{vertical-align:middle;font-size:12px;font-size:var(--font-size);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-empty{padding:0 10px;text-align:center}.bk-select-empty,.bk-select-extension{font-size:12px;font-size:var(--font-size)}.bk-select-extension{padding:0 16px;border-radius:0 0 1px 1px;border-top:1px solid #dcdee5;background:#fafbfd}.bk-select-extension i{font-size:16px;font-size:var(--extension-size)}.bk-select-extension:hover{background-color:#f0f1f5}.tippy-tooltip.bk-select-dropdown-theme[data-size=small]{padding:0;-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.1);box-shadow:0 3px 9px 0 rgba(0,0,0,.1)}.tippy-tooltip.bk-select-dropdown-theme[data-size=small] .tippy-arrow{display:none}.bk-select-large{line-height:36px}.bk-select-large .bk-select-angle{top:7px}.bk-select-large .bk-select-clear{top:11px}.bk-select-large .bk-select-name{height:36px}.bk-select-small{line-height:24px}.bk-select-small .bk-select-angle{top:1px}.bk-select-small .bk-select-clear{top:5px}.bk-select-small .bk-select-name{height:24px}.bk-select-popover-large .bk-options .bk-option-content .bk-option-name{font-size:12px;font-size:var(--font-size)}.bk-select-tag-container{height:auto;min-height:30px;padding:0 30px 0 10px;overflow:hidden}.bk-select-tag-container.is-fixed-height{height:30px}.bk-select-tag-container.is-focus{height:auto!important;overflow:auto}.bk-select-tag-container.is-large-size{min-height:34px}.bk-select-tag-container.is-large-size.is-fixed-height{height:34px}.bk-select-tag-container.is-large-size .bk-select-tag{height:24px}.bk-select-tag-container.is-large-size .bk-select-overflow-tag{min-height:24px;line-height:24px}.bk-select-tag-container.is-small-size{min-height:24px}.bk-select-tag-container.is-small-size.is-fixed-height{height:24px}.bk-select-tag-container.is-small-size .bk-select-tag{height:20px}.bk-select-tag-container.is-small-size .bk-select-overflow-tag{min-height:20px;line-height:20px}.bk-select-tag-container.is-available .bk-select-tag:hover{background-color:#dcdee5}.bk-select-tag-container.is-available .icon-close:hover{color:#63656e}.bk-select-tag-container.has-prefix-icon{padding-left:24px}.bk-select-tag-container .bk-select-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;line-height:22px;margin:0 6px 0 0;padding:0 2px 0 5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f0f1f5;border-radius:2px;font-size:12px;font-size:var(--font-size)}.bk-select-tag-container .bk-select-tag .icon-close{margin-left:5px;-webkit-box-flex:18px;-ms-flex:18px 0 0px;flex:18px 0 0;font-size:18px;color:#979ba5}.bk-select-tag-container .bk-select-tag.width-limit-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-tag-container .bk-select-tag.width-limit-tag span{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.bk-select-tag-container .bk-select-overflow-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 5px;margin:0 6px 0 0;min-width:22px;line-height:22px;font-size:12px;font-size:var(--font-size);text-align:center;background:#f0f1f5}.bk-select-tag-container .bk-select-overflow-tag~.bk-select-tag{visibility:hidden;pointer-events:none}
+:root{--font-size:12px;--icon-size:14px;--extension-size:16px}:root .medium-font{--font-size:14px;--icon-size:16px;--extension-size:20px}:root .large-font{--font-size:16px;--icon-size:20px;--extension-size:22px}:root .bk-select-large,:root .bk-select-popover-large{--font-size:14px}:root .bk-select-popover-small,:root .bk-select-small{--font-size:12px}.bk-select{position:relative;border:1px solid #c4c6cc;border-radius:2px;line-height:30px;color:#63656e;cursor:pointer;font-size:12px;font-size:var(--font-size)}.bk-select:focus{border-color:#3a84ff}.bk-select.only-bottom-border{border-color:transparent transparent #c4c6cc}.bk-select.only-bottom-border.is-focus{border-color:transparent transparent #3a84ff;-webkit-box-shadow:none;box-shadow:none}.bk-select.only-bottom-border.is-disabled,.bk-select.only-bottom-border.is-loading,.bk-select.only-bottom-border.is-readonly{border-color:transparent transparent #dcdee5}.bk-select.is-default-trigger.is-unselected:before{position:absolute;height:100%;content:attr(data-placeholder);left:10px;top:0;color:#c3cdd7;pointer-events:none}.bk-select.is-default-trigger.is-unselected.is-disabled:before,.bk-select.is-default-trigger.is-unselected.is-readonly:before{color:#c4c6cc}.bk-select.has-prefix-icon.is-default-trigger.is-unselected:before{left:24px}.bk-select.has-prefix-icon .bk-select-name{padding-left:24px}.bk-select.is-focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-select.is-focus .bk-select-angle{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.bk-select.is-disabled{background-color:#fafbfd;cursor:not-allowed;border-color:#dcdee5}.bk-select.is-loading,.bk-select.is-readonly{background-color:#fafafa;cursor:default;border:1px solid #dcdee5}.bk-select:hover .bk-select-clear{display:block}.bk-select:hover .bk-select-clear+.bk-select-angle{display:none}.bk-select .bk-select-loading{position:absolute;right:9px;top:8px;width:18px;height:18px}.bk-select .bk-select-angle{position:absolute;right:2px;top:4px;color:#979ba5;font-size:22px;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.bk-select .bk-select-clear{display:none;position:absolute;right:6px;top:8px;text-align:center;font-size:14px;z-index:100;color:#c4c6cc}.bk-select .bk-select-clear:hover{color:#979ba5}.bk-select .bk-select-prefix-icon{position:absolute;left:6px;top:calc(50% - 6px);font-size:14px;font-size:var(--icon-size)}.bk-select .bk-select-name{width:100%;height:30px;padding:0 36px 0 10px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-select .bk-select-name,.bk-select .bk-select-name:active,.bk-select .bk-select-name:hover{outline:none}.bk-select .bk-tooltip.bk-select-dropdown{display:block}.bk-select .bk-tooltip.bk-select-dropdown>.bk-tooltip-ref{display:block}.bk-select-dropdown-content{border:1px solid #dcdee5;border-radius:2px;line-height:32px;background:#fff;color:#63656e;overflow:hidden}.bk-select-search-wrapper{position:relative;padding:0 5px}.bk-select-search-wrapper .left-icon{position:absolute;font-size:16px;color:#979ba5;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px}.bk-select-search-input{width:100%;height:32px;padding:0 10px 0 30px;border:none;border-bottom:1px solid #dcdee5;font-size:12px;font-size:var(--font-size);outline:0;cursor:text}.bk-select-search-input::-webkit-input-placeholder{color:#c3cdd7}.bk-options{padding:0;margin:0;overflow-y:auto;list-style:none}.bk-options::-webkit-scrollbar{width:6px;height:6px}.bk-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-options.bk-options-single .bk-option.is-selected{background-color:#f4f6fa}.bk-options.bk-options-single .bk-option.is-highlight,.bk-options.bk-options-single .bk-option:hover{background-color:#eaf3ff}.bk-options .bk-option-group .bk-option-group-name{margin:0 16px;font-size:12px;font-size:var(--font-size);border-bottom:1px solid #dcdee5;color:#979ba5;position:relative}.bk-options .bk-option-group .bk-option-group-name.is-collapse{cursor:pointer;margin:0 15px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix{width:10px;display:inline-block;text-align:center;line-height:30px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix.readonly{cursor:not-allowed}.bk-options .bk-option-group .bk-option-group-name .btn-check-all{position:absolute;disabled:inline-block;right:14px;top:2px}.bk-options .bk-option-group .bk-option-group-name .btn-check-all .bk-form-checkbox{margin-right:0!important}.bk-options .bk-group-options{margin:0;padding:0;list-style:none}.bk-options .bk-group-options .bk-option{padding:0 12px}.bk-options .bk-option{position:relative;cursor:pointer}.bk-options .bk-option.is-selected{color:#3a84ff;background-color:#f4f6fa}.bk-options .bk-option.is-highlight,.bk-options .bk-option:hover{color:#3a84ff;background-color:#eaf3ff}.bk-options .bk-option.is-disabled{cursor:not-allowed}.bk-options .bk-option.is-disabled,.bk-options .bk-option.is-selected.is-disabled{color:#c4c6cc;background-color:#fff}.bk-options .bk-option.is-selected.is-disabled .bk-option-icon{color:#c4c6cc}.bk-options .bk-option:first-child{margin-top:6px}.bk-options .bk-option:last-child{margin-bottom:6px}.bk-options .bk-option.bk-virtual-option{margin:0}.bk-options .bk-virtual-select .bk-min-nav-slide{width:6px;border-radius:3px;background-color:#dcdee5}.bk-options .bk-option-content{position:relative;padding:0 16px}.bk-options .bk-option-content .bk-option-content-default{font-size:0}.bk-options .bk-option-content .bk-option-icon{position:absolute;right:12px;top:4px;color:#3a84ff;font-size:26px;font-weight:400}.bk-options .bk-option-content .bk-option-icon~.bk-option-name{padding-right:20px}.bk-options .bk-option-content .bk-option-name{vertical-align:middle;font-size:12px;font-size:var(--font-size);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-empty{padding:0 10px;text-align:center}.bk-select-empty,.bk-select-extension{font-size:12px;font-size:var(--font-size)}.bk-select-extension{padding:0 16px;border-radius:0 0 1px 1px;border-top:1px solid #dcdee5;background:#fafbfd}.bk-select-extension i{font-size:16px;font-size:var(--extension-size)}.bk-select-extension:hover{background-color:#f0f1f5}.tippy-tooltip.bk-select-dropdown-theme[data-size=small]{padding:0;-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.1);box-shadow:0 3px 9px 0 rgba(0,0,0,.1)}.tippy-tooltip.bk-select-dropdown-theme[data-size=small] .tippy-arrow{display:none}.bk-select-large{line-height:36px}.bk-select-large .bk-select-angle{top:7px}.bk-select-large .bk-select-clear{top:11px}.bk-select-large .bk-select-name{height:36px}.bk-select-small{line-height:24px}.bk-select-small .bk-select-angle{top:1px}.bk-select-small .bk-select-clear{top:5px}.bk-select-small .bk-select-name{height:24px}.bk-select-popover-large .bk-options .bk-option-content .bk-option-name{font-size:12px;font-size:var(--font-size)}.bk-select-tag-container{height:auto;min-height:30px;padding:0 30px 0 10px;overflow:hidden}.bk-select-tag-container.is-fixed-height{height:30px}.bk-select-tag-container.is-focus{height:auto!important;overflow:auto}.bk-select-tag-container.is-large-size{min-height:34px}.bk-select-tag-container.is-large-size.is-fixed-height{height:34px}.bk-select-tag-container.is-large-size .bk-select-tag{height:24px}.bk-select-tag-container.is-large-size .bk-select-overflow-tag{min-height:24px;line-height:24px}.bk-select-tag-container.is-small-size{min-height:24px}.bk-select-tag-container.is-small-size.is-fixed-height{height:24px}.bk-select-tag-container.is-small-size .bk-select-tag{height:20px}.bk-select-tag-container.is-small-size .bk-select-overflow-tag{min-height:20px;line-height:20px}.bk-select-tag-container.is-available .bk-select-tag:hover{background-color:#dcdee5}.bk-select-tag-container.is-available .icon-close:hover{color:#63656e}.bk-select-tag-container.has-prefix-icon{padding-left:24px}.bk-select-tag-container .bk-select-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;line-height:22px;margin:0 6px 0 0;padding:0 2px 0 5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f0f1f5;border-radius:2px;font-size:12px;font-size:var(--font-size)}.bk-select-tag-container .bk-select-tag .icon-close{margin-left:5px;-webkit-box-flex:18px;-ms-flex:18px 0 0px;flex:18px 0 0;font-size:18px;color:#979ba5}.bk-select-tag-container .bk-select-tag.width-limit-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-tag-container .bk-select-tag.width-limit-tag span{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.bk-select-tag-container .bk-select-overflow-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 5px;margin:0 6px 0 0;min-width:22px;line-height:22px;font-size:12px;font-size:var(--font-size);text-align:center;background:#f0f1f5}.bk-select-tag-container .bk-select-overflow-tag~.bk-select-tag{visibility:hidden;pointer-events:none}.bk-select-bottom-loading{position:relative;text-align:center;bottom:0;height:32px;line-height:25px;width:100%;z-index:777}
 /*# sourceMappingURL=select.min.css.map */

package/lib/ui/select.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["select.css","mixins/ellipsis.css","mixins/scroller.css"],"names":[],"mappings":"AAUA,MACI,gBAAiB,CACjB,gBAA8B,CAC9B,qBAsBJ,CApBI,mBACI,gBAAiB,CACjB,gBAA6B,CAC7B,qBACJ,CAEA,kBACI,gBAAiB,CACjB,gBAA2B,CAC3B,qBACJ,CAEA,sDAEI,gBACJ,CACA,sDAEI,gBACJ,CAGJ,WACI,iBAAkB,CAClB,wBAA+B,CAC/B,iBAAkB,CAClB,gBAAiB,CACjB,aAAsB,CACtB,cAAe,CAEf,cAA2B,CAA3B,0BAmHJ,CAlHI,iBACI,oBACJ,CACA,8BACI,4CAYJ,CAXI,uCACI,4CAA+D,CAC/D,uBAAgB,CAAhB,eACJ,CAIA,6HAEI,4CACJ,CAEJ,mDACI,iBAAkB,CAClB,WAAY,CACZ,8BAA+B,CAC/B,SAAU,CACV,KAAM,CACN,aAAoB,CACpB,mBACJ,CAEI,8HAEI,aACJ,CAGA,mEACI,SACJ,CACA,2CACI,iBACJ,CAEJ,oBACI,oBAA2B,CAC3B,8CAA8C,CAA9C,sCAIJ,CAHI,qCACI,iCAA0B,CAA1B,yBACJ,CAEJ,uBACI,wBAAyB,CAEzB,kBAAmB,CACnB,oBACJ,CACA,6CAEI,wBAAyB,CACzB,cAAe,CACf,wBACJ,CAEI,kCACI,aAKJ,CAHI,mDACI,YACJ,CAGR,8BACI,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,UAAW,CACX,WACJ,CACA,4BACI,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,aAAc,CACd,cAA0B,CAC1B,gEAAsD,CAAtD,wDAAsD,CAAtD,gDAAsD,CAAtD,8FAAsD,CACtD,mBACJ,CACA,4BACI,YAAa,CACb,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,iBAAkB,CAClB,cAA4B,CAC5B,WAAY,CACZ,aAIJ,CAHI,kCACI,aACJ,CAEJ,kCACI,iBAAkB,CAClB,QAAS,CACT,mBAA4B,CAC5B,cAA2B,CAA3B,0BACJ,CACA,2BACI,WAAY,CACZ,qBAAsB,CC/I1B,aAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBD6IA,CACA,0CACI,aAIJ,CAHI,0DACI,aACJ,CAGR,4BACI,wBAAgC,CAChC,iBAAkB,CAClB,gBAAiB,CACjB,eAAgB,CAChB,aAAmB,CACnB,eACJ,CACA,0BACI,iBAAkB,CAClB,aASJ,CARI,qCACI,iBAAkB,CAClB,cAAe,CACf,aAAsB,CACtB,OAAQ,CACR,kCAA2B,CAA3B,0BAA2B,CAC3B,SACJ,CAEJ,wBACI,UAAW,CACX,WAAY,CACZ,qBAAsB,CAEtB,WAAuC,CAAvC,+BAAuC,CACvC,cAA2B,CAA3B,0BAA2B,CAC3B,SAAU,CACV,WAIJ,CAHI,mDACE,aACF,CAEJ,YACI,SAAU,CACV,QAAS,CACT,eAAgB,CAChB,eAuHJ,CEnTI,+BACI,SAAU,CACV,UACJ,CACA,qCACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CFyLQ,qDACI,wBACJ,CACA,qGAEI,wBACJ,CAIJ,mDACI,aAAc,CACd,cAA2B,CAA3B,0BAA2B,CAC3B,+BAAuC,CACvC,aAAsB,CACtB,iBA2BJ,CAzBI,+DACI,cAAe,CACf,aACJ,CAEA,2EACI,UAAW,CACX,oBAAqB,CACrB,iBAAkB,CAClB,gBAKJ,CAHI,oFACI,kBACJ,CAGJ,kEACI,iBAAkB,CAClB,qBAAsB,CACtB,UAAW,CACX,OAIJ,CAHI,oFACI,wBACJ,CAIZ,8BACI,QAAS,CACT,SAAU,CACV,eAIJ,CAHI,yCACI,cACJ,CAEJ,uBACI,iBAAkB,CAClB,cA+BJ,CA9BI,mCACI,aAAoB,CACpB,wBACJ,CACA,iEAEI,aAAoB,CACpB,wBACJ,CACA,mCAEI,kBAEJ,CACA,kFAJI,aAAc,CAEd,qBAQJ,CAHI,+DACI,aACJ,CAEJ,mCACI,cACJ,CACA,kCACI,iBACJ,CACA,yCACI,QACJ,CAEJ,iDACI,SAAU,CACV,iBAAkB,CAClB,wBACJ,CACA,+BACI,iBAAkB,CAClB,cAoBJ,CAnBI,0DACI,WACJ,CACA,+CACI,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,aAAoB,CACpB,cAA0B,CAC1B,eAIJ,CAHI,+DACI,kBACJ,CAEJ,+CACI,qBAAsB,CACtB,cAA2B,CAA3B,0BAA2B,CCjTnC,oBAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBD+SI,CAIR,iBACI,cAAe,CACf,iBAEJ,CAEA,sCAHI,cAA2B,CAA3B,0BAeJ,CAZA,qBAEI,cAAe,CACf,yBAA8B,CAC9B,4BAAoC,CACpC,kBAOJ,CANI,uBACI,cAAgC,CAAhC,+BACJ,CACA,2BACI,wBACJ,CAGJ,yDACI,SAAU,CACV,6CAAsC,CAAtC,qCAIJ,CAHI,sEACI,YACJ,CAIJ,iBACI,gBAUJ,CATI,kCACI,OACJ,CACA,kCACI,QACJ,CACA,iCACI,WACJ,CAGJ,iBACI,gBAUJ,CATI,kCACI,OACJ,CACA,kCACI,OACJ,CACA,iCACI,WACJ,CAMQ,wEACI,cAA2B,CAA3B,0BACJ,CAKZ,yBACI,WAAY,CACZ,eAAgB,CAChB,qBAAsB,CACtB,eAmFJ,CAlFI,yCACI,WACJ,CACA,kCACI,qBAAuB,CACvB,aACJ,CACA,uCACI,eAWJ,CAVI,uDACI,WACJ,CACA,sDACI,WACJ,CACA,+DACI,eAAgB,CAChB,gBACJ,CAEJ,uCACI,eAWJ,CAVI,uDACI,WACJ,CACA,sDACI,WACJ,CACA,+DACI,eAAgB,CAChB,gBACJ,CAGA,2DACI,wBACJ,CACA,wDACI,aACJ,CAEJ,yCACI,iBACJ,CACA,wCACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,mBAAoB,CACpB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,kBAAmB,CACnB,iBAAkB,CAClB,cAA2B,CAA3B,0BAcJ,CAbI,oDACI,eAAgB,CAChB,qBAAc,CAAd,mBAAc,CAAd,aAAc,CACd,cAAe,CACf,aACJ,CACA,wDCzbJ,0BAAiB,CAAjB,0BAAiB,CAAjB,mBAAiB,CACjB,eAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBD2bI,CAJI,6DC3bR,oBAAiB,CACjB,eAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CDybP,WACJ,CAGR,iDACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,aAAc,CACd,gBAAiB,CACjB,cAAe,CACf,gBAAiB,CACjB,cAA2B,CAA3B,0BAA2B,CAC3B,iBAAkB,CAClB,kBAKJ,CAJI,gEACI,iBAAkB,CAClB,mBACJ","file":"select.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/ellipsis\";\n@import \"./mixins/scroller\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n\n:root {\n    --font-size: 12px;\n    --icon-size: $iconSmallestSize;\n    --extension-size: $iconSmallerSize;\n\n    .medium-font {\n        --font-size: 14px;\n        --icon-size: $iconSmallerSize;\n        --extension-size: $iconSmallSize;\n    }\n\n    .large-font {\n        --font-size: 16px;\n        --icon-size: $iconSmallSize;\n        --extension-size: $iconNormalSize;\n    }\n\n    .bk-select-large,\n    .bk-select-popover-large {\n        --font-size: 14px;\n    }\n    .bk-select-small,\n    .bk-select-popover-small {\n        --font-size: 12px;\n    }\n}\n\n.bk-select {\n    position: relative;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    line-height: 30px;\n    color: $newBlackColor2;\n    cursor: pointer;\n\n    font-size: var(--font-size);\n    &:focus {\n        border-color: #3a84ff;\n    }\n    &.only-bottom-border {\n        border-color: transparent transparent $newGreyColor transparent;\n        &.is-focus {\n            border-color: transparent transparent $newMainColor transparent;\n            box-shadow: none;\n        }\n        &.is-disabled {\n            border-color: transparent transparent #dcdee5 transparent;\n        }\n        &.is-readonly,\n        &.is-loading {\n            border-color: transparent transparent $newGreyColor1 transparent;\n        }\n    }\n    &.is-default-trigger.is-unselected:before {\n        position: absolute;\n        height: 100%;\n        content: attr(data-placeholder);\n        left: 10px;\n        top: 0;\n        color: $fnMinorColor;\n        pointer-events: none;\n    }\n    &.is-default-trigger.is-unselected {\n        &.is-disabled:before,\n        &.is-readonly:before {\n            color: $formBorderColor;\n        }\n    }\n    &.has-prefix-icon {\n        &.is-default-trigger.is-unselected:before {\n            left: 24px;\n        }\n        .bk-select-name {\n            padding-left: 24px;\n        }\n    }\n    &.is-focus {\n        border-color: $newMainColor;\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n        .bk-select-angle {\n            transform: rotate(-180deg);\n        }\n    }\n    &.is-disabled {\n        background-color: #fafbfd;\n        /* color: #c4c6cc; */\n        cursor: not-allowed;\n        border-color: #dcdee5;\n    }\n    &.is-readonly,\n    &.is-loading {\n        background-color: #fafafa;\n        cursor: default;\n        border: 1px solid $newGreyColor1;\n    }\n    &:hover {\n        .bk-select-clear {\n            display: block;\n\n            & + .bk-select-angle {\n                display: none;\n            }\n        }\n    }\n    .bk-select-loading {\n        position: absolute;\n        right: 9px;\n        top: 8px;\n        width: 18px;\n        height: 18px;\n    }\n    .bk-select-angle {\n        position: absolute;\n        right: 2px;\n        top: 4px;\n        color: #979ba5;\n        font-size: $iconNormalSize;\n        transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);\n        pointer-events: none;\n    }\n    .bk-select-clear {\n        display: none;\n        position: absolute;\n        right: 6px;\n        top: 8px;\n        text-align: center;\n        font-size: $iconSmallestSize;\n        z-index: 100;\n        color: #c4c6cc;\n        &:hover {\n            color: #979ba5;\n        }\n    }\n    .bk-select-prefix-icon {\n        position: absolute;\n        left: 6px;\n        top: calc((100% - 12px) / 2);\n        font-size: var(--icon-size);\n    }\n    .bk-select-name {\n        height: 30px;\n        padding: 0 36px 0 10px;\n        @mixin ellipsis 100%, block;\n    }\n    .bk-tooltip.bk-select-dropdown {\n        display: block;\n        & > .bk-tooltip-ref {\n            display: block;\n        }\n    }\n}\n.bk-select-dropdown-content {\n    border: 1px solid $newGreyColor1;\n    border-radius: 2px;\n    line-height: 32px;\n    background: #fff;\n    color: $fnMainColor;\n    overflow: hidden;\n}\n.bk-select-search-wrapper {\n    position: relative;\n    padding: 0 5px;\n    .left-icon {\n        position: absolute;\n        font-size: 16px;\n        color: $newBlackColor3;\n        top: 50%;\n        transform: translateY(-50%);\n        left: 10px;\n    }\n}\n.bk-select-search-input {\n    width: 100%;\n    height: 32px;\n    padding: 0 10px 0 30px;\n    border: none;\n    border-bottom: 1px solid $newGreyColor1;\n    font-size: var(--font-size);\n    outline: 0;\n    cursor: text;\n    &::-webkit-input-placeholder {\n      color: $fnMinorColor;\n    }\n}\n.bk-options {\n    padding: 0;\n    margin: 0;\n    overflow-y: auto;\n    list-style: none;\n    @mixin scroller;\n\n    &.bk-options-single {\n        .bk-option {\n            &.is-selected {\n                background-color: $selectedBackground;\n            }\n            &:hover,\n            &.is-highlight {\n                background-color: $hoverBackground;\n            }\n        }\n    }\n    .bk-option-group {\n        .bk-option-group-name {\n            margin: 0 16px;\n            font-size: var(--font-size);\n            border-bottom: 1px solid $newGreyColor1;\n            color: $newBlackColor3;\n            position: relative;\n\n            &.is-collapse {\n                cursor: pointer;\n                margin: 0 15px;\n            }\n\n            .bk-option-group-prefix {\n                width: 10px;\n                display: inline-block;\n                text-align: center;\n                line-height: 30px;\n\n                &.readonly {\n                    cursor: not-allowed;\n                }\n            }\n\n            .btn-check-all {\n                position: absolute;\n                disabled: inline-block;\n                right: 14px;\n                top: 2px;\n                .bk-form-checkbox {\n                    margin-right: 0!important;\n                }\n            }\n        }\n    }\n    .bk-group-options {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        .bk-option {\n            padding: 0 12px;\n        }\n    }\n    .bk-option {\n        position: relative;\n        cursor: pointer;\n        &.is-selected {\n            color: $newMainColor;\n            background-color: $selectedBackground;\n        }\n        &:hover,\n        &.is-highlight {\n            color: $newMainColor;\n            background-color: $hoverBackground;\n        }\n        &.is-disabled {\n            color: #c4c6cc;\n            cursor: not-allowed;\n            background-color: $disabledBackground;\n        }\n        &.is-selected.is-disabled {\n            background-color: $disabledBackground;\n            color: $disabledColor;\n            .bk-option-icon {\n                color: $disabledColor;\n            }\n        }\n        &:first-child {\n            margin-top: 6px;\n        }\n        &:last-child {\n            margin-bottom: 6px;\n        }\n        &.bk-virtual-option {\n            margin: 0;\n        }\n    }\n    .bk-virtual-select .bk-min-nav-slide {\n        width: 6px;\n        border-radius: 3px;\n        background-color: #dcdee5;\n    }\n    .bk-option-content {\n        position: relative;\n        padding: 0 16px;\n        .bk-option-content-default {\n            font-size: 0;\n        }\n        .bk-option-icon {\n            position: absolute;\n            right: 12px;\n            top: 4px;\n            color: $newMainColor;\n            font-size: $iconLargerSize;\n            font-weight: normal;\n            ~ .bk-option-name {\n                padding-right: 20px;\n            }\n        }\n        .bk-option-name {\n            vertical-align: middle;\n            font-size: var(--font-size);\n            @mixin ellipsis 100%, inline-block;\n        }\n    }\n}\n\n.bk-select-empty {\n    padding: 0 10px;\n    text-align: center;\n    font-size: var(--font-size);\n}\n\n.bk-select-extension {\n    font-size: var(--font-size);\n    padding: 0 16px;\n    border-radius: 0px 0px 1px 1px;\n    border-top: 1px solid $newGreyColor1;\n    background: $newGreyColor3;\n    i {\n        font-size: var(--extension-size);\n    }\n    &:hover {\n        background-color: #f0f1f5;\n    }\n}\n\n.tippy-tooltip.bk-select-dropdown-theme[data-size=small] {\n    padding: 0;\n    box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);\n    .tippy-arrow {\n        display: none;\n    }\n}\n\n/* size */\n.bk-select-large {\n    line-height: 36px;\n    .bk-select-angle {\n        top: 7px;\n    }\n    .bk-select-clear {\n        top: 11px;\n    }\n    .bk-select-name {\n        height: 36px;\n    }\n}\n\n.bk-select-small {\n    line-height: 24px;\n    .bk-select-angle {\n        top: 1px;\n    }\n    .bk-select-clear {\n        top: 5px;\n    }\n    .bk-select-name {\n        height: 24px;\n    }\n}\n\n.bk-select-popover-large {\n    .bk-options {\n        .bk-option-content {\n            .bk-option-name {\n                font-size: var(--font-size);\n            }\n        }\n    }\n}\n\n.bk-select-tag-container {\n    height: auto;\n    min-height: 30px;\n    padding: 0 30px 0 10px;\n    overflow: hidden;\n    &.is-fixed-height {\n        height: 30px;\n    }\n    &.is-focus {\n        height: auto !important;\n        overflow: auto;\n    }\n    &.is-large-size {\n        min-height: 34px;\n        &.is-fixed-height {\n            height: 34px;\n        }\n        .bk-select-tag {\n            height: 24px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 24px;\n            line-height: 24px;\n        }\n    }\n    &.is-small-size {\n        min-height: 24px;\n        &.is-fixed-height {\n            height: 24px;\n        }\n        .bk-select-tag {\n            height: 20px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 20px;\n            line-height: 20px;\n        }\n    }\n    &.is-available {\n        .bk-select-tag:hover {\n            background-color: #DCDEE5;\n        }\n        .icon-close:hover {\n            color: #63656E;\n        }\n    }\n    &.has-prefix-icon {\n        padding-left: 24px;\n    }\n    .bk-select-tag {\n        display: inline-flex;\n        height: 22px;\n        line-height: 22px;\n        margin: 0 6px 0 0;\n        padding: 0 2px 0 5px;\n        align-items: center;\n        background: #f0f1f5;\n        border-radius: 2px;\n        font-size: var(--font-size);\n        .icon-close {\n            margin-left: 5px;\n            flex: 18px 0 0;\n            font-size: 18px;\n            color: #979BA5;\n        }\n        &.width-limit-tag {\n            @mixin ellipsis 140px, inline-flex;\n            span {\n                @mixin ellipsis 130px, inline-block;\n                height: 100%;\n            }\n        }\n    }\n    .bk-select-overflow-tag {\n        display: inline-flex;\n        padding: 0 5px;\n        margin: 0 6px 0 0;\n        min-width: 22px;\n        line-height: 22px;\n        font-size: var(--font-size);\n        text-align: center;\n        background: #f0f1f5;\n        & ~ .bk-select-tag {\n            visibility: hidden;\n            pointer-events: none;\n        }\n    }\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n *      @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n    display: $display;\n    max-width: $maxWidth;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n","/**\n * @file scroller mixin\n *\n * usage:\n *      @mixin scroller;\n *      @mixin scroller red;\n *      @mixin scroller green, 2px;\n */\n\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\n    &::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n        min-height: 24px;\n        border-radius: 3px;\n        background-color: $backgroundColor;\n    }\n}\n"]}
+{"version":3,"sources":["select.css","mixins/ellipsis.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"select.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/ellipsis\";\n@import \"./mixins/scroller\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n\n:root {\n    --font-size: 12px;\n    --icon-size: $iconSmallestSize;\n    --extension-size: $iconSmallerSize;\n\n    .medium-font {\n        --font-size: 14px;\n        --icon-size: $iconSmallerSize;\n        --extension-size: $iconSmallSize;\n    }\n\n    .large-font {\n        --font-size: 16px;\n        --icon-size: $iconSmallSize;\n        --extension-size: $iconNormalSize;\n    }\n\n    .bk-select-large,\n    .bk-select-popover-large {\n        --font-size: 14px;\n    }\n    .bk-select-small,\n    .bk-select-popover-small {\n        --font-size: 12px;\n    }\n}\n\n.bk-select {\n    position: relative;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    line-height: 30px;\n    color: $newBlackColor2;\n    cursor: pointer;\n\n    font-size: var(--font-size);\n    &:focus {\n        border-color: #3a84ff;\n    }\n    &.only-bottom-border {\n        border-color: transparent transparent $newGreyColor transparent;\n        &.is-focus {\n            border-color: transparent transparent $newMainColor transparent;\n            box-shadow: none;\n        }\n        &.is-disabled {\n            border-color: transparent transparent #dcdee5 transparent;\n        }\n        &.is-readonly,\n        &.is-loading {\n            border-color: transparent transparent $newGreyColor1 transparent;\n        }\n    }\n    &.is-default-trigger.is-unselected:before {\n        position: absolute;\n        height: 100%;\n        content: attr(data-placeholder);\n        left: 10px;\n        top: 0;\n        color: $fnMinorColor;\n        pointer-events: none;\n    }\n    &.is-default-trigger.is-unselected {\n        &.is-disabled:before,\n        &.is-readonly:before {\n            color: $formBorderColor;\n        }\n    }\n    &.has-prefix-icon {\n        &.is-default-trigger.is-unselected:before {\n            left: 24px;\n        }\n        .bk-select-name {\n            padding-left: 24px;\n        }\n    }\n    &.is-focus {\n        border-color: $newMainColor;\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n        .bk-select-angle {\n            transform: rotate(-180deg);\n        }\n    }\n    &.is-disabled {\n        background-color: #fafbfd;\n        /* color: #c4c6cc; */\n        cursor: not-allowed;\n        border-color: #dcdee5;\n    }\n    &.is-readonly,\n    &.is-loading {\n        background-color: #fafafa;\n        cursor: default;\n        border: 1px solid $newGreyColor1;\n    }\n    &:hover {\n        .bk-select-clear {\n            display: block;\n\n            & + .bk-select-angle {\n                display: none;\n            }\n        }\n    }\n    .bk-select-loading {\n        position: absolute;\n        right: 9px;\n        top: 8px;\n        width: 18px;\n        height: 18px;\n    }\n    .bk-select-angle {\n        position: absolute;\n        right: 2px;\n        top: 4px;\n        color: #979ba5;\n        font-size: $iconNormalSize;\n        transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);\n        pointer-events: none;\n    }\n    .bk-select-clear {\n        display: none;\n        position: absolute;\n        right: 6px;\n        top: 8px;\n        text-align: center;\n        font-size: $iconSmallestSize;\n        z-index: 100;\n        color: #c4c6cc;\n        &:hover {\n            color: #979ba5;\n        }\n    }\n    .bk-select-prefix-icon {\n        position: absolute;\n        left: 6px;\n        top: calc((100% - 12px) / 2);\n        font-size: var(--icon-size);\n    }\n    .bk-select-name {\n        width: 100%;\n        height: 30px;\n        padding: 0 36px 0 10px;\n        @mixin ellipsis 100%, block;\n        border: none;\n        appearance: none;\n        &,&:hover,&:active{\n           outline: none;\n        }\n    }\n    .bk-tooltip.bk-select-dropdown {\n        display: block;\n        & > .bk-tooltip-ref {\n            display: block;\n        }\n    }\n}\n.bk-select-dropdown-content {\n    border: 1px solid $newGreyColor1;\n    border-radius: 2px;\n    line-height: 32px;\n    background: #fff;\n    color: $fnMainColor;\n    overflow: hidden;\n}\n.bk-select-search-wrapper {\n    position: relative;\n    padding: 0 5px;\n    .left-icon {\n        position: absolute;\n        font-size: 16px;\n        color: $newBlackColor3;\n        top: 50%;\n        transform: translateY(-50%);\n        left: 10px;\n    }\n}\n.bk-select-search-input {\n    width: 100%;\n    height: 32px;\n    padding: 0 10px 0 30px;\n    border: none;\n    border-bottom: 1px solid $newGreyColor1;\n    font-size: var(--font-size);\n    outline: 0;\n    cursor: text;\n    &::-webkit-input-placeholder {\n      color: $fnMinorColor;\n    }\n}\n.bk-options {\n    padding: 0;\n    margin: 0;\n    overflow-y: auto;\n    list-style: none;\n    @mixin scroller;\n\n    &.bk-options-single {\n        .bk-option {\n            &.is-selected {\n                background-color: $selectedBackground;\n            }\n            &:hover,\n            &.is-highlight {\n                background-color: $hoverBackground;\n            }\n        }\n    }\n    .bk-option-group {\n        .bk-option-group-name {\n            margin: 0 16px;\n            font-size: var(--font-size);\n            border-bottom: 1px solid $newGreyColor1;\n            color: $newBlackColor3;\n            position: relative;\n\n            &.is-collapse {\n                cursor: pointer;\n                margin: 0 15px;\n            }\n\n            .bk-option-group-prefix {\n                width: 10px;\n                display: inline-block;\n                text-align: center;\n                line-height: 30px;\n\n                &.readonly {\n                    cursor: not-allowed;\n                }\n            }\n\n            .btn-check-all {\n                position: absolute;\n                disabled: inline-block;\n                right: 14px;\n                top: 2px;\n                .bk-form-checkbox {\n                    margin-right: 0!important;\n                }\n            }\n        }\n    }\n    .bk-group-options {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        .bk-option {\n            padding: 0 12px;\n        }\n    }\n    .bk-option {\n        position: relative;\n        cursor: pointer;\n        &.is-selected {\n            color: $newMainColor;\n            background-color: $selectedBackground;\n        }\n        &:hover,\n        &.is-highlight {\n            color: $newMainColor;\n            background-color: $hoverBackground;\n        }\n        &.is-disabled {\n            color: #c4c6cc;\n            cursor: not-allowed;\n            background-color: $disabledBackground;\n        }\n        &.is-selected.is-disabled {\n            background-color: $disabledBackground;\n            color: $disabledColor;\n            .bk-option-icon {\n                color: $disabledColor;\n            }\n        }\n        &:first-child {\n            margin-top: 6px;\n        }\n        &:last-child {\n            margin-bottom: 6px;\n        }\n        &.bk-virtual-option {\n            margin: 0;\n        }\n    }\n    .bk-virtual-select .bk-min-nav-slide {\n        width: 6px;\n        border-radius: 3px;\n        background-color: #dcdee5;\n    }\n    .bk-option-content {\n        position: relative;\n        padding: 0 16px;\n        .bk-option-content-default {\n            font-size: 0;\n        }\n        .bk-option-icon {\n            position: absolute;\n            right: 12px;\n            top: 4px;\n            color: $newMainColor;\n            font-size: $iconLargerSize;\n            font-weight: normal;\n            ~ .bk-option-name {\n                padding-right: 20px;\n            }\n        }\n        .bk-option-name {\n            vertical-align: middle;\n            font-size: var(--font-size);\n            @mixin ellipsis 100%, inline-block;\n        }\n    }\n}\n\n.bk-select-empty {\n    padding: 0 10px;\n    text-align: center;\n    font-size: var(--font-size);\n}\n\n.bk-select-extension {\n    font-size: var(--font-size);\n    padding: 0 16px;\n    border-radius: 0px 0px 1px 1px;\n    border-top: 1px solid $newGreyColor1;\n    background: $newGreyColor3;\n    i {\n        font-size: var(--extension-size);\n    }\n    &:hover {\n        background-color: #f0f1f5;\n    }\n}\n\n.tippy-tooltip.bk-select-dropdown-theme[data-size=small] {\n    padding: 0;\n    box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);\n    .tippy-arrow {\n        display: none;\n    }\n}\n/* size */\n.bk-select-large {\n    line-height: 36px;\n    .bk-select-angle {\n        top: 7px;\n    }\n    .bk-select-clear {\n        top: 11px;\n    }\n    .bk-select-name {\n        height: 36px;\n    }\n}\n\n.bk-select-small {\n    line-height: 24px;\n    .bk-select-angle {\n        top: 1px;\n    }\n    .bk-select-clear {\n        top: 5px;\n    }\n    .bk-select-name {\n        height: 24px;\n    }\n}\n\n.bk-select-popover-large {\n    .bk-options {\n        .bk-option-content {\n            .bk-option-name {\n                font-size: var(--font-size);\n            }\n        }\n    }\n}\n\n.bk-select-tag-container {\n    height: auto;\n    min-height: 30px;\n    padding: 0 30px 0 10px;\n    overflow: hidden;\n    &.is-fixed-height {\n        height: 30px;\n    }\n    &.is-focus {\n        height: auto !important;\n        overflow: auto;\n    }\n    &.is-large-size {\n        min-height: 34px;\n        &.is-fixed-height {\n            height: 34px;\n        }\n        .bk-select-tag {\n            height: 24px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 24px;\n            line-height: 24px;\n        }\n    }\n    &.is-small-size {\n        min-height: 24px;\n        &.is-fixed-height {\n            height: 24px;\n        }\n        .bk-select-tag {\n            height: 20px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 20px;\n            line-height: 20px;\n        }\n    }\n    &.is-available {\n        .bk-select-tag:hover {\n            background-color: #DCDEE5;\n        }\n        .icon-close:hover {\n            color: #63656E;\n        }\n    }\n    &.has-prefix-icon {\n        padding-left: 24px;\n    }\n    .bk-select-tag {\n        display: inline-flex;\n        height: 22px;\n        line-height: 22px;\n        margin: 0 6px 0 0;\n        padding: 0 2px 0 5px;\n        align-items: center;\n        background: #f0f1f5;\n        border-radius: 2px;\n        font-size: var(--font-size);\n        .icon-close {\n            margin-left: 5px;\n            flex: 18px 0 0;\n            font-size: 18px;\n            color: #979BA5;\n        }\n        &.width-limit-tag {\n            @mixin ellipsis 140px, inline-flex;\n            span {\n                @mixin ellipsis 130px, inline-block;\n                height: 100%;\n            }\n        }\n    }\n    .bk-select-overflow-tag {\n        display: inline-flex;\n        padding: 0 5px;\n        margin: 0 6px 0 0;\n        min-width: 22px;\n        line-height: 22px;\n        font-size: var(--font-size);\n        text-align: center;\n        background: #f0f1f5;\n        & ~ .bk-select-tag {\n            visibility: hidden;\n            pointer-events: none;\n        }\n    }\n}\n\n.bk-select-bottom-loading {\n    position: relative;\n    text-align: center;\n    bottom: 0;\n    height: 32px;\n    line-height: 25px;\n    width: 100%;\n    z-index: 777;\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n *      @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n    display: $display;\n    max-width: $maxWidth;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n","/**\n * @file scroller mixin\n *\n * usage:\n *      @mixin scroller;\n *      @mixin scroller red;\n *      @mixin scroller green, 2px;\n */\n\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\n    &::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n        min-height: 24px;\n        border-radius: 3px;\n        background-color: $backgroundColor;\n    }\n}\n"]}

package/lib/version-detail.js

@@ -4085,7 +4085,193 @@
 	};
 
 	var script$1 = {
+	  name: 'bk-spin',
+	  props: {
+	    theme: {
+	      type: String,
+	      default: 'primary',
+	      validator: function validator(value) {
+	        if (!['primary', 'warning', 'success', 'danger', 'info'].includes(value)) {
+	          console.error("theme property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    size: {
+	      type: String,
+	      default: 'small',
+	      validator: function validator(value) {
+	        if (!['large', 'normal', 'small', 'mini'].includes(value)) {
+	          console.error("size property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    icon: {
+	      type: String,
+	      default: ''
+	    },
+	    extCls: {
+	      type: String,
+	      default: ''
+	    },
+	    placement: {
+	      type: String,
+	      default: 'bottom',
+	      validator: function validator(value) {
+	        if (!['bottom', 'right'].includes(value)) {
+	          console.error("placement property is not valid: '".concat(value, "'"));
+	          return false;
+	        }
+	        return true;
+	      }
+	    },
+	    spinning: {
+	      type: Boolean,
+	      default: true
+	    }
+	  },
+	  data: function data() {
+	    return {};
+	  },
+	  computed: {
+	    dotClass: function dotClass() {
+	      var dotClass = ["bk-spin-rotation", "bk-spin-rotation-".concat(this.size), "bk-spin-rotation-".concat(this.theme)];
+	      !this.spinning && dotClass.push("bk-spin-rotation-".concat(this.theme, "-wait"));
+	      this.placement === 'right' && dotClass.push("bk-spin-rotation-flex");
+	      this.placement === 'bottom' && dotClass.push("bk-spin-rotation-margin");
+	      return dotClass;
+	    },
+	    slotTypeClass: function slotTypeClass() {
+	      var slotType = ["rotate"];
+	      this.$slots.default && this.placement === 'right' && slotType.push("slots-".concat(this.placement, "-rotate"));
+	      return slotType;
+	    },
+	    iconClass: function iconClass() {
+	      var iconClass = ["bk-spin-icon", "bk-spin-icon-".concat(this.size), "bk-spin-icon-".concat(this.theme)];
+	      !this.spinning && iconClass.push("bk-spin-icon-wait");
+	      this.placement === 'right' && iconClass.push("bk-display-flex");
+	      return iconClass;
+	    },
+	    slotClass: function slotClass() {
+	      var slotClass = ["bk-spin-title", "bk-spin-title-".concat(this.placement)];
+	      this.placement === 'right' && slotClass.push("bk-spin-title-".concat(this.size), "bk-display-flex");
+	      return slotClass;
+	    }
+	  }
+	};
+
+	/* script */
+	var __vue_script__$1 = script$1;
+	/* template */
+
+	var __vue_render__$1 = function __vue_render__() {
+	  var _vm = this;
+
+	  var _h = _vm.$createElement;
+
+	  var _c = _vm._self._c || _h;
+
+	  return _c('transition', {
+	    attrs: {
+	      "name": "fade"
+	    }
+	  }, [_c('div', {
+	    class: ['bk-spin', _vm.extCls]
+	  }, [_c('div', {
+	    style: {
+	      display: _vm.placement === 'right' ? 'flex' : ''
+	    }
+	  }, [!_vm.icon ? _c('div', {
+	    class: [_vm.dotClass]
+	  }, [_c('div', {
+	    staticClass: "rotate1",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate2",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate3",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate4",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate5",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate6",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate7",
+	    class: _vm.slotTypeClass
+	  }), _c('div', {
+	    staticClass: "rotate8",
+	    class: _vm.slotTypeClass
+	  })]) : _vm._e(), _vm.icon ? _c('div', {
+	    class: [_vm.iconClass]
+	  }, [_c('i', {
+	    class: ['bk-icon', 'icon-' + _vm.icon]
+	  })]) : _vm._e(), _vm.$slots.default ? _c('div', {
+	    class: [_vm.slotClass]
+	  }, [_vm._t("default")], 2) : _vm._e()])])]);
+	};
+
+	var __vue_staticRenderFns__$1 = [];
+	/* style */
+
+	var __vue_inject_styles__$1 = undefined;
+	/* scoped */
+
+	var __vue_scope_id__$1 = undefined;
+	/* module identifier */
+
+	var __vue_module_identifier__$1 = undefined;
+	/* functional template */
+
+	var __vue_is_functional_template__$1 = false;
+	/* style inject */
+
+	/* style inject SSR */
+
+	/* style inject shadow dom */
+
+	var __vue_component__$1 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$1,
+	  staticRenderFns: __vue_staticRenderFns__$1
+	}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+	function setInstaller (component, afterInstall) {
+	  component.install = function (Vue) {
+	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	    var props = component.props || {};
+	    keys$1(options).forEach(function (key) {
+	      if (props.hasOwnProperty(key)) {
+	        if (typeof props[key] === 'function' || props[key] instanceof Array) {
+	          props[key] = {
+	            type: props[key],
+	            default: options[key]
+	          };
+	        } else {
+	          props[key].default = options[key];
+	        }
+	      }
+	    });
+	    component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
+	    Vue.component(component.name, component);
+	    typeof afterInstall === 'function' && afterInstall(Vue, options);
+	  };
+	}
+
+	setInstaller(__vue_component__$1);
+
+	var script$2 = {
 	  name: 'bk-button',
+	  components: {
+	    BkSpin: __vue_component__$1
+	  },
 	  props: {
 	    theme: {
 	      type: String,
@@ -4189,10 +4375,10 @@
 	};
 
 	/* script */
-	var __vue_script__$1 = script$1;
+	var __vue_script__$2 = script$2;
 	/* template */
 
-	var __vue_render__$1 = function __vue_render__() {
+	var __vue_render__$2 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -4211,15 +4397,20 @@
 	    }
 	  }, 'button', _vm.$attrs, false), [_vm.loading ? _c('div', {
 	    staticClass: "bk-button-loading"
-	  }, [_c('div', {
-	    staticClass: "bounce1"
+	  }, [!_vm.text ? [_c('div', {
+	    staticClass: "bounce bounce1"
 	  }), _c('div', {
-	    staticClass: "bounce2"
+	    staticClass: "bounce bounce2"
 	  }), _c('div', {
-	    staticClass: "bounce3"
+	    staticClass: "bounce bounce3"
 	  }), _c('div', {
-	    staticClass: "bounce4"
-	  })]) : _vm._e(), _c('div', {
+	    staticClass: "bounce bounce4"
+	  })] : [_c('bk-spin', {
+	    attrs: {
+	      "size": "mini",
+	      "theme": _vm.theme
+	    }
+	  })]], 2) : _vm._e(), _c('div', {
 	    class: _vm.loading ? 'bk-loading-wrapper' : ''
 	  }, [_vm.iconType ? _c('i', {
 	    staticClass: "bk-icon left-icon",
@@ -4234,53 +4425,31 @@
 	  })] : _vm._e()], 2) : _vm._e()])]);
 	};
 
-	var __vue_staticRenderFns__$1 = [];
+	var __vue_staticRenderFns__$2 = [];
 	/* style */
 
-	var __vue_inject_styles__$1 = undefined;
+	var __vue_inject_styles__$2 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$1 = undefined;
+	var __vue_scope_id__$2 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$1 = undefined;
+	var __vue_module_identifier__$2 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$1 = false;
+	var __vue_is_functional_template__$2 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$1 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$1,
-	  staticRenderFns: __vue_staticRenderFns__$1
-	}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-
-	function setInstaller (component, afterInstall) {
-	  component.install = function (Vue) {
-	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-	    var props = component.props || {};
-	    keys$1(options).forEach(function (key) {
-	      if (props.hasOwnProperty(key)) {
-	        if (typeof props[key] === 'function' || props[key] instanceof Array) {
-	          props[key] = {
-	            type: props[key],
-	            default: options[key]
-	          };
-	        } else {
-	          props[key].default = options[key];
-	        }
-	      }
-	    });
-	    component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
-	    Vue.component(component.name, component);
-	    typeof afterInstall === 'function' && afterInstall(Vue, options);
-	  };
-	}
+	var __vue_component__$2 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$2,
+	  staticRenderFns: __vue_staticRenderFns__$2
+	}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$1);
+	setInstaller(__vue_component__$2);
 
 	var _stringAt = function (TO_STRING) {
 	  return function (that, pos) {
@@ -4985,10 +5154,10 @@
 	  }
 	};
 
-	var script$2 = {
+	var script$3 = {
 	  name: 'bk-dialog',
 	  components: {
-	    bkButton: __vue_component__$1
+	    bkButton: __vue_component__$2
 	  },
 	  directives: {
 	    transferDom: transferDom
@@ -5556,9 +5725,9 @@
 	var img = new Image(); img.src = 'data:image/png;base64,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'; var __$_require_ui_images_default_loading_png__ = img.src;
 
 	/* script */
-	var __vue_script__$2 = script$2;
+	var __vue_script__$3 = script$3;
 
-	var __vue_render__$2 = function __vue_render__() {
+	var __vue_render__$3 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -5807,36 +5976,36 @@
 	  }) : _vm._e()])]) : _vm._e()]], 2)], 1)]);
 	};
 
-	var __vue_staticRenderFns__$2 = [];
+	var __vue_staticRenderFns__$3 = [];
 	/* style */
 
-	var __vue_inject_styles__$2 = undefined;
+	var __vue_inject_styles__$3 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$2 = undefined;
+	var __vue_scope_id__$3 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$2 = undefined;
+	var __vue_module_identifier__$3 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$2 = false;
+	var __vue_is_functional_template__$3 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$2 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$2,
-	  staticRenderFns: __vue_staticRenderFns__$2
-	}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+	var __vue_component__$3 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$3,
+	  staticRenderFns: __vue_staticRenderFns__$3
+	}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$2);
+	setInstaller(__vue_component__$3);
 
-	var script$3 = {
+	var script$4 = {
 	  name: 'bk-version-detail',
 	  components: {
-	    BkDialog: __vue_component__$2
+	    BkDialog: __vue_component__$3
 	  },
 	  directives: {
 	    bkOverflowTips: overflowTips,
@@ -6097,10 +6266,10 @@
 	};
 
 	/* script */
-	var __vue_script__$3 = script$3;
+	var __vue_script__$4 = script$4;
 	/* template */
 
-	var __vue_render__$3 = function __vue_render__() {
+	var __vue_render__$4 = function __vue_render__() {
 	  var _vm = this;
 
 	  var _h = _vm.$createElement;
@@ -6212,33 +6381,33 @@
 	  })], 2)])]], 2);
 	};
 
-	var __vue_staticRenderFns__$3 = [];
+	var __vue_staticRenderFns__$4 = [];
 	/* style */
 
-	var __vue_inject_styles__$3 = undefined;
+	var __vue_inject_styles__$4 = undefined;
 	/* scoped */
 
-	var __vue_scope_id__$3 = undefined;
+	var __vue_scope_id__$4 = undefined;
 	/* module identifier */
 
-	var __vue_module_identifier__$3 = undefined;
+	var __vue_module_identifier__$4 = undefined;
 	/* functional template */
 
-	var __vue_is_functional_template__$3 = false;
+	var __vue_is_functional_template__$4 = false;
 	/* style inject */
 
 	/* style inject SSR */
 
 	/* style inject shadow dom */
 
-	var __vue_component__$3 = /*#__PURE__*/normalizeComponent_1({
-	  render: __vue_render__$3,
-	  staticRenderFns: __vue_staticRenderFns__$3
-	}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+	var __vue_component__$4 = /*#__PURE__*/normalizeComponent_1({
+	  render: __vue_render__$4,
+	  staticRenderFns: __vue_staticRenderFns__$4
+	}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
 
-	setInstaller(__vue_component__$3);
+	setInstaller(__vue_component__$4);
 
-	exports.default = __vue_component__$3;
+	exports.default = __vue_component__$4;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bk-magic-vue",
-  "version": "2.4.6",
+  "version": "2.4.7",
   "description": "基于蓝鲸 Magicbox 和 Vue 的前端组件库",
   "main": "dist/bk-magic-vue.min.js",
   "files": [