bk-magic-vue 2.4.5 → 2.4.8-beta.1

package/dist/bk-magic-vue.css

@@ -1196,11 +1196,14 @@
     height:22px;
     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%;
@@ -1225,6 +1228,10 @@
             -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;
@@ -5214,117 +5221,116 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         display:none;
       }
 :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);
-        }
-.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
-
+      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-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;
-        }
-.bk-dropdown-menu .bk-dropdown-list{
-        max-height:166px;
-        list-style:none;
-        padding:0;
-        margin:0
+      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;
-        }
+      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%;
+  }
 .bk-exception{
     display:-webkit-box;
     display:-ms-flexbox;
@@ -7149,6 +7155,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 }
 .bk-page{
     overflow:hidden;
+    white-space:normal;
 }
 .bk-page .icon-angle-right, .bk-page .icon-angle-left{
         line-height:36px;
@@ -8613,6 +8620,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         font-size:var(--icon-size);
     }
 .bk-select .bk-select-name{
+        width:100%;
         height:30px;
         padding:0 36px 0 10px;
         display:block;
@@ -8620,7 +8628,14 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         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
     }
@@ -8952,6 +8967,15 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             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;
+}
 .bk-sideslider-show{
     overflow-y:hidden !important;
 }
@@ -10237,6 +10261,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     border-radius:0 0 2px 2px;
 }
 .bk-table{
+    white-space:normal;
     position:relative;
     overflow:hidden;
     -webkit-box-sizing:border-box;