bk-magic-vue 2.4.0-beta.5 → 2.4.1-beta.3

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;
@@ -10344,9 +10404,11 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             cursor:pointer;
             color:#C4C6CC
         }
-.bk-table th .bk-table-column-filter-trigger.is-open,
-            .bk-table th .bk-table-column-filter-trigger.is-filtered{
-                color:#63656E;
+.bk-table th .bk-table-column-filter-trigger.is-open{
+                color:#63656e;
+            }
+.bk-table th .bk-table-column-filter-trigger.is-filtered{
+                color:#3a84ff;
             }
 .bk-table th .bk-table-caret-wrapper{
             display:-webkit-inline-box;
@@ -10384,10 +10446,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 bottom:-1px;
             }
 .bk-table th.ascending .bk-table-sort-caret.ascending{
-            border-bottom-color:#63656E;
+            border-bottom-color:#3a84ff;
         }
 .bk-table th.descending .bk-table-sort-caret.descending{
-            border-top-color:#63656E;
+            border-top-color:#3a84ff;
         }
 .bk-table td.gutter{
         width:0;
@@ -10717,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;
@@ -13431,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;
@@ -13556,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;
         }
@@ -14507,14 +14581,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         min-height:21px;
         line-height:19px;
         word-break:break-all;
-        max-width:200px;
+        max-width:150px;
         overflow:hidden;
         display:inline-block;
         text-overflow:ellipsis;
         white-space:nowrap;
     }
 .bk-cascade-tag-list .remove-key{
-        position:relative;
+        position:absolute;
         width:18px;
         height:16px;
         top:3px;
@@ -14961,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;
@@ -14977,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;
@@ -14988,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;
@@ -15000,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{
@@ -15020,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;
     }
@@ -15071,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;
@@ -15087,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%);
@@ -15148,6 +15239,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 .bk-breadcrumb-item:last-child .bk-breadcrumb-separator{
         display:none;
       }
+.bk-breadcrumb-goback{
+    color:#699df4;
+    margin-right:12px;
+    cursor:pointer
+  }
+.bk-breadcrumb-goback .icon-default{
+      font-size:26px;
+    }
 .bk-divider{
     position:relative
 }