@nutui/nutui-react-taro 2.3.11 → 2.4.0

package/dist/esm/formitem.taro-Brz5dj_8.js

@@ -0,0 +1,330 @@
+import React__default, { createContext, useRef } from "react";
+import { C as Cell } from "./cell.taro-CCnLF6RC.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
+import Schema from "async-validator";
+const Context = createContext({});
+const SECRET = "NUT_FORM_INTERNAL";
+class FormStore {
+  constructor() {
+    this.initialValues = {};
+    this.updateList = [];
+    this.store = {};
+    this.fieldEntities = [];
+    this.callbacks = {};
+    this.errors = {};
+    this.registerField = (field) => {
+      this.fieldEntities.push(field);
+      return () => {
+        this.fieldEntities = this.fieldEntities.filter((item) => item !== field);
+        if (this.store) {
+          delete this.store[field.props.name];
+        }
+      };
+    };
+    this.getFieldValue = (name) => {
+      var _a;
+      return (_a = this.store) === null || _a === void 0 ? void 0 : _a[name];
+    };
+    this.getFieldsValue = (nameList) => {
+      if (typeof nameList === "boolean") {
+        return JSON.parse(JSON.stringify(this.store));
+      }
+      const fieldsValue = {};
+      nameList.forEach((field) => {
+        fieldsValue[field] = this.getFieldValue(field);
+      });
+      return fieldsValue;
+    };
+    this.setInitialValues = (values, init) => {
+      if (init) {
+        this.initialValues = values;
+        this.store = values;
+      }
+    };
+    this.setFieldsValue = (newStore) => {
+      this.store = Object.assign(Object.assign({}, this.store), newStore);
+      this.fieldEntities.forEach((entity) => {
+        const { name } = entity.props;
+        Object.keys(newStore).forEach((key) => {
+          if (key === name) {
+            entity.onStoreChange("update");
+          }
+        });
+      });
+      this.updateList.forEach((item) => {
+        let shouldUpdate = item.condition;
+        if (typeof item.condition === "function") {
+          shouldUpdate = item.condition();
+        }
+        if (shouldUpdate) {
+          item.entity.onStoreChange("update");
+        }
+      });
+    };
+    this.setCallback = (callback) => {
+      this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
+    };
+    this.validateEntities = (entity, errs) => __awaiter(this, void 0, void 0, function* () {
+      var _a;
+      const { name, rules = [] } = entity.props;
+      const descriptor = {};
+      if (rules.length) {
+        if (rules.length > 1) {
+          descriptor[name] = [];
+          rules.forEach((v) => {
+            descriptor[name].push(v);
+          });
+        } else {
+          descriptor[name] = rules[0];
+        }
+      }
+      const validator = new Schema(descriptor);
+      try {
+        yield validator.validate({ [name]: (_a = this.store) === null || _a === void 0 ? void 0 : _a[name] });
+      } catch ({ errors }) {
+        if (errors) {
+          errs.push(...errors);
+          this.errors[name] = errors;
+        }
+      } finally {
+        if (!errs || errs.length === 0) {
+          this.errors[name] = [];
+        }
+      }
+      entity.onStoreChange("validate");
+    });
+    this.validateFields = (nameList) => __awaiter(this, void 0, void 0, function* () {
+      let filterEntities = [];
+      this.errors.length = 0;
+      if (!nameList || nameList.length === 0) {
+        filterEntities = this.fieldEntities;
+      } else {
+        filterEntities = this.fieldEntities.filter(({ props: { name } }) => nameList.includes(name));
+      }
+      const errs = [];
+      yield Promise.all(filterEntities.map((entity) => __awaiter(this, void 0, void 0, function* () {
+        yield this.validateEntities(entity, errs);
+      })));
+      return errs;
+    });
+    this.submit = () => __awaiter(this, void 0, void 0, function* () {
+      var _b, _c, _d, _e;
+      const errors = yield this.validateFields();
+      if (errors.length === 0) {
+        (_c = (_b = this.callbacks).onFinish) === null || _c === void 0 ? void 0 : _c.call(_b, this.store);
+      } else if (errors.length > 0) {
+        (_e = (_d = this.callbacks).onFinishFailed) === null || _e === void 0 ? void 0 : _e.call(_d, this.store, errors);
+      }
+    });
+    this.resetFields = () => {
+      this.errors.length = 0;
+      this.store = this.initialValues;
+      this.fieldEntities.forEach((entity) => {
+        entity.onStoreChange("reset");
+      });
+    };
+    this.registerUpdate = (field, shouldUpdate) => {
+      this.updateList.push({
+        entity: field,
+        condition: shouldUpdate
+      });
+      return () => {
+        this.updateList = this.updateList.filter((i) => i.entity !== field);
+      };
+    };
+    this.dispatch = ({ name }) => {
+      this.validateFields([name]);
+    };
+    this.getInternal = (key) => {
+      if (key === SECRET) {
+        return {
+          registerField: this.registerField,
+          setCallback: this.setCallback,
+          setInitialValues: this.setInitialValues,
+          dispatch: this.dispatch,
+          store: this.store,
+          fieldEntities: this.fieldEntities,
+          registerUpdate: this.registerUpdate
+        };
+      }
+    };
+    this.getForm = () => {
+      return {
+        getFieldValue: this.getFieldValue,
+        getFieldsValue: this.getFieldsValue,
+        setFieldsValue: this.setFieldsValue,
+        resetFields: this.resetFields,
+        validateFields: this.validateFields,
+        submit: this.submit,
+        errors: this.errors,
+        getInternal: this.getInternal
+      };
+    };
+    this.callbacks = {
+      onFinish: () => {
+      },
+      onFinishFailed: () => {
+      }
+    };
+  }
+}
+const useForm = (form) => {
+  const formRef = useRef();
+  if (!formRef.current) {
+    if (form) {
+      formRef.current = form;
+    } else {
+      const formStore = new FormStore();
+      formRef.current = formStore.getForm();
+    }
+  }
+  return [formRef.current];
+};
+function isForwardRefComponent(component) {
+  return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
+  React__default.forwardRef(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    () => {
+    }
+  ).$$typeof === component.type.$$typeof;
+}
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { required: false, name: "", label: "", rules: [{ required: false, message: "" }], errorMessageAlign: "left", validateTrigger: "onChange", shouldUpdate: false, noStyle: false });
+class FormItem extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.getControlled = (children) => {
+      var _a;
+      const { setFieldsValue, getFieldValue } = this.context;
+      const { dispatch } = this.context.getInternal(SECRET);
+      const { name = "" } = this.props;
+      if ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.defaultValue) {
+        console.warn("通过 initialValue 设置初始值");
+      }
+      const fieldValue = getFieldValue(name);
+      const controlled = Object.assign(Object.assign({}, children.props), { [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue, [this.props.trigger || "onChange"]: (...args) => {
+        const originOnChange = children.props[this.props.trigger || "onChange"];
+        if (originOnChange) {
+          originOnChange(...args);
+        }
+        let [next] = args;
+        if (this.props.getValueFromEvent) {
+          next = this.props.getValueFromEvent(...args);
+        }
+        setFieldsValue({ [name]: next });
+      } });
+      const { validateTrigger } = this.props;
+      let validateTriggers = [this.props.trigger || "onChange"];
+      if (validateTrigger) {
+        validateTriggers = typeof validateTrigger === "string" ? [validateTrigger] : [...validateTrigger];
+        validateTriggers.forEach((trigger) => {
+          const originTrigger = controlled[trigger];
+          controlled[trigger] = (...args) => {
+            if (originTrigger) {
+              originTrigger(...args);
+            }
+            if (this.props.rules && this.props.rules.length) {
+              dispatch({
+                name: this.props.name
+              });
+            }
+          };
+        });
+      }
+      if (isForwardRefComponent(children)) {
+        controlled.ref = (componentInstance) => {
+          const originRef = children.ref;
+          if (originRef) {
+            if (typeof originRef === "function") {
+              originRef(componentInstance);
+            }
+            if ("current" in originRef) {
+              originRef.current = componentInstance;
+            }
+          }
+          this.componentRef = componentInstance;
+        };
+      }
+      return controlled;
+    };
+    this.refresh = () => {
+      this.setState(({ resetCount }) => ({
+        resetCount: resetCount + 1
+      }));
+    };
+    this.onStoreChange = (type) => {
+      if (type === "reset") {
+        this.context.errors[this.props.name] = [];
+        this.refresh();
+      } else {
+        this.forceUpdate();
+      }
+    };
+    this.renderLayout = (childNode) => {
+      var _a;
+      const { label, name, required, rules, className, style, errorMessageAlign } = Object.assign(Object.assign({}, defaultProps), this.props);
+      const requiredInRules = rules === null || rules === void 0 ? void 0 : rules.some((rule) => rule.required);
+      const item = name ? this.context.errors[name] : [];
+      const { starPosition } = this.context;
+      const renderStar = (required || requiredInRules) && React__default.createElement("i", { className: "required" });
+      const renderLabel = React__default.createElement(
+        React__default.Fragment,
+        null,
+        starPosition === "left" ? renderStar : null,
+        label,
+        starPosition === "right" ? renderStar : null
+      );
+      return React__default.createElement(
+        Cell,
+        { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
+        label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
+        React__default.createElement(
+          "div",
+          { className: "nut-cell-value nut-form-item-body" },
+          React__default.createElement("div", { className: "nut-form-item-body-slots" }, childNode),
+          React__default.createElement("div", { className: "nut-form-item-body-tips", style: {
+            textAlign: errorMessageAlign,
+            display: (item === null || item === void 0 ? void 0 : item.length) ? "initial" : "none"
+          } }, (_a = item === null || item === void 0 ? void 0 : item[0]) === null || _a === void 0 ? void 0 : _a.message)
+        )
+      );
+    };
+    this.componentRef = React__default.createRef();
+    this.state = {
+      resetCount: 1
+    };
+  }
+  componentDidMount() {
+    const { registerField, registerUpdate } = this.context.getInternal(SECRET);
+    this.cancelRegister = registerField(this);
+    this.eventOff = registerUpdate(this, this.props.shouldUpdate);
+  }
+  componentWillUnmount() {
+    if (this.cancelRegister) {
+      this.cancelRegister();
+    }
+    if (this.eventOff) {
+      this.eventOff();
+    }
+  }
+  render() {
+    const { children } = this.props;
+    const child = Array.isArray(children) ? children[0] : children;
+    let returnChildNode;
+    if (!this.props.shouldUpdate) {
+      returnChildNode = React__default.cloneElement(child, this.getControlled(child));
+    } else {
+      returnChildNode = child(this.context);
+    }
+    return React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
+  }
+}
+FormItem.defaultProps = defaultProps;
+FormItem.contextType = Context;
+export {
+  Context as C,
+  FormItem as F,
+  SECRET as S,
+  useForm as u
+};

