bkui-vue 2.0.1-beta.25 → 2.0.1-beta.27

package/lib/date-picker/index.js

@@ -4644,7 +4644,8 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       if (visualValue !== null && visualValue !== void 0 && visualValue.value) {
         state.showClose = true;
       }
-      state.internalValue = state.tmpValue;
+      // state.internalValue = state.tmpValue;
+      // console.error('enterenterenterenterenterenterenterenter', e, state.internalValue);
     };
     var handleInputMouseleave = function handleInputMouseleave(_e) {
       // if (e.toElement?.classList.contains('clear-action')) {

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.25";
+export const version = "2.0.1-beta.27";
 window.__bkui_vue_version__ = version;

package/lib/scrollbar/index.js

@@ -1,5 +1,4 @@
 import "../styles/reset.css";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 /******/ var __webpack_modules__ = ({
 
 /***/ 6635:
@@ -17492,10 +17491,8 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const shared_namespaceObject = x({ ["throttle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.throttle });
+// EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
+var lodash = __webpack_require__(6635);
 ;// CONCATENATED MODULE: ../../packages/scrollbar/src/scrollbar-core/can-use-dom.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -17734,8 +17731,6 @@ function scrollbarWidth() {
   }
   return cachedScrollbarWidth;
 }
-// EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
-var lodash = __webpack_require__(6635);
 ;// CONCATENATED MODULE: ../../packages/scrollbar/src/scrollbar-core/index.ts
 
 
@@ -17775,7 +17770,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 
-
 var scrollbar_core_getElementWindow = getElementWindow,
   scrollbar_core_getElementDocument = getElementDocument,
   scrollbar_core_addClasses = addClasses,
@@ -18158,11 +18152,11 @@ var BkScrollbarCore = /*#__PURE__*/function () {
     if (_typeof(this.el) !== 'object' || !this.el.nodeName) {
       throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));
     }
-    this.onMouseMove = (0,shared_namespaceObject.throttle)(this.mOnMouseMove);
+    this.onMouseMove = (0,lodash.throttle)(this.mOnMouseMove, 64);
     this.onWindowResize = (0,lodash.debounce)(this.mOnWindowResize, 64);
     this.onStopScrolling = (0,lodash.debounce)(this.mOnStopScrolling, 64);
     this.onMouseEntered = (0,lodash.debounce)(this.mOnMouseEntered, 64);
-    this.mouseWheelInstance = mouse_wheel(this.mOnMouseWheel);
+    this.mouseWheelInstance = mouse_wheel((0,lodash.throttle)(this.mOnMouseWheel, 16));
     this.init();
   }
   _createClass(BkScrollbarCore, [{
@@ -18626,6 +18620,7 @@ _defineProperty(BkScrollbarCore, "defaultOptions", {
   scrollbarMinSize: 25,
   scrollbarMaxSize: 0,
   ariaLabel: 'scrollable content',
+  size: 'default',
   classNames: {
     contentEl: 'bk-content',
     wrapper: 'bk-wrapper',

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

@@ -1,4 +1,3 @@
-import { Cancellable } from '../../shared';
 import * as helpers from './helpers';
 interface DebouncedFunc<T extends (...args: any[]) => any> {
     /**
@@ -38,6 +37,7 @@ export interface Options {
     autoHide: boolean;
     useSystemScrollXBehavior?: boolean;
     useSystemScrollYBehavior?: boolean;
+    size: 'default' | 'small';
     scrollDelegate: {
         scrollHeight?: number;
         scrollWidth?: number;
@@ -47,7 +47,7 @@ export interface Options {
         y: number;
     }) => void;
 }
-export type SimpleBarOptions = Partial<Options>;
+export type BkScrollBarOptions = Partial<Options>;
 type ClassNames = {
     contentEl: string;
     offset: string;
@@ -161,7 +161,7 @@ export default class BkScrollbarCore {
      * 模拟滚动条内部缩略滚动器滚动位置缓存器
      */
     wrapperScrollMap: {};
-    onMouseMove: (() => void) | Cancellable<any>;
+    onMouseMove: (() => void) | DebouncedFunc<any>;
     onWindowResize: (() => void) | DebouncedFunc<any>;
     onStopScrolling: (() => void) | DebouncedFunc<any>;
     onMouseEntered: (() => void) | DebouncedFunc<any>;

package/lib/scrollbar/scrollbar.css

@@ -145,23 +145,41 @@
   pointer-events: none;
   overflow: hidden;
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
+  width: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
+  height: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 8px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
-  background-color: #F0F1F5;
+  background-color: #f0f1f5;
   cursor: pointer;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
-  background-color: #979BA5;
+  background-color: #979ba5;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
   top: 0;
   width: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 10px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
   left: 0;
   height: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 10px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
   right: auto;
   left: 0;
@@ -184,17 +202,18 @@
   position: absolute;
   left: 0;
   right: 0;
-  min-height: 8px;
+  top: 0;
+  bottom: 0;
 }
 .bk-scrollbar-wrapper .bk-scrollbar::before {
   position: absolute;
   content: '';
-  background: #DCDEE5;
+  background: #dcdee5;
   border-radius: 6px;
-  left: 1px;
-  right: 1px;
-  top: 1px;
-  bottom: 1px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
   opacity: 0;
   transition: opacity 0.2s 0.9s linear;
 }

package/lib/scrollbar/scrollbar.less

@@ -18,13 +18,31 @@
     pointer-events: none;
     overflow: hidden;
 
+    &.track-small {
+      &.@{bk-prefix}-scrollbar-vertical {
+        width: 6px;
+
+        &.@{bk-prefix}-scrollbar-hover {
+          width: 8px;
+        }
+      }
+
+      &.@{bk-prefix}-scrollbar-horizontal {
+        height: 6px;
+
+        &.@{bk-prefix}-scrollbar-hover {
+          height: 8px;
+        }
+      }
+    }
+
     &.@{bk-prefix}-scrollbar-hover {
-      background-color: #F0F1F5;
+      background-color: #f0f1f5;
       cursor: pointer;
 
       .@{bk-prefix}-scrollbar {
         &::before {
-          background-color: #979BA5;
+          background-color: #979ba5;
         }
       }
     }
@@ -33,6 +51,10 @@
       top: 0;
       width: 8px;
       transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+
+      &.@{bk-prefix}-scrollbar-hover {
+        width: 10px;
+      }
     }
 
     &.@{bk-prefix}-scrollbar-horizontal {
@@ -40,6 +62,10 @@
       height: 8px;
       transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 
+      &.@{bk-prefix}-scrollbar-hover {
+        height: 10px;
+      }
+
       &.@{bk-prefix}-scrollbar {
         right: auto;
         left: 0;
@@ -52,7 +78,6 @@
     }
   }
 
-
   .@{bk-prefix}-scrollbar-dragging {
     pointer-events: none;
     -webkit-touch-callout: none;
@@ -63,22 +88,22 @@
     user-select: none;
   }
 
-
   .@{bk-prefix}-scrollbar {
     position: absolute;
     left: 0;
     right: 0;
-    min-height: 8px;
+    top: 0;
+    bottom: 0;
 
     &::before {
       position: absolute;
       content: '';
-      background: #DCDEE5;
+      background: #dcdee5;
       border-radius: 6px;
-      left: 1px;
-      right: 1px;
-      top: 1px;
-      bottom: 1px;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
       opacity: 0;
       transition: opacity 0.2s 0.9s linear;
     }

package/lib/scrollbar/scrollbar.variable.css

@@ -405,23 +405,41 @@
   pointer-events: none;
   overflow: hidden;
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
+  width: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
+  height: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 8px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
-  background-color: #F0F1F5;
+  background-color: #f0f1f5;
   cursor: pointer;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
-  background-color: #979BA5;
+  background-color: #979ba5;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
   top: 0;
   width: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 10px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
   left: 0;
   height: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 10px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
   right: auto;
   left: 0;
@@ -444,17 +462,18 @@
   position: absolute;
   left: 0;
   right: 0;
-  min-height: 8px;
+  top: 0;
+  bottom: 0;
 }
 .bk-scrollbar-wrapper .bk-scrollbar::before {
   position: absolute;
   content: '';
-  background: #DCDEE5;
+  background: #dcdee5;
   border-radius: 6px;
-  left: 1px;
-  right: 1px;
-  top: 1px;
-  bottom: 1px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
   opacity: 0;
   transition: opacity 0.2s 0.9s linear;
 }

package/lib/select/index.js

@@ -3551,7 +3551,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "height": _this.virtualHeight,
         "lineHeight": _this.virtualLineHeight,
         "list": _this.filterList,
-        "preloadItemCount": _this.preloadItemCount
+        "preloadItemCount": _this.preloadItemCount,
+        "scrollbar": {
+          enabled: true,
+          size: 'small'
+        }
       }, {
         "default": function _default(_ref3) {
           var _this$$slots10, _this$$slots11;

package/lib/table/index.js

@@ -17324,6 +17324,8 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
 const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isRef, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+// EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
+var lodash = __webpack_require__(6635);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function typeof_typeof(o) {
   "@babel/helpers - typeof";
@@ -17912,8 +17914,6 @@ var tableProps = {
     }
   }).def(null)
 };
-// EXTERNAL MODULE: ../../node_modules/lodash/lodash.js
-var lodash = __webpack_require__(6635);
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 /*
  * Tencent is pleased to support the open source community by making
@@ -17971,12 +17971,13 @@ var TableColumnProp = {
   setup: function setup(props, _ref) {
     var slots = _ref.slots;
     var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
+    var lastPropsVal = {};
     (0,external_vue_namespaceObject.watch)(function () {
       return [props];
-    }, function (oldVal, newVal) {
-      var _newVal$;
-      if (!(0,lodash.isEqual)((0,external_vue_namespaceObject.toRaw)(oldVal === null || oldVal === void 0 ? void 0 : oldVal[0]), (0,external_vue_namespaceObject.toRaw)((_newVal$ = newVal === null || newVal === void 0 ? void 0 : newVal[0]) !== null && _newVal$ !== void 0 ? _newVal$ : {}))) {
+    }, function () {
+      if (!(0,lodash.isEqual)(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props))) {
         initTableColumns();
+        Object.assign(lastPropsVal, (0,external_vue_namespaceObject.toRaw)(props));
       }
     }, {
       immediate: true,
@@ -18422,7 +18423,7 @@ function v4(options, buf, offset) {
     return columnCache.get(ctx);
   };
   var resolveChildNode = function resolveChildNode(node) {
-    var _node$type, _node$type2;
+    var _node$type, _node$type2, _node$component;
     if (!node || ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'Table') {
       return;
     }
@@ -18443,24 +18444,28 @@ function v4(options, buf, offset) {
       }
       return;
     }
+    if (node !== null && node !== void 0 && (_node$component = node.component) !== null && _node$component !== void 0 && _node$component.subTree) {
+      var _node$component2;
+      resolveChildNode(node === null || node === void 0 || (_node$component2 = node.component) === null || _node$component2 === void 0 ? void 0 : _node$component2.subTree);
+      return;
+    }
+    if (typeof node === 'function') {
+      return node();
+    }
     if (Array.isArray(node)) {
       node.forEach(resolveChildNode);
+      return;
     }
     if (Array.isArray(node === null || node === void 0 ? void 0 : node.children)) {
       node.children.forEach(resolveChildNode);
+      return;
     }
     if ((0,external_vue_namespaceObject.isVNode)(node) && node !== null && node !== void 0 && node.children && typeof_typeof(node === null || node === void 0 ? void 0 : node.children) === 'object') {
       Object.keys(node.children).forEach(function (key) {
         return resolveChildNode(node.children[key]);
       });
+      return;
     }
-    if (typeof node === 'function') {
-      return node();
-    }
-    // if (Array.isArray(node?.subTree)) {
-    //   node.subTree.forEach(resolveChildNode);
-    // }
-    return;
   };
   var resolveColumns = function resolveColumns(children) {
     columns.length = 0;
@@ -18470,8 +18475,14 @@ function v4(options, buf, offset) {
       return ((_node$type3 = node.type) === null || _node$type3 === void 0 ? void 0 : _node$type3.name) === 'GhostBody';
     });
     if (ghostBody) {
-      var _ghostBody$children$d, _ghostBody$children, _ghostBody$children$d2;
-      ((_ghostBody$children$d = (_ghostBody$children = ghostBody.children) === null || _ghostBody$children === void 0 || (_ghostBody$children$d2 = _ghostBody$children["default"]) === null || _ghostBody$children$d2 === void 0 ? void 0 : _ghostBody$children$d2.call(_ghostBody$children)) !== null && _ghostBody$children$d !== void 0 ? _ghostBody$children$d : []).forEach(resolveChildNode);
+      var _ghostBody$component;
+      if ((_ghostBody$component = ghostBody.component) !== null && _ghostBody$component !== void 0 && _ghostBody$component.subTree) {
+        var _ghostBody$component2;
+        resolveChildNode((_ghostBody$component2 = ghostBody.component) === null || _ghostBody$component2 === void 0 ? void 0 : _ghostBody$component2.subTree);
+      } else {
+        var _ghostBody$children$d, _ghostBody$children, _ghostBody$children$d2;
+        ((_ghostBody$children$d = (_ghostBody$children = ghostBody.children) === null || _ghostBody$children === void 0 || (_ghostBody$children$d2 = _ghostBody$children["default"]) === null || _ghostBody$children$d2 === void 0 ? void 0 : _ghostBody$children$d2.call(_ghostBody$children)) !== null && _ghostBody$children$d !== void 0 ? _ghostBody$children$d : []).forEach(resolveChildNode);
+      }
     }
     columns.sort(function (col1, col2) {
       return col1.index - col2.index;
@@ -20785,6 +20796,51 @@ const virtual_render_namespaceObject = virtual_render_x({ ["default"]: () => __W
 var virtual_render_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var virtual_render_less_y = x => () => x
 const virtual_render_less_namespaceObject = virtual_render_less_x({  });
+;// CONCATENATED MODULE: ../../packages/table/src/components/ghost-body.tsx
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* harmony default export */ const ghost_body = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'GhostBody',
+  setup: function setup(_, ctx) {
+    var columnGhostStyle = {
+      zIndex: -1,
+      width: 0,
+      height: 0,
+      display: 'none'
+    };
+    return function () {
+      var _ctx$slots$default, _ctx$slots;
+      return (0,external_vue_namespaceObject.createVNode)("div", {
+        "style": columnGhostStyle
+      }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)]);
+    };
+  }
+}));
 ;// CONCATENATED MODULE: external "../loading"
 var loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var loading_y = x => () => x
@@ -20869,51 +20925,6 @@ const loading_less_namespaceObject = loading_less_x({  });
     renderScrollLoading: renderScrollLoading
   };
 });
