bkui-vue 2.0.1-beta.29 → 2.0.1-beta.30

package/lib/steps/index.d.ts

@@ -23,9 +23,6 @@ declare const BkSteps: {
         lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
             default: "dashed" | "solid";
         };
-        text: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -68,9 +65,6 @@ declare const BkSteps: {
         lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
             default: "dashed" | "solid";
         };
-        text: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -86,7 +80,6 @@ declare const BkSteps: {
         onClick?: (...args: any[]) => any;
         "onUpdate:curStep"?: (...args: any[]) => any;
     }, {
-        text: boolean;
         extCls: string;
         theme: "success" | "danger" | "warning" | "primary";
         steps: unknown[];
@@ -127,9 +120,6 @@ declare const BkSteps: {
         lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
             default: "dashed" | "solid";
         };
-        text: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        };
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -149,7 +139,6 @@ declare const BkSteps: {
         jumpTo: (index: any) => Promise<void>;
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
-        text: boolean;
         extCls: string;
         theme: "success" | "danger" | "warning" | "primary";
         steps: unknown[];
@@ -187,9 +176,6 @@ declare const BkSteps: {
     lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
         default: "dashed" | "solid";
     };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -209,7 +195,6 @@ declare const BkSteps: {
     jumpTo: (index: any) => Promise<void>;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], "click" | "update:curStep", {
-    text: boolean;
     extCls: string;
     theme: "success" | "danger" | "warning" | "primary";
     steps: unknown[];

package/lib/steps/index.js

@@ -569,7 +569,6 @@ var stepsProps = {
   direction: (0,shared_namespaceObject.directionType)(),
   status: (0,external_vue_types_namespaceObject.toType)('status', {}).def(StatusEnum.UNKNOWN),
   lineType: (0,shared_namespaceObject.lineStyleType)(),
-  text: shared_namespaceObject.PropTypes.bool,
   extCls: shared_namespaceObject.PropTypes.string,
   steps: shared_namespaceObject.PropTypes.array.def([]),
   beforeChange: shared_namespaceObject.PropTypes.func

package/lib/steps/steps.d.ts

@@ -48,9 +48,6 @@ declare const stepsProps: {
     lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
         default: "dashed" | "solid";
     };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -88,9 +85,6 @@ declare const _default: import("vue").DefineComponent<{
     lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
         default: "dashed" | "solid";
     };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -130,9 +124,6 @@ declare const _default: import("vue").DefineComponent<{
     lineType: import("vue-types").VueTypeDef<"dashed" | "solid"> & {
         default: "dashed" | "solid";
     };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -148,7 +139,6 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: (...args: any[]) => any;
     "onUpdate:curStep"?: (...args: any[]) => any;
 }, {
-    text: boolean;
     extCls: string;
     theme: "success" | "danger" | "warning" | "primary";
     steps: unknown[];

package/lib/table/hooks/use-columns.d.ts

@@ -1,16 +1,20 @@
 import { IEmptyObject } from '../const';
-import { Column, Settings, TablePropTypes } from '../props';
+import { Column, IHeadGroup, Settings, TablePropTypes } from '../props';
 declare const useColumns: (props: TablePropTypes) => {
     needColSpan: import("vue").ComputedRef<boolean>;
     needRowSpan: import("vue").ComputedRef<boolean>;
     tableColumnSchema: WeakMap<object, any> & Omit<WeakMap<object, any>, keyof WeakMap<any, any>>;
     tableColumnList: any[];
     visibleColumns: Column[];
-    debounceUpdateColumns: import("lodash").DebouncedFunc<(columns: any) => void>;
+    debounceUpdateColumns: import("lodash").DebouncedFunc<(columns: any, onComplete?: any) => void>;
     sortColumns: any[];
     filterColumns: any[];
+    columnGroup: Column[][];
+    columnGroupMap: WeakMap<Column, IHeadGroup>;
     clearColumnSort: () => void;
+    clearSelectionAll: () => void;
     formatColumns: () => void;
+    flatColumnTemplate: (cols: Column[]) => any[];
     isHiddenColumn: (col: Column) => any;
     getColumnId: (col: Column) => any;
     getColumnOrderWidth: (col: Column, orders?: string[]) => number;
@@ -33,6 +37,7 @@ declare const useColumns: (props: TablePropTypes) => {
     getColumnRefAttribute: (col: Column | IEmptyObject, attributeName: string) => any;
     getColumnCalcWidth: (column: Column) => any;
     getColumnWidth: (column: Column) => any;
+    getGroupAttribute: (group: Column) => IHeadGroup;
     resolveEventListener: (col: Column) => Record<string, (...args: any[]) => void> & {
         [x: string]: (e: MouseEvent) => void;
     };

package/lib/table/hooks/use-head.d.ts

@@ -9,6 +9,7 @@ declare const _default: ({ props, columns, rows, ctx, column, index, }: {
     column: Column;
     index: number;
     rows: UseRows;
+    rowIndex: number;
 }) => {
     getTH: () => JSX.Element;
 };

package/lib/table/hooks/use-layout.d.ts

@@ -13,6 +13,7 @@ declare const _default: (props: TablePropTypes, ctx: any) => {
     setFixedColumns: (values: Column[]) => void;
     setOffsetRight: () => void;
     setLineHeight: (val: number) => void;
+    setHeaderRowCount: (val: number) => void;
     initRootStyleVars: () => void;
     refRoot: Ref<HTMLElement>;
     refHead: Ref<HTMLElement>;

package/lib/table/index.js

@@ -17693,9 +17693,9 @@ var tableProps = {
   stripe: shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 设置表格最小高度
-   * 默认：LINE_HEIGHT * 4
+   * 默认：LINE_HEIGHT * 2
    */
-  minHeight: StringNumberType(LINE_HEIGHT * 3),
+  minHeight: StringNumberType(LINE_HEIGHT),
   /**
    * 设置表格最d大高度
    * 默认：auto，依赖外层高度
@@ -18423,51 +18423,65 @@ function v4(options, buf, offset) {
     }
     return columnCache.get(ctx);
   };
-  var resolveChildNode = function resolveChildNode(node) {
-    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;
-    }
-    if (((_node$type2 = node.type) === null || _node$type2 === void 0 ? void 0 : _node$type2.name) === 'TableColumn') {
-      var _node$props$render, _node$children;
-      var resolveProp = Object.assign({
-        index: columnIndex
-      }, copyProps(node.props), {
-        field: node.props.prop || node.props.field,
-        render: (_node$props$render = node.props.render) !== null && _node$props$render !== void 0 ? _node$props$render : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"],
-        uniqueId: getNodeCtxUid(node)
-      });
-      if (!columns.some(function (col) {
-        return col.uniqueId === resolveProp.uniqueId;
-      })) {
-        columns.push((0,external_vue_namespaceObject.unref)(resolveProp));
-        columnIndex = columnIndex + 1;
-      }
-      return;
-    }
+  var resolveNodeChilren = function resolveNodeChilren(node, rootNode, isColumnRoot) {
+    var _node$component;
     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);
+      resolveChildNode(node === null || node === void 0 || (_node$component2 = node.component) === null || _node$component2 === void 0 ? void 0 : _node$component2.subTree, rootNode);
       return;
     }
     if (typeof node === 'function') {
       return node();
     }
     if (Array.isArray(node)) {
-      node.forEach(resolveChildNode);
+      node.forEach(function (c) {
+        return resolveChildNode(c, rootNode);
+      });
       return;
     }
     if (Array.isArray(node === null || node === void 0 ? void 0 : node.children)) {
-      node.children.forEach(resolveChildNode);
+      node.children.forEach(function (c) {
+        return resolveChildNode(c, rootNode);
+      });
       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') {
+    if (!isColumnRoot && (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 resolveChildNode(node.children[key], rootNode);
       });
       return;
     }
   };
+  var resolveChildNode = function resolveChildNode(node, parent) {
+    var _node$type, _node$type2;
+    var rootNode = parent;
+    if (!node || ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'Table') {
+      return;
+    }
+    if (((_node$type2 = node.type) === null || _node$type2 === void 0 ? void 0 : _node$type2.name) === 'TableColumn') {
+      var _node$props$render, _node$children, _parent$children;
+      var resolveProp = Object.assign({
+        index: columnIndex
+      }, copyProps(node.props), {
+        field: node.props.prop || node.props.field,
+        render: (_node$props$render = node.props.render) !== null && _node$props$render !== void 0 ? _node$props$render : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"],
+        uniqueId: getNodeCtxUid(node),
+        children: []
+      });
+      var targetColumns = (_parent$children = parent === null || parent === void 0 ? void 0 : parent.children) !== null && _parent$children !== void 0 ? _parent$children : columns;
+      if (!targetColumns.some(function (col) {
+        return col.uniqueId === resolveProp.uniqueId;
+      })) {
+        targetColumns.push(resolveProp);
+        columnIndex = columnIndex + 1;
+        if (node.children) {
+          resolveNodeChilren(node, resolveProp, true);
+        }
+      }
+      return;
+    }
+    resolveNodeChilren(node, rootNode);
+  };
   var resolveColumns = function resolveColumns(children) {
     columns.length = 0;
     columnIndex = 0;
@@ -18482,7 +18496,9 @@ function v4(options, buf, offset) {
         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);
+        ((_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(function (c) {
+          return resolveChildNode(c);
+        });
       }
     }
     columns.sort(function (col1, col2) {
@@ -20043,6 +20059,8 @@ var useColumns = function useColumns(props) {
   var uuid = esm_browser_v4();
   var sortColumns = (0,external_vue_namespaceObject.reactive)([]);
   var filterColumns = (0,external_vue_namespaceObject.reactive)([]);
+  var columnGroup = (0,external_vue_namespaceObject.reactive)([]);
+  var columnGroupMap = new WeakMap();
   /**
    * 用来记录列的排序状态
    * @param col
@@ -20252,6 +20270,81 @@ var useColumns = function useColumns(props) {
     };
     return filterFn;
   };
+  /**
+   * 格式化Column嵌套配置，支持多表头设置
+   * @param cols
+   */
+  var flatColumnTemplate = function flatColumnTemplate(cols) {
+    columnGroup.length = 0;
+    var maxDepth = 0;
+    var targetColumns = [];
+    var getMaxDepth = function getMaxDepth(root) {
+      var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      if (root.length && maxDepth < depth) {
+        maxDepth = depth;
+      }
+      root.forEach(function (col) {
+        var _col$children;
+        return getMaxDepth((_col$children = col.children) !== null && _col$children !== void 0 ? _col$children : [], depth + 1);
+      });
+    };
+    getMaxDepth(cols);
+    var updateParentThColspan = function updateParentThColspan(col, count) {
+      if (col) {
+        var colMap = columnGroupMap.get(col);
+        colMap.thColspan = colMap.thColspan + count;
+        colMap.offsetLeft = colMap.offsetLeft + count;
+        updateParentThColspan(colMap.parent, count);
+      }
+    };
+    var foreachAllColumns = function foreachAllColumns(column, depth, parent, left) {
+      var _col$children$length, _col$children2, _col$children$length2, _col$children3, _col$children$length3, _col$children4, _col$children$length4, _col$children5, _col$children6;
+      var col = (0,external_vue_namespaceObject.toRaw)(column);
+      var leftColumnCount = left;
+      if (columnGroup[depth] === undefined) {
+        columnGroup[depth] = [];
+      }
+      var isGroup = !!((_col$children$length = (_col$children2 = col.children) === null || _col$children2 === void 0 ? void 0 : _col$children2.length) !== null && _col$children$length !== void 0 ? _col$children$length : false);
+      if (!((_col$children$length2 = (_col$children3 = col.children) === null || _col$children3 === void 0 ? void 0 : _col$children3.length) !== null && _col$children$length2 !== void 0 ? _col$children$length2 : false)) {
+        targetColumns.push(col);
+      }
+      if (!columnGroupMap.has(col)) {
+        columnGroupMap.set(col, {
+          thColspan: 1,
+          thRowspan: 1,
+          isGroup: isGroup,
+          offsetLeft: left
+        });
+      }
+      var colMap = columnGroupMap.get(col);
+      var childLength = (_col$children$length3 = (_col$children4 = col.children) === null || _col$children4 === void 0 ? void 0 : _col$children4.length) !== null && _col$children$length3 !== void 0 ? _col$children$length3 : 0;
+      var thColspan = (_col$children$length4 = (_col$children5 = col.children) === null || _col$children5 === void 0 ? void 0 : _col$children5.length) !== null && _col$children$length4 !== void 0 ? _col$children$length4 : 1;
+      var thRowspan = childLength > 0 ? 1 : maxDepth - depth;
+      var offsetLeft = leftColumnCount + (childLength > 0 ? childLength - 1 : 0);
+      Object.assign(colMap, {
+        thColspan: thColspan > 0 ? thColspan : 1,
+        parent: parent,
+        thRowspan: thRowspan,
+        offsetLeft: offsetLeft
+      });
+      columnGroup[depth].push(col);
+      if (thColspan > 1) {
+        updateParentThColspan(parent, thColspan - 1);
+      }
+      (_col$children6 = col.children) === null || _col$children6 === void 0 || _col$children6.forEach(function (c, index) {
+        leftColumnCount = leftColumnCount + foreachAllColumns(c, depth + 1, col, leftColumnCount + index);
+      });
+      return childLength > 0 ? childLength - 1 : 0;
+    };
+    var leftColumnCount = 0;
+    cols.forEach(function (col, index) {
+      leftColumnCount = leftColumnCount + foreachAllColumns(col, 0, null, leftColumnCount + index);
+    });
+    return targetColumns;
+  };
+  var getGroupAttribute = function getGroupAttribute(group) {
+    return columnGroupMap.get(group);
+  };
   /**
    * Format columns
    * @param columns
@@ -20336,11 +20429,12 @@ var useColumns = function useColumns(props) {
     };
     setColumnAttribute(col, COLUMN_ATTRIBUTE.COL_RECT, target);
   };
-  var debounceUpdateColumns = (0,lodash.debounce)(function (columns) {
+  var debounceUpdateColumns = (0,lodash.debounce)(function (columns, onComplete) {
     tableColumnList.length = 0;
-    tableColumnList.push.apply(tableColumnList, _toConsumableArray(columns));
+    tableColumnList.push.apply(tableColumnList, _toConsumableArray(flatColumnTemplate(columns)));
     formatColumns();
     setVisibleColumns();
+    onComplete === null || onComplete === void 0 || onComplete();
   });
   var setColumnIsHidden = function setColumnIsHidden(column) {
     var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -20494,13 +20588,6 @@ var useColumns = function useColumns(props) {
     }
     setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_ACTIVE, active);
   };
-  (0,external_vue_namespaceObject.watch)(function () {
-    return [props.columns];
-  }, function () {
-    debounceUpdateColumns(props.columns);
-  }, {
-    immediate: true
-  });
   /**
    * 清理列排序
    * @param reset 是否重置表格数据
@@ -20511,6 +20598,18 @@ var useColumns = function useColumns(props) {
       setColumnAttribute(col, COLUMN_ATTRIBUTE.COL_FILTER_FN, undefined);
     });
   };
+  /**
+   * 清理表头全选操作
+   */
+  var clearSelectionAll = function clearSelectionAll() {
+    var col = visibleColumns.find(function (item) {
+      return item.type === 'selection';
+    });
+    if (col) {
+      setColumnAttribute(col, COLUMN_ATTRIBUTE.SELECTION_VAL, false);
+      setColumnAttribute(col, COLUMN_ATTRIBUTE.SELECTION_INDETERMINATE, false);
+    }
+  };
   return {
     needColSpan: needColSpan,
     needRowSpan: needRowSpan,
@@ -20520,8 +20619,12 @@ var useColumns = function useColumns(props) {
     debounceUpdateColumns: debounceUpdateColumns,
     sortColumns: sortColumns,
     filterColumns: filterColumns,
+    columnGroup: columnGroup,
+    columnGroupMap: columnGroupMap,
     clearColumnSort: clearColumnSort,
+    clearSelectionAll: clearSelectionAll,
     formatColumns: formatColumns,
+    flatColumnTemplate: flatColumnTemplate,
     isHiddenColumn: isHiddenColumn,
     getColumnId: getColumnId,
     getColumnOrderWidth: getColumnOrderWidth,
@@ -20534,6 +20637,7 @@ var useColumns = function useColumns(props) {
     getColumnRefAttribute: getColumnRefAttribute,
     getColumnCalcWidth: getColumnCalcWidth,
     getColumnWidth: getColumnWidth,
+    getGroupAttribute: getGroupAttribute,
     resolveEventListener: resolveEventListener,
     setColumnIsHidden: setColumnIsHidden,
     setColumnResizeWidth: setColumnResizeWidth,
@@ -20997,6 +21101,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   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 headerRowCount = (0,external_vue_namespaceObject.ref)(1);
   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;
@@ -21016,7 +21121,7 @@ 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));
+    return (0,shared_namespaceObject.classes)(defineProperty_defineProperty(defineProperty_defineProperty(defineProperty_defineProperty({}, resolveClassName('table-head'), true), 'has-settings', !!props.settings), 'has-group', headerRowCount.value > 1));
   });
   var setFixedColumnShawdow = function setFixedColumnShawdow() {
     var _refRoot$value, _refRoot$value2;
@@ -21038,6 +21143,9 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     translateX.value = val;
     setRootStyleVars();
   };
+  var setHeaderRowCount = function setHeaderRowCount(val) {
+    headerRowCount.value = val;
+  };
   var setTranslateY = function setTranslateY(val) {
     translateY.value = val;
     setRootStyleVars();
@@ -21056,7 +21164,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   };
   var config = resolveHeadConfig(props);
   var headHeight = (0,external_vue_namespaceObject.computed)(function () {
-    return resolvePropVal(config, 'height', ['thead']);
+    return resolvePropVal(config, 'height', ['thead']) * headerRowCount.value;
   });
   var headStyle = (0,external_vue_namespaceObject.computed)(function () {
     var _props$thead$color, _props$thead;
@@ -21262,6 +21370,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
     setFixedColumns: setFixedColumns,
     setOffsetRight: setOffsetRight,
     setLineHeight: setLineHeight,
+    setHeaderRowCount: setHeaderRowCount,
     initRootStyleVars: initRootStyleVars,
     refRoot: refRoot,
     refHead: refHead,
@@ -22556,6 +22665,7 @@ function use_head_isSlot(s) {
     index = _ref.index;
   var sortType = (0,external_vue_namespaceObject.ref)(columns.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE));
   var sortActive = (0,external_vue_namespaceObject.ref)(columns.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_ACTIVE));
+  var rawColumn = (0,external_vue_namespaceObject.toRaw)(column);
   /**
    * 点击排序事件
    * @param sortFn 排序函数
@@ -22732,14 +22842,36 @@ function use_head_isSlot(s) {
   var headStyle = Object.assign(columns.getFixedStlye(column), {
     '--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]
   });
-  var classList = [columns.getHeadColumnClass(column, index), columns.getColumnCustomClass(column), column.align || props.headerAlign || props.align];
+  var group = columns.getGroupAttribute(rawColumn);
+  var classList = (0,external_vue_namespaceObject.computed)(function () {
+    return [columns.getHeadColumnClass(column, index), columns.getColumnCustomClass(column), column.align || props.headerAlign || props.align, {
+      'is-last-child': (group === null || group === void 0 ? void 0 : group.offsetLeft) + 1 === columns.visibleColumns.length
+    }];
+  });
+  var groupClass = (0,external_vue_namespaceObject.computed)(function () {
+    return classList.value.concat([{
+      'is-head-group': group === null || group === void 0 ? void 0 : group.isGroup,
+      'is-head-group-child': !!(group !== null && group !== void 0 && group.parent)
+    }]);
+  });
+  var getGroupRender = function getGroupRender() {
+    return resolvePropVal(column, 'label', [index, column]);
+  };
   var getTH = function getTH() {
+    if (group !== null && group !== void 0 && group.isGroup) {
+      return (0,external_vue_namespaceObject.createVNode)("th", {
+        "style": headStyle,
+        "class": groupClass.value,
+        "colspan": group === null || group === void 0 ? void 0 : group.thColspan,
+        "rowspan": group === null || group === void 0 ? void 0 : group.thRowspan
+      }, [getGroupRender()]);
+    }
     return (0,external_vue_namespaceObject.createVNode)("th", (0,external_vue_namespaceObject.mergeProps)({
       "style": headStyle,
-      "class": classList,
-      "colspan": 1,
+      "class": classList.value,
+      "colspan": group === null || group === void 0 ? void 0 : group.thColspan,
       "data-id": columns.getColumnId(column),
-      "rowspan": 1,
+      "rowspan": group === null || group === void 0 ? void 0 : group.thRowspan,
       "onClick": function onClick() {
         return handleColumnHeadClick();
       }
@@ -22930,21 +23062,20 @@ function use_render_isSlot(s) {
     };
     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,
-              rows: rows
-            }),
-            getTH = _useHead.getTH;
-          return getTH();
-        })])];
-      }
+    }, [columns.columnGroup.map(function (cols, rowIndex) {
+      return (0,external_vue_namespaceObject.createVNode)("tr", null, [cols.map(function (column, index) {
+        var _useHead = use_head({
+            props: props,
+            ctx: ctx,
+            columns: columns,
+            column: column,
+            index: index,
+            rows: rows,
+            rowIndex: rowIndex
+          }),
+          getTH = _useHead.getTH;
+        return getTH();
+      })]);
     })])]);
   };
   var renderColumns = function renderColumns() {
@@ -23950,6 +24081,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       setFootHeight = _useLayout.setFootHeight,
       setDragOffsetX = _useLayout.setDragOffsetX,
       setOffsetRight = _useLayout.setOffsetRight,
+      setHeaderRowCount = _useLayout.setHeaderRowCount,
       refBody = _useLayout.refBody,
       refRoot = _useLayout.refRoot;
     /**
@@ -23984,7 +24116,9 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     var initTableColumns = function initTableColumns() {
       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));
+      columns.debounceUpdateColumns(resolveColumns(children), function () {
+        setHeaderRowCount(columns.columnGroup.length);
+      });
     };
     (0,external_vue_namespaceObject.provide)(PROVIDE_KEY_INIT_COL, initTableColumns);
     var _useFixedColumn = use_fixed_column(props, columns),
@@ -24093,6 +24227,15 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
         observerResizing.value = false;
       });
     });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return [props.columns];
+    }, function () {
+      columns.debounceUpdateColumns(props.columns, function () {
+        setHeaderRowCount(columns.columnGroup.length);
+      });
+    }, {
+      immediate: true
+    });
     (0,external_vue_namespaceObject.watch)(function () {
       return [dragOffsetX.value];
     }, function () {
@@ -24141,7 +24284,10 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     ctx.expose({
       setRowExpand: rows.setRowExpand,
       setAllRowExpand: rows.setAllRowExpand,
-      clearSelection: rows.clearSelection,
+      clearSelection: function clearSelection() {
+        rows.clearSelection();
+        columns.clearSelectionAll();
+      },
       toggleAllSelection: rows.toggleAllSelection,
       toggleRowSelection: rows.toggleRowSelection,
       getSelection: rows.getRowSelection,

package/lib/table/props.d.ts

@@ -162,8 +162,16 @@ export type IDraggableRowOption = {
     icon?: JSX.Element;
     width?: number;
 };
+export type IHeadGroup = {
+    thColspan: number;
+    thRowspan: number;
+    isGroup: boolean;
+    parent?: IHeadGroup;
+    label?: string;
+    offsetLeft?: number;
+};
 export type Column = {
-    label: LabelFunctionString;
+    label?: LabelFunctionString;
     field?: LabelFunctionString;
     render?: RenderFunctionString;
     renderHead?: RenderFunctionString;
@@ -184,6 +192,7 @@ export type Column = {
     prop?: LabelFunctionString;
     index?: number;
     explain?: IColumnExplain;
+    children?: Column[];
 };
 export declare const IColumnProp: import("vue-types").VueTypeDef<Column>;
 export type Thead = {
@@ -281,7 +290,7 @@ export declare const tableProps: {
     };
     /**
      * 设置表格最小高度
-     * 默认：LINE_HEIGHT * 4
+     * 默认：LINE_HEIGHT * 2
      */
     minHeight: import("vue-types").VueTypeDef<StringNumber> & {
         default: StringNumber;