@arco-design/mobile-react 2.19.0

package/cjs/textarea/style/css/index.css

@@ -0,0 +1,31 @@
+.arco-textarea {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  resize: none;
+  font-size:  0.32rem ;
+  line-height:  0.44rem ;
+  caret-color:  #165dff ;
+}
+.arco-textarea::-webkit-input-placeholder {
+  color:  #c9cdd4 ;
+}
+.arco-textarea::placeholder {
+  color:  #c9cdd4 ;
+}
+.arco-textarea.fake-textarea {
+  position: fixed;
+  bottom: 100%;
+  left: 0;
+  visibility: hidden;
+}
+.arco-input-container .statistic-text {
+  position: absolute;
+  bottom: 0.32rem;
+  right: 0.32rem;
+  font-size:  0.28rem ;
+  color:  #86909c ;
+}
+.arco-input-container .statistic-text.exceed {
+  color:  #ee4d38 ;
+}

package/cjs/textarea/style/css/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../style/css/public.css';
+import '../../../input/style/css';
+import './index.css';

package/cjs/textarea/style/css/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("../../../../style/css/public.css");
+
+require("../../../input/style/css");
+
+require("./index.css");

package/cjs/textarea/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../style/public.less';
+import '../../input/style';
+import './index.less';

package/cjs/textarea/style/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("../../../style/public.less");
+
+require("../../input/style");
+
+require("./index.less");

package/cjs/textarea/style/index.less

@@ -0,0 +1,37 @@
+@import "../../../style/mixin.less";
+
+.@{prefix}-textarea {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    resize: none;
+    .use-var(font-size, textarea-font-size);
+    .use-var(line-height, textarea-line-height);
+    .use-var(caret-color, input-caret-color);
+
+    &::placeholder {
+        .use-var(color, input-placeholder-color);
+    }
+
+    &.fake-textarea {
+        position: fixed;
+        bottom: 100%;
+        left: 0;
+        visibility: hidden;
+    }
+}
+
+.@{prefix}-input-container {
+
+    .statistic-text {
+        position: absolute;
+        .rem(bottom, 16);
+        .rem(right, 16);
+        .use-var(font-size, textarea-statistic-font-size);
+        .use-var(color, textarea-statistic-color);
+
+        &.exceed {
+            .use-var(color, danger-color);
+        }
+    }
+}

package/cjs/toast/demo/style/css/mobile.css

@@ -0,0 +1,10 @@
+#demo-toast {
+  padding-bottom: 2.18rem;
+}
+#demo-toast .arcodesign-mobile-demo-content {
+  padding: 0;
+  background: transparent;
+  margin: 0 0.24rem;
+  border-radius: 0.16rem;
+  overflow: hidden;
+}

package/cjs/toast/demo/style/mobile.less

@@ -0,0 +1,12 @@
+@import '../../../../style/mixin.less';
+
+#demo-toast {
+    .rem(padding-bottom, 109);
+    .arcodesign-mobile-demo-content {
+        padding: 0;
+        background: transparent;
+        .rem(margin, 0, 12);
+        .rem(border-radius, 8);
+        overflow: hidden;
+    }
+}

package/cjs/toast/index.d.ts

