@ucloud-fe/react-components 1.3.6 → 1.3.10

package/index.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode, Component, PureComponent, HTMLAttributes } from 'react';
+import type { CSSProperties, ReactNode, Component, PureComponent, HTMLAttributes, TextareaHTMLAttributes } from 'react';
 
 // 忽略 T 对象中 键在 K 中的所有的属性
 type Override<T1, T2> = Omit<T1, keyof T2> & T2;
@@ -20,14 +20,14 @@ export { default as Link } from './lib/components/Link';
 
 export { default as AutoComplete } from './lib/components/AutoComplete';
 
-export { default as Switch } from './lib/components/Switch';
+export { default as Switch, SwitchProps } from './lib/components/Switch';
 
-export { default as Tabs } from './lib/components/Tabs';
+export { default as Tabs, TabsProps, TabPaneProps } from './lib/components/Tabs';
 
 export { default as Input } from './lib/components/Input';
 import Input from './lib/components/Input';
 
-export { default as Checkbox } from './lib/components/Checkbox';
+export { default as Checkbox, CheckboxProps } from './lib/components/Checkbox';
 
 export { default as Menu } from './lib/components/Menu';
 
@@ -147,11 +147,11 @@ export type NumberInputProps = Override<
 export declare class NumberInput extends Component<NumberInputProps> {}
 
 // Textarea
-export type TextareaProps = HTMLAttributes<HTMLTextAreaElement>;
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
 export declare class Textarea extends Component<TextareaProps> {}
 
 // Radio
