bk-magic-vue 2.4.8 → 2.4.9

package/lib/tag-input.js

@@ -2202,7 +2202,9 @@
           el.$vm.isShow = false;
         }, delay);
       } else {
-        el.$vm.isShow = false;
+        Vue.nextTick(function () {
+          el.$vm.isShow = false;
+        });
       }
     }
     if (options.title) {
@@ -2236,7 +2238,9 @@
       }
     },
     update: function update(el, binding) {
-      toggle(el, binding.value);
+      if (el.viewmodel) {
+        toggle(el, binding.value);
+      }
     }
   };
 

package/lib/time-picker.js

@@ -2978,23 +2978,6 @@
       },
       handleKeydown: function handleKeydown(e) {
         var keyCode = e.keyCode;
-        if (keyCode === 9) {
-          if (this.visible) {
-            e.stopPropagation();
-            e.preventDefault();
-            if (this.isConfirm) {
-              var selector = '.bk-picker-confirm > *';
-              var tabbable = this.$refs.drop.$el.querySelectorAll(selector);
-              this.internalFocus = true;
-              var element = _toConsumableArray(tabbable)[e.shiftKey ? 'pop' : 'shift']();
-              element.focus();
-            } else {
-              this.handleClose();
-            }
-          } else {
-            this.focused = false;
-          }
-        }
         var arrows = [37, 38, 39, 40];
         if (!this.visible && arrows.includes(keyCode)) {
           this.visible = true;
@@ -3006,7 +2989,7 @@
             this.handleClose();
           }
         }
-        if (keyCode === 13 && this.timeEnterMode) {
+        if ((keyCode === 9 || keyCode === 13) && this.timeEnterMode) {
           var _timePickers = findChildComponents(this, 'TimeSpinner');
           if (_timePickers.length > 0) {
             var columnsPerPicker = _timePickers[0].showSeconds ? 3 : 2;
@@ -3157,10 +3140,6 @@
         }
       },
       handleInputMouseleave: function handleInputMouseleave(e) {
-        if (e.toElement && e.toElement.classList.contains('clear-action')) {
-          return;
-        }
-        this.showClose = false;
       },
       handleClear: function handleClear(e) {
         var _this3 = this;

package/lib/ui/bk-magic-vue.css

@@ -7243,6 +7243,14 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             padding:0 2px;
             font-weight:bold;
         }
+.bk-page .bk-page-jumper{
+        margin-left:18px;
+        display:inline-block;
+    }
+.bk-page .bk-page-jumper > span{
+            font-size:14px;
+            color:#63656e;
+        }
 .bk-page.bk-page-align-left{
             text-align:left;
         }
@@ -7260,6 +7268,9 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 height:32px;
                 line-height:30px;
             }
+.bk-page.bk-page-small .bk-page-jumper{
+            font-size:14px;
+        }
 .bk-page.bk-page-small .bk-page-total-count,
         .bk-page.bk-page-small .bk-page-selection-count{
             line-height:32px;
@@ -8568,6 +8579,9 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         cursor:not-allowed;
         border-color:#dcdee5;
     }
