antd-mobile 5.0.0-rc.3 → 5.0.0-rc.7

package/cjs/components/date-picker-view/date-picker-view.js

@@ -58,7 +58,7 @@ var DatePickerView = function DatePickerView(p) {
   }, [props.onChange, props.precision]);
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement(_pickerView["default"], {
     columns: function columns(selected) {
-      return (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel);
+      return (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter);
     },
     value: pickerValue,
     onChange: onChange

package/cjs/components/date-picker-view/index.d.ts

@@ -1,3 +1,4 @@
 import { DatePickerView } from './date-picker-view';
 export type { DatePickerViewProps } from './date-picker-view';
+export type { DatePickerFilter } from '../date-picker';
 export default DatePickerView;

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

@@ -5,6 +5,7 @@ import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { NativeProps } from '../../utils/native-props';
 export declare type DialogProps = {
     afterClose?: () => void;
+    afterShow?: () => void;
     image?: string;
     header?: ReactNode;
     title?: ReactNode;

package/cjs/components/dialog/dialog.js

@@ -21,6 +21,8 @@ var _image = _interopRequireDefault(require("../image"));
 
 var _space = _interopRequireDefault(require("../space"));
 
+var _renderToContainer = require("../../utils/render-to-container");
+
 var _withStopPropagation = require("../../utils/with-stop-propagation");
 
 var _autoCenter = _interopRequireDefault(require("../auto-center"));
@@ -73,7 +75,8 @@ var defaultProps = {
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
-  stopPropagation: ['click']
+  stopPropagation: ['click'],
+  getContainer: null
 };
 
 var Dialog = function Dialog(p) {
@@ -92,13 +95,15 @@ var Dialog = function Dialog(p) {
       setActive(true);
     },
     onRest: function onRest() {
-      var _a;
+      var _a, _b;
 
       if (unmountedRef.current) return;
       setActive(props.visible);
 
-      if (!props.visible) {
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      if (props.visible) {
+        (_a = props.afterShow) === null || _a === void 0 ? void 0 : _a.call(props);
+      } else {
+        (_b = props.afterClose) === null || _b === void 0 ? void 0 : _b.call(props);
       }
     }
   });
@@ -107,14 +112,13 @@ var Dialog = function Dialog(p) {
       active = _useState[0],
       setActive = _useState[1];
 
-  return (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  var node = (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix,
     style: {
       display: active ? 'unset' : 'none'
     }
   }, /*#__PURE__*/_react["default"].createElement(_mask["default"], {
     visible: props.visible,
-    getContainer: props.getContainer,
     onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
     style: props.maskStyle,
     className: (0, _classnames["default"])(classPrefix + "-mask", props.maskClassName)
@@ -184,7 +188,8 @@ var Dialog = function Dialog(p) {
         }
       });
     }));
-  })))))));
+  }))))));
+  return (0, _renderToContainer.renderToContainer)(props.getContainer, (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, node));
 };
 
 exports.Dialog = Dialog;

package/cjs/components/dropdown/dropdown.css

@@ -15,26 +15,27 @@
   cursor: pointer;
 }
 .adm-dropdown-item .adm-dropdown-item-title {
+  display: flex;
+  align-items: center;
   position: relative;
   max-width: 100%;
   font-size: 13px;
   padding: 12px;
 }