-export type RadioStyleType = 'default' | 'button' | 'tag' | 'card' | 'text';
+export type RadioStyleType = 'default' | 'button' | 'tag' | 'card' | 'text' | 'list';
 export interface RadioProps {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -161,12 +161,13 @@ export interface RadioProps {
     styleType?: RadioStyleType;
     size?: SizeType;
     title?: ReactNode;
+    extra?: ReactNode;
     disabledLabel?: ReactNode;
 }
 interface RadioOption extends RadioProps {
     label?: ReactNode;
 }
-export type RadioOptions = RadioGroup[];
+export type RadioOptions = RadioOption[];
 export interface RadioGroupProps {
     value?: any;
     defaultValue?: any;
@@ -188,7 +189,7 @@ export interface SliderMark {
     ratio?: number;
 }
 export interface SliderMarks {
-    [key: string]: SliderMark;
+    [key: string]: SliderMark | ReactNode;
 }
 interface NumberInputTipFormatterOption {
     currentValue: number;
@@ -224,11 +225,15 @@ export declare class Slider extends Component<SliderProps> {}
 export interface UploadFile {
     name: string;
     uid: string;
-    size: number;
-    type: string;
+    size?: number;
     status?: 'uploading' | 'success' | 'error';
+    thumbnailUrl?: string;
+    url?: string;
+    type?: string;
     lastModified?: number;
     lastModifiedDate?: Date;
+    progress?: number;
+    error?: Error;
 }
 interface UpdateProgress {
     (progress: number): void;
@@ -245,6 +250,7 @@ export interface UploadCustomStyle {
     listMaxHeight?: string;
     [key: string]: any;
 }
+
 export interface UploadProps {
     onChange?: (fileList: UploadFile[]) => void;
     onAdd?: (fileList: UploadFile[]) => boolean;
@@ -261,8 +267,8 @@ export interface UploadProps {
     maxCount?: number;
     selector?: ReactNode;
     listType?: UploadListType;
-    defaultFileList?: File[];
-    fileList?: File[];
+    defaultFileList?: (File | UploadFile)[];
+    fileList?: (File | UploadFile)[];
     style?: CSSProperties;
     customStyle?: UploadCustomStyle;
 }
@@ -385,18 +391,10 @@ export interface EditableListProps {
 export declare class EditableList extends PureComponent<EditableListProps> {}
 
 // Notice
-export type NoticeStyleType = 'default' | 'success' | 'warning' | 'error' | 'disabled';
-export interface NoticeProps extends HTMLAttributes<HTMLDivElement> {
-    closable?: boolean;
-    icon?: ReactNode;
-    onClose?: Function;
-    styleType?: NoticeStyleType;
-    action?: ReactNode;
-}
-export declare class Notice extends Component<NoticeProps> {}
+export { default as Notice, NoticeProps } from './lib/components/Notice';
 
 // Badge
-export { default as Badge } from './lib/components/Badge';
+export { default as Badge, BadgeProps } from './lib/components/Badge';
 
 // Tag
 export type TagStyleType =
@@ -427,7 +425,10 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     icon?: 'circle-fill' | 'circle' | 'loading' | 'custom' | ReactNode;
     disabled?: boolean;
 }
-export declare class Tag extends PureComponent<TagProps> {}
+export declare class TagIcon extends PureComponent<TagProps> {}
+export declare class Tag extends PureComponent<TagProps> {
+    declare static Icon: typeof TagIcon;
+}
 
 // Popover
 interface PopupAlign {
@@ -506,10 +507,12 @@ interface ModalConfirmHandle {
 interface ModalConfirm {
     (options: ModalProps): ModalConfirmHandle;
 }
+export declare class ModalContent extends Component<HTMLAttributes<HTMLDivElement>> {}
 export declare class Modal extends Component<ModalProps> {
     static confirm: ModalConfirm;
     static alert: ModalConfirm;
     static open: ModalConfirm;
+    static Content: typeof ModalContent;
 }
 
 // Drawer
@@ -634,11 +637,13 @@ interface ColumnConfigButtonProps extends ButtonProps {
 declare class TableColumnConfigButton extends Component<ColumnConfigButtonProps> {}
 interface TableExpandedRowContentProps extends HTMLAttributes<HTMLDivElement> {}
 declare class TableExpandedRowContent extends Component<TableExpandedRowContentProps> {}
+declare class HoverDisplayArea extends Component<HTMLAttributes<HTMLDivElement>> {}
 export declare class Table extends Component<TableProps> {
     static ColumnConfigButton: typeof TableColumnConfigButton;
     static SearchInput: typeof Input['Search'];
     static ActionList: typeof ActionList;
     static ExpandedRowContent: typeof TableExpandedRowContent;
+    static HoverDisplayArea: typeof HoverDisplayArea;
     static getColumnConfigFromLocalStorage: typeof Function;
     static setColumnConfigToLocalStorage: typeof Function;
 }
@@ -766,7 +771,7 @@ export type PaginationProps = Override<
         current?: number;
         defaultCurrent?: number;
         total?: number;
-        showTotal?: number | GetPaginationShowTotal;
+        showTotal?: boolean | GetPaginationShowTotal;
         pageSize?: number;
         defaultPageSize?: number;
         onChange?: (page: number, pageSize: number) => void;

package/lib/components/ActionList/ActionList.d.ts

@@ -1,6 +1,6 @@
-import React, { MouseEvent, ReactNode } from 'react';
+import React, { HTMLAttributes, MouseEvent, ReactNode } from 'react';
 import { ButtonProps } from '../../components/Button/Button';
-import { Size } from '../../type';
+import { Override, Size } from '../../type';
 interface ActionInfo {
     /** 展示 */
     label?: ReactNode;
@@ -12,8 +12,12 @@ interface ActionInfo {
     tooltip?: ReactNode | any;
     /** 禁用 */
     disabled?: boolean;
+    /** 尺寸，仅展示在外可用 */
+    size?: Size;
+    /** 按钮的 styleType，仅展示在外可用 */
+    styleType?: ButtonProps['styleType'];
 }
-export interface ActionListProps {
+export interface DefinedActionListProps {
     /** 操作列表 */
     actionList: ActionInfo[];
     /** 暴露的操作数量 */
@@ -29,5 +33,6 @@ export interface ActionListProps {
     /** 弹出层的 popover props */
     popoverProps?: any;
 }
-declare const _default: React.MemoExoticComponent<({ actionList, exposeCount, size, smart, buttonStyleType, popoverProps, dropdownButton, className, ...rest }: ActionListProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ActionListProps>) => JSX.Element>;
+export declare type ActionListProps = DefinedActionListProps & Override<HTMLAttributes<HTMLDivElement>, DefinedActionListProps>;
+declare const _default: React.MemoExoticComponent<({ actionList, exposeCount, size, smart, buttonStyleType, popoverProps, dropdownButton, className, ...rest }: ActionListProps) => JSX.Element>;
 export default _default;

package/lib/components/ActionList/index.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-declare const ExportActionList: import("react").NamedExoticComponent<import("./ActionList").ActionListProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("./ActionList").ActionListProps>> & {
-    readonly type: ({ actionList, exposeCount, size, smart, buttonStyleType, popoverProps, dropdownButton, className, ...rest }: import("./ActionList").ActionListProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("./ActionList").ActionListProps>) => JSX.Element;
+import { ActionListProps } from './ActionList';
+declare const ExportActionList: import("react").NamedExoticComponent<import("./ActionList").DefinedActionListProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("./ActionList").DefinedActionListProps>> & {
+    readonly type: ({ actionList, exposeCount, size, smart, buttonStyleType, popoverProps, dropdownButton, className, ...rest }: ActionListProps) => JSX.Element;
 } & {
     Sizes: ["sm", "md", "lg"];
     ButtonStyleTypes: ["primary", "border", "border-gray"];
 };
 export default ExportActionList;
+export type { ActionListProps };

package/lib/components/Badge/Badge.d.ts

@@ -5,7 +5,7 @@ declare const defaultProps: {
     color: string;
     zIndex: number;
 };
-declare type BadgeProps = {
+export declare type BadgeProps = {
     /** 显示内容 */
     value?: ReactNode;
     /** 为数字时能显示的最大值，超过将显示最大值+ */

package/lib/components/Badge/index.d.ts

@@ -1,2 +1,7 @@
-import Badge from './Badge';
-export default Badge;
+import Badge, { BadgeProps } from './Badge';
+import Bubble from './Bubble';
+declare const ExportBadge: typeof Badge & {
+    Bubble: typeof Bubble;
+};
+export default ExportBadge;
+export type { BadgeProps };

package/lib/components/Badge/index.js

@@ -7,10 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _type = require("../../type");
+
 var _Badge = _interopRequireDefault(require("./Badge"));
 
 var _Bubble = _interopRequireDefault(require("./Bubble"));
 
-_Badge.default.Bubble = _Bubble.default;
-var _default = _Badge.default;
+var ExportBadge = (0, _type.ExportComponent)(_Badge.default, {
+  Bubble: _Bubble.default
+});
+var _default = ExportBadge;
 exports.default = _default;

package/lib/components/Breadcrumb/Item.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { AnchorHTMLAttributes } from 'react';
 export interface ItemProps {
     /** 禁用 */
     disabled?: boolean;
@@ -10,7 +10,7 @@ export interface ItemProps {
     href?: string;
 }
 declare const Item: {
-    ({ disabled, onClick, href, ...rest }: ItemProps & HTMLAttributes<HTMLElement>): JSX.Element;
+    ({ disabled, onClick, href, ...rest }: ItemProps & AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
     __IS_BREADCRUMB_ITEM: boolean;
 };
 export default Item;

package/lib/components/Breadcrumb/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const ExportBreadcrumb: (({ separator, styleType, children, ...rest }: import("./Breadcrumb").BreadcrumbProps & import("react").HTMLAttributes<HTMLElement>) => JSX.Element) & {
     Item: {
-        ({ disabled, onClick, href, ...rest }: import("./Item").ItemProps & import("react").HTMLAttributes<HTMLElement>): JSX.Element;
+        ({ disabled, onClick, href, ...rest }: import("./Item").ItemProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
         __IS_BREADCRUMB_ITEM: boolean;
     };
     BackButton: (props: import("../Button/Button").ButtonProps & import("react").HTMLAttributes<HTMLButtonElement>) => JSX.Element;

package/lib/components/Checkbox/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-declare const ExportCheckbox: import("react").NamedExoticComponent<import("./Checkbox").CheckboxProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("./Checkbox").CheckboxProps>> & {
-    readonly type: ({ defaultChecked, checked: _checked, onChange: _onChange, value, onClick, disabledLabel, ...restProps }: import("./Checkbox").CheckboxProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof import("./Checkbox").CheckboxProps>) => JSX.Element;
+import { CheckboxProps } from './Checkbox';
+declare const ExportCheckbox: import("react").NamedExoticComponent<CheckboxProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof CheckboxProps>> & {
+    readonly type: ({ defaultChecked, checked: _checked, onChange: _onChange, value, onClick, disabledLabel, ...restProps }: CheckboxProps & Omit<import("react").HTMLAttributes<HTMLElement>, keyof CheckboxProps>) => JSX.Element;
 } & {
     Group: import("react").MemoExoticComponent<({ value: _value, defaultValue, onChange: _onChange, options, disabled, size, styleType, children, ...rest }: import("./Group").GroupProps) => JSX.Element>;
     /** @deprecated */
@@ -9,3 +10,4 @@ declare const ExportCheckbox: import("react").NamedExoticComponent<import("./Che
     Size: ["sm", "md", "lg"];
 };
 export default ExportCheckbox;
+export type { CheckboxProps };

package/lib/components/Modal/method.js

@@ -107,7 +107,12 @@ var addModal = function addModal(modal) {
 
 var cleanAllModal = function cleanAllModal() {
   (0, _newArrowCheck2.default)(this, _this);
-  Object.keys(queueMap).forEach(cleanModal);
+  var remainModalCount = Object.keys(queueMap).length;
+
+  if (remainModalCount) {
+    Object.keys(queueMap).forEach(cleanModal);
+    return remainModalCount;
+  }
 }.bind(void 0);
 
 exports.destroyAll = cleanAllModal;

package/lib/components/Notice/Notice.d.ts

@@ -1,33 +1,16 @@
-export default Notice;
-declare class Notice extends React.Component<any, any, any> {
-    static propTypes: {
-        /** @ignore */
-        className: PropTypes.Requireable<string>;
-        /** 是否显示关闭按钮 */
-        closable: PropTypes.Requireable<boolean>;
-        /** 自定义前置icon，可传入Icon type或者自定义Icon，传入null、false隐藏，默认显示感叹号icon */
-        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /** @ignore */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /** 关闭的回调 */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        /** 样式类型 */
-        styleType: PropTypes.Requireable<string>;
-        /** 自定义操作 */
-        action: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    static defaultProps: {
-        closable: boolean;
-        styleType: string;
-        onClose: () => void;
-    };
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onClose: (e: any) => void;
-}
-declare namespace Notice {
-    export { StyleType };
-}
-import React from "react";
-import PropTypes from "prop-types";
-declare const StyleType: string[];
+import React, { ReactNode, MouseEvent, HTMLAttributes } from 'react';
+export declare const StyleTypes: ["default", "success", "warning", "error", "disabled"];
+export declare type NoticeProps = {
+    /** 是否显示关闭按钮 */
+    closable?: boolean;
+    /** 自定义前置icon，可传入Icon type或者自定义Icon，传入null、false隐藏，默认显示感叹号icon */
+    icon?: null | false | string | ReactNode;
+    /** 关闭的回调 */
+    onClose?: (e: MouseEvent) => void;
+    /** 样式类型 */
+    styleType?: 'default' | 'success' | 'warning' | 'error' | 'disabled' | 'info';
+    /** 自定义操作 */
+    action?: ReactNode;
+} & HTMLAttributes<HTMLDivElement>;
+declare const _default: React.MemoExoticComponent<({ closable, icon: _icon, children, onClose, styleType, action, ...rest }: NoticeProps) => JSX.Element | null>;
+export default _default;

package/lib/components/Notice/Notice.js

@@ -7,30 +7,20 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.StyleTypes = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
 
 var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
@@ -39,137 +29,98 @@ var _deprecatedLog = _interopRequireDefault(require("../../utils/deprecatedLog")
 
 var _style = require("./style");
 
-var _this3 = void 0;
+var _noop = _interopRequireDefault(require("../../utils/noop"));
+
+var _style2 = require("../../style");
 
 var _excluded = ["closable", "icon", "children", "onClose", "styleType", "action"];
 
+var _this = void 0;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 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; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var deprecatedLogForStyleTypeInfo = (0, _deprecatedLog.default)('Notice styleType "info"', '"success"');
-var StyleType = ['default', 'success', 'warning', 'error', 'disabled'];
-
-var Notice = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Notice, _Component);
-
-  var _super = _createSuper(Notice);
-
-  function Notice() {
-    var _this2 = this;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Notice);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+var StyleTypes = (0, _style2.tuple)('default', 'success', 'warning', 'error', 'disabled');
+exports.StyleTypes = StyleTypes;
+
+var Notice = function Notice(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var _ref$closable = _ref.closable,
+      closable = _ref$closable === void 0 ? true : _ref$closable,
+      _icon = _ref.icon,
+      children = _ref.children,
+      _ref$onClose = _ref.onClose,
+      onClose = _ref$onClose === void 0 ? _noop.default : _ref$onClose,
+      _ref$styleType = _ref.styleType,
+      styleType = _ref$styleType === void 0 ? 'default' : _ref$styleType,
+      action = _ref.action,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      closed = _useState2[0],
+      setClosed = _useState2[1];
+
+  var handleClose = (0, _react.useCallback)(function (e) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    setClosed(true);
+    onClose(e);
+  }.bind(this), [onClose]);
+  (0, _react.useEffect)(function () {
+    (0, _newArrowCheck2.default)(this, _this2);
+
+    if (styleType === 'info') {
+      deprecatedLogForStyleTypeInfo();
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      closed: false
-    };
-
-    _this.onClose = function (e) {
-      (0, _newArrowCheck2.default)(this, _this2);
-      var onClose = _this.props.onClose;
-
-      _this.setState({
-        closed: true
-      });
-
-      onClose(e);
-    }.bind(this);
-
-    return _this;
+  }.bind(this), [styleType]);
+  var icon;
+
+  if (_icon === null || _icon === false) {
+    icon = null;
+  } else if (typeof _icon === 'string') {
+    icon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      className: _style.iconCls,
+      type: _icon
+    });
+  } else if ( /*#__PURE__*/_react.default.isValidElement(_icon)) {
+    icon = _icon;
+  } else {
+    icon = /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+      size: "15px",
+      className: _style.iconCls,
+      type: "exclamation-circle-filled"
+    });
   }
 
-  (0, _createClass2.default)(Notice, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
-      var styleType = this.props.styleType;
-
-      if (styleType === 'info') {
-        deprecatedLogForStyleTypeInfo();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      // eslint-disable-next-line no-unused-vars
-      var _this$props = this.props,
-          closable = _this$props.closable,
-          _icon = _this$props.icon,
-          children = _this$props.children,
-          onClose = _this$props.onClose,
-          styleType = _this$props.styleType,
-          action = _this$props.action,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var closed = this.state.closed;
-      var icon;
-
-      if (_icon === null || _icon === false) {
-        icon = null;
-      } else if ((0, _isString2.default)(_icon)) {
-        icon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
-          className: _style.iconCls,
-          type: _icon
-        });
-      } else if ( /*#__PURE__*/_react.default.isValidElement(_icon)) {
-        icon = _icon;
-      } else {
-        icon = /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
-          size: "15px",
-          className: _style.iconCls,
-          type: "exclamation-circle-filled"
-        });
-      }
-
-      return closed ? null : /*#__PURE__*/_react.default.createElement(_style.NoticeWrap, (0, _extends2.default)({}, rest, {
-        styleType: styleType
-      }), icon && /*#__PURE__*/_react.default.createElement(_style.NoticeIconWrap, null, icon), /*#__PURE__*/_react.default.createElement(_style.ContentWrap, null, children), action && /*#__PURE__*/_react.default.createElement(_style.ActionWrap, null, action), closable && /*#__PURE__*/_react.default.createElement(_style.CloseWrap, null, /*#__PURE__*/_react.default.createElement(_style.CloseIcon, {
-        type: "cross",
-        onClick: this.onClose
-      })));
-    }
-  }]);
-  return Notice;
-}(_react.Component);
+  return closed ? null : /*#__PURE__*/_react.default.createElement(_style.NoticeWrap, (0, _extends2.default)({}, rest, {
+    styleType: styleType
+  }), icon && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.iconWrapCls
+  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.contentCls
+  }, children), action && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.actionCls
+  }, action), closable && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.closeCls
+  }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+    type: "cross",
+    className: _style.iconCls,
+    onClick: handleClose
+  })));
+}.bind(void 0);
 
 Notice.propTypes = {
-  /** @ignore */
-  className: _propTypes.default.string,
-
-  /** 是否显示关闭按钮 */
   closable: _propTypes.default.bool,
-
-  /** 自定义前置icon，可传入Icon type或者自定义Icon，传入null、false隐藏，默认显示感叹号icon */
-  icon: _propTypes.default.oneOfType([_propTypes.default.oneOf([null, false]), _propTypes.default.string, _propTypes.default.node]),
-
-  /** @ignore */
-  children: _propTypes.default.node,
-
-  /** 关闭的回调 */
+  icon: _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.oneOf([false]), _propTypes.default.string, _propTypes.default.node]),
   onClose: _propTypes.default.func,
-
-  /** 样式类型 */
-  styleType: _propTypes.default.oneOf(StyleType),
-
-  /** 自定义操作 */
+  styleType: _propTypes.default.oneOf(['default', 'success', 'warning', 'error', 'disabled', 'info']),
   action: _propTypes.default.node
 };
-Notice.defaultProps = {
-  closable: true,
-  styleType: StyleType[0],
-  onClose: function onClose() {
-    (0, _newArrowCheck2.default)(this, _this3);
-  }.bind(void 0)
-};
-Notice.StyleType = StyleType;
-var _default = Notice;
+
+var _default = /*#__PURE__*/_react.default.memo(Notice);
+
 exports.default = _default;

package/lib/components/Notice/index.d.ts

@@ -1,2 +1,16 @@
-export default Notice;
-import Notice from "./Notice";
+/// <reference types="react" />
+import { NoticeProps } from './Notice';
+declare const ExportNotice: import("react").NamedExoticComponent<{
+    closable?: boolean | undefined;
+    icon?: import("react").ReactNode;
+    onClose?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    styleType?: "default" | "disabled" | "success" | "warning" | "error" | "info" | undefined;
+    action?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement>> & {
+    readonly type: ({ closable, icon: _icon, children, onClose, styleType, action, ...rest }: NoticeProps) => JSX.Element | null;
+} & {
+    /** @deprecated */
+    StyleType: ["default", "success", "warning", "error", "disabled"];
+};
+export default ExportNotice;
+export type { NoticeProps };