@@ -0,0 +1,257 @@
+import React, { ReactNode } from 'react';
+import { ToastBaseProps } from './methods';
+export * from './methods';
+export declare type ToastType = 'success' | 'error' | 'warn';
+export interface ToastProps {
+    /**
+     * 自定义类名
+     * @en Custom classname
+     */
+    className?: string;
+    /**
+     * 提示内容
+     * @en Tip content
+     */
+    content?: React.ReactNode;
+    /**
+     * 自动关闭的延时（单位: ms），设置为0则不会自动关闭
+     * @en Duration of automatic shutdown (unit: ms), if set to 0, it will not automatically shutdown
+     * @default 3000
+     */
+    duration?: number;
+    /**
+     * 自定义图标
+     * @en Custom icon
+     */
+    icon?: React.ReactNode;
+    /**
+     * 内容排列布局
+     * @en Content layout
+     * @default "vertical"
+     */
+    layout?: 'vertical' | 'horizontal';
+    /**
+     * 打开关闭动画执行时长（单位: ms）
+     * @en Open and close animation duration (unit: ms)
+     * @default 300
+     */
+    transitionDuration?: number;
+    /**
+     * 关闭函数
+     * @en Close function
+     */
+    close?: () => void;
+    /**
+     * 关闭后的回调函数
+     * @en Callback after closing
+     */
+    onClose?: () => void;
+    /**
+     * 是否为加载态
+     * @en Whether it is in the loading state
+     */
+    loading?: boolean;
+    /**
+     * 加载图标，传入Icon组件type属性或node
+     * @en Loading icon, input the type or node of icon component
+     */
+    loadingIcon?: React.ReactNode;
+    /**
+     * 加载图标内部元素，仅在 loading 为 true 时生效
+     * @en Inner element of loading icon, only takes effect when loading is true
+     */
+    loadingInner?: string;
+    /**
+     * 是否禁止toast以外区域的交互
+     * @en Whether to prohibit interaction in areas other than toast
+     * @default false
+     */
+    disableBodyTouch?: boolean;
+    /**
+     * 是否显示toast
+     * @en Whether to show toast
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * 获取挂载容器
+     * @en Get mounted container
+     */
+    getContainer?: () => HTMLElement;
+    /**
+     * toast展示信息类型，不同类型对应不同图标，info表示纯文字信息无图标
+     * @en toast displays information types, different types correspond to different icons, info means plain text information without icons
+     * @default "info"
+     */
+    type?: ToastType | 'info';
+    /**
+     * toast出现位置
+     * @en The direction where the toast appears
+     * @default "center"
+     */
+    direction?: 'center' | 'top' | 'bottom';
+    /**
+     * 自定义不同类型对应的不同图标
+     * @en Customize different icons corresponding to different types
+     */
+    typeIconMap?: Partial<Record<ToastType, ReactNode>>;
+    /**
+     * 页面初始 overflow 状态，即关闭toast时 overflow 应该还原的状态
+     * @en The initial overflow state of the page, that is, the state of overflow should be restored when toast is closed
+     * @default 第一个全屏组件（弹窗、toast等）打开时页面overflow值
+     * @default_en The page overflow value when the first fullscreen component (popup, toast, etc.) is opened
+     */
+    initialBodyOverflow?: string;
+}
+export interface ToastRef {
+    /**
+     * 最外层元素 DOM
+     * @en The outermost element DOM
+     */
+    dom: HTMLDivElement | null;
+}
+export declare function methodsGenerator<P extends ToastBaseProps>(Comp: React.FunctionComponent<P>): {
+    /**
+     * 展示常规提示框
+     * @desc {en} Show regular toast
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    toast: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+        update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示常规提示框，同 Toast.toast
+     * @desc {en} Show regular toast, the same as Toast.toast
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    info: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+        update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示成功提示框(含成功icon)
+     * @desc {en} Show success prompt toast (including success icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    success: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+        update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示错误提示框(含错误icon)
+     * @desc {en} Display error prompt toast (including error icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    error: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+        update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示加载中提示框(含加载中icon)
+     * @desc {en} Display loading prompt toast (including loading icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    loading: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+        update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示警告提示框(含警告icon)
+     * @desc {en} Display warning prompt toast (including warning icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    warn: (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+        update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+        close: () => void;
+        hide: () => void;
+    };
+};
+declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRef>> & {
+    /**
+     * 展示常规提示框
+     * @desc {en} Show regular toast
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    toast: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
+        update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示常规提示框，同 Toast.toast
+     * @desc {en} Show regular toast, the same as Toast.toast
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    info: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
+        update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示成功提示框(含成功icon)
+     * @desc {en} Show success prompt toast (including success icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    success: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
+        update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示错误提示框(含错误icon)
+     * @desc {en} Display error prompt toast (including error icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    error: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
+        update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示加载中提示框(含加载中icon)
+     * @desc {en} Display loading prompt toast (including loading icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    loading: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
+        update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+        close: () => void;
+        hide: () => void;
+    };
+    /**
+     * 展示警告提示框(含警告icon)
+     * @desc {en} Display warning prompt toast (including warning icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    warn: (originConfig: string | Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => {
+        update: (newConfig: Pick<ToastProps & React.RefAttributes<ToastRef>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "getContainer" | "type" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+        close: () => void;
+        hide: () => void;
+    };
+};
+/**
+ * 轻提示组件，支持各个场景下调用方法。
+ * @en The toast component, supports calling methods in various scenarios.
+ * @type 反馈
+ * @type_en Feedback
+ * @name 轻提示
+ * @name_en Toast
+ */
+export default _default;

package/cjs/toast/index.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+var _exportNames = {
+  methodsGenerator: true
+};
+exports.default = void 0;
+exports.methodsGenerator = methodsGenerator;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _contextProvider = require("../context-provider");
+
+var _transition = _interopRequireDefault(require("../transition"));
+
+var _IconErrorCircle = _interopRequireDefault(require("../icon/IconErrorCircle"));
+
+var _IconWarnCircle = _interopRequireDefault(require("../icon/IconWarnCircle"));
+
+var _IconSuccessCircle = _interopRequireDefault(require("../icon/IconSuccessCircle"));
+
+var _portal = _interopRequireDefault(require("../portal"));
+
+var _methods = require("./methods");
+
+Object.keys(_methods).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _methods[key]) return;
+  exports[key] = _methods[key];
+});
+
+var _loading = _interopRequireDefault(require("../loading"));
+
+var _helpers = require("../_helpers");
+
+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; }
+
+var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var className = props.className,
+      getContainer = props.getContainer,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      onClose = props.onClose,
+      close = props.close,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type,
+      icon = props.icon,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 3000 : _props$duration,
+      _props$transitionDura = props.transitionDuration,
+      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+      content = props.content,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      loadingIcon = props.loadingIcon,
+      _props$disableBodyTou = props.disableBodyTouch,
+      disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
+      loadingInner = props.loadingInner,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'center' : _props$direction,
+      typeIconMap = props.typeIconMap,
+      initialBodyOverflow = props.initialBodyOverflow;
+  var closeTimerRef = (0, _react.useRef)();
+  var domRef = (0, _react.useRef)(null);
+  var isInitialMount = (0, _react.useRef)(false);
+  var hasType = type && type !== 'info';
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dom: domRef.current
+    };
+  });
+  (0, _helpers.usePreventBodyScroll)(visible, disableBodyTouch, initialBodyOverflow);
+
+  function handleClose() {
+    if (close) {
+      close();
+    }
+  }
+
+  function startCloseTimer() {
+    if (duration) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = window.setTimeout(function () {
+        handleClose();
+      }, duration);
+    }
+  }
+
+  function handleClickMask(e) {
+    if (disableBodyTouch) {
+      e.preventDefault();
+    }
+  }
+
+  function getTypeIcons() {
+    var map = typeIconMap || {};
+    var defaultMap = {
+      success: /*#__PURE__*/_react.default.createElement(_IconSuccessCircle.default, null),
+      error: /*#__PURE__*/_react.default.createElement(_IconErrorCircle.default, null),
+      warn: /*#__PURE__*/_react.default.createElement(_IconWarnCircle.default, null)
+    };
+    return map[type] || defaultMap[type] || null;
+  }
+
+  (0, _react.useEffect)(function () {
+    var mounted = isInitialMount.current;
+
+    if (visible) {
+      startCloseTimer();
+    } else {
+      clearTimeout(closeTimerRef.current);
+
+      if (mounted) {
+        setTimeout(function () {
+          onClose && onClose();
+        }, transitionDuration);
+      }
+    }
+
+    isInitialMount.current = true;
+  }, [visible]);
+  (0, _react.useEffect)(function () {
+    startCloseTimer();
+  }, [duration]);
+
+  function renderComponent(prefixClass) {
+    var _cls;
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixClass + "-wrapper", "from-" + direction, {
+        'no-event': !disableBodyTouch
+      }),
+      onClick: handleClickMask
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixClass + "-inner", layout, (_cls = {}, _cls[prefixClass + "-inner-mixin"] = (loading || hasType || icon) && layout === 'vertical', _cls))
+    }, loading && /*#__PURE__*/_react.default.createElement("div", {
+      className: prefixClass + "-loading-wrapper"
+    }, loadingIcon !== void 0 ? loadingIcon : /*#__PURE__*/_react.default.createElement(_loading.default, {
+      className: "loading-icon",
+      type: "arc",
+      stroke: 2,
+      radius: loadingInner ? 19 : 11
+    }), loadingInner ? /*#__PURE__*/_react.default.createElement("span", {
+      className: prefixClass + "-loading-inner"
+    }, loadingInner) : null), !loading && hasType ? getTypeIcons() : null, !loading && !hasType && icon ? icon : null, content ? /*#__PURE__*/_react.default.createElement("div", {
+      className: prefixClass + "-content"
+    }, content) : null));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/_react.default.createElement(_portal.default, {
+      getContainer: getContainer
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-toast", 'all-border-box', className),
+      ref: domRef
+    }, /*#__PURE__*/_react.default.createElement(_transition.default, {
+      in: visible,
+      timeout: transitionDuration,
+      type: "fade"
+    }, renderComponent(prefixCls + "-toast"))));
+  });
+});
+
+function methodsGenerator(Comp) {
+  return {
+    /**
+     * 展示常规提示框
+     * @desc {en} Show regular toast
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    toast: (0, _methods.toast)(Comp),
+
+    /**
+     * 展示常规提示框，同 Toast.toast
+     * @desc {en} Show regular toast, the same as Toast.toast
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    info: (0, _methods.toast)(Comp, 'info'),
+
+    /**
+     * 展示成功提示框(含成功icon)
+     * @desc {en} Show success prompt toast (including success icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    success: (0, _methods.toast)(Comp, 'success'),
+
+    /**
+     * 展示错误提示框(含错误icon)
+     * @desc {en} Display error prompt toast (including error icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    error: (0, _methods.toast)(Comp, 'error'),
+
+    /**
+     * 展示加载中提示框(含加载中icon)
+     * @desc {en} Display loading prompt toast (including loading icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    loading: (0, _methods.toast)(Comp, 'loading'),
+
+    /**
+     * 展示警告提示框(含警告icon)
+     * @desc {en} Display warning prompt toast (including warning icon)
+     * @param {string | ToastProps} config Configuration
+     * @returns {{ update: (config: ToastProps) => void; close: () => void }}
+     */
+    warn: (0, _methods.toast)(Comp, 'warn')
+  };
+}
+/**
+ * 轻提示组件，支持各个场景下调用方法。
+ * @en The toast component, supports calling methods in various scenarios.
+ * @type 反馈
+ * @type_en Feedback
+ * @name 轻提示
+ * @name_en Toast
+ */
+
+
+var _default = (0, _mobileUtils.componentWrapper)(Toast, methodsGenerator(Toast));
+
+exports.default = _default;

package/cjs/toast/methods.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ToastBaseProps {
+    getContainer?: () => HTMLElement;
+    onClose?: (scene?: string) => void;
+    content?: React.ReactNode;
+    visible?: boolean;
+    close?: (e: any) => void;
+    type?: string;
+    loading?: boolean;
+}
+export declare function toast<P extends ToastBaseProps>(Component: React.FunctionComponent<P>, type?: string): (originConfig: string | Pick<P, Exclude<keyof P, "visible" | "close">>) => {
+    update: (newConfig: Pick<P, Exclude<keyof P, "visible" | "close">>) => void;
+    close: () => void;
+    hide: () => void;
+};