+.bk-select.is-disabled .bk-select-angle{
+            color:#c4c6cc;
+        }
 .bk-select.is-readonly,
     .bk-select.is-loading{
         background-color:#fafafa;
@@ -9873,7 +9887,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-tab.bk-tab-card .bk-tab-scroll-controller.prev.disabled{
                 border-right:none;
             }
-.bk-tab.bk-tab-card .bk-tab-add-controller{
+.bk-tab.bk-tab-card .bk-tab-extension-controller, .bk-tab.bk-tab-card .bk-tab-add-controller{
         border-top:1px solid #dcdee5;
         background-color:#fff;
     }
@@ -9902,7 +9916,11 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{
                 border-left:none;
             }
-.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-add-controller,
+.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-extension-controller{
+                border-left:none;
+            }
+.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-extension-controller,
+        .bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-add-controller,
         .bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-scroll-controller{
             border:none;
             border-bottom:1px solid #dcdee5;
@@ -9985,6 +10003,9 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .position-left .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller, .position-right .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{
                 border-left:none;
             }
+.position-left .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller, .position-right .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller{
+                border-left:none;
+            }
 .position-left .bk-tab-label-wrapper .bk-tab-label-list, .position-right .bk-tab-label-wrapper .bk-tab-label-list{
             display:-webkit-box;
             display:-ms-flexbox;
@@ -10057,6 +10078,18 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                         box-shadow:-10px 0 10px rgba(0, 0, 0, .05);
                 border-right:0;
             }
+.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-extension-controller{
+                position:absolute;
+                top:0;
+                right:42px;
+                border-left:1px solid #dcdee5;
+            }
+.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-add-controller{
+                border-left-width:0;
+            }
+.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-scroll-controller.next{
+                right:84px !important;
+            }
 .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-scroll-controller.next{
             right:42px;
         }
@@ -10072,7 +10105,17 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 -webkit-box-shadow:-10px 0 10px rgba(0, 0, 0, .05);
                         box-shadow:-10px 0 10px rgba(0, 0, 0, .05);
             }
-.bk-tab-label-wrapper .bk-tab-add-controller{
+.bk-tab-label-wrapper.has-scroller.has-extension:not(.has-add) .bk-tab-extension-controller{
+            position:absolute;
+            top:0;
+            right:0;
+            border-bottom:1px solid #dcdee5;
+            border-left:1px solid #dcdee5;
+        }
+.bk-tab-label-wrapper.has-scroller.has-extension:not(.has-add) .bk-tab-scroll-controller.next{
+            right:42px;
+        }
+.bk-tab-label-wrapper .bk-tab-extension-controller, .bk-tab-label-wrapper .bk-tab-add-controller{
         display:inline-block;
         vertical-align:middle;
         width:42px;
@@ -10086,10 +10129,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         cursor:pointer;
         z-index:2
     }
-.bk-tab-label-wrapper .bk-tab-add-controller:hover{
+.bk-tab-label-wrapper .bk-tab-extension-controller:hover, .bk-tab-label-wrapper .bk-tab-add-controller:hover{
             color:#3a84ff;
         }
-.bk-tab-label-wrapper .bk-tab-add-controller.left-border{
+.bk-tab-label-wrapper .bk-tab-extension-controller.left-border, .bk-tab-label-wrapper .bk-tab-add-controller.left-border{
             border-left:1px solid #dcdee5;
         }
 .bk-tab-label-wrapper .bk-tab-add-custom{
@@ -13498,6 +13541,10 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             -webkit-animation-direction:normal;
                     animation-direction:normal;
         }
+.bk-spin .bk-spin-rotation.bk-spin-rotation-default .rotate{
+                -webkit-animation-name:fadeDefault;
+                        animation-name:fadeDefault;
+            }
 .bk-spin .bk-spin-rotation.bk-spin-rotation-primary .rotate{
                 -webkit-animation-name:fadePrimary;
                         animation-name:fadePrimary;
@@ -13518,6 +13565,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 -webkit-animation-name:fadeInfo;
                         animation-name:fadeInfo;
             }
+.bk-spin .bk-spin-rotation.bk-spin-rotation-default-wait .rotate{
+                background-color:#c4c6cc;
+            }
 .bk-spin .bk-spin-rotation.bk-spin-rotation-primary-wait .rotate{
                 background-color:#3c96ff;
             }
@@ -13642,19 +13692,22 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         }
 .bk-spin .bk-spin-icon-wait{
         -webkit-animation:none;
-                animation:none
+                animation:none;
+    }
+.bk-spin .bk-spin-icon-default{
+        color:#c4c6cc;
     }
 .bk-spin .bk-spin-icon-primary{
-        color:#3c96ff
+        color:#3c96ff;
     }
 .bk-spin .bk-spin-icon-success{
-        color:#2dcb56
+        color:#2dcb56;
     }
 .bk-spin .bk-spin-icon-warning{
-        color:#ffb848
+        color:#ffb848;
     }
 .bk-spin .bk-spin-icon-danger{
-        color:#ff5656
+        color:#ff5656;
     }
 .bk-spin .bk-spin-icon-info{
     	color:#979ba5;
@@ -13706,6 +13759,24 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             -ms-flex-align:center;
                 align-items:center;
     }
+@-webkit-keyframes fadeDefault{
+    0%{
+        background-color:#c4c6cc;
+    }
+
+    100%{
+        background-color:none;
+    }
+}
+@keyframes fadeDefault{
+    0%{
+        background-color:#c4c6cc;
+    }
+
+    100%{
+        background-color:none;
+    }
+}
 @keyframes fadePrimary{
     0%{
         background-color:#3c96ff;