@douyinfe/semi-ui 2.8.1 → 2.9.0-beta.1

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

@@ -46,7 +46,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean | object>;

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

@@ -33,7 +33,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
         'aria-valuetext': PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         direction: PropTypes.Requireable<string>;
-        format: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        format: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         id: PropTypes.Requireable<string>;
         motion: PropTypes.Requireable<boolean | object>;
         orbitStroke: PropTypes.Requireable<string>;

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

@@ -10,7 +10,7 @@ export interface OptionGroupProps {
 declare class OptionGroup extends BaseComponent<OptionGroupProps> {
     static isSelectOptionGroup: boolean;
     static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/cjs/slider/index.js

@@ -296,7 +296,10 @@ class Slider extends _baseComponent.default {
           ["".concat(prefixCls, "-dot-active")]: this.foundation.isMarkActive(Number(mark)) === 'active'
         });
         const markPercent = (Number(mark) - min) / (max - min);
-        return activeResult ? /*#__PURE__*/_react.default.createElement("span", {
+        return activeResult ?
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        _react.default.createElement("span", {
           key: mark,
           onClick: e => this.foundation.handleWrapClick(e),
           className: markClass,
@@ -477,6 +480,7 @@ class Slider extends _baseComponent.default {
       onHandleMove: function (mousePos, isMin) {
         let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _noop2.default;
         let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+        let outPutValue = arguments.length > 4 ? arguments[4] : undefined;
 
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
 
@@ -485,32 +489,32 @@ class Slider extends _baseComponent.default {
         }
 
         const {
-          value,
-          onChange
+          value
         } = _this.props;
+        let finalOutPutValue = outPutValue;
 
-        const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
+        if (finalOutPutValue === undefined) {
+          const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
 
-        if (moveValue === false) {
-          return;
-        }
+          if (moveValue === false) {
+            return;
+          }
 
-        const outPutValue = _this.foundation.outPutValue(moveValue);
+          finalOutPutValue = _this.foundation.outPutValue(moveValue);
+        }
 
         const {
           currentValue
         } = _this.state;
 
-        if (!(0, _isEqual2.default)(_this.foundation.outPutValue(currentValue), outPutValue)) {
-          onChange(outPutValue);
-
+        if (!(0, _isEqual2.default)(_this.foundation.outPutValue(currentValue), finalOutPutValue)) {
           if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
             // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
 
           _this.setState({
-            currentValue: outPutValue
+            currentValue: finalOutPutValue
           }, stateChangeCallback);
         }
       },

package/lib/cjs/table/Body/BaseRow.d.ts

@@ -52,7 +52,7 @@ export default class TableRow extends BaseComponent<BaseRowProps, Record<string,
         columns: PropTypes.Validator<any[]>;
         components: PropTypes.Validator<object>;
         disabled: PropTypes.Requireable<boolean>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         expandableRow: PropTypes.Requireable<boolean>;
         expanded: PropTypes.Requireable<boolean>;
         expandedRow: PropTypes.Requireable<boolean>;

package/lib/cjs/table/Body/ExpandedRow.d.ts

@@ -36,7 +36,7 @@ export default class TableExpandedRow extends PureComponent<TableExpandedRowProp
         components: PropTypes.Requireable<object>;
         defaultExpandAllRows: PropTypes.Requireable<boolean>;
         defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         expandRowByClick: PropTypes.Requireable<boolean>;
         expanded: PropTypes.Requireable<boolean>;
         expandedRowKeys: PropTypes.Requireable<any[]>;

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

@@ -27,7 +27,7 @@ export default class Column extends React.PureComponent<ColumnProps> {
         sortDirections: import("prop-types").Requireable<string[]>;
         sortOrder: import("prop-types").Requireable<string | boolean>;
         sorter: import("prop-types").Requireable<boolean | ((...args: any[]) => any)>;
-        title: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        title: import("prop-types").Requireable<import("prop-types").ReactNodeLike | ((...args: any[]) => any)>;
         useFullRender: import("prop-types").Requireable<boolean>;
         width: import("prop-types").Requireable<string | number>;
     };

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

@@ -25,7 +25,7 @@ declare const _default: {
     sortDirections: PropTypes.Requireable<string[]>;
     sortOrder: PropTypes.Requireable<string | boolean>;
     sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
-    title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
     useFullRender: PropTypes.Requireable<boolean>;
     width: PropTypes.Requireable<string | number>;
 };

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

@@ -21,7 +21,7 @@ declare namespace CustomExpandIcon {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         prefixCls: PropTypes.Requireable<string>;
         motion: PropTypes.Requireable<boolean>;
     };

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

@@ -80,15 +80,15 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
             sortDirections: PropTypes.Requireable<string[]>;
             sortOrder: PropTypes.Requireable<string | boolean>;
             sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
             useFullRender: PropTypes.Requireable<boolean>;
             width: PropTypes.Requireable<string | number>;
         }>[]>;
         hideExpandedColumn: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         expandCellFixed: PropTypes.Requireable<boolean | "left" | "right">;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
         showHeader: PropTypes.Requireable<boolean>;
         indentSize: PropTypes.Requireable<number>;
@@ -106,7 +106,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
         pagination: PropTypes.Requireable<boolean | object>;
         renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         empty: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dataSource: PropTypes.Requireable<any[]>;
         childrenRecordName: PropTypes.Requireable<string>;
@@ -294,7 +294,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;
         onPageSizeChange?: (newPageSize: number) => void;
-        onChange: ((currentPage: number, pageSize: number) => void) | ((currentPage: number, currentPageSize: number) => void);
+        onChange: (currentPage: number, pageSize: number) => void;
         prevText?: React.ReactNode;
         nextText?: React.ReactNode;
         showSizeChanger?: boolean;

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

@@ -43,15 +43,15 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
             sortDirections: PropTypes.Requireable<string[]>;
             sortOrder: PropTypes.Requireable<string | boolean>;
             sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
-            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
             useFullRender: PropTypes.Requireable<boolean>;
             width: PropTypes.Requireable<string | number>;
         }>[]>;
         hideExpandedColumn: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
-        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         expandCellFixed: PropTypes.Requireable<boolean | "left" | "right">;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         onHeaderRow: PropTypes.Requireable<(...args: any[]) => any>;
         showHeader: PropTypes.Requireable<boolean>;
         indentSize: PropTypes.Requireable<number>;
@@ -69,7 +69,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
         pagination: PropTypes.Requireable<boolean | object>;
         renderPagination: PropTypes.Requireable<(...args: any[]) => any>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         empty: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dataSource: PropTypes.Requireable<any[]>;
         childrenRecordName: PropTypes.Requireable<string>;

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

@@ -82,7 +82,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
+        validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         'aria-label': PropTypes.Requireable<string>;

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

@@ -87,7 +87,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         clickTriggerToHide: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -14,6 +14,9 @@ export interface BadgeProps {
     overflowCount?: number;
     style?: React.CSSProperties;
     className?: string;
+    onMouseEnter?: (e: React.MouseEvent) => any;
+    onMouseLeave?: (e: React.MouseEvent) => any;
+    onClick?: (e: React.MouseEvent) => any;
     children?: React.ReactNode | undefined;
 }
 export default class Badge extends PureComponent<BadgeProps> {
@@ -28,12 +31,18 @@ export default class Badge extends PureComponent<BadgeProps> {
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         dot: boolean;
         type: string;
         theme: string;
         className: string;
+        onClick: () => (...args: any[]) => void;
+        onMouseEnter: () => (...args: any[]) => void;
+        onMouseLeave: () => (...args: any[]) => void;
     };
     context: ContextValue;
     render(): JSX.Element;

package/lib/es/badge/index.js

@@ -1,6 +1,22 @@
+import _noop from "lodash/noop";
 import _isString from "lodash/isString";
 import _isNumber from "lodash/isNumber";
+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";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
+    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -18,7 +34,8 @@ export default class Badge extends PureComponent {
 
     const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop'; // eslint-disable-next-line max-len
 
-    const {
+    const _a = this.props,
+          {
       count,
       dot,
       type,
@@ -28,7 +45,9 @@ export default class Badge extends PureComponent {
       style,
       children,
       className
-    } = this.props;
+    } = _a,
+          rest = __rest(_a, ["count", "dot", "type", "theme", "position", "overflowCount", "style", "children", "className"]);
+
     const custom = count && !(_isNumber(count) || _isString(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = cls(className, {
@@ -48,9 +67,9 @@ export default class Badge extends PureComponent {
       content = count;
     }
 
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", _Object$assign({
       className: prefixCls
-    }, children, /*#__PURE__*/React.createElement("span", {
+    }, rest), children, /*#__PURE__*/React.createElement("span", {
       className: wrapper,
       style: style
     }, dot ? null : content));
@@ -67,11 +86,17 @@ Badge.propTypes = {
   overflowCount: PropTypes.number,
   style: PropTypes.object,
   className: PropTypes.string,
-  children: PropTypes.node
+  children: PropTypes.node,
+  onClick: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func
 };
 Badge.defaultProps = {
   dot: false,
   type: 'primary',
   theme: 'solid',
-  className: ''
+  className: '',
+  onClick: () => _noop,
+  onMouseEnter: () => _noop,
+  onMouseLeave: () => _noop
 };

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

@@ -12,7 +12,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         style: import("prop-types").Requireable<object>;
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
-        icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        icon: import("prop-types").Requireable<object | import("prop-types").ReactNodeLike>;
         iconSize: import("prop-types").Requireable<string>;
         noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

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

@@ -6,8 +6,7 @@ import Item from './item';
 export { DescriptionsItemProps } from './item';
 export declare type DescriptionsSize = 'small' | 'medium' | 'large';
 export interface Data {
-    [x: string]: any;
-    key?: string | number;
+    key?: React.ReactNode;
     value?: (() => React.ReactNode) | React.ReactNode;
     hidden?: boolean;
 }
@@ -31,7 +30,7 @@ declare class Descriptions extends PureComponent<DescriptionsProps> {
         className: PropTypes.Requireable<string>;
         data: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            value: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
             hidden: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
             style: PropTypes.Requireable<object>;

package/lib/es/descriptions/index.js

@@ -29,10 +29,11 @@ class Descriptions extends PureComponent {
       ["".concat(prefixCls, "-double")]: row,
       [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-double-")).call(_context2, size)]: row
     });
-    const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, item => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
-      key: item.key,
+    const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, (item, index) => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
       itemKey: item.key
-    }, item), item.value) : null) : children;
+    }, item, {
+      key: index
+    }), item.value) : null) : children;
     return /*#__PURE__*/React.createElement("div", {
       className: classNames,
       style: style

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

@@ -7,7 +7,7 @@ export interface DescriptionsItemProps {
     className?: string;
     children?: React.ReactNode | undefined | (() => React.ReactNode);
     style?: React.CSSProperties;
-    itemKey: string | number;
+    itemKey?: React.ReactNode;
 }
 export default class Item extends PureComponent<DescriptionsItemProps> {
     static propTypes: {

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

@@ -0,0 +1,20 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import '@douyinfe/semi-foundation/lib/es/divider/divider.css';
+export interface DividerProps {
+    /** The position of title inside divider */
+    align?: 'left' | 'right' | 'center';
+    /** space between divider and surroundings **/
+    margin?: number | string;
+    /** The wrapped title */
+    children?: ReactNode;
+    /** Style class name */
+    className?: string;
+    /** Whether line is dashed  */
+    dashed?: boolean;
+    /** The direction type of divider */
+    layout?: 'horizontal' | 'vertical';
+    /** Divider inline style */
+    style?: CSSProperties;
+}
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/lib/es/divider/index.js

@@ -0,0 +1,68 @@
+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";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
+    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React from 'react';
+import cls from 'classnames';
+import { cssClasses } from '@douyinfe/semi-foundation/lib/es/divider/constants';
+import '@douyinfe/semi-foundation/lib/es/divider/divider.css';
+const prefixCls = cssClasses.PREFIX;
+
+const Divider = props => {
+  var _context;
+
+  const {
+    layout = 'horizontal',
+    dashed,
+    align = 'center',
+    className,
+    margin,
+    style,
+    children
+  } = props,
+        rest = __rest(props, ["layout", "dashed", "align", "className", "margin", "style", "children"]);
+
+  const dividerClassNames = cls("".concat(prefixCls, "-divider"), className, {
+    ["".concat(prefixCls, "-divider-horizontal")]: layout === 'horizontal',
+    ["".concat(prefixCls, "-divider-vertical")]: layout === 'vertical',
+    ["".concat(prefixCls, "-divider-dashed")]: !!dashed,
+    ["".concat(prefixCls, "-divider-with-text")]: children && layout === 'horizontal',
+    [_concatInstanceProperty(_context = "".concat(prefixCls, "-divider-with-text-")).call(_context, align)]: children && layout === 'horizontal'
+  });
+  let overrideDefaultStyle = {};
+
+  if (margin !== undefined) {
+    if (layout === 'vertical') {
+      overrideDefaultStyle = {
+        'marginLeft': margin,
+        'marginRight': margin
+      };
+    } else if (layout === 'horizontal') {
+      overrideDefaultStyle = {
+        'marginTop': margin,
+        'marginBottom': margin
+      };
+    }
+  }
+
+  return /*#__PURE__*/React.createElement("div", _Object$assign({}, rest, {
+    className: dividerClassNames,
+    style: _Object$assign(_Object$assign({}, overrideDefaultStyle), style)
+  }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-divider_inner-text")
+  }, children) : children : null);
+};
+
+export default Divider;

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

@@ -21,7 +21,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
         initValues: PropTypes.Requireable<object>;
         getFormApi: PropTypes.Requireable<(...args: any[]) => any>;
-        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         render: PropTypes.Requireable<(...args: any[]) => any>;
         validateFields: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;

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

@@ -14,7 +14,7 @@ export interface ErrorMessageProps {
 }
 export default class ErrorMessage extends PureComponent<ErrorMessageProps> {
     static propTypes: {
-        error: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        error: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<string>;

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

@@ -31,7 +31,7 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         style: PropTypes.Requireable<object>;
         loading: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         iconSize: PropTypes.Requireable<string>;
         noHorizontalPadding: PropTypes.Requireable<string | boolean | any[]>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/index.d.ts

@@ -20,6 +20,7 @@ export { default as Collapsible } from './collapsible';
 export { default as ConfigProvider } from './configProvider';
 export { default as DatePicker } from './datePicker';
 export { default as Descriptions } from './descriptions';
+export { default as Divider } from './divider';
 export { default as Empty } from './empty';
 export { default as Modal } from './modal';
 export { default as Dropdown } from './dropdown';

package/lib/es/index.js

@@ -20,6 +20,7 @@ export { default as Collapsible } from './collapsible';
 export { default as ConfigProvider } from './configProvider';
 export { default as DatePicker } from './datePicker';
 export { default as Descriptions } from './descriptions';
+export { default as Divider } from './divider';
 export { default as Empty } from './empty';
 export { default as Modal } from './modal';
 export { default as Dropdown } from './dropdown';

package/lib/es/modal/confirm.d.ts

@@ -15,7 +15,7 @@ export declare function withInfo(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -57,7 +57,7 @@ export declare function withSuccess(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -99,7 +99,7 @@ export declare function withWarning(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -141,7 +141,7 @@ export declare function withError(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -183,7 +183,7 @@ export declare function withConfirm(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;

package/lib/es/navigation/Header.d.ts

@@ -15,7 +15,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         prefixCls: PropTypes.Requireable<string>;
-        logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        logo: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;

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

@@ -107,8 +107,8 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
         className: PropTypes.Requireable<string>;
         toggleIconPosition: PropTypes.Requireable<string>;
         prefixCls: PropTypes.Requireable<string>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        header: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         limitIndent: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {

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

@@ -46,7 +46,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         visible: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         motion: PropTypes.Requireable<boolean | object>;

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

@@ -33,7 +33,7 @@ declare class Progress extends Component<ProgressProps, ProgressState> {
         'aria-valuetext': PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         direction: PropTypes.Requireable<string>;
-        format: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        format: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         id: PropTypes.Requireable<string>;
         motion: PropTypes.Requireable<boolean | object>;
         orbitStroke: PropTypes.Requireable<string>;

package/lib/es/select/optionGroup.d.ts

@@ -10,7 +10,7 @@ export interface OptionGroupProps {
 declare class OptionGroup extends BaseComponent<OptionGroupProps> {
     static isSelectOptionGroup: boolean;
     static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
         label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;