@douyinfe/semi-ui 2.22.0-beta.0 → 2.22.0-beta.2

package/lib/es/tree/nodeList.js

@@ -1,7 +1,7 @@
 import _isEqual from "lodash/isEqual";
 import React, { PureComponent } from 'react';
 import TreeContext from './treeContext';
-import Collapse from './collapse';
+import NodeCollapsible from './nodeCollapsible';
 
 const getTreeNodeKey = treeNode => {
   const {
@@ -91,11 +91,12 @@ export default class NodeList extends PureComponent {
 
       if (isMotionNode && treeNode.length) {
         const nodeKey = getTreeNodeKey(treeNode[0]);
-        return /*#__PURE__*/React.createElement(Collapse, {
-          motionType: motionType === 'show' ? 'enter' : 'leave',
+        return /*#__PURE__*/React.createElement(NodeCollapsible, {
+          open: motionType === 'hide',
+          duration: 200,
+          motion: Boolean(motionType),
           key: "motion-".concat(nodeKey),
-          onMotionEnd: this.onMotionEnd,
-          motion: Boolean(motionType)
+          onMotionEnd: this.onMotionEnd
         }, treeNode.map(node => renderTreeNode(node)));
       }
 

package/lib/es/tree/treeNode.d.ts

@@ -21,7 +21,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
         keyword: PropTypes.Requireable<string>;
         treeNodeFilterProp: PropTypes.Requireable<string>;
         selectedKey: PropTypes.Requireable<string>;
-        motionKey: PropTypes.Requireable<string | string[]>;
+        motionKey: PropTypes.Requireable<NonNullable<string | string[]>>;
     };
     static defaultProps: {
         selectedKey: string;

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

@@ -8,7 +8,7 @@ import { ContextValue } from '../configProvider/context';
 import Input, { InputProps } from '../input/index';
 import TagInput from '../tagInput';
 import { TreeProps, TreeState, FlattenNode, TreeNodeData, TreeNodeProps } from '../tree/interface';
-import { Motion } from '../_base/base';
+import { PopoverProps } from '../popover/index';
 export declare type ExpandAction = false | 'click' | 'doubleClick';
 export interface TriggerRenderProps extends Omit<BasicTriggerRenderProps, 'componentProps'> {
     [x: string]: any;
@@ -40,7 +40,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
     'aria-required'?: React.AriaAttributes['aria-required'];
-    motion?: Motion;
+    motion?: boolean;
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
     arrowIcon?: React.ReactNode;
@@ -69,6 +69,7 @@ export interface TreeSelectProps extends Omit<BasicTreeSelectProps, OverrideComm
     zIndex?: number;
     searchPosition?: string;
     stopPropagation?: boolean | string;
+    restTagsPopoverProps?: PopoverProps;
     searchRender?: boolean | ((inputProps: InputProps) => React.ReactNode);
     onSelect?: (selectedKeys: string, selected: boolean, selectedNode: TreeNodeData) => void;
     renderSelectedItem?: RenderSelectedItem;
@@ -102,13 +103,13 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         onLoad: PropTypes.Requireable<(...args: any[]) => any>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         defaultOpen: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | any[]>;
+        defaultValue: PropTypes.Requireable<NonNullable<string | any[]>>;
         defaultExpandAll: PropTypes.Requireable<boolean>;
         defaultExpandedKeys: PropTypes.Requireable<any[]>;
         expandAll: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         disableStrictly: PropTypes.Requireable<boolean>;
-        filterTreeNode: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        filterTreeNode: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
         multiple: PropTypes.Requireable<boolean>;
         searchPlaceholder: PropTypes.Requireable<string>;
         searchAutoFocus: PropTypes.Requireable<boolean>;
@@ -121,7 +122,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         onChangeWithObject: PropTypes.Requireable<boolean>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        value: PropTypes.Requireable<string | number | object>;
+        value: PropTypes.Requireable<NonNullable<string | number | object>>;
         expandedKeys: PropTypes.Requireable<any[]>;
         autoExpandParent: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
@@ -133,12 +134,12 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         leafOnly: PropTypes.Requireable<boolean>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<string | number>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             label: PropTypes.Requireable<any>;
         }>[]>;
         dropdownClassName: PropTypes.Requireable<string>;
         dropdownStyle: PropTypes.Requireable<object>;
-        motion: PropTypes.Requireable<boolean | object>;
+        motion: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;
         maxTagCount: PropTypes.Requireable<number>;
         size: PropTypes.Requireable<Size>;
@@ -156,7 +157,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        stopPropagation: PropTypes.Requireable<string | boolean>;
+        stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         outerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         outerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -167,10 +168,12 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         renderFullLabel: PropTypes.Requireable<(...args: any[]) => any>;
         labelEllipsis: PropTypes.Requireable<boolean>;
         optionListStyle: PropTypes.Requireable<object>;
-        searchRender: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        searchRender: PropTypes.Requireable<NonNullable<boolean | ((...args: any[]) => any)>>;
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         checkRelation: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
+        showRestTagsPopover: PropTypes.Requireable<boolean>;
+        restTagsPopoverProps: PropTypes.Requireable<object>;
     };
     static defaultProps: Partial<TreeSelectProps>;
     inputRef: React.RefObject<typeof Input>;

package/lib/es/treeSelect/index.js

@@ -20,7 +20,6 @@ import ConfigContext from '../configProvider/context';
 import TagGroup from '../tag/group';
 import Tag from '../tag/index';
 import Input from '../input/index';
-import Popover from '../popover/index';
 import AutoSizer from '../tree/autoSizer';
 import TreeContext from '../tree/treeContext';
 import TreeNode from '../tree/treeNode';
@@ -32,6 +31,7 @@ import TagInput from '../tagInput';
 import { isSemiIcon } from '../_utils';
 import { IconChevronDown, IconClear, IconSearch } from '@douyinfe/semi-icons';
 import CheckboxGroup from '../checkbox/checkboxGroup';
+import Popover from '../popover/index';
 const prefixcls = cssClasses.PREFIX;
 const prefixTree = cssClasses.PREFIX_TREE;
 const key = 0;
@@ -261,7 +261,9 @@ class TreeSelect extends BaseComponent {
         placeholder,
         maxTagCount,
         searchPosition,
-        filterTreeNode
+        filterTreeNode,
+        showRestTagsPopover,
+        restTagsPopoverProps
       } = this.props;
       const isTriggerPositionSearch = filterTreeNode && searchPosition === strings.SEARCH_POSITION_TRIGGER; // searchPosition = trigger
 
@@ -287,7 +289,9 @@ class TreeSelect extends BaseComponent {
         maxTagCount: maxTagCount,
         tagList: tagList,
         size: "large",
-        mode: "custom"
+        mode: "custom",
+        showPopover: showRestTagsPopover,
+        popoverProps: restTagsPopoverProps
       });
     };
 
@@ -535,7 +539,9 @@ class TreeSelect extends BaseComponent {
         searchAutoFocus,
         placeholder,
         maxTagCount,
-        checkRelation
+        checkRelation,
+        showRestTagsPopover,
+        restTagsPopoverProps
       } = this.props;
       const {
         keyEntities,
@@ -560,9 +566,13 @@ class TreeSelect extends BaseComponent {
         value: keyList,
         inputValue: inputValue,
         size: size,
+        showRestTagsPopover: showRestTagsPopover,
+        restTagsPopoverProps: restTagsPopoverProps,
+        // eslint-disable-next-line jsx-a11y/no-autofocus
         autoFocus: searchAutoFocus,
         renderTagItem: (itemKey, index) => this.renderTagItem(itemKey, index),
-        onRemove: itemKey => this.removeTag(itemKey)
+        onRemove: itemKey => this.removeTag(itemKey),
+        expandRestTagsOnClick: false
       });
     }; // render Tree
 
@@ -1268,7 +1278,7 @@ TreeSelect.propTypes = {
   })),
   dropdownClassName: PropTypes.string,
   dropdownStyle: PropTypes.object,
