bk-magic-vue 2.4.15-beta.2 → 2.4.15-beta.4

package/dist/bk-magic-vue.css

@@ -3923,6 +3923,9 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype");
         color:#63656e;
         cursor:pointer
     }
+.bk-date-picker-rel .bk-date-picker-editor:hover{
+          border:1px solid #979ba5;
+        }
 .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border{
             border-color:transparent transparent #c4c6cc transparent
         }
@@ -5324,7 +5327,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         white-space:nowrap
       }
 .bk-dropdown-menu .bk-dropdown-list > li > a:hover{
-          background-color:#eaf3ff;
+          background-color:#f0f1f5;
           color:#3a84ff;
         }
 .bk-dropdown-menu .bk-dropdown-list > li .bk-icon{
@@ -9078,8 +9081,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-sideslider-footer{
         width:100%;
         height:54px;
-        border-top:1px solid transparent;
-        background:#fff;
+        border-top:1px solid #dcdee5;
+        background-color:#fff;
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
@@ -11441,28 +11444,8 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#3a84ff;
         pointer-events:none;
     }
-.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before, .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before{
-        content:'';
-        position:absolute;
-        width:2px;
-        padding-top:2px;
-        background-color:#3a84ff;
-        top:55px;
-        left:85px;
-        border-radius:50%;
-        z-index:1;
-    }
-.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after, .bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after{
-        content:'';
-        position:absolute;
-        width:2px;
-        padding-top:2px;
-        background-color:#3a84ff;
-        top:calc(55px + 5px);
-        left:85px;
-        border-radius:50%;
-        z-index:1;
-    }
+.bk-time-picker-cells-with-seconds{
+}
 .bk-time-picker-cells-title-wrapper{
     width:100%;
     height:42px;
@@ -11473,35 +11456,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         width:33.33%;
         text-align:center;
         list-style:none;
-        color:#63656e;
-        font-weight:700;
+        color:#979ba5;
         font-size:14px;
         position:relative
     }
 .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active{
             color:#3a84ff;
         }
-.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):before{
-        content:'';
-        position:absolute;
-        width:2px;
-        padding-top:2px;
-        background-color:#3a84ff;
-        top:55px;
-        left:133px;
-        border-radius:50%;
-        z-index:1;
-    }
-.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(1):after{
-        content:'';
-        position:absolute;
-        width:2px;
-        padding-top:2px;
-        background-color:#3a84ff;
-        top:calc(55px + 5px);
-        left:133px;
-        border-radius:50%;
-        z-index:1;
+.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title{
     }
 .bk-time-picker-cells-list{
     width:33.33%;
@@ -12587,7 +12549,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 -ms-flex:0 0 28px;
                     flex:0 0 28px;
             font-size:28px;
-            color:#768197;
+            color:#96A2B9;
             display:-webkit-box;
             display:-ms-flexbox;
             display:flex;

package/dist/bk-magic-vue.js

@@ -36099,6 +36099,11 @@
           if (this.showMask) {
             this.generatePopUid();
           }
+          this.$nextTick(function () {
+            if (_this.$refs.content) {
+              addResizeListener(_this.$refs.content, _this.handleContentResize);
+            }
+          });
           setTimeout(function () {
             _this.$emit('shown');
           }, 200);
@@ -36114,16 +36119,14 @@
         }
       }
     },
-    mounted: function mounted() {
-      if (this.$refs.content && this.showMask) {
-        this.generatePopUid();
-        addResizeListener(this.$refs.content, this.handleContentResize);
-      }
-    },
+    mounted: function mounted() {},
     destroyed: function destroyed() {
       var root = document.querySelector('html');
       removeClass$1(root, 'bk-sideslider-show');
       removeResizeListener(this.$refs.content, this.handleContentResize);
+      if (this.$el && this.$el.parentNode) {
+        this.$el.parentNode.removeChild(this.$el);
+      }
     },
     beforeDestroy: function beforeDestroy() {
       this.isShow && this.popUid && popManager.hide(this.popUid);
@@ -52868,7 +52871,7 @@
       },
       defItemHoverBgColor: {
         get: function get() {
-          var themeVals = ['linear-gradient(270deg,rgba(235,237,243,1) 0%,rgba(240,241,245,1) 100%)', 'linear-gradient(90deg,rgba(37,48,71,1) 0%,rgba(32,42,60,1) 100%)'];
+          var themeVals = ['#EAEBF0', 'linear-gradient(90deg,rgba(37,48,71,1) 0%,rgba(32,42,60,1) 100%)'];
           return !themeVals.includes(this.itemHoverBgColor) ? this.itemHoverBgColor : themeVals[+(this.navigationType === 'left-right')];
         }
       },
@@ -52880,13 +52883,13 @@
       },
       defItemActiveBgColor: {
         get: function get() {
-          var themeVals = ['linear-gradient(90deg,rgba(63,135,255,1) 0%,rgba(58,132,255,1) 100%)', 'linear-gradient(90deg,rgba(63,135,255,1) 0%,rgba(58,132,255,1) 100%)'];
+          var themeVals = ['#E1ECFF', 'linear-gradient(90deg,rgba(63,135,255,1) 0%,rgba(58,132,255,1) 100%)'];
           return !themeVals.includes(this.itemActiveBgColor) ? this.itemActiveBgColor : themeVals[+(this.navigationType === 'left-right')];
         }
       },
       defItemActiveColor: {
         get: function get() {
-          var themeVals = ['#FFFFFF', '#FFFFFF'];
+          var themeVals = ['#3A84FF', '#FFFFFF'];
           return !themeVals.includes(this.itemActiveColor) ? this.itemActiveColor : themeVals[+(this.navigationType === 'left-right')];
         }
       },
@@ -52916,13 +52919,13 @@
       },
       defItemActiveIconColor: {
         get: function get() {
-          var themeVals = ['#FFFFFF', '#FFFFFF'];
+          var themeVals = ['#3A84FF', '#FFFFFF'];
           return !themeVals.includes(this.itemActiveIconColor) ? this.itemActiveIconColor : themeVals[+(this.navigationType === 'left-right')];
         }
       },
       defSubMenuOpenBgColor: {
         get: function get() {
-          var themeVals = ['#F0F1F5', '#151D2C'];
+          var themeVals = ['#F5F7FA', '#151D2C'];
           return !themeVals.includes(this.subMenuOpenBgColor) ? this.subMenuOpenBgColor : themeVals[+(this.navigationType === 'left-right')];
         }
       },
@@ -53149,6 +53152,8 @@
           } else if (this.parentMenu && this.parentMenu.collapse || this.collapse) {
             return this.defSubMenuOpenBgColor;
           }
+        } else if (this.parentMenu && this.mouseover) {
+          return this.rootMenu.defItemHoverBgColor;
         }
         return '';
       },
@@ -55191,7 +55196,8 @@
       }
     })])], 2) : _vm._e(), _vm.collapseActive ? [_c('bk-transition', {
       attrs: {
-        "name": "collapse"
+        "name": "collapse",
+        "duration-time": ".1.4s"
       }
     }, [_c('div', {
       staticClass: "bk-card-body"