antd-mobile 5.0.0-rc.9 → 5.2.0

package/cjs/components/dialog/dialog-action-button.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DialogActionButton = void 0;
 
+var _tslib = require("tslib");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -13,91 +15,41 @@ var _button = _interopRequireDefault(require("../button"));
 
 var _nativeProps = require("../../utils/native-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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
+const DialogActionButton = props => {
+  const {
+    action
+  } = props;
+  const [loading, setLoading] = (0, _react.useState)(false);
 
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
+  function handleClick() {
+    return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
+      setLoading(true);
 
-    function rejected(value) {
       try {
-        step(generator["throw"](value));
+        const promise = props.onAction();
+        yield promise;
+        setLoading(false);
       } catch (e) {
-        reject(e);
+        setLoading(false);
+        throw e;
       }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var DialogActionButton = function DialogActionButton(props) {
-  var action = props.action;
-
-  var _useState = (0, _react.useState)(false),
-      loading = _useState[0],
-      setLoading = _useState[1];
-
-  function handleClick() {
-    return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var promise;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setLoading(true);
-              _context.prev = 1;
-              promise = props.onAction();
-              _context.next = 5;
-              return promise;
-
-            case 5:
-              setLoading(false);
-              _context.next = 12;
-              break;
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](1);
-              setLoading(false);
-              throw _context.t0;
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 8]]);
-    }));
+    });
   }
 
