@douyinfe/semi-ui 2.20.0-beta.1 → 2.20.1

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

@@ -7,7 +7,7 @@ import Link from './link';
 import '@douyinfe/semi-foundation/lib/cjs/anchor/anchor.css';
 import { ArrayElement } from '../_base/base';
 import { ContextValue } from '../configProvider/context';
-export { LinkProps } from './link';
+export type { LinkProps } from './link';
 export interface AnchorProps {
     autoCollapse?: boolean;
     className?: string;

package/lib/cjs/backtop/index.js

@@ -109,7 +109,10 @@ class BackTop extends _baseComponent.default {
     } = this.state;
     const preCls = (0, _classnames.default)(prefixCls, className);
     const backtopBtn = children ? children : this.renderDefault();
-    const content = visible ? /*#__PURE__*/_react.default.createElement("div", Object.assign({}, others, {
+    const content = visible ?
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    _react.default.createElement("div", Object.assign({}, others, {
       className: preCls,
       style: style,
       onClick: e => this.handleClick(e),

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

@@ -7,7 +7,7 @@ import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import BreadcrumbItem, { RouteProps, BreadcrumbItemInfo } from './item';
 import { BreadContextType } from './bread-context';
 import { TooltipProps } from '../tooltip';
-export { RouteProps, BreadcrumbItemProps, BreadcrumbItemInfo } from './item';
+export type { RouteProps, BreadcrumbItemProps, BreadcrumbItemInfo } from './item';
 export interface showToolTipProps {
     width?: string | number;
     ellipsisPos?: 'end' | 'middle';

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

@@ -4,7 +4,7 @@ import { BreadcrumbItemAdapter, BreadcrumbItemInfo, Route } from '@douyinfe/semi
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
 import { BreadContextType } from './bread-context';
-export { BreadcrumbItemInfo };
+export type { BreadcrumbItemInfo };
 export interface RouteProps extends Route {
     icon?: React.ReactNode;
 }

package/lib/cjs/button/buttonGroup.js

@@ -83,9 +83,10 @@ class ButtonGroup extends _baseComponent.default {
       size,
       type,
       className,
+      style,
       'aria-label': ariaLabel
     } = _a,
-          rest = __rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
+          rest = __rest(_a, ["children", "disabled", "size", "type", "className", "style", 'aria-label']);
 
     let inner;
     let innerWithLine = [];
@@ -104,6 +105,7 @@ class ButtonGroup extends _baseComponent.default {
 
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls,
+      style: style,
       role: "group",
       "aria-label": ariaLabel
     }, innerWithLine);

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { IconButtonProps } from '../iconButton';
-export { ButtonProps as BaseButtonProps, HtmlType, Size, Theme, Type } from './Button';
-export { HorizontalPaddingType } from '../iconButton';
-export { ButtonGroupProps } from './buttonGroup';
-export { SplitButtonGroupProps } from './splitButtonGroup';
+export type { ButtonProps as BaseButtonProps, HtmlType, Size, Theme, Type } from './Button';
+export type { HorizontalPaddingType } from '../iconButton';
+export type { ButtonGroupProps } from './buttonGroup';
+export type { SplitButtonGroupProps } from './splitButtonGroup';
 export interface ButtonProps extends IconButtonProps {
 }
 declare class Button extends React.PureComponent<ButtonProps> {

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

@@ -40,5 +40,5 @@ declare class Calendar extends BaseComponent<CalendarProps, {}> {
     };
     render(): React.FunctionComponentElement<any>;
 }
-export { EventObject };
+export type { EventObject };
 export default Calendar;

package/lib/cjs/calendar/interface.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { EventObject, weeekStartsOnEnum } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/calendar/constants';
-import { ArrayElement } from '../_base/base';
-import { BaseProps } from '../_base/baseComponent';
+import type { ArrayElement } from '../_base/base';
+import type { BaseProps } from '../_base/baseComponent';
+import type { EventObject, weeekStartsOnEnum } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
 export interface CalendarProps extends BaseProps {
     displayValue?: Date;
     range?: Date[];

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

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/card/card.css';
 import Meta from './meta';
 export declare type Shadows = 'hover' | 'always';
-export { MetaProps } from './meta';
-export { CardGroupProps } from './cardGroup';
+export type { MetaProps } from './meta';
+export type { CardGroupProps } from './cardGroup';
 export interface CardProps {
     /** Operation group at the bottom of the card content area */
     actions?: ReactNode[];

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

@@ -9,8 +9,8 @@ import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
 import { Motion } from '../_base/base';
 import { Position } from '../tooltip/index';
-export { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/cjs/cascader/foundation';
-export { CascaderData, Entity, Data, CascaderItemProps } from './item';
+export type { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/cjs/cascader/foundation';
+export type { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
     activeNode: CascaderData;
 }

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

@@ -1,8 +1,9 @@
 import Checkbox, { CheckboxProps, CheckboxEvent } from './checkbox';
 import Group, { CheckboxGroupProps, CheckboxType, CheckboxDirection } from './checkboxGroup';
-export { CheckboxInnerProps } from './checkboxInner';
+export type { CheckboxInnerProps } from './checkboxInner';
 declare class CheckboxWithGroup extends Checkbox {
     static Group: typeof Group;
 }
-export { CheckboxWithGroup, Checkbox, CheckboxProps, CheckboxGroupProps, CheckboxEvent, CheckboxType, CheckboxDirection };
+export { CheckboxWithGroup, Checkbox, };
+export type { CheckboxProps, CheckboxGroupProps, CheckboxEvent, CheckboxType, CheckboxDirection };
 export default CheckboxWithGroup;

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

@@ -5,7 +5,7 @@ import BaseComponent from '../_base/baseComponent';
 import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css';
 import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
-export { CollapsePanelProps } from './item';
+export type { CollapsePanelProps } from './item';
 export interface CollapseReactProps extends CollapseProps {
     expandIcon?: React.ReactNode;
     collapseIcon?: React.ReactNode;
@@ -13,7 +13,7 @@ export interface CollapseReactProps extends CollapseProps {
     style?: CSSProperties;
     onChange?: (activeKey: CollapseProps['activeKey'], e: React.MouseEvent) => void;
 }
-export { CollapseState };
+export type { CollapseState };
 declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState> {
     static Panel: typeof CollapsePanel;
     static propTypes: {

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import DatePicker, { DatePickerProps } from './datePicker';
-export { DateInputProps } from './dateInput';
-export { DatePickerProps } from './datePicker';
-export { MonthProps } from './month';
-export { MonthsGridProps } from './monthsGrid';
-export { QuickControlProps } from './quickControl';
-export { YearAndMonthProps } from './yearAndMonth';
+export type { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/lib/cjs/datePicker/foundation';
+export type { DateInputProps } from './dateInput';
+export type { DatePickerProps } from './datePicker';
+export type { MonthProps } from './month';
+export type { MonthsGridProps } from './monthsGrid';
+export type { QuickControlProps } from './quickControl';
+export type { YearAndMonthProps } from './yearAndMonth';
 declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePicker>>;
 export default _default;
-export { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/lib/cjs/datePicker/foundation';

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/descriptions/descriptions.css';
 import { DescriptionsAlign, DescriptionsContextValue } from './descriptions-context';
 import Item from './item';
-export { DescriptionsItemProps } from './item';
+export type { DescriptionsItemProps } from './item';
 export declare type DescriptionsSize = 'small' | 'medium' | 'large';
 export interface Data {
     key?: React.ReactNode;

package/lib/cjs/dropdown/dropdownItem.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { DropdownContextType } from './context';
-import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import BaseComponent from '../_base/baseComponent';
+import type { BaseProps } from '../_base/baseComponent';
+import type { DropdownContextType } from './context';
 export declare type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
 export interface DropdownItemProps extends BaseProps {
     disabled?: boolean;

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

@@ -9,10 +9,10 @@ import DropdownTitle, { DropdownTitleProps } from './dropdownTitle';
 import { DropdownContextType } from './context';
 import '@douyinfe/semi-foundation/lib/cjs/dropdown/dropdown.css';
 import { Motion } from '../_base/base';
-export { DropdownDividerProps } from './dropdownDivider';
-export { DropdownItemProps, Type } from './dropdownItem';
-export { DropdownMenuProps } from './dropdownMenu';
-export { DropdownTitleProps } from './dropdownTitle';
+export type { DropdownDividerProps } from './dropdownDivider';
+export type { DropdownItemProps, Type } from './dropdownItem';
+export type { DropdownMenuProps } from './dropdownMenu';
+export type { DropdownTitleProps } from './dropdownTitle';
 export interface DropDownMenuItemItem extends DropdownItemProps {
     node: 'item';
     name?: string;

package/lib/cjs/form/arrayField.d.ts

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { FormUpdaterContextType } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
+import type { FormUpdaterContextType } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
 export interface ArrayFieldProps {
     initValue?: any[];
     field?: string;

package/lib/cjs/form/group.js

@@ -27,6 +27,8 @@ var _index = require("./hooks/index");
 
 var _inputGroup = _interopRequireDefault(require("../input/inputGroup"));
 
+var _index2 = require("../grid/index");
+
 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; }
@@ -95,7 +97,7 @@ class FormInputGroup extends _react.Component {
           rest = __rest(_a, ["children", "label"]);
 
     const updater = this.context;
-    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon']);
+    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon', 'wrapperCol', 'labelCol']);
     const labelPosition = this.props.labelPosition || formProps.labelPosition;
     const groupFieldSet = [];
 
@@ -115,14 +117,53 @@ class FormInputGroup extends _react.Component {
     const groupCls = (0, _classnames.default)({
       ["".concat(prefix, "-field-group")]: true
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "x-label-pos": labelPosition,
-      className: groupCls
-    }, this.renderLabel(label, formProps), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_inputGroup.default, Object.assign({}, rest), inner), /*#__PURE__*/_react.default.createElement(GroupError, {
+    const labelCol = formProps.labelCol;
+    const wrapperCol = formProps.wrapperCol;
+    const labelAlign = formProps.labelAlign;
+    const appendCol = labelCol && wrapperCol;
+    const labelColCls = labelCol ? "".concat(prefix, "-col-").concat(labelAlign) : '';
+    const labelContent = this.renderLabel(label, formProps);
+
+    const inputGroupContent = /*#__PURE__*/_react.default.createElement(_inputGroup.default, Object.assign({}, rest), inner);
+
+    const groupErrorContent = /*#__PURE__*/_react.default.createElement(GroupError, {
       fieldSet: groupFieldSet,
       showValidateIcon: formProps.showValidateIcon,
       isInInputGroup: true
-    })));
+    });
+
+    let content;
+
+    switch (true) {
+      case !appendCol:
+        content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labelContent, /*#__PURE__*/_react.default.createElement("div", null, inputGroupContent, groupErrorContent));
+        break;
+
+      case appendCol && labelPosition === 'top':
+        // When labelPosition is top, you need to add an overflow hidden div to the label, otherwise it will be arranged horizontally
+        content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+          style: {
+            overflow: 'hidden'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, labelCol, {
+          className: labelColCls
+        }), labelContent)), /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, wrapperCol), inputGroupContent, groupErrorContent));
+        break;
+
+      case appendCol && labelPosition !== 'top':
+        content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, labelCol, {
+          className: labelColCls
+        }), labelContent), /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, wrapperCol), inputGroupContent, groupErrorContent));
+        break;
+
+      default:
+        break;
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "x-label-pos": labelPosition,
+      className: groupCls
+    }, content);
   }
 
 }

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

@@ -13,9 +13,9 @@ import withFormState from './hoc/withFormState';
 import withFormApi from './hoc/withFormApi';
 export { Form, ArrayField, withField, useFormApi, useFormState, useFieldApi, useFieldState, withFormState, withFormApi };
 export * from './interface';
-export { ArrayFieldProps } from './arrayField';
-export { ReactFieldError, ErrorMessageProps } from './errorMessage';
-export { InputGroupProps } from './group';
-export { LabelProps } from './label';
-export { SectionProps } from './section';
-export { SlotProps } from './slot';
+export type { ArrayFieldProps } from './arrayField';
+export type { ReactFieldError, ErrorMessageProps } from './errorMessage';
+export type { InputGroupProps } from './group';
+export type { LabelProps } from './label';
+export type { SectionProps } from './section';
+export type { SlotProps } from './slot';

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

@@ -1,5 +1,5 @@
 import Row from './row';
 import Col from './col';
 export { Row, Col };
-export { ColSize, ColProps } from './col';
-export { Breakpoint, Gutter, RowProps } from './row';
+export type { ColSize, ColProps } from './col';
+export type { Breakpoint, Gutter, RowProps } from './row';

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

@@ -1,3 +1,3 @@
 import Icon, { IconProps, IconSize } from '@douyinfe/semi-icons';
-export { IconProps, IconSize };
+export type { IconProps, IconSize };
 export default Icon;

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

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import InputFoundation from '@douyinfe/semi-foundation/lib/cjs/input/foundation';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/input/input.css';
-export { InputGroupProps } from './inputGroup';
-export { TextAreaProps } from './textarea';
+export type { InputGroupProps } from './inputGroup';
+export type { TextAreaProps } from './textarea';
 export declare type InputSize = 'small' | 'large' | 'default';
 export declare type InputMode = 'password';
 export declare type ValidateStatus = "default" | "error" | "warning" | "success";

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/layout/layout.css';
 import { ContextType } from './layout-context';
 import Sider from './Sider';
-export { ResponsiveMap, SiderProps } from './Sider';
+export type { ResponsiveMap, SiderProps } from './Sider';
 export interface BasicProps {
     prefixCls?: string;
     style?: CSSProperties;

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

@@ -4,7 +4,7 @@ import '@douyinfe/semi-foundation/lib/cjs/list/list.css';
 import ListItem from './item';
 import { Grid } from './list-context';
 import BaseComponent from '../_base/baseComponent';
-export { ListItemProps } from './item';
+export type { ListItemProps } from './item';
 export interface ListProps<T> {
     style?: React.CSSProperties;
     className?: string;

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

@@ -8,6 +8,7 @@ import { ButtonProps } from '../button/Button';
 export declare const destroyFns: any[];
 export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export declare type Directions = 'ltr' | 'rtl';
+export type { ModalState };
 export interface ModalReactProps extends ModalProps {
     cancelButtonProps?: ButtonProps;
     children?: React.ReactNode;
@@ -24,7 +25,6 @@ export interface ModalReactProps extends ModalProps {
     onCancel?: (e: React.MouseEvent) => void | Promise<any>;
     onOk?: (e: React.MouseEvent) => void | Promise<any>;
 }
-export { ModalState };
 declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
     static propTypes: {
         mask: PropTypes.Requireable<boolean>;

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

@@ -2,7 +2,7 @@ import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
 import { ModalState } from '@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation';
 import Modal from './Modal';
 import { ModalReactProps } from './Modal';
-export { ConfirmProps } from './confirm';
+export type { ConfirmProps } from './confirm';
 export declare type Directions = 'ltr' | 'rtl';
-export { ModalReactProps, ModalState };
+export type { ModalReactProps, ModalState };
 export default Modal;

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

@@ -8,13 +8,13 @@ import Footer, { NavFooterProps } from './Footer';
 import Header, { NavHeaderProps } from './Header';
 import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
 import { Motion } from '../_base/base';
-export { CollapseButtonProps } from './CollapseButton';
-export { NavFooterProps } from './Footer';
-export { NavHeaderProps } from './Header';
-export { NavItemProps } from './Item';
-export { OpenIconTransitionProps } from './OpenIconTransition';
-export { ToggleIcon, SubNavProps } from './SubNav';
-export { SubNavTransitionProps } from './SubNavTransition';
+export type { CollapseButtonProps } from './CollapseButton';
+export type { NavFooterProps } from './Footer';
+export type { NavHeaderProps } from './Header';
+export type { NavItemProps } from './Item';
+export type { OpenIconTransitionProps } from './OpenIconTransition';
+export type { ToggleIcon, SubNavProps } from './SubNav';
+export type { SubNavTransitionProps } from './SubNavTransition';
 export declare type Mode = 'vertical' | 'horizontal';
 export interface OnSelectedData {
     itemKey: React.ReactText;

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

@@ -6,11 +6,11 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/notification/notification.css';
 import useNotification from './useNotification';
 import { NoticeInstance, NoticePosition, NoticeProps, NoticeState } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation';
-export { NoticeTransitionProps } from './NoticeTransition';
+export type { NoticeTransitionProps } from './NoticeTransition';
 export interface NoticeReactProps extends NoticeProps {
     style?: CSSProperties;
 }
-export { NoticeState, NotificationListProps, NotificationListState, ConfigProps };
+export type { NoticeState, NotificationListProps, NotificationListState, ConfigProps };
 export declare type NoticesInPosition = {
     top: NoticeInstance[];
     topLeft: NoticeInstance[];

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

@@ -9,7 +9,7 @@ declare const OverflowDirection: {
     GROW: number;
     SHRINK: number;
 };
-export { ReactIntersectionObserverProps } from './intersectionObserver';
+export type { ReactIntersectionObserverProps } from './intersectionObserver';
 export declare type OverflowItem = Record<string, any>;
 export interface OverflowListProps {
     className?: string;

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

@@ -42,7 +42,7 @@ export interface PaginationState {
 }
 export declare type PaginationLocale = Locale['Pagination'];
 export declare type PopoverPosition = Position;
-export { PageList };
+export type { PageList };
 export default class Pagination extends BaseComponent<PaginationProps, PaginationState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {

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

@@ -5,7 +5,8 @@ import { ArrowBounding, Position, TooltipProps, Trigger, RenderContentProps } fr
 import '@douyinfe/semi-foundation/lib/cjs/popover/popover.css';
 import { BaseProps } from '../_base/baseComponent';
 import { Motion } from '../_base/base';
-export { ArrowProps } from './Arrow';
+import type { ArrowProps } from './Arrow';
+export type { ArrowProps };
 declare interface ArrowStyle {
     borderColor?: string;
     backgroundColor?: string;

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

@@ -5,6 +5,6 @@ declare class RadioWithGroup extends Radio {
 }
 export default RadioWithGroup;
 export { RadioWithGroup, Radio };
-export { RadioInnerMode, RadioInnerProps } from './radioInner';
-export { RadioGroupProps, OptionItem } from './radioGroup';
-export { RadioDisplayMode, RadioType, RadioProps, RadioChangeEvent } from './radio';
+export type { RadioInnerMode, RadioInnerProps } from './radioInner';
+export type { RadioGroupProps, OptionItem } from './radioGroup';
+export type { RadioDisplayMode, RadioType, RadioProps, RadioChangeEvent } from './radio';

package/lib/cjs/radio/radio.d.ts

@@ -41,7 +41,7 @@ export interface RadioState {
     focusVisible?: boolean;
     checked?: boolean;
 }
-export { RadioChangeEvent };
+export type { RadioChangeEvent };
 declare class Radio extends BaseComponent<RadioProps, RadioState> {
     static contextType: React.Context<RadioContextValue>;
     static propTypes: {

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

@@ -5,7 +5,7 @@ import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
 import Item from './item';
 import RatingFoundation, { RatingAdapter } from '@douyinfe/semi-foundation/lib/cjs/rating/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/rating/rating.css';
-export { RatingItemProps } from './item';
+export type { RatingItemProps } from './item';
 export interface RatingProps {
     'aria-describedby'?: string;
     'aria-errormessage'?: string;

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

@@ -3,7 +3,7 @@ import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import propTypes from 'prop-types';
 import ScrollItem from './scrollItem';
 import '@douyinfe/semi-foundation/lib/cjs/scrollList/scrollList.css';
-export { ScrollItemProps } from './scrollItem';
+export type { ScrollItemProps } from './scrollItem';
 export interface ScrollListProps extends BaseProps {
     header?: React.ReactNode;
     footer?: React.ReactNode;

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

@@ -9,9 +9,9 @@ import OptionGroup from './optionGroup';
 import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/cjs/select/select.css';
 import { Position, TooltipProps } from '../tooltip';
-export { OptionProps } from './option';
-export { OptionGroupProps } from './optionGroup';
-export { VirtualRowProps } from './virtualRow';
+export type { OptionProps } from './option';
+export type { OptionGroupProps } from './optionGroup';
+export type { VirtualRowProps } from './virtualRow';
 declare type ExcludeInputType = {
     value?: InputProps['value'];
     onFocus?: InputProps['onFocus'];

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

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import { SideSheetAdapter, SideSheetProps, SideSheetState } from '@douyinfe/semi-foundation/lib/cjs/sideSheet/sideSheetFoundation';
 import '@douyinfe/semi-foundation/lib/cjs/sideSheet/sideSheet.css';
-export { SideSheetContentProps } from './SideSheetContent';
-export { SideSheetTransitionProps } from './SideSheetTransition';
+export type { SideSheetContentProps } from './SideSheetContent';
+export type { SideSheetTransitionProps } from './SideSheetTransition';
 export interface SideSheetReactProps extends SideSheetProps {
     bodyStyle?: CSSProperties;
     headerStyle?: CSSProperties;
@@ -16,7 +16,7 @@ export interface SideSheetReactProps extends SideSheetProps {
     children?: React.ReactNode;
     onCancel?: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-export { SideSheetState };
+export type { SideSheetState };
 export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSheetState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {

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

@@ -2,7 +2,7 @@ import React, { PureComponent, ReactNode, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/skeleton/skeleton.css';
 import { Paragraph } from './item';
-export { ParagraphProps, AvatarProps, GenericProps } from './item';
+export type { ParagraphProps, AvatarProps, GenericProps } from './item';
 export interface SkeletonProps {
     active?: boolean;
     children?: ReactNode;

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

@@ -6,7 +6,7 @@ export interface SliderProps extends BasicSliceProps {
     style?: CSSProperties;
     railStyle?: CSSProperties;
 }
-export { SliderState };
+export type { SliderState };
 export default class Slider extends BaseComponent<SliderProps, SliderState> {
     static propTypes: any;
     static defaultProps: Partial<SliderProps>;

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

@@ -4,13 +4,13 @@ import '@douyinfe/semi-foundation/lib/cjs/steps/steps.css';
 import { FillStepsProps } from './fillSteps';
 import { BasicStepsProps } from './basicSteps';
 import { NavStepsProps } from './navSteps';
-export { Status, Size, BasicStepProps } from './basicStep';
-export { Direction, BasicStepsProps } from './basicSteps';
-export { FillStepProps } from './fillStep';
-export { FillStepsProps } from './fillSteps';
-export { NavStepProps } from './navStep';
-export { NavStepsProps } from './navSteps';
-export { StepProps } from './step';
+export type { Status, Size, BasicStepProps } from './basicStep';
+export type { Direction, BasicStepsProps } from './basicSteps';
+export type { FillStepProps } from './fillStep';
+export type { FillStepsProps } from './fillSteps';
+export type { NavStepProps } from './navStep';
+export type { NavStepsProps } from './navSteps';
+export type { StepProps } from './step';
 export interface FillStepsAllProps extends FillStepsProps {
     type?: 'fill';
 }

package/lib/cjs/table/Table.js

@@ -900,7 +900,6 @@ class Table extends _baseComponent.default {
     this.store = new _Store.default({
       hoveredRowKey: null
     });
-    this.setScrollPosition('left');
     this.debouncedWindowResize = (0, _debounce2.default)(this.handleWindowResize, 150);
     this.cachedFilteredSortedDataSource = [];
     this.cachedFilteredSortedRowKeys = [];
@@ -1204,6 +1203,7 @@ class Table extends _baseComponent.default {
 
   componentDidMount() {
     super.componentDidMount();
+    this.setScrollPosition('left');
 
     if (this.adapter.isAnyColumnFixed() || this.props.showHeader && this.adapter.useFixedHeader()) {
       this.handleWindowResize();

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { TimePickerProps as BasePickerProps, BaseValueType } from './TimePicker';
-import { ValidateStatus } from '../_base/baseComponent';
-import { ScrollItemProps } from '../scrollList/scrollItem';
-export { TimeInputProps } from './TimeInput';
-export { TimePickerProps } from './TimePicker';
-export { BaseValueType, ScrollItemProps, ValidateStatus };
+import type { ValidateStatus } from '../_base/baseComponent';
+import type { ScrollItemProps } from '../scrollList/scrollItem';
+export type { TimeInputProps } from './TimeInput';
+export type { TimePickerProps } from './TimePicker';
+export type { BaseValueType, ScrollItemProps, ValidateStatus };
 export declare type LocalePickerProps = BasePickerProps;
 export default class LocaleTimePicker extends React.PureComponent<LocalePickerProps> {
     static propTypes: {