-;// CONCATENATED MODULE: ../../packages/table/src/components/ghost-body.tsx
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-/* harmony default export */ const ghost_body = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'GhostBody',
-  setup: function setup(_, ctx) {
-    var columnGhostStyle = {
-      zIndex: -1,
-      width: 0,
-      height: 0,
-      display: 'none'
-    };
-    return function () {
-      var _ctx$slots$default, _ctx$slots;
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "style": columnGhostStyle
-      }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)]);
-    };
-  }
-}));
 ;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-layout.tsx
 
 
@@ -21182,12 +21193,12 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       "enabled": props.virtualEnabled,
       "lineHeight": lineHeight.value,
       "list": list,
+      "maxHeight": bodyMaxHeight.value,
       "rowKey": props.rowKey,
       "scrollEvent": true,
       "scrollbar": {
         enabled: props.scrollbar
       },
-      "maxHeight": bodyMaxHeight.value,
       "throttleDelay": 120,
       "onContentScroll": handleScrollChanged
     }, {

package/lib/table/table.css

@@ -162,23 +162,41 @@
   pointer-events: none;
   overflow: hidden;
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
+  width: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
+  height: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 8px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
-  background-color: #F0F1F5;
+  background-color: #f0f1f5;
   cursor: pointer;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
-  background-color: #979BA5;
+  background-color: #979ba5;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
   top: 0;
   width: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 10px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
   left: 0;
   height: 8px;
   transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
 }
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 10px;
+}
 .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
   right: auto;
   left: 0;
@@ -201,17 +219,18 @@
   position: absolute;
   left: 0;
   right: 0;
-  min-height: 8px;
+  top: 0;
+  bottom: 0;
 }
 .bk-scrollbar-wrapper .bk-scrollbar::before {
   position: absolute;
   content: '';
-  background: #DCDEE5;
+  background: #dcdee5;
   border-radius: 6px;
-  left: 1px;
-  right: 1px;
-  top: 1px;
-  bottom: 1px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
   opacity: 0;
   transition: opacity 0.2s 0.9s linear;
 }