bk-magic-vue 2.4.1-beta.1 → 2.4.2

package/dist/bk-magic-vue.css

@@ -8055,6 +8055,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-process .bk-icon{
         font-size:22px;
     }
+.bk-process .bk-spin-loading.bk-spin-loading-mini{
+            width:14px;
+            height:14px;
+        }
 .bk-process .bk-process-toggle{
         position:relative;
         left:15px;
@@ -8103,6 +8107,12 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-process li i{
             display:none;
         }
+.bk-process li .bk-process-item{
+            display:inline-block;
+        }
+.bk-process li .bk-process-item > .bk-icon{
+                font-size:14px;
+            }
 .bk-process li:first-of-type{
             border-radius:13px 0 0 13px;
         }
@@ -8155,6 +8165,16 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-process li .bk-process-step .steps-loading{
                 top:-2px;
             }
+.bk-process li .bk-process-step .step-item.error{
+                    color:#ff5656;
+                }
+.bk-process li .bk-process-step .step-item.error .bk-icon{
+                        color:#ff5656;
+                        vertical-align:-2px;
+                    }
+.bk-process li .bk-process-step .step-item.done .bk-icon{
+                        color:#2dcb56;
+                    }
 .bk-process li.success{
             background:#2dcb56;
             color:#fff
@@ -8168,6 +8188,44 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-process li.success i{
                 display:inline-block;
             }
+.bk-process li.status-error{
+            background:#ff5656;
+            color:#fff
+        }
+.bk-process li.status-error::after{
+                border-color:transparent transparent transparent #ff5656;
+            }
+.bk-process li.status-error .bk-process-item > .bk-icon{
+                display:inline-block;
+            }
+.bk-process li.status-error .bk-process-step .bk-icon{
+                    display:inline-block;
+                }
+.bk-process li.status-done{
+            background:#2dcb56;
+            color:#fff
+        }
+.bk-process li.status-done::after{
+                border-color:transparent transparent transparent #2dcb56;
+            }
+.bk-process li.status-done .bk-process-item > .bk-icon{
+                display:inline-block;
+            }
+.bk-process li.status-done .bk-process-step .bk-icon{
+                    display:inline-block;
+                }
+.bk-process li.status-loading .bk-process-item > .bk-icon{
+                display:inline-block;
+            }
+.bk-process li.status-loading .bk-process-step .bk-icon{
+                    display:inline-block;
+                }
+.bk-process li.status-default .bk-process-item > .bk-icon{
+                display:inline-block;
+            }
+.bk-process li.status-default .bk-process-step .bk-icon{
+                    display:inline-block;
+                }
 .bk-process li.current{
             background:#3a84ff;
             color:#fff
@@ -9018,7 +9076,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             background:#979ba5;
         }
 .bk-slider .bk-slider-runway .bk-slider-labels{
-            position:relative
+            position:relative;
+            font-size:12px
         }
 .bk-slider .bk-slider-runway .bk-slider-labels.vertical{
                 left:18px;
@@ -9182,7 +9241,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 align-items:center;
         -webkit-box-pack:center;
             -ms-flex-pack:center;
-                justify-content:center
+                justify-content:center;
+        font-size:12px
     }
 .bk-slider-button .slider-button-label.vertical{
             left:28px;
@@ -10719,12 +10779,21 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                     flex:12px 0 0;
         }
 .bk-table-bottom-loading{
-    position:absolute;
-    bottom:44px;
-    height:42px;
-    width:calc(100% - 1px);
-    z-index:100;
+    position:relative;
+    text-align:center;
+    bottom:0;
+    height:50px;
+    line-height:45px;
+    width:100%;
+    z-index:777;
 }
+.bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-icon{
+            font-size:15px;
+        }
+.bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-spin-title{
+            color:#979ba5;
+            font-size:12px;
+        }
 .bk-table-pagination-wrapper{
     padding:15px;
     margin-top:-1px;
@@ -13433,7 +13502,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 background-color:#ffb848;
             }
 .bk-spin .bk-spin-rotation.bk-spin-rotation-info-wait .rotate{
-                background-color:#979ba5;
+                background-color:#63656e;
             }
 .bk-spin .bk-spin-rotation .rotate1{
             -webkit-animation-delay:0.45s;
@@ -13558,6 +13627,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 .bk-spin .bk-spin-icon-danger{
         color:#ff5656
     }
+.bk-spin .bk-spin-icon-info{
+    	color:#979ba5;
+    }
 .bk-spin .bk-spin-icon-large i{
             font-size:69px;
         }
@@ -14963,6 +15035,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             -ms-flex-direction:column;
                 flex-direction:column;
     }
+.bk-image-viewer-mask{
+        position:absolute;
+        top:0;
+        right:0;
+        bottom:0;
+        left:0;
+    }
 .bk-image-viewer-header{
         position:absolute;
         top:0;
@@ -14979,9 +15058,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         -webkit-box-align:center;
             -ms-flex-align:center;
                 align-items:center;
-        padding:0 13px 0 25px;
-        background:rgba(0, 0, 0, .7);
-        color:#63656e;
+        color:#c4c6cc;
     }
 .bk-image-viewer-header > div{
             -webkit-box-flex:1;
@@ -14990,6 +15067,8 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             overflow:hidden;
             white-space:nowrap;
             text-overflow:ellipsis;
+            font-size:14px;
+            padding:0 25px;
         }
 .bk-image-viewer-header .quit-box{
             display:-webkit-box;
@@ -15002,8 +15081,6 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 -ms-flex-pack:end;
                     justify-content:flex-end;
             height:100%;
-        }
-.bk-image-viewer-header .quit-tips{
             color:#979ba5;
         }
 .bk-image-viewer-btn{
@@ -15022,18 +15099,23 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         opacity:.8;
         -webkit-box-sizing:border-box;
                 box-sizing:border-box;
-        color:#fff;
+        background-color:rgba(0, 0, 0, .3);
+        color:#DCDEE5;
         -webkit-user-select:none;
            -moz-user-select:none;
             -ms-user-select:none;
                 user-select:none
     }
+.bk-image-viewer-btn:hover{
+            background-color:rgba(0, 0, 0, .4);
+            color:#63656e;
+        }
 .bk-image-viewer-close{
-        width:40px;
-        height:40px;
-        line-height:38px;
+        width:80px;
+        height:80px;
+        line-height:80px;
         text-align:center;
-        font-size:32px;
+        font-size:50px;
         color:#fff;
         cursor:pointer;
     }
@@ -15073,14 +15155,17 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         padding:0 23px;
         background-color:rgba(0,0,0,0.4);
         border-color:#fff;
-        border-radius:22px;
+        border-radius:22px
     }
+.bk-image-viewer-actions:hover{
+            background:rgba(0,0,0,.5);
+        }
 .bk-image-viewer-actions-inner{
             width:100%;
             height:100%;
             text-align:justify;
             font-size:23px;
-            color:#fff;
+            color:#c4c6cc;
             display:-webkit-box;
             display:-ms-flexbox;
             display:flex;
@@ -15089,17 +15174,21 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                     align-items:center;
             -ms-flex-pack:distribute;
                 justify-content:space-around;
-            cursor:pointer;
+
         }
+.bk-image-viewer-actions-inner .bk-icon{
+                cursor:pointer
+            }
+.bk-image-viewer-actions-inner .bk-icon:hover{
+                    color:#fff;
+                }
 .bk-image-viewer-next, .bk-image-viewer-prev{
         top:50%;
         width:80px;
         height:80px;
         font-size:40px;
-        color:#fff;
-        background-color:rgba(0,0,0,0.4);
-        border-color:#fff;
         cursor:pointer;
+    //background:rgb(76,76,76);
     }
 .bk-image-viewer-prev{
         -webkit-transform:translateY(-50%);