@kdcloudjs/kdesign 1.6.32 → 1.6.34

package/es/date-picker/date-picker.js

@@ -85,7 +85,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onClick = datePickerProps.onClick,
       _onOk = datePickerProps.onOk; // ref
 
-  var panelDivRef = React.useRef(null);
   var inputDivRefDefault = React.useRef(null);
   var inputDivRef = ref || inputDivRefDefault;
   var popperRefDefault = React.useRef(null);
@@ -244,9 +243,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     if (!openValue) {
       setSelectedValue(dateValue);
 
-      if (valueText === '') {
-        triggerTextChange('');
-      } else if (valueText !== text) {
+      if (valueText !== text) {
         resetText();
       }
     } else {
@@ -399,7 +396,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
   var inputProps = {
     inputRef: inputRef,
-    panelDivRef: panelDivRef,
+    panelDivRef: popperRef,
     id: id,
     autoFocus: autoFocus,
     allowClear: allowClear,

package/es/rate/style/index.css

@@ -120,13 +120,13 @@
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large .kdicon {
+.kd-rate-size-large {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle .kdicon {
+.kd-rate-size-middle {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small .kdicon {
+.kd-rate-size-small {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {

package/es/rate/style/index.less

@@ -9,19 +9,13 @@
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    .@{kd-prefix}icon {
-      font-size: @rate-large-font-size;
-    }
+    font-size: @rate-large-font-size;
   }
   &-size-middle {
-    .@{kd-prefix}icon {
-      font-size: @rate-middle-font-size;
-    }
+    font-size: @rate-middle-font-size;
   }
   &-size-small {
-    .@{kd-prefix}icon {
-      font-size: @rate-small-font-size;
-    }
+    font-size: @rate-small-font-size;
   }
 }
 .@{rate-prefix-cls}-item {

package/es/style/icon/kdicon.css

@@ -4,7 +4,6 @@
 }
 .kdicon {
   font-family: 'kdicon' !important;
-  font-size:16px;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

package/es/table/api.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TablePipeline } from '@kdcloudjs/table';
+import { TableApi } from './interface';
+export default function getApi(pipelineRef: React.MutableRefObject<TablePipeline>): TableApi;

package/es/table/api.js

@@ -0,0 +1,162 @@
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import { collectNodes } from '@kdcloudjs/table/es/table/utils';
+import { rangeSelectionKey } from '@kdcloudjs/table/es/table/pipeline/features/rangeSelection';
+export default function getApi(pipelineRef) {
+  function getColumns() {
+    var _a;
+
+    return (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getFooterDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getFooterDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+  /**
+   * 清除范围选中内容
+   */
+
+
+  function clearRangeSelection() {
+    var pipeline = pipelineRef.current;
+    pipeline.setStateAtKey(rangeSelectionKey, null);
+  }
+  /**
+   * 将目标行滚动到可视位置
+   * @param rowIndex 行索引
+   * @param position 目标行滚动到的位置，不传则根据目标行相对视口的位置滚动到底部或顶部，可取值为'top' | 'middle' | 'bottom'
+   * @returns
+   */
+
+
+  function ensureRowIndexVisible(rowIndex, position) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+
+    var _ref = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager,
+        cache = _ref.cache;
+
+    if (typeof rowIndex !== 'number' || rowIndex < 0 || rowIndex >= cache.length) {
+      console.warn('invalid row index for ensureIndexVisible: ' + rowIndex);
+      return;
+    }
+
+    var tableBodyContainer = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.tableBody;
+    if (!tableBodyContainer) return;
+    var rowTopPixel = 0;
+
+    for (var i = 0; i < rowIndex; i++) {
+      rowTopPixel += cache[i];
+    }
+
+    var rowBottomPixel = rowTopPixel + cache[rowIndex];
+    var viewportHeight = tableBodyContainer.clientHeight;
+    var vScrollTop = tableBodyContainer.scrollTop;
+    var vScrollBottom = vScrollTop + viewportHeight;
+    var pxTop = rowTopPixel;
+    var pxBottom = rowBottomPixel - viewportHeight;
+    var pxMiddle = Math.min((pxTop + pxBottom) / 2, rowTopPixel);
+    var rowBelowViewport = vScrollTop > rowTopPixel;
+    var rowAboveViewport = vScrollBottom < rowBottomPixel;
+    var newScrollPosition = null;
+
+    if (position === 'top') {
+      newScrollPosition = pxTop;
+    } else if (position === 'bottom') {
+      newScrollPosition = pxBottom;
+    } else if (position === 'middle') {
+      newScrollPosition = pxMiddle;
+    } else if (rowBelowViewport) {
+      // 目标行在视口之上，则向上滚动到顶部
+      newScrollPosition = pxTop;
+    } else if (rowAboveViewport) {
+      // 目标行在视口之下，则向下滚动到底部
+      newScrollPosition = pxBottom;
+    }
+
+    if (newScrollPosition !== null) {
+      tableBodyContainer.scrollTop = newScrollPosition;
+    }
+  }
+  /**
+   * 将目标列滚动到可视位置
+   * @param code 列标识
+   * @returns
+   */
+
+
+  function ensureColumnVisible(code) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+    var tableBodyContainer = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.domHelper.tableBody;
+    var tableScroll = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.stickyScroll;
+    var columnNodes = collectNodes(pipeline.getColumns(), 'leaf-only');
+
+    var column = _findInstanceProperty(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    });
+
+    var index = _findIndexInstanceProperty(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    }); // 固定列也不需要重置滚动条
+
+
+    if (!column || !tableBodyContainer || (column === null || column === void 0 ? void 0 : column.lock)) return;
+
+    var colLeft = _sliceInstanceProperty(columnNodes).call(columnNodes, 0, index).reduce(function (acc, col) {
+      return acc + col.width;
+    }, 0);
+
+    var colLeftPixel = colLeft; // 目标列前面列宽总和
+
+    var colRightPixel = colLeftPixel + column.width;
+    var viewportWidth = tableBodyContainer.clientWidth; // 表体容器的宽度
+
+    var scrollPosition = tableScroll.scrollLeft; // 滚动条滚动的距离
+
+    var vScrollLeft = scrollPosition;
+    var vScrollRight = scrollPosition + viewportWidth;
+    var pxLeft = colLeftPixel;
+    var pxRight = colRightPixel - viewportWidth;
+    var colBeforeViewport = vScrollLeft > colLeftPixel; // 滚动距离大于目标列前面列宽总和，说明目标列在视口之前
+
+    var colPastViewport = vScrollRight < colRightPixel; // 目标列是视口之后
+
+    var colToSmallForViewport = viewportWidth < column.width;
+    var alignColToLeft = colBeforeViewport || colToSmallForViewport;
+    var alignColToRight = colPastViewport;
+
+    if (alignColToLeft || alignColToRight) {
+      var newScrollPosition = alignColToLeft ? pxLeft : pxRight;
+      tableScroll.scrollLeft = newScrollPosition;
+    }
+  }
+
+  function getHeightCache() {
+    var _a;
+
+    var pipeline = pipelineRef.current;
+    return (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager.cache;
+  }
+
+  return {
+    getColumns: getColumns,
+    getDataSource: getDataSource,
+    getFooterDataSource: getFooterDataSource,
+    clearRangeSelection: clearRangeSelection,
+    ensureRowIndexVisible: ensureRowIndexVisible,
+    ensureColumnVisible: ensureColumnVisible,
+    getHeightCache: getHeightCache
+  };
+}

package/es/table/feature/colGroupExtendable.d.ts

@@ -0,0 +1,4 @@
+import { colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
+import { TablePipeline } from '../interface';
+declare function colGroupExtendable(pipeline: TablePipeline, columnGroupExtend: colGroupExtendOption): void;
+export default colGroupExtendable;

package/es/table/feature/colGroupExtendable.js

@@ -0,0 +1,9 @@
+import { features } from '@kdcloudjs/table';
+
+function colGroupExtendable(pipeline, columnGroupExtend) {
+  if (columnGroupExtend) {
+    pipeline.use(features.colGroupExtendable(columnGroupExtend));
+  }
+}
+
+export default colGroupExtendable;

package/es/table/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableProps as BaseTableProps, TablePipeline as TP, ArtColumnStaticPart } from '@kdcloudjs/table';
-import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
+import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
 declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
     components?: {
         /** 复选框 */
@@ -15,6 +15,9 @@ export declare type TableApi = {
     getDataSource: () => any[];
     getFooterDataSource: () => any[];
     clearRangeSelection: () => void;
+    getHeightCache: () => number[];
+    ensureRowIndexVisible: (rowIndex: number, position?: string | undefined) => void;
+    ensureColumnVisible: (code: string) => void;
 };
 export declare type TableInstance = {
     api: TableApi;
@@ -31,6 +34,7 @@ export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     columnResize?: boolean | ColumnResizeOptions;
     contextMenu?: IContextMenu;
     rangeSelection?: TableRangeSelection;
+    columnGroupExtend?: colGroupExtendOption;
 }
 export declare type RowSelectionType = 'checkbox' | 'radio';
 export declare type RowSelectionFixed = 'start' | 'end';

package/es/table/table.js

@@ -21,6 +21,8 @@ import useRangeSelection from './feature/useRangeSelection';
 import useＭergeCellHover from './feature/mergeCellHover';
 import devWarning from '../_utils/devwarning';
 import useFooterDataSource from './feature/useFooterDataSource';
+import usecolGroupExtendable from './feature/colGroupExtendable';
+import getApi from './api';
 var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   var columns = props.columns,
       dataSource = props.dataSource,
@@ -52,7 +54,9 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
       cssVariables = props.cssVariables,
       stickyScrollHeight = props.stickyScrollHeight,
       scrollbarWidth = props.scrollbarWidth,
-      scrollLoad = props.scrollLoad;
+      scrollLoad = props.scrollLoad,
+      _props$columnGroupExt = props.columnGroupExtend,
+      columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt;
 
   var _useContext = useContext(ConfigContext),
       getPrefixCls = _useContext.getPrefixCls,
@@ -77,15 +81,8 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   // }
 
   useImperativeHandle(ref, function () {
-    var _a, _b, _c, _d;
-
     return {
-      api: {
-        getColumns: (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current),
-        getDataSource: (_b = pipelineRef.current.getDataSource) === null || _b === void 0 ? void 0 : _b.bind(pipelineRef.current),
-        getFooterDataSource: (_c = pipelineRef.current.getFooterDataSource) === null || _c === void 0 ? void 0 : _c.bind(pipelineRef.current),
-        clearRangeSelection: (_d = pipelineRef.current.clearRangeSelection) === null || _d === void 0 ? void 0 : _d.bind(pipelineRef.current)
-      }
+      api: getApi(pipelineRef)
     };
   });
   /* -------------------------------------------------------------------------- */
@@ -106,6 +103,7 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   useRangeSelection(pipeline, rangeSelection);
   useＭergeCellHover(pipeline);
   useFooterDataSource(pipeline, footerDataSource);
+  usecolGroupExtendable(pipeline, columnGroupExtend);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */

package/lib/date-picker/date-picker.js

@@ -122,8 +122,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onClick = datePickerProps.onClick,
       _onOk = datePickerProps.onOk; // ref
 
-  var panelDivRef = _react.default.useRef(null);
-
   var inputDivRefDefault = _react.default.useRef(null);
 
   var inputDivRef = ref || inputDivRefDefault;
@@ -285,9 +283,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     if (!openValue) {
       setSelectedValue(dateValue);
 
-      if (valueText === '') {
-        triggerTextChange('');
-      } else if (valueText !== text) {
+      if (valueText !== text) {
         resetText();
       }
     } else {
@@ -439,7 +435,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
   var inputProps = {
     inputRef: inputRef,
-    panelDivRef: panelDivRef,
+    panelDivRef: popperRef,
     id: id,
     autoFocus: autoFocus,
     allowClear: allowClear,

package/lib/rate/style/index.css

@@ -120,13 +120,13 @@
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large .kdicon {
+.kd-rate-size-large {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle .kdicon {
+.kd-rate-size-middle {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small .kdicon {
+.kd-rate-size-small {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {

package/lib/rate/style/index.less

@@ -9,19 +9,13 @@
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    .@{kd-prefix}icon {
-      font-size: @rate-large-font-size;
-    }
+    font-size: @rate-large-font-size;
   }
   &-size-middle {
-    .@{kd-prefix}icon {
-      font-size: @rate-middle-font-size;
-    }
+    font-size: @rate-middle-font-size;
   }
   &-size-small {
-    .@{kd-prefix}icon {
-      font-size: @rate-small-font-size;
-    }
+    font-size: @rate-small-font-size;
   }
 }
 .@{rate-prefix-cls}-item {

package/lib/style/icon/kdicon.css

@@ -4,7 +4,6 @@
 }
 .kdicon {
   font-family: 'kdicon' !important;
-  font-size:16px;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

package/lib/table/api.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TablePipeline } from '@kdcloudjs/table';
+import { TableApi } from './interface';
+export default function getApi(pipelineRef: React.MutableRefObject<TablePipeline>): TableApi;

package/lib/table/api.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getApi;
+
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _utils = require("@kdcloudjs/table/es/table/utils");
+
+var _rangeSelection = require("@kdcloudjs/table/es/table/pipeline/features/rangeSelection");
+
+function getApi(pipelineRef) {
+  function getColumns() {
+    var _a;
+
+    return (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getFooterDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getFooterDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+  /**
+   * 清除范围选中内容
+   */
+
+
+  function clearRangeSelection() {
+    var pipeline = pipelineRef.current;
+    pipeline.setStateAtKey(_rangeSelection.rangeSelectionKey, null);
+  }
+  /**
+   * 将目标行滚动到可视位置
+   * @param rowIndex 行索引
+   * @param position 目标行滚动到的位置，不传则根据目标行相对视口的位置滚动到底部或顶部，可取值为'top' | 'middle' | 'bottom'
+   * @returns
+   */
+
+
+  function ensureRowIndexVisible(rowIndex, position) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+
+    var _ref = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager,
+        cache = _ref.cache;
+
+    if (typeof rowIndex !== 'number' || rowIndex < 0 || rowIndex >= cache.length) {
+      console.warn('invalid row index for ensureIndexVisible: ' + rowIndex);
+      return;
+    }
+
+    var tableBodyContainer = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.tableBody;
+    if (!tableBodyContainer) return;
+    var rowTopPixel = 0;
+
+    for (var i = 0; i < rowIndex; i++) {
+      rowTopPixel += cache[i];
+    }
+
+    var rowBottomPixel = rowTopPixel + cache[rowIndex];
+    var viewportHeight = tableBodyContainer.clientHeight;
+    var vScrollTop = tableBodyContainer.scrollTop;
+    var vScrollBottom = vScrollTop + viewportHeight;
+    var pxTop = rowTopPixel;
+    var pxBottom = rowBottomPixel - viewportHeight;
+    var pxMiddle = Math.min((pxTop + pxBottom) / 2, rowTopPixel);
+    var rowBelowViewport = vScrollTop > rowTopPixel;
+    var rowAboveViewport = vScrollBottom < rowBottomPixel;
+    var newScrollPosition = null;
+
+    if (position === 'top') {
+      newScrollPosition = pxTop;
+    } else if (position === 'bottom') {
+      newScrollPosition = pxBottom;
+    } else if (position === 'middle') {
+      newScrollPosition = pxMiddle;
+    } else if (rowBelowViewport) {
+      // 目标行在视口之上，则向上滚动到顶部
+      newScrollPosition = pxTop;
+    } else if (rowAboveViewport) {
+      // 目标行在视口之下，则向下滚动到底部
+      newScrollPosition = pxBottom;
+    }
+
+    if (newScrollPosition !== null) {
+      tableBodyContainer.scrollTop = newScrollPosition;
+    }
+  }
+  /**
+   * 将目标列滚动到可视位置
+   * @param code 列标识
+   * @returns
+   */
+
+
+  function ensureColumnVisible(code) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+    var tableBodyContainer = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.domHelper.tableBody;
+    var tableScroll = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.stickyScroll;
+    var columnNodes = (0, _utils.collectNodes)(pipeline.getColumns(), 'leaf-only');
+    var column = (0, _find.default)(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    });
+    var index = (0, _findIndex.default)(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    }); // 固定列也不需要重置滚动条
+
+    if (!column || !tableBodyContainer || (column === null || column === void 0 ? void 0 : column.lock)) return;
+    var colLeft = (0, _slice.default)(columnNodes).call(columnNodes, 0, index).reduce(function (acc, col) {
+      return acc + col.width;
+    }, 0);
+    var colLeftPixel = colLeft; // 目标列前面列宽总和
+
+    var colRightPixel = colLeftPixel + column.width;
+    var viewportWidth = tableBodyContainer.clientWidth; // 表体容器的宽度
+
+    var scrollPosition = tableScroll.scrollLeft; // 滚动条滚动的距离
+
+    var vScrollLeft = scrollPosition;
+    var vScrollRight = scrollPosition + viewportWidth;
+    var pxLeft = colLeftPixel;
+    var pxRight = colRightPixel - viewportWidth;
+    var colBeforeViewport = vScrollLeft > colLeftPixel; // 滚动距离大于目标列前面列宽总和，说明目标列在视口之前
+
+    var colPastViewport = vScrollRight < colRightPixel; // 目标列是视口之后
+
+    var colToSmallForViewport = viewportWidth < column.width;
+    var alignColToLeft = colBeforeViewport || colToSmallForViewport;
+    var alignColToRight = colPastViewport;
+
+    if (alignColToLeft || alignColToRight) {
+      var newScrollPosition = alignColToLeft ? pxLeft : pxRight;
+      tableScroll.scrollLeft = newScrollPosition;
+    }
+  }
+
+  function getHeightCache() {
+    var _a;
+
+    var pipeline = pipelineRef.current;
+    return (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager.cache;
+  }
+
+  return {
+    getColumns: getColumns,
+    getDataSource: getDataSource,
+    getFooterDataSource: getFooterDataSource,
+    clearRangeSelection: clearRangeSelection,
+    ensureRowIndexVisible: ensureRowIndexVisible,
+    ensureColumnVisible: ensureColumnVisible,
+    getHeightCache: getHeightCache
+  };
+}

package/lib/table/feature/colGroupExtendable.d.ts

@@ -0,0 +1,4 @@
+import { colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
+import { TablePipeline } from '../interface';
+declare function colGroupExtendable(pipeline: TablePipeline, columnGroupExtend: colGroupExtendOption): void;
+export default colGroupExtendable;

package/lib/table/feature/colGroupExtendable.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _table = require("@kdcloudjs/table");
+
+function colGroupExtendable(pipeline, columnGroupExtend) {
+  if (columnGroupExtend) {
+    pipeline.use(_table.features.colGroupExtendable(columnGroupExtend));
+  }
+}
+
+var _default = colGroupExtendable;
+exports.default = _default;

package/lib/table/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableProps as BaseTableProps, TablePipeline as TP, ArtColumnStaticPart } from '@kdcloudjs/table';
-import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
+import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
 declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
     components?: {
         /** 复选框 */
@@ -15,6 +15,9 @@ export declare type TableApi = {
     getDataSource: () => any[];
     getFooterDataSource: () => any[];
     clearRangeSelection: () => void;
+    getHeightCache: () => number[];
+    ensureRowIndexVisible: (rowIndex: number, position?: string | undefined) => void;
+    ensureColumnVisible: (code: string) => void;
 };
 export declare type TableInstance = {
     api: TableApi;
@@ -31,6 +34,7 @@ export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     columnResize?: boolean | ColumnResizeOptions;
     contextMenu?: IContextMenu;
     rangeSelection?: TableRangeSelection;
+    columnGroupExtend?: colGroupExtendOption;
 }
 export declare type RowSelectionType = 'checkbox' | 'radio';
 export declare type RowSelectionFixed = 'start' | 'end';