bk-magic-vue 2.3.10-beta.2 → 2.4.0-beta.1

package/dist/bk-magic-vue.css

@@ -4364,25 +4364,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-dialog-wrapper .bk-dialog-tool{
         min-height:30px;
         position:relative;
+        
     }
-.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close{
-            z-index:1;
-            cursor:pointer;
-            position:absolute;
-            color:#979ba5;
-            top:5px;
-            right:5px;
-            width:26px;
-            height:26px;
-            line-height:26px;
-            text-align:center;
-            border-radius:50%;
-            font-weight:700;
-            font-size:22px
-        }
-.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close:hover{
-                background-color:#f0f1f5;
-            }
 .bk-dialog-wrapper .bk-dialog-header{
         padding:3px 24px 24px 24px;
         line-height:1.2;
@@ -4459,6 +4442,24 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 margin-left:8px;
                 margin-bottom:0;
             }
+.bk-dialog-wrapper .bk-dialog-close{
+        z-index:1;
+        cursor:pointer;
+        position:absolute;
+        color:#979ba5;
+        top:5px;
+        right:5px;
+        width:26px;
+        height:26px;
+        line-height:26px;
+        text-align:center;
+        border-radius:50%;
+        font-weight:700;
+        font-size:22px
+    }
+.bk-dialog-wrapper .bk-dialog-close:hover{
+            background-color:#f0f1f5;
+        }
 .bk-dialog-wrapper .bk-info-box .bk-dialog-header{
             padding:15px 30px 10px 30px;
         }
@@ -8624,7 +8625,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             font-size:12px;
             font-size:var(--font-size);
             border-bottom:1px solid #dcdee5;
