antd-mobile 5.24.0 → 5.24.2

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

@@ -4,51 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormItem = void 0;
-
 var _tslib = require("tslib");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _rcFieldForm = require("rc-field-form");
-
 var _FieldContext = _interopRequireDefault(require("rc-field-form/lib/FieldContext"));
-
 var _devLog = require("../../utils/dev-log");
-
 var _context = require("./context");
-
 var _utils = require("./utils");
-
 var _list = _interopRequireDefault(require("../list"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _antdMobileIcons = require("antd-mobile-icons");
-
 var _configProvider = require("../config-provider");
-
 var _undefinedFallback = require("../../utils/undefined-fallback");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const NAME_SPLIT = '__SPLIT__';
 const classPrefix = `adm-form-item`;
-
 const MemoInput = _react.default.memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
-
 const FormItemLayout = props => {
   var _a;
-
   const {
     className,
     style,
@@ -69,36 +48,29 @@ const FormItemLayout = props => {
   const hasFeedback = props.hasFeedback !== undefined ? props.hasFeedback : context.hasFeedback;
   const layout = props.layout || context.layout;
   const disabled = (_a = props.disabled) !== null && _a !== void 0 ? _a : context.disabled;
-
   const requiredMark = (() => {
     const {
       requiredMarkStyle
     } = context;
-
     switch (requiredMarkStyle) {
       case 'asterisk':
         return required && _react.default.createElement("span", {
           className: `${classPrefix}-required-asterisk`
         }, "*");
-
       case 'text-required':
         return required && _react.default.createElement("span", {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.required, ")");
-
       case 'text-optional':
         return !required && _react.default.createElement("span", {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.optional, ")");
-
       case 'none':
         return null;
-
       default:
         return null;
     }
   })();
-
   const labelElement = label ? _react.default.createElement("label", {
     className: `${classPrefix}-label`,
     htmlFor: htmlFor
@@ -139,38 +111,37 @@ const FormItemLayout = props => {
     className: (0, _classnames.default)(`${classPrefix}-child-inner`)
   }, children))));
 };
-
 const FormItem = props => {
   const {
-    // 样式相关
-    className,
-    style,
-    // FormItem 相关
-    label,
-    help,
-    extra,
-    hasFeedback,
-    name,
-    required,
-    noStyle,
-    hidden,
-    layout,
-    childElementPosition,
-    description,
-    // Field 相关
-    disabled,
-    rules,
-    children,
-    messageVariables,
-    trigger = 'onChange',
-    validateTrigger = trigger,
-    onClick,
-    shouldUpdate,
-    dependencies,
-    clickable,
-    arrow
-  } = props,
-        fieldProps = (0, _tslib.__rest)(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
+      // 样式相关
+      className,
+      style,
+      // FormItem 相关
+      label,
+      help,
+      extra,
+      hasFeedback,
+      name,
+      required,
+      noStyle,
+      hidden,
+      layout,
+      childElementPosition,
+      description,
+      // Field 相关
+      disabled,
+      rules,
+      children,
+      messageVariables,
+      trigger = 'onChange',
+      validateTrigger = trigger,
+      onClick,
+      shouldUpdate,
+      dependencies,
+      clickable,
+      arrow
+    } = props,
+    fieldProps = (0, _tslib.__rest)(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
   const {
     name: formName
   } = (0, _react.useContext)(_context.FormContext);
@@ -186,46 +157,35 @@ const FormItem = props => {
     setSubMetas(prevSubMetas => {
       const nextSubMetas = Object.assign({}, prevSubMetas);
       const nameKey = namePath.join(NAME_SPLIT);
-
       if (subMeta.destroy) {
         delete nextSubMetas[nameKey];
       } else {
         nextSubMetas[nameKey] = subMeta;
       }
-
       return nextSubMetas;
     });
   }, [setSubMetas]);
-
   function renderLayout(baseChildren, fieldId, meta, isRequired) {
     var _a, _b;
-
     if (noStyle && !hidden) {
       return baseChildren;
     }
-
     const curErrors = (_a = meta === null || meta === void 0 ? void 0 : meta.errors) !== null && _a !== void 0 ? _a : [];
     const errors = Object.keys(subMetas).reduce((subErrors, key) => {
       var _a, _b;
-
       const errors = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.errors) !== null && _b !== void 0 ? _b : [];
-
       if (errors.length) {
         subErrors = [...subErrors, ...errors];
       }
-
       return subErrors;
     }, curErrors);
     const curWarnings = (_b = meta === null || meta === void 0 ? void 0 : meta.warnings) !== null && _b !== void 0 ? _b : [];
     const warnings = Object.keys(subMetas).reduce((subWarnings, key) => {
       var _a, _b;
-
       const warnings = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.warnings) !== null && _b !== void 0 ? _b : [];
-
       if (warnings.length) {
         subWarnings = [...subWarnings, ...warnings];
       }
-
       return subWarnings;
     }, curWarnings);
     return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(FormItemLayout, {
@@ -251,29 +211,22 @@ const FormItem = props => {
       value: onSubMetaChange
     }, baseChildren)));
   }
-
   const isRenderProps = typeof children === 'function';
-
   if (!name && !isRenderProps && !props.dependencies) {
     return renderLayout(children);
   }
-
   let Variables = {};
   Variables.label = typeof label === 'string' ? label : '';
-
   if (messageVariables) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);
   }
