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

package/lib/table/index.js

@@ -9,23 +9,23 @@ import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/de
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__ from "lodash/get";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__ from "../virtual-render";
 import "../virtual-render/virtual-render.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
-import "../checkbox/checkbox.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../loading";
+import "../loading/loading.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_pagination_95c6c47e__ from "../pagination";
 import "../pagination/pagination.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_exception_7490d0fd__ from "../exception";
 import "../exception/exception.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
+import "../checkbox/checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_button_a2ea7c9a__ from "../button";
 import "../button/button.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
 import "../input/input.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__ from "../icon/";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../loading";
-import "../loading/loading.less";
 /******/ var __webpack_modules__ = ({
 
 /***/ 6635:
@@ -17902,7 +17902,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
 
@@ -18457,12 +18466,9 @@ function v4(options, buf, offset) {
       });
     }
   };
-  var resolveColumns = function resolveColumns(target) {
-    var _instance$slots$defau, _instance$slots, _instance$slots$defau2;
-    var instance = target !== null && target !== void 0 ? target : (0,external_vue_namespaceObject.getCurrentInstance)();
+  var resolveColumns = function resolveColumns(children) {
     columns.length = 0;
     columnIndex = 0;
-    var children = (_instance$slots$defau = (_instance$slots = instance.slots) === null || _instance$slots === void 0 || (_instance$slots$defau2 = _instance$slots["default"]) === null || _instance$slots$defau2 === void 0 ? void 0 : _instance$slots$defau2.call(_instance$slots)) !== null && _instance$slots$defau !== void 0 ? _instance$slots$defau : [];
     children.forEach(resolveChildNode);
     columns.sort(function (col1, col2) {
       return col1.index - col2.index;
@@ -20783,6 +20789,90 @@ 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: external "../loading"
+var loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var loading_y = x => () => x
+const loading_namespaceObject = loading_x({ ["BkLoadingMode"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingMode, ["BkLoadingSize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingSize, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__["default"] });
+;// CONCATENATED MODULE: external "../loading/loading.less"
+var loading_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var loading_less_y = x => () => x
+const loading_less_namespaceObject = loading_less_x({  });
+;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-scroll-loading.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 use_scroll_loading = (function (props, ctx) {
+  var refScrollLoading = (0,external_vue_namespaceObject.toRef)(props, 'scrollLoading');
+  var getLoadingOption = function getLoadingOption() {
+    if (typeof refScrollLoading.value === 'boolean') {
+      return {
+        loading: !!refScrollLoading.value,
+        inline: true,
+        title: '',
+        size: loading_namespaceObject.BkLoadingSize.Normal,
+        mode: loading_namespaceObject.BkLoadingMode.Default,
+        indicator: null
+      };
+    }
+    return refScrollLoading.value;
+  };
+  var isRender = (0,external_vue_namespaceObject.computed)(function () {
+    return refScrollLoading.value !== null && (typeof refScrollLoading.value === 'boolean' && refScrollLoading.value || typeof_typeof(refScrollLoading.value) === 'object');
+  });
+  var renderScrollLoading = function renderScrollLoading() {
+    var _ctx$slots$fixedBotto3, _ctx$slots$fixedBotto4, _ctx$slots2;
+    if (isRender.value) {
+      var _ctx$slots$fixedBotto, _ctx$slots$fixedBotto2, _ctx$slots;
+      var _getLoadingOption = getLoadingOption(),
+        loading = _getLoadingOption.loading,
+        size = _getLoadingOption.size,
+        mode = _getLoadingOption.mode,
+        title = _getLoadingOption.title,
+        inline = _getLoadingOption.inline,
+        indicator = _getLoadingOption.indicator;
+      return (_ctx$slots$fixedBotto = (_ctx$slots$fixedBotto2 = (_ctx$slots = ctx.slots).fixedBottom) === null || _ctx$slots$fixedBotto2 === void 0 ? void 0 : _ctx$slots$fixedBotto2.call(_ctx$slots)) !== null && _ctx$slots$fixedBotto !== void 0 ? _ctx$slots$fixedBotto : (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
+        loading: loading,
+        size: size,
+        mode: mode,
+        title: title,
+        inline: inline,
+        indicator: indicator
+      }, null);
+    }
+    return (_ctx$slots$fixedBotto3 = (_ctx$slots$fixedBotto4 = (_ctx$slots2 = ctx.slots).fixedBottom) === null || _ctx$slots$fixedBotto4 === void 0 ? void 0 : _ctx$slots$fixedBotto4.call(_ctx$slots2)) !== null && _ctx$slots$fixedBotto3 !== void 0 ? _ctx$slots$fixedBotto3 : null;
+  };
+  return {
+    renderScrollLoading: renderScrollLoading
+  };
+});
 ;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-layout.tsx
 
 
@@ -20823,6 +20913,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
 
 
 
+
 /* harmony default export */ const use_layout = (function (props, ctx) {
   var _props$rowHeight;
   var refRoot = (0,external_vue_namespaceObject.ref)(null);
@@ -20832,13 +20923,19 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   var translateX = (0,external_vue_namespaceObject.ref)(0);
   var translateY = (0,external_vue_namespaceObject.ref)(0);
   var preBottom = (0,external_vue_namespaceObject.ref)(0);
-  var dragOffsetX = (0,external_vue_namespaceObject.ref)(-1000);
+  var dragOffsetX = (0,external_vue_namespaceObject.ref)(-10000);
   var offsetRight = (0,external_vue_namespaceObject.ref)(0);
   var layout = (0,external_vue_namespaceObject.reactive)({});
   var fixedColumns = (0,external_vue_namespaceObject.reactive)([]);
   var lineHeight = (0,external_vue_namespaceObject.ref)((_props$rowHeight = props.rowHeight) !== null && _props$rowHeight !== void 0 ? _props$rowHeight : LINE_HEIGHT);
+  var fixedBottomHeight = (0,external_vue_namespaceObject.computed)(function () {
+    var _props$fixedBottom, _props$fixedBottom$he, _props$fixedBottom2, _props$fixedBottom$he2, _props$fixedBottom3;
+    return ((_props$fixedBottom = props.fixedBottom) === null || _props$fixedBottom === void 0 ? void 0 : _props$fixedBottom.position) === 'relative' ? (_props$fixedBottom$he = (_props$fixedBottom2 = props.fixedBottom) === null || _props$fixedBottom2 === void 0 ? void 0 : _props$fixedBottom2.height) !== null && _props$fixedBottom$he !== void 0 ? _props$fixedBottom$he : LINE_HEIGHT : (_props$fixedBottom$he2 = (_props$fixedBottom3 = props.fixedBottom) === null || _props$fixedBottom3 === void 0 ? void 0 : _props$fixedBottom3.height) !== null && _props$fixedBottom$he2 !== void 0 ? _props$fixedBottom$he2 : 0;
+  });
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
+  var _useScrollLoading = use_scroll_loading(props, ctx),
+    renderScrollLoading = _useScrollLoading.renderScrollLoading;
   var tableClass = (0,external_vue_namespaceObject.computed)(function () {
     return (0,shared_namespaceObject.classes)(defineProperty_defineProperty({}, resolveClassName('table'), true), resolvePropBorderToClassStr(props.border));
   });
@@ -20852,22 +20949,47 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   var headClass = (0,external_vue_namespaceObject.computed)(function () {
     return (0,shared_namespaceObject.classes)(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-head'), true), 'has-settings', !!props.settings));
   });
+  var setFixedColumnShawdow = function setFixedColumnShawdow() {
+    var rightShawdow = offsetRight.value > 0 ? '0 0 10px rgb(0 0 0 / 12%)' : null;
+    var leftShawdow = translateX.value > 0 ? '0 0 10px rgb(0 0 0 / 12%)' : null;
+    refRoot.value.style.setProperty('--shadow-right', rightShawdow);
+    refRoot.value.style.setProperty('--shadow-left', leftShawdow);
+  };
+  var setRootStyleVars = (0,shared_namespaceObject.throttle)(function () {
+    refRoot.value.style.setProperty('--drag-offset-x', "".concat(dragOffsetX.value, "px"));
+    refRoot.value.style.setProperty('--drag-offset-h-x', "".concat(dragOffsetX.value - 2, "px"));
+    refRoot.value.style.setProperty('--translate-y', "".concat(translateY.value, "px"));
+    refRoot.value.style.setProperty('--translate-x', "".concat(translateX.value, "px"));
+    refRoot.value.style.setProperty('--translate-x-1', "-".concat(translateX.value, "px"));
+    setFixedColumnShawdow();
+  });
   var setTranslateX = function setTranslateX(val) {
     translateX.value = val;
+    setRootStyleVars();
   };
   var setTranslateY = function setTranslateY(val) {
     translateY.value = val;
+    setRootStyleVars();
+  };
+  var initRootStyleVars = function initRootStyleVars() {
+    refRoot.value.style.setProperty('--drag-offset-x', '-1000px');
+    refRoot.value.style.setProperty('--drag-offset-h-x', '-1000px');
+    refRoot.value.style.setProperty('--translate-y', '0px');
+    refRoot.value.style.setProperty('--translate-x', '0px');
+    refRoot.value.style.setProperty('--translate-x-1', '0px');
   };
   var setDragOffsetX = function setDragOffsetX(val) {
     dragOffsetX.value = val;
+    setRootStyleVars();
   };
   var config = resolveHeadConfig(props);
+  var headHeight = (0,external_vue_namespaceObject.computed)(function () {
+    return resolvePropVal(config, 'height', ['thead']);
+  });
   var headStyle = (0,external_vue_namespaceObject.computed)(function () {
     var _props$thead$color, _props$thead;
     return {
-      '--row-height': "".concat(resolvePropVal(config, 'height', ['thead']), "px"),
-      '--scroll-head-left': "-".concat(translateX.value, "px"),
-      '--scroll-left': "".concat(translateX.value, "px"),
+      '--row-height': "".concat(headHeight.value, "px"),
       '--background-color': DEF_COLOR[(_props$thead$color = (_props$thead = props.thead) === null || _props$thead === void 0 ? void 0 : _props$thead.color) !== null && _props$thead$color !== void 0 ? _props$thead$color : IHeadColor.DEF1]
     };
   });
@@ -20881,26 +21003,6 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     height: 0,
     display: 'none'
   };
-  var dragOffsetXStyle = {
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    left: 0,
-    width: '1px',
-    backgroundColor: '#3785FF',
-    transform: 'translateX(-50%)'
-  };
-  var resizeColumnStyle = (0,external_vue_namespaceObject.computed)(function () {
-    return use_layout_objectSpread(use_layout_objectSpread({}, dragOffsetXStyle), {}, {
-      transform: "translate3d(".concat(dragOffsetX.value + 3, "px, ").concat(translateY.value, "px, 0)")
-    });
-  });
-  var resizeHeadColStyle = (0,external_vue_namespaceObject.computed)(function () {
-    return use_layout_objectSpread(use_layout_objectSpread({}, dragOffsetXStyle), {}, {
-      width: '6px',
-      transform: "translateX(".concat(dragOffsetX.value, "px)")
-    });
-  });
   var renderContainer = function renderContainer(childrend) {
     var _ctx$slots$default, _ctx$slots;
     return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -20911,15 +21013,16 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       "style": columnGhostStyle
     }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)])]);
   };
-  var renderHeader = function renderHeader(childrend, settings) {
+  var renderHeader = function renderHeader(childrend, settings, fixedRows) {
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "ref": refHead,
       "style": headStyle.value,
       "class": headClass.value
     }, [childrend === null || childrend === void 0 ? void 0 : childrend(), (0,external_vue_namespaceObject.createVNode)("div", {
-      "style": resizeHeadColStyle.value,
       "class": "col-resize-drag"
-    }, null), settings === null || settings === void 0 ? void 0 : settings()]);
+    }, null), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": fixedWrapperClass
+    }, [fixedRows === null || fixedRows === void 0 ? void 0 : fixedRows()]), settings === null || settings === void 0 ? void 0 : settings()]);
   };
   var prependStyle = (0,external_vue_namespaceObject.computed)(function () {
     return use_layout_objectSpread({
@@ -20938,8 +21041,16 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     return null;
   };
   var bodyHeight = (0,external_vue_namespaceObject.ref)('auto');
+  var bodyMaxHeight = (0,external_vue_namespaceObject.computed)(function () {
+    if (/^\d+\.?\d*(px|%)$/.test("".concat(tableStyle.value.maxHeight))) {
+      var headerHeight = props.showHead ? headHeight.value : 0;
+      var delHeight = footHeight.value + headerHeight + fixedBottomHeight.value;
+      return "calc(".concat(tableStyle.value.maxHeight, " - ").concat(delHeight, "px)");
+    }
+    return null;
+  });
   var setBodyHeight = function setBodyHeight(height) {
-    bodyHeight.value = height;
+    bodyHeight.value = height - fixedBottomHeight.value;
   };
   var footHeight = (0,external_vue_namespaceObject.ref)(0);
   var footerStyle = (0,external_vue_namespaceObject.computed)(function () {
@@ -20991,30 +21102,34 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   };
   var resizeColumnClass = {
     column_drag_line: true,
-    'offset-x': true
+    'offset-x': true,
+    'resize-column': true
   };
-  var fixedWrapperClass = (0,external_vue_namespaceObject.computed)(function () {
-    return [resolveClassName('table-fixed'), {
-      'shadow-right': offsetRight.value > 0,
-      'shadow-left': translateX.value > 0
-    }];
-  });
+  var fixedWrapperClass = resolveClassName('table-fixed');
   var fixedBottomRow = resolveClassName('table-fixed-bottom');
-  var fixedWrapperStyle = (0,external_vue_namespaceObject.computed)(function () {
-    return {
-      transform: "translate3d(".concat(translateX.value, "px, ").concat(translateY.value, "px, 0)")
-    };
-  });
   var fixedBottomLoadingStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var _props$fixedBottom$po, _props$fixedBottom4, _props$fixedBottom$he3, _props$fixedBottom5;
     return {
-      transform: "translate3d(".concat(translateX.value, "px, ").concat(translateY.value, "px, 0)"),
-      minHeight: "".concat(lineHeight.value, "px")
+      minHeight: "".concat(lineHeight.value, "px"),
+      position: (_props$fixedBottom$po = (_props$fixedBottom4 = props.fixedBottom) === null || _props$fixedBottom4 === void 0 ? void 0 : _props$fixedBottom4.position) !== null && _props$fixedBottom$po !== void 0 ? _props$fixedBottom$po : 'absolute',
+      height: (_props$fixedBottom$he3 = (_props$fixedBottom5 = props.fixedBottom) === null || _props$fixedBottom5 === void 0 ? void 0 : _props$fixedBottom5.height) !== null && _props$fixedBottom$he3 !== void 0 ? _props$fixedBottom$he3 : null
     };
   });
   (0,external_vue_namespaceObject.onMounted)(function () {
     setOffsetRight();
+    initRootStyleVars();
   });
-  var renderBody = function renderBody(list, childrend, fixedRows, loadingRow) {
+  var getFixedBottomRender = function getFixedBottomRender() {
+    var result = renderScrollLoading === null || renderScrollLoading === void 0 ? void 0 : renderScrollLoading();
+    if (result) {
+      return (0,external_vue_namespaceObject.createVNode)("div", {
+        "style": fixedBottomLoadingStyle.value,
+        "class": fixedBottomRow
+      }, [result]);
+    }
+    return null;
+  };
+  var renderBody = function renderBody(list, childrend, fixedRows) {
     return (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
       "ref": refBody,
       "height": bodyHeight.value,
@@ -21027,6 +21142,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       "scrollbar": {
         enabled: props.scrollbar
       },
+      "maxHeight": bodyMaxHeight.value,
       "throttleDelay": 120,
       "onContentScroll": handleScrollChanged
     }, {
@@ -21034,22 +21150,15 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
         return renderPrepend();
       },
       "default": function _default(scope) {
-        return childrend === null || childrend === void 0 ? void 0 : childrend(scope.data);
+        var _scope$data;
+        return childrend === null || childrend === void 0 ? void 0 : childrend((_scope$data = scope === null || scope === void 0 ? void 0 : scope.data) !== null && _scope$data !== void 0 ? _scope$data : []);
       },
       afterSection: function afterSection() {
-        var _ctx$slots$appendBott, _ctx$slots2;
         return [(0,external_vue_namespaceObject.createVNode)("div", {
-          "style": resizeColumnStyle.value,
           "class": resizeColumnClass
         }, 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", {
-          "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()])];
+          "class": fixedWrapperClass
+        }, [fixedRows === null || fixedRows === void 0 ? void 0 : fixedRows()])];
       }
     });
   };