-  motion: PropTypes.oneOfType([PropTypes.bool, PropTypes.object, PropTypes.func]),
+  motion: PropTypes.bool,
   placeholder: PropTypes.string,
   maxTagCount: PropTypes.number,
   size: PropTypes.oneOf(strings.SIZE_SET),
@@ -1300,7 +1310,9 @@ TreeSelect.propTypes = {
   searchRender: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   renderSelectedItem: PropTypes.func,
   checkRelation: PropTypes.string,
-  'aria-label': PropTypes.string
+  'aria-label': PropTypes.string,
+  showRestTagsPopover: PropTypes.bool,
+  restTagsPopoverProps: PropTypes.object
 };
 TreeSelect.defaultProps = {
   searchPosition: strings.SEARCH_POSITION_DROPDOWN,
@@ -1328,6 +1340,8 @@ TreeSelect.defaultProps = {
   clickToHide: true,
   searchAutoFocus: false,
   checkRelation: 'related',
-  'aria-label': 'TreeSelect'
+  'aria-label': 'TreeSelect',
+  showRestTagsPopover: false,
+  restTagsPopoverProps: {}
 };
 export default TreeSelect;

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

@@ -27,7 +27,7 @@ declare class Trigger extends React.PureComponent<TriggerProps> {
         componentProps: PropTypes.Requireable<object>;
         value: PropTypes.Requireable<any>;
         inputValue: PropTypes.Requireable<string>;
-        placeholder: PropTypes.Requireable<string | any[]>;
+        placeholder: PropTypes.Requireable<NonNullable<string | any[]>>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
     };

package/lib/es/typography/base.d.ts

@@ -36,38 +36,38 @@ interface BaseTypographyState {
 export default class Base extends Component<BaseTypographyProps, BaseTypographyState> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        copyable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+        copyable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
             text: PropTypes.Requireable<string>;
             onCopy: PropTypes.Requireable<(...args: any[]) => any>;
             successTip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             copyTip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }>>;
+        }>>>;
         delete: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        ellipsis: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+        ellipsis: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
             rows: PropTypes.Requireable<number>;
             expandable: PropTypes.Requireable<boolean>;
             expandText: PropTypes.Requireable<string>;
             onExpand: PropTypes.Requireable<(...args: any[]) => any>;
             suffix: PropTypes.Requireable<string>;
