antd-mobile 5.0.0-rc.6 → 5.0.0

package/cjs/components/tag/tag.js

@@ -13,38 +13,38 @@ var _nativeProps = require("../../utils/native-props");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-tag";
-var colorRecord = {
-  "default": '#666666',
+const classPrefix = `adm-tag`;
+const colorRecord = {
+  default: '#666666',
   primary: 'var(--adm-color-primary, #1677ff)',
   success: 'var(--adm-color-success, #00b578)',
   warning: 'var(--adm-color-warning, #ff8f1f)',
   danger: 'var(--adm-color-danger, #ff3141)'
 };
-var defaultProps = {
+const defaultProps = {
   color: 'default',
   fill: 'solid',
   round: false
 };
 
-var Tag = function Tag(p) {
-  var _classNames;
-
+const Tag = p => {
   var _a;
 
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var color = (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color;
-  var style = {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const color = (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color;
+  const style = {
     '--border-color': color,
     '--text-color': props.fill === 'outline' ? color : '#ffffff',
     '--background-color': props.fill === 'outline' ? 'transparent' : color
   };
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("span", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("span", {
     style: style,
     onClick: props.onClick,
-    className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-round"] = props.round, _classNames))
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-round`]: props.round
+    })
   }, props.children));
 };
 

package/cjs/components/text-area/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./text-area.css");
 
 var _textArea2 = require("./text-area");
 
 var _default = _textArea2.TextArea;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/text-area/text-area.css

@@ -1,4 +1,4 @@
-.adm-text-area-wrapper {
+.adm-text-area {
   --font-size: 17px;
   --color: var(--adm-color-text);
   --placeholder-color: var(--adm-color-light);
@@ -7,7 +7,7 @@
   max-width: 100%;
   max-height: 100%;
 }
-.adm-text-area {
+.adm-text-area-element {
   font-family: var(--adm-font-family);
   resize: none;
   flex: auto;
@@ -27,29 +27,29 @@
   appearance: none;
   min-height: 1.5em;
 }
-.adm-text-area::placeholder {
+.adm-text-area-element::placeholder {
   color: var(--placeholder-color);
   font-family: inherit;
 }
-.adm-text-area:-webkit-autofill {
+.adm-text-area-element:-webkit-autofill {
   background-color: transparent;
 }
-.adm-text-area:disabled {
+.adm-text-area-element:disabled {
   color: var(--disabled-color);
   cursor: not-allowed;
   opacity: 1;
   -webkit-text-fill-color: var(--disabled-color);
 }
-.adm-text-area:read-only {
+.adm-text-area-element:read-only {
   cursor: default;
 }
-.adm-text-area:invalid {
+.adm-text-area-element:invalid {
   box-shadow: none;
 }
-.adm-text-area::-ms-clear {
+.adm-text-area-element::-ms-clear {
   display: none;
 }
-.adm-text-area[readonly] {
+.adm-text-area-element[readonly] {
   pointer-events: none;
 }
 .adm-text-area-count {

package/cjs/components/text-area/text-area.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -20,7 +20,7 @@ export declare type TextAreaRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onFocus" | "onBlur" | "autoComplete" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;
@@ -33,4 +33,4 @@ export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.Detail
         maxRows?: number | undefined;
     } | undefined;
     id?: string | undefined;
-} & NativeProps<"--font-size" | "--color" | "--placeholder-color" | "--disabled-color"> & React.RefAttributes<TextAreaRef>>;
+} & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--disabled-color"> & React.RefAttributes<TextAreaRef>>;

package/cjs/components/text-area/text-area.js

@@ -7,83 +7,66 @@ exports.TextArea = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _nativeProps = require("../../utils/native-props");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _devLog = require("../../utils/dev-log");
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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 __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-var classPrefix = 'adm-text-area';
-var defaultProps = {
+const classPrefix = 'adm-text-area';
+const defaultProps = {
   rows: 2,
   showCount: false,
   autoSize: false,
   defaultValue: ''
 };
-var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var className = props.className,
-      style = props.style,
-      outerDefaultValue = props.defaultValue,
-      outerValue = props.value,
-      outerOnChange = props.onChange,
-      rows = props.rows,
-      autoSize = props.autoSize,
-      showCount = props.showCount,
-      textAreaProps = __rest(props, ["className", "style", "defaultValue", "value", "onChange", "rows", "autoSize", "showCount"]);
-
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(props),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
-
-  var nativeTextAreaRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      clear: function clear() {
-        setValue('');
-      },
-      focus: function focus() {
-        var _a;
-
-        (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      },
-      blur: function blur() {
-        var _a;
-
-        (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      }
-    };
-  });
-  (0, _react.useEffect)(function () {
+const TextArea = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    autoSize,
+    showCount,
+    maxLength
+  } = props;
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)(Object.assign(Object.assign({}, props), {
+    value: props.value === null ? '' : props.value
+  }));
+
+  if (props.value === null) {
+    (0, _devLog.devError)('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
+  }
+
+  const nativeTextAreaRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    clear: () => {
+      setValue('');
+    },
+    focus: () => {
+      var _a;
+
+      (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    },
+    blur: () => {
+      var _a;
+
+      (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+  }));
+  (0, _react.useEffect)(() => {
     if (!autoSize) return;
-    var textArea = nativeTextAreaRef.current;
+    const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
     textArea.style.height = 'auto';
-    var height = textArea.scrollHeight;
+    let height = textArea.scrollHeight;
 
     if (typeof autoSize === 'object') {
-      var computedStyle = window.getComputedStyle(textArea);
-      var lineHeight = parseFloat(computedStyle.lineHeight);
+      const computedStyle = window.getComputedStyle(textArea);
+      const lineHeight = parseFloat(computedStyle.lineHeight);
 
       if (autoSize.minRows) {
         height = Math.max(height, autoSize.minRows * lineHeight);
@@ -94,42 +77,61 @@ var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
       }
     }
 
-    textArea.style.height = height + "px";
+    textArea.style.height = `${height}px`;
   }, [value, autoSize]);
-  var count;
+  const compositingRef = (0, _react.useRef)(false);
+  let count;
+  const valueLength = [...value].length;
 
   if (typeof showCount === 'function') {
-    count = showCount(value.length, props.maxLength);
+    count = showCount(valueLength, maxLength);
   } else if (showCount) {
-    count = /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-count"
-    }, props.maxLength === undefined ? value.length : value.length + '/' + props.maxLength);
+    count = _react.default.createElement("div", {
+      className: `${classPrefix}-count`
+    }, maxLength === undefined ? valueLength : valueLength + '/' + maxLength);
   }
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix + "-wrapper", className),
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement("textarea", Object.assign({
-    ref: nativeTextAreaRef
-  }, textAreaProps, {
-    className: classPrefix,
-    rows: rows,
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, _react.default.createElement("textarea", {
+    ref: nativeTextAreaRef,
+    className: `${classPrefix}-element`,
+    rows: props.rows,
     value: value,
-    onChange: function onChange(e) {
-      setValue(e.target.value);
+    placeholder: props.placeholder,
+    onChange: e => {
+      let v = e.target.value;
+
+      if (maxLength && !compositingRef.current) {
+        v = [...v].slice(0, maxLength).join('');
+      }
+
+      setValue(v);
     },
-    onFocus: function onFocus(e) {
+    id: props.id,
+    onCompositionStart: e => {
       var _a;
 
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      compositingRef.current = true;
+      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
-    onBlur: function onBlur(e) {
+    onCompositionEnd: e => {
       var _a;
 
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      compositingRef.current = false;
+
+      if (maxLength) {
+        setValue([...value].slice(0, maxLength).join(''));
+      }
+
+      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
-    id: props.id
-  })), count);
+    autoComplete: props.autoComplete,
+    disabled: props.disabled,
+    readOnly: props.readOnly,
+    onFocus: props.onFocus,
+    onBlur: props.onBlur
+  }), count));
 });
 exports.TextArea = TextArea;
 TextArea.defaultProps = defaultProps;

package/cjs/components/toast/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./toast.css");
 
 var _methods = require("./methods");
 
-var Toast = {
+const Toast = {
   show: _methods.show,
   clear: _methods.clear,
   config: _methods.config
 };
 var _default = Toast;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/toast/methods.js

@@ -17,84 +17,78 @@ var _toast = require("./toast");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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 containers = [];
+const containers = [];
 
 function unmount(container) {
-  var unmountResult = _reactDom["default"].unmountComponentAtNode(container);
+  const unmountResult = _reactDom.default.unmountComponentAtNode(container);
 
   if (unmountResult && container.parentNode) {
     container.parentNode.removeChild(container);
   }
 }
 
-var defaultProps = {
+const defaultProps = {
   duration: 2000,
   position: 'center',
   maskClickable: true
 };
 
 function show(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, typeof p === 'string' ? {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, typeof p === 'string' ? {
     content: p
   } : p);
-  var timer = 0;
-  var _props$getContainer = props.getContainer,
-      getContainer = _props$getContainer === void 0 ? function () {
-    return document.body;
-  } : _props$getContainer;
-  var container = document.createElement('div');
-  var bodyContainer = (0, _getContainer.resolveContainer)(getContainer);
+  let timer = 0;
+  const {
+    getContainer = () => document.body
+  } = props;
+  const container = document.createElement('div');
+  const bodyContainer = (0, _getContainer.resolveContainer)(getContainer);
   bodyContainer.appendChild(container);
   clear();
   containers.push(container);
 
-  var TempToast = function TempToast() {
-    var _useState = (0, _react.useState)(true),
-        visible = _useState[0],
-        setVisible = _useState[1];
-
-    (0, _react.useEffect)(function () {
-      return function () {
+  const TempToast = () => {
+    const [visible, setVisible] = (0, _react.useState)(true);
+    (0, _react.useEffect)(() => {
+      return () => {
         var _a;
 
         (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
       };
     }, []);
-    (0, _react.useEffect)(function () {
+    (0, _react.useEffect)(() => {
       if (props.duration === 0) {
         return;
       }
 
-      timer = window.setTimeout(function () {
+      timer = window.setTimeout(() => {
         setVisible(false);
       }, props.duration);
-      return function () {
+      return () => {
         window.clearTimeout(timer);
       };
     }, []);
-    return /*#__PURE__*/_react["default"].createElement(_toast.InternalToast, Object.assign({}, props, {
-      getContainer: function getContainer() {
-        return container;
-      },
+    return _react.default.createElement(_toast.InternalToast, Object.assign({}, props, {
+      getContainer: () => container,
       visible: visible,
-      afterClose: function afterClose() {
+      afterClose: () => {
         unmount(container);
       }
     }));
   };
 
-  _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(TempToast, null), container);
+  _reactDom.default.render(_react.default.createElement(TempToast, null), container);
 }
 
 function clear() {
   while (true) {
-    var container = containers.pop();
+    const container = containers.pop();
     if (!container) break;
     unmount(container);
   }

package/cjs/components/toast/toast.css

@@ -1,7 +1,16 @@
 .adm-toast-mask .adm-toast-wrap {
-  position: absolute;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.adm-toast-mask .adm-toast-main {
+  display: inline-block;
+  position: relative;
   top: 50%;
   left: 50%;
+  transform: translate(-50%, -50%);
   width: auto;
   min-width: 96px;
   max-width: 70%;
@@ -11,24 +20,24 @@
   word-break: break-all;
   background-color: rgba(0, 0, 0, 0.7);
   border-radius: 8px;
-  transform: translate(-50%, -50%);
   pointer-events: all;
   font-size: 15px;
   line-height: 1.5;
   box-sizing: border-box;
 }
-.adm-toast-mask .adm-toast-wrap-text {
+.adm-toast-mask .adm-toast-main-text {
   padding: 12px;
 }
-.adm-toast-mask .adm-toast-wrap-icon {
+.adm-toast-mask .adm-toast-main-icon {
   padding: 35px 40px;
 }
-.adm-toast-mask .adm-toast-wrap-icon .adm-toast-icon {
+.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
   text-align: center;
   margin-bottom: 8px;
   font-size: 36px;
   line-height: 1;
 }
 .adm-toast-loading {
-  font-size: 24px;
+  --size: 48px;
+  margin: 0 auto 8px;
 }

package/cjs/components/toast/toast.js

@@ -11,53 +11,55 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _antdMobileIcons = require("antd-mobile-icons");
 
-var _loading = _interopRequireDefault(require("../loading"));
-
 var _mask = _interopRequireDefault(require("../mask"));
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
 var _autoCenter = _interopRequireDefault(require("../auto-center"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _spinLoading = _interopRequireDefault(require("../spin-loading"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _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 classPrefix = "adm-toast";
-var defaultProps = {
+const classPrefix = `adm-toast`;
+const defaultProps = {
   maskClickable: true,
   stopPropagation: ['click']
 };
 
-var InternalToast = function InternalToast(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var maskClickable = props.maskClickable,
-      content = props.content,
-      icon = props.icon,
-      position = props.position;
-  var iconElement = (0, _react.useMemo)(function () {
+const InternalToast = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    maskClickable,
+    content,
+    icon,
+    position
+  } = props;
+  const iconElement = (0, _react.useMemo)(() => {
     if (icon === null || icon === undefined) return null;
 
     switch (icon) {
       case 'success':
-        return /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CheckOutline, null);
+        return _react.default.createElement(_antdMobileIcons.CheckOutline, null);
 
       case 'fail':
-        return /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CloseOutline, null);
+        return _react.default.createElement(_antdMobileIcons.CloseOutline, null);
 
       case 'loading':
-        return /*#__PURE__*/_react["default"].createElement(_loading["default"], {
+        return _react.default.createElement(_spinLoading.default, {
           color: 'white',
-          className: classPrefix + "-loading"
+          className: `${classPrefix}-loading`
         });
 
       default:
         return icon;
     }
   }, [icon]);
-  var top = (0, _react.useMemo)(function () {
+  const top = (0, _react.useMemo)(() => {
     switch (position) {
       case 'top':
         return '20%';
@@ -69,7 +71,7 @@ var InternalToast = function InternalToast(p) {
         return '50%';
     }
   }, [position]);
-  return /*#__PURE__*/_react["default"].createElement(_mask["default"], {
+  return _react.default.createElement(_mask.default, {
     visible: props.visible,
     destroyOnClose: true,
     opacity: 0,
@@ -79,16 +81,18 @@ var InternalToast = function InternalToast(p) {
     style: Object.assign({
       pointerEvents: maskClickable ? 'none' : 'auto'
     }, props.maskStyle),
-    className: (0, _classnames["default"])(classPrefix + "-mask", props.maskClassName),
+    className: (0, _classnames.default)(`${classPrefix}-mask`, props.maskClassName),
     stopPropagation: props.stopPropagation
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)(`${classPrefix}-wrap`)
+  }, _react.default.createElement("div", {
     style: {
-      top: top
+      top
     },
-    className: (0, _classnames["default"])(classPrefix + "-wrap", icon ? classPrefix + "-wrap-icon" : classPrefix + "-wrap-text")
-  }, iconElement && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-icon"
-  }, iconElement), /*#__PURE__*/_react["default"].createElement(_autoCenter["default"], null, content)));
+    className: (0, _classnames.default)(`${classPrefix}-main`, icon ? `${classPrefix}-main-icon` : `${classPrefix}-main-text`)
+  }, iconElement && _react.default.createElement("div", {
+    className: `${classPrefix}-icon`
+  }, iconElement), _react.default.createElement(_autoCenter.default, null, content))));
 };
 
 exports.InternalToast = InternalToast;