@@ -21064,11 +21173,15 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     fixedColumns.length = 0;
     fixedColumns.push.apply(fixedColumns, _toConsumableArray(values));
   };
+  var renderFixedBottom = function renderFixedBottom() {
+    return getFixedBottomRender();
+  };
   return {
     renderContainer: renderContainer,
     renderHeader: renderHeader,
     renderBody: renderBody,
     renderFooter: renderFooter,
+    renderFixedBottom: renderFixedBottom,
     setBodyHeight: setBodyHeight,
     setFootHeight: setFootHeight,
     setTranslateX: setTranslateX,
@@ -21076,6 +21189,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     setFixedColumns: setFixedColumns,
     setOffsetRight: setOffsetRight,
     setLineHeight: setLineHeight,
+    initRootStyleVars: initRootStyleVars,
     refRoot: refRoot,
     refHead: refHead,
     refBody: refBody,
@@ -21242,18 +21356,6 @@ var usePagination = function usePagination(props) {
   };
 };
 /* harmony default export */ const use_pagination = (usePagination);
-;// CONCATENATED MODULE: external "../checkbox"
-var checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var checkbox_y = x => () => x
-const checkbox_namespaceObject = checkbox_x({ ["BkCheckboxGroup"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__.BkCheckboxGroup, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__["default"] });
-;// CONCATENATED MODULE: external "../checkbox/checkbox.less"
-var checkbox_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var checkbox_less_y = x => () => x
-const checkbox_less_namespaceObject = checkbox_less_x({  });
-;// CONCATENATED MODULE: external "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.DownShape, ["Funnel"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Funnel, ["GragFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.GragFill, ["RightShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightShape });
 ;// CONCATENATED MODULE: external "../pagination"
 var pagination_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var pagination_y = x => () => x
@@ -21616,6 +21718,14 @@ const directives_namespaceObject = directives_x({ ["bkEllipsisInstance"]: () =>
     return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)]);
   }
 }));