-            showTooltip: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+            showTooltip: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 opts: PropTypes.Requireable<object>;
-            }>>;
+            }>>>;
             collapsible: PropTypes.Requireable<boolean>;
             collapseText: PropTypes.Requireable<string>;
             pos: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         mark: PropTypes.Requireable<boolean>;
         underline: PropTypes.Requireable<boolean>;
-        link: PropTypes.Requireable<boolean | object>;
+        link: PropTypes.Requireable<NonNullable<boolean | object>>;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         heading: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;
     };

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

@@ -2,10 +2,12 @@ import BaseTypography from './typography';
 import Text from './text';
 import Title from './title';
 import Paragraph from './paragraph';
+import Numeral from './numeral';
 export declare type TypographyType = typeof BaseTypography & {
     Text: typeof Text;
     Title: typeof Title;
     Paragraph: typeof Paragraph;
+    Numeral: typeof Numeral;
 };
 declare const Typography: TypographyType;
 export type { BaseTypographyProps } from './base';

package/lib/es/typography/index.js

@@ -2,9 +2,11 @@ import BaseTypography from './typography';
 import Text from './text';
 import Title from './title';
 import Paragraph from './paragraph';
+import Numeral from './numeral';
 const Typography = BaseTypography;
 Typography.Text = Text;
 Typography.Title = Title;
 Typography.Paragraph = Paragraph;
+Typography.Numeral = Numeral;
 export * from './interface';
 export default Typography;

package/lib/es/typography/interface.d.ts

@@ -23,3 +23,5 @@ export declare type OmitTypographyProps = 'dangerouslySetInnerHTML';
 export declare type TypographyBaseType = ArrayElement<typeof strings.TYPE>;
 export declare type TypographyBaseSize = ArrayElement<typeof strings.SIZE>;
 export declare type TypographyBaseSpacing = ArrayElement<typeof strings.SPACING>;
+export declare type TypographyBaseRule = ArrayElement<typeof strings.RULE>;
+export declare type TypographyBaseTruncate = ArrayElement<typeof strings.TRUNCATE>;

package/lib/es/typography/numeral.d.ts