package/dist/esm/{get-rect-by-taro-piSHvCGp.js → get-rect-by-taro-CSN0TGnD.js}

@@ -1,3 +1,4 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import { createSelectorQuery } from "@tarojs/taro";
 const inBrowser = typeof document !== "undefined" && !!document.scripts;
 function isWindow(val) {
@@ -39,7 +40,7 @@ function makeRect(width, height) {
     height
   };
 }
-const getRectByTaro = async (element) => {
+const getRectByTaro = (element) => __awaiter(void 0, void 0, void 0, function* () {
   if (element) {
     if (inBrowser) {
       return Promise.resolve(getRect(element));
@@ -51,7 +52,7 @@ const getRectByTaro = async (element) => {
     });
   }
   return Promise.resolve(makeRect(0, 0));
-};
+});
 export {
   getRect as a,
   getRectByTaro as g

package/dist/esm/{grid.taro-3X-_AhXw.js → grid.taro-BA76RrgT.js}

@@ -1,7 +1,8 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
 import classNames from "classnames";
-import { a as GridContext, G as GridItem } from "./griditem.taro-TJDJVeQy.js";
-import { p as pxCheck } from "./px-check-JiWLYN2v.js";
+import { a as GridContext, G as GridItem } from "./griditem.taro-JLddv9zD.js";
+import { p as pxCheck } from "./px-check-D1Xbd9pj.js";
 const defaultProps = {
   columns: 4,
   gap: 0,
@@ -11,7 +12,7 @@ const defaultProps = {
   direction: "vertical"
 };
 const Grid = (props) => {
-  const { children, columns, gap, center, square, reverse, direction, style, className, onClick, ...rest } = { ...defaultProps, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, columns, gap, center, square, reverse, direction, style, className, onClick } = _a, rest = __rest(_a, ["children", "columns", "gap", "center", "square", "reverse", "direction", "style", "className", "onClick"]);
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix = "nut-grid";
   const rootClass = () => {
@@ -31,7 +32,7 @@ const Grid = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: rootClass(), style: rootStyle(), ...rest },
+    Object.assign({ className: rootClass(), style: rootStyle() }, rest),
     React__default.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
       return React__default.cloneElement(item, {
         index: idex,

package/dist/esm/{griditem.taro-TJDJVeQy.js → griditem.taro-JLddv9zD.js}

@@ -1,7 +1,8 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { p as pxCheck } from "./px-check-JiWLYN2v.js";
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { p as pxCheck } from "./px-check-D1Xbd9pj.js";
 const gridContext = {
   onClick: (item, index) => {
   }
@@ -18,18 +19,12 @@ const defaultProps = {
 };
 const GridItem = (props) => {
   useConfig();
-  const { children, style, columns, index, gap, square, text, center, reverse, direction, className, onClick, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, style, columns, index, gap, square, text, center, reverse, direction, className, onClick } = _a, rest = __rest(_a, ["children", "style", "columns", "index", "gap", "square", "text", "center", "reverse", "direction", "className", "onClick"]);
   const classPrefix = "nut-grid-item";
   const classes = classNames(classPrefix, className);
   const context = useContext(GridContext);
   const rootStyle = () => {
-    const styles = {
-      flexBasis: `${100 / +columns}%`,
-      ...style
-    };
+    const styles = Object.assign({ flexBasis: `${100 / +columns}%` }, style);
     if (square) {
       styles.paddingTop = `${100 / +columns}%`;
     } else if (gap) {
@@ -65,7 +60,7 @@ const GridItem = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classes, style: rootStyle(), ...rest, onClick: handleClick },
+    Object.assign({ className: classes, style: rootStyle() }, rest, { onClick: handleClick }),
     React__default.createElement(
       "div",
       { className: contentClass() },

package/dist/esm/{image.taro-FfeikBlO.js → image.taro-BLz2WCva.js}

@@ -1,9 +1,10 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useCallback } from "react";
 import Taro from "@tarojs/taro";
 import { Image as Image$2 } from "@tarojs/components";
 import { ImageError, Image as Image$1 } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { p as pxCheck } from "./px-check-JiWLYN2v.js";
+import { p as pxCheck } from "./px-check-D1Xbd9pj.js";
 const defaultProps = {
   src: "",
   error: true,
@@ -11,7 +12,7 @@ const defaultProps = {
 };
 const Image = (props) => {
   const classPrefix = "nut-image";
-  const { className, style, src, width, height, radius, error, loading, onLoad, onError, ...rest } = { ...defaultProps, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, src, width, height, radius, error, loading, onLoad, onError } = _a, rest = __rest(_a, ["className", "style", "src", "width", "height", "radius", "error", "loading", "onLoad", "onError"]);
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e) => {
@@ -34,9 +35,7 @@ const Image = (props) => {
     overflow: radius !== void 0 && radius !== null ? "hidden" : "",
     borderRadius: radius !== void 0 && radius !== null ? pxCheck(radius) : ""
   };
-  const imgStyle = {
-    ...style
-  };
+  const imgStyle = Object.assign({}, style);
   const renderErrorImg = useCallback(() => {
     if (!isError)
       return null;
@@ -70,7 +69,7 @@ const Image = (props) => {
   return React__default.createElement(
     "div",
     { className: classNames(classPrefix, className), style: containerStyle },
-    React__default.createElement(Image$2, { ...rest, className: "nut-img", style: imgStyle, src, onLoad: (e) => handleLoad(e), onError: (e) => handleError(e) }),
+    React__default.createElement(Image$2, Object.assign({}, rest, { className: "nut-img", style: imgStyle, src, onLoad: (e) => handleLoad(e), onError: (e) => handleError(e) })),
     renderLoading(),
     renderErrorImg()
   );

package/dist/esm/{imagepreview.taro--fVrJUOE.js → imagepreview.taro-Bb1TkBCV.js}

@@ -3,30 +3,15 @@ import Taro from "@tarojs/taro";
 import { Video } from "@tarojs/components";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
-import { P as Popup } from "./popup.taro-ObEUml4r.js";
-import { I as Image } from "./image.taro-FfeikBlO.js";
+import { P as Popup } from "./popup.taro-Iy_WQZ-m.js";
+import { I as Image } from "./image.taro-BLz2WCva.js";
 import InnerSwiper from "./Swiper.js";
-import { S as SwiperItem } from "./swiperitem.taro-BC1CE0T-.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  images: [],
-  videos: [],
-  visible: false,
-  autoPlay: false,
-  defaultValue: 1,
-  closeOnContentClick: false,
-  indicator: false,
-  indicatorColor: "#fff",
-  closeIcon: false,
-  closeIconPosition: "top-right",
-  showMenuByLongpress: false,
-  onChange: (value) => {
-  },
-  onClose: () => {
-  }
-};
+import { S as SwiperItem } from "./swiperitem.taro-8JXI24f0.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { images: [], videos: [], visible: false, autoPlay: false, defaultValue: 1, closeOnContentClick: false, indicator: false, indicatorColor: "#fff", closeIcon: false, closeIconPosition: "top-right", showMenuByLongpress: false, onChange: (value) => {
+}, onClose: () => {
+} });
 const ImagePreview = (props) => {
   const { className, style, images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, showMenuByLongpress, onClose } = props;
   const classPrefix = "nut-imagepreview";
@@ -37,12 +22,12 @@ const ImagePreview = (props) => {
     finalValue: defaultValue,
     onChange: (val) => {
       var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, val);
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val);
     }
   });
   const [showPop, setShowPop] = useState(visible);
   const [active, setActive] = useState(0);
-  const [maxNo, setMaxNo] = useState((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+  const [maxNo, setMaxNo] = useState((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0));
   const [store, setStore] = useState({
     scale: 1,
     moveable: false
@@ -126,7 +111,7 @@ const ImagePreview = (props) => {
     setActive(innerNo);
   }, [innerNo]);
   useEffect(() => {
-    setMaxNo((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+    setMaxNo((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0));
   }, [images, videos]);
   const scaleNow = () => {
     if (ref.current) {
@@ -139,17 +124,14 @@ const ImagePreview = (props) => {
   const slideChangeEnd = (page) => {
     var _a;
     setActive(page + 1);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, page + 1);
+    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, page + 1);
   };
   const onCloseInner = () => {
     setShowPop(false);
     setActive(innerNo);
     scaleNow();
     onClose && onClose();
-    setStore({
-      ...store,
-      scale: 1
-    });
+    setStore(Object.assign(Object.assign({}, store), { scale: 1 }));
   };
   const closeOnImg = () => {
     if (closeOnContentClick) {

package/dist/esm/{indicator.taro-ZH6MICsS.js → indicator.taro-CpHZtD9p.js}

@@ -1,3 +1,4 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
 import classNames from "classnames";
 const defaultProps = {
@@ -7,10 +8,7 @@ const defaultProps = {
 };
 const classPrefix = `nut-indicator`;
 const Indicator = (props) => {
-  const { total, current, children, className, direction, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { total, current, children, className, direction } = _a, rest = __rest(_a, ["total", "current", "children", "className", "direction"]);
   const classes = classNames({
     [`${classPrefix}-vertical`]: direction === "vertical"
   });
@@ -21,7 +19,7 @@ const Indicator = (props) => {
     }
     return childs;
   };
-  return React__default.createElement("div", { className: classNames(classPrefix, classes, className), ...rest }, renderElement());
+  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix, classes, className) }, rest), renderElement());
 };
 Indicator.defaultProps = defaultProps;
 Indicator.displayName = "NutIndicator";

package/dist/esm/{infiniteloading.taro-BO0_y46K.js → infiniteloading.taro-Ccq4bEzk.js}

@@ -1,23 +1,15 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { ScrollView } from "@tarojs/components";
 import { createSelectorQuery } from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  hasMore: true,
-  threshold: 40,
-  target: "",
-  pullRefresh: false
-};
+import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { hasMore: true, threshold: 40, target: "", pullRefresh: false });
 const classPrefix = `nut-infiniteloading`;
 const InfiniteLoading = (props) => {
   const { locale } = useConfig();
-  const { children, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = {
-    ...defaultProps,
-    ...props
-  };
+  const { children, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = Object.assign(Object.assign({}, defaultProps), props);
   const [isInfiniting, setIsInfiniting] = useState(false);
   const [topDisScoll, setTopDisScoll] = useState(0);
   const refreshTop = useRef(null);
@@ -37,7 +29,8 @@ const InfiniteLoading = (props) => {
   const getScrollHeight = () => {
     const parentElement = getParentElement("scroller");
     parentElement.boundingClientRect((rect) => {
-      scrollHeight.current = (rect == null ? void 0 : rect.height) ?? 0;
+      var _a;
+      scrollHeight.current = (_a = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a !== void 0 ? _a : 0;
     }).exec();
   };
   const getStyle = () => {
@@ -59,20 +52,20 @@ const InfiniteLoading = (props) => {
   };
   const scrollAction = (e) => {
     var _a;
-    scrollTop.current = (_a = e.target) == null ? void 0 : _a.scrollTop;
+    scrollTop.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
     if (e.target.scrollTop <= 0) {
       e.target.scrollTop = 0;
     }
     onScroll && onScroll(e.target.scrollTop);
   };
-  const lower = async () => {
+  const lower = () => __awaiter(void 0, void 0, void 0, function* () {
     if (!hasMore || isInfiniting) {
       return false;
     }
     setIsInfiniting(true);
-    await (onLoadMore == null ? void 0 : onLoadMore());
+    yield onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
     infiniteDone();
-  };
+  });
   const touchStart = (event) => {
     if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
       y.current = event.touches[0].pageY;
@@ -94,16 +87,16 @@ const InfiniteLoading = (props) => {
       isTouching.current = false;
     }
   };
-  const touchEnd = async () => {
+  const touchEnd = () => __awaiter(void 0, void 0, void 0, function* () {
     if (distance.current < refreshMaxH.current) {
       distance.current = 0;
       setTopDisScoll(0);
       isTouching.current = false;
     } else {
-      await (onRefresh == null ? void 0 : onRefresh());
+      yield onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh();
       refreshDone();
     }
-  };
+  });
   return React__default.createElement(
     ScrollView,
     { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: "100%" }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },