amis 1.4.2-beta.6 → 1.5.0

package/lib/components/Toast.js

@@ -82,7 +82,7 @@ var ToastComponent = /** @class */ (function (_super) {
         if (toastRef && !this.hasRendered) {
             return null;
         }
-        var _a = this.props, cx = _a.classnames, className = _a.className, timeout = _a.timeout, position = _a.position, showIcon = _a.showIcon, translate = _a.translate, closeButton = _a.closeButton;
+        var _a = this.props, cx = _a.classnames, className = _a.className, timeout = _a.timeout, errorTimeout = _a.errorTimeout, position = _a.position, showIcon = _a.showIcon, translate = _a.translate, closeButton = _a.closeButton;
         var items = this.state.items;
         var groupedItems = (0, groupBy_1.default)(items, function (item) { return item.position || position; });
         return Object.keys(groupedItems).map(function (position) {
@@ -91,14 +91,17 @@ var ToastComponent = /** @class */ (function (_super) {
                     return l.toUpperCase();
                 }), className) }, toasts.map(function (item) {
                 var _a, _b;
-                return (react_1.default.createElement(ToastMessage, { classnames: cx, key: item.id, body: item.body, level: item.level || 'info', timeout: (_a = item.timeout) !== null && _a !== void 0 ? _a : timeout, closeButton: (_b = item.closeButton) !== null && _b !== void 0 ? _b : closeButton, onDismiss: _this.handleDismissed.bind(_this, items.indexOf(item)), translate: translate, showIcon: showIcon }));
+                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, 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 }));
             })));
         });
     };
     ToastComponent.defaultProps = {
         position: 'top-center',
         closeButton: false,
-        timeout: 5000
+        timeout: 4000,
+        errorTimeout: 6000 // 错误的时候 time 调长
     };
     ToastComponent.themeKey = 'toast';
     (0, tslib_1.__decorate)([
@@ -169,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  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'\n  > = {\n    position: 'top-center',\n    closeButton: false,\n    timeout: 5000\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      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\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            <ToastMessage\n              classnames={cx}\n              key={item.id}\n              body={item.body}\n              level={item.level || 'info'}\n              timeout={item.timeout ?? timeout}\n              closeButton={item.closeButton ?? closeButton}\n              onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n              translate={translate}\n              showIcon={showIcon}\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: 4000,\n    errorTimeout: 6000 // 错误的时候 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"
     ]
 }