bk-magic-vue 2.4.6 → 2.4.7

package/lib/ui/button.css

@@ -481,12 +481,16 @@
     padding:0;
 }
 
+.bk-button-text .bk-loading-wrapper{
+        display:inline-block;
+    }
+
 .bk-button-text .bk-button-loading{
-        width:58px;
+        position:relative;
         display:inline-block;
     }
 
-.bk-button-text .bk-button-loading div{
+.bk-button-text .bk-button-loading .bounce{
             width:7px;
             height:7px;
             border-radius:100%;
@@ -516,6 +520,11 @@
                     animation-delay:0s;
         }
 
+.bk-button-text .bk-button-loading .bk-spin{
+            position:relative;
+            top:-1px;
+        }
+
 .bk-button-text .bk-button-icon-loading{
         position:relative;
         top:2px;

package/lib/ui/button.min.css

@@ -1,2 +1,2 @@
-.bk-button{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:64px;position:relative}.bk-button .bk-loading-wrapper{opacity:0}.bk-button .bk-button-loading{display:inline-block;vertical-align:top;font-size:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bk-button .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;vertical-align:middle;background-color:#fff;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button .bk-button-loading div+[class^=bounce]{margin-left:4px}.bk-button .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button .bk-button-icon-loading{position:relative;top:2px}.bk-button .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button .bk-icon{line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px;font-size:22px}.bk-button.no-slot{padding:0 10px;height:32px;min-width:32px}.bk-button.no-slot .left-icon{margin-right:0}.bk-button.no-slot .right-icon{margin-left:0}.bk-button.bk-default.hover,.bk-button.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button.bk-default.active,.bk-button.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button.bk-default.is-disabled,.bk-button.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.bk-default.is-loading{cursor:default}.bk-button.bk-default.is-loading.hover,.bk-button.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button.bk-default.is-loading.active,.bk-button.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button.bk-default .bk-button-loading div{background-color:#63656e}.bk-button.bk-primary{background:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.hover,.bk-button.bk-primary:hover{background-color:#699df4;border-color:#699df4;opacity:1}.bk-button.bk-primary.active,.bk-button.bk-primary:active{background-color:#2761dd;border-color:#2761dd}.bk-button.bk-primary.is-disabled,.bk-button.bk-primary[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-primary.is-loading{cursor:default}.bk-button.bk-primary.is-loading.hover,.bk-button.bk-primary.is-loading:hover{background-color:#3a84ff;border-color:#3a84ff;opacity:1}.bk-button.bk-primary.is-loading.active,.bk-button.bk-primary.is-loading:active{background-color:#3a84ff;border-color:#3a84ff}.bk-button.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-primary.is-outline.hover,.bk-button.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.is-outline.active,.bk-button.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button.bk-success{background:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.hover,.bk-button.bk-success:hover{background-color:#45e35f;border-color:#45e35f;opacity:1}.bk-button.bk-success.active,.bk-button.bk-success:active{background-color:#1ab943;border-color:#1ab943}.bk-button.bk-success.is-disabled,.bk-button.bk-success[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-success.is-loading{cursor:default}.bk-button.bk-success.is-loading.hover,.bk-button.bk-success.is-loading:hover{background-color:#2dcb56;border-color:#2dcb56;opacity:1}.bk-button.bk-success.is-loading.active,.bk-button.bk-success.is-loading:active{background-color:#2dcb56;border-color:#2dcb56}.bk-button.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-success.is-outline.hover,.bk-button.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.is-outline.active,.bk-button.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-warning{background:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.hover,.bk-button.bk-warning:hover{background-color:#ffb848;border-color:#ffb848;opacity:1}.bk-button.bk-warning.active,.bk-button.bk-warning:active{background-color:#eb9000;border-color:#eb9000}.bk-button.bk-warning.is-disabled,.bk-button.bk-warning[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-warning.is-loading{cursor:default}.bk-button.bk-warning.is-loading.hover,.bk-button.bk-warning.is-loading:hover{background-color:#ff9c01;border-color:#ff9c01;opacity:1}.bk-button.bk-warning.is-loading.active,.bk-button.bk-warning.is-loading:active{background-color:#ff9c01;border-color:#ff9c01}.bk-button.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-warning.is-outline.hover,.bk-button.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.is-outline.active,.bk-button.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-danger{background:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.hover,.bk-button.bk-danger:hover{background-color:#ff5656;border-color:#ff5656;opacity:1}.bk-button.bk-danger.active,.bk-button.bk-danger:active{background-color:#db2626;border-color:#db2626}.bk-button.bk-danger.is-disabled,.bk-button.bk-danger[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-danger.is-loading{cursor:default}.bk-button.bk-danger.is-loading.hover,.bk-button.bk-danger.is-loading:hover{background-color:#ea3636;border-color:#ea3636;opacity:1}.bk-button.bk-danger.is-loading.active,.bk-button.bk-danger.is-loading:active{background-color:#ea3636;border-color:#ea3636}.bk-button.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-danger.is-outline.hover,.bk-button.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.is-outline.active,.bk-button.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button.bk-button-small .bk-icon{font-size:20px}.bk-button.bk-button-large{height:38px;line-height:36px;padding:0 20px;font-size:16px}.bk-button.bk-button-large .bk-icon{font-size:24px}.bk-button.is-outline.is-disabled,.bk-button.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.is-outline.is-disabled.hover,.bk-button.is-outline.is-disabled:hover,.bk-button.is-outline[disabled].hover,.bk-button.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button.is-outline.is-disabled.active,.bk-button.is-outline.is-disabled:active,.bk-button.is-outline[disabled].active,.bk-button.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text{border:none;background:none;cursor:pointer;font-size:14px;color:#63656e;text-decoration:none;outline:none;height:22px;padding:0}.bk-button-text .bk-button-loading{width:58px;display:inline-block}.bk-button-text .bk-button-loading div{width:7px;height:7px;border-radius:100%;display:inline-block;background-color:#fff;-webkit-animation:button-loading 1.2s ease-in-out infinite both;animation:button-loading 1.2s ease-in-out infinite both}.bk-button-text .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-text .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-text .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-text .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-text .bk-button-icon-loading{position:relative;top:2px}.bk-button-text .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-text .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-text .bk-icon.left-icon{margin-right:2px}.bk-button-text .bk-icon.right-icon{margin-left:2px}.bk-button-text.no-slot{padding:0 10px;height:22px}.bk-button-text.no-slot .left-icon{margin-right:0}.bk-button-text.no-slot .right-icon{margin-left:0}.bk-button-text.bk-default.hover,.bk-button-text.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button-text.bk-default.active,.bk-button-text.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button-text.bk-default.is-disabled,.bk-button-text.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.bk-default.is-loading{cursor:default}.bk-button-text.bk-default.is-loading.hover,.bk-button-text.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-text.bk-default.is-loading.active,.bk-button-text.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-text.bk-default .bk-button-loading div{background-color:#63656e}.bk-button-text.bk-primary{color:#3a84ff}.bk-button-text.bk-primary.hover,.bk-button-text.bk-primary:hover{color:#699df4}.bk-button-text.bk-primary.active,.bk-button-text.bk-primary:active{color:#2761dd}.bk-button-text.bk-success{color:#2dcb56}.bk-button-text.bk-success.hover,.bk-button-text.bk-success:hover{color:#45e35f}.bk-button-text.bk-success.active,.bk-button-text.bk-success:active{color:#1ab943}.bk-button-text.bk-warning{color:#ff9c01}.bk-button-text.bk-warning.hover,.bk-button-text.bk-warning:hover{color:#ffb848}.bk-button-text.bk-warning.active,.bk-button-text.bk-warning:active{color:#eb9000}.bk-button-text.bk-danger{color:#ea3636}.bk-button-text.bk-danger.hover,.bk-button-text.bk-danger:hover{color:#ff5656}.bk-button-text.bk-danger.active,.bk-button-text.bk-danger:active{color:#db2626}.bk-button-text.is-disabled,.bk-button-text[disabled]{color:#dcdee5;cursor:not-allowed}.bk-button-text.is-disabled.hover,.bk-button-text.is-disabled:hover,.bk-button-text[disabled].hover,.bk-button-text[disabled]:hover{color:#dcdee5}.bk-button-text.is-disabled.active,.bk-button-text.is-disabled:active,.bk-button-text[disabled].active,.bk-button-text[disabled]:active{color:#dcdee5}.bk-button-text.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-text.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-text.is-outline.is-disabled,.bk-button-text.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.is-outline.is-disabled.hover,.bk-button-text.is-outline.is-disabled:hover,.bk-button-text.is-outline[disabled].hover,.bk-button-text.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text.is-outline.is-disabled.active,.bk-button-text.is-outline.is-disabled:active,.bk-button-text.is-outline[disabled].active,.bk-button-text.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:68px}.bk-button-hover .bk-button-loading{width:58px;display:inline-block}.bk-button-hover .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;background-color:#63656e;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button-hover .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-hover .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-hover .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-hover .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-hover .bk-button-icon-loading{position:relative;top:2px}.bk-button-hover .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-hover .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-hover .bk-icon.left-icon{margin-right:2px}.bk-button-hover .bk-icon.right-icon{margin-left:2px}.bk-button-hover.no-slot{padding:0 10px;height:36px;min-width:36px}.bk-button-hover.no-slot .left-icon{margin-right:0}.bk-button-hover.no-slot .right-icon{margin-left:0}.bk-button-hover.bk-primary{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-primary.hover,.bk-button-hover.bk-primary:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff;opacity:1}.bk-button-hover.bk-primary.active,.bk-button-hover.bk-primary:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-primary.is-disabled,.bk-button-hover.bk-primary[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-primary.is-loading{cursor:default}.bk-button-hover.bk-primary.is-loading.hover,.bk-button-hover.bk-primary.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-primary.is-loading.active,.bk-button-hover.bk-primary.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button-hover.bk-primary.is-outline.hover,.bk-button-hover.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button-hover.bk-primary.is-outline.active,.bk-button-hover.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-success{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-success.hover,.bk-button-hover.bk-success:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff;opacity:1}.bk-button-hover.bk-success.active,.bk-button-hover.bk-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-success.is-disabled,.bk-button-hover.bk-success[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-success.is-loading{cursor:default}.bk-button-hover.bk-success.is-loading.hover,.bk-button-hover.bk-success.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-success.is-loading.active,.bk-button-hover.bk-success.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button-hover.bk-success.is-outline.hover,.bk-button-hover.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button-hover.bk-success.is-outline.active,.bk-button-hover.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-warning{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-warning.hover,.bk-button-hover.bk-warning:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff;opacity:1}.bk-button-hover.bk-warning.active,.bk-button-hover.bk-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-warning.is-disabled,.bk-button-hover.bk-warning[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-warning.is-loading{cursor:default}.bk-button-hover.bk-warning.is-loading.hover,.bk-button-hover.bk-warning.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-warning.is-loading.active,.bk-button-hover.bk-warning.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button-hover.bk-warning.is-outline.hover,.bk-button-hover.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button-hover.bk-warning.is-outline.active,.bk-button-hover.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-danger{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-danger.hover,.bk-button-hover.bk-danger:hover{background-color:#ea3636;border-color:#ea3636;color:#fff;opacity:1}.bk-button-hover.bk-danger.active,.bk-button-hover.bk-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-danger.is-disabled,.bk-button-hover.bk-danger[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-danger.is-loading{cursor:default}.bk-button-hover.bk-danger.is-loading.hover,.bk-button-hover.bk-danger.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-danger.is-loading.active,.bk-button-hover.bk-danger.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button-hover.bk-danger.is-outline.hover,.bk-button-hover.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button-hover.bk-danger.is-outline.active,.bk-button-hover.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-hover.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-hover.is-outline.is-disabled,.bk-button-hover.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.is-outline.is-disabled.hover,.bk-button-hover.is-outline.is-disabled:hover,.bk-button-hover.is-outline[disabled].hover,.bk-button-hover.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover.is-outline.is-disabled.active,.bk-button-hover.is-outline.is-disabled:active,.bk-button-hover.is-outline[disabled].active,.bk-button-hover.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}@-webkit-keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bk-button-group{font-size:0;margin-left:1px;display:inline-block}.bk-button-group .bk-button{margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button.hover,.bk-button-group .bk-button:hover{border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button.is-disabled:hover{border-color:#dcdee5;color:#c4c6cc;position:relative;z-index:0}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button.is-selected{background-color:#e1ecff;border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button span .bk-icon{margin-left:7px}.bk-text-button{border:none;background:none;color:#3a84ff;cursor:pointer;text-decoration:none}.bk-text-button .bk-icon{margin-right:5px;display:inline-block}.bk-text-button+.bk-text-button{margin-left:15px}.bk-text-button:hover{color:#0082ff;text-decoration:none}.bk-text-button.is-disabled{color:#e6e6e6!important;cursor:not-allowed}.bk-text-button.bk-default{color:#63656e}.bk-text-button.bk-default:hover{color:darken(#63656e,10%)}.bk-text-button.bk-info{color:#699df4}.bk-text-button.bk-info:hover{color:#7ab9fa}.bk-text-button.bk-primary{color:#3a84ff}.bk-text-button.bk-primary:hover{color:#0082ff}.bk-text-button.bk-success{color:#2dcb56}.bk-text-button.bk-success:hover{color:#00c873}.bk-text-button.bk-warning{color:#ff9c01}.bk-text-button.bk-warning:hover{color:#ff9600}.bk-text-button.bk-danger{color:#ea3636}.bk-text-button.bk-danger:hover{color:#f72239}.bk-text-button .bk-icon{width:16px;min-width:16px}@-webkit-keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}
+.bk-button{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:64px;position:relative}.bk-button .bk-loading-wrapper{opacity:0}.bk-button .bk-button-loading{display:inline-block;vertical-align:top;font-size:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bk-button .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;vertical-align:middle;background-color:#fff;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button .bk-button-loading div+[class^=bounce]{margin-left:4px}.bk-button .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button .bk-button-icon-loading{position:relative;top:2px}.bk-button .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button .bk-icon{line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px;font-size:22px}.bk-button.no-slot{padding:0 10px;height:32px;min-width:32px}.bk-button.no-slot .left-icon{margin-right:0}.bk-button.no-slot .right-icon{margin-left:0}.bk-button.bk-default.hover,.bk-button.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button.bk-default.active,.bk-button.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button.bk-default.is-disabled,.bk-button.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.bk-default.is-loading{cursor:default}.bk-button.bk-default.is-loading.hover,.bk-button.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button.bk-default.is-loading.active,.bk-button.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button.bk-default .bk-button-loading div{background-color:#63656e}.bk-button.bk-primary{background:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.hover,.bk-button.bk-primary:hover{background-color:#699df4;border-color:#699df4;opacity:1}.bk-button.bk-primary.active,.bk-button.bk-primary:active{background-color:#2761dd;border-color:#2761dd}.bk-button.bk-primary.is-disabled,.bk-button.bk-primary[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-primary.is-loading{cursor:default}.bk-button.bk-primary.is-loading.hover,.bk-button.bk-primary.is-loading:hover{background-color:#3a84ff;border-color:#3a84ff;opacity:1}.bk-button.bk-primary.is-loading.active,.bk-button.bk-primary.is-loading:active{background-color:#3a84ff;border-color:#3a84ff}.bk-button.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-primary.is-outline.hover,.bk-button.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.is-outline.active,.bk-button.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button.bk-success{background:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.hover,.bk-button.bk-success:hover{background-color:#45e35f;border-color:#45e35f;opacity:1}.bk-button.bk-success.active,.bk-button.bk-success:active{background-color:#1ab943;border-color:#1ab943}.bk-button.bk-success.is-disabled,.bk-button.bk-success[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-success.is-loading{cursor:default}.bk-button.bk-success.is-loading.hover,.bk-button.bk-success.is-loading:hover{background-color:#2dcb56;border-color:#2dcb56;opacity:1}.bk-button.bk-success.is-loading.active,.bk-button.bk-success.is-loading:active{background-color:#2dcb56;border-color:#2dcb56}.bk-button.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-success.is-outline.hover,.bk-button.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.is-outline.active,.bk-button.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-warning{background:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.hover,.bk-button.bk-warning:hover{background-color:#ffb848;border-color:#ffb848;opacity:1}.bk-button.bk-warning.active,.bk-button.bk-warning:active{background-color:#eb9000;border-color:#eb9000}.bk-button.bk-warning.is-disabled,.bk-button.bk-warning[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-warning.is-loading{cursor:default}.bk-button.bk-warning.is-loading.hover,.bk-button.bk-warning.is-loading:hover{background-color:#ff9c01;border-color:#ff9c01;opacity:1}.bk-button.bk-warning.is-loading.active,.bk-button.bk-warning.is-loading:active{background-color:#ff9c01;border-color:#ff9c01}.bk-button.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-warning.is-outline.hover,.bk-button.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.is-outline.active,.bk-button.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-danger{background:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.hover,.bk-button.bk-danger:hover{background-color:#ff5656;border-color:#ff5656;opacity:1}.bk-button.bk-danger.active,.bk-button.bk-danger:active{background-color:#db2626;border-color:#db2626}.bk-button.bk-danger.is-disabled,.bk-button.bk-danger[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-danger.is-loading{cursor:default}.bk-button.bk-danger.is-loading.hover,.bk-button.bk-danger.is-loading:hover{background-color:#ea3636;border-color:#ea3636;opacity:1}.bk-button.bk-danger.is-loading.active,.bk-button.bk-danger.is-loading:active{background-color:#ea3636;border-color:#ea3636}.bk-button.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-danger.is-outline.hover,.bk-button.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.is-outline.active,.bk-button.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button.bk-button-small .bk-icon{font-size:20px}.bk-button.bk-button-large{height:38px;line-height:36px;padding:0 20px;font-size:16px}.bk-button.bk-button-large .bk-icon{font-size:24px}.bk-button.is-outline.is-disabled,.bk-button.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.is-outline.is-disabled.hover,.bk-button.is-outline.is-disabled:hover,.bk-button.is-outline[disabled].hover,.bk-button.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button.is-outline.is-disabled.active,.bk-button.is-outline.is-disabled:active,.bk-button.is-outline[disabled].active,.bk-button.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text{border:none;background:none;cursor:pointer;font-size:14px;color:#63656e;text-decoration:none;outline:none;height:22px;padding:0}.bk-button-text .bk-loading-wrapper{display:inline-block}.bk-button-text .bk-button-loading{position:relative;display:inline-block}.bk-button-text .bk-button-loading .bounce{width:7px;height:7px;border-radius:100%;display:inline-block;background-color:#fff;-webkit-animation:button-loading 1.2s ease-in-out infinite both;animation:button-loading 1.2s ease-in-out infinite both}.bk-button-text .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-text .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-text .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-text .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-text .bk-button-loading .bk-spin{position:relative;top:-1px}.bk-button-text .bk-button-icon-loading{position:relative;top:2px}.bk-button-text .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-text .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-text .bk-icon.left-icon{margin-right:2px}.bk-button-text .bk-icon.right-icon{margin-left:2px}.bk-button-text.no-slot{padding:0 10px;height:22px}.bk-button-text.no-slot .left-icon{margin-right:0}.bk-button-text.no-slot .right-icon{margin-left:0}.bk-button-text.bk-default.hover,.bk-button-text.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button-text.bk-default.active,.bk-button-text.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button-text.bk-default.is-disabled,.bk-button-text.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.bk-default.is-loading{cursor:default}.bk-button-text.bk-default.is-loading.hover,.bk-button-text.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-text.bk-default.is-loading.active,.bk-button-text.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-text.bk-default .bk-button-loading div{background-color:#63656e}.bk-button-text.bk-primary{color:#3a84ff}.bk-button-text.bk-primary.hover,.bk-button-text.bk-primary:hover{color:#699df4}.bk-button-text.bk-primary.active,.bk-button-text.bk-primary:active{color:#2761dd}.bk-button-text.bk-success{color:#2dcb56}.bk-button-text.bk-success.hover,.bk-button-text.bk-success:hover{color:#45e35f}.bk-button-text.bk-success.active,.bk-button-text.bk-success:active{color:#1ab943}.bk-button-text.bk-warning{color:#ff9c01}.bk-button-text.bk-warning.hover,.bk-button-text.bk-warning:hover{color:#ffb848}.bk-button-text.bk-warning.active,.bk-button-text.bk-warning:active{color:#eb9000}.bk-button-text.bk-danger{color:#ea3636}.bk-button-text.bk-danger.hover,.bk-button-text.bk-danger:hover{color:#ff5656}.bk-button-text.bk-danger.active,.bk-button-text.bk-danger:active{color:#db2626}.bk-button-text.is-disabled,.bk-button-text[disabled]{color:#dcdee5;cursor:not-allowed}.bk-button-text.is-disabled.hover,.bk-button-text.is-disabled:hover,.bk-button-text[disabled].hover,.bk-button-text[disabled]:hover{color:#dcdee5}.bk-button-text.is-disabled.active,.bk-button-text.is-disabled:active,.bk-button-text[disabled].active,.bk-button-text[disabled]:active{color:#dcdee5}.bk-button-text.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-text.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-text.is-outline.is-disabled,.bk-button-text.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.is-outline.is-disabled.hover,.bk-button-text.is-outline.is-disabled:hover,.bk-button-text.is-outline[disabled].hover,.bk-button-text.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text.is-outline.is-disabled.active,.bk-button-text.is-outline.is-disabled:active,.bk-button-text.is-outline[disabled].active,.bk-button-text.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:68px}.bk-button-hover .bk-button-loading{width:58px;display:inline-block}.bk-button-hover .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;background-color:#63656e;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button-hover .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-hover .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-hover .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-hover .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-hover .bk-button-icon-loading{position:relative;top:2px}.bk-button-hover .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-hover .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-hover .bk-icon.left-icon{margin-right:2px}.bk-button-hover .bk-icon.right-icon{margin-left:2px}.bk-button-hover.no-slot{padding:0 10px;height:36px;min-width:36px}.bk-button-hover.no-slot .left-icon{margin-right:0}.bk-button-hover.no-slot .right-icon{margin-left:0}.bk-button-hover.bk-primary{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-primary.hover,.bk-button-hover.bk-primary:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff;opacity:1}.bk-button-hover.bk-primary.active,.bk-button-hover.bk-primary:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-primary.is-disabled,.bk-button-hover.bk-primary[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-primary.is-loading{cursor:default}.bk-button-hover.bk-primary.is-loading.hover,.bk-button-hover.bk-primary.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-primary.is-loading.active,.bk-button-hover.bk-primary.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button-hover.bk-primary.is-outline.hover,.bk-button-hover.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button-hover.bk-primary.is-outline.active,.bk-button-hover.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-success{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-success.hover,.bk-button-hover.bk-success:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff;opacity:1}.bk-button-hover.bk-success.active,.bk-button-hover.bk-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-success.is-disabled,.bk-button-hover.bk-success[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-success.is-loading{cursor:default}.bk-button-hover.bk-success.is-loading.hover,.bk-button-hover.bk-success.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-success.is-loading.active,.bk-button-hover.bk-success.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button-hover.bk-success.is-outline.hover,.bk-button-hover.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button-hover.bk-success.is-outline.active,.bk-button-hover.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-warning{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-warning.hover,.bk-button-hover.bk-warning:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff;opacity:1}.bk-button-hover.bk-warning.active,.bk-button-hover.bk-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-warning.is-disabled,.bk-button-hover.bk-warning[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-warning.is-loading{cursor:default}.bk-button-hover.bk-warning.is-loading.hover,.bk-button-hover.bk-warning.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-warning.is-loading.active,.bk-button-hover.bk-warning.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button-hover.bk-warning.is-outline.hover,.bk-button-hover.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button-hover.bk-warning.is-outline.active,.bk-button-hover.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-danger{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-danger.hover,.bk-button-hover.bk-danger:hover{background-color:#ea3636;border-color:#ea3636;color:#fff;opacity:1}.bk-button-hover.bk-danger.active,.bk-button-hover.bk-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-danger.is-disabled,.bk-button-hover.bk-danger[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-danger.is-loading{cursor:default}.bk-button-hover.bk-danger.is-loading.hover,.bk-button-hover.bk-danger.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-danger.is-loading.active,.bk-button-hover.bk-danger.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button-hover.bk-danger.is-outline.hover,.bk-button-hover.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button-hover.bk-danger.is-outline.active,.bk-button-hover.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-hover.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-hover.is-outline.is-disabled,.bk-button-hover.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.is-outline.is-disabled.hover,.bk-button-hover.is-outline.is-disabled:hover,.bk-button-hover.is-outline[disabled].hover,.bk-button-hover.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover.is-outline.is-disabled.active,.bk-button-hover.is-outline.is-disabled:active,.bk-button-hover.is-outline[disabled].active,.bk-button-hover.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}@-webkit-keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bk-button-group{font-size:0;margin-left:1px;display:inline-block}.bk-button-group .bk-button{margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button.hover,.bk-button-group .bk-button:hover{border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button.is-disabled:hover{border-color:#dcdee5;color:#c4c6cc;position:relative;z-index:0}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button.is-selected{background-color:#e1ecff;border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button span .bk-icon{margin-left:7px}.bk-text-button{border:none;background:none;color:#3a84ff;cursor:pointer;text-decoration:none}.bk-text-button .bk-icon{margin-right:5px;display:inline-block}.bk-text-button+.bk-text-button{margin-left:15px}.bk-text-button:hover{color:#0082ff;text-decoration:none}.bk-text-button.is-disabled{color:#e6e6e6!important;cursor:not-allowed}.bk-text-button.bk-default{color:#63656e}.bk-text-button.bk-default:hover{color:darken(#63656e,10%)}.bk-text-button.bk-info{color:#699df4}.bk-text-button.bk-info:hover{color:#7ab9fa}.bk-text-button.bk-primary{color:#3a84ff}.bk-text-button.bk-primary:hover{color:#0082ff}.bk-text-button.bk-success{color:#2dcb56}.bk-text-button.bk-success:hover{color:#00c873}.bk-text-button.bk-warning{color:#ff9c01}.bk-text-button.bk-warning:hover{color:#ff9600}.bk-text-button.bk-danger{color:#ea3636}.bk-text-button.bk-danger:hover{color:#f72239}.bk-text-button .bk-icon{width:16px;min-width:16px}@-webkit-keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}
 /*# sourceMappingURL=button.min.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["button.css","mixins/create-button.css","mixins/create-button-hover.css"],"names":[],"mappings":"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","file":"button.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/create-button.css';\n@import './mixins/create-button-hover.css';\n\n.bk-button {\n    height: 32px;\n    line-height: 30px;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    -webkit-appearance: none;\n    padding: 0 15px;\n    text-align: center;\n    vertical-align: middle;\n    font-size: $fnNormalSize;\n    background-color: $defaultColor;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    box-sizing: border-box;\n    color: $newBlackColor2;\n    text-decoration: none;\n    transition: background-color ease 0.3s;\n    min-width: 64px;\n    position: relative;\n\n    .bk-loading-wrapper {\n        opacity: 0;\n    }\n\n    .bk-button-loading {\n        display: inline-block;\n        vertical-align: top;\n        font-size: 0;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        div {\n            width: 6px;\n            height: 6px;\n            border-radius: 100%;\n            display: inline-block;\n            vertical-align: middle;\n            background-color: $defaultColor;\n            animation: button-loading 1s infinite ease-in-out both;\n            & + [class^=\"bounce\"] {\n                margin-left: 4px;\n            }\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        font-size: $iconNormalSize;\n        /* + span {\n            margin-left: 7px;\n        } */\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 32px;\n        min-width: 32px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-default {\n        &:hover,\n        &.hover {\n            border-color: $newBlackColor3;\n            color: $newBlackColor2;\n        }\n        &:active,\n        &.active {\n            border-color: $newMainColor;\n            color: $newMainColor;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n        }\n        &.is-loading {\n            cursor: default;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n                opacity: 1;\n            }\n            &:active,\n            &.active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n            }\n        }\n        .bk-button-loading {\n            div {\n                background-color: $newBlackColor2;\n            }\n        }\n    }\n\n    &.bk-primary {\n        @mixin create-button $newMainColor, $newMainColor1, $newMainColor4;\n    }\n\n    &.bk-success {\n        @mixin create-button $newGreenColor, $newGreenColor1, $newGreenColor4;\n    }\n\n    &.bk-warning {\n        @mixin create-button $newOrangeColor, $newOrangeColor1, $newOrangeColor4;\n    }\n\n    &.bk-danger {\n        @mixin create-button $newRedColor, $newRedColor1, $newRedColor4;\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n        .bk-icon {\n            font-size: $iconSmallSize;\n        }\n    }\n\n    &.bk-button-large {\n        height: 38px;\n        line-height: 36px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n        .bk-icon {\n            font-size: $iconLargeSize;\n        }\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.bk-button-text {\n    border: none;\n    background: none;\n    cursor: pointer;\n    font-size: $fnNormalSize;\n    color: $newBlackColor2;\n    text-decoration: none;\n    outline: none;\n    height: 22px;\n    padding: 0;\n\n    /* .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    } */\n\n    .bk-button-loading {\n        width: 58px;\n        display: inline-block;\n        div {\n            width: 7px;\n            height: 7px;\n            border-radius: 100%;\n            display: inline-block;\n            background-color: $defaultColor;\n            animation: button-loading 1.2s infinite ease-in-out both;\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        width: 14px;\n        height: 16px;\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        /* + span {\n            margin-left: 7px;\n        } */\n        &.left-icon {\n            margin-right: 2px;\n        }\n        &.right-icon {\n            margin-left: 2px;\n        }\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 22px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-default {\n        &:hover,\n        &.hover {\n            border-color: $newBlackColor3;\n            color: $newBlackColor2;\n        }\n        &:active,\n        &.active {\n            border-color: $newMainColor;\n            color: $newMainColor;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n        }\n        &.is-loading {\n            cursor: default;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n                opacity: 1;\n            }\n            &:active,\n            &.active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n            }\n        }\n        .bk-button-loading {\n            div {\n                background-color: $newBlackColor2;\n            }\n        }\n    }\n\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover,\n        &.hover {\n            color: $newMainColor1;\n        }\n        &:active,\n        &.active {\n            color: $newMainColor4;\n        }\n    }\n\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover,\n        &.hover {\n            color: $newGreenColor1;\n        }\n        &:active,\n        &.active {\n            color: $newGreenColor4;\n        }\n    }\n\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover,\n        &.hover {\n            color: $newOrangeColor1;\n        }\n        &:active,\n        &.active {\n            color: $newOrangeColor4;\n        }\n    }\n\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover,\n        &.hover {\n            color: $newRedColor1;\n        }\n        &:active,\n        &.active {\n            color: $newRedColor4;\n        }\n    }\n\n    /* is-disabled 样式要放在 bk-primary bk-success bk-warning bk-danger 后面 */\n    &.is-disabled,\n    &[disabled] {\n        color: $newGreyColor1;\n        cursor: not-allowed;\n        &:hover,\n        &.hover {\n            color: $newGreyColor1;\n        }\n        &:active,\n        &.active {\n            color: $newGreyColor1;\n        }\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n    }\n\n    &.bk-button-large {\n        height: 42px;\n        line-height: 40px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.bk-button-hover {\n    height: 32px;\n    line-height: 30px;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    -webkit-appearance: none;\n    padding: 0 15px;\n    text-align: center;\n    vertical-align: middle;\n    font-size: $fnNormalSize;\n    background-color: $defaultColor;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    box-sizing: border-box;\n    color: $newBlackColor2;\n    text-decoration: none;\n    transition: background-color ease 0.3s;\n    min-width: 68px;\n\n    .bk-button-loading {\n        width: 58px;\n        display: inline-block;\n        div {\n            width: 6px;\n            height: 6px;\n            border-radius: 100%;\n            display: inline-block;\n            background-color: $newBlackColor2;\n            animation: button-loading 1s infinite ease-in-out both;\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        width: 14px;\n        height: 16px;\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        /* + span {\n            margin-left: 7px;\n        } */\n        &.left-icon {\n            margin-right: 2px;\n        }\n        &.right-icon {\n            margin-left: 2px;\n        }\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 36px;\n        min-width: 36px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-primary {\n        @mixin create-button-hover $newMainColor, $newMainColor4;\n    }\n\n    &.bk-success {\n        @mixin create-button-hover $newGreenColor, $newGreenColor4;\n    }\n\n    &.bk-warning {\n        @mixin create-button-hover $newOrangeColor, $newOrangeColor4;\n    }\n\n    &.bk-danger {\n        @mixin create-button-hover $newRedColor, $newRedColor4;\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n    }\n\n    &.bk-button-large {\n        height: 42px;\n        line-height: 40px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n@-webkit-keyframes button-icon-loading {\n    0% {\n        transform:rotate(0)\n    }\n    100% {\n        transform:rotate(360deg)\n    }\n}\n\n@keyframes button-icon-loading {\n    0% {\n        transform:rotate(0)\n    }\n    100% {\n        transform:rotate(360deg)\n    }\n}\n\n.bk-button-group {\n    font-size: 0;\n    margin-left: 1px;\n    display: inline-block;\n    .bk-button {\n        margin: 0 0 0 -1px;\n        border-radius: 0;\n        &.hover,\n        &:hover {\n            border-color: $newMainColor;\n            color: $newMainColor;\n            position: relative;\n            z-index: 1;\n        }\n        &.is-disabled:hover {\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            position: relative;\n            z-index: 0;\n        }\n        &:first-child {\n            border-radius: 2px 0 0 2px;\n        }\n        &:last-child {\n            border-radius: 0 2px 2px 0;\n        }\n        &.is-selected {\n            background-color: $newMainColor3;\n            border-color: $newMainColor;\n            color: $newMainColor;\n            position: relative;\n            z-index: 1;\n        }\n        span  {\n            .bk-icon {\n                margin-left: 7px;\n            }\n        }\n    }\n}\n\n.bk-text-button {\n    border: none;\n    background: none;\n    color: $newMainColor;\n    cursor: pointer;\n    text-decoration: none;\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    }\n\n    +.bk-text-button {\n        margin-left: 15px;\n    }\n    &:hover {\n        color: $primaryHoverColor;\n        text-decoration: none;\n    }\n    &.is-disabled {\n        color: #e6e6e6 !important;\n        cursor: not-allowed;\n    }\n    &.bk-default {\n        color: $fnMainColor;\n        &:hover {\n            color: darken($fnMainColor, 10%);\n        }\n    }\n    &.bk-info {\n        color: $newMainColor1;\n        &:hover {\n            color: $infoHoverColor;\n        }\n    }\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n    }\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n    }\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n    }\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n    }\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n    }\n}\n\n/*\n\n.bk-text-button {\n    border: none;\n    background: none;\n    color: $newMainColor;\n    cursor: pointer;\n    text-decoration: none;\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    }\n\n    +.bk-text-button {\n        margin-left: 15px;\n    }\n    &:hover {\n        color: $primaryHoverColor;\n        text-decoration: none;\n    }\n    &.is-disabled {\n        color: #e6e6e6 !important;\n        cursor: not-allowed;\n    }\n    &.bk-default {\n        color: $fnMainColor;\n        &:hover {\n            color: darken($fnMainColor, 10%);\n        }\n    }\n    &.bk-info {\n        color: $newMainColor1;\n        &:hover {\n            color: $infoHoverColor;\n        }\n    }\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n    }\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n    }\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n    }\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n    }\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n    }\n}\n\n.bk-radio-group {\n    display: inline-block;\n    margin-left: 1px;\n    .bk-radio-button {\n        float: left;\n        margin-left: -1px;\n        min-width: 100px;\n        height: 36px;\n        line-height: 34px;\n        white-space: nowrap;\n        outline: none;\n        cursor: pointer;\n        padding: 0 15px;\n        text-align: center;\n        vertical-align: middle;\n        font-size: $fnNormalSize;\n        background-color: $defaultColor;\n        border: 1px solid #d6d6d6;\n        box-sizing: border-box;\n        color: $fnMainColor;\n        position: relative;\n        &:nth-of-type(1) {\n            border-top-left-radius: 2px;\n            border-bottom-left-radius: 2px;\n        }\n        &:nth-last-of-type(1) {\n            border-top-right-radius: 2px;\n            border-bottom-right-radius: 2px;\n        }\n        &:hover {\n            background-color: $defaultHoverColor;\n            color: $fnMainColor;\n            text-decoration: none;\n            opacity: 1;\n        }\n        &.is-checked {\n            color: #fff;\n            background-color: $newMainColor;\n            border-color: $newMainColor;\n            z-index: 10;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: #fff !important;\n            border-color: #e5e5e5 !important;\n            color: #e6e6e6 !important;\n            cursor: not-allowed;\n        }\n    }\n    &.bk-radio-mini {\n\n        .bk-radio-button {\n            height: 24px;\n            line-height: 22px;\n            padding: 0 7px;\n            min-width: 50px;\n            font-size: $fnSmallSize;\n        }\n    }\n    &.bk-radio-small {\n        .bk-radio-button {\n            height: 32px;\n            line-height: 30px;\n            padding: 0 10px;\n            min-width: 80px;\n        }\n    }\n    &.bk-radio-large {\n        .bk-radio-button {\n            height: 42px;\n            line-height: 40px;\n            padding: 0 16px;\n            min-width: 120px;\n        }\n    }\n}\n\n */\n\n@-moz-keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n\n@-webkit-keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n\n@keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n","/**\n * @file create-button mixin\n *\n * usage:\n *      @mixin create-button red, green, green;\n */\n\n@define-mixin create-button $color, $hover, $active {\n    & {\n        background: $color;\n        border-color: $color;\n        color: $defaultColor;\n    }\n\n    &:hover,\n    &.hover {\n        background-color: $hover;\n        border-color: $hover;\n        opacity: 1;\n    }\n\n    &:active,\n    &.active {\n        background-color: $active;\n        border-color: $active;\n    }\n\n    &.is-disabled,\n    &[disabled] {\n        background-color: $newGreyColor1;\n        border-color: $newGreyColor1;\n        color: $defaultColor;\n        cursor: not-allowed;\n    }\n\n    &.is-loading {\n        cursor: default;\n        &:hover,\n        &.hover {\n            background-color: $color;\n            border-color: $color;\n            opacity: 1;\n        }\n        &:active,\n        &.active {\n            background-color: $color;\n            border-color: $color;\n        }\n    }\n\n    &.is-outline {\n        color: $color;\n        border-color: $color;\n        background-color: #fff;\n        &:hover,\n        &.hover {\n            background-color: $color;\n            border-color: $color;\n            color: #fff;\n        }\n        &.active,\n        &:active {\n            background-color: $active;\n            border-color: $active;\n            color: #fff;\n        }\n    }\n\n    /* &.is-selected {\n        background-color: $active !important;\n        border-color: $active !important;\n        color: #fff !important;\n        position: relative;\n        z-index: 1;\n        cursor: default;\n    } */\n}\n","/**\n * @file create-button-hover mixin\n *\n * usage:\n *      @mixin create-button-hover green, green;\n */\n\n@define-mixin create-button-hover $hover, $active {\n    & {\n        background-color: $defaultColor;\n        border-color: $newGreyColor;\n        color: $newBlackColor2;\n    }\n    &:hover,\n    &.hover {\n        background-color: $hover;\n        border-color: $hover;\n        color: $defaultColor;\n        opacity: 1;\n    }\n\n    &:active,\n    &.active {\n        background-color: $active;\n        border-color: $active;\n        color: $defaultColor;\n    }\n\n    &.is-disabled,\n    &[disabled] {\n        background-color: $defaultColor;\n        border-color: $newGreyColor1;\n        color: $newGreyColor;\n        cursor: not-allowed;\n    }\n\n    &.is-loading {\n        cursor: default;\n        &:hover,\n        &.hover {\n            background-color: $defaultColor;\n            border-color: $newGreyColor;\n            opacity: 1;\n        }\n        &:active,\n        &.active {\n            background-color: $defaultColor;\n            border-color: $newGreyColor;\n        }\n    }\n\n    &.is-outline {\n        color: $hover;\n        border-color: $hover;\n        background-color: $defaultColor;\n        &:hover,\n        &.hover {\n            background-color: $hover;\n            border-color: $hover;\n            color: $defaultColor;\n        }\n        &.active,\n        &:active {\n            background-color: $active;\n            border-color: $active;\n            color: $defaultColor;\n        }\n    }\n}\n"]}
+{"version":3,"sources":["button.css","mixins/create-button.css","mixins/create-button-hover.css"],"names":[],"mappings":"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","file":"button.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/create-button.css';\n@import './mixins/create-button-hover.css';\n\n.bk-button {\n    height: 32px;\n    line-height: 30px;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    -webkit-appearance: none;\n    padding: 0 15px;\n    text-align: center;\n    vertical-align: middle;\n    font-size: $fnNormalSize;\n    background-color: $defaultColor;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    box-sizing: border-box;\n    color: $newBlackColor2;\n    text-decoration: none;\n    transition: background-color ease 0.3s;\n    min-width: 64px;\n    position: relative;\n\n    .bk-loading-wrapper {\n        opacity: 0;\n    }\n\n    .bk-button-loading {\n        display: inline-block;\n        vertical-align: top;\n        font-size: 0;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        div {\n            width: 6px;\n            height: 6px;\n            border-radius: 100%;\n            display: inline-block;\n            vertical-align: middle;\n            background-color: $defaultColor;\n            animation: button-loading 1s infinite ease-in-out both;\n            & + [class^=\"bounce\"] {\n                margin-left: 4px;\n            }\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        font-size: $iconNormalSize;\n        /* + span {\n            margin-left: 7px;\n        } */\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 32px;\n        min-width: 32px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-default {\n        &:hover,\n        &.hover {\n            border-color: $newBlackColor3;\n            color: $newBlackColor2;\n        }\n        &:active,\n        &.active {\n            border-color: $newMainColor;\n            color: $newMainColor;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n        }\n        &.is-loading {\n            cursor: default;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n                opacity: 1;\n            }\n            &:active,\n            &.active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n            }\n        }\n        .bk-button-loading {\n            div {\n                background-color: $newBlackColor2;\n            }\n        }\n    }\n\n    &.bk-primary {\n        @mixin create-button $newMainColor, $newMainColor1, $newMainColor4;\n    }\n\n    &.bk-success {\n        @mixin create-button $newGreenColor, $newGreenColor1, $newGreenColor4;\n    }\n\n    &.bk-warning {\n        @mixin create-button $newOrangeColor, $newOrangeColor1, $newOrangeColor4;\n    }\n\n    &.bk-danger {\n        @mixin create-button $newRedColor, $newRedColor1, $newRedColor4;\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n        .bk-icon {\n            font-size: $iconSmallSize;\n        }\n    }\n\n    &.bk-button-large {\n        height: 38px;\n        line-height: 36px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n        .bk-icon {\n            font-size: $iconLargeSize;\n        }\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.bk-button-text {\n    border: none;\n    background: none;\n    cursor: pointer;\n    font-size: $fnNormalSize;\n    color: $newBlackColor2;\n    text-decoration: none;\n    outline: none;\n    height: 22px;\n    padding: 0;\n    \n    .bk-loading-wrapper {\n        display: inline-block;\n    }\n\n    .bk-button-loading {\n        position: relative;\n        display: inline-block;\n        .bounce {\n            width: 7px;\n            height: 7px;\n            border-radius: 100%;\n            display: inline-block;\n            background-color: $defaultColor;\n            animation: button-loading 1.2s infinite ease-in-out both;\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n        .bk-spin {\n            position: relative;\n            top: -1px;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        width: 14px;\n        height: 16px;\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        /* + span {\n            margin-left: 7px;\n        } */\n        &.left-icon {\n            margin-right: 2px;\n        }\n        &.right-icon {\n            margin-left: 2px;\n        }\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 22px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-default {\n        &:hover,\n        &.hover {\n            border-color: $newBlackColor3;\n            color: $newBlackColor2;\n        }\n        &:active,\n        &.active {\n            border-color: $newMainColor;\n            color: $newMainColor;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n        }\n        &.is-loading {\n            cursor: default;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n                opacity: 1;\n            }\n            &:active,\n            &.active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n            }\n        }\n        .bk-button-loading {\n            div {\n                background-color: $newBlackColor2;\n            }\n        }\n    }\n\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover,\n        &.hover {\n            color: $newMainColor1;\n        }\n        &:active,\n        &.active {\n            color: $newMainColor4;\n        }\n    }\n\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover,\n        &.hover {\n            color: $newGreenColor1;\n        }\n        &:active,\n        &.active {\n            color: $newGreenColor4;\n        }\n    }\n\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover,\n        &.hover {\n            color: $newOrangeColor1;\n        }\n        &:active,\n        &.active {\n            color: $newOrangeColor4;\n        }\n    }\n\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover,\n        &.hover {\n            color: $newRedColor1;\n        }\n        &:active,\n        &.active {\n            color: $newRedColor4;\n        }\n    }\n\n    /* is-disabled 样式要放在 bk-primary bk-success bk-warning bk-danger 后面 */\n    &.is-disabled,\n    &[disabled] {\n        color: $newGreyColor1;\n        cursor: not-allowed;\n        &:hover,\n        &.hover {\n            color: $newGreyColor1;\n        }\n        &:active,\n        &.active {\n            color: $newGreyColor1;\n        }\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n    }\n\n    &.bk-button-large {\n        height: 42px;\n        line-height: 40px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.bk-button-hover {\n    height: 32px;\n    line-height: 30px;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    -webkit-appearance: none;\n    padding: 0 15px;\n    text-align: center;\n    vertical-align: middle;\n    font-size: $fnNormalSize;\n    background-color: $defaultColor;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    box-sizing: border-box;\n    color: $newBlackColor2;\n    text-decoration: none;\n    transition: background-color ease 0.3s;\n    min-width: 68px;\n\n    .bk-button-loading {\n        width: 58px;\n        display: inline-block;\n        div {\n            width: 6px;\n            height: 6px;\n            border-radius: 100%;\n            display: inline-block;\n            background-color: $newBlackColor2;\n            animation: button-loading 1s infinite ease-in-out both;\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        width: 14px;\n        height: 16px;\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        /* + span {\n            margin-left: 7px;\n        } */\n        &.left-icon {\n            margin-right: 2px;\n        }\n        &.right-icon {\n            margin-left: 2px;\n        }\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 36px;\n        min-width: 36px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-primary {\n        @mixin create-button-hover $newMainColor, $newMainColor4;\n    }\n\n    &.bk-success {\n        @mixin create-button-hover $newGreenColor, $newGreenColor4;\n    }\n\n    &.bk-warning {\n        @mixin create-button-hover $newOrangeColor, $newOrangeColor4;\n    }\n\n    &.bk-danger {\n        @mixin create-button-hover $newRedColor, $newRedColor4;\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n    }\n\n    &.bk-button-large {\n        height: 42px;\n        line-height: 40px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n@-webkit-keyframes button-icon-loading {\n    0% {\n        transform:rotate(0)\n    }\n    100% {\n        transform:rotate(360deg)\n    }\n}\n\n@keyframes button-icon-loading {\n    0% {\n        transform:rotate(0)\n    }\n    100% {\n        transform:rotate(360deg)\n    }\n}\n\n.bk-button-group {\n    font-size: 0;\n    margin-left: 1px;\n    display: inline-block;\n    .bk-button {\n        margin: 0 0 0 -1px;\n        border-radius: 0;\n        &.hover,\n        &:hover {\n            border-color: $newMainColor;\n            color: $newMainColor;\n            position: relative;\n            z-index: 1;\n        }\n        &.is-disabled:hover {\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            position: relative;\n            z-index: 0;\n        }\n        &:first-child {\n            border-radius: 2px 0 0 2px;\n        }\n        &:last-child {\n            border-radius: 0 2px 2px 0;\n        }\n        &.is-selected {\n            background-color: $newMainColor3;\n            border-color: $newMainColor;\n            color: $newMainColor;\n            position: relative;\n            z-index: 1;\n        }\n        span  {\n            .bk-icon {\n                margin-left: 7px;\n            }\n        }\n    }\n}\n\n.bk-text-button {\n    border: none;\n    background: none;\n    color: $newMainColor;\n    cursor: pointer;\n    text-decoration: none;\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    }\n\n    +.bk-text-button {\n        margin-left: 15px;\n    }\n    &:hover {\n        color: $primaryHoverColor;\n        text-decoration: none;\n    }\n    &.is-disabled {\n        color: #e6e6e6 !important;\n        cursor: not-allowed;\n    }\n    &.bk-default {\n        color: $fnMainColor;\n        &:hover {\n            color: darken($fnMainColor, 10%);\n        }\n    }\n    &.bk-info {\n        color: $newMainColor1;\n        &:hover {\n            color: $infoHoverColor;\n        }\n    }\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n    }\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n    }\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n    }\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n    }\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n    }\n}\n\n/*\n\n.bk-text-button {\n    border: none;\n    background: none;\n    color: $newMainColor;\n    cursor: pointer;\n    text-decoration: none;\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    }\n\n    +.bk-text-button {\n        margin-left: 15px;\n    }\n    &:hover {\n        color: $primaryHoverColor;\n        text-decoration: none;\n    }\n    &.is-disabled {\n        color: #e6e6e6 !important;\n        cursor: not-allowed;\n    }\n    &.bk-default {\n        color: $fnMainColor;\n        &:hover {\n            color: darken($fnMainColor, 10%);\n        }\n    }\n    &.bk-info {\n        color: $newMainColor1;\n        &:hover {\n            color: $infoHoverColor;\n        }\n    }\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n    }\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n    }\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n    }\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n    }\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n    }\n}\n\n.bk-radio-group {\n    display: inline-block;\n    margin-left: 1px;\n    .bk-radio-button {\n        float: left;\n        margin-left: -1px;\n        min-width: 100px;\n        height: 36px;\n        line-height: 34px;\n        white-space: nowrap;\n        outline: none;\n        cursor: pointer;\n        padding: 0 15px;\n        text-align: center;\n        vertical-align: middle;\n        font-size: $fnNormalSize;\n        background-color: $defaultColor;\n        border: 1px solid #d6d6d6;\n        box-sizing: border-box;\n        color: $fnMainColor;\n        position: relative;\n        &:nth-of-type(1) {\n            border-top-left-radius: 2px;\n            border-bottom-left-radius: 2px;\n        }\n        &:nth-last-of-type(1) {\n            border-top-right-radius: 2px;\n            border-bottom-right-radius: 2px;\n        }\n        &:hover {\n            background-color: $defaultHoverColor;\n            color: $fnMainColor;\n            text-decoration: none;\n            opacity: 1;\n        }\n        &.is-checked {\n            color: #fff;\n            background-color: $newMainColor;\n            border-color: $newMainColor;\n            z-index: 10;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: #fff !important;\n            border-color: #e5e5e5 !important;\n            color: #e6e6e6 !important;\n            cursor: not-allowed;\n        }\n    }\n    &.bk-radio-mini {\n\n        .bk-radio-button {\n            height: 24px;\n            line-height: 22px;\n            padding: 0 7px;\n            min-width: 50px;\n            font-size: $fnSmallSize;\n        }\n    }\n    &.bk-radio-small {\n        .bk-radio-button {\n            height: 32px;\n            line-height: 30px;\n            padding: 0 10px;\n            min-width: 80px;\n        }\n    }\n    &.bk-radio-large {\n        .bk-radio-button {\n            height: 42px;\n            line-height: 40px;\n            padding: 0 16px;\n            min-width: 120px;\n        }\n    }\n}\n\n */\n\n@-moz-keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n\n@-webkit-keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n\n@keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n","/**\n * @file create-button mixin\n *\n * usage:\n *      @mixin create-button red, green, green;\n */\n\n@define-mixin create-button $color, $hover, $active {\n    & {\n        background: $color;\n        border-color: $color;\n        color: $defaultColor;\n    }\n\n    &:hover,\n    &.hover {\n        background-color: $hover;\n        border-color: $hover;\n        opacity: 1;\n    }\n\n    &:active,\n    &.active {\n        background-color: $active;\n        border-color: $active;\n    }\n\n    &.is-disabled,\n    &[disabled] {\n        background-color: $newGreyColor1;\n        border-color: $newGreyColor1;\n        color: $defaultColor;\n        cursor: not-allowed;\n    }\n\n    &.is-loading {\n        cursor: default;\n        &:hover,\n        &.hover {\n            background-color: $color;\n            border-color: $color;\n            opacity: 1;\n        }\n        &:active,\n        &.active {\n            background-color: $color;\n            border-color: $color;\n        }\n    }\n\n    &.is-outline {\n        color: $color;\n        border-color: $color;\n        background-color: #fff;\n        &:hover,\n        &.hover {\n            background-color: $color;\n            border-color: $color;\n            color: #fff;\n        }\n        &.active,\n        &:active {\n            background-color: $active;\n            border-color: $active;\n            color: #fff;\n        }\n    }\n\n    /* &.is-selected {\n        background-color: $active !important;\n        border-color: $active !important;\n        color: #fff !important;\n        position: relative;\n        z-index: 1;\n        cursor: default;\n    } */\n}\n","/**\n * @file create-button-hover mixin\n *\n * usage:\n *      @mixin create-button-hover green, green;\n */\n\n@define-mixin create-button-hover $hover, $active {\n    & {\n        background-color: $defaultColor;\n        border-color: $newGreyColor;\n        color: $newBlackColor2;\n    }\n    &:hover,\n    &.hover {\n        background-color: $hover;\n        border-color: $hover;\n        color: $defaultColor;\n        opacity: 1;\n    }\n\n    &:active,\n    &.active {\n        background-color: $active;\n        border-color: $active;\n        color: $defaultColor;\n    }\n\n    &.is-disabled,\n    &[disabled] {\n        background-color: $defaultColor;\n        border-color: $newGreyColor1;\n        color: $newGreyColor;\n        cursor: not-allowed;\n    }\n\n    &.is-loading {\n        cursor: default;\n        &:hover,\n        &.hover {\n            background-color: $defaultColor;\n            border-color: $newGreyColor;\n            opacity: 1;\n        }\n        &:active,\n        &.active {\n            background-color: $defaultColor;\n            border-color: $newGreyColor;\n        }\n    }\n\n    &.is-outline {\n        color: $hover;\n        border-color: $hover;\n        background-color: $defaultColor;\n        &:hover,\n        &.hover {\n            background-color: $hover;\n            border-color: $hover;\n            color: $defaultColor;\n        }\n        &.active,\n        &:active {\n            background-color: $active;\n            border-color: $active;\n            color: $defaultColor;\n        }\n    }\n}\n"]}

package/lib/ui/dropdown-menu.css

@@ -1,133 +1,132 @@
 :root{
-    --font-size:12px;
+  --font-size:12px;
 }
 
 :root .medium-font{
-        --font-size:14px;
-    }
+    --font-size:14px;
+  }
 
 :root .large-font{
-        --font-size:16px;
-    }
+    --font-size:16px;
+  }
 
 .bk-dropdown-menu{
-    display:inline-block;
-    position:relative
+  display:inline-block;
+  position:relative
 }
 
 .bk-dropdown-menu.disabled, .bk-dropdown-menu.disabled *{
-        cursor:not-allowed;
-        color:#c4c6cc;
-        border-color:#dcdee5 !important;
-        background-color:#fafafa !important;
-    }
+    cursor:not-allowed;
+    color:#c4c6cc;
+    border-color:#dcdee5 !important;
+    background-color:#fafafa !important;
+  }
 
 .bk-dropdown-menu .bk-dropdown-trigger{
-        font-size:12px;
-        font-size:var(--font-size);
-    }
+    font-size:12px;
+    font-size:var(--font-size);
+  }
 
 .bk-dropdown-menu .bk-dropdown-trigger .bk-icon{
-            -webkit-transform-origin:center;
-                    transform-origin:center;
-            -webkit-transition:all ease 0.2s;
-            transition:all ease 0.2s
-        }
+      -webkit-transform-origin:center;
+              transform-origin:center;
+      -webkit-transition:all ease 0.2s;
+      transition:all ease 0.2s
+    }
 
 .bk-dropdown-menu .bk-dropdown-trigger .bk-icon.icon-flip{
-                -webkit-transform:rotate(180deg);
-                        transform:rotate(180deg);
-            }
+        -webkit-transform:rotate(180deg);
+                transform:rotate(180deg);
+      }
 
 .bk-dropdown-menu .bk-dropdown-trigger .bk-button{
-            font-size:12px;
-            font-size:var(--font-size);
-        }
+      font-size:12px;
+      font-size:var(--font-size);
+    }
 
 .bk-dropdown-menu .bk-dropdown-content{
-        background:#fff;
-        padding:5px 0;
-        margin:0;
-        z-index:2500;
-        border-radius:2px;
-        border:1px solid #dcdee5;
-        -webkit-box-sizing:border-box;
-                box-sizing:border-box;
-        -webkit-transition:visibility 0s, max-height 200ms linear;
-        transition:visibility 0s, max-height 200ms linear;
-        visibility:hidden;
-        -webkit-box-shadow:0 2px 6px rgba(51,60,72,0.1);
-                box-shadow:0 2px 6px rgba(51,60,72,0.1);
-        text-align:left;
-        display:inline-block;
-        overflow:hidden
-
-    }
+    background:#fff;
+    padding:5px 0;
+    margin:0;
+    z-index:2500;
+    border-radius:2px;
+    border:1px solid #dcdee5;
+    -webkit-box-sizing:border-box;
+            box-sizing:border-box;
+    -webkit-transition:visibility 0s, max-height 200ms linear;
+    transition:visibility 0s, max-height 200ms linear;
+    visibility:hidden;
+    -webkit-box-shadow:0 2px 6px rgba(51,60,72,0.1);
+            box-shadow:0 2px 6px rgba(51,60,72,0.1);
+    text-align:left;
+    display:inline-block;
+    overflow-x:hidden
+  }
 
 .bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar{
-            width:4px;
-            background-color:rgb(199, 206, 209);
-        }
+      width:4px;
+      background-color:rgb(199, 206, 209);
+    }
 
 .bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar-thumb{
-            height:5px;
-            border-radius:2px;
-            background-color:#e6e9ea;
-        }
+      height:5px;
+      border-radius:2px;
+      background-color:#e6e9ea;
+    }
 
 .bk-dropdown-menu .bk-dropdown-content.is-show{
-            visibility:visible;
-        }
+      visibility:visible;
+    }
 
 .bk-dropdown-menu .bk-dropdown-list{
-        max-height:166px;
-        list-style:none;
-        padding:0;
-        margin:0
-    }
+    max-height:166px;
+    list-style:none;
+    padding:0;
+    margin:0
+  }
 
 .bk-dropdown-menu .bk-dropdown-list::-webkit-scrollbar{
-            width:4px;
-            height:4px;
-        }
+      width:4px;
+      height:4px;
+    }
 
 .bk-dropdown-menu .bk-dropdown-list::-webkit-scrollbar-thumb{
-            border-radius:20px;
-            background:#dde4eb;
-            -webkit-box-shadow:inset 0 0 6px hsla(0,0%,80%,.3);
-        }
+      border-radius:20px;
+      background:#dde4eb;
+      -webkit-box-shadow:inset 0 0 6px hsla(0,0%,80%,.3);
+    }
 
 .bk-dropdown-menu .bk-dropdown-list > li{
-            width:100%;
-            margin:0;
-            display:inline-block;
-        }
+      width:100%;
+      margin:0;
+      display:inline-block;
+    }
 
 .bk-dropdown-menu .bk-dropdown-list > li > a{
-                display:block;
-                height:32px;
-                line-height:33px;
-                padding:0 16px;
-                color:#63656e;
-                font-size:12px;
-                font-size:var(--font-size);
-                text-decoration:none;
-                white-space:nowrap
-            }
+        display:block;
+        height:32px;
+        line-height:33px;
+        padding:0 16px;
+        color:#63656e;
+        font-size:12px;
+        font-size:var(--font-size);
+        text-decoration:none;
+        white-space:nowrap
+      }
 
 .bk-dropdown-menu .bk-dropdown-list > li > a:hover{
-                    background-color:#eaf3ff;
-                    color:#3a84ff;
-                }
+          background-color:#eaf3ff;
+          color:#3a84ff;
+        }
 
 .bk-dropdown-menu .bk-dropdown-list > li .bk-icon{
-                margin-right:5px;
-            }
+        margin-right:5px;
+      }
 
 .bk-dropdown-full-width .bk-dropdown-content{
-        min-width:100%;
-    }
+    min-width:100%;
+  }
 
 .bk-dropdown-full-width .bk-dropdown-list{
-        width:100%;
-    }
+    width:100%;
+  }