@@ -0,0 +1,68 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { TypographyBaseSize, TypographyBaseType, TypographyBaseRule, OmitTypographyProps, TypographyBaseTruncate } from './interface';
+import { CopyableConfig, LinkType } from './title';
+declare type OmitNumeralProps = OmitTypographyProps;
+export interface NumeralProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, OmitNumeralProps> {
+    rule?: TypographyBaseRule;
+    precision?: number;
+    truncate?: TypographyBaseTruncate;
+    parser?: (value: string) => string;
+    children?: React.ReactNode;
+    className?: string;
+    code?: boolean;
+    component?: React.ElementType;
+    copyable?: CopyableConfig | boolean;
+    delete?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode | string;
+    link?: LinkType;
+    mark?: boolean;
+    size?: TypographyBaseSize;
+    strong?: boolean;
+    style?: React.CSSProperties;
+    type?: TypographyBaseType;
+    underline?: boolean;
+}
+export default class Numeral extends PureComponent<NumeralProps> {
+    static propTypes: {
+        rule: PropTypes.Requireable<"text" | "numbers" | "bytes-decimal" | "bytes-binary" | "percentages" | "exponential">;
+        precision: PropTypes.Requireable<number>;
+        truncate: PropTypes.Requireable<"ceil" | "floor" | "round">;
+        parser: PropTypes.Requireable<(...args: any[]) => any>;
+        copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
+        delete: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        mark: PropTypes.Requireable<boolean>;
+        underline: PropTypes.Requireable<boolean>;
+        link: PropTypes.Requireable<NonNullable<boolean | object>>;
+        strong: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        size: PropTypes.Requireable<"small" | "normal">;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        code: PropTypes.Requireable<boolean>;
+        component: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        rule: string;
+        precision: number;
+        truncate: string;
+        parser: any;
+        copyable: boolean;
+        delete: boolean;
+        icon: string;
+        mark: boolean;
+        underline: boolean;
+        strong: boolean;
+        link: boolean;
+        type: string;
+        style: {};
+        size: string;
+        className: string;
+    };
+    formatNodeDFS(node: any): any;
+    render(): JSX.Element;
+}
+export {};

package/lib/es/typography/numeral.js

@@ -0,0 +1,86 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { strings } from '@douyinfe/semi-foundation/lib/es/typography/constants';
+import Base from './base';
+import FormatNumeral from '@douyinfe/semi-foundation/lib/es/typography/formatNumeral';
+export default class Numeral extends PureComponent {
+  // Traverse the entire virtual DOM using a depth-first traversal algorithm, then format each piece. (in react)
+  formatNodeDFS(node) {
+    if (!Array.isArray(node)) {
+      node = [node];
+    } // Because the property is read-only, an object is returned for overwriting rather than directly modifying the object's contents.
+
+
+    node = node.map(item => {
+      if (typeof item === 'string' || typeof item === 'number') {
+        // Formatting the digital content of nodes.
+        return new FormatNumeral(String(item), this.props.rule, this.props.precision, this.props.truncate, this.props.parser).format();
+      }
+
+      if (typeof item === 'function') {
+        return this.formatNodeDFS(item());
+      }
+
+      if (typeof item === 'object' && 'children' in item['props']) {
+        return Object.assign(Object.assign({}, item), {
+          props: Object.assign(Object.assign({}, item['props']), {
+            children: this.formatNodeDFS(item['props']['children'])
+          })
+        });
+      }
+
+      return item;
+    });
+    return node.length === 1 ? node[0] : node;
+  }
+
+  render() {
+    // Deep copy and remove props that are not needed by the Base component.
+    const baseProps = Object.assign({}, this.props);
+    delete baseProps.rule;
+    delete baseProps.parser; // Each piece of content in the virtual DOM is formatted by the `formatNumeral` function.
+
+    baseProps.children = this.formatNodeDFS(this.props.children);
+    return /*#__PURE__*/React.createElement(Base, Object.assign({
+      component: 'span'
+    }, baseProps));
+  }
+
+}
+Numeral.propTypes = {
+  rule: PropTypes.oneOf(strings.RULE),
+  precision: PropTypes.number,
+  truncate: PropTypes.oneOf(strings.TRUNCATE),
+  parser: PropTypes.func,
+  copyable: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+  delete: PropTypes.bool,
+  disabled: PropTypes.bool,
+  icon: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  mark: PropTypes.bool,
+  underline: PropTypes.bool,
+  link: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
+  strong: PropTypes.bool,
+  type: PropTypes.oneOf(strings.TYPE),
+  size: PropTypes.oneOf(strings.SIZE),
+  style: PropTypes.object,
+  className: PropTypes.string,
+  code: PropTypes.bool,
+  component: PropTypes.string
+};
+Numeral.defaultProps = {
+  rule: 'text',
+  precision: 0,
+  truncate: 'round',
+  parser: undefined,
+  copyable: false,
+  delete: false,
+  icon: '',
+  mark: false,
+  underline: false,
+  strong: false,
+  link: false,
+  type: 'primary',
+  style: {},
+  size: 'normal',
+  className: ''
+};

