amis 1.4.2-beta.17 → 1.4.2-beta.18

package/lib/components/PopOver.js

@@ -19,6 +19,7 @@ var PopOver = /** @class */ (function (_super) {
             xOffset: 0,
             yOffset: 0
         };
+        _this.wrapperRef = react_1.default.createRef();
         return _this;
     }
     PopOver.prototype.componentDidMount = function () {
@@ -26,12 +27,22 @@ var PopOver = /** @class */ (function (_super) {
         var dom = (0, react_dom_1.findDOMNode)(this);
         this.parent = dom.parentNode;
         this.parent.classList.add('has-popover');
+        if (this.wrapperRef && this.wrapperRef.current) {
+            // https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget/addEventListener#使用_passive_改善的滚屏性能
+            this.wrapperRef.current.addEventListener('touchmove', helper_1.preventDefault, {
+                passive: false,
+                capture: false
+            });
+        }
     };
     PopOver.prototype.componentDidUpdate = function () {
         this.mayUpdateOffset();
     };
     PopOver.prototype.componentWillUnmount = function () {
         this.parent && this.parent.classList.remove('has-popover');
+        if (this.wrapperRef && this.wrapperRef.current) {
+            this.wrapperRef.current.removeEventListener('touchmove', helper_1.preventDefault);
+        }
     };
     PopOver.prototype.mayUpdateOffset = function () {
         var offset;
@@ -56,7 +67,7 @@ var PopOver = /** @class */ (function (_super) {
         var _a = this.props, placement = _a.placement, activePlacement = _a.activePlacement, positionTop = _a.positionTop, positionLeft = _a.positionLeft, arrowOffsetLeft = _a.arrowOffsetLeft, arrowOffsetTop = _a.arrowOffsetTop, style = _a.style, children = _a.children, offset = _a.offset, overlay = _a.overlay, onHide = _a.onHide, ns = _a.classPrefix, cx = _a.classnames, className = _a.className, rest = (0, tslib_1.__rest)(_a, ["placement", "activePlacement", "positionTop", "positionLeft", "arrowOffsetLeft", "arrowOffsetTop", "style", "children", "offset", "overlay", "onHide", "classPrefix", "classnames", "className"]);
         var _b = this.state, xOffset = _b.xOffset, yOffset = _b.yOffset;
         var outerStyle = (0, tslib_1.__assign)((0, tslib_1.__assign)({ display: 'block' }, style), { top: positionTop + yOffset, left: positionLeft + xOffset });
-        return (react_1.default.createElement("div", (0, tslib_1.__assign)({ className: cx(ns + "PopOver", className, ns + "PopOver--" + (0, helper_1.camel)(activePlacement)), style: outerStyle }, rest),
+        return (react_1.default.createElement("div", (0, tslib_1.__assign)({ ref: this.wrapperRef, className: cx(ns + "PopOver", className, ns + "PopOver--" + (0, helper_1.camel)(activePlacement)), style: outerStyle }, rest),
             overlay ? (react_1.default.createElement("div", { className: ns + "PopOver-overlay", onClick: onHide })) : null,
             children));
     };

package/lib/components/PopOver.js.map

@@ -6,8 +6,8 @@
         "/src/components/PopOver.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file PopOver\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {camel} from '../utils/helper';\n\nexport interface Offset {\n  x: number;\n  y: number;\n}\n\nexport interface PopOverPorps {\n  className?: string;\n  placement?: string;\n  positionTop?: number;\n  positionLeft?: number;\n  arrowOffsetLeft?: number;\n  arrowOffsetTop?: number;\n  offset?: ((clip: object, offset: object) => Offset) | Offset;\n  style?: object;\n  overlay?: boolean;\n  onHide?: () => void;\n  onClick?: (e: React.MouseEvent<any>) => void;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  [propName: string]: any;\n}\n\ninterface PopOverState {\n  xOffset: number;\n  yOffset: number;\n}\n\nexport class PopOver extends React.PureComponent<PopOverPorps, PopOverState> {\n  static defaultProps = {\n    className: '',\n    offset: {\n      x: 0,\n      y: 0\n    },\n    overlay: false,\n    placement: 'auto'\n  };\n\n  state = {\n    xOffset: 0,\n    yOffset: 0\n  };\n\n  parent: HTMLElement;\n\n  componentDidMount() {\n    this.mayUpdateOffset();\n    const dom = findDOMNode(this) as HTMLElement;\n    this.parent = dom.parentNode as HTMLElement;\n    this.parent.classList.add('has-popover');\n  }\n\n  componentDidUpdate() {\n    this.mayUpdateOffset();\n  }\n\n  componentWillUnmount() {\n    this.parent && this.parent.classList.remove('has-popover');\n  }\n\n  mayUpdateOffset() {\n    let offset: Offset;\n    let getOffset = this.props.offset;\n\n    if (getOffset && typeof getOffset === 'function') {\n      const {placement, positionTop: y, positionLeft: x} = this.props;\n\n      offset = getOffset(\n        (findDOMNode(this) as HTMLElement).getBoundingClientRect(),\n        {\n          x,\n          y,\n          placement\n        }\n      );\n    } else {\n      offset = getOffset as Offset;\n    }\n    this.setState({\n      xOffset: offset && offset.x ? (offset as Offset).x : 0,\n      yOffset: offset && offset.y ? (offset as Offset).y : 0\n    });\n  }\n\n  render() {\n    const {\n      placement,\n      activePlacement,\n      positionTop,\n      positionLeft,\n      arrowOffsetLeft,\n      arrowOffsetTop,\n      style,\n      children,\n      offset,\n      overlay,\n      onHide,\n      classPrefix: ns,\n      classnames: cx,\n      className,\n      ...rest\n    } = this.props;\n\n    const {xOffset, yOffset} = this.state;\n    const outerStyle = {\n      display: 'block',\n      ...style,\n      top: (positionTop as number) + yOffset,\n      left: (positionLeft as number) + xOffset\n    };\n\n    return (\n      <div\n        className={cx(\n          `${ns}PopOver`,\n          className,\n          `${ns}PopOver--${camel(activePlacement)}`\n        )}\n        style={outerStyle}\n        {...rest}\n      >\n        {overlay ? (\n          <div className={`${ns}PopOver-overlay`} onClick={onHide} />\n        ) : null}\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default themeable(PopOver);\n"
+        "/**\n * @file PopOver\n * @description\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {camel, preventDefault} from '../utils/helper';\n\nexport interface Offset {\n  x: number;\n  y: number;\n}\n\nexport interface PopOverPorps {\n  className?: string;\n  placement?: string;\n  positionTop?: number;\n  positionLeft?: number;\n  arrowOffsetLeft?: number;\n  arrowOffsetTop?: number;\n  offset?: ((clip: object, offset: object) => Offset) | Offset;\n  style?: object;\n  overlay?: boolean;\n  onHide?: () => void;\n  onClick?: (e: React.MouseEvent<any>) => void;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n  [propName: string]: any;\n}\n\ninterface PopOverState {\n  xOffset: number;\n  yOffset: number;\n}\n\nexport class PopOver extends React.PureComponent<PopOverPorps, PopOverState> {\n  static defaultProps = {\n    className: '',\n    offset: {\n      x: 0,\n      y: 0\n    },\n    overlay: false,\n    placement: 'auto'\n  };\n\n  state = {\n    xOffset: 0,\n    yOffset: 0\n  };\n\n  parent: HTMLElement;\n  wrapperRef: React.RefObject<HTMLDivElement> = React.createRef();\n\n  componentDidMount() {\n    this.mayUpdateOffset();\n    const dom = findDOMNode(this) as HTMLElement;\n    this.parent = dom.parentNode as HTMLElement;\n    this.parent.classList.add('has-popover');\n\n    if (this.wrapperRef && this.wrapperRef.current) {\n      // https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget/addEventListener#使用_passive_改善的滚屏性能\n      this.wrapperRef.current.addEventListener('touchmove', preventDefault, {\n        passive: false,\n        capture: false\n      });\n    }\n  }\n\n  componentDidUpdate() {\n    this.mayUpdateOffset();\n  }\n\n  componentWillUnmount() {\n    this.parent && this.parent.classList.remove('has-popover');\n\n    if (this.wrapperRef && this.wrapperRef.current) {\n      this.wrapperRef.current.removeEventListener('touchmove', preventDefault);\n    }\n  }\n\n  mayUpdateOffset() {\n    let offset: Offset;\n    let getOffset = this.props.offset;\n\n    if (getOffset && typeof getOffset === 'function') {\n      const {placement, positionTop: y, positionLeft: x} = this.props;\n\n      offset = getOffset(\n        (findDOMNode(this) as HTMLElement).getBoundingClientRect(),\n        {\n          x,\n          y,\n          placement\n        }\n      );\n    } else {\n      offset = getOffset as Offset;\n    }\n    this.setState({\n      xOffset: offset && offset.x ? (offset as Offset).x : 0,\n      yOffset: offset && offset.y ? (offset as Offset).y : 0\n    });\n  }\n\n  render() {\n    const {\n      placement,\n      activePlacement,\n      positionTop,\n      positionLeft,\n      arrowOffsetLeft,\n      arrowOffsetTop,\n      style,\n      children,\n      offset,\n      overlay,\n      onHide,\n      classPrefix: ns,\n      classnames: cx,\n      className,\n      ...rest\n    } = this.props;\n\n    const {xOffset, yOffset} = this.state;\n    const outerStyle = {\n      display: 'block',\n      ...style,\n      top: (positionTop as number) + yOffset,\n      left: (positionLeft as number) + xOffset\n    };\n\n    return (\n      <div\n        ref={this.wrapperRef}\n        className={cx(\n          `${ns}PopOver`,\n          className,\n          `${ns}PopOver--${camel(activePlacement)}`\n        )}\n        style={outerStyle}\n        {...rest}\n      >\n        {overlay ? (\n          <div className={`${ns}PopOver-overlay`} onClick={onHide} />\n        ) : null}\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default themeable(PopOver);\n"
     ]
 }

package/lib/components/Toast.d.ts

@@ -20,7 +20,8 @@ interface ToastComponentProps extends ThemeProps, LocaleProps {
     className?: string;
 }
 interface Item extends Config {
-    body: string;
+    title?: string | React.ReactNode;
+    body: string | React.ReactNode;
     level: 'info' | 'success' | 'error' | 'warning';
     id: string;
     onDissmiss?: () => void;
@@ -523,7 +524,8 @@ declare const _default: {
 };
 export default _default;
 interface ToastMessageProps {
-    body: string;
+    title?: string | React.ReactNode;
+    body: string | React.ReactNode;
     level: 'info' | 'success' | 'error' | 'warning';
     timeout: number;
     closeButton?: boolean;

package/lib/components/Toast.js

@@ -93,7 +93,7 @@ var ToastComponent = /** @class */ (function (_super) {
                 var _a, _b;
                 var level = item.level || 'info';
                 var toastTimeout = (_a = item.timeout) !== null && _a !== void 0 ? _a : (level === 'error' ? errorTimeout : timeout);
-                return (react_1.default.createElement(ToastMessage, { classnames: cx, key: item.id, body: item.body, level: level, timeout: toastTimeout, closeButton: (_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton, onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: showIcon }));
+                return (react_1.default.createElement(ToastMessage, { classnames: cx, key: item.id, title: item.title, body: item.body, level: level, timeout: toastTimeout, closeButton: (_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton, onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: showIcon }));
             })));
         });
     };
@@ -172,11 +172,18 @@ var ToastMessage = /** @class */ (function (_super) {
     };
     ToastMessage.prototype.render = function () {
         var _this = this;
-        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, __ = _a.translate;
+        var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, title = _a.title, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, __ = _a.translate;
         return (react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: this.state.visible, timeout: 750, onEntered: this.handleEntered, onExited: onDismiss }, function (status) {
+            var _a, _b, _c, _d;
             return (react_1.default.createElement("div", { className: cx("Toast Toast--" + level, fadeStyles[status]), onMouseEnter: _this.handleMouseEnter, onMouseLeave: _this.handleMouseLeave, onClick: closeButton ? helper_1.noop : _this.close },
                 showIcon === false ? null : (react_1.default.createElement("div", { className: cx('Toast-icon') }, level === 'success' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-success", className: "icon" })) : level == 'error' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-fail", className: "icon" })) : level == 'info' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-info", className: "icon" })) : level == 'warning' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-warning", className: "icon" })) : null)),
-                react_1.default.createElement("div", { className: cx('Toast-body') }, allowHtml ? react_1.default.createElement(Html_1.default, { html: body }) : body),
+                react_1.default.createElement("div", { className: cx('Toast-content') },
+                    typeof title === 'string' ? (react_1.default.createElement("span", { className: cx("Toast-title") }, title)) : react_1.default.isValidElement(title) ? (react_1.default.cloneElement(title, {
+                        className: cx("Toast-title", (_b = (_a = title === null || title === void 0 ? void 0 : title.props) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : '')
+                    })) : null,
+                    typeof body === 'string' ? (react_1.default.createElement("div", { className: cx('Toast-body') }, allowHtml ? react_1.default.createElement(Html_1.default, { html: body }) : body)) : react_1.default.isValidElement(body) ? (react_1.default.cloneElement(body, {
+                        className: cx("Toast-body", (_d = (_c = body === null || body === void 0 ? void 0 : body.props) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : '')
+                    })) : null),
                 closeButton ? (react_1.default.createElement("a", { onClick: _this.close, className: cx("Toast-close") },
                     react_1.default.createElement(icons_1.Icon, { icon: "status-close", className: "icon" }))) : null));
         }));

