bkui-vue 2.0.1-beta.15.table.7 → 2.0.1-beta.15.table.8

package/lib/table/props.d.ts

@@ -229,6 +229,11 @@ export declare enum IColSortBehavior {
      */
     interdependent = "interdependent"
 }
+export type FixedBottomOption = {
+    position: 'absolute' | 'relative';
+    height: number;
+    loading?: boolean;
+};
 export declare const tableProps: {
     /**
      * 渲染列表
@@ -578,5 +583,11 @@ export declare const tableProps: {
     } & {
         default: boolean;
     };
+    /**
+     * 固定在底部的配置项
+     */
+    fixedBottom: import("vue-types").VueTypeDef<FixedBottomOption> & {
+        default: () => FixedBottomOption;
+    };
 };
 export {};

package/lib/table/table.css

@@ -1224,7 +1224,16 @@
   overflow: hidden;
 }
 .bk-table .bk-table-body .prepend-row {
-  transform: translateX(var(--prepend-left));
+  transform: translate3d(var(--translate-x), 0, 0);
+}
+.bk-table .bk-table-body .resize-column {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  background-color: #3785ff;
+  transform: translate3d(var(--drag-offset-x), var(--translate-y), 0);
 }
 .bk-table .bk-table-body-content.bk-stripe table tbody tr:nth-child(even) td {
   background-color: #fafbfd;
@@ -1588,7 +1597,6 @@
   bottom: 0;
   left: 0;
   text-align: center;
-  transform: translate3d(var(--translate-x), var(--translate-y), 0);
 }
 .bk-table colgroup col {
   background: var(--table-bg-color);

package/lib/table/table.d.ts

@@ -166,6 +166,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
+        default: () => import("./props").FixedBottomOption;
+    };
 }, () => 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[];
@@ -334,6 +337,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
+        default: () => import("./props").FixedBottomOption;
+    };
 }>>, {
     data: any[];
     thead: import("./props").Thead;
@@ -379,5 +385,6 @@ declare const _default: import("vue").DefineComponent<{
     isFlex: boolean;
     rowDraggable: any;
     shiftMultiChecked: boolean;
+    fixedBottom: import("./props").FixedBottomOption;
 }, {}>;
 export default _default;

package/lib/table/table.less

@@ -32,7 +32,17 @@
     overflow: hidden;
 
     .prepend-row {
-      transform: translateX(var(--prepend-left));
+      transform: translate3d(var(--translate-x), 0, 0);
+    }
+
+    .resize-column {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 1px;
+      background-color: #3785ff;
+      transform: translate3d(var(--drag-offset-x), var(--translate-y), 0);
     }
   }
 
@@ -56,20 +66,6 @@
     }
   }
 
-  // .@{bk-prefix}-fixed-bottom-border {
-  //   position: sticky;
-  //   bottom: 0;
-  //   left: 0;
-  //   z-index: 1;
-  //   width: 100%;
-  //   border-top: 1px solid @table-border-color;
-  //   transform: translateX(var(--scroll-head-left));
-
-  //   &._is-empty {
-  //     display: none;
-  //   }
-  // }
-
   .@{bk-prefix}-table-head,
   .@{bk-prefix}-table-body {
     background: @table-bg-color;
@@ -474,7 +470,6 @@
     bottom: 0;
     left: 0;
     text-align: center;
-    transform: translate3d(var(--translate-x), var(--translate-y), 0);
   }
   colgroup {
     col {

package/lib/table/table.variable.css

@@ -1611,7 +1611,16 @@
   overflow: hidden;
 }
 .bk-table .bk-table-body .prepend-row {
-  transform: translateX(var(--prepend-left));
+  transform: translate3d(var(--translate-x), 0, 0);
+}
+.bk-table .bk-table-body .resize-column {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 1px;
+  background-color: #3785ff;
+  transform: translate3d(var(--drag-offset-x), var(--translate-y), 0);
 }
 .bk-table .bk-table-body-content.bk-stripe table tbody tr:nth-child(even) td {
   background-color: #fafbfd;
@@ -1975,7 +1984,6 @@
   bottom: 0;
   left: 0;
   text-align: center;
-  transform: translate3d(var(--translate-x), var(--translate-y), 0);
 }
 .bk-table colgroup col {
   background: var(--table-bg-color);

package/lib/table-column/index.js

@@ -616,7 +616,16 @@ var tableProps = {
   /**
    * 启用Scrollbar
    */
-  scrollbar: shared_namespaceObject.PropTypes.bool.def(true)
+  scrollbar: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 固定在底部的配置项
+   */
+  fixedBottom: (0,external_vue_types_namespaceObject.toType)('FixedBottomOption', {
+    "default": {
+      position: 'relative',
+      height: LINE_HEIGHT
+    }
+  }).def(null)
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.15.table.7",
+  "version": "2.0.1-beta.15.table.8",
   "workspaces": [
     "packages/**",
     "scripts/cli",