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

package/lib/scrollbar/scrollbar-core/index.d.ts

@@ -1,3 +1,4 @@
+import { Cancellable } from '../../shared';
 import * as helpers from './helpers';
 interface DebouncedFunc<T extends (...args: any[]) => any> {
     /**
@@ -160,7 +161,7 @@ export default class BkScrollbarCore {
      * 模拟滚动条内部缩略滚动器滚动位置缓存器
      */
     wrapperScrollMap: {};
-    onMouseMove: (() => void) | DebouncedFunc<any>;
+    onMouseMove: (() => void) | Cancellable<any>;
     onWindowResize: (() => void) | DebouncedFunc<any>;
     onStopScrolling: (() => void) | DebouncedFunc<any>;
     onMouseEntered: (() => void) | DebouncedFunc<any>;

package/lib/shared/frame-throttle.d.ts

@@ -0,0 +1,15 @@
+export type Cancellable<T extends (...args: any[]) => void> = {
+    (...args: Parameters<T>): void;
+    /**
+     * Cancel the next scheduled invocation of the callback.
+     */
+    cancel(): void;
+};
+/**
+ * Returns a throttled function which runs once per rendered frame using
+ * requestAnimationFrame. If window.requestAnimationFrame does not exist,
+ * the behavior will be approximated using setTimeout.
+ *
+ * @param callback the function to be throttled
+ */
+export declare const throttle: <T extends (...args: any[]) => void>(callback: T) => Cancellable<T>;

package/lib/shared/index.d.ts

@@ -34,6 +34,7 @@ export * from './token';
 export * from './utils';
 export * from './vue-types';
 export * from './z-index-manager';
+export * from './frame-throttle';
 export declare function classes(dynamicCls: object, constCls?: string): string;
 export declare const EMPTY_OBJ: any;
 export declare const noop: () => void;

package/lib/shared/index.js

@@ -107,6 +107,7 @@ __webpack_require__.d(__webpack_exports__, {
   scrollTop: () => (/* reexport */ scrollTop),
   scrollbarWidth: () => (/* reexport */ scrollbarWidth),
   stringEnum: () => (/* reexport */ stringEnum),
+  throttle: () => (/* reexport */ throttle),
   triggerType: () => (/* reexport */ triggerType),
   useForm: () => (/* reexport */ useForm),
   useFormItem: () => (/* reexport */ useFormItem),
@@ -1867,6 +1868,74 @@ var BKZIndexManager = /*#__PURE__*/function () {
   return BKZIndexManager;
 }();
 var bkZIndexManager = new BKZIndexManager();
+;// CONCATENATED MODULE: ../../packages/shared/src/frame-throttle.ts
+var wrapperFactory = function wrapperFactory() {
+  var state = {
+    cancelToken: 0
+  };
+  var resetCancelToken = function resetCancelToken() {
+    state.cancelToken = 0;
+  };
+  var wrapper = function wrapper(cbThis, cb) {
+    state.callbackThis = cbThis;
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    state.args = args;
+    if (state.cancelToken) {
+      return;
+    }
+    if ('requestAnimationFrame' in window) {
+      state.cancelToken = window.requestAnimationFrame(function () {
+        cb.apply(state.callbackThis, state.args);
+        resetCancelToken();
+      });
+    } else {
+      cb.apply(state.callbackThis, state.args);
+      state.cancelToken = window.setTimeout(resetCancelToken, 1000 / 60); // 60 fps
+    }
+  };
+  wrapper.cancel = function () {
+    if ('requestAnimationFrame' in window) {
+      window.cancelAnimationFrame(state.cancelToken);
+    }
+    window.clearTimeout(state.cancelToken);
+    resetCancelToken();
+  };
+  return wrapper;
+};
+var throttleFactory = function throttleFactory(callback, thisArg) {
+  for (var _len2 = arguments.length, argArray = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+    argArray[_key2 - 2] = arguments[_key2];
+  }
+  var wrapper = wrapperFactory();
+  var argCount = arguments.length;
+  var throttledCallback = function throttledCallback() {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    // @ts-ignore
+    wrapper.apply(void 0, [argCount > 1 ? thisArg : this, callback].concat(argArray, args));
+  };
+  throttledCallback.cancel = function () {
+    return wrapper.cancel();
+  };
+  return throttledCallback;
+};
+/**
+ * Returns a throttled function which runs once per rendered frame using
+ * requestAnimationFrame. If window.requestAnimationFrame does not exist,
+ * the behavior will be approximated using setTimeout.
+ *
+ * @param callback the function to be throttled
+ */
+var throttle = function throttle(callback) {
+  var throttledCallback = throttleFactory(callback);
+  // Override `bind()` to create a new throttled callback, otherwise both
+  // the unbound and bound callbacks will have the same scope.
+  throttledCallback.bind = throttleFactory.bind(null, callback);
+  return throttledCallback;
+};
 ;// CONCATENATED MODULE: ../../packages/shared/src/index.ts
 
 
@@ -1878,6 +1947,7 @@ var bkZIndexManager = new BKZIndexManager();
 
 
 
+
 function classes(dynamicCls) {
   var constCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   return Object.entries(dynamicCls).filter(function (entry) {
@@ -2078,10 +2148,11 @@ var __webpack_exports__resolveClassName = __webpack_exports__.resolveClassName;
 var __webpack_exports__scrollTop = __webpack_exports__.scrollTop;
 var __webpack_exports__scrollbarWidth = __webpack_exports__.scrollbarWidth;
 var __webpack_exports__stringEnum = __webpack_exports__.stringEnum;
+var __webpack_exports__throttle = __webpack_exports__.throttle;
 var __webpack_exports__triggerType = __webpack_exports__.triggerType;
 var __webpack_exports__useForm = __webpack_exports__.useForm;
 var __webpack_exports__useFormItem = __webpack_exports__.useFormItem;
 var __webpack_exports__valueOrDefault = __webpack_exports__.valueOrDefault;
 var __webpack_exports__withInstall = __webpack_exports__.withInstall;
 var __webpack_exports__withInstallProps = __webpack_exports__.withInstallProps;
-export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TimelineNodeTypeEnum as TimelineNodeTypeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
+export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TimelineNodeTypeEnum as TimelineNodeTypeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__throttle as throttle, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };

package/lib/steps/index.d.ts

@@ -92,9 +92,9 @@ declare const BkSteps: {
         steps: unknown[];
         direction: "horizontal" | "vertical";
         lineType: "dashed" | "solid";
+        status: "" | "error" | "loading";
         beforeChange: (...args: any[]) => any;
         controllable: boolean;
-        status: "" | "error" | "loading";
         curStep: number;
     }, true, {}, {}, {
         P: {};
@@ -155,9 +155,9 @@ declare const BkSteps: {
         steps: unknown[];
         direction: "horizontal" | "vertical";
         lineType: "dashed" | "solid";
+        status: "" | "error" | "loading";
         beforeChange: (...args: any[]) => any;
         controllable: boolean;
-        status: "" | "error" | "loading";
         curStep: number;
     }>;
     __isFragment?: never;
@@ -215,9 +215,9 @@ declare const BkSteps: {
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";
+    status: "" | "error" | "loading";
     beforeChange: (...args: any[]) => any;
     controllable: boolean;
-    status: "" | "error" | "loading";
     curStep: number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkSteps;

package/lib/steps/steps.d.ts

@@ -154,9 +154,9 @@ declare const _default: import("vue").DefineComponent<{
     steps: unknown[];
     direction: "horizontal" | "vertical";
     lineType: "dashed" | "solid";
+    status: "" | "error" | "loading";
     beforeChange: (...args: any[]) => any;
     controllable: boolean;
-    status: "" | "error" | "loading";
     curStep: number;
 }, {}>;
 export default _default;

package/lib/table/index.js

@@ -4,7 +4,6 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__ from "lodash/isElement";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__ from "lodash/get";
@@ -17321,7 +17320,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.hasOverflowEllipsis, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.hasOverflowEllipsis, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement, ["throttle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.throttle, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -18086,10 +18085,6 @@ var CELL_EVENT_TYPES = defineProperty_defineProperty(defineProperty_defineProper
 var isElement_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var isElement_y = x => () => x
 const isElement_namespaceObject = isElement_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isElement_e6b2a6ce__["default"] });
-;// CONCATENATED MODULE: external "lodash/throttle"
-var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var throttle_y = x => () => x
-const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
 ;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-column-resize.tsx
 
 /*
@@ -18165,14 +18160,14 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
     dragColumn = null;
   };
   var updateOffsetX = function updateOffsetX(e) {
-    return (0,throttle_namespaceObject["default"])(function () {
+    return (0,shared_namespaceObject.throttle)(function () {
       var diff = e.clientX - startX;
       var resolveWidth = getColumnOrderWidth(dragColumn, ORDER_LIST) + diff;
       var minWidth = getColumnOrderWidth(dragColumn, [COLUMN_ATTRIBUTE.COL_MIN_WIDTH]);
       if (minWidth < resolveWidth) {
         dragOffsetX.value = e.clientX - startX + dragStartOffsetX;
       }
-    }, 60);
+    });
   };
   var handleMouseMove = function handleMouseMove(e) {
     stopDefaultEvent(e);
@@ -19631,7 +19626,7 @@ var observerResize = function observerResize(root, callbackFn) {
       callbackFn();
     }
   };
-  var execFn = resizerWay === 'debounce' ? (0,debounce_namespaceObject["default"])(resolveCallbackFn, delay) : (0,throttle_namespaceObject["default"])(resolveCallbackFn, delay);
+  var execFn = resizerWay === 'debounce' ? (0,debounce_namespaceObject["default"])(resolveCallbackFn, delay) : (0,shared_namespaceObject.throttle)(resolveCallbackFn);
   var callFn = function callFn() {
     return Reflect.apply(execFn, _this, []);
   };
@@ -20926,6 +20921,12 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       transform: "translate3d(".concat(translateX.value, "px, ").concat(translateY.value, "px, 0)")
     };
   });
+  var fixedBottomLoadingStyle = (0,external_vue_namespaceObject.computed)(function () {
+    return {
+      transform: "translate3d(".concat(translateX.value, "px, ").concat(translateY.value, "px, 0)"),
+      minHeight: "".concat(lineHeight.value, "px")
+    };
+  });
   (0,external_vue_namespaceObject.onMounted)(function () {
     setOffsetRight();
   });
@@ -20959,8 +20960,10 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
         }, null), (0,external_vue_namespaceObject.createVNode)("div", {
           "style": fixedWrapperStyle.value,
           "class": fixedWrapperClass.value
-        }, [fixedRows === null || fixedRows === void 0 ? void 0 : fixedRows()]), (0,external_vue_namespaceObject.createVNode)("div", null, [(_ctx$slots$appendBott = (_ctx$slots2 = ctx.slots).appendBottom) === null || _ctx$slots$appendBott === void 0 ? void 0 : _ctx$slots$appendBott.call(_ctx$slots2)]), (0,external_vue_namespaceObject.createVNode)("div", {
-          "style": fixedWrapperStyle.value,
+        }, [fixedRows === null || fixedRows === void 0 ? void 0 : fixedRows()]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": fixedBottomRow
+        }, [(_ctx$slots$appendBott = (_ctx$slots2 = ctx.slots).appendBottom) === null || _ctx$slots$appendBott === void 0 ? void 0 : _ctx$slots$appendBott.call(_ctx$slots2)]), (0,external_vue_namespaceObject.createVNode)("div", {
+          "style": fixedBottomLoadingStyle.value,
           "class": fixedBottomRow
         }, [loadingRow === null || loadingRow === void 0 ? void 0 : loadingRow()])];
       }

package/lib/table/table.css

@@ -1208,6 +1208,8 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
+  border-collapse: separate;
+  border-spacing: 0;
 }
 .bk-table-flex {
   display: flex;
@@ -1360,18 +1362,6 @@
   position: sticky;
   z-index: 1;
 }
-.bk-table .bk-table-head table th.column_fixed.column_fixed_left,
-.bk-table .bk-table-body table th.column_fixed.column_fixed_left,
-.bk-table .bk-table-head table td.column_fixed.column_fixed_left,
-.bk-table .bk-table-body table td.column_fixed.column_fixed_left {
-  left: 0;
-}
-.bk-table .bk-table-head table th.column_fixed.column_fixed_right,
-.bk-table .bk-table-body table th.column_fixed.column_fixed_right,
-.bk-table .bk-table-head table td.column_fixed.column_fixed_right,
-.bk-table .bk-table-body table td.column_fixed.column_fixed_right {
-  right: 0;
-}
 .bk-table .bk-table-head table th.row_expend .expand-cell-ctx,
 .bk-table .bk-table-body table th.row_expend .expand-cell-ctx,
 .bk-table .bk-table-head table td.row_expend .expand-cell-ctx,
@@ -1428,6 +1418,16 @@
   content: '';
   transform: translateX(50%);
 }
+.bk-table .bk-table-head table thead th.column_fixed::after,
+.bk-table .bk-table-body table thead th.column_fixed::after {
+  position: absolute;
+  content: '';
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background-color: var(--table-head-bg-color);
+}
 .bk-table .bk-table-head table thead th .cell,
 .bk-table .bk-table-body table thead th .cell {
   display: flex;
@@ -1442,6 +1442,12 @@
   cursor: pointer;
   background: var(--table-row-active-bg-color);
 }
+.bk-table .bk-table-head table thead th.active.column_fixed::after,
+.bk-table .bk-table-body table thead th.active.column_fixed::after,
+.bk-table .bk-table-head table thead th:hover.column_fixed::after,
+.bk-table .bk-table-body table thead th:hover.column_fixed::after {
+  background-color: var(--table-row-hover-bg-color);
+}
 .bk-table .bk-table-head table thead th.column_fixed,
 .bk-table .bk-table-body table thead th.column_fixed {
   transform: translateX(var(--scroll-left));
@@ -1449,9 +1455,9 @@
 .bk-table .bk-table-head table tbody tr td,
 .bk-table .bk-table-body table tbody tr td {
   background-color: #fff;
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-  border-right: 1px solid transparent;
+  border-top: 1px solid var(--table-bg-color);
+  border-bottom: 1px solid var(--table-bg-color);
+  border-right: 1px solid var(--table-bg-color);
   box-sizing: border-box;
 }
 .bk-table .bk-table-head table tbody tr td.empty-cell,
@@ -1470,10 +1476,24 @@
   text-align: center;
   cursor: move;
 }
+.bk-table .bk-table-head table tbody tr td.column_fixed::after,
+.bk-table .bk-table-body table tbody tr td.column_fixed::after {
+  position: absolute;
+  content: '';
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background-color: var(--table-bg-color);
+}
 .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
   background: var(--table-row-hover-bg-color);
-  border-right: var(--table-row-hover-bg-color);
+  border-right-color: var(--table-row-hover-bg-color);
+}
+.bk-table .bk-table-head table tbody tr:hover.hover-highlight td.column_fixed::after,
+.bk-table .bk-table-body table tbody tr:hover.hover-highlight td.column_fixed::after {
+  background-color: var(--table-row-hover-bg-color);
 }
 .bk-table .bk-table-head table tbody tr.--drag-start td,
 .bk-table .bk-table-body table tbody tr.--drag-start td {
@@ -1556,23 +1576,26 @@
 .bk-table.bordered-col th {
   border-right: 1px solid var(--table-border-color);
 }
+.bk-table.bordered-col th.column_fixed::after {
+  border-left: solid 1px var(--table-border-color);
+}
 .bk-table.bordered-col th:last-child {
   border-right: none;
 }
 .bk-table.bordered-col .bk-table-body tbody tr td {
   border-right-color: var(--table-border-color);
 }
-.bk-table.bordered-col .bk-table-body tbody tr td:last-child {
-  border-right-color: transparent;
+.bk-table.bordered-col .bk-table-body tbody tr td.column_fixed::after {
+  border-left: solid 1px var(--table-border-color);
 }
 .bk-table th,
 .bk-table td {
-  border-right: 1px solid transparent;
+  border-right: 1px solid var(--table-bg-color);
 }
 .bk-table.bordered-none th,
 .bk-table.bordered-none td {
   border-top: none;
-  border-right: 1px solid transparent;
+  border-right: 1px solid var(--table-bg-color);
   border-bottom: none;
   border-left: none;
 }
@@ -1609,6 +1632,7 @@
   right: 0;
   bottom: 0;
   left: 0;
+  text-align: center;
 }
 .bk-table colgroup col {
   background: var(--table-bg-color);

package/lib/table/table.less

@@ -15,6 +15,8 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
+  border-collapse: separate;
+  border-spacing: 0;
 
   &-flex {
     display: flex;
@@ -94,7 +96,6 @@
         height: 100%;
         padding-bottom: 20px;
       }
-
     }
 
     table {
@@ -158,7 +159,6 @@
           }
         }
 
-
         .expand-btn-action {
           display: flex;
           padding: 0 16px;
@@ -169,14 +169,6 @@
         &.column_fixed {
           position: sticky;
           z-index: 1;
-
-          &.column_fixed_left {
-            left: 0;
-          }
-
-          &.column_fixed_right {
-            right: 0;
-          }
         }
 
         &.row_expend {
@@ -236,6 +228,18 @@
             }
           }
 
+          &.column_fixed {
+            &::after {
+              position: absolute;
+              content: '';
+              right: -2px;
+              top: 0;
+              bottom: 0;
+              width: 2px;
+              background-color: @table-head-bg-color;
+            }
+          }
+
           .cell {
             display: flex;
             align-items: center;
@@ -247,6 +251,12 @@
           &:hover {
             cursor: pointer;
             background: @table-row-active-bg-color;
+
+            &.column_fixed {
+              &::after {
+                background-color: @table-row-hover-bg-color;
+              }
+            }
           }
 
           &.column_fixed {
@@ -259,9 +269,9 @@
         tr {
           td {
             background-color: #fff;
-            border-top: 1px solid transparent;
-            border-bottom: 1px solid transparent;
-            border-right: 1px solid transparent;
+            border-top: 1px solid @table-bg-color;
+            border-bottom: 1px solid @table-bg-color;
+            border-right: 1px solid @table-bg-color;
 
             box-sizing: border-box;
 
@@ -280,6 +290,18 @@
                 cursor: move;
               }
             }
+
+            &.column_fixed {
+              &::after {
+                position: absolute;
+                content: '';
+                right: -2px;
+                top: 0;
+                bottom: 0;
+                width: 2px;
+                background-color: @table-bg-color;
+              }
+            }
           }
 
           &:hover {
@@ -287,7 +309,13 @@
               td {
                 &:not(.empty-cell) {
                   background: @table-row-hover-bg-color;
-                  border-right: @table-row-hover-bg-color;
+                  border-right-color: @table-row-hover-bg-color;
+                }
+
+                &.column_fixed {
+                  &::after {
+                    background-color: @table-row-hover-bg-color;
+                  }
                 }
               }
             }
@@ -295,7 +323,7 @@
 
           &.--drag-start {
             td {
-              background: #fff!important;
+              background: #fff !important;
             }
           }
         }
@@ -385,7 +413,6 @@
     .@{bk-prefix}-table-footer {
       border-bottom: 1px solid @table-border-color;
     }
-
   }
 
   &.bordered-horizontal {
@@ -409,6 +436,11 @@
     th {
       border-right: 1px solid @table-border-color;
 
+      &.column_fixed {
+        &::after {
+          border-left: solid 1px @table-border-color;
+        }
+      }
       &:last-child {
         border-right: none;
       }
@@ -420,26 +452,27 @@
           td {
             border-right-color: @table-border-color;
 
-            &:last-child {
-              border-right-color: transparent;
+            &.column_fixed {
+              &::after {
+                border-left: solid 1px @table-border-color;
+              }
             }
           }
         }
       }
     }
-
   }
 
   th,
   td {
-    border-right: 1px solid transparent;
+    border-right: 1px solid @table-bg-color;
   }
 
   &.bordered-none {
     th,
     td {
       border-top: none;
-      border-right: 1px solid transparent;
+      border-right: 1px solid @table-bg-color;
       border-bottom: none;
       border-left: none;
     }
@@ -490,6 +523,7 @@
     right: 0;
     bottom: 0;
     left: 0;
+    text-align: center;
   }
   colgroup {
     col {
@@ -511,4 +545,4 @@
   .stripe-row {
     background: #fafbfd;
   }
-}
+}