@douyinfe/semi-ui 2.34.0 → 2.34.1-alpha.3

package/lib/cjs/image/image.d.ts

@@ -29,12 +29,8 @@ export default class Image extends BaseComponent<ImageProps, ImageStates> {
     get adapter(): ImageAdapter<ImageProps, ImageStates>;
     context: PreviewContextProps;
     foundation: ImageFoundation;
-    imgRef: React.RefObject<HTMLImageElement>;
     constructor(props: ImageProps);
     static getDerivedStateFromProps(props: ImageProps, state: ImageStates): Partial<ImageStates>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ImageProps, prevState: ImageStates): void;
-    observeImage(): void;
     isInGroup(): boolean;
     isLazyLoad(): boolean;
     handleClick: (e: any) => void;

package/lib/cjs/image/image.js

@@ -153,7 +153,6 @@ class Image extends _baseComponent.default {
       previewVisible: false
     };
     this.foundation = new _imageFoundation.default(this.adapter);
-    this.imgRef = /*#__PURE__*/_react.default.createRef();
   }
 
   get adapter() {
@@ -183,25 +182,6 @@ class Image extends _baseComponent.default {
     return willUpdateStates;
   }
 
-  componentDidMount() {
-    this.observeImage();
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    prevProps.src !== this.props.src && this.observeImage();
-  }
-
-  observeImage() {
-    if (!this.isLazyLoad()) {
-      return;
-    }
-
-    const {
-      previewObserver
-    } = this.context;
-    previewObserver.observe(this.imgRef.current);
-  }
-
   isInGroup() {
     return Boolean(this.context && this.context.isGroup);
   }
@@ -256,9 +236,7 @@ class Image extends _baseComponent.default {
         style: outerStyle,
         className: outerCls,
         onClick: this.handleClick
-      }, /*#__PURE__*/_react.default.createElement("img", Object.assign({
-        ref: this.imgRef
-      }, restProps, {
+      }, /*#__PURE__*/_react.default.createElement("img", Object.assign({}, restProps, {
         src: this.isInGroup() && this.isLazyLoad() ? undefined : src,
         "data-src": src,
         alt: alt,

package/lib/cjs/image/preview.d.ts

@@ -69,8 +69,8 @@ export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
     foundation: PreviewFoundation;
     previewGroupId: string;
     previewRef: React.RefObject<PreviewInner>;
-    previewObserver: IntersectionObserver;
     constructor(props: any);
+    componentDidMount(): void;
     static getDerivedStateFromProps(props: PreviewProps, state: PreviewState): Partial<PreviewState>;
     handleVisibleChange: (newVisible: boolean) => void;
     handleCurrentIndexChange: (index: number) => void;

package/lib/cjs/image/preview.js

@@ -112,7 +112,19 @@ class Preview extends _baseComponent.default {
       length: 4
     });
     this.previewRef = /*#__PURE__*/_react.default.createRef();
-    this.previewObserver = new IntersectionObserver(entries => {
+  }
+
+  get adapter() {
+    return Object.assign({}, super.adapter);
+  }
+
+  componentDidMount() {
+    const {
+      lazyLoadMargin
+    } = this.props;
+    const allElement = document.querySelectorAll(`.${prefixCls}-img`); // use IntersectionObserver to lazy load image
+
+    const observer = new IntersectionObserver(entries => {
       entries.forEach(item => {
         var _a;
 
@@ -120,18 +132,14 @@ class Preview extends _baseComponent.default {
 
         if (item.isIntersecting && src) {
           item.target.src = src;
-          item.target.removeAttribute("data-src");
-          this.previewObserver.unobserve(item.target);
+          observer.unobserve(item.target);
         }
       });
     }, {
       root: document.querySelector(`#${this.previewGroupId}`),
-      rootMargin: props.lazyLoadMargin
+      rootMargin: lazyLoadMargin
     });
-  }
-
-  get adapter() {
-    return Object.assign({}, super.adapter);
+    allElement.forEach(item => observer.observe(item));
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -176,7 +184,6 @@ class Preview extends _baseComponent.default {
         currentIndex,
         visible,
         lazyLoad,
-        previewObserver: this.previewObserver,
         setCurrentIndex: this.handleCurrentIndexChange,
         handleVisibleChange: this.handleVisibleChange
       }

package/lib/cjs/image/previewContext.d.ts

@@ -6,7 +6,6 @@ export interface PreviewContextProps {
     titles: ReactNode[];
     currentIndex: number;
     visible: boolean;
-    previewObserver: IntersectionObserver;
     setCurrentIndex: (current: number) => void;
     handleVisibleChange: (visible: boolean, preVisible?: boolean) => void;
 }

package/lib/cjs/input/index.d.ts

@@ -84,7 +84,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

package/lib/cjs/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/modal/confirm.d.ts

@@ -140,19 +140,19 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
-    title?: React.ReactNode;
     children?: React.ReactNode;
-    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
+    motion?: boolean;
     style?: React.CSSProperties;
     className?: string;
-    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
+    title?: React.ReactNode;
     direction?: any;
     width?: string | number;
     height?: string | number;
     mask?: boolean;
+    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
@@ -201,34 +201,24 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        title?: string;
-        name?: string;
-        value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        value?: string | number | readonly string[];
         form?: string;
         slot?: string;
+        title?: string;
+        name?: string;
         hidden?: boolean;
         color?: string;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
-        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         accessKey?: string;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "no" | "yes";
+        translate?: "yes" | "no";
         prefix?: string;
         contentEditable?: "inherit" | (boolean | "false" | "true");
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
         tabIndex?: number;
         role?: React.AriaRole;
         onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
@@ -240,6 +230,9 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
+        defaultChecked?: boolean;
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -274,7 +267,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-current'?: boolean | "time" | "page" | "false" | "true" | "location" | "step" | "date";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "false" | "true";
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup";
         'aria-errormessage'?: string;
         'aria-flowto'?: string;
         'aria-grabbed'?: boolean | "false" | "true";
@@ -323,6 +316,7 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -457,6 +451,12 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

package/lib/cjs/rating/index.d.ts

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

package/lib/cjs/rating/item.d.ts

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/steps/basicStep.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.stepSizeMapIconSize = exports.default = void 0;
 
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -101,20 +103,24 @@ const BasicStep = props => {
 
   const classString = (0, _classnames.default)(prefixCls, `${prefixCls}-${status}`, {
     [`${prefixCls}-active`]: active,
-    [`${prefixCls}-done`]: done,
-    [`${prefixCls}-hover`]: onChange || props.onClick,
-    [`${prefixCls}-${status}-hover`]: onChange || props.onClick
+    [`${prefixCls}-done`]: done
   }, className);
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if ((0, _isFunction2.default)(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if ((0, _isFunction2.default)(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 

package/lib/cjs/steps/basicSteps.js

@@ -63,11 +63,13 @@ const Steps = props => {
 
       childProps.active = stepNumber === current;
       childProps.done = stepNumber < current;
-      childProps.onChange = onChange ? () => {
+
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps));
     });
 

package/lib/cjs/steps/fillStep.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -76,8 +78,7 @@ const FillStep = props => {
       [`${prefixCls}-left`]: true,
       [`${prefixCls}-icon`]: 'icon' in props,
       [`${prefixCls}-plain`]: !('icon' in props),
-      [`${prefixCls}-icon-process`]: progress,
-      [`${prefixCls}-hover`]: onChange || onClick
+      [`${prefixCls}-icon-process`]: progress
     });
     return inner ? /*#__PURE__*/_react.default.createElement("div", {
       className: cls
@@ -85,14 +86,20 @@ const FillStep = props => {
   };
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if ((0, _isFunction2.default)(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if ((0, _isFunction2.default)(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 
@@ -104,7 +111,6 @@ const FillStep = props => {
     className: (0, _classnames.default)({
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-${status}-hover`]: Boolean(status) && (onChange || onClick),
       [`${prefixCls}-clickable`]: onClick
     }, className),
     style: style,

package/lib/cjs/steps/fillSteps.js

@@ -65,11 +65,12 @@ const Steps = props => {
         }
       }
 
-      childProps.onChange = onChange ? () => {
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/_react.default.createElement(_grid.Col, {
         style: colStyle
       }, /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps)));

package/lib/cjs/steps/index.d.ts

@@ -29,6 +29,7 @@ declare class Steps extends Component<StepsProps> {
         size: PropTypes.Requireable<string>;
     };
     static defaultProps: {
+        onChange: (...args: any[]) => void;
         type: string;
         size: string;
     };

package/lib/cjs/steps/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,12 +23,12 @@ var _navSteps = _interopRequireDefault(require("./navSteps"));
 
 var _context = _interopRequireDefault(require("./context"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -81,6 +83,7 @@ Steps.propTypes = {
   size: _propTypes.default.oneOf(['small', 'default'])
 };
 Steps.defaultProps = {
+  onChange: _noop2.default,
   type: 'fill',
   size: 'default'
 };

package/lib/cjs/steps/navStep.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -35,14 +37,20 @@ const NavStep = props => {
   }, className);
 
   const handleClick = e => {
-    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange();
+    if ((0, _isFunction2.default)(onClick)) {
+      onClick(e);
+    }
+
+    onChange();
   };
 
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-      onChange === null || onChange === void 0 ? void 0 : onChange();
+      if ((0, _isFunction2.default)(onKeyDown)) {
+        onKeyDown(e);
+      }
+
+      onChange();
     }
   };
 

package/lib/cjs/steps/navSteps.js

@@ -45,11 +45,13 @@ const Steps = props => {
         total
       }, child.props);
       childProps.active = index === current;
-      childProps.onChange = onChange ? () => {
+
+      childProps.onChange = () => {
         if (index !== current) {
           onChange(index + initial);
         }
-      } : undefined;
+      };
+
       return /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps));
     });
 

package/lib/cjs/switch/index.d.ts

@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         id: PropTypes.Requireable<string>;
     };

package/lib/cjs/table/Body/index.d.ts

@@ -4,7 +4,6 @@ import Store from '@douyinfe/semi-foundation/lib/cjs/utils/Store';
 import { BaseProps } from '../../_base/baseComponent';
 import { ExpandedRowRender, Virtualized, GetVirtualizedListRef, ColumnProps, Size, BodyScrollEvent, Scroll, Fixed, TableComponents, RowExpandable, VirtualizedOnScroll, RowKey } from '../interface';
 export interface BodyProps extends BaseProps {
-    tableLayout?: 'fixed' | 'auto';
     anyColumnFixed?: boolean;
     columns?: ColumnProps[];
     dataSource?: Record<string, any>[];

package/lib/cjs/table/Body/index.js

@@ -281,6 +281,7 @@ class Body extends _baseComponent.default {
         scroll,
         prefixCls,
         virtualized,
+        anyColumnFixed,
         columns
       } = this.props;
       const {
@@ -497,8 +498,7 @@ class Body extends _baseComponent.default {
         dataSource,
         onScroll,
         groups,
-        expandedRowRender,
-        tableLayout
+        expandedRowRender
       } = this.props;
       const x = (0, _get2.default)(scroll, 'x');
       const y = (0, _get2.default)(scroll, 'y');
@@ -546,7 +546,7 @@ class Body extends _baseComponent.default {
         "aria-colcount": columns && columns.length,
         style: tableStyle,
         className: (0, _classnames.default)(prefixCls, {
-          [`${prefixCls}-fixed`]: tableLayout === 'fixed'
+          [`${prefixCls}-fixed`]: anyColumnFixed
         })
       }, colgroup, includeHeader && showHeader ? /*#__PURE__*/_react.default.createElement(_TableHeader.default, Object.assign({}, this.props, {
         ref: headerRef,

package/lib/cjs/table/HeadTable.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Fixed, TableComponents, Scroll, BodyScrollEvent, ColumnProps, OnHeaderRow, Sticky } from './interface';
+import { Fixed, TableComponents, Scroll, BodyScrollEvent, ColumnProps, OnHeaderRow } from './interface';
 export interface HeadTableProps {
-    tableLayout?: 'fixed' | 'auto';
+    [x: string]: any;
+    anyColumnFixed?: boolean;
     bodyHasScrollBar?: boolean;
     columns?: ColumnProps[];
     components?: TableComponents;
@@ -15,7 +16,6 @@ export interface HeadTableProps {
     showHeader?: boolean;
     onDidUpdate?: (ref: React.MutableRefObject<any>) => void;
     onHeaderRow?: OnHeaderRow<any>;
-    sticky?: Sticky;
 }
-declare const _default: React.ForwardRefExoticComponent<HeadTableProps & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<HeadTableProps, keyof HeadTableProps> & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/lib/cjs/table/HeadTable.js

@@ -45,7 +45,7 @@ class HeadTable extends _react.default.PureComponent {
       components,
       onDidUpdate,
       showHeader,
-      tableLayout,
+      anyColumnFixed,
       bodyHasScrollBar,
       sticky
     } = this.props;
@@ -96,7 +96,7 @@ class HeadTable extends _react.default.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(Table, {
       style: tableStyle,
       className: (0, _classnames.default)(prefixCls, {
-        [`${prefixCls}-fixed`]: tableLayout === 'fixed'
+        [`${prefixCls}-fixed`]: anyColumnFixed
       })
     }, colgroup, tableHeader));
   }
@@ -104,7 +104,7 @@ class HeadTable extends _react.default.PureComponent {
 }
 
 HeadTable.propTypes = {
-  tableLayout: _propTypes.default.string,
+  anyColumnFixed: _propTypes.default.bool,
   bodyHasScrollBar: _propTypes.default.bool,
   columns: _propTypes.default.array,
   components: _propTypes.default.object,

package/lib/cjs/table/Table.d.ts

@@ -60,7 +60,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "default" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -297,7 +297,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showTotal?: boolean;
         pageSize?: number;
         pageSizeOpts?: number[];
-        size?: "default" | "small";
+        size?: "small" | "default";
         currentPage?: number;
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;