-            color:#979ba5
+            color:#979ba5;
+            position:relative
         }
 .bk-options .bk-option-group .bk-option-group-name.is-collapse{
                 cursor:pointer;
@@ -8639,6 +8641,15 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix.readonly{
                     cursor:not-allowed;
                 }
+.bk-options .bk-option-group .bk-option-group-name .btn-check-all{
+                position:absolute;
+                disabled:inline-block;
+                right:14px;
+                top:2px;
+            }
+.bk-options .bk-option-group .bk-option-group-name .btn-check-all .bk-form-checkbox{
+                    margin-right:0!important;
+                }
 .bk-options .bk-group-options{
         margin:0;
         padding:0;
@@ -10699,6 +10710,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 -ms-flex:12px 0 0px;
                     flex:12px 0 0;
         }
+.bk-table-bottom-loading{
+    position:absolute;
+    bottom:44px;
+    height:42px;
+    width:calc(100% - 1px);
+    z-index:100;
+}
 .bk-table-pagination-wrapper{
     padding:15px;
     margin-top:-1px;
@@ -11842,123 +11860,71 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         display:inline-block;
         font-size:14px;
     }
-.bk-tree .mr5{
-        margin-right:-6px !important;
-    }
-.bk-tree .bk-form-half-checked{
-        margin-right:30px;
+.bk-tree .bk-form-checkbox{
+        position:relative;
         display:inline-block;
-        line-height:0;
-        color:#666;
+        vertical-align:middle;
+        width:14px;
+        height:14px;
+        border:1px solid #979ba5;
+        border-radius:2px;
     }
-.bk-tree .bk-form-half-checked .bk-checkbox-text{
-            font-style:normal;
-            font-weight:normal;
-            cursor:pointer;
-            vertical-align:middle;
+.bk-tree .bk-form-checkbox input[type=checkbox]{
+            display:none;
         }
-.bk-tree .bk-form-half-checked input[type=checkbox]{
-            width:18px;
-            height:18px;
+.bk-tree .bk-form-checkbox:focus{
+            border-color:#3c96ff;
             outline:none;
-            visibility:visible;
-            cursor:pointer;
-            vertical-align:middle;
-            background:#fff;
-            background-image:url(images/bk_half_check.svg);
-            display:inline-block;
-            background-position:0 -62px;
-            -webkit-appearance:none;
-            margin:0 5px 0 0
         }
-.bk-tree .bk-form-half-checked input[type=checkbox]:checked{
-                background-position:-33px -62px
-            }
-.bk-tree .bk-form-half-checked input[type=checkbox]:checked[disabled]{
-                    color:#ccc;
-                    background-position:-99px -62px;
-                }
-.bk-tree .bk-form-half-checked input[type=checkbox][disabled]{
-                background-position:-66px -62px;
-                cursor:default
-            }
-.bk-tree .bk-form-half-checked input[type=checkbox][disabled] + .bk-checkbox-text{
-                    color:#ccc;
-                    cursor:default;
-                }
-.bk-tree .bk-form-half-checked.bk-checkbox-small input[type=checkbox]{
-                width:14px;
-                height:14px;
-                background-position:0 -98px
-            }
-.bk-tree .bk-form-half-checked.bk-checkbox-small input[type=checkbox]:checked{
-                    background-position:-42px -98px
-                }
-.bk-tree .bk-form-half-checked.bk-checkbox-small input[type=checkbox]:checked[disabled]{
-                        background-position:-99px -98px;
-                    }
-.bk-tree .bk-form-half-checked.bk-checkbox-small input[type=checkbox][disabled]{
-                    background-position:-66px -98px;
-                    background-color:#ccc;
-                }
-.bk-tree .bk-form-checkbox{
-        margin-right:30px;
-        display:inline-block;
-        line-height:0;
-        color:#666;
-    }
-.bk-tree .bk-form-checkbox .bk-checkbox-text{
-            font-style:normal;
-            font-weight:normal;
-            cursor:pointer;
-            vertical-align:middle;
+.bk-tree .bk-form-checkbox--indeterminate{
+            border-color:#3a84ff;
+            background-color:#3a84ff;
+            background-clip:content-box
         }
-.bk-tree .bk-form-checkbox input[type=checkbox]{
-            width:18px;
-            height:18px;
-            outline:none;
-            visibility:visible;
-            cursor:pointer;
-            vertical-align:middle;
-            background:#fff;
-            background-image:url(images/bk_check.png);
-            display:inline-block;
-            background-position:0 -62px;
-            -webkit-appearance:none;
-            margin:0 5px 0 0
+.bk-tree .bk-form-checkbox--indeterminate::after{
+                content:'';
+                display:block;
+                width:8px;
+                height:2px;
+                background-color:#fff;
+                position:absolute;
+                top:50%;
+                left:50%;
+                -webkit-transform:translate(-50%, -50%);
+                        transform:translate(-50%, -50%);
+                border-radius:2px;
+            }
+.bk-tree .bk-form-checkbox--checked{
+            border-color:#3a84ff;
+            background-color:#3a84ff;
+            background-clip:border-box
         }
-.bk-tree .bk-form-checkbox input[type=checkbox]:checked{
-                background-position:-33px -62px
+.bk-tree .bk-form-checkbox--checked::after{
+                content:"";
+                position:absolute;
+                top:0;
+                left:3px;
+                width:4px;
+                height:8px;
+                border:2px solid #fff;
+                border-left:0;
+                border-top:0;
+                -webkit-transform-origin:center;
+                        transform-origin:center;
+                -webkit-transform:rotate(45deg) scaleY(1);
+                        transform:rotate(45deg) scaleY(1);
             }
-.bk-tree .bk-form-checkbox input[type=checkbox]:checked[disabled]{
-                    color:#ccc;
-                    background-position:-99px -62px;
-                }
-.bk-tree .bk-form-checkbox input[type=checkbox][disabled]{
-                background-position:-66px -62px;
-                cursor:default
+.bk-tree .bk-form-checkbox--disabled{
+            border-color:#dcdee5;
+            background-color:#dcdee5;
+            cursor:not-allowed;
+        }
+.bk-tree .bk-form-checkbox--disabled.bk-tree .bk-form-checkbox--disabled--indeterminate ::after{
+                background-color:#fafbfd;
             }
-.bk-tree .bk-form-checkbox input[type=checkbox][disabled] + .bk-checkbox-text{
-                    color:#ccc;
-                    cursor:default;
-                }
-.bk-tree .bk-form-checkbox.bk-checkbox-small input[type=checkbox]{
-                width:14px;
-                height:14px;
-                background-position:0 -95px
+.bk-tree .bk-form-checkbox--disabled.bk-tree .bk-form-checkbox--disabled--checked ::after{
+                border-color:#fafbfd;
             }
-.bk-tree .bk-form-checkbox.bk-checkbox-small input[type=checkbox]:checked{
-                    background-position:-33px -95px
-                }
-.bk-tree .bk-form-checkbox.bk-checkbox-small input[type=checkbox]:checked[disabled]{
-                        background-position:-99px -95px;
-                        cursor:not-allowed;
-                    }
-.bk-tree .bk-form-checkbox.bk-checkbox-small input[type=checkbox][disabled]{
-                    background-position:-66px -95px;
-                    background-color:#ccc;
-                    cursor:not-allowed;
-                }
 .bk-tree > ul{
     padding-left:0
 }
@@ -11977,28 +11943,28 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
     }
 .bk-has-border-tree li:after{
         content:'';
-        left:-8px;
+        left:-10px;
         position:absolute;
         right:auto;
         border-width:1px;
         border-top:1px dashed #ded8d8;
         height:20px;
         top:16px;
-        width:16px;
+        width:12px;
     }
 .bk-has-border-tree li:last-child::before{
         height:26px;
     }
 .bk-has-border-tree li.leaf:after{
         content:'';
-        left:-7px;
+        left:-10px;
         position:absolute;
         right:auto;
         border-width:1px;
         border-top:1px dashed #ded8d8;
         height:20px;
         top:15px;
-        width:20px;
+        width:24px;
     }
 .bk-has-border-tree li.single:before{
         top:-10px;
@@ -13020,7 +12986,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         resize:none;
         -webkit-transition:border 0.2s linear;
         transition:border 0.2s linear;
-        overflow:auto;
+        overflow:hidden;
         color:#63656e;
         -ms-flex-wrap:wrap;
             flex-wrap:wrap
@@ -13029,6 +12995,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             border-color:#3c96ff !important;
             background:#fff !important;
             color:#3c96ff;
+            overflow:auto;
         }
 .search-select-wrap .bk-search-select .search-prefix{
             -webkit-box-flex:0;
@@ -13080,6 +13047,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 border-radius:2px;
                 line-height:22px
             }
+.search-select-wrap .bk-search-select .search-input-chip.hidden-chip{
+                    visibility:hidden
+                }
 .search-select-wrap .bk-search-select .search-input-chip:hover{
                     background:#dcdee5;
                 }
@@ -13829,6 +13799,9 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         font-size:14px;
         color:#63656e;
     }
+.bk-big-tree--small .bk-big-tree-node .node-content{
+            font-size:12px;
+        }
 .bk-big-tree-node{
     position:relative;
     height:32px;
@@ -15698,3 +15671,6 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         font-size:14px;
         color:#979ba5;
     }
+.bk-back-to-top:hover .bk-icon{
+            color:#3a84ff;
+        }