bk-magic-vue 2.5.9-beta.4 → 2.5.9-beta.5

package/dist/bk-magic-vue.css

@@ -906,7 +906,7 @@
         }
 .bk-button.bk-default.is-disabled,
         .bk-button.bk-default[disabled]{
-            background-color:#fff;
+            background-color:#faf9fd;
             border-color:#dcdee5;
             color:#c4c6cc;
             cursor:not-allowed;
@@ -1398,20 +1398,20 @@
 }
 .bk-button-text.is-disabled,
     .bk-button-text[disabled]{
-        color:#dcdee5;
+        color:#c4c6cc;
         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;
+            color:#c4c6cc;
         }
 .bk-button-text.is-disabled:active,
         .bk-button-text.is-disabled.active,
         .bk-button-text[disabled]:active,
         .bk-button-text[disabled].active{
-            color:#dcdee5;
+            color:#c4c6cc;
         }
 .bk-button-text.bk-button-small{
         height:26px;
@@ -7209,7 +7209,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 }
 .bk-notify-content .bk-notify-content-title{
         margin-top:0;
-        margin-bottom:6px;
+        margin-bottom:8px;
         font-size:14px;
         font-weight:bold;
     }
@@ -7361,7 +7361,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             font-weight:bold;
         }
 .bk-page .bk-page-jumper{
-        margin-left:18px;
+        margin-left:10px;
         display:inline-block;
     }
 .bk-page .bk-page-jumper > span{
@@ -8014,7 +8014,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     background-color:rgba(0, 0, 0, .8);
 }
 .tippy-tooltip[data-size=small]{
-    padding:12px;
+    padding:7px 12px;
     font-size:12px;
 }
 .tippy-tooltip[data-size=large]{
@@ -8190,8 +8190,13 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         font-size:22px;
     }
 .bk-process .bk-spin-loading.bk-spin-loading-mini{
-            width:14px;
-            height:14px;
+            width:22px;
+            height:22px;
+            display:-webkit-inline-box;
+            display:-ms-inline-flexbox;
+            display:inline-flex;
+            top:2px;
+            left:3px;
         }
 .bk-process .bk-process-toggle{
         position:relative;
@@ -8297,7 +8302,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                     color:#2dcb56;
                 }
 .bk-process li .bk-process-step .steps-loading{
-                top:-2px;
+                top:1px;
+                left:1px;
             }
 .bk-process li .bk-process-step .step-item.error{
                     color:#ff5656;
@@ -12270,7 +12276,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 box-sizing:border-box;
         list-style-type:none;
         text-align:left;
-        padding-left:18px;
+        padding-left:16px;
     }
 .bk-tree li{
         position:relative;
@@ -12280,7 +12286,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         text-align:left
     }
 .bk-tree li.leaf{
-            padding-left:18px;
+            padding-left:16px;
         }
 .bk-tree .tree-drag-node{
         line-height:32px;
@@ -12392,7 +12398,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         border-left:1px dashed #ded8d8;
         bottom:50px;
         height:100%;
-        left:-12px;
+        left:-10px;
         top:-11px;
         width:1px;
     }
@@ -14574,6 +14580,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 .bk-link.is-primary:hover{
             color:#699df4;
         }
+.bk-link.is-primary:active{
+            color:#1768ef;
+        }
+.bk-link.is-primary:visited{
+            color:#699df4;
+        }
 .bk-link.is-primary.is-disabled{
             color:#a3c5fd;
         }
