antd-mobile 5.0.0-rc.6 → 5.0.0

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

@@ -2,14 +2,16 @@
 import './index.less';
 import { useForm } from 'rc-field-form';
 export declare type FormLayout = 'vertical' | 'horizontal';
-export type { FormProps } from './form';
-export type { FormInstance } from 'rc-field-form';
-declare const _default: import("react").ForwardRefExoticComponent<import("rc-field-form").FormProps<any> & import("../../utils/native-props").NativeProps<never> & Partial<import("./context").FormContextType> & {
+export type { FormProps, FormInstance } from './form';
+export type { FormItemProps } from './form-item';
+export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/interface';
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & import("../../utils/native-props").NativeProps<never> & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;
     layout?: "horizontal" | "vertical" | undefined;
     mode?: "default" | "card" | undefined;
-} & import("react").RefAttributes<import("rc-field-form").FormInstance<any>>> & {
+} & import("react").RefAttributes<Pick<import("rc-field-form").FormInstance<any>, "submit" | "getFieldValue" | "getFieldsValue" | "getFieldError" | "getFieldsError" | "isFieldTouched" | "isFieldsTouched" | "resetFields" | "setFields" | "setFieldsValue" | "validateFields">>> & {
     Item: import("react").FC<import("./form-item").FormItemProps>;
+    Header: import("react").FC<{}>;
     useForm: typeof useForm;
 };
 export default _default;

package/cjs/components/form/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./index.css");
 
@@ -13,11 +13,14 @@ var _attachPropertiesToComponent = require("../../utils/attach-properties-to-com
 
 var _formItem = require("./form-item");
 
+var _header = require("./header");
+
 var _rcFieldForm = require("rc-field-form");
 
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
   Item: _formItem.FormItem,
+  Header: _header.Header,
   useForm: _rcFieldForm.useForm
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/grid/grid.js

@@ -13,15 +13,17 @@ var _nativeProps = require("../../utils/native-props");
 
 var _toCssLength = require("../../utils/to-css-length");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-grid";
+const classPrefix = `adm-grid`;
 
-var Grid = function Grid(props) {
-  var style = {
+const Grid = props => {
+  const style = {
     '--columns': props.columns.toString()
   };
-  var gap = props.gap;
+  const {
+    gap
+  } = props;
 
   if (gap !== undefined) {
     if (Array.isArray(gap)) {
@@ -32,7 +34,7 @@ var Grid = function Grid(props) {
     }
   }
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix,
     style: style
   }, props.children));
@@ -40,15 +42,15 @@ var Grid = function Grid(props) {
 
 exports.Grid = Grid;
 
-var GridItem = function GridItem(p) {
-  var props = (0, _withDefaultProps.mergeProps)({
+const GridItem = p => {
+  const props = (0, _withDefaultProps.mergeProps)({
     span: 1
   }, p);
-  var itemStyle = {
+  const itemStyle = {
     '--item-span': props.span
   };
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-item",
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: `${classPrefix}-item`,
     style: itemStyle,
     onClick: props.onClick
   }, props.children));

package/cjs/components/grid/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./grid.css");
 
@@ -15,4 +15,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_gr
   Item: _grid2.GridItem
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/image/image.css

@@ -3,7 +3,7 @@
   --height: var(--adm-image-height, auto);
   width: var(--width);
   height: var(--height);
-  display: inline-block;
+  display: block;
   overflow: hidden;
 }
 .adm-image-img {

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

@@ -11,5 +11,6 @@ export declare type ImageProps = {
     lazy?: boolean;
     onClick?: (event: React.MouseEvent<HTMLImageElement, Event>) => void;
     onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
 } & NativeProps<'--width' | '--height'> & Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'crossOrigin' | 'decoding' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap'>;
 export declare const Image: React.FC<ImageProps>;

package/cjs/components/image/image.js

@@ -21,61 +21,53 @@ var _lazyDetector = require("./lazy-detector");
 
 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 _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-image";
-var defaultProps = {
+const classPrefix = `adm-image`;
+const defaultProps = {
   fit: 'fill',
-  placeholder: /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-tip"
-  }, /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.PictureOutline, null)),
-  fallback: /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-tip"
-  }, /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.PictureWrongOutline, null)),
+  placeholder: _react.default.createElement("div", {
+    className: `${classPrefix}-tip`
+  }, _react.default.createElement(_antdMobileIcons.PictureOutline, null)),
+  fallback: _react.default.createElement("div", {
+    className: `${classPrefix}-tip`
+  }, _react.default.createElement(_antdMobileIcons.PictureWrongOutline, null)),
   lazy: false
 };