+;// CONCATENATED MODULE: external "../checkbox"
+var checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var checkbox_y = x => () => x
+const checkbox_namespaceObject = checkbox_x({ ["BkCheckboxGroup"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__.BkCheckboxGroup, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__["default"] });
+;// CONCATENATED MODULE: external "../checkbox/checkbox.less"
+var checkbox_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var checkbox_less_y = x => () => x
+const checkbox_less_namespaceObject = checkbox_less_x({  });
 ;// CONCATENATED MODULE: external "../button"
 var button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var button_y = x => () => x
@@ -21624,6 +21734,10 @@ const button_namespaceObject = button_x({ ["default"]: () => __WEBPACK_EXTERNAL_
 var button_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var button_less_y = x => () => x
 const button_less_namespaceObject = button_less_x({  });
+;// CONCATENATED MODULE: external "../icon"
+var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var icon_y = x => () => x
+const icon_namespaceObject = icon_x({ ["DownShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.DownShape, ["Funnel"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Funnel, ["GragFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.GragFill, ["RightShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightShape });
 ;// CONCATENATED MODULE: external "../input"
 var input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var input_y = x => () => x
@@ -22326,101 +22440,7 @@ function use_head_isSlot(s) {
     getTH: getTH
   };
 });
-;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-shift-key.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 use_shift_key = (function (props) {
-  var isShiftKeyDown = (0,external_vue_namespaceObject.ref)(false);
-  var store = {
-    start: null,
-    end: null
-  };
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.key === 'Shift') {
-      isShiftKeyDown.value = true;
-    }
-  };
-  var handleKeyUp = function handleKeyUp(e) {
-    if (e.key === 'Shift') {
-      isShiftKeyDown.value = false;
-      clearStore();
-    }
-  };
-  var setStoreStart = function setStoreStart(row, index) {
-    store.start = {
-      index: index !== null && index !== void 0 ? index : null,
-      row: row !== null && row !== void 0 ? row : null
-    };
-  };
-  var clearStoreStart = function clearStoreStart() {
-    setStoreStart();
-  };
-  var setStore = function setStore(row, index) {
-    if (store.start === null && store.end === null) {
-      store.start = {
-        index: index,
-        row: row
-      };
-      return false;
-    }
-    store.end = {
-      index: index,
-      row: row
-    };
-    return true;
-  };
-  var clearStore = function clearStore() {
-    store.start = null;
-    store.end = null;
-  };
-  if (props.shiftMultiChecked) {
-    window.addEventListener('keydown', handleKeyDown);
-    window.addEventListener('keyup', handleKeyUp);
-  }
-  var getStore = function getStore() {
-    return store;
-  };
-  (0,external_vue_namespaceObject.onUnmounted)(function () {
-    if (props.shiftMultiChecked) {
-      window.removeEventListener('keydown', handleKeyDown);
-      window.removeEventListener('keyup', handleKeyUp);
-    }
-  });
-  return {
-    isShiftKeyDown: isShiftKeyDown,
-    setStore: setStore,
-    getStore: getStore,
-    clearStore: clearStore,
-    setStoreStart: setStoreStart,
-    clearStoreStart: clearStoreStart
-  };
-});
-;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-render.tsx
-
+;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-cell.tsx
 
 
 /*
@@ -22455,164 +22475,151 @@ function use_head_isSlot(s) {
 
 
 
-
-
-
-
-
-
-
-
-
-function use_render_isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
-}
-/* harmony default export */ const use_render = (function (_ref) {
+/* harmony default export */ const use_cell = (function (_ref) {
   var props = _ref.props,
+    rows = _ref.rows,
     ctx = _ref.ctx,
     columns = _ref.columns,
-    rows = _ref.rows,
-    pagination = _ref.pagination,
-    settings = _ref.settings;
-  var t = (0,config_provider_namespaceObject.useLocale)('table');
-  var uuid = esm_browser_v4();
-  var dragEvents = {};
-  /**
-   * 渲染table colgroup
-   * @returns
-   */
-  var renderColgroup = function renderColgroup() {
-    return (0,external_vue_namespaceObject.createVNode)("colgroup", null, [(columns.visibleColumns || []).map(function (column, _index) {
-      var width = "".concat(resolveWidth(columns.getColumnOrderWidth(column))).replace(/px$/i, '');
-      var minWidth = columns.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_MIN_WIDTH);
-      return (0,external_vue_namespaceObject.createVNode)("col", {
-        "style": {
-          width: resolveNumberOrStringToPix(width, 'auto'),
-          minWidth: resolveNumberOrStringToPix(minWidth, 'auto')
+    row = _ref.row,
+    index = _ref.index,
+    column = _ref.column,
+    _ref$isChild = _ref.isChild,
+    isChild = _ref$isChild === void 0 ? false : _ref$isChild,
+    multiShiftKey = _ref.multiShiftKey;
+  var isShiftKeyDown = multiShiftKey.isShiftKeyDown,
+    getStore = multiShiftKey.getStore,
+    setStore = multiShiftKey.setStore,
+    setStoreStart = multiShiftKey.setStoreStart,
+    clearStoreStart = multiShiftKey.clearStoreStart;
+  var renderCheckboxColumn = function renderCheckboxColumn() {
+    var handleChecked = function handleChecked(value, event) {
+      event.stopImmediatePropagation();
+      event.preventDefault();
+      event.stopPropagation();
+      if (!isShiftKeyDown.value) {
+        if (value) {
+          setStoreStart(row, index);
+        } else {
+          clearStoreStart();
         }
-      }, null);
-    })]);
-  };
-  /**
-   * 渲染Table Header
-   * @returns
-   */
-  var renderHeader = function renderHeader() {
-    var config = resolveHeadConfig(props);
-    var rowStyle = {
-      // @ts-ignore:next-line
-      '--row-height': "".concat(resolvePropVal(config, 'height', ['thead']), "px"),
-      backgroundColor: props.thead.color
+      }
+      rows.setRowSelection(row, value);
+      columns.setColumnAttribute(column, COLUMN_ATTRIBUTE.SELECTION_INDETERMINATE, rows.getRowIndeterminate());
+      columns.setColumnAttribute(column, COLUMN_ATTRIBUTE.SELECTION_VAL, rows.getRowCheckedAllValue());
+      ctx.emit(EMIT_EVENTS.ROW_SELECT, {
+        row: row,
+        index: index,
+        checked: value,
+        data: props.data
+      });
+      ctx.emit(EMIT_EVENTS.ROW_SELECT_CHANGE, {
+        row: row,
+        index: index,
+        checked: value,
+        data: props.data
+      });
     };
-    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("thead", {
-      "style": rowStyle
-    }, [(0,external_vue_namespaceObject.createVNode)(table_row, null, {
-      "default": function _default() {
-        return [(0,external_vue_namespaceObject.createVNode)("tr", null, [columns.visibleColumns.map(function (column, index) {
-          var _useHead = use_head({
-              props: props,
-              ctx: ctx,
-              columns: columns,
-              column: column,
+    var beforeRowChange = function beforeRowChange() {
+      if (isShiftKeyDown.value) {
+        var result = setStore(row, index);
+        if (result) {
+          var _rows$pageRowList$sli;
+          var _getStore = getStore(),
+            start = _getStore.start,
+            end = _getStore.end;
+          var startIndex = start.index < end.index ? start.index : end.index;
+          var endIndex = start.index < end.index ? end.index : start.index;
+          ((_rows$pageRowList$sli = rows.pageRowList.slice(startIndex, endIndex + 1)) !== null && _rows$pageRowList$sli !== void 0 ? _rows$pageRowList$sli : []).forEach(function (item) {
+            var isRowEnabled = isRowSelectEnable(props, {
+              row: row,
               index: index,
-              rows: rows
-            }),
-            getTH = _useHead.getTH;
-          return getTH();
-        })])];
+              isCheckAll: false
+            });
+            isRowEnabled && rows.setRowSelection(item, true);
+          });
+        }
+        ctx.emit(EMIT_EVENTS.ROW_SELECT, {
+          row: row,
+          index: index,
+          checked: true,
+          data: props.data,
+          isShiftKeyDown: true
+        });
+        ctx.emit(EMIT_EVENTS.ROW_SELECT_CHANGE, {
+          row: row,
+          index: index,
+          checked: true,
+          data: props.data,
+          isShiftKeyDown: true
+        });
+        return Promise.resolve(!result);
       }
-    })])]);
-  };
-  var renderColumns = function renderColumns() {
-    if (!props.showHead) {
-      return null;
-    }
-    return (0,external_vue_namespaceObject.createVNode)("table", {
-      "cellpadding": 0,
-      "cellspacing": 0
-    }, [renderColgroup(), renderHeader()]);
-  };
-  /** **************************************** Rows Render ******************************* **/
-  /**
-   * 渲染Table Body
-   * @returns
-   */
-  var renderRows = function renderRows(dataList) {
-    var preRow = {};
-    var rowSpanMap = new WeakMap();
-    var needRowSpan = columns.needRowSpan.value;
-    return (0,external_vue_namespaceObject.createVNode)("tbody", null, [dataList.map(function (row, rowIndex) {
-      var result = getRowRender(row, rowIndex, preRow, dataList, rowSpanMap, needRowSpan);
-      preRow = row;
-      return result;
-    })]);
-  };
-  var getRowHeight = function getRowHeight(row, rowIndex) {
-    var _settings$options = settings.options,
-      size = _settings$options.size,
-      height = _settings$options.height;
-    if (height !== null && height !== undefined) {
-      return resolvePropVal(settings.options, 'height', ['tbody', row, rowIndex, size]);
-    }
-    return resolvePropVal(props, 'rowHeight', ['tbody', row, rowIndex]);
-  };
-  var setDragEvents = function setDragEvents(events) {
-    dragEvents = events;
+      return Promise.resolve(true);
+    };
+    var indeterminate = rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE);
+    var isChecked = rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION);
+    var isEnable = isRowSelectEnable(props, {
+      row: row,
+      index: index,
+      isCheckAll: false
+    });
+    return (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
+      "beforeChange": beforeRowChange,
+      "disabled": !isEnable,
+      "indeterminate": indeterminate,
+      "modelValue": isChecked,
+      "onChange": handleChecked
+    }, null);
   };
   /**
-   * 渲染Table主体
-   * @param rows 表格数据
+   * 渲染表格Cell内容
+   * @param row 当前行
+   * @param column 当前列
+   * @param index 当前列
+   * @param rows 当前列
    * @returns
    */
-  var renderTBody = function renderTBody(list) {
-    var dataList = list !== null && list !== void 0 ? list : rows.pageRowList;
-    var localEmptyText = (0,external_vue_namespaceObject.computed)(function () {
-      if (props.emptyText === undefined) {
-        return t.value.emptyText;
+  var renderCell = function renderCell() {
+    var _renderFn$column$type, _renderFn$column$type2;
+    var defaultFn = function defaultFn() {
+      var type = resolvePropVal(column, 'type', [column, row]);
+      if (type === 'index') {
+        return rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_INDEX);
       }
-      return props.emptyText;
-    });
-    if (!dataList.length) {
-      var _ctx$slots$empty, _ctx$slots$empty2, _ctx$slots;
-      return (_ctx$slots$empty = (_ctx$slots$empty2 = (_ctx$slots = ctx.slots).empty) === null || _ctx$slots$empty2 === void 0 ? void 0 : _ctx$slots$empty2.call(_ctx$slots)) !== null && _ctx$slots$empty !== void 0 ? _ctx$slots$empty : (0,external_vue_namespaceObject.createVNode)(body_empty, {
-        "emptyText": localEmptyText.value,
-        "filterList": dataList,
-        "list": props.data
-      }, null);
-    }
-    return (0,external_vue_namespaceObject.createVNode)("table", {
-      "cellpadding": 0,
-      "cellspacing": 0,
-      "data-table-uuid": uuid
-    }, [renderColgroup(), renderRows(dataList)]);
-  };
-  /**
-   * table row click handle
-   * @param e
-   * @param row
-   * @param index
-   * @param rows
-   */
-  var handleRowClick = function handleRowClick(e, row, index, rows) {
-    ctx.emit(EMIT_EVENTS.ROW_CLICK, e, row, index, rows);
-  };
-  /**
-   * table row click handle
-   * @param e
-   * @param row
-   * @param index
-   * @param rows
-   */
-  var handleRowDblClick = function handleRowDblClick(e, row, index, rows) {
-    ctx.emit(EMIT_EVENTS.ROW_DBL_CLICK, e, row, index, rows);
-  };
-  var handleRowEnter = function handleRowEnter(e, row, index, rows) {
-    ctx.emit(EMIT_EVENTS.ROW_MOUSE_ENTER, e, row, index, rows);
-  };
-  var handleRowLeave = function handleRowLeave(e, row, index, rows) {
-    ctx.emit(EMIT_EVENTS.ROW_MOUSE_LEAVE, e, row, index, rows);
+      var key = resolvePropVal(column, 'field', [column, row]);
+      var cell = getRowText(row, key);
+      if (typeof column.render === 'function') {
+        return renderCellCallbackFn();
+      }
+      if (typeof cell === 'boolean') {
+        return String(cell);
+      }
+      if (!cell && typeof cell !== 'number') {
+        var emptyCellText = props.emptyCellText;
+        if (emptyCellText) {
+          if (typeof emptyCellText === 'function') {
+            return emptyCellText(row, column, index, rows.tableRowList.value);
+          }
+          return emptyCellText;
+        }
+      }
+      if (typeof_typeof(cell) === 'object') {
+        return JSON.stringify((0,external_vue_namespaceObject.unref)(cell));
+      }
+      return cell;
+    };
+    var renderFn = {
+      expand: function expand() {
+        return isChild ? '' : renderExpandColumn();
+      },
+      selection: function selection() {
+        return renderCheckboxColumn();
+      },
+      drag: renderDraggableCell
+    };
+    return (_renderFn$column$type = (_renderFn$column$type2 = renderFn[column.type]) === null || _renderFn$column$type2 === void 0 ? void 0 : _renderFn$column$type2.call(renderFn, row, column, index, rows)) !== null && _renderFn$column$type !== void 0 ? _renderFn$column$type : defaultFn();
   };
-  var renderCellCallbackFn = function renderCellCallbackFn(row, column, index, rows) {
+  var renderCellCallbackFn = function renderCellCallbackFn() {
     var cell = getRowText(row, resolvePropVal(column, 'field', [column, row]));
     var data = row;
     return column.render({
@@ -22621,50 +22628,50 @@ function use_render_isSlot(s) {
       row: row,
       column: column,
       index: index,
-      rows: rows
+      rows: rows.tableRowList.value
     });
   };
-  var getExpandCell = function getExpandCell(row) {
-    var _ctx$slots$expandCont, _ctx$slots$expandCont2, _ctx$slots2;
+  var getExpandCell = function getExpandCell() {
+    var _ctx$slots$expandCont, _ctx$slots$expandCont2, _ctx$slots;
     var isExpand = rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_EXPAND);
     var icon = isExpand ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.DownShape, null, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.RightShape, null, null);
-    return (0,external_vue_namespaceObject.createVNode)("span", null, [[icon, (_ctx$slots$expandCont = (_ctx$slots$expandCont2 = (_ctx$slots2 = ctx.slots).expandContent) === null || _ctx$slots$expandCont2 === void 0 ? void 0 : _ctx$slots$expandCont2.call(_ctx$slots2, row)) !== null && _ctx$slots$expandCont !== void 0 ? _ctx$slots$expandCont : '']]);
+    return (0,external_vue_namespaceObject.createVNode)("span", null, [[icon, (_ctx$slots$expandCont = (_ctx$slots$expandCont2 = (_ctx$slots = ctx.slots).expandContent) === null || _ctx$slots$expandCont2 === void 0 ? void 0 : _ctx$slots$expandCont2.call(_ctx$slots, row)) !== null && _ctx$slots$expandCont !== void 0 ? _ctx$slots$expandCont : '']]);
   };
-  var handleRowExpandClick = function handleRowExpandClick(row, column, index, rowList, e) {
+  var handleRowExpandClick = function handleRowExpandClick(e) {
     rows.setRowExpand(row, !rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_EXPAND));
     ctx.emit(EMIT_EVENTS.ROW_EXPAND_CLICK, {
       row: row,
       column: column,
       index: index,
-      rows: rowList,
+      rows: rows.tableRowList.value,
       e: e
     });
   };
-  var renderExpandColumn = function renderExpandColumn(row, column, index, rows) {
+  var renderExpandColumn = function renderExpandColumn() {
     var renderExpandSlot = function renderExpandSlot() {
-      var _ctx$slots$expandCell, _ctx$slots$expandCell2, _ctx$slots3;
+      var _ctx$slots$expandCell, _ctx$slots$expandCell2, _ctx$slots2;
       if (typeof column.render === 'function') {
-        return renderCellCallbackFn(row, column, index, rows);
+        return renderCellCallbackFn();
       }
-      return (_ctx$slots$expandCell = (_ctx$slots$expandCell2 = (_ctx$slots3 = ctx.slots).expandCell) === null || _ctx$slots$expandCell2 === void 0 ? void 0 : _ctx$slots$expandCell2.call(_ctx$slots3, {
+      return (_ctx$slots$expandCell = (_ctx$slots$expandCell2 = (_ctx$slots2 = ctx.slots).expandCell) === null || _ctx$slots$expandCell2 === void 0 ? void 0 : _ctx$slots$expandCell2.call(_ctx$slots2, {
         row: row,
         column: column,
         index: index,
         rows: rows
-      })) !== null && _ctx$slots$expandCell !== void 0 ? _ctx$slots$expandCell : getExpandCell(row);
+      })) !== null && _ctx$slots$expandCell !== void 0 ? _ctx$slots$expandCell : getExpandCell();
     };
     return (0,external_vue_namespaceObject.createVNode)("span", {
       "class": "expand-btn-action",
       "onClick": function onClick(e) {
-        return handleRowExpandClick(row, column, index, rows, e);
+        return handleRowExpandClick(e);
       }
     }, [renderExpandSlot()]);
   };
-  var renderDraggableCell = function renderDraggableCell(row, column, index, rows) {
+  var renderDraggableCell = function renderDraggableCell() {
     var _props$rowDraggable$r, _props$rowDraggable, _props$rowDraggable$f, _props$rowDraggable2, _props$rowDraggable$i, _props$rowDraggable3;
     var renderFn = (_props$rowDraggable$r = (_props$rowDraggable = props.rowDraggable) === null || _props$rowDraggable === void 0 ? void 0 : _props$rowDraggable.render) !== null && _props$rowDraggable$r !== void 0 ? _props$rowDraggable$r : props.rowDraggable;
     if (typeof renderFn === 'function') {
-      return renderFn(row, column, index, rows);
+      return renderFn(row, column, index, rows.tableRowList.value);
     }
     var fontSize = (_props$rowDraggable$f = (_props$rowDraggable2 = props.rowDraggable) === null || _props$rowDraggable2 === void 0 ? void 0 : _props$rowDraggable2.fontSize) !== null && _props$rowDraggable$f !== void 0 ? _props$rowDraggable$f : '14px';
     var fontIcon = (_props$rowDraggable$i = (_props$rowDraggable3 = props.rowDraggable) === null || _props$rowDraggable3 === void 0 ? void 0 : _props$rowDraggable3.icon) !== null && _props$rowDraggable$i !== void 0 ? _props$rowDraggable$i : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.GragFill, {
@@ -22673,140 +22680,296 @@ function use_render_isSlot(s) {
     }, null);
     return fontIcon;
   };
-  var _useShiftKey = use_shift_key(props),
-    isShiftKeyDown = _useShiftKey.isShiftKeyDown,
-    getStore = _useShiftKey.getStore,
-    setStore = _useShiftKey.setStore,
-    setStoreStart = _useShiftKey.setStoreStart,
-    clearStoreStart = _useShiftKey.clearStoreStart;
-  var renderCheckboxColumn = function renderCheckboxColumn(row, index, column) {
-    var handleChecked = function handleChecked(value, event) {
-      event.stopImmediatePropagation();
-      event.preventDefault();
-      event.stopPropagation();
-      if (!isShiftKeyDown.value) {
-        if (value) {
-          setStoreStart(row, index);
-        } else {
-          clearStoreStart();
-        }
-      }
-      rows.setRowSelection(row, value);
-      columns.setColumnAttribute(column, COLUMN_ATTRIBUTE.SELECTION_INDETERMINATE, rows.getRowIndeterminate());
-      columns.setColumnAttribute(column, COLUMN_ATTRIBUTE.SELECTION_VAL, rows.getRowCheckedAllValue());
-      ctx.emit(EMIT_EVENTS.ROW_SELECT, {
-        row: row,
-        index: index,
-        checked: value,
-        data: props.data
-      });
-      ctx.emit(EMIT_EVENTS.ROW_SELECT_CHANGE, {
-        row: row,
+  return {
+    renderCell: renderCell
+  };
+});
+;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-shift-key.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.
+ */
+
+var multiShiftKey = function multiShiftKey(props) {
+  var isShiftKeyDown = (0,external_vue_namespaceObject.ref)(false);
+  var store = {
+    start: null,
+    end: null
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === 'Shift') {
+      isShiftKeyDown.value = true;
+    }
+  };
+  var handleKeyUp = function handleKeyUp(e) {
+    if (e.key === 'Shift') {
+      isShiftKeyDown.value = false;
+      clearStore();
+    }
+  };
+  var setStoreStart = function setStoreStart(row, index) {
+    store.start = {
+      index: index !== null && index !== void 0 ? index : null,
+      row: row !== null && row !== void 0 ? row : null
+    };
+  };
+  var clearStoreStart = function clearStoreStart() {
+    setStoreStart();
+  };
+  var setStore = function setStore(row, index) {
+    if (store.start === null && store.end === null) {
+      store.start = {
         index: index,
-        checked: value,
-        data: props.data
-      });
+        row: row
+      };
+      return false;
+    }
+    store.end = {
+      index: index,
+      row: row
     };
-    var beforeRowChange = function beforeRowChange() {
-      if (isShiftKeyDown.value) {
-        var result = setStore(row, index);
-        if (result) {
-          var _rows$pageRowList$sli;
-          var _getStore = getStore(),
-            start = _getStore.start,
-            end = _getStore.end;
-          var startIndex = start.index < end.index ? start.index : end.index;
-          var endIndex = start.index < end.index ? end.index : start.index;
-          ((_rows$pageRowList$sli = rows.pageRowList.slice(startIndex, endIndex + 1)) !== null && _rows$pageRowList$sli !== void 0 ? _rows$pageRowList$sli : []).forEach(function (item) {
-            var isRowEnabled = isRowSelectEnable(props, {
-              row: row,
+    return true;
+  };
+  var clearStore = function clearStore() {
+    store.start = null;
+    store.end = null;
+  };
+  if (props.shiftMultiChecked) {
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('keyup', handleKeyUp);
+  }
+  var getStore = function getStore() {
+    return store;
+  };
+  var removeMultiCheckedEvents = function removeMultiCheckedEvents() {
+    if (props.shiftMultiChecked) {
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('keyup', handleKeyUp);
+    }
+  };
+  return {
+    isShiftKeyDown: isShiftKeyDown,
+    setStore: setStore,
+    getStore: getStore,
+    clearStore: clearStore,
+    setStoreStart: setStoreStart,
+    clearStoreStart: clearStoreStart,
+    removeMultiCheckedEvents: removeMultiCheckedEvents
+  };
+};
+/* harmony default export */ const use_shift_key = (multiShiftKey);
+;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-render.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.
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function use_render_isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
+}
+/* harmony default export */ const use_render = (function (_ref) {
+  var props = _ref.props,
+    ctx = _ref.ctx,
+    columns = _ref.columns,
+    rows = _ref.rows,
+    pagination = _ref.pagination,
+    settings = _ref.settings;
+  var t = (0,config_provider_namespaceObject.useLocale)('table');
+  var uuid = esm_browser_v4();
+  var dragEvents = {};
+  var multiShiftKey = use_shift_key(props);
+  /**
+   * 渲染table colgroup
+   * @returns
+   */
+  var renderColgroup = function renderColgroup() {
+    return (0,external_vue_namespaceObject.createVNode)("colgroup", null, [(columns.visibleColumns || []).map(function (column, _index) {
+      var width = "".concat(resolveWidth(columns.getColumnOrderWidth(column))).replace(/px$/i, '');
+      var minWidth = columns.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_MIN_WIDTH);
+      return (0,external_vue_namespaceObject.createVNode)("col", {
+        "style": {
+          width: resolveNumberOrStringToPix(width, 'auto'),
+          minWidth: resolveNumberOrStringToPix(minWidth, 'auto')
+        }
+      }, null);
+    })]);
+  };
+  /**
+   * 渲染Table Header
+   * @returns
+   */
+  var renderHeader = function renderHeader() {
+    var config = resolveHeadConfig(props);
+    var rowStyle = {
+      // @ts-ignore:next-line
+      '--row-height': "".concat(resolvePropVal(config, 'height', ['thead']), "px"),
+      backgroundColor: props.thead.color
+    };
+    return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("thead", {
+      "style": rowStyle
+    }, [(0,external_vue_namespaceObject.createVNode)(table_row, null, {
+      "default": function _default() {
+        return [(0,external_vue_namespaceObject.createVNode)("tr", null, [columns.visibleColumns.map(function (column, index) {
+          var _useHead = use_head({
+              props: props,
+              ctx: ctx,
+              columns: columns,
+              column: column,
               index: index,
-              isCheckAll: false
-            });
-            isRowEnabled && rows.setRowSelection(item, true);
-          });
-        }
-        ctx.emit(EMIT_EVENTS.ROW_SELECT, {
-          row: row,
-          index: index,
-          checked: true,
-          data: props.data,
-          isShiftKeyDown: true
-        });
-        ctx.emit(EMIT_EVENTS.ROW_SELECT_CHANGE, {
-          row: row,
-          index: index,
-          checked: true,
-          data: props.data,
-          isShiftKeyDown: true
-        });
-        return Promise.resolve(!result);
+              rows: rows
+            }),
+            getTH = _useHead.getTH;
+          return getTH();
+        })])];
       }
-      return Promise.resolve(true);
-    };
-    var indeterminate = rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE);
-    var isChecked = rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION);
-    var isEnable = isRowSelectEnable(props, {
-      row: row,
-      index: index,
-      isCheckAll: false
-    });
-    return (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
-      "beforeChange": beforeRowChange,
-      "disabled": !isEnable,
-      "indeterminate": indeterminate,
-      "modelValue": isChecked,
-      "onChange": handleChecked
-    }, null);
+    })])]);
+  };
+  var renderColumns = function renderColumns() {
+    if (!props.showHead) {
+      return null;
+    }
+    return (0,external_vue_namespaceObject.createVNode)("table", {
+      "cellpadding": 0,
+      "cellspacing": 0
+    }, [renderColgroup(), renderHeader()]);
   };
+  /** **************************************** Rows Render ******************************* **/
   /**
-   * 渲染表格Cell内容
-   * @param row 当前行
-   * @param column 当前列
-   * @param index 当前列
-   * @param rows 当前列
+   * 渲染Table Body
    * @returns
    */
-  var renderCell = function renderCell(row, column, index, rowList) {
-    var _renderFn$column$type, _renderFn$column$type2;
-    var isChild = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    var defaultFn = function defaultFn() {
-      var type = resolvePropVal(column, 'type', [column, row]);
-      if (type === 'index') {
-        return rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_INDEX);
-      }
-      var key = resolvePropVal(column, 'field', [column, row]);
-      var cell = getRowText(row, key);
-      if (typeof column.render === 'function') {
-        return renderCellCallbackFn(row, column, index, rowList);
-      }
-      if (typeof cell === 'boolean') {
-        return String(cell);
-      }
-      if (!cell && typeof cell !== 'number') {
-        var emptyCellText = props.emptyCellText;
-        if (emptyCellText) {
-          if (typeof emptyCellText === 'function') {
-            return emptyCellText(row, column, index, rowList);
-          }
-          return emptyCellText;
-        }
-      }
-      if (typeof_typeof(cell) === 'object') {
-        return JSON.stringify((0,external_vue_namespaceObject.unref)(cell));
+  var renderRows = function renderRows(dataList) {
+    var preRow = {};
+    var rowSpanMap = new WeakMap();
+    var needRowSpan = columns.needRowSpan.value;
+    return (0,external_vue_namespaceObject.createVNode)("tbody", null, [dataList.map(function (row, rowIndex) {
+      var result = getRowRender(row, rowIndex, preRow, dataList, rowSpanMap, needRowSpan);
+      preRow = row;
+      return result;
+    })]);
+  };
+  var getRowHeight = function getRowHeight(row, rowIndex) {
+    var _settings$options = settings.options,
+      size = _settings$options.size,
+      height = _settings$options.height;
+    if (height !== null && height !== undefined) {
+      return resolvePropVal(settings.options, 'height', ['tbody', row, rowIndex, size]);
+    }
+    return resolvePropVal(props, 'rowHeight', ['tbody', row, rowIndex]);
+  };
+  var setDragEvents = function setDragEvents(events) {
+    dragEvents = events;
+  };
+  /**
+   * 渲染Table主体
+   * @param rows 表格数据
+   * @returns
+   */
+  var renderTBody = function renderTBody(list) {
+    var dataList = list !== null && list !== void 0 ? list : rows.pageRowList;
+    var localEmptyText = (0,external_vue_namespaceObject.computed)(function () {
+      if (props.emptyText === undefined) {
+        return t.value.emptyText;
       }
-      return cell;
-    };
-    var renderFn = {
-      expand: function expand(row, column, index, rowList) {
-        return isChild ? '' : renderExpandColumn(row, column, index, rowList);
-      },
-      selection: function selection(row, column, index, _rows) {
-        return renderCheckboxColumn(row, index, column);
-      },
-      drag: renderDraggableCell
-    };
-    return (_renderFn$column$type = (_renderFn$column$type2 = renderFn[column.type]) === null || _renderFn$column$type2 === void 0 ? void 0 : _renderFn$column$type2.call(renderFn, row, column, index, rows)) !== null && _renderFn$column$type !== void 0 ? _renderFn$column$type : defaultFn();
+      return props.emptyText;
+    });
+    if (!dataList.length) {
+      var _ctx$slots$empty, _ctx$slots$empty2, _ctx$slots;
+      return (_ctx$slots$empty = (_ctx$slots$empty2 = (_ctx$slots = ctx.slots).empty) === null || _ctx$slots$empty2 === void 0 ? void 0 : _ctx$slots$empty2.call(_ctx$slots)) !== null && _ctx$slots$empty !== void 0 ? _ctx$slots$empty : (0,external_vue_namespaceObject.createVNode)(body_empty, {
+        "emptyText": localEmptyText.value,
+        "filterList": dataList,
+        "list": props.data
+      }, null);
+    }
+    return (0,external_vue_namespaceObject.createVNode)("table", {
+      "cellpadding": 0,
+      "cellspacing": 0,
+      "data-table-uuid": uuid
+    }, [renderColgroup(), renderRows(dataList)]);
+  };
+  /**
+   * table row click handle
+   * @param e
+   * @param row
+   * @param index
+   * @param rows
+   */
+  var handleRowClick = function handleRowClick(e, row, index, rows) {
+    ctx.emit(EMIT_EVENTS.ROW_CLICK, e, row, index, rows);
+  };
+  /**
+   * table row click handle
+   * @param e
+   * @param row
+   * @param index
+   * @param rows
+   */
+  var handleRowDblClick = function handleRowDblClick(e, row, index, rows) {
+    ctx.emit(EMIT_EVENTS.ROW_DBL_CLICK, e, row, index, rows);
+  };
+  var handleRowEnter = function handleRowEnter(e, row, index, rows) {
+    ctx.emit(EMIT_EVENTS.ROW_MOUSE_ENTER, e, row, index, rows);
+  };
+  var handleRowLeave = function handleRowLeave(e, row, index, rows) {
+    ctx.emit(EMIT_EVENTS.ROW_MOUSE_LEAVE, e, row, index, rows);
   };
   var getRowSpanConfig = function getRowSpanConfig(row, rowIndex, preRow, col, store) {
     var _store$get$get, _store$get;
@@ -22892,6 +23055,20 @@ function use_render_isSlot(s) {
               'expand-row': rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_EXPAND),
               'is-last': rowIndex + rowspan >= rowLength
             }]);
+            var columnKey = "".concat(rowId, "_").concat(index);
+            var cellKey = "".concat(rowId, "_").concat(index, "_cell");
+            var _useCell = use_cell({
+                props: props,
+                rows: rows,
+                ctx: ctx,
+                columns: columns,
+                row: row,
+                index: index,
+                column: column,
+                isChild: isChild,
+                multiShiftKey: multiShiftKey
+              }),
+              renderCell = _useCell.renderCell;
             var handleEmit = function handleEmit(event, type) {
               var args = {
                 event: event,
@@ -22899,7 +23076,7 @@ function use_render_isSlot(s) {
                 column: column,
                 cell: {
                   getValue: function getValue() {
-                    return renderCell(row, column, rowIndex, rowList, isChild);
+                    return renderCell();
                   }
                 },
                 rowIndex: rowIndex,
@@ -22907,14 +23084,13 @@ function use_render_isSlot(s) {
               };
               ctx.emit(type, args);
             };
-            var columnKey = "".concat(rowId, "_").concat(index);
-            var cellKey = "".concat(rowId, "_").concat(index, "_cell");
             return (0,external_vue_namespaceObject.createVNode)("td", {
               "key": columnKey,
               "style": cellStyle,
               "class": cellClass,
               "colspan": colspan,
               "rowspan": rowspan,
+              "data-id": columnKey,
               "onClick": function onClick(event) {
                 return handleEmit(event, EMIT_EVENTS.CELL_CLICK);
               },
@@ -22923,12 +23099,13 @@ function use_render_isSlot(s) {
               }
             }, [(0,external_vue_namespaceObject.createVNode)(table_cell, {
               "key": cellKey,
+              "data-id": cellKey,
               "class": tdCtxClass,
               "column": column,
               "observerResize": props.observerResize,
               "parentSetting": props.showOverflowTooltip,
               "row": row
-            }, use_render_isSlot(_slot = renderCell(row, column, rowIndex, rowList, isChild)) ? _slot : {
+            }, use_render_isSlot(_slot = renderCell()) ? _slot : {
               "default": function _default() {
                 return [_slot];
               }
@@ -22942,7 +23119,7 @@ function use_render_isSlot(s) {
   var renderExpandRow = function renderExpandRow(row, rowClass, _rowIndex) {
     var isExpand = rows.getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_EXPAND);
     if (isExpand) {
-      var _ctx$slots$expandRow, _ctx$slots$expandRow2, _ctx$slots4;
+      var _ctx$slots$expandRow, _ctx$slots$expandRow2, _ctx$slots2;
       var resovledClass = [].concat(_toConsumableArray(rowClass), [{
         row_expend: true
       }]);
@@ -22962,7 +23139,7 @@ function use_render_isSlot(s) {
           }, [(0,external_vue_namespaceObject.createVNode)("td", {
             "colspan": columns.visibleColumns.length,
             "rowspan": 1
-          }, [(_ctx$slots$expandRow = (_ctx$slots$expandRow2 = (_ctx$slots4 = ctx.slots).expandRow) === null || _ctx$slots$expandRow2 === void 0 ? void 0 : _ctx$slots$expandRow2.call(_ctx$slots4, row)) !== null && _ctx$slots$expandRow !== void 0 ? _ctx$slots$expandRow : (0,external_vue_namespaceObject.createVNode)("div", {
+          }, [(_ctx$slots$expandRow = (_ctx$slots$expandRow2 = (_ctx$slots2 = ctx.slots).expandRow) === null || _ctx$slots$expandRow2 === void 0 ? void 0 : _ctx$slots$expandRow2.call(_ctx$slots2, row)) !== null && _ctx$slots$expandRow !== void 0 ? _ctx$slots$expandRow : (0,external_vue_namespaceObject.createVNode)("div", {
             "class": "expand-cell-ctx"
           }, [(0,external_vue_namespaceObject.createTextVNode)("Expand Row")])])])];
         }
@@ -23003,6 +23180,9 @@ function use_render_isSlot(s) {
       }), null);
     }
   };
+  (0,external_vue_namespaceObject.onUnmounted)(function () {
+    multiShiftKey.removeMultiCheckedEvents();
+  });
   return {
     renderColumns: renderColumns,
     renderTBody: renderTBody,
@@ -23305,90 +23485,6 @@ var useRows = function useRows(props) {
   };
 };
 /* harmony default export */ const use_rows = (useRows);
-;// CONCATENATED MODULE: external "../loading"
-var loading_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var loading_y = x => () => x
-const loading_namespaceObject = loading_x({ ["BkLoadingMode"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingMode, ["BkLoadingSize"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__.BkLoadingSize, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__["default"] });
-;// CONCATENATED MODULE: external "../loading/loading.less"
-var loading_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var loading_less_y = x => () => x
-const loading_less_namespaceObject = loading_less_x({  });
-;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-scroll-loading.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 use_scroll_loading = (function (props, ctx) {
-  var refScrollLoading = (0,external_vue_namespaceObject.toRef)(props, 'scrollLoading');
-  var getLoadingOption = function getLoadingOption() {
-    if (typeof refScrollLoading.value === 'boolean') {
-      return {
-        loading: !!refScrollLoading.value,
-        inline: true,
-        title: '',
-        size: loading_namespaceObject.BkLoadingSize.Normal,
-        mode: loading_namespaceObject.BkLoadingMode.Default,
-        indicator: null
-      };
-    }
-    return refScrollLoading.value;
-  };
-  var isRender = (0,external_vue_namespaceObject.computed)(function () {
-    return refScrollLoading.value !== null && (typeof refScrollLoading.value === 'boolean' && refScrollLoading.value || typeof_typeof(refScrollLoading.value) === 'object');
-  });
-  var renderScrollLoading = function renderScrollLoading() {
-    var _ctx$slots$fixedBotto3, _ctx$slots$fixedBotto4, _ctx$slots2;
-    if (isRender.value) {
-      var _ctx$slots$fixedBotto, _ctx$slots$fixedBotto2, _ctx$slots;
-      var _getLoadingOption = getLoadingOption(),
-        loading = _getLoadingOption.loading,
-        size = _getLoadingOption.size,
-        mode = _getLoadingOption.mode,
-        title = _getLoadingOption.title,
-        inline = _getLoadingOption.inline,
-        indicator = _getLoadingOption.indicator;
-      return (_ctx$slots$fixedBotto = (_ctx$slots$fixedBotto2 = (_ctx$slots = ctx.slots).fixedBottom) === null || _ctx$slots$fixedBotto2 === void 0 ? void 0 : _ctx$slots$fixedBotto2.call(_ctx$slots)) !== null && _ctx$slots$fixedBotto !== void 0 ? _ctx$slots$fixedBotto : (0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
-        loading: loading,
-        size: size,
-        mode: mode,
-        title: title,
-        inline: inline,
-        indicator: indicator
-      }, null);
-    }
-    return (_ctx$slots$fixedBotto3 = (_ctx$slots$fixedBotto4 = (_ctx$slots2 = ctx.slots).fixedBottom) === null || _ctx$slots$fixedBotto4 === void 0 ? void 0 : _ctx$slots$fixedBotto4.call(_ctx$slots2)) !== null && _ctx$slots$fixedBotto3 !== void 0 ? _ctx$slots$fixedBotto3 : null;
-  };
-  return {
-    renderScrollLoading: renderScrollLoading
-  };
-});
 ;// CONCATENATED MODULE: ../../packages/table/src/hooks/use-settings.tsx
 
 
@@ -23763,7 +23859,6 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
 
 
 
-
 /* harmony default export */ const table = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Table',
   props: tableProps,
@@ -23774,6 +23869,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     var pagination = use_pagination(props);
     var _useLayout = use_layout(props, ctx),
       renderContainer = _useLayout.renderContainer,
+      renderFixedBottom = _useLayout.renderFixedBottom,
       renderBody = _useLayout.renderBody,
       renderHeader = _useLayout.renderHeader,
       renderFooter = _useLayout.renderFooter,
@@ -23790,7 +23886,8 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
      */
     var afterSetting = function afterSetting(fields) {
       if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
-        refBody.value.scrollTo(0, 0);
+        var _refBody$value;
+        (_refBody$value = refBody.value) === null || _refBody$value === void 0 || _refBody$value.scrollTo(0, 0);
       }
     };
     var settings = use_settings(props, ctx, columns, afterSetting);
@@ -23812,14 +23909,14 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       resolveColumns = _useColumnTemplate.resolveColumns;
     var instance = (0,external_vue_namespaceObject.getCurrentInstance)();
     var initTableColumns = function initTableColumns() {
-      columns.debounceUpdateColumns(resolveColumns(instance));
+      var _instance$subTree$chi, _instance$subTree;
+      var children = (_instance$subTree$chi = (_instance$subTree = instance.subTree) === null || _instance$subTree === void 0 ? void 0 : _instance$subTree.children) !== null && _instance$subTree$chi !== void 0 ? _instance$subTree$chi : [];
+      columns.debounceUpdateColumns(resolveColumns(children));
     };
     (0,external_vue_namespaceObject.provide)(PROVIDE_KEY_INIT_COL, initTableColumns);
     var _useFixedColumn = use_fixed_column(props, columns),
       renderFixedRows = _useFixedColumn.renderFixedRows,
       resolveFixedColumnStyle = _useFixedColumn.resolveFixedColumnStyle;
-    var _useScrollLoading = use_scroll_loading(props, ctx),
-      renderScrollLoading = _useScrollLoading.renderScrollLoading;
     /**
      * Column配置改变或者容器Resize之后，根据Columns配置
      * 计算每一列的实际宽度
@@ -23891,6 +23988,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       });
     };
     use_observer_resize(refRoot, function () {
+      var _refBody$value2;
       if ((props.height === '100%' || props.virtualEnabled) && (0,lodash.isElement)(refRoot.value)) {
         if (isResizeBodyHeight.value) {
           setTimeout(function () {
@@ -23905,6 +24003,8 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
         setOffsetRight();
       }
       computedColumnRect();
+      (_refBody$value2 = refBody.value) === null || _refBody$value2 === void 0 || _refBody$value2.scrollTo(0, 0);
+      setOffsetRight();
     });
     (0,external_vue_namespaceObject.watch)(function () {
       return [dragOffsetX.value];
@@ -23940,7 +24040,9 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     (0,external_vue_namespaceObject.watch)(function () {
       return [pagination.options.count, pagination.options.limit, pagination.options.current, props.data];
     }, function () {
+      var _refBody$value3;
       setTableData();
+      (_refBody$value3 = refBody.value) === null || _refBody$value3 === void 0 || _refBody$value3.scrollTo(0, 0);
     }, {
       immediate: true
     });
@@ -23958,7 +24060,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       }
     });
     return function () {
-      return renderContainer([renderHeader(renderColumns, settings.renderSettings), renderBody(rows.pageRowList, renderTBody, renderFixedRows, renderScrollLoading), renderFooter(renderTFoot())]);
+      return renderContainer([renderHeader(renderColumns, settings.renderSettings, renderFixedRows), renderBody(rows.pageRowList, renderTBody, renderFixedRows), renderFixedBottom(), renderFooter(renderTFoot())]);
     };
   }
 }));