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

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

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
 import Item, { TimelineItemProps } from './item';
-export { TimelineItemProps } from './item';
+export type { TimelineItemProps } from './item';
 export interface Data extends TimelineItemProps {
     content: React.ReactNode;
 }

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

@@ -5,14 +5,14 @@ import '@douyinfe/semi-foundation/lib/cjs/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/cjs/toast/toastFoundation';
 import { Motion } from '../_base/base';
-export { ToastTransitionProps } from './ToastTransition';
+export type { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
     id?: string;
     style?: CSSProperties;
     icon?: React.ReactNode;
     content: React.ReactNode;
 }
-export { ConfigProps, ToastListProps, ToastListState, ToastState };
+export type { ConfigProps, ToastListProps, ToastListState, ToastState };
 declare const createBaseToast: () => {
     new (props: ToastListProps): {
         readonly adapter: ToastListAdapter;

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

@@ -8,8 +8,9 @@ import '@douyinfe/semi-foundation/lib/cjs/tooltip/tooltip.css';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import { ContextValue } from '../configProvider/context';
 import { Motion } from '../_base/base';
-export { TooltipTransitionProps } from './TooltipStyledTransition';
+export type { TooltipTransitionProps } from './TooltipStyledTransition';
 export declare type Trigger = ArrayElement<typeof strings.TRIGGER_SET>;
+export type { Position };
 export interface ArrowBounding {
     offsetX?: number;
     offsetY?: number;
@@ -179,4 +180,3 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     mergeEvents: (rawEvents: Record<string, any>, events: Record<string, any>) => {};
     render(): JSX.Element;
 }
-export { Position };

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

@@ -8,7 +8,7 @@ import TreeNode from './treeNode';
 import '@douyinfe/semi-foundation/lib/cjs/tree/tree.css';
 import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity, ScrollData } from './interface';
 export * from './interface';
-export { AutoSizerProps } from './autoSizer';
+export type { AutoSizerProps } from './autoSizer';
 declare class Tree extends BaseComponent<TreeProps, TreeState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {

package/lib/cjs/tree/index.js

@@ -268,6 +268,8 @@ class Tree extends _baseComponent.default {
 
 
   static getDerivedStateFromProps(props, prevState) {
+    var _a;
+
     const {
       prevProps
     } = prevState;
@@ -349,8 +351,18 @@ class Tree extends _baseComponent.default {
         newState.expandedKeys = (0, _treeUtil.calcExpandedKeys)(props.defaultExpandedKeys, keyEntities);
       } else if (!prevProps && props.defaultValue) {
         newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)(props.defaultValue, keyEntities, props.multiple, valueEntities);
-      } else if ((!prevProps || !isExpandControlled && dataUpdated) && props.value) {
+      } else if (!prevProps && props.value) {
         newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)(props.value, keyEntities, props.multiple, valueEntities);
+      } else if (!isExpandControlled && dataUpdated && props.value) {
+        // 当 treeData 已经设置具体的值，并且设置了 props.loadData ，则认为 treeData 的更新是因为 loadData 导致的
+        // 如果是因为 loadData 导致 treeData改变， 此时在这里重新计算 key 会导致为未选中的展开项目被收起
+        // 所以此时不需要重新计算 expandedKeys，因为在点击展开按钮时候已经把被展开的项添加到 expandedKeys 中
+        // When treeData has a specific value and props.loadData is set, it is considered that the update of treeData is caused by loadData
+        // If the treeData is changed because of loadData, recalculating the key here will cause the unselected expanded items to be collapsed
+        // So there is no need to recalculate expandedKeys at this time, because the expanded item has been added to expandedKeys when the expand button is clicked
+        if (!(prevState.treeData && ((_a = prevState.treeData) === null || _a === void 0 ? void 0 : _a.length) > 0 && props.loadData)) {
+          newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)(props.value, keyEntities, props.multiple, valueEntities);
+        }
       }
 
       if (!newState.expandedKeys) {

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

@@ -8,10 +8,10 @@ export declare type TypographyType = typeof BaseTypography & {
     Paragraph: typeof Paragraph;
 };
 declare const Typography: TypographyType;
-export { BaseTypographyProps } from './base';
-export { CopyableProps } from './copyable';
-export { TitleProps } from './title';
-export { TextProps } from './text';
-export { ParagraphProps } from './paragraph';
+export type { BaseTypographyProps } from './base';
+export type { CopyableProps } from './copyable';
+export type { TitleProps } from './title';
+export type { TextProps } from './text';
+export type { ParagraphProps } from './paragraph';
 export * from './interface';
 export default Typography;

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

@@ -1,11 +1,13 @@
 import React, { ReactNode, CSSProperties, RefObject, ChangeEvent, DragEvent } from 'react';
 import PropTypes from 'prop-types';
-import UploadFoundation, { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
+import UploadFoundation from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
 import FileCard from './fileCard';
-import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import BaseComponent from '../_base/baseComponent';
 import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/cjs/upload/upload.css';
+import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
+import type { ValidateStatus } from '../_base/baseComponent';
 export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
 export interface UploadProps {
     accept?: string;

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

@@ -7,7 +7,7 @@ import Link from './link';
 import '@douyinfe/semi-foundation/lib/es/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/es/backtop/index.js

@@ -91,7 +91,10 @@ export default class BackTop extends BaseComponent {
     } = this.state;
     const preCls = cls(prefixCls, className);
     const backtopBtn = children ? children : this.renderDefault();
-    const content = visible ? /*#__PURE__*/React.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.createElement("div", Object.assign({}, others, {
       className: preCls,
       style: style,
       onClick: e => this.handleClick(e),

package/lib/es/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/es/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/es/utils/function';
 import { BreadContextType } from './bread-context';
-export { BreadcrumbItemInfo };
+export type { BreadcrumbItemInfo };
 export interface RouteProps extends Route {
     icon?: React.ReactNode;
 }

package/lib/es/button/buttonGroup.js

@@ -64,9 +64,10 @@ export default class ButtonGroup extends BaseComponent {
       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 = [];
@@ -85,6 +86,7 @@ export default class ButtonGroup extends BaseComponent {
 
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
+      style: style,
       role: "group",
       "aria-label": ariaLabel
     }, innerWithLine);

package/lib/es/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/es/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/es/calendar/interface.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { EventObject, weeekStartsOnEnum } from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
 import { strings } from '@douyinfe/semi-foundation/lib/es/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/es/calendar/foundation';
 export interface CalendarProps extends BaseProps {
     displayValue?: Date;
     range?: Date[];

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

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/cascader/foundation';
-export { CascaderData, Entity, Data, CascaderItemProps } from './item';
+export type { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
+export type { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
     activeNode: CascaderData;
 }

package/lib/es/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/es/collapse/index.d.ts

@@ -5,7 +5,7 @@ import BaseComponent from '../_base/baseComponent';
 import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/es/collapse/collapse.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/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/es/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/es/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/es/datePicker/foundation';

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/dropdown/index.d.ts

@@ -9,10 +9,10 @@ import DropdownTitle, { DropdownTitleProps } from './dropdownTitle';
 import { DropdownContextType } from './context';
 import '@douyinfe/semi-foundation/lib/es/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/es/form/arrayField.d.ts

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

package/lib/es/form/group.js

@@ -23,6 +23,7 @@ import Label from './label';
 import { FormUpdaterContext } from './context';
 import { useFormState } from './hooks/index';
 import InputGroup from '../input/inputGroup';
+import { Col } from '../grid/index';
 const prefix = cssClasses.PREFIX; // Group component to remove Labels and ErrorMessages from its child fields
 // Unified insertion of Labels and ErrorMessages from the group level
 // Get Errors of all field in this group
@@ -72,7 +73,7 @@ class FormInputGroup extends 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 = [];
     const inner = React.Children.map(children, child => {
@@ -90,14 +91,50 @@ class FormInputGroup extends Component {
     const groupCls = classNames({
       ["".concat(prefix, "-field-group")]: true
     });
-    return /*#__PURE__*/React.createElement("div", {
-      "x-label-pos": labelPosition,
-      className: groupCls
-    }, this.renderLabel(label, formProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputGroup, Object.assign({}, rest), inner), /*#__PURE__*/React.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.createElement(InputGroup, Object.assign({}, rest), inner);
+    const groupErrorContent = /*#__PURE__*/React.createElement(GroupError, {
       fieldSet: groupFieldSet,
       showValidateIcon: formProps.showValidateIcon,
       isInInputGroup: true
-    })));
+    });
+    let content;
+
+    switch (true) {
+      case !appendCol:
+        content = /*#__PURE__*/React.createElement(React.Fragment, null, labelContent, /*#__PURE__*/React.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          style: {
+            overflow: 'hidden'
+          }
+        }, /*#__PURE__*/React.createElement(Col, Object.assign({}, labelCol, {
+          className: labelColCls
+        }), labelContent)), /*#__PURE__*/React.createElement(Col, Object.assign({}, wrapperCol), inputGroupContent, groupErrorContent));
+        break;
+
+      case appendCol && labelPosition !== 'top':
+        content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, Object.assign({}, labelCol, {
+          className: labelColCls
+        }), labelContent), /*#__PURE__*/React.createElement(Col, Object.assign({}, wrapperCol), inputGroupContent, groupErrorContent));
+        break;
+
+      default:
+        break;
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      "x-label-pos": labelPosition,
+      className: groupCls
+    }, content);
   }
 
 }

package/lib/es/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/es/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/es/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/es/input/index.d.ts

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import InputFoundation from '@douyinfe/semi-foundation/lib/es/input/foundation';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/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/es/layout/index.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/list/index.d.ts

@@ -4,7 +4,7 @@ import '@douyinfe/semi-foundation/lib/es/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/es/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/es/modal/index.d.ts

@@ -2,7 +2,7 @@ import '@douyinfe/semi-foundation/lib/es/modal/modal.css';
 import { ModalState } from '@douyinfe/semi-foundation/lib/es/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/es/navigation/index.d.ts

@@ -8,13 +8,13 @@ import Footer, { NavFooterProps } from './Footer';
 import Header, { NavHeaderProps } from './Header';
 import '@douyinfe/semi-foundation/lib/es/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/es/notification/index.d.ts

@@ -6,11 +6,11 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/notification/notification.css';
 import useNotification from './useNotification';
 import { NoticeInstance, NoticePosition, NoticeProps, NoticeState } from '@douyinfe/semi-foundation/lib/es/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/es/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/es/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/es/popover/index.d.ts

@@ -5,7 +5,8 @@ import { ArrowBounding, Position, TooltipProps, Trigger, RenderContentProps } fr
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/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/es/rating/index.d.ts

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