antd-mobile 5.33.2 → 5.35.0

package/cjs/components/swiper/swiper.js

@@ -43,37 +43,52 @@ const defaultProps = {
 let currentUid;
 const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    direction,
+    total,
+    children,
+    indicator
+  } = props;
   const [uid] = (0, _react.useState)({});
   const timeoutRef = (0, _react.useRef)(null);
-  const isVertical = props.direction === 'vertical';
+  const isVertical = direction === 'vertical';
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
   const {
     validChildren,
-    count
+    count,
+    renderChildren
   } = (0, _react.useMemo)(() => {
     let count = 0;
-    const validChildren = _react.default.Children.map(props.children, child => {
-      if (!_react.default.isValidElement(child)) return null;
-      if (child.type !== _swiperItem.SwiperItem) {
-        (0, _devLog.devWarning)('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
-        return null;
-      }
-      count++;
-      return child;
-    });
+    let renderChildren = undefined;
+    let validChildren = undefined;
+    if (typeof children === 'function') {
+      renderChildren = children;
+    } else {
+      validChildren = _react.default.Children.map(children, child => {
+        if (!_react.default.isValidElement(child)) return null;
+        if (child.type !== _swiperItem.SwiperItem) {
+          (0, _devLog.devWarning)('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
+          return null;
+        }
+        count++;
+        return child;
+      });
+    }
     return {
+      renderChildren,
       validChildren,
       count
     };
-  }, [props.children]);
-  if (count === 0 || !validChildren) {
+  }, [children]);
+  const mergedTotal = total !== null && total !== void 0 ? total : count;
+  if (mergedTotal === 0 || !validChildren && !renderChildren) {
     (0, _devLog.devWarning)('Swiper', '`Swiper` needs at least one child.');
     return null;
   }
   return () => {
     let loop = props.loop;
-    if (slideRatio * (count - 1) < 1) {
+    if (slideRatio * (mergedTotal - 1) < 1) {
       loop = false;
     }
     const trackRef = (0, _react.useRef)(null);
@@ -87,7 +102,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     const [dragging, setDragging, draggingRef] = (0, _useRefState.useRefState)(false);
     function boundIndex(current) {
       let min = 0;
-      let max = count - 1;
+      let max = mergedTotal - 1;
       if (props.stuckAtBoundary) {
         min += offsetRatio / slideRatio;
         max -= (1 - slideRatio - offsetRatio) / slideRatio;
@@ -106,7 +121,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         if (draggingRef.current) return;
         if (!loop) return;
         const rawX = position.get();
-        const totalWidth = 100 * count;
+        const totalWidth = 100 * mergedTotal;
         const standardPosition = modulus(rawX, totalWidth);
         if (standardPosition === rawX) return;
         api.start({
@@ -114,7 +129,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
           immediate: true
         });
       }
-    }), [count]);
+    }), [mergedTotal]);
     const dragCancelRef = (0, _react.useRef)(null);
     function forceCancelDrag() {
       var _a;
@@ -161,7 +176,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         if (loop) return {};
         const slidePixels = getSlidePixels();
         const lowerBound = boundIndex(0) * slidePixels;
-        const upperBound = boundIndex(count - 1) * slidePixels;
+        const upperBound = boundIndex(mergedTotal - 1) * slidePixels;
         return isVertical ? {
           top: lowerBound,
           bottom: upperBound
@@ -180,7 +195,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     function swipeTo(index, immediate = false) {
       var _a;
       const roundedIndex = Math.round(index);
-      const targetIndex = loop ? modulus(roundedIndex, count) : (0, _bound.bound)(roundedIndex, 0, count - 1);
+      const targetIndex = loop ? modulus(roundedIndex, mergedTotal) : (0, _bound.bound)(roundedIndex, 0, mergedTotal - 1);
       if (targetIndex !== getCurrent()) {
         (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, targetIndex);
       }
@@ -202,7 +217,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
       swipePrev
     }));
     (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-      const maxIndex = validChildren.length - 1;
+      const maxIndex = mergedTotal - 1;
       if (current > maxIndex) {
         swipeTo(maxIndex, true);
       }
@@ -223,43 +238,67 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
       return () => {
         if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
       };
-    }, [autoplay, autoplayInterval, dragging, count]);
+    }, [autoplay, autoplayInterval, dragging, mergedTotal]);
+    // ============================== Render ==============================
+    // Render Item
+    function renderItem(index, child) {
+      let itemStyle = {};
+      if (loop) {
+        itemStyle = {
+          [isVertical ? 'y' : 'x']: position.to(position => {
+            let finalPosition = -position + index * 100;
+            const totalWidth = mergedTotal * 100;
+            const flagWidth = totalWidth / 2;
+            finalPosition = modulus(finalPosition + flagWidth, totalWidth) - flagWidth;
+            return `${finalPosition}%`;
+          }),
+          [isVertical ? 'top' : 'left']: `-${index * 100}%`
+        };
+      }
+      return _react.default.createElement(_web.animated.div, {
+        className: (0, _classnames.default)(`${classPrefix}-slide`, {
+          [`${classPrefix}-slide-active`]: current === index
+        }),
+        style: itemStyle,
+        key: index
+      }, child);
+    }
+    function renderItems() {
+      if (renderChildren && total) {
+        const offsetCount = 2;
+        const startIndex = Math.max(current - offsetCount, 0);
+        const endIndex = Math.min(current + offsetCount, total - 1);
+        const items = [];
+        for (let index = startIndex; index <= endIndex; index += 1) {
+          items.push(renderItem(index, renderChildren(index)));
+        }
+        return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+          className: `${classPrefix}-slide-placeholder`,
+          style: {
+            width: `${startIndex * 100}%`
+          }
+        }), items);
+      }
+      return _react.default.Children.map(validChildren, (child, index) => {
+        return renderItem(index, child);
+      });
+    }
+    // Render Track Inner
     function renderTrackInner() {
       if (loop) {
         return _react.default.createElement("div", {
           className: `${classPrefix}-track-inner`
-        }, _react.default.Children.map(validChildren, (child, index) => {
-          return _react.default.createElement(_web.animated.div, {
-            className: (0, _classnames.default)(`${classPrefix}-slide`, {
-              [`${classPrefix}-slide-active`]: current === index
-            }),
-            style: {
-              [isVertical ? 'y' : 'x']: position.to(position => {
-                let finalPosition = -position + index * 100;
-                const totalWidth = count * 100;
-                const flagWidth = totalWidth / 2;
-                finalPosition = modulus(finalPosition + flagWidth, totalWidth) - flagWidth;
-                return `${finalPosition}%`;
-              }),
-              [isVertical ? 'top' : 'left']: `-${index * 100}%`
-            }
-          }, child);
-        }));
+        }, renderItems());
       } else {
         return _react.default.createElement(_web.animated.div, {
           className: `${classPrefix}-track-inner`,
           style: {
             [isVertical ? 'y' : 'x']: position.to(position => `${-position}%`)
           }
-        }, _react.default.Children.map(validChildren, (child, index) => {
-          return _react.default.createElement("div", {
-            className: (0, _classnames.default)(`${classPrefix}-slide`, {
-              [`${classPrefix}-slide-active`]: current === index
-            })
-          }, child);
-        }));
+        }, renderItems());
       }
     }