-
   const notifyParentMetaChange = (0, _react.useContext)(_context.NoStyleItemContext);
-
   const onMetaChange = meta => {
     if (noStyle && notifyParentMetaChange) {
       const namePath = meta.name;
       notifyParentMetaChange(meta, namePath);
     }
   };
-
   return _react.default.createElement(_rcFieldForm.Field, Object.assign({}, fieldProps, {
     name: name,
     shouldUpdate: shouldUpdate,
@@ -288,11 +241,9 @@ const FormItem = props => {
     const isRequired = required !== undefined ? required : rules && rules.some(rule => !!(rule && typeof rule === 'object' && rule.required));
     const nameList = (0, _utils.toArray)(name).length && meta ? meta.name : [];
     const fieldId = (nameList.length > 0 && formName ? [formName, ...nameList] : nameList).join('_');
-
     if (shouldUpdate && dependencies) {
       (0, _devLog.devWarning)('Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together.");
     }
-
     if (isRenderProps) {
       if ((shouldUpdate || dependencies) && !name) {
         childNode = children(context);
@@ -300,49 +251,40 @@ const FormItem = props => {
         if (!(shouldUpdate || dependencies)) {
           (0, _devLog.devWarning)('Form.Item', '`children` of render props only work with `shouldUpdate` or `dependencies`.');
         }
-
         if (name) {
           (0, _devLog.devWarning)('Form.Item', "Do not use `name` with `children` of render props since it's not a field.");
         }
-      } // not render props
-
+      }
+      // not render props
     } else if (dependencies && !name) {
       (0, _devLog.devWarning)('Form.Item', 'Must set `name` or use render props when `dependencies` is set.');
     } else if (_react.default.isValidElement(children)) {
       if (children.props.defaultValue) {
         (0, _devLog.devWarning)('Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
       }
-
       const childProps = Object.assign(Object.assign({}, children.props), control);
-
       if ((0, _utils.isSafeSetRefComponent)(children)) {
         childProps.ref = instance => {
           const originRef = children.ref;
-
           if (originRef) {
             if (typeof originRef === 'function') {
               originRef(instance);
             }
-
             if ('current' in originRef) {
               originRef.current = instance;
             }
           }
-
           widgetRef.current = instance;
         };
       }
-
       if (!childProps.id) {
         childProps.id = fieldId;
-      } // We should keep user origin event handler
-
-
+      }
+      // We should keep user origin event handler
       const triggers = new Set([...(0, _utils.toArray)(trigger), ...(0, _utils.toArray)(mergedValidateTrigger)]);
       triggers.forEach(eventName => {
         childProps[eventName] = (...args) => {
           var _a, _b, _c;
-
           (_a = control[eventName]) === null || _a === void 0 ? void 0 : _a.call(control, ...args);
           (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
         };
@@ -355,12 +297,9 @@ const FormItem = props => {
       if (name) {
         (0, _devLog.devWarning)('Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
       }
-
       childNode = children;
     }
-
     return renderLayout(childNode, fieldId, meta, isRequired);
   });
 };
-
 exports.FormItem = FormItem;

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Watcher = exports.FormSubscribe = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _rcFieldForm = require("rc-field-form");
-
 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 (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const FormSubscribe = props => {
   const update = (0, _ahooks.useUpdate)();
   const form = (0, _react.useContext)(_rcFieldForm.FieldContext);
@@ -27,7 +20,6 @@ const FormSubscribe = props => {
     onChange: update
   })));
 };
-
 exports.FormSubscribe = FormSubscribe;
 const Watcher = (0, _react.memo)(props => {
   const value = (0, _rcFieldForm.useWatch)(props.namePath, props.form);

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

@@ -4,53 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Form = void 0;
-
 var _tslib = require("tslib");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _list = _interopRequireDefault(require("../list"));
-
 var _rcFieldForm = _interopRequireDefault(require("rc-field-form"));
-
 var _context = require("./context");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _header = require("./header");
-
 var _configProvider = require("../config-provider");
-
 var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _formArray = require("./form-array");
-
 var _traverseReactNode = require("../../utils/traverse-react-node");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const classPrefix = 'adm-form';
 const defaultProps = _context.defaultFormContext;
 const Form = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
-    className,
-    style,
-    hasFeedback,
-    children,
-    layout,
-    footer,
-    mode,
-    disabled,
-    requiredMarkStyle
-  } = props,
-        formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "disabled", "requiredMarkStyle"]);
+      className,
+      style,
+      hasFeedback,
+      children,
+      layout,
+      footer,
+      mode,
+      disabled,
+      requiredMarkStyle
+    } = props,
+    formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "disabled", "requiredMarkStyle"]);
   const {
     locale
   } = (0, _configProvider.useConfig)();
@@ -59,7 +43,6 @@ const Form = (0, _react.forwardRef)((p, ref) => {
   let currentHeader = null;
   let items = [];
   let count = 0;
-
   function collect() {
     if (items.length === 0) return;
     count += 1;
@@ -70,7 +53,6 @@ const Form = (0, _react.forwardRef)((p, ref) => {
     }, items));
     items = [];
   }
-
   (0, _traverseReactNode.traverseReactNode)(props.children, child => {
     if (_react.default.isValidElement(child)) {
       if (child.type === _header.Header) {
@@ -78,14 +60,12 @@ const Form = (0, _react.forwardRef)((p, ref) => {
         currentHeader = child.props.children;
         return;
       }
-
       if (child.type === _formArray.FormArray) {
         collect();
         lists.push(child);
         return;
       }
     }
-
     items.push(child);
   });
   collect();

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

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Header = void 0;
-
 const Header = () => null;
-
 exports.Header = Header;

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./index.css");
-
 var _form = require("./form");
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _formItem = require("./form-item");
-
 var _header = require("./header");
-
 var _rcFieldForm = require("rc-field-form");
-
 var _formSubscribe = require("./form-subscribe");
-
 var _formArray = require("./form-array");
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
   Item: _formItem.FormItem,
   Subscribe: _formSubscribe.FormSubscribe,
@@ -29,5 +20,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_fo
   useForm: _rcFieldForm.useForm,
   useWatch: _rcFieldForm.useWatch
 });
-
 exports.default = _default;

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

@@ -5,25 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isSafeSetRefComponent = isSafeSetRefComponent;
 exports.toArray = toArray;
-
 var _reactIs = require("react-is");
-
 function toArray(candidate) {
   if (candidate === undefined || candidate === false) return [];
   return Array.isArray(candidate) ? candidate : [candidate];
-} // eslint-disable-next-line @typescript-eslint/ban-types
-
-
+}
+// eslint-disable-next-line @typescript-eslint/ban-types
 function shouldConstruct(Component) {
   const prototype = Component.prototype;
   return !!(prototype && prototype.isReactComponent);
-} // https://github.com/facebook/react/blob/ce13860281f833de8a3296b7a3dad9caced102e9/packages/react-reconciler/src/ReactFiber.new.js#L225
-
-
+}
+// https://github.com/facebook/react/blob/ce13860281f833de8a3296b7a3dad9caced102e9/packages/react-reconciler/src/ReactFiber.new.js#L225
 function isSimpleFunctionComponent(type) {
   return typeof type === 'function' && !shouldConstruct(type) && type.defaultProps === undefined;
 }
