antd-mobile 5.10.2 → 5.11.0

package/bundle/antd-mobile.cjs.js

@@ -1241,7 +1241,7 @@ const base = {
   common: {
     confirm: "Confirm",
     cancel: "Cancel",
-    loading: "Loading..."
+    loading: "Loading"
   },
   Calendar: {
     markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
@@ -1325,6 +1325,9 @@ const base = {
   ImageUploader: {
     uploading: "Uploading..."
   },
+  InfiniteScroll: {
+    noMore: "No more"
+  },
   Mask: {
     name: "Mask"
   },
@@ -1343,7 +1346,7 @@ const zhCN = mergeLocale(base, {
   common: {
     confirm: "\u786E\u5B9A",
     cancel: "\u53D6\u6D88",
-    loading: "\u52A0\u8F7D\u4E2D\u2026\u2026"
+    loading: "\u52A0\u8F7D\u4E2D"
   },
   Calendar: {
     markItems: ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"],
@@ -1427,6 +1430,9 @@ const zhCN = mergeLocale(base, {
   ImageUploader: {
     uploading: "\u4E0A\u4F20\u4E2D..."
   },
+  InfiniteScroll: {
+    noMore: "\u6CA1\u6709\u66F4\u591A\u4E86"
+  },
   Mask: {
     name: "\u906E\u7F69\u5C42"
   },
@@ -1587,8 +1593,8 @@ function useTouch() {
     isHorizontal
   };
 }
-const overflowScrollReg = /scroll|auto|overlay/i;
 const defaultRoot = canUseDom ? window : void 0;
+const overflowStylePatterns = ["scroll", "auto", "overlay"];
 function isElement(node) {
   const ELEMENT_NODE_TYPE = 1;
   return node.nodeType === ELEMENT_NODE_TYPE;
@@ -1596,10 +1602,13 @@ function isElement(node) {
 function getScrollParent(el, root2 = defaultRoot) {
   let node = el;
   while (node && node !== root2 && isElement(node)) {
+    if (node === document.body) {
+      return root2;
+    }
     const {
       overflowY
     } = window.getComputedStyle(node);
-    if (overflowScrollReg.test(overflowY)) {
+    if (overflowStylePatterns.includes(overflowY)) {
       return node;
     }
     node = node.parentNode;
@@ -8436,29 +8445,52 @@ const DotLoading = React$1.memo((p) => {
     keyTimes: "0; 0.1; 0.3; 0.4; 1"
   }))))))))));
 });
+function isPromise(obj) {
+  return !!obj && typeof obj === "object" && typeof obj.then === "function";
+}
 const classPrefix$1d = `adm-button`;
 const defaultProps$W = {
   color: "default",
   fill: "solid",
   block: false,
   loading: false,
+  loadingIcon: React__default["default"].createElement(DotLoading, {
+    color: "currentColor"
+  }),
   type: "button",
   shape: "default",
   size: "middle"
 };
 const Button = React$1.forwardRef((p, ref) => {
   const props = mergeProps(defaultProps$W, p);
-  const disabled = props.disabled || props.loading;
+  const [innerLoading, setInnerLoading] = React$1.useState(false);
   const nativeButtonRef = React$1.useRef(null);
+  const loading = props.loading === "auto" ? innerLoading : props.loading;
+  const disabled = props.disabled || loading;
   React$1.useImperativeHandle(ref, () => ({
     get nativeElement() {
       return nativeButtonRef.current;
     }
   }));
+  const handleClick = (e) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (!props.onClick)
+      return;
+    const promise = props.onClick(e);
+    if (isPromise(promise)) {
+      try {
+        setInnerLoading(true);
+        yield promise;
+        setInnerLoading(false);
+      } catch (e2) {
+        setInnerLoading(false);
+        throw e2;
+      }
+    }
+  });
   return withNativeProps(props, React__default["default"].createElement("button", {
     ref: nativeButtonRef,
     type: props.type,
-    onClick: props.onClick,
+    onClick: handleClick,
     className: classNames__default["default"](classPrefix$1d, props.color ? `${classPrefix$1d}-${props.color}` : null, {
       [`${classPrefix$1d}-block`]: props.block,
       [`${classPrefix$1d}-disabled`]: disabled,
@@ -8467,14 +8499,12 @@ const Button = React$1.forwardRef((p, ref) => {
       [`${classPrefix$1d}-mini`]: props.size === "mini",
       [`${classPrefix$1d}-small`]: props.size === "small",
       [`${classPrefix$1d}-large`]: props.size === "large",
-      [`${classPrefix$1d}-loading`]: props.loading
+      [`${classPrefix$1d}-loading`]: loading
     }, `${classPrefix$1d}-shape-${props.shape}`),
     disabled
-  }, props.loading ? React__default["default"].createElement("div", {
+  }, loading ? React__default["default"].createElement("div", {
     className: `${classPrefix$1d}-loading-wrapper`
-  }, React__default["default"].createElement(DotLoading, {
-    color: "currentColor"
-  }), props.loadingText) : props.children));
+  }, props.loadingIcon, props.loadingText) : props.children));
 });
 var safeArea = "";
 const classPrefix$1c = "adm-safe-area";