package/lib/es/typography/paragraph.d.ts

@@ -21,12 +21,12 @@ export interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphE
 }
 export default class Paragraph extends PureComponent<ParagraphProps> {
     static propTypes: {
-        copyable: PropTypes.Requireable<boolean | object>;
+        copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        ellipsis: PropTypes.Requireable<boolean | object>;
+        ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
         mark: PropTypes.Requireable<boolean>;
-        link: PropTypes.Requireable<boolean | object>;
+        link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;

package/lib/es/typography/text.d.ts

@@ -23,14 +23,14 @@ export interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, O
 }
 export default class Text extends PureComponent<TextProps> {
     static propTypes: {
-        copyable: PropTypes.Requireable<boolean | object>;
+        copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        ellipsis: PropTypes.Requireable<boolean | object>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
         mark: PropTypes.Requireable<boolean>;
         underline: PropTypes.Requireable<boolean>;
-        link: PropTypes.Requireable<boolean | object>;
+        link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;

package/lib/es/typography/title.d.ts

@@ -28,16 +28,16 @@ export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement
 }
 export default class Title extends PureComponent<TitleProps> {
     static propTypes: {
-        copyable: PropTypes.Requireable<boolean | object>;
+        copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
-        ellipsis: PropTypes.Requireable<boolean | object>;
+        ellipsis: PropTypes.Requireable<NonNullable<boolean | object>>;
         mark: PropTypes.Requireable<boolean>;
-        link: PropTypes.Requireable<boolean | object>;
+        link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/upload/fileCard.d.ts

@@ -21,7 +21,7 @@ declare class FileCard extends PureComponent<FileCardProps> {
         previewFile: PropTypes.Requireable<(...args: any[]) => any>;
         showReplace: PropTypes.Requireable<boolean>;
         showRetry: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string | number>;
+        size: PropTypes.Requireable<NonNullable<string | number>>;
         status: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         url: PropTypes.Requireable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.22.0-beta.0",
+    "version": "2.22.0-beta.2",
     "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.22.0-beta.0",
-        "@douyinfe/semi-foundation": "2.22.0-beta.0",
-        "@douyinfe/semi-icons": "2.22.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.22.0-beta.2",
+        "@douyinfe/semi-foundation": "2.22.0-beta.2",
+        "@douyinfe/semi-icons": "2.22.0-beta.2",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.22.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.22.0-beta.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "6dbdc576c3bfa810e1fac609d87ee53ee0925483",
+    "gitHead": "f6c8d4d27e0c56d5967d1275775ce487ca846d22",
     "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.22.0-beta.0",
+        "@douyinfe/semi-scss-compile": "2.22.0-beta.2",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",

package/lib/cjs/motions/Rotate.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface TransitionStyle {
-    rotate?: number;
-}
-export interface OpenIconTransitionProps {
-    isOpen?: boolean;
-    children?: React.ReactNode;
-    enterDeg?: number;
-    fromDeg?: number;
-    duration?: number;
-}
-declare function OpenIconTransition(props?: OpenIconTransitionProps): React.ReactElement;
-declare namespace OpenIconTransition {
-    var propTypes: {
-        isOpen: PropTypes.Validator<boolean>;
-        children: PropTypes.Validator<any>;
-        enterDeg: PropTypes.Requireable<number>;
-        fromDeg: PropTypes.Requireable<number>;
-        duration: PropTypes.Requireable<number>;
-    };
-}
-export default OpenIconTransition;