bk-magic-vue 2.4.0 → 2.4.1

package/lib/time-picker.js

@@ -3343,7 +3343,7 @@
     }, [_c('path', {
       attrs: {
         "fill": "#c4c6cc",
-        "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1\n                            c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3\n                            c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1\n                            c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3\n                            C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"
+        "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1\n                              c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3\n                              c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1\n                              c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3\n                              C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"
       }
     }), _c('polygon', {
       attrs: {
@@ -3364,7 +3364,7 @@
     }, [_c('path', {
       attrs: {
         "fill": "#c4c6cc",
-        "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768\n                            c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"
+        "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768\n                              c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"
       }
     }), _c('rect', {
       attrs: {

package/lib/transfer.js

@@ -4393,9 +4393,9 @@
       staticClass: "slot-content"
     }, [_vm._t("left-header")], 2)]) : _c('div', {
       staticClass: "header"
-    }, [_vm._v("\n            " + _vm._s(_vm.title[0] ? _vm.title[0] : _vm.t('bk.transfer.left')) + _vm._s(_vm.t('bk.transfer.total', {
+    }, [_vm._v("\n      " + _vm._s(_vm.title[0] ? _vm.title[0] : _vm.t('bk.transfer.left')) + _vm._s(_vm.t('bk.transfer.total', {
       total: _vm.dataList.length
-    })) + "\n            "), _vm.dataList.length === 0 ? _c('span', {
+    })) + "\n      "), _vm.dataList.length === 0 ? _c('span', {
       staticClass: "disabled"
     }, [_vm._v(_vm._s(_vm.t('bk.transfer.addAll')))]) : _c('span', {
       on: {
@@ -4459,7 +4459,7 @@
       })])], null, item)], 2);
     }), 0)] : [_vm.slot['left-empty-content'] ? _c('div', [_vm._t("left-empty-content")], 2) : _c('div', {
       staticClass: "empty"
-    }, [_vm._v("\n                " + _vm._s(_vm.emptyContent[0] ? _vm.emptyContent[0] : _vm.t('bk.transfer.emptyContent')) + "\n            ")])]], 2), _c('div', {
+    }, [_vm._v("\n        " + _vm._s(_vm.emptyContent[0] ? _vm.emptyContent[0] : _vm.t('bk.transfer.emptyContent')) + "\n      ")])]], 2), _c('div', {
       staticClass: "transfer"
     }), _c('div', {
       staticClass: "target-list"
@@ -4469,9 +4469,9 @@
       staticClass: "slot-content"
     }, [_vm._t("right-header")], 2)]) : _c('div', {
       staticClass: "header"
-    }, [_vm._v("\n            " + _vm._s(_vm.title[1] ? _vm.title[1] : _vm.t('bk.transfer.right')) + _vm._s(_vm.t('bk.transfer.total', {
+    }, [_vm._v("\n      " + _vm._s(_vm.title[1] ? _vm.title[1] : _vm.t('bk.transfer.right')) + _vm._s(_vm.t('bk.transfer.total', {
       total: _vm.hasSelectedList.length
-    })) + "\n            "), _vm.hasSelectedList.length === 0 ? _c('span', {
+    })) + "\n      "), _vm.hasSelectedList.length === 0 ? _c('span', {
       staticClass: "disabled"
     }, [_vm._v(_vm._s(_vm.t('bk.transfer.removeAll')))]) : _c('span', {
       on: {
@@ -4521,7 +4521,7 @@
       })])], null, item)], 2);
     }), 0)] : [_vm.slot['right-empty-content'] ? _c('div', [_vm._t("right-empty-content")], 2) : _c('div', {
       staticClass: "empty"
-    }, [_vm._v("\n                " + _vm._s(_vm.emptyContent[1] ? _vm.emptyContent[1] : _vm.t('bk.transfer.emptySelected')) + "\n            ")])]], 2)]);
+    }, [_vm._v("\n        " + _vm._s(_vm.emptyContent[1] ? _vm.emptyContent[1] : _vm.t('bk.transfer.emptySelected')) + "\n      ")])]], 2)]);
   };
 
   var __vue_staticRenderFns__$1 = [];

package/lib/ui/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%);