-var Image = (0, _stagedComponents.staged)(function (p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var _useState = (0, _react.useState)(false),
-      loaded = _useState[0],
-      setLoaded = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      failed = _useState2[0],
-      setFailed = _useState2[1];
-
-  var ref = (0, _react.useRef)(null);
-  var src = props.src;
-  var srcSet = props.srcSet;
-
-  var _useState3 = (0, _react.useState)(!props.lazy),
-      initialized = _useState3[0],
-      setInitialized = _useState3[1];
-
+const Image = (0, _stagedComponents.staged)(p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [loaded, setLoaded] = (0, _react.useState)(false);
+  const [failed, setFailed] = (0, _react.useState)(false);
+  const ref = (0, _react.useRef)(null);
+  let src = props.src;
+  let srcSet = props.srcSet;
+  const [initialized, setInitialized] = (0, _react.useState)(!props.lazy);
   src = initialized ? props.src : undefined;
   srcSet = initialized ? props.srcSet : undefined;
-  (0, _ahooks.useUpdateLayoutEffect)(function () {
+  (0, _ahooks.useUpdateLayoutEffect)(() => {
     setLoaded(false);
     setFailed(false);
   }, [src]);
 
   function renderInner() {
     if (failed) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.fallback);
+      return _react.default.createElement(_react.default.Fragment, null, props.fallback);
     }
 
-    var img = /*#__PURE__*/_react["default"].createElement("img", {
-      className: classPrefix + "-img",
+    const img = _react.default.createElement("img", {
+      className: `${classPrefix}-img`,
       src: src,
       alt: props.alt,
       onClick: props.onClick,
-      onLoad: function onLoad() {
+      onLoad: e => {
+        var _a;
+
         setLoaded(true);
+        (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props, e);
       },
-      onError: function onError(e) {
+      onError: e => {
         var _a;
 
         setFailed(true);
@@ -94,10 +86,10 @@ var Image = (0, _stagedComponents.staged)(function (p) {
       useMap: props.useMap
     });
 
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !loaded && props.placeholder, img);
+    return _react.default.createElement(_react.default.Fragment, null, !loaded && props.placeholder, img);
   }
 
-  var style = {};
+  const style = {};
 
   if (props.width) {
     style['--width'] = (0, _toCssLength.toCSSLength)(props.width);
@@ -107,12 +99,12 @@ var Image = (0, _stagedComponents.staged)(function (p) {
     style['--height'] = (0, _toCssLength.toCSSLength)(props.height);
   }
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: ref,
     className: classPrefix,
     style: style
-  }, props.lazy && !initialized && /*#__PURE__*/_react["default"].createElement(_lazyDetector.LazyDetector, {
-    onActive: function onActive() {
+  }, props.lazy && !initialized && _react.default.createElement(_lazyDetector.LazyDetector, {
+    onActive: () => {
       setInitialized(true);
     }
   }), renderInner()));

package/cjs/components/image/index.js

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

package/cjs/components/image/lazy-detector.js

@@ -9,19 +9,19 @@ var _react = _interopRequireWildcard(require("react"));
 
 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 _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 LazyDetector = function LazyDetector(props) {
-  var ref = (0, _react.useRef)(null);
-  var inViewport = (0, _ahooks.useInViewport)(ref);
-  (0, _react.useEffect)(function () {
+const LazyDetector = props => {
+  const ref = (0, _react.useRef)(null);
+  const [inViewport] = (0, _ahooks.useInViewport)(ref);
+  (0, _react.useEffect)(() => {
     if (inViewport) {
       props.onActive();
     }
   }, [inViewport]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return _react.default.createElement("div", {
     ref: ref
   });
 };

package/cjs/components/image-uploader/image-uploader.css

@@ -47,7 +47,8 @@
   align-items: center;
   justify-content: center;
   height: 100%;
-  font-size: 16px;
+  box-sizing: border-box;
+  padding-top: 8px;
 }
 .adm-image-uploader-cell-mask-message {
   display: inline-block;

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

@@ -19,9 +19,10 @@ export declare type ImageUploaderProps = {
     showUpload?: boolean;
     deletable?: boolean;
     capture?: InputHTMLAttributes<unknown>['capture'];
-    onPreview?: (index: number) => void;
+    onPreview?: (index: number, item: ImageUploadItem) => void;
     beforeUpload?: (file: File[]) => Promise<File[]> | File[];
     upload: (file: File) => Promise<ImageUploadItem>;
     onDelete?: (item: ImageUploadItem) => boolean | Promise<boolean> | void;
+    preview?: boolean;
 } & NativeProps<'--cell-size'>;
 export declare const ImageUploader: FC<ImageUploaderProps>;