package/lib/components/Toast.js.map

@@ -6,8 +6,8 @@
         "/src/components/Toast.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Toast\n * @description toast提示组件, 单例模式，App级别只需要一个ToastComponent，引入了多个会兼容，也只有第一个生效\n * @author fex\n */\n\nimport Transition, {\n  ENTERED,\n  ENTERING,\n  EXITING,\n  EXITED\n} from 'react-transition-group/Transition';\nimport React from 'react';\nimport cx from 'classnames';\nimport Html from './Html';\nimport {uuid, autobind, noop} from '../utils/helper';\nimport {ClassNamesFn, themeable, classnames, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {LocaleProps, localeable, TranslateFn} from '../locale';\nimport groupBy from 'lodash/groupBy';\n\ninterface Config {\n  closeButton?: boolean;\n  timeout?: number;\n}\n\nconst fadeStyles: {\n  [propName: string]: string;\n} = {\n  [ENTERING]: 'in',\n  [ENTERED]: 'in',\n  [EXITING]: 'out'\n};\n\nlet toastRef: any = null;\nconst show = (content: string, conf: any = {}, method: string) => {\n  if (!toastRef || !toastRef[method]) {\n    return;\n  }\n  toastRef[method](content, {...conf});\n};\n\ninterface ToastComponentProps extends ThemeProps, LocaleProps {\n  position:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-center'\n    | 'bottom-left'\n    | 'bottom-right';\n  closeButton: boolean;\n  showIcon?: boolean;\n  timeout: number;\n  errorTimeout: number;\n  className?: string;\n}\n\ninterface Item extends Config {\n  body: string;\n  level: 'info' | 'success' | 'error' | 'warning';\n  id: string;\n  onDissmiss?: () => void;\n  position?:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-center'\n    | 'bottom-left'\n    | 'bottom-right';\n}\n\ninterface ToastComponentState {\n  items: Array<Item>;\n}\n\nexport class ToastComponent extends React.Component<\n  ToastComponentProps,\n  ToastComponentState\n> {\n  static defaultProps: Pick<\n    ToastComponentProps,\n    'position' | 'closeButton' | 'timeout' | 'errorTimeout'\n  > = {\n    position: 'top-center',\n    closeButton: false,\n    timeout: 5000,\n    errorTimeout: 10000 // 错误的时候 time 调长\n  };\n  static themeKey = 'toast';\n\n  // 当前ToastComponent是否真正render了\n  hasRendered = false;\n  state: ToastComponentState = {\n    items: []\n  };\n\n  componentDidMount() {\n    this.hasRendered = true;\n    toastRef = this;\n  }\n\n  componentWillUnmount() {\n    if (this.hasRendered) {\n      toastRef = null;\n    }\n  }\n\n  notifiy(level: string, content: string, config?: any) {\n    const items = this.state.items.concat();\n    items.push({\n      body: content,\n      level,\n      ...config,\n      id: uuid()\n    });\n    this.setState({\n      items\n    });\n  }\n\n  @autobind\n  success(content: string, config?: any) {\n    this.notifiy('success', content, config);\n  }\n\n  @autobind\n  error(content: string, config?: any) {\n    this.notifiy('error', content, config);\n  }\n\n  @autobind\n  info(content: string, config?: any) {\n    this.notifiy('info', content, config);\n  }\n\n  @autobind\n  warning(content: string, config?: any) {\n    this.notifiy('warning', content, config);\n  }\n\n  handleDismissed(index: number) {\n    const items = this.state.items.concat();\n    const [item] = items.splice(index, 1);\n\n    item?.onDissmiss?.();\n    this.setState({\n      items: items\n    });\n  }\n\n  render() {\n    if (toastRef && !this.hasRendered) {\n      return null;\n    }\n\n    const {\n      classnames: cx,\n      className,\n      timeout,\n      errorTimeout,\n      position,\n      showIcon,\n      translate,\n      closeButton\n    } = this.props;\n    const items = this.state.items;\n\n    const groupedItems = groupBy(items, item => item.position || position);\n\n    return Object.keys(groupedItems).map(position => {\n      const toasts = groupedItems[position];\n      return (\n        <div\n          key={position}\n          className={cx(\n            `Toast-wrap Toast-wrap--${position.replace(/\\-(\\w)/g, (_, l) =>\n              l.toUpperCase()\n            )}`,\n            className\n          )}\n        >\n          {toasts.map(item => {\n            const level = item.level || 'info';\n            const toastTimeout =\n              item.timeout ?? (level === 'error' ? errorTimeout : timeout);\n            return (\n              <ToastMessage\n                classnames={cx}\n                key={item.id}\n                body={item.body}\n                level={level}\n                timeout={toastTimeout}\n                closeButton={item.closeButton ?? closeButton}\n                onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n                translate={translate}\n                showIcon={showIcon}\n              />\n            );\n          })}\n        </div>\n      );\n    });\n  }\n}\n\nexport default themeable(localeable(ToastComponent));\n\ninterface ToastMessageProps {\n  body: string;\n  level: 'info' | 'success' | 'error' | 'warning';\n  timeout: number;\n  closeButton?: boolean;\n  showIcon?: boolean;\n  position:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-center'\n    | 'bottom-left'\n    | 'bottom-right';\n  onDismiss?: () => void;\n  classnames: ClassNamesFn;\n  translate: TranslateFn;\n  allowHtml: boolean;\n}\n\ninterface ToastMessageState {\n  visible: boolean;\n}\n\nexport class ToastMessage extends React.Component<\n  ToastMessageProps,\n  ToastMessageState\n> {\n  static defaultProps = {\n    timeout: 5000,\n    classPrefix: '',\n    position: 'top-center',\n    allowHtml: true,\n    level: 'info'\n  };\n\n  state = {\n    visible: false\n  };\n\n  // content: React.RefObject<HTMLDivElement>;\n  timer: ReturnType<typeof setTimeout>;\n  mounted: boolean = false;\n\n  componentDidMount() {\n    this.mounted = true;\n    this.setState({\n      visible: true\n    });\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n    this.mounted = false;\n  }\n\n  @autobind\n  handleMouseEnter() {\n    clearTimeout(this.timer);\n  }\n\n  @autobind\n  handleMouseLeave() {\n    this.handleEntered();\n  }\n\n  @autobind\n  handleEntered() {\n    const timeout = this.props.timeout;\n    if (this.mounted && timeout) {\n      this.timer = setTimeout(this.close, timeout);\n    }\n  }\n\n  @autobind\n  close() {\n    clearTimeout(this.timer);\n    this.setState({\n      visible: false\n    });\n  }\n\n  render() {\n    const {\n      onDismiss,\n      classnames: cx,\n      closeButton,\n      body,\n      allowHtml,\n      level,\n      showIcon,\n      translate: __\n    } = this.props;\n\n    return (\n      <Transition\n        mountOnEnter\n        unmountOnExit\n        in={this.state.visible}\n        timeout={750}\n        onEntered={this.handleEntered}\n        onExited={onDismiss}\n      >\n        {(status: string) => {\n          return (\n            <div\n              className={cx(`Toast Toast--${level}`, fadeStyles[status])}\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n              onClick={closeButton ? noop : this.close}\n            >\n              {showIcon === false ? null : (\n                <div className={cx('Toast-icon')}>\n                  {level === 'success' ? (\n                    <Icon icon=\"status-success\" className=\"icon\" />\n                  ) : level == 'error' ? (\n                    <Icon icon=\"status-fail\" className=\"icon\" />\n                  ) : level == 'info' ? (\n                    <Icon icon=\"status-info\" className=\"icon\" />\n                  ) : level == 'warning' ? (\n                    <Icon icon=\"status-warning\" className=\"icon\" />\n                  ) : null}\n                </div>\n              )}\n              <div className={cx('Toast-body')}>\n                {allowHtml ? <Html html={body} /> : body}\n              </div>\n\n              {closeButton ? (\n                <a onClick={this.close} className={cx(`Toast-close`)}>\n                  <Icon icon=\"status-close\" className=\"icon\" />\n                </a>\n              ) : null}\n            </div>\n          );\n        }}\n      </Transition>\n    );\n  }\n}\n\nexport const toast = {\n  container: toastRef,\n  success: (content: string, conf?: any) => show(content, conf, 'success'),\n  error: (content: string, conf?: any) => show(content, conf, 'error'),\n  info: (content: string, conf?: any) => show(content, conf, 'info'),\n  warning: (content: string, conf?: any) => show(content, conf, 'warning')\n};\n"