-.adm-dropdown-item .adm-dropdown-item-title span {
-  display: block;
+.adm-dropdown-item .adm-dropdown-item-title-text {
+  margin-right: 5px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.adm-dropdown-item .adm-dropdown-item-title:after {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  margin-top: -5px;
-  border: 3px solid;
-  border-color: transparent transparent var(--adm-color-text) var(--adm-color-text);
-  transform: rotate(-45deg);
-  content: ' ';
+.adm-dropdown-item .adm-dropdown-item-title-arrow {
+  font-size: 8px;
+  width: 8px;
+  transform: rotate(0deg) translate(0, -1px);
+  transition: all ease 0.2s;
+}
+.adm-dropdown-item .adm-dropdown-item-title-arrow-active {
+  transform: rotate(180deg) translate(0, -1px);
 }
 .adm-dropdown-item .adm-dropdown-item-title:active {
   opacity: 0.7;

package/cjs/components/dropdown/dropdown.d.ts

@@ -5,6 +5,7 @@ export declare type DropdownProps = {
     defaultActiveKey?: string | null;
     closeOnMaskClick?: boolean;
     onChange?: (key: string | null) => void;
+    arrow?: React.ReactNode;
 } & NativeProps;
 export declare type DropdownRef = {
     close: () => void;
@@ -14,6 +15,7 @@ declare const Dropdown: React.ForwardRefExoticComponent<{
     defaultActiveKey?: string | null | undefined;
     closeOnMaskClick?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
+    arrow?: React.ReactNode;
 } & NativeProps<never> & {
     children?: React.ReactNode;
 } & React.RefAttributes<DropdownRef>>;

package/cjs/components/dropdown/dropdown.js

@@ -84,7 +84,8 @@ var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
         onClick: function onClick() {
           changeActive(child.key);
         },
-        active: child.key === value
+        active: child.key === value,
+        arrow: child.props.arrow === undefined ? props.arrow : child.props.arrow
       });
       items.push(child);
       if (child.props.forceRender) popupForceRender = true;

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

@@ -7,6 +7,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     defaultActiveKey?: string | null | undefined;
     closeOnMaskClick?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
+    arrow?: import("react").ReactNode;
 } & import("../../utils/native-props").NativeProps<never> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("./dropdown").DropdownRef>> & {

package/cjs/components/dropdown/item.d.ts

@@ -8,6 +8,7 @@ export declare type DropdownItemProps = {
     forceRender?: boolean;
     destroyOnClose?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    arrow?: React.ReactNode;
 } & NativeProps;
 declare const Item: FC<DropdownItemProps>;
 export default Item;

package/cjs/components/dropdown/item.js

@@ -13,12 +13,14 @@ var _nativeProps = require("../../utils/native-props");
 
 var _useShouldRender = require("../../utils/use-should-render");
 
+var _antdMobileIcons = require("antd-mobile-icons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var classPrefix = "adm-dropdown-item";
 
 var Item = function Item(props) {
-  var _classNames;
+  var _classNames, _classNames2;
 
   var cls = (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-active"] = props.active, _classNames[classPrefix + "-highlight"] = props.highlight, _classNames));
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
@@ -26,19 +28,23 @@ var Item = function Item(props) {
     onClick: props.onClick
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, props.title))));
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: classPrefix + "-title-text"
+  }, props.title), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(classPrefix + "-title-arrow", (_classNames2 = {}, _classNames2[classPrefix + "-title-arrow-active"] = props.active, _classNames2))
+  }, props.arrow === undefined ? /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.DownFill, null) : props.arrow))));
 };
 
 var _default = Item;
 exports["default"] = _default;
 
 var ItemChildrenWrap = function ItemChildrenWrap(props) {
-  var _classNames2;
+  var _classNames3;
 
   var _props$active = props.active,
       active = _props$active === void 0 ? false : _props$active;
   var shouldRender = (0, _useShouldRender.useShouldRender)(active, props.forceRender, props.destroyOnClose);
-  var cls = (0, _classnames["default"])(classPrefix + "-content", (_classNames2 = {}, _classNames2[classPrefix + "-content-hidden"] = !active, _classNames2));
+  var cls = (0, _classnames["default"])(classPrefix + "-content", (_classNames3 = {}, _classNames3[classPrefix + "-content-hidden"] = !active, _classNames3));
   return shouldRender ? /*#__PURE__*/_react["default"].createElement("div", {
     className: cls,
     onClick: props.onClick

package/cjs/components/form/form-item.css

@@ -18,7 +18,7 @@
 .adm-form-item-footer {
   color: var(--adm-color-danger);
 }
-.adm-form-item-hidden {
+.adm-form-item.adm-form-item-hidden {
   display: none;
 }
 .adm-form-vertical .adm-form-item-label {

package/cjs/components/form/index.css

@@ -24,7 +24,7 @@
 .adm-form-item-footer {
   color: var(--adm-color-danger);
 }
-.adm-form-item-hidden {
+.adm-form-item.adm-form-item-hidden {
   display: none;
 }
 .adm-form-vertical .adm-form-item-label {

package/cjs/components/image-uploader/image-uploader.d.ts

@@ -5,6 +5,7 @@ export interface ImageUploadItem {
     key?: string | number;
     url: string;
     thumbnailUrl?: string;
+    extra?: any;
 }
 export declare type ImageUploaderProps = {
     defaultValue?: ImageUploadItem[];

package/cjs/components/image-viewer/image-viewer.d.ts

@@ -1,5 +1,5 @@
-import { GetContainer } from '../../utils/render-to-container';
 import { FC } from 'react';
+import { GetContainer } from '../../utils/render-to-container';
 export declare type ImageViewerProps = {
     image?: string;
     maxZoom?: number;
@@ -15,9 +15,3 @@ export declare type MultiImageViewerProps = Omit<ImageViewerProps, 'image'> & {
     onIndexChange?: (index: number) => void;
 };
 export declare const MultiImageViewer: FC<MultiImageViewerProps>;
-export declare function showImageViewer(props: Omit<ImageViewerProps, 'visible'>): {
-    close: () => void;
-};
-export declare function showMultiImageViewer(props: Omit<MultiImageViewerProps, 'visible'>): {
-    close: () => void;
-};

package/cjs/components/image-viewer/image-viewer.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MultiImageViewer = exports.ImageViewer = void 0;
-exports.showImageViewer = showImageViewer;
-exports.showMultiImageViewer = showMultiImageViewer;
+
+var _react = _interopRequireDefault(require("react"));
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
@@ -17,14 +17,6 @@ var _slide = require("./slide");
 
 var _slides = require("./slides");
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _renderToBody = require("../../utils/render-to-body");
-
-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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var classPrefix = "adm-image-viewer";
@@ -87,94 +79,4 @@ var MultiImageViewer = function MultiImageViewer(p) {
   return (0, _renderToContainer.renderToContainer)(props.getContainer, node);
 };
 
-exports.MultiImageViewer = MultiImageViewer;
-
-function showImageViewer(props) {
-  var Wrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
-    var _useState = (0, _react.useState)(false),
-        visible = _useState[0],
-        setVisible = _useState[1];
-
-    (0, _react.useEffect)(function () {
-      setVisible(true);
-    }, []);
-    (0, _react.useImperativeHandle)(ref, function () {
-      return {
-        close: function close() {
-          setVisible(false);
-        }
-      };
-    });
-    return /*#__PURE__*/_react["default"].createElement(ImageViewer, Object.assign({}, props, {
-      visible: visible,
-      onClose: function onClose() {
-        var _a;
-
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        setVisible(false);
-      },
-      afterClose: function afterClose() {
-        var _a;
-
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        unmount();
-      }
-    }));
-  });
-  var ref = /*#__PURE__*/(0, _react.createRef)();
-  var unmount = (0, _renderToBody.renderToBody)( /*#__PURE__*/_react["default"].createElement(Wrapper, {
-    ref: ref
-  }));
-  return {
-    close: function close() {
-      var _a;
-
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-    }
-  };
-}
-
-function showMultiImageViewer(props) {
-  var Wrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
-    var _useState2 = (0, _react.useState)(false),
-        visible = _useState2[0],
-        setVisible = _useState2[1];
-
-    (0, _react.useEffect)(function () {
-      setVisible(true);
-    }, []);
-    (0, _react.useImperativeHandle)(ref, function () {
-      return {
-        close: function close() {
-          setVisible(false);
-        }
-      };
-    });
-    return /*#__PURE__*/_react["default"].createElement(MultiImageViewer, Object.assign({}, props, {
-      visible: visible,
-      onClose: function onClose() {
-        var _a;
-
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        setVisible(false);
-      },
-      afterClose: function afterClose() {
-        var _a;
-
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        unmount();
-      }
-    }));
-  });
-  var ref = /*#__PURE__*/(0, _react.createRef)();
-  var unmount = (0, _renderToBody.renderToBody)( /*#__PURE__*/_react["default"].createElement(Wrapper, {
-    ref: ref
-  }));
-  return {
-    close: function close() {
-      var _a;
-
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-    }
-  };
-}
+exports.MultiImageViewer = MultiImageViewer;

package/cjs/components/image-viewer/index.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import './image-viewer.less';
-import { showImageViewer, showMultiImageViewer } from './image-viewer';
+import { showMultiImageViewer, showImageViewer, clearImageViewer } from './methods';
 export type { ImageViewerProps, MultiImageViewerProps } from './image-viewer';
 declare const _default: import("react").FC<import("./image-viewer").ImageViewerProps> & {
     Multi: import("react").FC<import("./image-viewer").MultiImageViewerProps> & {
         show: typeof showMultiImageViewer;
     };
     show: typeof showImageViewer;
+    clear: typeof clearImageViewer;
 };
 export default _default;

package/cjs/components/image-viewer/index.js

@@ -11,13 +11,16 @@ var _attachPropertiesToComponent = require("../../utils/attach-properties-to-com
 
 var _imageViewer2 = require("./image-viewer");
 
+var _methods = require("./methods");
+
 var Multi = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_imageViewer2.MultiImageViewer, {
-  show: _imageViewer2.showMultiImageViewer
+  show: _methods.showMultiImageViewer
 });
 
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_imageViewer2.ImageViewer, {
   Multi: Multi,
-  show: _imageViewer2.showImageViewer
+  show: _methods.showImageViewer,
+  clear: _methods.clearImageViewer
 });
 
 exports["default"] = _default;

package/cjs/components/image-viewer/methods.d.ts

@@ -1 +1,8 @@
-
+import { ImageViewerProps, MultiImageViewerProps } from './image-viewer';
+export declare function showImageViewer(props: Omit<ImageViewerProps, 'visible'>): {
+    close: () => void;
+};
+export declare function showMultiImageViewer(props: Omit<MultiImageViewerProps, 'visible'>): {
+    close: () => void;
+};
+export declare function clearImageViewer(): void;

package/cjs/components/image-viewer/methods.js

@@ -1 +1,129 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearImageViewer = clearImageViewer;
+exports.showImageViewer = showImageViewer;
+exports.showMultiImageViewer = showMultiImageViewer;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _renderToBody = require("../../utils/render-to-body");
+
+var _imageViewer = require("./image-viewer");
+
+var _ahooks = require("ahooks");
+
+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 handlerSet = new Set();
+
+function showImageViewer(props) {
+  clearImageViewer();
+  var Wrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
+    var _useState = (0, _react.useState)(false),
+        visible = _useState[0],
+        setVisible = _useState[1];
+
+    (0, _react.useEffect)(function () {
+      setVisible(true);
+    }, []);
+    var isUnmountedRef = (0, _ahooks.useUnmountedRef)();
+    (0, _react.useImperativeHandle)(ref, function () {
+      return {
+        close: function close() {
+          if (isUnmountedRef.current) return;
+          setVisible(false);
+        }
+      };
+    });
+    return /*#__PURE__*/_react["default"].createElement(_imageViewer.ImageViewer, Object.assign({}, props, {
+      visible: visible,
+      onClose: function onClose() {
+        var _a;
+
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        setVisible(false);
+      },
+      afterClose: function afterClose() {
+        var _a;
+
+        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        unmount();
+      }
+    }));
+  });
+  var ref = /*#__PURE__*/(0, _react.createRef)();
+  var unmount = (0, _renderToBody.renderToBody)( /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    ref: ref
+  }));
+  var handler = {
+    close: function close() {
+      var _a;
+
+      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+    }
+  };
+  handlerSet.add(handler);
+  return handler;
+}
+
+function showMultiImageViewer(props) {
+  clearImageViewer();
+  var Wrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
+    var _useState2 = (0, _react.useState)(false),
+        visible = _useState2[0],
+        setVisible = _useState2[1];
+
+    (0, _react.useEffect)(function () {
+      setVisible(true);
+    }, []);
+    var isUnmountedRef = (0, _ahooks.useUnmountedRef)();
+    (0, _react.useImperativeHandle)(ref, function () {
+      return {
+        close: function close() {
+          if (isUnmountedRef.current) return;
+          setVisible(false);
+        }
+      };
+    });
+    return /*#__PURE__*/_react["default"].createElement(_imageViewer.MultiImageViewer, Object.assign({}, props, {
+      visible: visible,
+      onClose: function onClose() {
+        var _a;
+
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        setVisible(false);
+      },
+      afterClose: function afterClose() {
+        var _a;
+
+        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        unmount();
+      }
+    }));
+  });
+  var ref = /*#__PURE__*/(0, _react.createRef)();
+  var unmount = (0, _renderToBody.renderToBody)( /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    ref: ref
+  }));
+  var handler = {
+    close: function close() {
+      var _a;
+
+      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+    }
+  };
+  handlerSet.add(handler);
+  return handler;
+}
+
+function clearImageViewer() {
+  handlerSet.forEach(function (handler) {
+    handler.close();
+  });
+  handlerSet.clear();
+}