-
 function isSafeSetRefComponent(component) {
   if ((0, _reactIs.isFragment)(component)) return false;
   if ((0, _reactIs.isMemo)(component)) return isSafeSetRefComponent(component.type);

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridItem = exports.Grid = void 0;
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _toCssLength = require("../../utils/to-css-length");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-grid`;
-
 const Grid = props => {
   const style = {
     '--columns': props.columns.toString()
@@ -24,7 +17,6 @@ const Grid = props => {
   const {
     gap
   } = props;
-
   if (gap !== undefined) {
     if (Array.isArray(gap)) {
       style['--gap-horizontal'] = (0, _toCssLength.toCSSLength)(gap[0]);
@@ -33,15 +25,12 @@ const Grid = props => {
       style['--gap'] = (0, _toCssLength.toCSSLength)(gap);
     }
   }
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix,
     style: style
   }, props.children));
 };
-
 exports.Grid = Grid;
-
 const GridItem = p => {
   const props = (0, _withDefaultProps.mergeProps)({
     span: 1
@@ -55,5 +44,4 @@ const GridItem = p => {
     onClick: props.onClick
   }, props.children));
 };
-
 exports.GridItem = GridItem;

package/2x/cjs/components/grid/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./grid.css");
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _grid2 = require("./grid");
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_grid2.Grid, {
   Item: _grid2.GridItem
 });
-
 exports.default = _default;

package/2x/cjs/components/image/broken-image-icon.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BrokenImageIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BrokenImageIcon = () => _react.default.createElement("svg", {
   viewBox: '0 0 48 48',
   xmlns: 'http://www.w3.org/2000/svg'
@@ -17,5 +14,4 @@ const BrokenImageIcon = () => _react.default.createElement("svg", {
   fill: '#DBDBDB',
   fillRule: 'nonzero'
 }));
-
 exports.BrokenImageIcon = BrokenImageIcon;

package/2x/cjs/components/image/image-icon.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ImageIcon = () => _react.default.createElement("svg", {
   viewBox: '0 0 48 48',
   xmlns: 'http://www.w3.org/2000/svg'
@@ -17,5 +14,4 @@ const ImageIcon = () => _react.default.createElement("svg", {
   fill: '#DBDBDB',
   fillRule: 'nonzero'
 }));
-
 exports.ImageIcon = ImageIcon;