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

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{
@@ -7611,7 +7611,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             transition-timing-function:cubic-bezier(.165, .84, .44, 1);
     max-width:calc(100% - 8px);
     pointer-events:none;
-    outline:0
+    outline:0;
+    word-wrap:break-word;
 }
 .tippy-popper[x-placement^=top] .tippy-backdrop{
     border-radius:40% 40% 0 0
@@ -8014,7 +8015,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 +8191,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 +8303,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;
@@ -9140,7 +9147,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         top:0;
         bottom:0;
         background-color:#fff;
-        overflow-y:auto
+        overflow-y:auto;
+        pointer-events:all
     }
 .bk-sideslider-wrapper.left{
             left:0;
@@ -10619,7 +10627,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-table.bk-table-dark-header th{
             background-color:#f0f1f5;
         }
-.bk-table.bk-table-dark-header th :hover{
+.bk-table.bk-table-dark-header th .cell:hover{
                 background-color:#eaebf0
             }
 .bk-table.bk-table-custom-header{
@@ -12270,7 +12278,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 +12288,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 +12400,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;
     }
@@ -14299,6 +14307,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             width:100%;
             height:100%;
         }
+.bk-big-tree .fixed-width{
+        width:-webkit-max-content;
+        width:-moz-max-content;
+        width:max-content;
+    }
 .bk-big-tree .bk-big-tree-empty{
         text-align:center;
         font-size:14px;
@@ -14574,6 +14587,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 +14600,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 +14615,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 +14630,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;
@@ -14715,6 +14752,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#c4c6cc;
         cursor:not-allowed;
     }
+.bk-cascade.is-custom-trigger{
+        border:none;
+        -webkit-box-shadow:none;
+                box-shadow:none;
+    }
 .bk-cascade.is-readonly,
     .bk-cascade.is-loading{
         background-color:#fafafa;
@@ -14779,7 +14821,6 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             display:block;
         }
 .bk-cascade-dropdown-content{
-    padding:4px 0;
     border:1px solid #dcdee5;
     border-radius:2px;
     line-height:32px;
@@ -14888,8 +14929,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
     padding:0 16px;
     border-radius:0px 0px 1px 1px;
     border-top:1px solid #dcdee5;
-    background:#fafbfd
+    background:#fafbfd;
 }
+.bk-cascade-extension i{
+        font-size:12px;
+    }
 .bk-cascade-extension:hover{
         background-color:#f0f1f5;
     }
@@ -14940,6 +14984,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             font-size:20px;
             color:#979BA5;
 		}
+.bk-cascade-panel .bk-option:first-of-type{
+            margin-top:4px;
+        }
+.bk-cascade-panel .bk-option:last-of-type{
+            margin-bottom:4px;
+        }
 .bk-cascade-panel .is-multiple{
 		background-color:#fff!important;
 	}
@@ -15486,7 +15536,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 +15586,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%;
@@ -16027,6 +16077,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 -webkit-transform:rotate(180deg);
                         transform:rotate(180deg);
             }
+.bk-resize-layout-collapsible.bk-resize-layout-collapsed > .bk-resize-layout-aside{
+            border:none !important
+        }
+.bk-resize-layout-collapsible.bk-resize-layout-collapsed > .bk-resize-layout-aside:after{
+                display:none;
+            }
 .bk-resize-layout-left{
         -webkit-box-orient:horizontal;
         -webkit-box-direction:normal;
@@ -16050,7 +16106,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 +16137,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 +16168,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 +16200,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 +16255,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;