package/cjs/components/input/input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'max' | 'min' | 'autoComplete' | 'pattern' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'max' | 'min' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -19,7 +19,7 @@ export declare type InputRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "max" | "min" | "type" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "max" | "min" | "type" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;

package/cjs/components/list/list.css

@@ -10,9 +10,6 @@
   overflow: hidden;
   font-size: 17px;
 }
-.adm-list-inner {
-  margin-bottom: -1px;
-}
 .adm-list-default {
   border-top: var(--border-top);
   border-bottom: var(--border-bottom);
@@ -22,9 +19,13 @@
   border-radius: 8px;
 }
 .adm-list-item {
+  margin-bottom: -1px;
   display: block;
   padding-left: var(--padding-left);
 }
+.adm-list-item:not(:first-child) {
+  padding-top: 1px;
+}
 .adm-list-item-title,
 .adm-list-item-description {
   color: var(--adm-color-weak);

package/cjs/components/list/list.js

@@ -24,9 +24,7 @@ var List = function List(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.mode)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-inner"
-  }, props.children)));
+  }, props.children));
 };
 
 exports.List = List;

package/cjs/components/modal/alert.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from './index';
+import { ReactNode } from 'react';
+export declare type ModalAlertProps = Omit<ModalProps, 'visible' | 'closeOnAction' | 'actions'> & {
+    confirmText?: ReactNode;
+    onConfirm?: () => void | Promise<void>;
+};
+export declare function alert(p: ModalAlertProps): Promise<void>;

package/cjs/components/modal/alert.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alert = alert;
+
+var _show = require("./show");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _configProvider = require("../config-provider");
+
+function alert(p) {
+  var defaultProps = {
+    confirmText: (0, _configProvider.getDefaultConfig)().locale.Modal.ok
+  };
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return new Promise(function (resolve) {
+    (0, _show.show)(Object.assign(Object.assign({}, props), {
+      closeOnAction: true,
+      actions: [{
+        key: 'confirm',
+        text: props.confirmText,
+        primary: true
+      }],
+      onAction: props.onConfirm,
+      onClose: function onClose() {
+        resolve();
+      }
+    }));
+  });
+}