@aloudata/aloudata-design 2.15.9 → 2.15.10

package/dist/AldSelect/BaseSelect.js

@@ -97,6 +97,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(FormItemInputContext),
     contextStatus = _useContext.status;
   var mergedStatus = customStatus || contextStatus || undefined;
+
   // =========================== Imperative ===========================
   React.useImperativeHandle(ref, function () {
     return {
@@ -246,6 +247,7 @@ var BaseSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })))), /*#__PURE__*/React.createElement(Suffix, {
     showArrow: showArrow,
     allowClear: allowClear,
+    disabled: disabled,
     isHover: isHover,
     onClear: function onClear() {
       onToggleOpen(false);

package/dist/AldSelect/components/Suffix.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { DisplayValueType } from '../interface';
-export default function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displayValues, }: {
+export default function Suffix({ showArrow, allowClear, isActive, isHover, icon, onClear, displayValues, disabled, }: {
     showArrow?: boolean;
     allowClear?: boolean;
     isActive?: boolean;
     isHover?: boolean;
+    disabled?: boolean;
     icon: React.ReactNode;
     onClear?: () => void;
     displayValues: DisplayValueType[];

package/dist/AldSelect/components/Suffix.js

@@ -8,9 +8,10 @@ export default function Suffix(_ref) {
     isHover = _ref.isHover,
     icon = _ref.icon,
     onClear = _ref.onClear,
-    displayValues = _ref.displayValues;
+    displayValues = _ref.displayValues,
+    disabled = _ref.disabled;
   var classNames = prefixCls('select');
-  if ((isActive || isHover) && allowClear && displayValues.length > 0) {
+  if ((isActive || isHover) && !disabled && allowClear && displayValues.length > 0) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('suffix', 'clear'),
       onClick: function onClick(event) {

package/dist/AldSelect/index.js

@@ -15,7 +15,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { forwardRef, useCallback, useMemo } from 'react';
+import React, { forwardRef, useCallback, useContext, useMemo } from 'react';
 import useOptions, { isRawValue } from "./hooks/useOptions";
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import { toArray } from "./utils/commonUtil";
@@ -24,6 +24,7 @@ import BaseSelect, { isMultiple } from "./BaseSelect";
 import { injectPropsWithOption } from "./utils/valueUtil";
 import useDisplayMenu from "./hooks/useDisplayMenu";
 import { toString } from "./utils/commonUtil";
+import DisabledContext from 'antd/lib/config-provider/DisabledContext';
 export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
@@ -37,7 +38,8 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     filterOption = props.filterOption,
     searchValue = props.searchValue,
     optionLabelProp = props.optionLabelProp,
-    listHeight = props.listHeight;
+    listHeight = props.listHeight,
+    customDisabled = props.disabled;
 
   // =========================== Values ===========================
   var _useMergedState = useMergedState(defaultValue, {
@@ -46,6 +48,8 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     internalValue = _useMergedState2[0],
     setInternalValue = _useMergedState2[1];
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   var parsedOptions = useOptions({
     menu: menu,
     options: options,
@@ -228,6 +232,7 @@ export default /*#__PURE__*/forwardRef(function AldSelect(props, ref) {
   var displayMenu = useDisplayMenu(selectMenu, filterOption, innerSearchValue);
   return /*#__PURE__*/React.createElement(BaseSelect, _extends({}, props, {
     ref: ref,
+    disabled: mergedDisabled,
     displayValues: displayValues,
     onDisplayValuesChange: onDisplayValuesChange,
     setInnerSearchValue: setInnerSearchValue,

package/dist/AldSelect/style/color.less

@@ -1,6 +1,7 @@
 .beta-ald-select {
   border-color: #d1d5db;
   color: #1f2937;
+  background-color: #fff;
 
   &-active {
     border-color: #007bff;
@@ -17,6 +18,7 @@
 
   &-borderless {
     border-color: transparent;
+    background-color: transparent;
     color: #111827;
 
     &:hover {
@@ -32,7 +34,7 @@
 
   &-disabled {
     border: 1px solid #d1d5db;
-    background: #f9fafb;
+    background: #f3f4f6;
 
     &.beta-ald-select-borderless {
       border-color: transparent;

package/dist/AldSelect/style/index.less

@@ -10,7 +10,6 @@
   position: relative;
   align-items: center;
   cursor: pointer;
-  background-color: #fff;
 
   &-disabled {
     cursor: not-allowed;

package/dist/Checkbox/style/index.less

@@ -31,10 +31,7 @@
   --alias-colors-bg-selected-strong-press,
   #0b4385
 );
-@checkbox-checked-inner-bgc-disabled: var(
-  --alias-colors-bg-disabled,
-  rgba(0, 0, 0, 0.05)
-);
+@checkbox-checked-inner-bgc-disabled: #f3f4f6;
 
 @checkout-border-radius: var(--alias-radius-25);
 

package/dist/Input/style/status.less

@@ -27,11 +27,8 @@
 @input-focus-placeholder-color: var(--alias-colors-text-subtlest, #9ca3af);
 
 //color disabled
-@input-disabled-border-color: var(
-  --alias-colors-border-disabled,
-  rgba(0, 0, 0, 0.1)
-);
-@input-disabled-bg-color: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
+@input-disabled-border-color: #d1d5db;
+@input-disabled-bg-color: #f3f4f6;
 @input-disabled-text-color: var(
   --alias-colors-text-disabled,
   rgba(0, 0, 0, 0.25)

package/dist/InputNumber/style/index.less

@@ -29,8 +29,8 @@
 @inputNumber-active-border-color: var(--alias-colors-border-selected, #126fdd);
 
 //disable
-@inputNumber-disabled-bg-color: @BG90;
-@inputNumber-disabled-border-color: @BG60;
+@inputNumber-disabled-bg-color: #f3f4f6;
+@inputNumber-disabled-border-color: #d1d5db;
 @inputNumber-disabled-color: @NL40;
 //光标颜色
 @inputNumber-cursor-color: @B60;

package/dist/InputSearch/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export default function InputSearch(props: IProps): React.JSX.Element;
 interface IProps {
     onSearch: (value: string) => void;
+    onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;
     className?: string;
     debounce?: boolean;
     placeholder?: string;

package/dist/InputSearch/index.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useDebounceFn } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useCallback, useContext, useMemo, useState } from 'react';
+import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { SearchLine } from "../Icon";
 import Input from "../Input";
 import { ELangType, LocaleContext, getTranslator } from "../locale/default";
@@ -38,7 +38,8 @@ export default function InputSearch(props) {
     defaultValue = props.defaultValue,
     _props$inputMode = props.inputMode,
     inputMode = _props$inputMode === void 0 ? false : _props$inputMode,
-    style = props.style;
+    style = props.style,
+    _onBlur = props.onBlur;
   var defaultWidth = useMemo(function () {
     if (size === 'small') {
       if (locale === ELangType.EN) {
@@ -61,24 +62,44 @@ export default function InputSearch(props) {
     _useState2 = _slicedToArray(_useState, 2),
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
+  var isComposing = useRef(false);
   var onPressEnter = useCallback(function (e) {
-    onSearch(_.trim(e.target.value));
+    if (!isComposing.current) {
+      onSearch(_.trim(e.target.value));
+    }
   }, [onSearch]);
   var DEFAULT_DEBOUNCE_TIME = 500;
   var _useDebounceFn = useDebounceFn(function (val) {
-      onSearch(val);
+      if (!isComposing.current) {
+        onSearch(val);
+      }
     }, {
       wait: DEFAULT_DEBOUNCE_TIME
     }),
     debounceSearch = _useDebounceFn.run;
   var onChangeValue = useCallback(function (e) {
     var newValue = e.target.value;
+    setSearchValue(newValue);
+    if (!isComposing.current) {
+      if (debounce) {
+        debounceSearch(newValue);
+      } else {
+        onSearch(newValue);
+      }
+    }
+  }, [debounce, debounceSearch, onSearch]);
+  var handleCompositionStart = useCallback(function () {
+    isComposing.current = true;
+  }, []);
+  var handleCompositionEnd = useCallback(function (e) {
+    isComposing.current = false;
+    // 在输入法结束后触发一次搜索
+    var value = e.target.value;
     if (debounce) {
-      debounceSearch(newValue);
+      debounceSearch(value);
     } else {
-      onSearch(newValue);
+      onSearch(value);
     }
-    setSearchValue(newValue);
   }, [debounce, debounceSearch, onSearch]);
   var iconSize = useMemo(function () {
     if (size === 'middle' || size === 'large') {
@@ -99,11 +120,18 @@ export default function InputSearch(props) {
     status: 'success',
     onChange: onChangeValue,
     onPressEnter: onPressEnter,
+    onCompositionStart: handleCompositionStart,
+    onCompositionEnd: handleCompositionEnd,
     prefix: /*#__PURE__*/React.createElement(SearchLine, {
       size: iconSize
     }),
     placeholder: placeholder || t.InputSearch.search,
     allowClear: true,
-    defaultValue: defaultValue
+    defaultValue: defaultValue,
+    onBlur: function onBlur(e) {
+      if (_onBlur) {
+        _onBlur(searchValue, e);
+      }
+    }
   }));
 }

package/dist/Table/hooks/useFixed.d.ts

@@ -8,4 +8,5 @@ export default function useFixed<TDataItem>({ columnWidths, tableColumns, y, scr
 }): (index: number, isHeader?: boolean) => {
     className: string;
     style: import("react").CSSProperties;
+    fixed: "left" | "right" | undefined;
 };

package/dist/Table/hooks/useFixed.js

@@ -30,7 +30,8 @@ export default function useFixed(_ref) {
     }
     return {
       className: classnames((_classnames = {}, _defineProperty(_classnames, prefixCls('fixed-left'), fixed === 'left'), _defineProperty(_classnames, prefixCls('fixed-right'), fixed === 'right'), _classnames)),
-      style: style
+      style: style,
+      fixed: fixed
     };
   }, [tableColumns, y, scrollbarWidth, columnWidths]);
 }

package/dist/Table/index.js

@@ -27,7 +27,7 @@ import useScroll from "./hooks/useScroll";
 var HEADER_HEIGHT = 41;
 var FOOTER_HEIGHT = 52;
 function Table(props, ref) {
-  var _classnames, _classnames5, _classnames7;
+  var _classnames2, _classnames5, _classnames7;
   var data = props.data,
     bordered = props.bordered,
     rowKey = props.rowKey,
@@ -129,35 +129,121 @@ function Table(props, ref) {
     // 总列宽改变时，重新计算是否需要显示固定列的阴影
     changeIsPing();
   }, [changeIsPing, totalColumnsWidth]);
+  var renderHeaderCell = useCallback(function (header, index) {
+    // 选择行的列不能拖动宽度
+    var showResizer = columnSizing && !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);
+    var _getColumnFixedInfo = getColumnFixedInfo(index, true),
+      fixedClassName = _getColumnFixedInfo.className,
+      fixedStyle = _getColumnFixedInfo.style;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(prefixCls('th'), fixedClassName),
+      style: _objectSpread({
+        width: header.getSize()
+      }, fixedStyle),
+      key: header.id
+    }, flexRender(header.column.columnDef.header, header.getContext()), showResizer && /*#__PURE__*/React.createElement("div", {
+      onMouseDown: header.getResizeHandler(),
+      onTouchStart: header.getResizeHandler(),
+      className: classnames(prefixCls('resizer'), _defineProperty({}, prefixCls('self-resizing'), header.column.getIsResizing()))
+    }));
+  }, [columnSizing, rowSelectionInfo, getColumnFixedInfo]);
+  var visibleColumns = tableInstance.getVisibleLeafColumns();
+  var columnVirtualizer = useVirtualizer({
+    count: tableColumns.length,
+    estimateSize: function estimateSize(index) {
+      return visibleColumns[index].getSize();
+    },
+    getScrollElement: function getScrollElement() {
+      return bodyRef.current;
+    },
+    horizontal: true,
+    overscan: 5
+  });
+  var virtualColumns = columnVirtualizer.getVirtualItems();
+
+  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right
+  var virtualPaddingLeft;
+  var virtualPaddingRight;
+  if (columnVirtualizer && virtualColumns !== null && virtualColumns !== void 0 && virtualColumns.length) {
+    var _virtualColumns$0$sta, _virtualColumns$, _virtualColumns$end, _virtualColumns;
+    virtualPaddingLeft = (_virtualColumns$0$sta = (_virtualColumns$ = virtualColumns[0]) === null || _virtualColumns$ === void 0 ? void 0 : _virtualColumns$.start) !== null && _virtualColumns$0$sta !== void 0 ? _virtualColumns$0$sta : 0;
+    virtualPaddingRight = columnVirtualizer.getTotalSize() - ((_virtualColumns$end = (_virtualColumns = virtualColumns[virtualColumns.length - 1]) === null || _virtualColumns === void 0 ? void 0 : _virtualColumns.end) !== null && _virtualColumns$end !== void 0 ? _virtualColumns$end : 0);
+  }
   var headerContent = /*#__PURE__*/React.createElement("div", {
-    className: classnames(prefixCls('header'), (_classnames = {}, _defineProperty(_classnames, prefixCls('overflow-x'), true), _defineProperty(_classnames, prefixCls('sticky'), isStickyWork), _defineProperty(_classnames, prefixCls('resizing'), tableInstance.getState().columnSizingInfo.isResizingColumn), _classnames)),
+    className: classnames(prefixCls('header'), (_classnames2 = {}, _defineProperty(_classnames2, prefixCls('overflow-x'), true), _defineProperty(_classnames2, prefixCls('sticky'), isStickyWork), _defineProperty(_classnames2, prefixCls('resizing'), tableInstance.getState().columnSizingInfo.isResizingColumn), _classnames2)),
     ref: headerRef,
     style: headerStyle
   }, _.map(headerGroups, function (headerGroup) {
+    var allHeaderCells = headerGroup.headers;
+    var virtualColumns = columnVirtualizer.getVirtualItems();
+    var middleVirtualColumns = [];
+    // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染
+    var leftFixedColumns = [];
+    var rightFixedColumns = [];
+    var content = null;
+    if (virtual) {
+      _.forEach(allHeaderCells, function (header, index) {
+        var fixedInfo = getColumnFixedInfo(index);
+        if (fixedInfo.fixed === 'left') {
+          leftFixedColumns.push({
+            header: header,
+            index: index
+          });
+        }
+        if (fixedInfo.fixed === 'right') {
+          rightFixedColumns.push({
+            header: header,
+            index: index
+          });
+        }
+      });
+      _.forEach(virtualColumns, function (virtualColumn) {
+        var colIndex = virtualColumn.index;
+        var fixedInfo = getColumnFixedInfo(colIndex);
+        if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {
+          middleVirtualColumns.push(virtualColumn);
+        }
+      });
+      content = /*#__PURE__*/React.createElement(React.Fragment, null, virtualPaddingLeft ?
+      /*#__PURE__*/
+      //fake empty column to the left for virtualization scroll padding
+      React.createElement("div", {
+        className: prefixCls('virtual-padding-left'),
+        style: {
+          width: virtualPaddingLeft
+        }
+      }) : null, leftFixedColumns.map(function (_ref) {
+        var header = _ref.header,
+          index = _ref.index;
+        return renderHeaderCell(header, index);
+      }), _.map(middleVirtualColumns, function (virtualColumn) {
+        var header = allHeaderCells[virtualColumn.index];
+        return renderHeaderCell(header, virtualColumn.index);
+      }), rightFixedColumns.map(function (_ref2) {
+        var header = _ref2.header,
+          index = _ref2.index;
+        return renderHeaderCell(header, index);
+      }), virtualPaddingRight ?
+      /*#__PURE__*/
+      //fake empty column to the right for virtualization scroll padding
+      React.createElement("div", {
+        className: prefixCls('virtual-padding-right'),
+        style: {
+          width: virtualPaddingRight
+        }
+      }) : null);
+    } else {
+      content = _.map(allHeaderCells, function (header, index) {
+        return renderHeaderCell(header, index);
+      });
+    }
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls('tr'),
       key: headerGroup.id,
       style: {
         width: totalColumnsWidth
       }
-    }, _.map(headerGroup.headers, function (header, index) {
-      // 选择行的列不能拖动宽度
-      var showResizer = columnSizing && !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);
-      var _getColumnFixedInfo = getColumnFixedInfo(index, true),
-        fixedClassName = _getColumnFixedInfo.className,
-        fixedStyle = _getColumnFixedInfo.style;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames(prefixCls('th'), fixedClassName),
-        style: _objectSpread({
-          width: header.getSize()
-        }, fixedStyle),
-        key: header.id
-      }, flexRender(header.column.columnDef.header, header.getContext()), showResizer && /*#__PURE__*/React.createElement("div", {
-        onMouseDown: header.getResizeHandler(),
-        onTouchStart: header.getResizeHandler(),
-        className: classnames(prefixCls('resizer'), _defineProperty({}, prefixCls('self-resizing'), header.column.getIsResizing()))
-      }));
-    }), y !== undefined && /*#__PURE__*/React.createElement("div", {
+    }, content, y !== undefined && /*#__PURE__*/React.createElement("div", {
       className: prefixCls('header-scroll-placeholder'),
       style: {
         flexBasis: scrollbarWidth
@@ -201,6 +287,24 @@ function Table(props, ref) {
     overscan: 5
   });
   var tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;
+  var renderBodyCell = useCallback(function (row, cell, colIndex) {
+    var _getColumnFixedInfo2 = getColumnFixedInfo(colIndex),
+      fixedClassName = _getColumnFixedInfo2.className,
+      fixedStyle = _getColumnFixedInfo2.style;
+    var tdContent = flexRender(cell.column.columnDef.cell, cell.getContext());
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(prefixCls('td'), fixedClassName),
+      key: cell.id,
+      style: _objectSpread({
+        width: cell.column.getSize()
+      }, fixedStyle)
+    }, expandableInfo.isExpandable && colIndex === 0 ? /*#__PURE__*/React.createElement(ExpandCell, {
+      expandableInfo: expandableInfo,
+      expandable: expandable,
+      data: row.original,
+      rowKey: rowKey
+    }, tdContent) : tdContent);
+  }, [expandableInfo, expandable, rowKey, getColumnFixedInfo]);
 
   // 渲染 body
   var bodyContent = /*#__PURE__*/React.createElement("div", {
@@ -221,6 +325,70 @@ function Table(props, ref) {
   }))) : _.reduce(tableRows, function (rowList, rowData, rowIndex) {
     var _classnames4;
     var row = virtual ? rows[rowData.index] : rowData;
+    var allRowCells = row.getVisibleCells();
+    var content = null;
+    // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染
+    var leftFixedColumns = [];
+    var rightFixedColumns = [];
+    if (virtual) {
+      var _virtualColumns2 = columnVirtualizer.getVirtualItems();
+      var middleVirtualColumns = [];
+      _.forEach(allRowCells, function (cell, index) {
+        var fixedInfo = getColumnFixedInfo(index);
+        if (fixedInfo.fixed === 'left') {
+          leftFixedColumns.push({
+            cell: cell,
+            index: index
+          });
+        }
+        if (fixedInfo.fixed === 'right') {
+          rightFixedColumns.push({
+            cell: cell,
+            index: index
+          });
+        }
+      });
+      _.forEach(_virtualColumns2, function (virtualColumn) {
+        var colIndex = virtualColumn.index;
+        var fixedInfo = getColumnFixedInfo(colIndex);
+        if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {
+          middleVirtualColumns.push(virtualColumn);
+        }
+      });
+      content = /*#__PURE__*/React.createElement(React.Fragment, null, virtualPaddingLeft ?
+      /*#__PURE__*/
+      //fake empty column to the left for virtualization scroll padding
+      React.createElement("div", {
+        className: prefixCls('virtual-padding-left'),
+        style: {
+          width: virtualPaddingLeft
+        }
+      }) : null, leftFixedColumns.map(function (_ref3) {
+        var cell = _ref3.cell,
+          index = _ref3.index;
+        return renderBodyCell(row, cell, index);
+      }), middleVirtualColumns.map(function (virtualColumn) {
+        var colIndex = virtualColumn.index;
+        var cell = allRowCells[colIndex];
+        return renderBodyCell(row, cell, colIndex);
+      }), rightFixedColumns.map(function (_ref4) {
+        var cell = _ref4.cell,
+          index = _ref4.index;
+        return renderBodyCell(row, cell, index);
+      }), virtualPaddingRight ?
+      /*#__PURE__*/
+      //fake empty column to the right for virtualization scroll padding
+      React.createElement("div", {
+        className: prefixCls('virtual-padding-right'),
+        style: {
+          width: virtualPaddingRight
+        }
+      }) : null);
+    } else {
+      content = allRowCells.map(function (cell, index) {
+        return renderBodyCell(row, cell, index);
+      });
+    }
     var rowId = row.id;
     var rowNode = /*#__PURE__*/React.createElement("div", {
       key: rowId,
@@ -240,24 +408,7 @@ function Table(props, ref) {
         position: 'absolute',
         transform: "translateY(".concat(rowData.start, "px)")
       } : {}
-    }, _.map(row.getVisibleCells(), function (cell, colIndex) {
-      var _getColumnFixedInfo2 = getColumnFixedInfo(colIndex),
-        fixedClassName = _getColumnFixedInfo2.className,
-        fixedStyle = _getColumnFixedInfo2.style;
-      var tdContent = flexRender(cell.column.columnDef.cell, cell.getContext());
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames(prefixCls('td'), fixedClassName),
-        key: cell.id,
-        style: _objectSpread({
-          width: cell.column.getSize()
-        }, fixedStyle)
-      }, expandableInfo.isExpandable && colIndex === 0 ? /*#__PURE__*/React.createElement(ExpandCell, {
-        expandableInfo: expandableInfo,
-        expandable: expandable,
-        data: row.original,
-        rowKey: rowKey
-      }, tdContent) : tdContent);
-    }));
+    }, content);
     rowList.push(rowNode);
 
     // 渲染额外展开的行

package/dist/Table/style/index.less

@@ -392,3 +392,10 @@
   align-items: center;
   flex: 1 1 auto;
 }
+
+.ald-table-virtual-padding-left,
+.ald-table-virtual-padding-right {
+  display: flex;
+  flex-shrink: 0;
+  flex-grow: 0;
+}