bkui-vue 0.0.1-beta.132 → 0.0.1-beta.135

package/lib/table/table.css

@@ -925,6 +925,7 @@
 .bk-table .bk-table-body table th,
 .bk-table .bk-table-head table td,
 .bk-table .bk-table-body table td {
+  height: var(--row-height);
   min-width: 80px;
   clear: both;
 }
@@ -932,11 +933,9 @@
 .bk-table .bk-table-body table th .cell,
 .bk-table .bk-table-head table td .cell,
 .bk-table .bk-table-body table td .cell {
-  height: var(--row-height);
   padding: 0 15px;
   overflow: hidden;
   font-size: 12px;
-  line-height: var(--row-height);
   color: #575961;
   text-align: left;
   text-overflow: ellipsis;
@@ -992,6 +991,7 @@
 .bk-table .bk-table-body table thead th .cell {
   display: flex;
   align-items: center;
+  height: calc(var(--row-height) - 1px);
 }
 .bk-table .bk-table-head table thead th.active,
 .bk-table .bk-table-body table thead th.active,
@@ -1026,19 +1026,25 @@
   position: absolute;
   top: 0;
   right: 1px;
-  bottom: 1px;
+  bottom: 0px;
   display: block;
   display: flex;
   width: calc(var(--row-height));
-  font-size: 18px;
+  font-size: 14px;
   cursor: pointer;
-  background: #f0f1f5;
+  background: #fafbfd;
   border-right: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-radius: 0px 2px 0px 0px;
   justify-content: center;
   align-items: center;
 }