+        "/**\n * @file Toast\n * @description toast提示组件, 单例模式，App级别只需要一个ToastComponent，引入了多个会兼容，也只有第一个生效\n * @author fex\n */\n\nimport Transition, {\n  ENTERED,\n  ENTERING,\n  EXITING,\n  EXITED\n} from 'react-transition-group/Transition';\nimport React from 'react';\nimport cx from 'classnames';\nimport Html from './Html';\nimport {uuid, autobind, noop} from '../utils/helper';\nimport {ClassNamesFn, themeable, classnames, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {LocaleProps, localeable, TranslateFn} from '../locale';\nimport groupBy from 'lodash/groupBy';\n\ninterface Config {\n  closeButton?: boolean;\n  timeout?: number;\n}\n\nconst fadeStyles: {\n  [propName: string]: string;\n} = {\n  [ENTERING]: 'in',\n  [ENTERED]: 'in',\n  [EXITING]: 'out'\n};\n\nlet toastRef: any = null;\nconst show = (content: string, conf: any = {}, method: string) => {\n  if (!toastRef || !toastRef[method]) {\n    return;\n  }\n  toastRef[method](content, {...conf});\n};\n\ninterface ToastComponentProps extends ThemeProps, LocaleProps {\n  position:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-center'\n    | 'bottom-left'\n    | 'bottom-right';\n  closeButton: boolean;\n  showIcon?: boolean;\n  timeout: number;\n  errorTimeout: number;\n  className?: string;\n}\n\ninterface Item extends Config {\n  title?: string | React.ReactNode;\n  body: string | React.ReactNode;\n  level: 'info' | 'success' | 'error' | 'warning';\n  id: string;\n  onDissmiss?: () => void;\n  position?:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-center'\n    | 'bottom-left'\n    | 'bottom-right';\n}\n\ninterface ToastComponentState {\n  items: Array<Item>;\n}\n\nexport class ToastComponent extends React.Component<\n  ToastComponentProps,\n  ToastComponentState\n> {\n  static defaultProps: Pick<\n    ToastComponentProps,\n    'position' | 'closeButton' | 'timeout' | 'errorTimeout'\n  > = {\n    position: 'top-center',\n    closeButton: false,\n    timeout: 5000,\n    errorTimeout: 10000 // 错误的时候 time 调长\n  };\n  static themeKey = 'toast';\n\n  // 当前ToastComponent是否真正render了\n  hasRendered = false;\n  state: ToastComponentState = {\n    items: []\n  };\n\n  componentDidMount() {\n    this.hasRendered = true;\n    toastRef = this;\n  }\n\n  componentWillUnmount() {\n    if (this.hasRendered) {\n      toastRef = null;\n    }\n  }\n\n  notifiy(level: string, content: string, config?: any) {\n    const items = this.state.items.concat();\n    items.push({\n      body: content,\n      level,\n      ...config,\n      id: uuid()\n    });\n    this.setState({\n      items\n    });\n  }\n\n  @autobind\n  success(content: string, config?: any) {\n    this.notifiy('success', content, config);\n  }\n\n  @autobind\n  error(content: string, config?: any) {\n    this.notifiy('error', content, config);\n  }\n\n  @autobind\n  info(content: string, config?: any) {\n    this.notifiy('info', content, config);\n  }\n\n  @autobind\n  warning(content: string, config?: any) {\n    this.notifiy('warning', content, config);\n  }\n\n  handleDismissed(index: number) {\n    const items = this.state.items.concat();\n    const [item] = items.splice(index, 1);\n\n    item?.onDissmiss?.();\n    this.setState({\n      items: items\n    });\n  }\n\n  render() {\n    if (toastRef && !this.hasRendered) {\n      return null;\n    }\n\n    const {\n      classnames: cx,\n      className,\n      timeout,\n      errorTimeout,\n      position,\n      showIcon,\n      translate,\n      closeButton\n    } = this.props;\n    const items = this.state.items;\n    const groupedItems = groupBy(items, item => item.position || position);\n\n    return Object.keys(groupedItems).map(position => {\n      const toasts = groupedItems[position];\n      return (\n        <div\n          key={position}\n          className={cx(\n            `Toast-wrap Toast-wrap--${position.replace(/\\-(\\w)/g, (_, l) =>\n              l.toUpperCase()\n            )}`,\n            className\n          )}\n        >\n          {toasts.map(item => {\n            const level = item.level || 'info';\n            const toastTimeout =\n              item.timeout ?? (level === 'error' ? errorTimeout : timeout);\n            return (\n              <ToastMessage\n                classnames={cx}\n                key={item.id}\n                title={item.title}\n                body={item.body}\n                level={level}\n                timeout={toastTimeout}\n                closeButton={item.closeButton ?? closeButton}\n                onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n                translate={translate}\n                showIcon={showIcon}\n              />\n            );\n          })}\n        </div>\n      );\n    });\n  }\n}\n\nexport default themeable(localeable(ToastComponent));\n\ninterface ToastMessageProps {\n  title?: string | React.ReactNode;\n  body: string | React.ReactNode;\n  level: 'info' | 'success' | 'error' | 'warning';\n  timeout: number;\n  closeButton?: boolean;\n  showIcon?: boolean;\n  position:\n    | 'top-right'\n    | 'top-center'\n    | 'top-left'\n    | 'bottom-center'\n    | 'bottom-left'\n    | 'bottom-right';\n  onDismiss?: () => void;\n  classnames: ClassNamesFn;\n  translate: TranslateFn;\n  allowHtml: boolean;\n}\n\ninterface ToastMessageState {\n  visible: boolean;\n}\n\nexport class ToastMessage extends React.Component<\n  ToastMessageProps,\n  ToastMessageState\n> {\n  static defaultProps = {\n    timeout: 5000,\n    classPrefix: '',\n    position: 'top-center',\n    allowHtml: true,\n    level: 'info'\n  };\n\n  state = {\n    visible: false\n  };\n\n  // content: React.RefObject<HTMLDivElement>;\n  timer: ReturnType<typeof setTimeout>;\n  mounted: boolean = false;\n\n  componentDidMount() {\n    this.mounted = true;\n    this.setState({\n      visible: true\n    });\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.timer);\n    this.mounted = false;\n  }\n\n  @autobind\n  handleMouseEnter() {\n    clearTimeout(this.timer);\n  }\n\n  @autobind\n  handleMouseLeave() {\n    this.handleEntered();\n  }\n\n  @autobind\n  handleEntered() {\n    const timeout = this.props.timeout;\n    if (this.mounted && timeout) {\n      this.timer = setTimeout(this.close, timeout);\n    }\n  }\n\n  @autobind\n  close() {\n    clearTimeout(this.timer);\n    this.setState({\n      visible: false\n    });\n  }\n\n  render() {\n    const {\n      onDismiss,\n      classnames: cx,\n      closeButton,\n      title,\n      body,\n      allowHtml,\n      level,\n      showIcon,\n      translate: __\n    } = this.props;\n\n    return (\n      <Transition\n        mountOnEnter\n        unmountOnExit\n        in={this.state.visible}\n        timeout={750}\n        onEntered={this.handleEntered}\n        onExited={onDismiss}\n      >\n        {(status: string) => {\n          return (\n            <div\n              className={cx(`Toast Toast--${level}`, fadeStyles[status])}\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n              onClick={closeButton ? noop : this.close}\n            >\n              {showIcon === false ? null : (\n                <div className={cx('Toast-icon')}>\n                  {level === 'success' ? (\n                    <Icon icon=\"status-success\" className=\"icon\" />\n                  ) : level == 'error' ? (\n                    <Icon icon=\"status-fail\" className=\"icon\" />\n                  ) : level == 'info' ? (\n                    <Icon icon=\"status-info\" className=\"icon\" />\n                  ) : level == 'warning' ? (\n                    <Icon icon=\"status-warning\" className=\"icon\" />\n                  ) : null}\n                </div>\n              )}\n\n              <div className={cx('Toast-content')}>\n                {typeof title === 'string' ? (\n                  <span className={cx(`Toast-title`)}>{title}</span>\n                ) : React.isValidElement(title) ? (\n                  React.cloneElement(title, {\n                    className: cx(`Toast-title`, title?.props?.className ?? '')\n                  })\n                ) : null}\n\n                {typeof body === 'string' ? (\n                  <div className={cx('Toast-body')}>\n                    {allowHtml ? <Html html={body} /> : body}\n                  </div>\n                ) : React.isValidElement(body) ? (\n                  React.cloneElement(body, {\n                    className: cx(`Toast-body`, body?.props?.className ?? '')\n                  })\n                ) : null}\n              </div>\n\n              {closeButton ? (\n                <a onClick={this.close} className={cx(`Toast-close`)}>\n                  <Icon icon=\"status-close\" className=\"icon\" />\n                </a>\n              ) : null}\n            </div>\n          );\n        }}\n      </Transition>\n    );\n  }\n}\n\nexport const toast = {\n  container: toastRef,\n  success: (content: string, conf?: any) => show(content, conf, 'success'),\n  error: (content: string, conf?: any) => show(content, conf, 'error'),\n  info: (content: string, conf?: any) => show(content, conf, 'info'),\n  warning: (content: string, conf?: any) => show(content, conf, 'warning')\n};\n"
     ]
 }