@@ -14581,7 +14593,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#2dcb56
     }
 .bk-link.is-success:hover{
-            color:#45e35f;
+            color:#44e360;
+        }
+.bk-link.is-success:active{
+            color:#1bb943;
+        }
+.bk-link.is-success:visited{
+            color:#44e360;
         }
 .bk-link.is-success.is-disabled{
             color:#94f5a4;
@@ -14590,7 +14608,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#ff9c01
     }
 .bk-link.is-warning:hover{
-            color:#ffb848;
+            color:#ffb849;
+        }
+.bk-link.is-warning:active{
+            color:#eb9000;
+        }
+.bk-link.is-warning:visited{
+            color:#ffb849;
         }
 .bk-link.is-warning.is-disabled{
             color:#ffd695;
@@ -14599,7 +14623,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#ea3636
     }
 .bk-link.is-danger:hover{
-            color:#ff5656;
+            color:#fe5657;
+        }
+.bk-link.is-danger:active{
+            color:#da2726;
+        }
+.bk-link.is-danger:visited{
+            color:#fe5657;
         }
 .bk-link.is-danger.is-disabled{
             color:#fd9c9c;
@@ -15486,7 +15516,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
     width:100%;
     height:50px;
     line-height:50px;
-    padding:0 20px;
+    padding:0 24px;
     position:relative;
 }
 .bk-card-head .title{
@@ -15536,7 +15566,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 }
 .bk-card-body{
     width:100%;
-    padding:20px 20px;
+    padding:16px 24px 24px;
 }
 .bk-card-foot{
     width:100%;
@@ -16050,7 +16080,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:col-resize
             }
 .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse{
                 left:100%;
@@ -16081,7 +16111,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:col-resize
             }
 .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse{
                 right:100%;
@@ -16112,7 +16142,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:row-resize
             }
 .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse{
                 top:100%;
@@ -16144,7 +16174,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:row-resize
             }
 .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse{
                 bottom:100%;
@@ -16199,7 +16229,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             width:16px;
             height:50px;
             line-height:50px;
-            border-radius:0px 12px 12px 0px;
+            border-radius:0px 6px 6px 0px;
             background:#dcdee5;
             text-align:center;
             font-size:20px;

package/dist/bk-magic-vue.js

@@ -7640,7 +7640,7 @@
       if (this.shortcutSelectedIndex !== -1) {
         shortcut = this.shortcuts[this.shortcutSelectedIndex] || null;
         if (shortcut) {
-          initialValue = shortcut.value();
+          initialValue = [shortcut.value()];
         }
       }
       var focusedTime = initialValue.map(extractTime);
@@ -59402,6 +59402,7 @@
         asideContentVisible: true,
         minimized: false,
         limitMax: null,
+        asideStyleValue: this.initialDivide,
         state: {}
       };
     },
@@ -59413,11 +59414,8 @@
         return this.vertical ? 'width' : 'height';
       },
       computedAsideStyle: function computedAsideStyle() {
-        var divide = this.initialDivide;
-        if (typeof divide === 'number') {
-          divide = "".concat(divide, "px");
-        }
-        return _defineProperty({}, this.computedStyleKey, divide);
+        var asideStyleValue = typeof this.asideStyleValue === 'number' ? "".concat(this.asideStyleValue, "px") : this.asideStyleValue;
+        return _defineProperty({}, this.computedStyleKey, asideStyleValue);
       },
       computedTriggerStyle: function computedTriggerStyle() {
         var _style;
@@ -59572,14 +59570,14 @@
       },
       setupAsideAnimation: function setupAsideAnimation() {
         var aside = this.$refs.aside;
-        var asideRect = aside.getBoundingClientRect();
+        var previewStyleValue = aside.style[this.computedStyleKey];
         this.setupAsideListener(!this.collapsed);
         if (this.collapsed) {
-          aside.setAttribute("data-".concat(this.computedStyleKey), asideRect[this.computedStyleKey] + 'px');
-          aside.style[this.computedStyleKey] = '5px';
+          aside.setAttribute("data-".concat(this.computedStyleKey), previewStyleValue);
+          this.asideStyleValue = '5px';
         } else {
           this.asideContentVisible = true;
-          aside.style[this.computedStyleKey] = aside.getAttribute("data-".concat(this.computedStyleKey));
+          this.asideStyleValue = aside.getAttribute("data-".concat(this.computedStyleKey));
         }
       },
       setupAsideListener: function setupAsideListener(asideContentVisible) {