antd-mobile 5.0.0-rc.9 → 5.2.0

package/2x/cjs/components/form/form.d.ts

@@ -1,16 +1,17 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ListProps } from '../list';
-import type { FormProps as RcFormProps, FormInstance } from 'rc-field-form';
+import type { FormProps as RcFormProps, FormInstance as RCFormInstance } from 'rc-field-form';
 import { FormContextType } from './context';
 import type { FormLayout } from '.';
-export declare type FormProps = RcFormProps & NativeProps & Partial<FormContextType> & {
+export declare type FormInstance = Pick<RCFormInstance, 'getFieldValue' | 'getFieldsValue' | 'getFieldError' | 'getFieldsError' | 'isFieldTouched' | 'isFieldsTouched' | 'resetFields' | 'setFields' | 'setFieldsValue' | 'submit' | 'validateFields'>;
+export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'name' | 'preserve' | 'validateMessages' | 'validateTrigger' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange' | 'children'> & NativeProps<'--border-inner' | '--border-top' | '--border-bottom'> & Partial<FormContextType> & {
     footer?: ReactNode;
     layout?: FormLayout;
     mode?: ListProps['mode'];
 };
-export declare const Form: React.ForwardRefExoticComponent<RcFormProps<any> & NativeProps<never> & Partial<FormContextType> & {
+export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & NativeProps<"--border-inner" | "--border-top" | "--border-bottom"> & Partial<FormContextType> & {
     footer?: ReactNode;
     layout?: "horizontal" | "vertical" | undefined;
     mode?: ListProps['mode'];
-} & React.RefAttributes<FormInstance<any>>>;
+} & React.RefAttributes<Pick<RCFormInstance<any>, "submit" | "getFieldValue" | "getFieldsValue" | "getFieldError" | "getFieldsError" | "isFieldTouched" | "isFieldsTouched" | "resetFields" | "setFields" | "setFieldsValue" | "validateFields">>>;

package/2x/cjs/components/form/form.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Form = void 0;
 
+var _tslib = require("tslib");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -17,59 +19,68 @@ var _context = require("./context");
 
 var _withDefaultProps = require("../../utils/with-default-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 _header = require("./header");
 
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
+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); }
 
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
+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-form';
-var defaultProps = {
+const classPrefix = 'adm-form';
+const defaultProps = {
   hasFeedback: true,
   layout: 'vertical'
 };
-var Form = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var className = props.className,
-      style = props.style,
-      hasFeedback = props.hasFeedback,
-      children = props.children,
-      layout = props.layout,
-      footer = props.footer,
-      mode = props.mode,
-      formProps = __rest(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode"]);
-
-  return /*#__PURE__*/_react["default"].createElement(_rcFieldForm["default"], Object.assign({
-    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + layout, className),
+const Form = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    className,
+    style,
+    hasFeedback,
+    children,
+    layout,
+    footer,
+    mode
+  } = props,
+        formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode"]);
+  const lists = [];
+  let currentHeader = null;
+  let items = [];
+  let count = 0;
+
+  function collect() {
+    if (items.length === 0) return;
+    count += 1;
+    lists.push(_react.default.createElement(_list.default, {
+      header: currentHeader,
+      key: count,
+      mode: mode
+    }, items));
+    items = [];
+  }
+
+  _react.default.Children.forEach(props.children, (child, index) => {
+    if (_react.default.isValidElement(child) && child.type === _header.Header) {
+      collect();
+      currentHeader = child.props.children;
+    } else {
+      items.push(child);
+    }
+  });
+
+  collect();
+  return _react.default.createElement(_rcFieldForm.default, Object.assign({
+    className: (0, _classnames.default)(classPrefix, className),
     style: style,
     ref: ref
-  }, formProps), /*#__PURE__*/_react["default"].createElement(_list["default"], {
-    mode: mode,
-    style: {
-      '--prefix-width': '6em',
-      '--align-items': 'stretch'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_context.FormContext.Provider, {
+  }, formProps), _react.default.createElement(_context.FormContext.Provider, {
     value: {
       hasFeedback: hasFeedback,
-      layout: layout
+      layout
     }
-  }, children)), footer && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-footer"
+  }, lists), footer && _react.default.createElement("div", {
+    className: `${classPrefix}-footer`
   }, footer));
 });
 exports.Form = Form;