+    // Render
     const style = {
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
@@ -273,8 +312,20 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
       };
     }
     const mergedProps = (0, _withFuncProps.mergeFuncProps)(dragProps, stopPropagationProps);
+    let indicatorNode = null;
+    if (typeof indicator === 'function') {
+      indicatorNode = indicator(mergedTotal, current);
+    } else if (indicator !== false) {
+      indicatorNode = _react.default.createElement("div", {
+        className: `${classPrefix}-indicator`
+      }, _react.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
+        total: mergedTotal,
+        current: current,
+        direction: direction
+      })));
+    }
     return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-      className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.direction}`),
+      className: (0, _classnames.default)(classPrefix, `${classPrefix}-${direction}`),
       style: style
     }, _react.default.createElement("div", Object.assign({
       ref: trackRef,
@@ -287,13 +338,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
         }
         forceCancelDrag();
       }
-    }, mergedProps), renderTrackInner()), props.indicator === undefined ? _react.default.createElement("div", {
-      className: `${classPrefix}-indicator`
-    }, _react.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
-      total: count,
-      current: current,
-      direction: props.direction
-    }))) : props.indicator(count, current)));
+    }, mergedProps), renderTrackInner()), indicatorNode));
   };
 }));
 exports.Swiper = Swiper;

package/cjs/components/text-area/text-area.css

@@ -58,9 +58,6 @@
 .adm-text-area-element::-ms-clear {
   display: none;
 }
-.adm-text-area-element[readonly] {
-  pointer-events: none;
-}
 .adm-text-area-element-hidden {
   visibility: hidden;
   position: absolute;

package/cjs/global/css-vars-patch.css

@@ -48,12 +48,12 @@
     color: #00b578;
   }
   .adm-button-danger {
-    background-color: #00b578;
-    border-color: #00b578;
+    background-color: #ff3141;
+    border-color: #ff3141;
   }
   .adm-button-danger.adm-button-fill-outline,
   .adm-button-danger.adm-button-fill-none {
-    color: #00b578;
+    color: #ff3141;
   }
   .adm-button-warning {
     background-color: #ff8f1f;

package/cjs/index.d.ts

@@ -36,7 +36,7 @@ export { default as Checkbox } from './components/checkbox';
 export type { CheckboxProps, CheckboxGroupProps, CheckboxRef, } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
 export type { CollapseProps, CollapsePanelProps } from './components/collapse';
-export { default as ConfigProvider } from './components/config-provider';
+export { default as ConfigProvider, useConfig } from './components/config-provider';
 export type { ConfigProviderProps } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
 export type { DatePickerProps, DatePickerRef } from './components/date-picker';

package/cjs/index.js

@@ -519,6 +519,12 @@ Object.defineProperty(exports, "setDefaultConfig", {
     return _configProvider.setDefaultConfig;
   }
 });
+Object.defineProperty(exports, "useConfig", {
+  enumerable: true,
+  get: function () {
+    return _configProvider.useConfig;
+  }
+});
 require("./global");
 var _configProvider = _interopRequireWildcard(require("./components/config-provider"));
 var _actionSheet = _interopRequireDefault(require("./components/action-sheet"));

package/cjs/locales/hu-HU.d.ts

@@ -0,0 +1,139 @@
+export declare const huHU: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default huHU;

package/cjs/locales/hu-HU.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.huHU = exports.default = void 0;
+var _mergeLocale = require("../utils/merge-locale");
+var _base = require("./base");
+const typeTemplate = '${label} is not a valid ${type}';
+const huHU = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'hu',
+  common: {
+    confirm: 'Alkalmazás',
+    cancel: 'Visszavonás',
+    loading: 'Betöltés',
+    close: 'Bezárás'
+  },
+  Calendar: {
+    title: 'Dátum kiválasztása',
+    confirm: 'Alkalmazás',
+    today: 'ma',
+    markItems: ['Hét', 'Ked', 'Sze', 'Csü', 'Pén', 'Szo', 'Vas'],
+    yearAndMonth: '${year}-${month}'
+  },
+  Cascader: {
+    placeholder: 'Kiválasztás'
+  },
+  Dialog: {
+    ok: 'OK'
+  },
+  DatePicker: {
+    tillNow: 'Till Now'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Oopsz, valami hiba történt',
+      description: 'Kérjük, várjon egy percet, és próbálja újra'
+    },
+    busy: {
+      title: 'Oopsz, nem sikerült betölteni',
+      description: 'Próbálja meg frissíteni az oldalt'
+    },
+    disconnected: {
+      title: 'A hálózat elfoglalt',
+      description: 'Próbálja meg frissíteni az oldalt'
+    },
+    empty: {
+      title: "Hmm, nem találjuk amit keresel...",
+      description: 'Szeretnél új keresést indítani?'
+    }
+  },
+  Form: {
+    required: 'Kötelező',
+    optional: 'Opcionális',
+    defaultValidateMessages: {
+      default: 'Mező validációs hiba ${label}',
+      required: 'Mező kitöltése kötelező ${label}',
+      enum: '${label} tatroznia kell [${enum}]',
+      whitespace: '${label} nem lehet üres karakter',
+      date: {
+        format: '${label} dátum formátuma érvénytelen',
+        parse: '${label} nem alakítható dátummá',
+        invalid: '${label} nem érvényes dátum'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label} muszáj hogy ${len} karakter hosszú legyen',
+        min: '${label} muszáj hogy legalább ${min} karakter hosszú legyen',
+        max: '${label} muszáj hogy maximum ${max} karakter hosszú legyen',
+        range: '${label} muszáj hogy ${min}-${max} karakter hosszú legyen'
+      },
+      number: {
+        len: '${label} muszáj hogy ${len} legyen',
+        min: '${label} legalább ${min} legyen',
+        max: '${label} maximum ${max} lehet',
+        range: '${label} muszáj hogy ${min}-${max} között legyen'
+      },
+      array: {
+        len: 'Muszáj ${len} legyen ${label}',
+        min: 'Legalább ${min} ${label}',
+        max: 'Maximum ${max} ${label}',
+        range: '${label} értéke ${min}-${max} között kell legyen'
+      },
+      pattern: {
+        mismatch: '${label} nem hasonlít ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Feltöltés...',
+    upload: 'Feltöltés'
+  },
+  InfiniteScroll: {
+    noMore: 'Nincs több',
+    failedToLoad: 'Nem sikerült betölteni',
+    retry: 'Újra'
+  },
+  Input: {
+    clear: 'Törlés'
+  },
+  Mask: {
+    name: 'Maszk'
+  },
+  Modal: {
+    ok: 'OK'
+  },
+  PasscodeInput: {
+    name: 'PIN-kód'
+  },
+  PullToRefresh: {
+    pulling: 'Görgessen le a frissítéshez',
+    canRelease: 'Engedje el az azonnalli frissítéshez',
+    complete: 'Sikeresen frissítve'
+  },
+  SearchBar: {
+    name: 'Keresés'
+  },
+  Slider: {
+    name: 'Csúszka'
+  },
+  Stepper: {
+    decrease: 'csökkentés',
+    increase: 'növelés'
+  },
+  Switch: {
+    name: 'Kapcsoló'
+  },
+  Selector: {
+    name: 'Kiválasztás'
+  }
+});
+exports.huHU = huHU;
+var _default = huHU;
+exports.default = _default;