@douyinfe/semi-ui 2.20.2 → 2.20.3

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

@@ -48,7 +48,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<string | number>;
         maxHeight: PropTypes.Requireable<string | number>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -113,7 +113,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

package/lib/cjs/breadcrumb/item.js

@@ -50,6 +50,7 @@ class BreadcrumbItem extends _baseComponent.default {
       const className = "".concat(clsPrefix, "-item-icon");
 
       if ( /*#__PURE__*/_react.default.isValidElement(iconType)) {
+        //@ts-ignore
         return /*#__PURE__*/_react.default.cloneElement(iconType, {
           className,
           size: iconSize

package/lib/cjs/button/buttonGroup.js

@@ -45,7 +45,7 @@ class ButtonGroup extends _baseComponent.default {
     let lineCls = "".concat(prefixCls, "-group-line");
 
     if (inner.length > 1) {
-      inner.slice(0, -1).forEach(item => {
+      inner.slice(0, -1).forEach((item, index) => {
         const isButtonType = (0, _get2.default)(item, 'type.elementType') === 'Button';
         const buttonProps = (0, _get2.default)(item, 'props');
 
@@ -62,7 +62,8 @@ class ButtonGroup extends _baseComponent.default {
 
         if (isButtonType) {
           innerWithLine.push(item, /*#__PURE__*/_react.default.createElement("span", {
-            className: lineCls
+            className: lineCls,
+            key: "line-".concat(index)
           }));
         } else {
           innerWithLine.push(item);
@@ -93,13 +94,17 @@ class ButtonGroup extends _baseComponent.default {
     const cls = (0, _classnames.default)("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      inner = (Array.isArray(children) ? children : [children]).map((itm, index) => /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, Object.assign(Object.assign(Object.assign({
-        disabled,
-        size,
-        type
-      }, itm.props), rest), {
-        key: index
-      })) : itm);
+      inner = (Array.isArray(children) ? children : [children]).map((itm, index) => {
+        var _a;
+
+        return /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, Object.assign(Object.assign(Object.assign({
+          disabled,
+          size,
+          type
+        }, itm.props), rest), {
+          key: (_a = itm.key) !== null && _a !== void 0 ? _a : index
+        })) : itm;
+      });
       innerWithLine = this.getInnerWithLine(inner);
     }
 

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

@@ -56,7 +56,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         max: PropTypes.Requireable<number>;
         placeholder: PropTypes.Requireable<string | any[]>;
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeWithDateFirst: PropTypes.Requireable<boolean>;
         weekStartsOn: PropTypes.Requireable<number>;
@@ -73,7 +73,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -50,7 +50,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
         onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
         focusRecordsRef: PropTypes.Requireable<object>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

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

@@ -13,7 +13,7 @@ export interface QuickControlProps {
 declare class QuickControl extends PureComponent<QuickControlProps> {
     static propTypes: {
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<boolean>;

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

@@ -20,7 +20,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         noBackBtn: PropTypes.Requireable<boolean>;
         disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
         density: PropTypes.Requireable<string>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

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

@@ -59,7 +59,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         visible: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/cjs/dropdown/index.js

@@ -229,6 +229,7 @@ class Dropdown extends _baseComponent.default {
       showArrow: false,
       returnFocusOnClose: true
     }, attr), /*#__PURE__*/_react.default.isValidElement(children) ? /*#__PURE__*/_react.default.cloneElement(children, {
+      //@ts-ignore
       className: (0, _classnames.default)((0, _get2.default)(children, 'props.className'), {
         ["".concat(prefixCls, "-showing")]: popVisible
       }),

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

@@ -80,7 +80,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         emptyContent?: React.ReactNode;
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
-        position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         onSearch?: (value: string) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;

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

@@ -28,7 +28,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     emptyContent?: import("react").ReactNode;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
-    position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+    position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
     onSearch?: (value: string) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;

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

@@ -36,7 +36,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
-const prefix = _constants.cssClasses.PREFIX;
+const prefix = _constants.cssClasses.PREFIX; // To avoid useLayoutEffect warning when ssr, refer: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+// Fix issue 1140
+
+const useIsomorphicEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation
@@ -376,12 +379,12 @@ function withField(Component, opts) {
       status
     }; // avoid hooks capture value, fixed issue 346
 
-    (0, _react.useLayoutEffect)(() => {
+    useIsomorphicEffect(() => {
       rulesRef.current = rules;
       validateRef.current = validate;
     }, [rules, validate]); // exec validate once when trigger inlcude 'mount'
 
-    (0, _react.useLayoutEffect)(() => {
+    useIsomorphicEffect(() => {
       if (validateOnMount) {
         fieldValidate(value);
       } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -389,7 +392,7 @@ function withField(Component, opts) {
     }, []); // register when mounted，unregister when unmounted
     // register again when field change
 
-    (0, _react.useLayoutEffect)(() => {
+    useIsomorphicEffect(() => {
       // register
       if (typeof field === 'undefined') {
         // eslint-disable-next-line @typescript-eslint/no-empty-function

package/lib/cjs/inputNumber/index.js

@@ -399,7 +399,7 @@ class InputNumber extends _baseComponent.default {
         }
       }
 
-      if ((0, _isString2.default)(newValue) && newValue !== String(this.props.value)) {
+      if (newValue && (0, _isString2.default)(newValue) && newValue !== String(this.props.value)) {
         this.foundation.notifyChange(newValue, null);
       }
     }

package/lib/cjs/modal/ModalContent.js

@@ -223,7 +223,6 @@ class ModalContent extends _baseComponent.default {
       }, /*#__PURE__*/_react.default.createElement("div", {
         role: "dialog",
         ref: this.modalDialogRef,
-        tabIndex: -1,
         "aria-modal": "true",
         "aria-labelledby": "".concat(_constants.cssClasses.DIALOG, "-title"),
         "aria-describedby": "".concat(_constants.cssClasses.DIALOG, "-body"),
@@ -323,8 +322,17 @@ class ModalContent extends _baseComponent.default {
   }
 
   componentDidMount() {
+    var _a;
+
     this.foundation.handleKeyDownEventListenerMount();
     this.foundation.modalDialogFocus();
+
+    const nodes = _FocusHandle.default.getFocusableElements(this.modalDialogRef.current);
+
+    if (!this.modalDialogRef.current.contains(document.activeElement)) {
+      // focus on first focusable element
+      (_a = nodes[0]) === null || _a === void 0 ? void 0 : _a.focus();
+    }
   }
 
   componentWillUnmount() {
@@ -354,7 +362,6 @@ class ModalContent extends _baseComponent.default {
       className: classList
     }, this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", {
       role: "none",
-      tabIndex: -1,
       className: (0, _classnames.default)({
         ["".concat(_constants.cssClasses.DIALOG, "-wrap")]: true,
         ["".concat(_constants.cssClasses.DIALOG, "-wrap-center")]: this.props.centered

package/lib/cjs/navigation/Footer.js

@@ -45,13 +45,13 @@ class NavFooter extends _react.PureComponent {
         locale,
         isCollapsed
       } = this.context;
-      return /*#__PURE__*/_react.default.createElement(_CollapseButton.default, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_CollapseButton.default, {
         prefixCls: prefixCls,
         isCollapsed: isCollapsed,
         locale: locale,
         onClick: onCollapseChange,
         collapseText: collapseText
-      }, collapseButton));
+      });
     };
   }
 

package/lib/cjs/navigation/OpenIconTransition.js

@@ -65,6 +65,7 @@ function OpenIconTransition() {
 
     if ( /*#__PURE__*/_react.default.isValidElement(children)) {
       return /*#__PURE__*/_react.default.cloneElement(children, {
+        // @ts-ignore
         style: Object.assign(Object.assign({}, children.props && children.props.style), formatedStyle)
       });
     }

package/lib/cjs/navigation/SubNav.js

@@ -151,11 +151,15 @@ class SubNav extends _baseComponent.default {
       ["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon
     });
     const isOpen = this.adapter.getIsOpen();
-    const iconElem = /*#__PURE__*/_react.default.isValidElement(icon) ? withTransition ? /*#__PURE__*/_react.default.createElement(_OpenIconTransition.default, {
+    const iconElem = /*#__PURE__*/_react.default.isValidElement(icon) ? withTransition ?
+    /*#__PURE__*/
+    // @ts-ignore
+    _react.default.createElement(_OpenIconTransition.default, {
       isOpen: isOpen
     }, /*#__PURE__*/_react.default.cloneElement(icon, {
       size: iconSize
-    })) : /*#__PURE__*/_react.default.cloneElement(icon, {
+    })) //@ts-ignore
+    : /*#__PURE__*/_react.default.cloneElement(icon, {
       size: iconSize
     }) : null;
     return /*#__PURE__*/_react.default.createElement("i", {

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

@@ -53,7 +53,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean | object>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
         trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;

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

@@ -168,7 +168,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         onSearch: PropTypes.Requireable<(...args: any[]) => any>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownClassName: PropTypes.Requireable<string>;

package/lib/cjs/table/Body/index.js

@@ -313,7 +313,7 @@ class Body extends _baseComponent.default {
         overflowY: 'auto'
       };
       const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-body"));
-      return /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, Object.assign({}, virtualized, {
+      return /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, Object.assign({}, typeof virtualized === 'object' ? virtualized : {}, {
         initialScrollOffset: this.state.cache.virtualizedScrollTop,
         onScroll: this.handleVirtualizedScroll,
         onItemsRendered: this.onItemsRendered,

package/lib/cjs/table/Table.d.ts

@@ -300,7 +300,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
     };

package/lib/cjs/timeline/index.js

@@ -66,6 +66,7 @@ class Timeline extends _react.PureComponent {
     this.addClassName = items => _react.default.Children.map(items, (ele, idx) => {
       if ( /*#__PURE__*/_react.default.isValidElement(ele)) {
         return /*#__PURE__*/_react.default.cloneElement(ele, {
+          // @ts-ignore
           className: (0, _classnames.default)(ele.props.className, this.getPosCls(ele, idx))
         });
       }

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

@@ -81,7 +81,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean | object>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/cjs/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<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/anchor/index.d.ts

@@ -48,7 +48,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<string | number>;
         maxHeight: PropTypes.Requireable<string | number>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -113,7 +113,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

package/lib/es/breadcrumb/item.js

@@ -24,6 +24,7 @@ export default class BreadcrumbItem extends BaseComponent {
       const className = "".concat(clsPrefix, "-item-icon");
 
       if ( /*#__PURE__*/React.isValidElement(iconType)) {
+        //@ts-ignore
         return /*#__PURE__*/React.cloneElement(iconType, {
           className,
           size: iconSize

package/lib/es/button/buttonGroup.js

@@ -25,7 +25,7 @@ export default class ButtonGroup extends BaseComponent {
     let lineCls = "".concat(prefixCls, "-group-line");
 
     if (inner.length > 1) {
-      inner.slice(0, -1).forEach(item => {
+      inner.slice(0, -1).forEach((item, index) => {
         const isButtonType = _get(item, 'type.elementType') === 'Button';
 
         const buttonProps = _get(item, 'props');
@@ -43,7 +43,8 @@ export default class ButtonGroup extends BaseComponent {
 
         if (isButtonType) {
           innerWithLine.push(item, /*#__PURE__*/React.createElement("span", {
-            className: lineCls
+            className: lineCls,
+            key: "line-".concat(index)
           }));
         } else {
           innerWithLine.push(item);
@@ -74,13 +75,17 @@ export default class ButtonGroup extends BaseComponent {
     const cls = classNames("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      inner = (Array.isArray(children) ? children : [children]).map((itm, index) => /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, Object.assign(Object.assign(Object.assign({
-        disabled,
-        size,
-        type
-      }, itm.props), rest), {
-        key: index
-      })) : itm);
+      inner = (Array.isArray(children) ? children : [children]).map((itm, index) => {
+        var _a;
+
+        return /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, Object.assign(Object.assign(Object.assign({
+          disabled,
+          size,
+          type
+        }, itm.props), rest), {
+          key: (_a = itm.key) !== null && _a !== void 0 ? _a : index
+        })) : itm;
+      });
       innerWithLine = this.getInnerWithLine(inner);
     }
 

package/lib/es/datePicker/datePicker.d.ts

@@ -56,7 +56,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         max: PropTypes.Requireable<number>;
         placeholder: PropTypes.Requireable<string | any[]>;
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeWithDateFirst: PropTypes.Requireable<boolean>;
         weekStartsOn: PropTypes.Requireable<number>;
@@ -73,7 +73,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -50,7 +50,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
         onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
         focusRecordsRef: PropTypes.Requireable<object>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

package/lib/es/datePicker/quickControl.d.ts

@@ -13,7 +13,7 @@ export interface QuickControlProps {
 declare class QuickControl extends PureComponent<QuickControlProps> {
     static propTypes: {
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -20,7 +20,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         noBackBtn: PropTypes.Requireable<boolean>;
         disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
         density: PropTypes.Requireable<string>;
-        presetPosition: PropTypes.Requireable<"top" | "left" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

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

@@ -59,7 +59,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         visible: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/es/dropdown/index.js

@@ -205,6 +205,7 @@ class Dropdown extends BaseComponent {
       showArrow: false,
       returnFocusOnClose: true
     }, attr), /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
+      //@ts-ignore
       className: classnames(_get(children, 'props.className'), {
         ["".concat(prefixCls, "-showing")]: popVisible
       }),

package/lib/es/form/baseForm.d.ts

@@ -80,7 +80,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         emptyContent?: React.ReactNode;
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
-        position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         onSearch?: (value: string) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;

package/lib/es/form/field.d.ts

@@ -28,7 +28,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     emptyContent?: import("react").ReactNode;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
-    position?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+    position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
     onSearch?: (value: string) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;

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

@@ -1,5 +1,5 @@
 /* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
-import React, { useState, useLayoutEffect, useMemo, useRef, forwardRef } from 'react';
+import React, { useState, useLayoutEffect, useEffect, useMemo, useRef, forwardRef } from 'react';
 import classNames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/form/constants';
 import { isValid, generateValidatesFromRules, mergeOptions, mergeProps, getDisplayName } from '@douyinfe/semi-foundation/lib/es/form/utils';
@@ -11,7 +11,10 @@ import ErrorMessage from '../errorMessage';
 import { isElement } from '../../_base/reactUtils';
 import Label from '../label';
 import { Col } from '../../grid';
-const prefix = cssClasses.PREFIX;
+const prefix = cssClasses.PREFIX; // To avoid useLayoutEffect warning when ssr, refer: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+// Fix issue 1140
+
+const useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation
@@ -351,12 +354,12 @@ function withField(Component, opts) {
       status
     }; // avoid hooks capture value, fixed issue 346
 
-    useLayoutEffect(() => {
+    useIsomorphicEffect(() => {
       rulesRef.current = rules;
       validateRef.current = validate;
     }, [rules, validate]); // exec validate once when trigger inlcude 'mount'
 
-    useLayoutEffect(() => {
+    useIsomorphicEffect(() => {
       if (validateOnMount) {
         fieldValidate(value);
       } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -364,7 +367,7 @@ function withField(Component, opts) {
     }, []); // register when mounted，unregister when unmounted
     // register again when field change
 
-    useLayoutEffect(() => {
+    useIsomorphicEffect(() => {
       // register
       if (typeof field === 'undefined') {
         // eslint-disable-next-line @typescript-eslint/no-empty-function

package/lib/es/inputNumber/index.js

@@ -377,7 +377,7 @@ class InputNumber extends BaseComponent {
         }
       }
 
-      if (_isString(newValue) && newValue !== String(this.props.value)) {
+      if (newValue && _isString(newValue) && newValue !== String(this.props.value)) {
         this.foundation.notifyChange(newValue, null);
       }
     }