package/lib/ui/dropdown-menu.min.css

@@ -1,2 +1,2 @@
-:root{--font-size:12px}:root .medium-font{--font-size:14px}:root .large-font{--font-size:16px}.bk-dropdown-menu{display:inline-block;position:relative}.bk-dropdown-menu.disabled,.bk-dropdown-menu.disabled *{cursor:not-allowed;color:#c4c6cc;border-color:#dcdee5!important;background-color:#fafafa!important}.bk-dropdown-menu .bk-dropdown-trigger{font-size:12px;font-size:var(--font-size)}.bk-dropdown-menu .bk-dropdown-trigger .bk-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease}.bk-dropdown-menu .bk-dropdown-trigger .bk-icon.icon-flip{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-dropdown-menu .bk-dropdown-trigger .bk-button{font-size:12px;font-size:var(--font-size)}.bk-dropdown-menu .bk-dropdown-content{background:#fff;padding:5px 0;margin:0;z-index:2500;border-radius:2px;border:1px solid #dcdee5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:visibility 0s,max-height .2s linear;transition:visibility 0s,max-height .2s linear;visibility:hidden;-webkit-box-shadow:0 2px 6px rgba(51,60,72,.1);box-shadow:0 2px 6px rgba(51,60,72,.1);text-align:left;display:inline-block;overflow:hidden}.bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar{width:4px;background-color:#c7ced1}.bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar-thumb{height:5px;border-radius:2px;background-color:#e6e9ea}.bk-dropdown-menu .bk-dropdown-content.is-show{visibility:visible}.bk-dropdown-menu .bk-dropdown-list{max-height:166px;list-style:none;padding:0;margin:0}.bk-dropdown-menu .bk-dropdown-list::-webkit-scrollbar{width:4px;height:4px}.bk-dropdown-menu .bk-dropdown-list::-webkit-scrollbar-thumb{border-radius:20px;background:#dde4eb;-webkit-box-shadow:inset 0 0 6px hsla(0,0%,80%,.3)}.bk-dropdown-menu .bk-dropdown-list>li{width:100%;margin:0;display:inline-block}.bk-dropdown-menu .bk-dropdown-list>li>a{display:block;height:32px;line-height:33px;padding:0 16px;color:#63656e;font-size:12px;font-size:var(--font-size);text-decoration:none;white-space:nowrap}.bk-dropdown-menu .bk-dropdown-list>li>a:hover{background-color:#eaf3ff;color:#3a84ff}.bk-dropdown-menu .bk-dropdown-list>li .bk-icon{margin-right:5px}.bk-dropdown-full-width .bk-dropdown-content{min-width:100%}.bk-dropdown-full-width .bk-dropdown-list{width:100%}
+:root{--font-size:12px}:root .medium-font{--font-size:14px}:root .large-font{--font-size:16px}.bk-dropdown-menu{display:inline-block;position:relative}.bk-dropdown-menu.disabled,.bk-dropdown-menu.disabled *{cursor:not-allowed;color:#c4c6cc;border-color:#dcdee5!important;background-color:#fafafa!important}.bk-dropdown-menu .bk-dropdown-trigger{font-size:12px;font-size:var(--font-size)}.bk-dropdown-menu .bk-dropdown-trigger .bk-icon{-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease}.bk-dropdown-menu .bk-dropdown-trigger .bk-icon.icon-flip{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-dropdown-menu .bk-dropdown-trigger .bk-button{font-size:12px;font-size:var(--font-size)}.bk-dropdown-menu .bk-dropdown-content{background:#fff;padding:5px 0;margin:0;z-index:2500;border-radius:2px;border:1px solid #dcdee5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:visibility 0s,max-height .2s linear;transition:visibility 0s,max-height .2s linear;visibility:hidden;-webkit-box-shadow:0 2px 6px rgba(51,60,72,.1);box-shadow:0 2px 6px rgba(51,60,72,.1);text-align:left;display:inline-block;overflow-x:hidden}.bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar{width:4px;background-color:#c7ced1}.bk-dropdown-menu .bk-dropdown-content::-webkit-scrollbar-thumb{height:5px;border-radius:2px;background-color:#e6e9ea}.bk-dropdown-menu .bk-dropdown-content.is-show{visibility:visible}.bk-dropdown-menu .bk-dropdown-list{max-height:166px;list-style:none;padding:0;margin:0}.bk-dropdown-menu .bk-dropdown-list::-webkit-scrollbar{width:4px;height:4px}.bk-dropdown-menu .bk-dropdown-list::-webkit-scrollbar-thumb{border-radius:20px;background:#dde4eb;-webkit-box-shadow:inset 0 0 6px hsla(0,0%,80%,.3)}.bk-dropdown-menu .bk-dropdown-list>li{width:100%;margin:0;display:inline-block}.bk-dropdown-menu .bk-dropdown-list>li>a{display:block;height:32px;line-height:33px;padding:0 16px;color:#63656e;font-size:12px;font-size:var(--font-size);text-decoration:none;white-space:nowrap}.bk-dropdown-menu .bk-dropdown-list>li>a:hover{background-color:#eaf3ff;color:#3a84ff}.bk-dropdown-menu .bk-dropdown-list>li .bk-icon{margin-right:5px}.bk-dropdown-full-width .bk-dropdown-content{min-width:100%}.bk-dropdown-full-width .bk-dropdown-list{width:100%}
 /*# sourceMappingURL=dropdown-menu.min.css.map */

package/lib/ui/dropdown-menu.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["dropdown-menu.css"],"names":[],"mappings":"AAEA,MACI,gBAQJ,CAPI,mBACI,gBACJ,CAEA,kBACI,gBACJ,CAGJ,kBACI,oBAAqB,CACrB,iBA4FJ,CA3FI,wDACI,kBAAmB,CACnB,aAAoB,CACpB,8BAAuC,CACvC,kCACJ,CAEA,uCACI,cAA2B,CAA3B,0BAWJ,CAVI,gDACI,+BAAwB,CAAxB,uBAAwB,CACxB,+BAAyB,CAAzB,uBAIJ,CAHI,0DACI,gCAAyB,CAAzB,wBACJ,CAEJ,kDACI,cAA2B,CAA3B,0BACJ,CAGJ,uCACI,eAAyB,CACzB,aAAc,CACd,QAAS,CACT,YAA4B,CAC5B,iBAAkB,CAClB,wBAAgC,CAChC,6BAAsB,CAAtB,qBAAsB,CACtB,sDAAkD,CAAlD,8CAAkD,CAClD,iBAAkB,CAClB,8CAAwC,CAAxC,sCAAwC,CACxC,eAAgB,CAChB,oBAAqB,CACrB,eAiBJ,CAfI,0DACI,SAAU,CAEV,wBACJ,CACA,gEACI,UAAW,CACX,iBAAkB,CAClB,wBACJ,CAEA,+CACI,kBACJ,CAGJ,oCACI,gBAAiB,CACjB,eAAgB,CAChB,SAAU,CACV,QAkCJ,CAjCI,uDACI,SAAU,CACV,UACJ,CAEA,6DACI,kBAAmB,CACnB,kBAA2B,CAC3B,kDACJ,CAEA,uCACI,UAAW,CACX,QAAS,CACT,oBAkBJ,CAjBI,yCACI,aAAc,CACd,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,aAAsB,CACtB,cAA2B,CAA3B,0BAA2B,CAC3B,oBAAqB,CACrB,kBAKJ,CAJI,+CACI,wBAAyB,CACzB,aACJ,CAEJ,gDACI,gBACJ,CAKR,6CACI,cACJ,CACA,0CACI,UACJ","file":"dropdown-menu.min.css","sourcesContent":["@import './variable.css';\n\n:root {\n    --font-size: 12px;\n    .medium-font {\n        --font-size: 14px;\n    }\n\n    .large-font {\n        --font-size: 16px;\n    }\n}\n\n.bk-dropdown-menu {\n    display: inline-block;\n    position: relative;\n    &.disabled, &.disabled * {\n        cursor: not-allowed;\n        color: $newGreyColor;\n        border-color: $newGreyColor1 !important;\n        background-color: #fafafa !important;\n    }\n\n    .bk-dropdown-trigger {\n        font-size: var(--font-size);\n        .bk-icon {\n            transform-origin: center;\n            transition: all ease 0.2s;\n            &.icon-flip {\n                transform: rotate(180deg);\n            }\n        }\n        .bk-button {\n            font-size: var(--font-size);\n        }\n    }\n\n    .bk-dropdown-content {\n        background: $defaultColor;\n        padding: 5px 0;\n        margin: 0;\n        z-index: $dropdownMenuZIndex;\n        border-radius: 2px;\n        border: 1px solid $newGreyColor1;\n        box-sizing: border-box;\n        transition: visibility 0s, max-height 200ms linear;\n        visibility: hidden;\n        box-shadow: 0 2px 6px rgba(51,60,72,0.1);\n        text-align: left;\n        display: inline-block;\n        overflow: hidden;\n\n        &::-webkit-scrollbar {\n            width: 4px;\n            /* background-color: lighten(#e6e9ea, 80%); */\n            background-color: color(#e6e9ea lightness(80%));\n        }\n        &::-webkit-scrollbar-thumb {\n            height: 5px;\n            border-radius: 2px;\n            background-color: #e6e9ea;\n        }\n\n        &.is-show {\n            visibility: visible;\n        }\n\n    }\n    .bk-dropdown-list {\n        max-height: 166px;\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        &::-webkit-scrollbar {\n            width: 4px;\n            height: 4px;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            border-radius: 20px;\n            background: $scrollbarColor;\n            -webkit-box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);\n        }\n\n        > li {\n            width: 100%;\n            margin: 0;\n            display: inline-block;\n            > a {\n                display: block;\n                height: 32px;\n                line-height: 33px;\n                padding: 0 16px;\n                color: $newBlackColor2;\n                font-size: var(--font-size);\n                text-decoration: none;\n                white-space: nowrap;\n                &:hover {\n                    background-color: #eaf3ff;\n                    color: $newMainColor;\n                }\n            }\n            .bk-icon {\n                margin-right: 5px;\n            }\n        }\n    }\n}\n.bk-dropdown-full-width{\n    .bk-dropdown-content {\n        min-width: 100%;\n    }\n    .bk-dropdown-list {\n        width: 100%;\n    }\n}\n"]}
+{"version":3,"sources":["dropdown-menu.css"],"names":[],"mappings":"AAEA,MACE,gBAQF,CAPE,mBACE,gBACF,CAEA,kBACE,gBACF,CAGF,kBACE,oBAAqB,CACrB,iBA2FF,CA1FE,wDACE,kBAAmB,CACnB,aAAoB,CACpB,8BAAuC,CACvC,kCACF,CAEA,uCACE,cAA2B,CAA3B,0BAWF,CAVE,gDACE,+BAAwB,CAAxB,uBAAwB,CACxB,+BAAyB,CAAzB,uBAIF,CAHE,0DACE,gCAAyB,CAAzB,wBACF,CAEF,kDACE,cAA2B,CAA3B,0BACF,CAGF,uCACE,eAAyB,CACzB,aAAc,CACd,QAAS,CACT,YAA4B,CAC5B,iBAAkB,CAClB,wBAAgC,CAChC,6BAAsB,CAAtB,qBAAsB,CACtB,sDAAkD,CAAlD,8CAAkD,CAClD,iBAAkB,CAClB,8CAAwC,CAAxC,sCAAwC,CACxC,eAAgB,CAChB,oBAAqB,CACrB,iBAgBF,CAdE,0DACE,SAAU,CAEV,wBACF,CACA,gEACE,UAAW,CACX,iBAAkB,CAClB,wBACF,CAEA,+CACE,kBACF,CAEF,oCACE,gBAAiB,CACjB,eAAgB,CAChB,SAAU,CACV,QAkCF,CAjCE,uDACE,SAAU,CACV,UACF,CAEA,6DACE,kBAAmB,CACnB,kBAA2B,CAC3B,kDACF,CAEA,uCACE,UAAW,CACX,QAAS,CACT,oBAkBF,CAjBE,yCACE,aAAc,CACd,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,aAAsB,CACtB,cAA2B,CAA3B,0BAA2B,CAC3B,oBAAqB,CACrB,kBAKF,CAJE,+CACE,wBAAyB,CACzB,aACF,CAEF,gDACE,gBACF,CAKJ,6CACE,cACF,CACA,0CACE,UACF","file":"dropdown-menu.min.css","sourcesContent":["@import './variable.css';\n\n:root {\n  --font-size: 12px;\n  .medium-font {\n    --font-size: 14px;\n  }\n\n  .large-font {\n    --font-size: 16px;\n  }\n}\n\n.bk-dropdown-menu {\n  display: inline-block;\n  position: relative;\n  &.disabled, &.disabled * {\n    cursor: not-allowed;\n    color: $newGreyColor;\n    border-color: $newGreyColor1 !important;\n    background-color: #fafafa !important;\n  }\n\n  .bk-dropdown-trigger {\n    font-size: var(--font-size);\n    .bk-icon {\n      transform-origin: center;\n      transition: all ease 0.2s;\n      &.icon-flip {\n        transform: rotate(180deg);\n      }\n    }\n    .bk-button {\n      font-size: var(--font-size);\n    }\n  }\n\n  .bk-dropdown-content {\n    background: $defaultColor;\n    padding: 5px 0;\n    margin: 0;\n    z-index: $dropdownMenuZIndex;\n    border-radius: 2px;\n    border: 1px solid $newGreyColor1;\n    box-sizing: border-box;\n    transition: visibility 0s, max-height 200ms linear;\n    visibility: hidden;\n    box-shadow: 0 2px 6px rgba(51,60,72,0.1);\n    text-align: left;\n    display: inline-block;\n    overflow-x: hidden;\n\n    &::-webkit-scrollbar {\n      width: 4px;\n      /* background-color: lighten(#e6e9ea, 80%); */\n      background-color: color(#e6e9ea lightness(80%));\n    }\n    &::-webkit-scrollbar-thumb {\n      height: 5px;\n      border-radius: 2px;\n      background-color: #e6e9ea;\n    }\n\n    &.is-show {\n      visibility: visible;\n    }\n  }\n  .bk-dropdown-list {\n    max-height: 166px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    &::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 20px;\n      background: $scrollbarColor;\n      -webkit-box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);\n    }\n\n    > li {\n      width: 100%;\n      margin: 0;\n      display: inline-block;\n      > a {\n        display: block;\n        height: 32px;\n        line-height: 33px;\n        padding: 0 16px;\n        color: $newBlackColor2;\n        font-size: var(--font-size);\n        text-decoration: none;\n        white-space: nowrap;\n        &:hover {\n          background-color: #eaf3ff;\n          color: $newMainColor;\n        }\n      }\n      .bk-icon {\n        margin-right: 5px;\n      }\n    }\n  }\n}\n.bk-dropdown-full-width{\n  .bk-dropdown-content {\n    min-width: 100%;\n  }\n  .bk-dropdown-list {\n    width: 100%;\n  }\n}\n"]}

package/lib/ui/select.css

@@ -162,6 +162,7 @@
     }
 
 .bk-select .bk-select-name{
+        width:100%;
         height:30px;
         padding:0 36px 0 10px;
         display:block;
@@ -169,8 +170,16 @@
         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:hover,.bk-select .bk-select-name:active{
+           outline:none;
+        }
+
 .bk-select .bk-tooltip.bk-select-dropdown{
         display:block
     }
@@ -571,3 +580,13 @@
             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;
+}