+.bk-table .bk-table-head .table-head-settings > span {
+  display: flex;
+  width: 1rem;
+  height: 1rem;
+}
 .bk-table .bk-table-footer {
   line-height: 40px;
   border-top: 1px solid #dcdee5;
@@ -1047,14 +1053,14 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
-.bk-table.bordered-row td .cell,
-.bk-table.bordered-row th .cell {
+.bk-table.bordered-row td,
+.bk-table.bordered-row th {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row.has-footer {
   border-bottom: none;
 }
-.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td .cell {
+.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td {
   border-bottom: none;
 }
 .bk-table.bordered-outer {
@@ -1073,11 +1079,8 @@
 .bk-table.bordered-none td {
   border-top: none;
   border-right: none;
-  border-left: none;
-}
-.bk-table.bordered-none th .cell,
-.bk-table.bordered-none td .cell {
   border-bottom: none;
+  border-left: none;
 }
 .bk-table .bk-table-fixed {
   position: absolute;

package/lib/table/table.less

@@ -58,15 +58,15 @@
       
       th,
       td {
+        height: var(--row-height);
         min-width: 80px;
         clear: both;
 
         .cell {
-          height: var(--row-height);
           padding: 0 15px;
           overflow: hidden;
           font-size: 12px;
-          line-height: var(--row-height);
+          // line-height: calc(var(--row-height) - 1px);
           color: @table-body-font-color;
           text-align: left;
           text-overflow: ellipsis;
@@ -113,6 +113,7 @@
           .cell {
             display: flex;
             align-items: center;
+            height: calc(var(--row-height) - 1px);
           }
 
           &.active,
@@ -161,20 +162,26 @@
       position: absolute;
       top: 0;
       right: 1px;
-      bottom: 1px;
+      bottom: 0px;
       display: block;
-
       display: flex;
       width: calc(var(--row-height));
-      font-size: 18px;
+      font-size: 14px;
       cursor: pointer;     
       
-      background: #f0f1f5;
-      border-right: 1px solid #dcdee5;
-      border-left: 1px solid #dcdee5;
+      background: @table-head-bg-color;
+      border-right: 1px solid @table-border-color;
+      border-bottom: 1px solid @table-border-color;
+      border-left: 1px solid @table-border-color;
       border-radius: 0px 2px 0px 0px;
       justify-content: center;
       align-items: center;
+
+      > span {
+        display: flex;
+        width: 1rem;
+        height: 1rem;
+      }
     }
   }
 
@@ -191,9 +198,7 @@
   &.bordered-row {
     td,
     th { 
-      .cell {
-        border-bottom: 1px solid @table-border-color;
-      }
+      border-bottom: 1px solid @table-border-color;
     }
 
     &.has-footer {
@@ -203,9 +208,7 @@
         tr {
           &:last-child {
             td {
-              .cell {
-                border-bottom: none;
-              }
+              border-bottom: none;
             }
           }
         }
@@ -235,11 +238,8 @@
     td {
       border-top: none;
       border-right: none;
+      border-bottom: none;
       border-left: none;
-
-      .cell {
-        border-bottom: none;
-      }
     }
   }
 

package/lib/table/table.variable.css

@@ -1027,6 +1027,7 @@
 .bk-table .bk-table-body table th,
 .bk-table .bk-table-head table td,
 .bk-table .bk-table-body table td {
+  height: var(--row-height);
   min-width: 80px;
   clear: both;
 }
@@ -1034,11 +1035,9 @@
 .bk-table .bk-table-body table th .cell,
 .bk-table .bk-table-head table td .cell,
 .bk-table .bk-table-body table td .cell {
-  height: var(--row-height);
   padding: 0 15px;
   overflow: hidden;
   font-size: 12px;
-  line-height: var(--row-height);
   color: #575961;
   text-align: left;
   text-overflow: ellipsis;
@@ -1094,6 +1093,7 @@
 .bk-table .bk-table-body table thead th .cell {
   display: flex;
   align-items: center;
+  height: calc(var(--row-height) - 1px);
 }
 .bk-table .bk-table-head table thead th.active,
 .bk-table .bk-table-body table thead th.active,
@@ -1128,19 +1128,25 @@
   position: absolute;
   top: 0;
   right: 1px;
-  bottom: 1px;
+  bottom: 0px;
   display: block;
   display: flex;
   width: calc(var(--row-height));
-  font-size: 18px;
+  font-size: 14px;
   cursor: pointer;
-  background: #f0f1f5;
+  background: #fafbfd;
   border-right: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-radius: 0px 2px 0px 0px;
   justify-content: center;
   align-items: center;
 }
+.bk-table .bk-table-head .table-head-settings > span {
+  display: flex;
+  width: 1rem;
+  height: 1rem;
+}
 .bk-table .bk-table-footer {
   line-height: 40px;
   border-top: 1px solid #dcdee5;
@@ -1149,14 +1155,14 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
-.bk-table.bordered-row td .cell,
-.bk-table.bordered-row th .cell {
+.bk-table.bordered-row td,
+.bk-table.bordered-row th {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row.has-footer {
   border-bottom: none;
 }
-.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td .cell {
+.bk-table.bordered-row.has-footer.has-scroll-y tr:last-child td {
   border-bottom: none;
 }
 .bk-table.bordered-outer {
@@ -1175,11 +1181,8 @@
 .bk-table.bordered-none td {
   border-top: none;
   border-right: none;
-  border-left: none;
-}
-.bk-table.bordered-none th .cell,
-.bk-table.bordered-none td .cell {
   border-bottom: none;
+  border-left: none;
 }
 .bk-table .bk-table-fixed {
   position: absolute;

package/lib/tag/index.d.ts

@@ -225,89 +225,5 @@ declare const BkTag: {
     radius: string;
     checked: boolean;
     checkable: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & {
-    C: import("vue").DefineComponent<{
-        theme: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        closable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        type: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        checked: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        radius: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-    }, {
-        wrapperCls: import("vue").ComputedRef<string>;
-        wrapperStyle: import("vue").ComputedRef<{
-            borderRadius: string;
-        }>;
-        handleClose: (e: Event) => void;
-        handleClick: (e: Event) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        closable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        type: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        checked: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        radius: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        onClose?: (...args: any[]) => any;
-    }, {
-        type: string;
-        theme: string;
-        extCls: string;
-        closable: boolean;
-        radius: string;
-        checked: boolean;
-        checkable: boolean;
-    }>;
-};
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkTag;