bkui-vue 2.0.1-beta.15 → 2.0.1-beta.15.table.1

package/lib/table/table.d.ts

@@ -1,10 +1,9 @@
-import { Column } from './props';
 declare const _default: import("vue").DefineComponent<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
-    columns: import("vue-types").VueTypeDef<Column[]> & {
-        default: () => Column[];
+    columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
+        default: () => import("./props").Column[];
     };
     activeColumn: import("vue-types").VueTypeDef<number | number[]>;
     columnPick: import("vue-types").VueTypeDef<"disabled" | "single" | "multi"> & {
@@ -162,95 +161,17 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    columnPick: (_cols: import("./props").IColumnActive[]) => boolean;
-    columnFilter: (_args: {
-        checked: string[];
-        column: Column;
-        index: number;
-    }) => boolean;
-    columnSort: (_args: {
-        column: Column;
-        index: number;
-        type: import("./const").SORT_OPTION;
-    }) => boolean;
-    colFilterSave: (_args: {
-        column: Column;
-        values: any[];
-    }) => boolean;
-    rowClick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
-    rowDblclick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
-    rowExpand: (_args: {
-        row: any;
-        column: Column;
-        index: number;
-        rows: any[];
-        e: MouseEvent;
-    }) => boolean;
-    select: (_args: {
-        row: any;
-        index: number;
-        checked: string;
-        data: any[];
-    }) => boolean;
-    selectAll: (_args: {
-        checked: string;
-        data: any[];
-    }) => boolean;
-    selectionChange: (_args: {
-        row: any;
-        index: number;
-        checked: string;
-        data: any[];
-        isAll: boolean;
-    }) => boolean;
-    pageLimitChange: (_arg: number) => boolean;
-    pageValueChange: (_arg: number) => boolean;
-    settingChange: (_args: {
-        checked: string[];
-        size: string;
-        height: number;
-        fields: Record<string, any>[];
-    }) => boolean;
-    scrollBottom: (_args: {
-        translateX: number;
-        translateY: number;
-        scrollTop: number;
-        scrollLeft: number;
-        bottom: number;
-    }) => boolean;
-    cellClick: (_args: {
-        event: MouseEvent;
-        row: any;
-        column: Column;
-        cell: {
-            getValue: () => string;
-        };
-        rowIndex: number;
-        columnIndex: number;
-    }) => boolean;
-    cellDblclick: (_args: {
-        event: MouseEvent;
-        row: any;
-        column: Column;
-        cell: {
-            getValue: () => string;
-        };
-        rowIndex: number;
-        columnIndex: number;
-    }) => boolean;
-    rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
-    rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
-    dragend: (_args: {
-        sourceEvent: DragEvent;
-        data: any[];
-    }) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scrollbar: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, (...args: any[]) => boolean>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
-    columns: import("vue-types").VueTypeDef<Column[]> & {
-        default: () => Column[];
+    columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
+        default: () => import("./props").Column[];
     };
     activeColumn: import("vue-types").VueTypeDef<number | number[]>;
     columnPick: import("vue-types").VueTypeDef<"disabled" | "single" | "multi"> & {
@@ -408,94 +329,17 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}>> & {
-    onDragend?: (_args: {
-        sourceEvent: DragEvent;
-        data: any[];
-    }) => any;
-    onSelect?: (_args: {
-        row: any;
-        index: number;
-        checked: string;
-        data: any[];
-    }) => any;
-    onCellClick?: (_args: {
-        event: MouseEvent;
-        row: any;
-        column: Column;
-        cell: {
-            getValue: () => string;
-        };
-        rowIndex: number;
-        columnIndex: number;
-    }) => any;
-    onCellDblclick?: (_args: {
-        event: MouseEvent;
-        row: any;
-        column: Column;
-        cell: {
-            getValue: () => string;
-        };
-        rowIndex: number;
-        columnIndex: number;
-    }) => any;
-    onColumnFilter?: (_args: {
-        checked: string[];
-        column: Column;
-        index: number;
-    }) => any;
-    onColFilterSave?: (_args: {
-        column: Column;
-        values: any[];
-    }) => any;
-    onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
-    onColumnSort?: (_args: {
-        column: Column;
-        index: number;
-        type: import("./const").SORT_OPTION;
-    }) => any;
-    onPageLimitChange?: (_arg: number) => any;
-    onPageValueChange?: (_arg: number) => any;
-    onRowClick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
-    onRowDblclick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
-    onRowExpand?: (_args: {
-        row: any;
-        column: Column;
-        index: number;
-        rows: any[];
-        e: MouseEvent;
-    }) => any;
-    onRowMouseEnter?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
-    onRowMouseLeave?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
-    onSelectAll?: (_args: {
-        checked: string;
-        data: any[];
-    }) => any;
-    onSelectionChange?: (_args: {
-        row: any;
-        index: number;
-        checked: string;
-        data: any[];
-        isAll: boolean;
-    }) => any;
-    onScrollBottom?: (_args: {
-        translateX: number;
-        translateY: number;
-        scrollTop: number;
-        scrollLeft: number;
-        bottom: number;
-    }) => any;
-    onSettingChange?: (_args: {
-        checked: string[];
-        size: string;
-        height: number;
-        fields: Record<string, any>[];
-    }) => any;
-}, {
+    scrollbar: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, {
     data: any[];
     thead: import("./props").Thead;
     height: string | number;
     maxHeight: string | number;
+    scrollbar: boolean;
     border: string | ("col" | "none" | "row" | "horizontal" | "outer")[];
     pagination: boolean | {
         [key: string]: any;
@@ -510,7 +354,7 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: any;
     };
     columnPick: "disabled" | "single" | "multi";
-    columns: Column[];
+    columns: import("./props").Column[];
     stripe: boolean;
     rowHeight: import("./props").RowHeightFunctionNumber;
     showHead: boolean;

package/lib/table/table.less

@@ -13,7 +13,7 @@
 .@{bk-prefix}-table {
   position: relative;
   width: 100%;
-  height: auto;
+  height: 100%;
   overflow: hidden;
 
   &-flex {
@@ -35,7 +35,7 @@
   .@{bk-prefix}-table-body {
     position: relative;
     overflow: hidden;
-    border-bottom: 1px solid @table-border-color;
+    // border-bottom: 1px solid @table-border-color;
 
     .prepend-row {
       transform: translateX(var(--prepend-left));
@@ -287,6 +287,7 @@
               td {
                 &:not(.empty-cell) {
                   background: @table-row-hover-bg-color;
+                  border-right: @table-row-hover-bg-color;
                 }
               }
             }
@@ -448,34 +449,29 @@
     position: absolute;
     top: 0;
     right: 0;
-    bottom: var(--footer-height);
+    bottom: 0;
     left: 0;
     pointer-events: none;
 
-    .column_fixed {
-      position: absolute;
-      z-index: 2;
-
-      &.column_fixed_left {
-        top: 0;
-        left: 0;
-
-        &.shadow {
-          box-shadow: 0 0 10px rgb(0 0 0 / 12%);
-        }
+    &.shadow-left {
+      .column_fixed_left {
+        box-shadow: 0 0 10px rgb(0 0 0 / 12%);
       }
+    }
 
-      &.column_fixed_right {
-        top: 0;
-        right: 0;
-
-
-        &.shadow {
-          box-shadow: 0 0 10px rgb(0 0 0 / 12%);
-        }
+    &.shadow-right {
+      .column_fixed_right {
+        box-shadow: 0 0 10px rgb(0 0 0 / 12%);
       }
     }
 
+    .column_fixed {
+      position: absolute;
+      z-index: 2;
+      bottom: 0;
+      top: 0;
+    }
+
     .scroll-loading {
       &._bottom {
         position: absolute;
@@ -489,6 +485,12 @@
     }
   }
 
+  .@{bk-prefix}-table-fixed-bottom {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
   colgroup {
     col {
       background: @table-bg-color;