-  return (0, _nativeProps.withNativeProps)(props.action, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+  return (0, _nativeProps.withNativeProps)(props.action, _react.default.createElement(_button.default, {
     key: action.key,
     onClick: handleClick,
-    className: (0, _classnames["default"])('adm-dialog-button', {
+    className: (0, _classnames.default)('adm-dialog-button', {
       'adm-dialog-button-bold': action.bold
     }),
     fill: 'none',
+    shape: 'rectangular',
     block: true,
     color: action.danger ? 'danger' : 'primary',
     loading: loading,

package/cjs/components/dialog/dialog.css

@@ -17,10 +17,22 @@
 }
 .adm-dialog-main {
   width: 100%;
+  max-height: 70vh;
   font-size: 14px;
   background-color: white;
   border-radius: 8px;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.adm-dialog-main > * {
+  flex: none;
+}
+.adm-dialog-main > .adm-dialog-image-container {
+  flex: auto;
+}
+.adm-dialog-main > .adm-dialog-image-container + .adm-dialog-body {
+  padding-top: 12px;
 }
 .adm-dialog-main .adm-dialog-body {
   padding: 20px 12px;
@@ -67,3 +79,6 @@
 .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
   border-right: none;
 }
+.adm-dialog-image-container {
+  overflow-y: auto;
+}

package/cjs/components/dialog/dialog.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dialog = void 0;
 
+var _tslib = require("tslib");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _withDefaultProps = require("../../utils/with-default-props");
@@ -31,46 +33,14 @@ var _web = require("@react-spring/web");
 
 var _nativeProps = require("../../utils/native-props");
 
-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 _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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
+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); }
 
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
+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-dialog";
-var defaultProps = {
+const classPrefix = `adm-dialog`;
+const defaultProps = {
   visible: false,
   actions: [],
   closeOnAction: false,
@@ -79,10 +49,10 @@ var defaultProps = {
   getContainer: null
 };
 
-var Dialog = function Dialog(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var unmountedRef = (0, _ahooks.useUnmountedRef)();
-  var style = (0, _web.useSpring)({
+const Dialog = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const unmountedRef = (0, _ahooks.useUnmountedRef)();
+  const style = (0, _web.useSpring)({
     scale: props.visible ? 1 : 0.8,
     opacity: props.visible ? 1 : 0,
     config: {
@@ -91,10 +61,10 @@ var Dialog = function Dialog(p) {
       friction: 30,
       clamp: true
     },
-    onStart: function onStart() {
+    onStart: () => {
       setActive(true);
     },
-    onRest: function onRest() {
+    onRest: () => {
       var _a, _b;
 
       if (unmountedRef.current) return;
@@ -107,87 +77,66 @@ var Dialog = function Dialog(p) {
       }
     }
   });
-
-  var _useState = (0, _react.useState)(props.visible),
-      active = _useState[0],
-      setActive = _useState[1];
-
-  var node = (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  const [active, setActive] = (0, _react.useState)(props.visible);
+  const node = (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix,
     style: {
       display: active ? 'unset' : 'none'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_mask["default"], {
+  }, _react.default.createElement(_mask.default, {
     visible: props.visible,
     onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
     style: props.maskStyle,
-    className: (0, _classnames["default"])(classPrefix + "-mask", props.maskClassName)
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-wrap",
+    className: (0, _classnames.default)(`${classPrefix}-mask`, props.maskClassName)
+  }), _react.default.createElement("div", {
+    className: `${classPrefix}-wrap`,
     style: {
       pointerEvents: props.visible ? 'unset' : 'none'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+  }, _react.default.createElement(_web.animated.div, {
     style: Object.assign({}, style),
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    className: classPrefix + "-main"
-  }, !!props.image && /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    onClick: e => e.stopPropagation(),
+    className: `${classPrefix}-main`
+  }, !!props.image && _react.default.createElement("div", {
+    className: `${classPrefix}-image-container`
+  }, _react.default.createElement(_image.default, {
     src: props.image,
     alt: 'dialog header image',
     width: '100%'
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  })), _react.default.createElement("div", {
     style: props.bodyStyle,
-    className: (0, _classnames["default"])(classPrefix + "-body", props.bodyClassName)
-  }, /*#__PURE__*/_react["default"].createElement(_space["default"], {
+    className: (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName)
+  }, _react.default.createElement(_space.default, {
     direction: 'vertical',
     block: true
-  }, !!props.header && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-body-header-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-body-header"
-  }, props.header)), !!props.title && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-body-title"
-  }, props.title), !!props.content && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-body-content"
-  }, typeof props.content === 'string' ? /*#__PURE__*/_react["default"].createElement(_autoCenter["default"], null, props.content) : props.content))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-footer"
-  }, props.actions.map(function (row, index) {
-    var actions = Array.isArray(row) ? row : [row];
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-action-row",
+  }, !!props.header && _react.default.createElement("div", {
+    className: `${classPrefix}-body-header-wrapper`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-body-header`
+  }, props.header)), !!props.title && _react.default.createElement("div", {
+    className: `${classPrefix}-body-title`
+  }, props.title), !!props.content && _react.default.createElement("div", {
+    className: `${classPrefix}-body-content`
+  }, typeof props.content === 'string' ? _react.default.createElement(_autoCenter.default, null, props.content) : props.content))), _react.default.createElement("div", {
+    className: `${classPrefix}-footer`
+  }, props.actions.map((row, index) => {
+    const actions = Array.isArray(row) ? row : [row];
+    return _react.default.createElement("div", {
+      className: `${classPrefix}-action-row`,
       key: index
-    }, actions.map(function (action, index) {
-      return /*#__PURE__*/_react["default"].createElement(_dialogActionButton.DialogActionButton, {
-        key: action.key,
-        action: action,
-        onAction: function onAction() {
-          return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-            var _a, _b, _c;
-
-            return regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    _context.next = 2;
-                    return Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
-
-                  case 2:
-                    if (props.closeOnAction) {
-                      (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
-                    }
-
-                  case 3:
-                  case "end":
-                    return _context.stop();
-                }
-              }
-            }, _callee);
-          }));
+    }, actions.map((action, index) => _react.default.createElement(_dialogActionButton.DialogActionButton, {
+      key: action.key,
+      action: action,
+      onAction: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+
+        yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
+
+        if (props.closeOnAction) {
+          (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
         }
-      });
-    }));
+      })
+    })));
   }))))));
   return (0, _renderToContainer.renderToContainer)(props.getContainer, (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, node));
 };

package/cjs/components/dialog/index.d.ts

@@ -3,6 +3,7 @@ import './dialog.less';
 import { show } from './show';
 import { alert } from './alert';
 import { confirm } from './confirm';
+import { clear } from './clear';
 export type { DialogProps } from './dialog';
 export type { Action } from './dialog-action-button';
 export type { DialogShowProps, DialogShowRef } from './show';
@@ -12,5 +13,6 @@ declare const _default: import("react").FC<import("./dialog").DialogProps> & {
     show: typeof show;
     alert: typeof alert;
     confirm: typeof confirm;
+    clear: typeof clear;
 };
 export default _default;

package/cjs/components/dialog/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./dialog.css");
 
@@ -13,6 +13,8 @@ var _alert = require("./alert");
 
 var _confirm = require("./confirm");
 
+var _clear = require("./clear");
+
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
 
 var _dialog2 = require("./dialog");
@@ -20,7 +22,8 @@ var _dialog2 = require("./dialog");
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dialog2.Dialog, {
   show: _show.show,
   alert: _alert.alert,
-  confirm: _confirm.confirm
+  confirm: _confirm.confirm,
+  clear: _clear.clear
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/dialog/show.d.ts

@@ -3,6 +3,7 @@ export declare type DialogShowProps = Omit<DialogProps, 'visible'>;
 export declare type DialogShowRef = {
     close: () => void;
 };
+export declare const closeFnSet: Set<() => void>;
 export declare function show(props: DialogShowProps): {
     close: () => void;
 };

package/cjs/components/dialog/show.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.closeFnSet = void 0;
 exports.show = show;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -11,17 +12,17 @@ var _renderToBody = require("../../utils/render-to-body");
 
 var _dialog = require("./dialog");
 
-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; }
 
-function show(props) {
-  var Wrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
-    var _useState = (0, _react.useState)(false),
-        visible = _useState[0],
-        setVisible = _useState[1];
+const closeFnSet = new Set();
+exports.closeFnSet = closeFnSet;
 
-    (0, _react.useEffect)(function () {
+function show(props) {
+  const Wrapper = (0, _react.forwardRef)((_, ref) => {
+    const [visible, setVisible] = (0, _react.useState)(false);
+    (0, _react.useEffect)(() => {
       setVisible(true);
     }, []);
 
@@ -32,31 +33,37 @@ function show(props) {
       setVisible(false);
     }
 
-    (0, _react.useImperativeHandle)(ref, function () {
-      return {
-        close: handleClose
-      };
-    });
-    return /*#__PURE__*/_react["default"].createElement(_dialog.Dialog, Object.assign({}, props, {
+    (0, _react.useImperativeHandle)(ref, () => ({
+      close: handleClose
+    }));
+
+    function handleAfterClose() {
+      var _a;
+
+      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      unmount();
+      closeFnSet.delete(close);
+    }
+
+    return _react.default.createElement(_dialog.Dialog, Object.assign({}, props, {
       visible: visible,
       onClose: handleClose,
-      afterClose: function afterClose() {
-        var _a;
-
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        unmount();
-      }
+      afterClose: handleAfterClose
     }));
   });
-  var ref = /*#__PURE__*/(0, _react.createRef)();
-  var unmount = (0, _renderToBody.renderToBody)( /*#__PURE__*/_react["default"].createElement(Wrapper, {
+  const ref = (0, _react.createRef)();
+  const unmount = (0, _renderToBody.renderToBody)(_react.default.createElement(Wrapper, {
     ref: ref
   }));
-  return {
-    close: function close() {
-      var _a;
 
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-    }
+  const close = () => {
+    var _a;
+
+    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+  };
+
+  closeFnSet.add(close);
+  return {
+    close
   };
 }

package/cjs/components/divider/divider.js

@@ -13,19 +13,19 @@ var _nativeProps = require("../../utils/native-props");
 
 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 }; }
 
-var classPrefix = "adm-divider";
-var defaultProps = {
+const classPrefix = `adm-divider`;
+const defaultProps = {
   contentPosition: 'center'
 };
 
-var Divider = function Divider(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + props.contentPosition)
-  }, props.children && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-content"
+const Divider = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.contentPosition}`)
+  }, props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children)));
 };
 

package/cjs/components/divider/index.js

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

package/cjs/components/{loading/loading.css → dot-loading/dot-loading.css}

@@ -1,3 +1,3 @@
-.adm-loading {
+.adm-dot-loading {
   display: inline-block;
 }

package/cjs/components/{loading/loading.d.ts → dot-loading/dot-loading.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type LoadingProps = {
+export declare type DotLoadingProps = {
     color?: 'default' | 'primary' | 'white' | (string & {});
 } & NativeProps;
-export declare const Loading: React.NamedExoticComponent<LoadingProps>;
+export declare const DotLoading: React.NamedExoticComponent<DotLoadingProps>;

package/cjs/components/dot-loading/dot-loading.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DotLoading = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+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 (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; }
+
+const classPrefix = `adm-dot-loading`;
+const colorRecord = {
+  default: 'var(--adm-color-weak)',
+  primary: 'var(--adm-color-primary)',
+  white: 'var(--adm-color-white)'
+};
+const defaultProps = {
+  color: 'default'
+};
+const DotLoading = (0, _react.memo)(p => {
+  var _a;
+
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    style: {
+      color: (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color
+    },
+    className: (0, _classnames.default)('adm-loading', classPrefix)
+  }, _react.default.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 100 40',
+    style: {
+      verticalAlign: '-0.125em'
+    }
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-100.000000, -71.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(95.000000, 71.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(5.000000, 0.000000)'
+  }, [0, 1, 2].map(i => _react.default.createElement("rect", {
+    key: i,
+    fill: 'currentColor',
+    x: 20 + i * 26,
+    y: '16',
+    width: '8',
+    height: '8',
+    rx: '2'
+  }, _react.default.createElement("animate", {
+    attributeName: 'y',
+    from: '16',
+    to: '16',
+    dur: '2s',
+    begin: `${i * 0.2}s`,
+    repeatCount: 'indefinite',
+    values: '16; 6; 26; 16; 16',
+    keyTimes: '0; 0.1; 0.3; 0.4; 1',
+    id: 'circ-anim'
+  }))))))))));
+});
+exports.DotLoading = DotLoading;