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

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

@@ -9,9 +9,9 @@ import OptionGroup from './optionGroup';
 import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/sideSheet/sideSheetFoundation';
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/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/es/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/es/steps/index.d.ts

@@ -4,13 +4,13 @@ import '@douyinfe/semi-foundation/lib/es/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/es/table/Table.js

@@ -856,7 +856,6 @@ class Table extends BaseComponent {
     this.store = new Store({
       hoveredRowKey: null
     });
-    this.setScrollPosition('left');
     this.debouncedWindowResize = _debounce(this.handleWindowResize, 150);
     this.cachedFilteredSortedDataSource = [];
     this.cachedFilteredSortedRowKeys = [];
@@ -1163,6 +1162,7 @@ class Table extends BaseComponent {
 
   componentDidMount() {
     super.componentDidMount();
+    this.setScrollPosition('left');
 
     if (this.adapter.isAnyColumnFixed() || this.props.showHeader && this.adapter.useFixedHeader()) {
       this.handleWindowResize();

package/lib/es/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: {

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

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/toast/index.d.ts

@@ -5,14 +5,14 @@ import '@douyinfe/semi-foundation/lib/es/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/es/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/es/tooltip/index.d.ts

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

@@ -8,7 +8,7 @@ import TreeNode from './treeNode';
 import '@douyinfe/semi-foundation/lib/es/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/es/tree/index.js

@@ -223,6 +223,8 @@ class Tree extends BaseComponent {
 
 
   static getDerivedStateFromProps(props, prevState) {
+    var _a;
+
     const {
       prevProps
     } = prevState;
@@ -304,8 +306,18 @@ class Tree extends BaseComponent {
         newState.expandedKeys = calcExpandedKeys(props.defaultExpandedKeys, keyEntities);
       } else if (!prevProps && props.defaultValue) {
         newState.expandedKeys = calcExpandedKeysForValues(props.defaultValue, keyEntities, props.multiple, valueEntities);
-      } else if ((!prevProps || !isExpandControlled && dataUpdated) && props.value) {
+      } else if (!prevProps && props.value) {
         newState.expandedKeys = 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 = calcExpandedKeysForValues(props.value, keyEntities, props.multiple, valueEntities);
+        }
       }
 
       if (!newState.expandedKeys) {

package/lib/es/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/es/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/es/upload/foundation';
+import UploadFoundation from '@douyinfe/semi-foundation/lib/es/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/es/upload/upload.css';
+import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.20.0-beta.1",
+    "version": "2.20.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -18,11 +18,11 @@
     ],
     "dependencies": {
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.20.0-beta.1",
-        "@douyinfe/semi-foundation": "2.20.0-beta.1",
-        "@douyinfe/semi-icons": "2.20.0-beta.1",
+        "@douyinfe/semi-animation-react": "2.20.0",
+        "@douyinfe/semi-foundation": "2.20.0",
+        "@douyinfe/semi-icons": "2.20.0",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.20.0-beta.1",
+        "@douyinfe/semi-theme-default": "2.20.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "5b995a1afab25994df894566bda7f29b70befa97",
+    "gitHead": "09833ac091bb7caf6d1ed2199e8fc528ba7510c2",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.20.0-beta.1",
+        "@douyinfe/semi-scss-compile": "2.20.0",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",