@douyinfe/semi-ui 2.10.0-alpha.0 → 2.10.1

package/lib/es/form/hoc/withField.js

@@ -112,7 +112,8 @@ function withField(Component, opts) {
     const [cursor, setCursor, getCursor] = useStateWithGetter(0);
     const [status, setStatus] = useState(validateStatus); // use props.validateStatus to init
 
-    const rulesRef = useRef(rules); // notNotify is true means that the onChange of the Form does not need to be triggered
+    const rulesRef = useRef(rules);
+    const validateRef = useRef(validate); // notNotify is true means that the onChange of the Form does not need to be triggered
     // notUpdate is true means that this operation does not need to trigger the forceUpdate
 
     const updateTouched = (isTouched, callOpts) => {
@@ -213,7 +214,7 @@ function withField(Component, opts) {
       let maybePromisedErrors; // let errorThrowSync;
 
       try {
-        maybePromisedErrors = validate(val, values);
+        maybePromisedErrors = validateRef.current(val, values);
       } catch (err) {
         // error throw by syncValidate
         maybePromisedErrors = err;
@@ -253,7 +254,7 @@ function withField(Component, opts) {
         finalVal = transform(val);
       }
 
-      if (validate) {
+      if (validateRef.current) {
         return _validate(finalVal, updater.getValue(), callOpts);
       } else if (latestRules) {
         return _validateInternal(finalVal, callOpts);
@@ -362,7 +363,8 @@ function withField(Component, opts) {
 
     useLayoutEffect(() => {
       rulesRef.current = rules;
-    }, [rules]); // exec validate once when trigger inlcude 'mount'
+      validateRef.current = validate;
+    }, [rules, validate]); // exec validate once when trigger inlcude 'mount'
 
     useLayoutEffect(() => {
       if (validateOnMount) {
@@ -378,9 +380,16 @@ function withField(Component, opts) {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         return () => {};
       } // log('register: ' + field);
+      // field value may change after field component mounted, we use ref value here to get changed value
 
 
-      updater.register(field, fieldState, {
+      const refValue = getVal();
+      updater.register(field, {
+        value: refValue,
+        error,
+        touched,
+        status
+      }, {
         field,
         fieldApi,
         keepState,

package/lib/es/index.d.ts

@@ -12,6 +12,7 @@ export { default as ButtonGroup } from './button/buttonGroup';
 export { default as Calendar } from './calendar';
 export { default as Card } from './card';
 export { default as CardGroup } from './card/cardGroup';
+export { default as Carousel } from './carousel';
 export { default as Cascader } from './cascader';
 export { default as Checkbox } from './checkbox';
 export { default as CheckboxGroup } from './checkbox/checkboxGroup';

package/lib/es/index.js

@@ -12,6 +12,7 @@ export { default as ButtonGroup } from './button/buttonGroup';
 export { default as Calendar } from './calendar';
 export { default as Card } from './card';
 export { default as CardGroup } from './card/cardGroup';
+export { default as Carousel } from './carousel';
 export { default as Cascader } from './cascader';
 export { default as Checkbox } from './checkbox';
 export { default as CheckboxGroup } from './checkbox/checkboxGroup';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { InputProps } from '../input';
-import InputNumberFoundation, { InputNumberAdapter } from '@douyinfe/semi-foundation/lib/es/inputNumber/foundation';
+import InputNumberFoundation, { BaseInputNumberState, InputNumberAdapter } from '@douyinfe/semi-foundation/lib/es/inputNumber/foundation';
 import BaseComponent from '../_base/baseComponent';
 import { strings } from '@douyinfe/semi-foundation/lib/es/inputNumber/constants';
 import '@douyinfe/semi-foundation/lib/es/inputNumber/inputNumber.css';
@@ -40,11 +40,7 @@ export interface InputNumberProps extends InputProps {
     onNumberChange?: (value: number, e?: React.ChangeEvent) => void;
     onUpClick?: (value: string, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export interface InputNumberState {
-    value?: number | string;
-    number?: number | null;
-    focusing?: boolean;
-    hovering?: boolean;
+export interface InputNumberState extends BaseInputNumberState {
 }
 declare class InputNumber extends BaseComponent<InputNumberProps, InputNumberState> {
     static propTypes: {

package/lib/es/inputNumber/index.js

@@ -1,4 +1,5 @@
 import _noop from "lodash/noop";
+import _isString from "lodash/isString";
 import _isNaN from "lodash/isNaN";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
@@ -271,6 +272,9 @@ class InputNumber extends BaseComponent {
       },
       setClickUpOrDown: value => {
         this.clickUpOrDown = value;
+      },
+      updateStates: (states, callback) => {
+        this.setState(states, callback);
       }
     });
   }
@@ -282,6 +286,7 @@ class InputNumber extends BaseComponent {
     const {
       focusing
     } = this.state;
+    let newValue;
     /**
      * To determine whether the front and back are equal
      * NaN need to check whether both are NaN
@@ -289,8 +294,9 @@ class InputNumber extends BaseComponent {
 
     if (value !== prevProps.value && !isBothNaN(value, prevProps.value)) {
       if (isNullOrUndefined(value) || value === '') {
-        this.setState({
-          value: '',
+        newValue = '';
+        this.foundation.updateStates({
+          value: newValue,
           number: null
         });
       } else {
@@ -346,33 +352,42 @@ class InputNumber extends BaseComponent {
 
             if (this.clickUpOrDown) {
               obj.value = this.foundation.doFormat(valueStr, true);
+              newValue = obj.value;
             }
 
-            this.setState(obj, () => this.adapter.restoreCursor());
+            this.foundation.updateStates(obj, () => this.adapter.restoreCursor());
           } else if (!_isNaN(toNum)) {
             // Update input content when controlled input is illegal and not NaN
-            this.setState({
-              value: this.foundation.doFormat(toNum, false)
+            newValue = this.foundation.doFormat(toNum, false);
+            this.foundation.updateStates({
+              value: newValue
             });
           } else {
             // Update input content when controlled input NaN
-            this.setState({
-              value: this.foundation.doFormat(valueStr, false)
+            newValue = this.foundation.doFormat(valueStr, false);
+            this.foundation.updateStates({
+              value: newValue
             });
           }
         } else if (this.foundation.isValidNumber(parsedNum)) {
-          this.setState({
+          newValue = this.foundation.doFormat(parsedNum);
+          this.foundation.updateStates({
             number: parsedNum,
-            value: this.foundation.doFormat(parsedNum)
+            value: newValue
           });
         } else {
           // Invalid digital analog blurring effect instead of controlled failure
-          this.setState({
+          newValue = '';
+          this.foundation.updateStates({
             number: null,
-            value: ''
+            value: newValue
           });
         }
       }
+
+      if (_isString(newValue) && newValue !== String(this.props.value)) {
+        this.foundation.notifyChange(newValue, null);
+      }
     }
 
     if (!this.clickUpOrDown) {

package/lib/es/modal/useModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConfirmProps } from '../confirm';
 import { ModalReactProps } from '../Modal';
 export default function useModal(): (JSX.Element | {

package/lib/es/notification/useNotification/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '@douyinfe/semi-foundation/lib/es/notification/notification.css';
 import { NoticeProps } from '@douyinfe/semi-foundation/lib/es/notification/notificationFoundation';
 export default function useNotification(): (JSX.Element | {

package/lib/es/radio/radio.d.ts

@@ -29,13 +29,9 @@ export declare type RadioProps = {
     addonClassName?: string;
     type?: RadioType;
     'aria-label'?: React.AriaAttributes['aria-label'];
-    addonId?: string;
-    extraId?: string;
 };
 export interface RadioState {
     hover?: boolean;
-    addonId?: string;
-    extraId?: string;
 }
 export { RadioChangeEvent };
 declare class Radio extends BaseComponent<RadioProps, RadioState> {
@@ -75,7 +71,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/es/radio/radio.js

@@ -44,12 +44,16 @@ class Radio extends BaseComponent {
     };
 
     this.state = {
-      hover: false,
-      addonId: props.addonId,
-      extraId: props.extraId
+      hover: false
     };
     this.foundation = new RadioFoundation(this.adapter);
     this.radioEntity = null;
+    this.addonId = getUuidShort({
+      prefix: 'addon'
+    });
+    this.extraId = getUuidShort({
+      prefix: 'extra'
+    });
   }
 
   get adapter() {
@@ -58,20 +62,6 @@ class Radio extends BaseComponent {
         this.setState({
           hover
         });
-      },
-      setAddonId: () => {
-        this.setState({
-          addonId: getUuidShort({
-            prefix: 'addon'
-          })
-        });
-      },
-      setExtraId: () => {
-        this.setState({
-          extraId: getUuidShort({
-            prefix: 'extra'
-          })
-        });
       }
     });
   }
@@ -108,11 +98,7 @@ class Radio extends BaseComponent {
       value: propValue
     } = this.props;
     let realChecked, isDisabled, realMode, isButtonRadioGroup, isCardRadioGroup, isPureCardRadioGroup, isButtonRadioComponent, buttonSize, realPrefixCls;
-    const {
-      hover: isHover,
-      addonId,
-      extraId
-    } = this.state;
+    const isHover = this.state.hover;
     let props = {};
 
     if (this.isInGroup()) {
@@ -165,10 +151,10 @@ class Radio extends BaseComponent {
     const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
       className: addonCls,
       style: addonStyle,
-      id: addonId
+      id: this.addonId
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: extraId
+      id: this.extraId
     }, extra) : null);
 
     return /*#__PURE__*/React.createElement("label", {
@@ -185,8 +171,8 @@ class Radio extends BaseComponent {
       ref: ref => {
         this.radioEntity = ref;
       },
-      addonId: children && addonId,
-      extraId: extra && extraId
+      addonId: children && this.addonId,
+      extraId: extra && this.extraId
     })), isCardRadioGroup ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefix, "-isCardRadioGroup_content")
     }, renderContent()) : renderContent());

package/lib/es/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
+        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/scrollList/scrollItem.js

@@ -176,7 +176,7 @@ export default class ScrollItem extends BaseComponent {
       } = this;
       const wrapperHeight = wrapper.offsetHeight;
       const itemHeight = this.getItmHeight(node);
-      const targetTop = node.offsetTop - (wrapperHeight - itemHeight) / 2;
+      const targetTop = (node.offsetTop || this.list.children.length * itemHeight / 2) - (wrapperHeight - itemHeight) / 2;
       this.scrollToPos(targetTop, duration);
     };
 

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

@@ -26,6 +26,7 @@ export interface SwitchProps {
 export interface SwitchState {
     nativeControlChecked: boolean;
     nativeControlDisabled: boolean;
+    focusVisible: boolean;
 }
 declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
     static propTypes: {
@@ -55,6 +56,8 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
     componentDidUpdate(prevProps: SwitchProps): void;
     componentWillUnmount(): void;
     get adapter(): SwitchAdapter<SwitchProps, SwitchState>;
+    handleFocusVisible: (event: React.FocusEvent) => void;
+    handleBlur: (event: React.FocusEvent) => void;
     render(): JSX.Element;
 }
 export default Switch;

package/lib/es/switch/index.js

@@ -1,7 +1,7 @@
 import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
-/* eslint-disable max-len, jsx-a11y/role-supports-aria-props */
+/* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -14,9 +14,19 @@ import Spin from '../spin';
 class Switch extends BaseComponent {
   constructor(props) {
     super(props);
+
+    this.handleFocusVisible = event => {
+      this.foundation.handleFocusVisible(event);
+    };
+
+    this.handleBlur = event => {
+      this.foundation.handleBlur();
+    };
+
     this.state = {
       nativeControlChecked: false,
-      nativeControlDisabled: false
+      nativeControlDisabled: false,
+      focusVisible: false
     };
     this.switchRef = /*#__PURE__*/React.createRef();
     this.foundation = new SwitchFoudation(this.adapter);
@@ -52,6 +62,11 @@ class Switch extends BaseComponent {
           nativeControlDisabled
         });
       },
+      setFocusVisible: focusVisible => {
+        this.setState({
+          focusVisible
+        });
+      },
       notifyChange: (checked, e) => {
         this.props.onChange(checked, e);
       }
@@ -61,7 +76,8 @@ class Switch extends BaseComponent {
   render() {
     const {
       nativeControlChecked,
-      nativeControlDisabled
+      nativeControlDisabled,
+      focusVisible
     } = this.state;
     const {
       className,
@@ -80,11 +96,11 @@ class Switch extends BaseComponent {
       [cssClasses.DISABLED]: nativeControlDisabled,
       [cssClasses.LARGE]: size === 'large',
       [cssClasses.SMALL]: size === 'small',
-      [cssClasses.LOADING]: loading
+      [cssClasses.LOADING]: loading,
+      [cssClasses.FOCUS]: focusVisible
     });
     const switchProps = {
       type: 'checkbox',
-      role: 'switch',
       className: cssClasses.NATIVE_CONTROL,
       disabled: nativeControlDisabled || loading,
       checked: nativeControlChecked || false
@@ -109,13 +125,17 @@ class Switch extends BaseComponent {
     }, uncheckedText) : null, /*#__PURE__*/React.createElement("input", _Object$assign({}, switchProps, {
       ref: this.switchRef,
       id: id,
+      role: 'switch',
       "aria-checked": nativeControlChecked,
       "aria-invalid": this.props['aria-invalid'],
       "aria-errormessage": this.props['aria-errormessage'],
       "aria-label": this.props['aria-label'],
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props["aria-describedby"],
-      onChange: e => this.foundation.handleChange(e.target.checked, e)
+      "aria-disabled": this.props['disabled'],
+      onChange: e => this.foundation.handleChange(e.target.checked, e),
+      onFocus: e => this.handleFocusVisible(e),
+      onBlur: e => this.handleBlur(e)
     })));
   }
 

package/lib/es/timePicker/Combobox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import ScrollItem from '../scrollList/scrollItem';

package/lib/es/timePicker/TimePicker.d.ts

@@ -97,11 +97,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
 export { TimeShape };

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

@@ -18,11 +18,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/es/toast/useToast/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastProps } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
 export default function useToast(): (JSX.Element | {
     success: (config: ToastProps) => string;

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

@@ -53,7 +53,6 @@ export interface TooltipProps extends BaseProps {
     guardFocus?: boolean;
     returnFocusOnClose?: boolean;
     onEscKeyDown?: (e: React.KeyboardEvent) => void;
-    wrapperId?: string;
 }
 interface TooltipState {
     visible: boolean;
@@ -165,6 +164,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     componentDidUpdate(prevProps: TooltipProps, prevState: TooltipState): void;
     renderIcon: () => any;
     handlePortalInnerClick: (e: React.MouseEvent) => void;
+    handlePortalMouseDown: (e: React.MouseEvent) => void;
     handlePortalInnerKeyDown: (e: React.KeyboardEvent) => void;
     renderContentNode: (content: TooltipProps['content']) => React.ReactNode;
     renderPortal: () => JSX.Element;

package/lib/es/tooltip/index.js

@@ -138,6 +138,12 @@ export default class Tooltip extends BaseComponent {
       }
     };
 
+    this.handlePortalMouseDown = e => {
+      if (this.props.stopPropagation) {
+        stopPropagation(e);
+      }
+    };
+
     this.handlePortalInnerKeyDown = e => {
       this.foundation.handleContainerKeydown(e);
     };
@@ -212,7 +218,7 @@ export default class Tooltip extends BaseComponent {
       }, portalEventSet, {
         "x-placement": placement,
         style: _Object$assign({
-          visibility: motion ? undefined : 'visible'
+          visibility: motion ? 'hidden' : 'visible'
         }, style)
       }), contentNode, icon);
       return /*#__PURE__*/React.createElement(Portal, {
@@ -225,6 +231,7 @@ export default class Tooltip extends BaseComponent {
         style: portalInnerStyle,
         ref: this.setContainerEl,
         onClick: this.handlePortalInnerClick,
+        onMouseDown: this.handlePortalMouseDown,
         onKeyDown: this.handlePortalInnerKeyDown
       }, inner));
     };
@@ -286,7 +293,7 @@ export default class Tooltip extends BaseComponent {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: props.wrapperId // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
+      id: getUuidShort() // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
 
     };
     this.foundation = new TooltipFoundation(this.adapter);
@@ -457,15 +464,11 @@ export default class Tooltip extends BaseComponent {
           }
         };
 
-        document.addEventListener('mousedown', this.clickOutsideHandler, {
-          capture: true
-        });
+        window.addEventListener('mousedown', this.clickOutsideHandler);
       },
       unregisterClickOutsideHandler: () => {
         if (this.clickOutsideHandler) {
-          document.removeEventListener('mousedown', this.clickOutsideHandler, {
-            capture: true
-          });
+          window.removeEventListener('mousedown', this.clickOutsideHandler);
           this.clickOutsideHandler = null;
         }
       },
@@ -559,11 +562,6 @@ export default class Tooltip extends BaseComponent {
       },
       notifyEscKeydown: event => {
         this.props.onEscKeyDown(event);
-      },
-      setId: () => {
-        this.setState({
-          id: getUuidShort()
-        });
       }
     });
   }

package/lib/es/transfer/index.js

@@ -19,7 +19,7 @@ import cls from 'classnames';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import PropTypes from 'prop-types';
 import TransferFoundation from '@douyinfe/semi-foundation/lib/es/transfer/foundation';
-import { _generateDataByType, _generateSelectedItems } from '@douyinfe/semi-foundation/lib/es/transfer/transferUtlls';
+import { _generateDataByType, _generateSelectedItems } from '@douyinfe/semi-foundation/lib/es/transfer/transferUtils';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/transfer/constants';
 import '@douyinfe/semi-foundation/lib/es/transfer/transfer.css';
 import BaseComponent from '../_base/baseComponent';

package/lib/es/treeSelect/index.js

@@ -40,7 +40,7 @@ import TagInput from '../tagInput';
 import { isSemiIcon } from '../_utils';
 import { IconChevronDown, IconClear, IconSearch } from '@douyinfe/semi-icons';
 const prefixcls = cssClasses.PREFIX;
-const prefixTree = cssClasses.PREFIXTREE;
+const prefixTree = cssClasses.PREFIX_TREE;
 const key = 0;
 
 class TreeSelect extends BaseComponent {

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

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -140,7 +140,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         style: PropTypes.Requireable<object>;
         timeout: PropTypes.Requireable<number>;
         transformFile: PropTypes.Requireable<(...args: any[]) => any>;
-        uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
+        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.10.0-alpha.0",
+    "version": "2.10.1",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -14,12 +14,12 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation": "2.9.0",
-        "@douyinfe/semi-animation-react": "2.9.0",
-        "@douyinfe/semi-foundation": "^2.10.0-alpha.0",
-        "@douyinfe/semi-icons": "2.9.0",
-        "@douyinfe/semi-illustrations": "2.9.0",
-        "@douyinfe/semi-theme-default": "2.9.0",
+        "@douyinfe/semi-animation": "2.10.1",
+        "@douyinfe/semi-animation-react": "2.10.1",
+        "@douyinfe/semi-foundation": "2.10.1",
+        "@douyinfe/semi-icons": "2.10.1",
+        "@douyinfe/semi-illustrations": "2.10.1",
+        "@douyinfe/semi-theme-default": "2.10.1",
         "@types/react-window": "^1.8.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "5d1bb1d031052d7584ecd5d1bc444cd13f861337",
+    "gitHead": "1c84b585ff43db35b286e8c24f8333e4170d015c",
     "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.9.0",
+        "@douyinfe/semi-scss-compile": "2.10.1",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "babel-loader": "^8.2.2",