@@ -8874,7 +8904,7 @@ const Calendar = React$1.forwardRef((p, ref) => {
       } else {
         page = pageOrPageGenerator;
       }
-      setCurrent(dayjs__default["default"]().year(page.year).month(page.month - 1));
+      setCurrent(dayjs__default["default"]().year(page.year).month(page.month - 1).date(1));
     },
     jumpToToday: () => {
       setCurrent(dayjs__default["default"]().date(1));
@@ -8905,6 +8935,8 @@ const Calendar = React$1.forwardRef((p, ref) => {
       setCurrent(current.add(1, "year"));
     }
   }, React__default["default"].createElement(ArrowLeftDouble, null)));
+  const maxDay = React$1.useMemo(() => props.max && dayjs__default["default"](props.max), [props.max]);
+  const minDay = React$1.useMemo(() => props.min && dayjs__default["default"](props.min), [props.min]);
   function renderCells() {
     var _a;
     const cells = [];
@@ -8924,9 +8956,10 @@ const Calendar = React$1.forwardRef((p, ref) => {
         isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
       }
       const inThisMonth = d.month() === current.month();
+      const disabled = !inThisMonth || maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React__default["default"].createElement("div", {
         key: d.valueOf(),
-        className: classNames__default["default"](`${classPrefix$17}-cell`, inThisMonth ? `${classPrefix$17}-cell-in` : `${classPrefix$17}-cell-out`, inThisMonth && {
+        className: classNames__default["default"](`${classPrefix$17}-cell`, disabled && `${classPrefix$17}-cell-disabled`, inThisMonth && {
           [`${classPrefix$17}-cell-today`]: d.isSame(today, "day"),
           [`${classPrefix$17}-cell-selected`]: isSelect,
           [`${classPrefix$17}-cell-selected-begin`]: isBegin,
@@ -8935,6 +8968,8 @@ const Calendar = React$1.forwardRef((p, ref) => {
         onClick: () => {
           if (!props.selectionMode)
             return;
+          if (disabled)
+            return;
           const date = d.toDate();
           if (!inThisMonth) {
             setCurrent(d.clone().date(1));
@@ -9631,7 +9666,7 @@ const Wheel = React$1.memo((props) => {
       return;
     onSelect(item.value);
   }
-  const bind = react.useDrag((state) => {
+  const handleDrag = (state) => {
     draggingRef.current = true;
     const min = -((column.length - 1) * itemHeight.current);
     const max = 0;
@@ -9646,13 +9681,30 @@ const Wheel = React$1.memo((props) => {
         y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
       });
     }
+  };
+  react.useDrag((state) => {
+    state.event.stopPropagation();
+    handleDrag(state);
   }, {
     axis: "y",
     from: () => [0, y2.get()],
     filterTaps: true,
     pointer: {
       touch: true
-    }
+    },
+    target: rootRef
+  });
+  react.useWheel((state) => {
+    state.event.stopPropagation();
+    handleDrag(state);
+  }, {
+    axis: "y",
+    from: () => [0, y2.get()],
+    preventDefault: true,
+    target: props.mouseWheel ? rootRef : void 0,
+    eventOptions: supportsPassive ? {
+      passive: false
+    } : false
   });
   let selectedIndex = null;
   function renderAccessible() {
@@ -9686,10 +9738,10 @@ const Wheel = React$1.memo((props) => {
       "aria-label": `\u9009\u62E9\u4E0B\u4E00\u9879\uFF1A${next.label}`
     }, "-")));
   }
-  return React__default["default"].createElement("div", Object.assign({
+  return React__default["default"].createElement("div", {
     ref: rootRef,
     className: `${classPrefix$13}-column`
-  }, bind()), React__default["default"].createElement(web.animated.div, {
+  }, React__default["default"].createElement(web.animated.div, {
     style: {
       translateY: y2
     },
@@ -9771,7 +9823,8 @@ const defaultRenderLabel$3 = (item) => item.label;
 const classPrefix$12 = `adm-picker-view`;
 const defaultProps$S = {
   defaultValue: [],
-  renderLabel: defaultRenderLabel$3
+  renderLabel: defaultRenderLabel$3,
+  mouseWheel: false
 };
 const PickerView = React$1.memo((p) => {
   const props = mergeProps(defaultProps$S, p);
@@ -9822,7 +9875,8 @@ const PickerView = React$1.memo((p) => {
     column,
     value: innerValue[index2],
     onSelect: handleSelect,
-    renderLabel: props.renderLabel
+    renderLabel: props.renderLabel,
+    mouseWheel: props.mouseWheel
   })), React__default["default"].createElement("div", {
     className: `${classPrefix$12}-mask`
   }, React__default["default"].createElement("div", {
@@ -9902,6 +9956,7 @@ const Picker$1 = React$1.memo((p) => {
     columns: props.columns,
     renderLabel: props.renderLabel,
     value: innerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }))));
   const popupElement = React__default["default"].createElement(Popup, {
@@ -11372,6 +11427,7 @@ const DatePicker = (p) => {
     value: pickerValue,
     onCancel: props.onCancel,
     onClose: props.onClose,
+    closeOnMaskClick: props.closeOnMaskClick,
     visible: props.visible,
     confirmText: props.confirmText,
     cancelText: props.cancelText,
@@ -11382,7 +11438,8 @@ const DatePicker = (p) => {
     afterClose: props.afterClose,
     onClick: props.onClick,
     title: props.title,
-    stopPropagation: props.stopPropagation
+    stopPropagation: props.stopPropagation,
+    mouseWheel: props.mouseWheel
   }, () => {
     var _a;
     return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, value);
@@ -11447,6 +11504,7 @@ const DatePickerView = (p) => {
   return withNativeProps(props, React__default["default"].createElement(PickerView, {
     columns: (selected) => generateDatePickerColumns(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
     value: pickerValue,
+    mouseWheel: props.mouseWheel,
     onChange
   }));
 };
@@ -11455,23 +11513,9 @@ const DialogActionButton = (props) => {
   const {
     action
   } = props;
-  const [loading, setLoading] = React$1.useState(false);
-  function handleClick() {
-    return tslib.__awaiter(this, void 0, void 0, function* () {
-      setLoading(true);
-      try {
-        const promise = props.onAction();
-        yield promise;
-        setLoading(false);
-      } catch (e) {
-        setLoading(false);
-        throw e;
-      }
-    });
-  }
   return withNativeProps(props.action, React__default["default"].createElement(Button, {
     key: action.key,
-    onClick: handleClick,
+    onClick: props.onAction,
     className: classNames__default["default"]("adm-dialog-button", {
       "adm-dialog-button-bold": action.bold
     }),
@@ -11479,7 +11523,7 @@ const DialogActionButton = (props) => {
     shape: "rectangular",
     block: true,
     color: action.danger ? "danger" : "primary",
-    loading,
+    loading: "auto",
     disabled: action.disabled
   }, action.text));
 };
@@ -12752,7 +12796,7 @@ const FloatingPanel = React$1.forwardRef((p, ref) => {
       tension: 300
     },
     onChange: (result2) => {
-      onHeightChange(result2.value.y, y2.isAnimating);
+      onHeightChange(-result2.value.y, y2.isAnimating);
     }
   }));
   react.useDrag((state) => {
@@ -12846,7 +12890,8 @@ const defaultFormContext = {
   name: void 0,
   hasFeedback: true,
   layout: "vertical",
-  requiredMarkStyle: "asterisk"
+  requiredMarkStyle: "asterisk",
+  disabled: false
 };
 const FormContext = React__default["default"].createContext(defaultFormContext);
 const NoStyleItemContext = React__default["default"].createContext(null);
@@ -12895,8 +12940,9 @@ const Form$1 = React$1.forwardRef((p, ref) => {
     layout,
     footer,
     mode,
+    disabled,
     requiredMarkStyle
-  } = props, formProps = tslib.__rest(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "requiredMarkStyle"]);
+  } = props, formProps = tslib.__rest(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "disabled", "requiredMarkStyle"]);
   const {
     locale
   } = useConfig();
@@ -12943,7 +12989,8 @@ const Form$1 = React$1.forwardRef((p, ref) => {
       name: formProps.name,
       hasFeedback,
       layout,
-      requiredMarkStyle
+      requiredMarkStyle,
+      disabled
     }
   }, lists), footer && React__default["default"].createElement("div", {
     className: `${classPrefix$K}-footer`
@@ -13095,7 +13142,9 @@ var Context = /* @__PURE__ */ React.createContext({
       registerField: warningFunc,
       useSubscribe: warningFunc,
       setInitialValues: warningFunc,
+      destroyForm: warningFunc,
       setCallbacks: warningFunc,
+      registerWatch: warningFunc,
       getFields: warningFunc,
       setValidateMessages: warningFunc,
       setPreserve: warningFunc,
@@ -13370,6 +13419,7 @@ const MemoInput = React__default["default"].memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
 const FormItemLayout = (props) => {
+  var _a;
   const {
     className,
     style,
@@ -13377,7 +13427,6 @@ const FormItemLayout = (props) => {
     label,
     help,
     required,
-    disabled,
     children,
     htmlFor,
     hidden,
@@ -13390,6 +13439,7 @@ const FormItemLayout = (props) => {
   } = useConfig();
   const hasFeedback = props.hasFeedback !== void 0 ? 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
@@ -13438,7 +13488,8 @@ const FormItemLayout = (props) => {
     extra,
     description,
     className: classNames__default["default"](classPrefix$H, className, `${classPrefix$H}-${layout}`, {
-      [`${classPrefix$H}-hidden`]: hidden
+      [`${classPrefix$H}-hidden`]: hidden,
+      [`${classPrefix$H}-has-error`]: props.errors.length
     }),
     disabled,
     onClick: props.onClick,
@@ -13625,7 +13676,8 @@ var Form = attachPropertiesToComponent(Form$1, {
   Subscribe: FormSubscribe,
   Header,
   Array: FormArray,
-  useForm: RcForm.useForm
+  useForm: RcForm.useForm,
+  useWatch: RcForm.useWatch
 });
 var grid = "";
 const classPrefix$G = `adm-grid`;
@@ -14467,7 +14519,10 @@ const classPrefix$w = `adm-infinite-scroll`;
 const InfiniteScrollContent = ({
   hasMore
 }) => {
-  return React__default["default"].createElement(React__default["default"].Fragment, null, hasMore ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", null, "\u52A0\u8F7D\u4E2D"), React__default["default"].createElement(DotLoading, null)) : React__default["default"].createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
+  const {
+    locale
+  } = useConfig();
+  return React__default["default"].createElement(React__default["default"].Fragment, null, hasMore ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", null, locale.common.loading), React__default["default"].createElement(DotLoading, null)) : React__default["default"].createElement("span", null, locale.InfiniteScroll.noMore));
 };
 const InfiniteScroll = (p) => {
   const props = mergeProps({
@@ -14528,7 +14583,8 @@ const InfiniteScroll = (p) => {
 var input = "";
 const classPrefix$v = `adm-input`;
 const defaultProps$r = {
-  defaultValue: ""
+  defaultValue: "",
+  onlyShowClearWhenFocus: true
 };
 const Input = React$1.forwardRef((p, ref) => {
   const props = mergeProps(defaultProps$r, p);
@@ -14577,6 +14633,15 @@ const Input = React$1.forwardRef((p, ref) => {
       setValue(nextValue);
     }
   }
+  const shouldShowClear = (() => {
+    if (!props.clearable || !value || props.readOnly)
+      return false;
+    if (props.onlyShowClearWhenFocus) {
+      return hasFocus;
+    } else {
+      return true;
+    }
+  })();
   return withNativeProps(props, React__default["default"].createElement("div", {
     className: classNames__default["default"](`${classPrefix$v}`, props.disabled && `${classPrefix$v}-disabled`)
   }, React__default["default"].createElement("input", {
@@ -14615,8 +14680,9 @@ const Input = React$1.forwardRef((p, ref) => {
     onKeyDown: handleKeydown,
     onKeyUp: props.onKeyUp,
     onCompositionStart: props.onCompositionStart,
-    onCompositionEnd: props.onCompositionEnd
-  }), props.clearable && !!value && !props.readOnly && hasFocus && React__default["default"].createElement("div", {
+    onCompositionEnd: props.onCompositionEnd,
+    onClick: props.onClick
+  }), shouldShowClear && React__default["default"].createElement("div", {
     className: `${classPrefix$v}-clear`,
     onMouseDown: (e) => {
       e.preventDefault();
@@ -14729,23 +14795,9 @@ const ModalActionButton = (props) => {
   const {
     action
   } = props;
-  const [loading, setLoading] = React$1.useState(false);
-  function handleClick() {
-    return tslib.__awaiter(this, void 0, void 0, function* () {
-      setLoading(true);
-      try {
-        const promise = props.onAction();
-        yield promise;
-        setLoading(false);
-      } catch (e) {
-        setLoading(false);
-        throw e;
-      }
-    });
-  }
   return withNativeProps(props.action, React__default["default"].createElement(Button, {
     key: action.key,
-    onClick: handleClick,
+    onClick: props.onAction,
     className: classNames__default["default"]("adm-modal-button", {
       "adm-modal-button-primary": props.action.primary
     }),
@@ -14753,7 +14805,7 @@ const ModalActionButton = (props) => {
     size: props.action.primary ? "large" : "middle",
     block: true,
     color: action.danger ? "danger" : "primary",
-    loading,
+    loading: "auto",
     disabled: action.disabled
   }, action.text));
 };
@@ -15408,7 +15460,7 @@ const classPrefix$m = `adm-pull-to-refresh`;
 const defaultProps$j = {
   pullingText: "\u4E0B\u62C9\u5237\u65B0",
   canReleaseText: "\u91CA\u653E\u7ACB\u5373\u5237\u65B0",
-  refreshingText: "\u52A0\u8F7D\u4E2D\u2026\u2026",
+  refreshingText: "\u52A0\u8F7D\u4E2D...",
   completeText: "\u5237\u65B0\u6210\u529F",
   completeDelay: 500,
   disabled: false,
@@ -15421,7 +15473,7 @@ const PullToRefresh = (p) => {
     locale
   } = useConfig();
   const props = mergeProps(defaultProps$j, {
-    refreshingText: locale.common.loading,
+    refreshingText: `${locale.common.loading}...`,
     pullingText: locale.PullToRefresh.pulling,
     canReleaseText: locale.PullToRefresh.canRelease,
     completeText: locale.PullToRefresh.complete
@@ -15730,6 +15782,7 @@ var searchBar = "";
 const classPrefix$i = `adm-search-bar`;
 const defaultProps$f = {
   clearable: true,
+  onlyShowClearWhenFocus: false,
   showCancelButton: false,
   defaultValue: "",
   clearOnCancel: true,
@@ -15809,6 +15862,7 @@ const SearchBar = React$1.forwardRef((p, ref) => {
     maxLength: props.maxLength,
     placeholder: props.placeholder,
     clearable: props.clearable,
+    onlyShowClearWhenFocus: props.onlyShowClearWhenFocus,
     onFocus: (e) => {
       var _a;
       setHasFocus(true);
@@ -17212,7 +17266,8 @@ const TextArea = React$1.forwardRef((p, ref) => {
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,
-    onBlur: props.onBlur
+    onBlur: props.onBlur,
+    onClick: props.onClick
   }), count));
 });
 TextArea.defaultProps = defaultProps$5;