antd-mobile 5.0.0-rc.9 → 5.2.0

package/cjs/components/modal/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 _modal = require("./modal");
 
-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(_modal.Modal, 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(_modal.Modal, 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/nav-bar/index.js

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

package/cjs/components/nav-bar/nav-bar.css

@@ -21,13 +21,13 @@
 .adm-nav-bar-back {
   display: flex;
   align-items: center;
-  margin-right: 12px;
+  margin-right: 16px;
   padding: 6px 0;
   cursor: pointer;
 }
 .adm-nav-bar-back-arrow {
-  font-size: 18px;
-  margin-right: 6px;
+  font-size: 24px;
+  margin-right: 4px;
 }
 .adm-nav-bar-left {
   font-size: 15px;

package/cjs/components/nav-bar/nav-bar.js

@@ -15,34 +15,36 @@ 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-nav-bar";
-var defaultProps = {
+const classPrefix = `adm-nav-bar`;
+const defaultProps = {
   back: '',
   backArrow: true
 };
 
-var NavBar = function NavBar(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var back = props.back,
-      backArrow = props.backArrow;
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-left",
+const NavBar = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    back,
+    backArrow
+  } = props;
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix)
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-left`,
     role: 'button'
-  }, back !== null && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-back",
+  }, back !== null && _react.default.createElement("div", {
+    className: `${classPrefix}-back`,
     onClick: props.onBack
-  }, backArrow && /*#__PURE__*/_react["default"].createElement("span", {
-    className: classPrefix + "-back-arrow"
-  }, backArrow === true ? /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.LeftOutline, null) : backArrow), /*#__PURE__*/_react["default"].createElement("span", {
+  }, backArrow && _react.default.createElement("span", {
+    className: `${classPrefix}-back-arrow`
+  }, backArrow === true ? _react.default.createElement(_antdMobileIcons.LeftOutline, null) : backArrow), _react.default.createElement("span", {
     "aria-hidden": 'true'
-  }, back)), props.left), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-title"
-  }, props.children), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-right"
+  }, back)), props.left), _react.default.createElement("div", {
+    className: `${classPrefix}-title`
+  }, props.children), _react.default.createElement("div", {
+    className: `${classPrefix}-right`
   }, props.right)));
 };
 

package/cjs/components/notice-bar/index.js

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

package/cjs/components/notice-bar/notice-bar.css

@@ -1,15 +1,18 @@
 .adm-notice-bar {
-  height: 30px;
+  --background-color: #ababab;
+  --border-color: #999999;
+  --text-color: #ffffff;
+  --font-size: 15px;
+  --icon-font-size: 18px;
+  --height: 38px;
+  height: var(--height);
   box-sizing: border-box;
-  font-size: 14px;
-  line-height: 30px;
+  font-size: var(--font-size);
+  line-height: var(--height);
   padding: 0 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  --background-color: #b2b2b2;
-  --border-color: #a0a0a0;
-  --text-color: #ffffff;
   border: solid 1px var(--border-color);
   border-left: none;
   border-right: none;
@@ -34,9 +37,11 @@
   --border-color: #bcd8ff;
   --text-color: #1677ff;
 }
-.adm-notice-bar .adm-notice-bar-left:not(:empty) {
+.adm-notice-bar .adm-notice-bar-left {
   flex-shrink: 0;
   margin-right: 8px;
+  font-size: var(--icon-font-size);
+  line-height: var(--height);
 }
 .adm-notice-bar .adm-notice-bar-content {
   flex: 1;
@@ -50,10 +55,12 @@
   width: auto;
   transition-timing-function: linear;
   position: absolute;
-  padding: 0 4px;
   white-space: nowrap;
 }
 .adm-notice-bar .adm-notice-bar-right {
   flex-shrink: 0;
   margin-left: 12px;
 }
+.adm-notice-bar-close-icon {
+  font-size: 18px;
+}

package/cjs/components/notice-bar/notice-bar.d.ts

@@ -17,5 +17,5 @@ export declare type NoticeBarProps = {
     extra?: React.ReactNode;
     /** 左侧广播图标 */
     icon?: React.ReactNode;
-} & NativeProps<'--background-color' | '--border-color' | '--text-color'>;
+} & NativeProps<'--background-color' | '--border-color' | '--text-color' | '--font-size' | '--icon-font-size' | '--height'>;
 export declare const NoticeBar: React.NamedExoticComponent<NoticeBarProps>;

package/cjs/components/notice-bar/notice-bar.js

@@ -21,35 +21,32 @@ var _useResizeEffect = require("../../utils/use-resize-effect");
 
 var _useMutationEffect = require("../../utils/use-mutation-effect");
 
-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 classPrefix = "adm-notice-bar";
-var defaultProps = {
+const classPrefix = `adm-notice-bar`;
+const defaultProps = {
   color: 'default',
   delay: 2000,
-  speed: 50
+  speed: 50,
+  icon: _react.default.createElement(_antdMobileIcons.SoundOutline, null)
 };
-var NoticeBar = /*#__PURE__*/(0, _react.memo)(function (p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var containerRef = (0, _react.useRef)(null);
-  var textRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(true),
-      visible = _useState[0],
-      setVisible = _useState[1];
-
-  var speed = props.speed;
-  var delayLockRef = (0, _react.useRef)(true);
-  var animatingRef = (0, _react.useRef)(false);
+const NoticeBar = (0, _react.memo)(p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const containerRef = (0, _react.useRef)(null);
+  const textRef = (0, _react.useRef)(null);
+  const [visible, setVisible] = (0, _react.useState)(true);
+  const speed = props.speed;
+  const delayLockRef = (0, _react.useRef)(true);
+  const animatingRef = (0, _react.useRef)(false);
 
   function start() {
     if (delayLockRef.current) return;
-    var container = containerRef.current;
-    var text = textRef.current;
+    const container = containerRef.current;
+    const text = textRef.current;
     if (!container || !text) return;
 
     if (container.offsetWidth >= text.offsetWidth) {
@@ -60,29 +57,29 @@ var NoticeBar = /*#__PURE__*/(0, _react.memo)(function (p) {
     }
 
     if (animatingRef.current) return;
-    var initial = !text.style.transform;
+    const initial = !text.style.transform;
     text.style.transitionDuration = '0s';
 
     if (initial) {
       text.style.transform = 'translateX(0)';
     } else {
-      text.style.transform = "translateX(" + container.offsetWidth + "px)";
+      text.style.transform = `translateX(${container.offsetWidth}px)`;
     }
 
-    var distance = initial ? text.offsetWidth : container.offsetWidth + text.offsetWidth;
+    const distance = initial ? text.offsetWidth : container.offsetWidth + text.offsetWidth;
     animatingRef.current = true;
-    text.style.transitionDuration = Math.round(distance / speed) + "s";
-    text.style.transform = "translateX(-" + text.offsetWidth + "px)";
+    text.style.transitionDuration = `${Math.round(distance / speed)}s`;
+    text.style.transform = `translateX(-${text.offsetWidth}px)`;
   }
 
-  (0, _ahooks.useTimeout)(function () {
+  (0, _ahooks.useTimeout)(() => {
     delayLockRef.current = false;
     start();
   }, props.delay);
-  (0, _useResizeEffect.useResizeEffect)(function (text) {
+  (0, _useResizeEffect.useResizeEffect)(text => {
     start();
   }, containerRef);
-  (0, _useMutationEffect.useMutationEffect)(function () {
+  (0, _useMutationEffect.useMutationEffect)(() => {
     start();
   }, textRef, {
     subtree: true,
@@ -90,24 +87,25 @@ var NoticeBar = /*#__PURE__*/(0, _react.memo)(function (p) {
     characterData: true
   });
   if (!visible) return null;
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + props.color)
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: classPrefix + "-left"
-  }, 'icon' in props ? props.icon : /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.SoundOutline, null)), /*#__PURE__*/_react["default"].createElement("span", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.color}`)
+  }, props.icon && _react.default.createElement("span", {
+    className: `${classPrefix}-left`
+  }, props.icon), _react.default.createElement("span", {
     ref: containerRef,
-    className: classPrefix + "-content"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    onTransitionEnd: function onTransitionEnd() {
+    className: `${classPrefix}-content`
+  }, _react.default.createElement("span", {
+    onTransitionEnd: () => {
       animatingRef.current = false;
       start();
     },
     ref: textRef,
-    className: classPrefix + "-content-inner"
-  }, props.content)), (props.closeable || props.extra) && /*#__PURE__*/_react["default"].createElement("span", {
-    className: classPrefix + "-right"
-  }, props.extra, props.closeable && /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CloseOutline, {
-    onClick: function onClick() {
+    className: `${classPrefix}-content-inner`
+  }, props.content)), (props.closeable || props.extra) && _react.default.createElement("span", {
+    className: `${classPrefix}-right`
+  }, props.extra, props.closeable && _react.default.createElement(_antdMobileIcons.CloseOutline, {
+    className: `${classPrefix}-close-icon`,
+    onClick: () => {
       var _a;
 
       setVisible(false);

package/cjs/components/number-keyboard/index.js

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

package/cjs/components/number-keyboard/number-keyboard.js

@@ -23,14 +23,14 @@ var _safeArea = _interopRequireDefault(require("../safe-area"));
 
 var _ahooks = require("ahooks");
 
-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 classPrefix = 'adm-number-keyboard';
-var defaultProps = {
+const classPrefix = 'adm-number-keyboard';
+const defaultProps = {
   defaultVisible: false,
   randomOrder: false,
   showCloseButton: true,
@@ -39,20 +39,22 @@ var defaultProps = {
   safeArea: true
 };
 
-var NumberKeyboard = function NumberKeyboard(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var visible = props.visible,
-      title = props.title,
-      getContainer = props.getContainer,
-      confirmText = props.confirmText,
-      customKey = props.customKey,
-      randomOrder = props.randomOrder,
-      showCloseButton = props.showCloseButton,
-      onInput = props.onInput;
-  var keyboardRef = (0, _react.useRef)(null);
-  var keys = (0, _react.useMemo)(function () {
-    var defaultKeys = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
-    var keyList = randomOrder ? (0, _shuffle.shuffle)(defaultKeys) : defaultKeys;
+const NumberKeyboard = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    visible,
+    title,
+    getContainer,
+    confirmText,
+    customKey,
+    randomOrder,
+    showCloseButton,
+    onInput
+  } = props;
+  const keyboardRef = (0, _react.useRef)(null);
+  const keys = (0, _react.useMemo)(() => {
+    const defaultKeys = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
+    const keyList = randomOrder ? (0, _shuffle.shuffle)(defaultKeys) : defaultKeys;
     keyList.push('0');
 
     if (confirmText) {
@@ -64,28 +66,28 @@ var NumberKeyboard = function NumberKeyboard(p) {
 
     return keyList;
   }, [customKey, confirmText, randomOrder, randomOrder && visible]);
-  var timeoutRef = (0, _react.useRef)(-1);
-  var intervalRef = (0, _react.useRef)(-1);
-  var onDelete = (0, _ahooks.useMemoizedFn)(function () {
+  const timeoutRef = (0, _react.useRef)(-1);
+  const intervalRef = (0, _react.useRef)(-1);
+  const onDelete = (0, _ahooks.useMemoizedFn)(() => {
     var _a;
 
     (_a = props.onDelete) === null || _a === void 0 ? void 0 : _a.call(props);
   });
 
-  var onBackspacePressStart = function onBackspacePressStart() {
-    timeoutRef.current = window.setTimeout(function () {
+  const onBackspacePressStart = () => {
+    timeoutRef.current = window.setTimeout(() => {
       onDelete();
       intervalRef.current = window.setInterval(onDelete, 150);
     }, 700);
   };
 
-  var onBackspacePressEnd = function onBackspacePressEnd() {
+  const onBackspacePressEnd = () => {
     clearTimeout(timeoutRef.current);
     clearInterval(intervalRef.current);
   }; // 点击键盘按键
 
 
-  var onKeyPress = function onKeyPress(e, key) {
+  const onKeyPress = (e, key) => {
     var _a, _b;
 
     e.preventDefault();
@@ -112,105 +114,99 @@ var NumberKeyboard = function NumberKeyboard(p) {
   }; // 渲染 title 和 close button
 
 
-  var renderHeader = function renderHeader() {
+  const renderHeader = () => {
     if (!showCloseButton && !title) return null;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])(classPrefix + "-header", {
+    return _react.default.createElement("div", {
+      className: (0, _classnames.default)(`${classPrefix}-header`, {
         'with-title': !!title
       })
-    }, title && /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-title"
-    }, title), showCloseButton && /*#__PURE__*/_react["default"].createElement("span", {
-      className: classPrefix + "-header-close-button",
-      onClick: function onClick() {
+    }, title && _react.default.createElement("div", {
+      className: `${classPrefix}-title`
+    }, title), showCloseButton && _react.default.createElement("span", {
+      className: `${classPrefix}-header-close-button`,
+      onClick: () => {
         var _a;
 
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
       },
       role: 'button',
       title: 'CLOSE'
-    }, /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.DownOutline, null)));
+    }, _react.default.createElement(_antdMobileIcons.DownOutline, null)));
   }; // 渲染基础键盘按键
 
 
-  var renderKey = function renderKey(key, index) {
-    var isNumberKey = /^\d$/.test(key);
-    var className = (0, _classnames["default"])(classPrefix + "-key", {
+  const renderKey = (key, index) => {
+    const isNumberKey = /^\d$/.test(key);
+    const className = (0, _classnames.default)(`${classPrefix}-key`, {
       'number-key': isNumberKey,
       'sign-key': !isNumberKey && key,
       'mid-key': index === 9 && !!confirmText
     });
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return _react.default.createElement("div", {
       key: key,
       className: className,
-      onTouchStart: function onTouchStart() {
+      onTouchStart: () => {
         if (key === 'BACKSPACE') {
           onBackspacePressStart();
         }
       },
-      onTouchEnd: function onTouchEnd(e) {
+      onTouchEnd: e => {
         onKeyPress(e, key);
 
         if (key === 'BACKSPACE') {
           onBackspacePressEnd();
         }
       },
-      onMouseUp: function onMouseUp(e) {
+      onMouseUp: e => {
         onKeyPress(e, key);
       },
       title: key,
       role: 'button'
-    }, key === 'BACKSPACE' ? /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.TextDeletionOutline, null) : key);
+    }, key === 'BACKSPACE' ? _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null) : key);
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+  return _react.default.createElement(_popup.default, {
     visible: visible,
     getContainer: getContainer,
     mask: false,
     afterClose: props.afterClose,
     afterShow: props.afterShow,
-    className: classPrefix + "-popup",
+    className: `${classPrefix}-popup`,
     stopPropagation: props.stopPropagation
-  }, (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: keyboardRef,
     className: classPrefix,
-    onMouseDown: function onMouseDown(e) {
+    onMouseDown: e => {
       e.preventDefault();
     }
-  }, renderHeader(), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix + "-main", {
+  }, renderHeader(), _react.default.createElement("div", {
+    className: `${classPrefix}-wrapper`
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)(`${classPrefix}-main`, {
       'confirmed-style': !!confirmText
     })
-  }, keys.map(renderKey)), !!confirmText && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-confirm"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-key extra-key bs-key",
-    onTouchStart: function onTouchStart() {
+  }, keys.map(renderKey)), !!confirmText && _react.default.createElement("div", {
+    className: `${classPrefix}-confirm`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-key extra-key bs-key`,
+    onTouchStart: () => {
       onBackspacePressStart();
     },
-    onTouchEnd: function onTouchEnd(e) {
+    onTouchEnd: e => {
       onKeyPress(e, 'BACKSPACE');
       onBackspacePressEnd();
     },
-    onMouseUp: function onMouseUp(e) {
-      return onKeyPress(e, 'BACKSPACE');
-    },
+    onMouseUp: e => onKeyPress(e, 'BACKSPACE'),
     title: 'BACKSPACE',
     role: 'button'
-  }, /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.TextDeletionOutline, null)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-key extra-key ok-key",
-    onTouchEnd: function onTouchEnd(e) {
-      return onKeyPress(e, 'OK');
-    },
-    onMouseUp: function onMouseUp(e) {
-      return onKeyPress(e, 'OK');
-    },
+  }, _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null)), _react.default.createElement("div", {
+    className: `${classPrefix}-key extra-key ok-key`,
+    onTouchEnd: e => onKeyPress(e, 'OK'),
+    onMouseUp: e => onKeyPress(e, 'OK'),
     role: 'button'
-  }, confirmText))), props.safeArea && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-footer"
-  }, /*#__PURE__*/_react["default"].createElement(_safeArea["default"], {
+  }, confirmText))), props.safeArea && _react.default.createElement("div", {
+    className: `${classPrefix}-footer`
+  }, _react.default.createElement(_safeArea.default, {
     position: 'bottom'
   })))));
 };