package/2x/cjs/components/form/header.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Header: FC;

package/2x/cjs/components/form/header.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = void 0;
+
+const Header = () => null;
+
+exports.Header = Header;

package/2x/cjs/components/form/index.css

@@ -1,9 +1,22 @@
-.adm-form .adm-list {
-  --padding-left: 40px;
+.adm-form {
+  --border-inner: solid 2px var(--adm-border-color);
+  --border-top: solid 2px var(--adm-border-color);
+  --border-bottom: solid 2px var(--adm-border-color);
+  ---border-inner: var(--border-inner);
+  ---border-top: var(--border-top);
+  ---border-bottom: var(--border-bottom);
+}
+
+.adm-form .adm-list.adm-list {
+  --padding-left: 32px;
+  --padding-right: 24px;
+  --border-inner: var(---border-inner);
+  --border-top: var(---border-top);
+  --border-bottom: var(---border-bottom);
 }
 
 .adm-form .adm-form-footer {
-  padding: 24px;
+  padding: 40px 24px;
 }
 
 .adm-form-item + .adm-form-item {
@@ -15,30 +28,47 @@
   height: 100%;
   line-height: 1.5;
   box-sizing: border-box;
-  color: #666;
   position: relative;
+  color: #666666;
 }
 
 .adm-form-item-label-required {
   position: absolute;
   left: -0.6em;
-  top: 0.2em;
+  top: 0;
+  font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
   user-select: none;
 }
 
+.adm-form-item-label-help {
+  margin-left: 8px;
+}
+
 .adm-form-item-footer {
   color: var(--adm-color-danger);
+  margin-top: 8px;
 }
 
 .adm-form-item.adm-form-item-hidden {
   display: none;
 }
 
-.adm-form-vertical .adm-form-item-label {
-  margin-bottom: 8px;
+.adm-form-item.adm-form-item-horizontal.adm-list-item {
+  --align-items: stretch;
+  --prefix-width: 6em;
 }
 
-.adm-form-vertical .adm-form-item-footer {
-  margin-top: 8px;
+.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
+  align-self: center;
+}
+
+.adm-form-item.adm-form-item-vertical .adm-form-item-label {
+  font-size: 30px;
+  margin-bottom: 8px;
 }

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

@@ -2,14 +2,18 @@
 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 { FormSubscribeProps } from './form-subscribe';
+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<"--border-inner" | "--border-top" | "--border-bottom"> & 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>;
+    Subscribe: import("react").VFC<import("./form-subscribe").FormSubscribeProps>;
+    Header: import("react").FC<{}>;
     useForm: typeof useForm;
 };
 export default _default;

package/2x/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,17 @@ var _attachPropertiesToComponent = require("../../utils/attach-properties-to-com
 
 var _formItem = require("./form-item");
 
+var _header = require("./header");
+
 var _rcFieldForm = require("rc-field-form");
 
+var _formSubscribe = require("./form-subscribe");
+
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
   Item: _formItem.FormItem,
+  Subscribe: _formSubscribe.FormSubscribe,
+  Header: _header.Header,
   useForm: _rcFieldForm.useForm
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/2x/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/2x/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/2x/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;
 }
 

package/2x/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/2x/cjs/components/image/image.js

@@ -19,63 +19,55 @@ var _toCssLength = require("../../utils/to-css-length");
 
 var _lazyDetector = require("./lazy-detector");
 
-var _ahooks = require("ahooks");
+var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
 
-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, _useIsomorphicUpdateLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
     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/2x/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/2x/cjs/components/image/lazy-detector.js

@@ -9,22 +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 _useInViewport = (0, _ahooks.useInViewport)(ref),
-      inViewport = _useInViewport[0];
-
-  (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/2x/cjs/components/image-uploader/image-uploader.css

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

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

@@ -19,9 +19,11 @@ 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;
+    showFailed?: boolean;
 } & NativeProps<'--cell-size'>;
 export declare const ImageUploader: FC<ImageUploaderProps>;