@nutui/nutui-react-taro 1.4.5 → 1.4.6-beta.1

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.5 Wed Feb 01 2023 15:25:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.6-beta.1 Wed Feb 08 2023 14:56:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -100,7 +100,13 @@
     className: ""
   };
   function pxCheck$3(value) {
-    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    if (value === "") {
+      return value;
+    }
+    if (Number.isNaN(Number(value))) {
+      return String(value);
+    }
+    return `${value}px`;
   }
   function Icon$1(props) {
     const {
@@ -132,15 +138,18 @@
         return { src: name };
       return {};
     };
+    const styles = {};
+    const checkedSize = pxCheck$3(size);
+    if (checkedSize) {
+      styles.width = styles.height = styles.fontSize = checkedSize;
+    }
     return React__default["default"].createElement(
       type,
       {
         className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
         style: {
           color,
-          fontSize: pxCheck$3(size),
-          width: pxCheck$3(size),
-          height: pxCheck$3(size),
+          ...styles,
           ...style
         },
         ...rest,
@@ -324,7 +333,7 @@
       onClick(event);
       const link = to2 || url;
       if (link) {
-        replace ? Taro__default["default"].redirectTo({ url: link }) : Taro__default["default"].navigateTo({ url: link });
+        replace ? Taro.redirectTo({ url: link }) : Taro.navigateTo({ url: link });
       }
     };
     const baseStyle = {
@@ -985,6 +994,11 @@
     })();
   })(classnames);
   var classNames = classnames.exports;
+  var index_cjs$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null
+  }, Symbol.toStringTag, { value: "Module" }));
+  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
+  var index_cjs = require$$0;
   const defaultOverlayProps = {
     zIndex: 2e3,
     duration: 0.3,
@@ -1004,6 +1018,7 @@
       visible,
       lockScroll,
       overlayStyle,
+      onClick,
       ...rest
     } = {
       ...defaultOverlayProps,
@@ -1045,9 +1060,9 @@
         document.body.classList.remove("nut-overflow-hidden");
       }
     };
-    const handleClick = (e2) => {
+    const handleClick = (event) => {
       if (closeOnClickOverlay) {
-        props.onClick && props.onClick(e2);
+        onClick && onClick(event);
         renderRef.current = false;
         const id = window.setTimeout(() => {
           setShow(!visible);
@@ -1055,10 +1070,11 @@
         intervalRef.current = id;
       }
     };
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(index_cjs.View, {
       className: classes,
       style: styles,
       ...rest,
+      catchMove: lockScroll,
       onClick: handleClick
     }, children));
   };
@@ -1545,8 +1561,6 @@
     },
     onClose: () => {
     },
-    onClick: (e2) => {
-    },
     onOpened: (e2) => {
     },
     onClosed: (e2) => {
@@ -1610,15 +1624,15 @@
     const classes = classNames(
       {
         round,
-        [`popup-${position}`]: true,
+        [`nut-popup-${position}`]: true,
         [`${popClass}`]: true,
         [`${className}`]: true
       },
       b2("")
     );
     const closeClasses = classNames({
-      "nutui-popup__close-icon": true,
-      [`nutui-popup__close-icon--${closeIconPosition}`]: true
+      "nut-popup__close-icon": true,
+      [`nut-popup__close-icon--${closeIconPosition}`]: true
     });
     const open = () => {
       if (!innerVisible) {
@@ -1710,7 +1724,7 @@
       !visible && close();
     }, [visible]);
     React.useEffect(() => {
-      setTransitionName(transition || `popup-slide-${position}`);
+      setTransitionName(transition || `nut-popup-slide-${position}`);
     }, [position]);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderToContainer(teleport, renderNode()));
   };
@@ -2058,34 +2072,173 @@
   };
   Row.defaultProps = defaultProps$1j;
   Row.displayName = "NutRow";
-  const defaultConfigRef = {
-    current: {
-      locale: zhCN
+  function useWatch(dep, callback, config2 = { immediate: false }) {
+    const { immediate } = config2;
+    const prev = React.useRef();
+    const inited = React.useRef(false);
+    const stop2 = React.useRef(false);
+    React.useEffect(() => {
+      const execute = () => callback(prev.current);
+      if (!stop2.current) {
+        if (!inited.current) {
+          inited.current = true;
+          if (immediate) {
+            execute();
+          }
+        } else {
+          execute();
+        }
+        prev.current = dep;
+      }
+    }, [dep]);
+    return () => {
+      stop2.current = true;
+    };
+  }
+  const getRectByTaro = async (element) => {
+    if (element) {
+      const res = await element.getBoundingClientRect();
+      return res;
     }
+    return Promise.resolve({});
   };
-  const getDefaultConfig = () => {
-    return defaultConfigRef.current;
-  };
-  const ConfigContext = React.createContext(null);
-  const useConfig = () => {
-    var _a;
-    return (_a = React.useContext(ConfigContext)) != null ? _a : getDefaultConfig();
+  const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
+  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;
+  }
+  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 (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+        return node;
+      }
+      node = node.parentNode;
+    }
+    return root2;
+  }
+  const defaultProps$1i = {
+    position: "top",
+    top: 0,
+    bottom: 0,
+    zIndex: 2e3
   };
-  const defaultProps$1i = {};
   const Sticky = (props) => {
-    useConfig();
-    ({ ...defaultProps$1i, ...props });
+    const {
+      position = "top",
+      top = 0,
+      bottom = 0,
+      zIndex = 2e3,
+      children,
+      container,
+      className,
+      onChange,
+      ...rest
+    } = props;
+    const stickyRef = React.useRef(null);
+    const rootRef = React.useRef(null);
+    const offset = position === "top" ? top : bottom;
+    const [rootRect, setRootRect] = React.useState({});
+    const [fixed, setFixed] = React.useState(false);
+    const [transform, setTransform] = React.useState(0);
+    useWatch(fixed, () => {
+      onChange && onChange(fixed);
+    });
+    const rootStyle = React.useMemo(() => {
+      if (!fixed) {
+        return {
+          height: "",
+          width: ""
+        };
+      }
+      const style = {};
+      if (rootRect.height) {
+        style.height = rootRect.height;
+      }
+      if (rootRect.width) {
+        style.width = rootRect.width;
+      }
+      return style;
+    }, [fixed, rootRect.height, rootRect.width]);
+    const stickyStyle = React.useMemo(() => {
+      if (!fixed) {
+        return {
+          height: "",
+          width: "",
+          [position]: ""
+        };
+      }
+      let style = {};
+      if (rootRect.height)
+        style.height = rootRect.height;
+      if (rootRect.width)
+        style.width = rootRect.width;
+      style.transform = `translate3d(0, ${transform}px, 0)`;
+      style[position] = offset;
+      style.zIndex = zIndex;
+      return style;
+    }, [fixed, rootRect.height, rootRect.width, transform, position]);
+    const handleScroll = async (scrollTop) => {
+      const curRootRect = await getRectByTaro(rootRef.current);
+      const stickyRect = await getRectByTaro(stickyRef.current);
+      if (curRootRect && stickyRect) {
+        setRootRect(curRootRect);
+        if (position === "top") {
+          if (container) {
+            const containerRect = await getRectByTaro(container.current);
+            const difference = containerRect.bottom - top - curRootRect.height;
+            const curTransform = difference < 0 ? difference : 0;
+            setTransform(curTransform);
+            const curFixed = top > curRootRect.top && containerRect.bottom > 0;
+            setFixed(curFixed);
+          } else {
+            setFixed(top > curRootRect.top);
+          }
+        } else {
+          const windowHeight = Taro.getSystemInfoSync().windowHeight;
+          setFixed(windowHeight - offset < curRootRect.bottom);
+        }
+      } else {
+        console.log("getRectByTaro\u83B7\u53D6\u5931\u8D25", { stickyRect, curRootRect });
+      }
+    };
+    const getElement = React.useCallback(() => {
+      return getScrollParent(rootRef.current);
+    }, []);
+    React.useEffect(() => {
+      if (Taro.getEnv() === "WEB" && getElement() !== window) {
+        window.addEventListener("touchmove", handleScroll, true);
+        window.addEventListener("scroll", handleScroll, true);
+        return () => {
+          window.removeEventListener("touchmove", handleScroll);
+          window.removeEventListener("scroll", handleScroll);
+        };
+      }
+    }, []);
+    Taro.usePageScroll((res) => {
+      if (Taro.getEnv() === "WEAPP") {
+        handleScroll(res.scrollTop);
+      }
+    });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: "nut-sticky"
-    }, "Sticky");
+      ref: rootRef,
+      style: rootStyle,
+      className: `nut-sticky ${className}`,
+      ...rest
+    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `nut-sticky-box ${fixed ? "nut-sticky-fixed" : ""}`,
+      ref: stickyRef,
+      style: stickyStyle
+    }, children));
   };
   Sticky.defaultProps = defaultProps$1i;
   Sticky.displayName = "NutSticky";
-  var index_cjs$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null
-  }, Symbol.toStringTag, { value: "Module" }));
-  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
-  var index_cjs = require$$0;
   const elevatorContext = React.createContext({});
   const defaultProps$1h = {
     height: "200px",
@@ -2153,7 +2306,7 @@
       let height2 = 0;
       state.current.listHeight.push(height2);
       for (let i = 0; i < state.current.listGroup.length; i++) {
-        const query = Taro__default["default"].createSelectorQuery();
+        const query = Taro.createSelectorQuery();
         query.selectAll(`.${className} .elevator__item__${i}`).boundingClientRect();
         query.exec((res) => {
           if (res[0][0])
@@ -2211,7 +2364,7 @@
     };
     const setListGroup = () => {
       if (listview.current) {
-        Taro__default["default"].createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
+        Taro.createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
           state.current.listGroup = [...Object.keys(el)];
           calculateHeight();
         }).exec();
@@ -2239,7 +2392,7 @@
     };
     React.useEffect(() => {
       if (listview.current) {
-        Taro__default["default"].nextTick(() => {
+        Taro.nextTick(() => {
           setListGroup();
         });
       }
@@ -3534,10 +3687,6 @@
     };
   }
   var requestAniFrame$1 = requestAniFrame();
-  const getRectByTaro = async (element) => {
-    const res = await element.getBoundingClientRect();
-    return res;
-  };
   const defaultProps$14 = {
     type: "one",
     isAutoBackFill: false,
@@ -6762,7 +6911,13 @@
     className: ""
   };
   function pxCheck(value) {
-    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    if (value === "") {
+      return value;
+    }
+    if (Number.isNaN(Number(value))) {
+      return String(value);
+    }
+    return `${value}px`;
   }
   function Icon(props) {
     const {
@@ -6794,15 +6949,18 @@
         return { src: name };
       return {};
     };
+    const styles = {};
+    const checkedSize = pxCheck(size);
+    if (checkedSize) {
+      styles.width = styles.height = styles.fontSize = checkedSize;
+    }
     return React__default["default"].createElement(
       type,
       {
         className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
         style: {
           color,
-          fontSize: pxCheck(size),
-          width: pxCheck(size),
-          height: pxCheck(size),
+          ...styles,
           ...style
         },
         ...rest,
@@ -7526,7 +7684,7 @@
       return /* @__PURE__ */ React__default["default"].createElement("input", {
         className: `${searchbarBem("input")}  ${searchbarBem(alignClass)} ${shape === "round" ? searchbarBem("round") : ""} ${clearable ? searchbarBem("input-clear") : ""}`,
         ref: searchRef,
-        style: { ...props.style, background: props.inputBackground },
+        style: { ...props.style },
         value: value || "",
         placeholder: placeholder || locale.placeholder,
         disabled,
@@ -7636,13 +7794,14 @@
       return null;
     };
     const envClass = () => {
-      return Taro__default["default"].getEnv() === "WEB" ? "nut-searchbar-taro" : "";
+      return Taro.getEnv() === "WEB" ? "nut-searchbar-taro" : "";
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem("disabled") : ""}  ${className || ""}`,
       style: { ...props.style, background: props.background }
     }, renderLeftoutIcon(), renderLabel(), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `${searchbarBem("content")}`
+      className: `${searchbarBem("content")}`,
+      style: { background: props.inputBackground }
     }, renderLeftinIcon(), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-searchbar__input-box"
     }, renderField()), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
@@ -8223,7 +8382,7 @@
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
-          res.forEach((i) => i.uploadTaro(Taro__default["default"].uploadFile, Taro__default["default"].getEnv()));
+          res.forEach((i) => i.uploadTaro(Taro.uploadFile, Taro.getEnv()));
         });
       }
     }));
@@ -8235,11 +8394,11 @@
         setUploadQueue([]);
       }
     };
-    const chooseImage = () => {
+    const _chooseImage = () => {
       if (disabled) {
         return;
       }
-      Taro__default["default"].chooseImage({
+      Taro.chooseImage({
         count: maximum * 1 - fileList.length,
         sizeType,
         sourceType,
@@ -8317,7 +8476,7 @@
       };
       const task = new Upload(uploadOption);
       if (props.autoUpload) {
-        task.uploadTaro(Taro__default["default"].uploadFile, Taro__default["default"].getEnv());
+        task.uploadTaro(Taro.uploadFile, Taro.getEnv());
       } else {
         uploadQueue.push(
           new Promise((resolve, reject) => {
@@ -8342,7 +8501,7 @@
         fileItem.status = "ready";
         fileItem.message = locale.uploader.readyUpload;
         fileItem.type = fileType;
-        if (Taro__default["default"].getEnv() == "WEB") {
+        if (Taro.getEnv() === "WEB") {
           const formData = new FormData();
           for (const [key, value] of Object.entries(data)) {
             formData.append(key, value);
@@ -8376,7 +8535,7 @@
       if (oversizes.length) {
         onOversize && onOversize(files);
       }
-      let currentFileLength = filterFile.length + fileList.length;
+      const currentFileLength = filterFile.length + fileList.length;
       if (currentFileLength > maximum2) {
         filterFile.splice(filterFile.length - (currentFileLength - maximum2));
       }
@@ -8415,12 +8574,12 @@
       className: "nut-uploader__slot"
     }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default["default"].createElement(Button, {
       className: "nut-uploader__input",
-      onClick: chooseImage
+      onClick: _chooseImage
     }))), fileList.length !== 0 && fileList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview ${listType}`,
         key: item.uid
-      }, listType == "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
+      }, listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview-img"
       }, item.status === "ready" ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
@@ -8432,7 +8591,7 @@
         classPrefix: props.iconClassPrefix,
         fontClassName: props.iconFontClassName,
         color: "#fff",
-        name: `${item.status == "error" ? "failure" : "loading"}`
+        name: `${item.status === "error" ? "failure" : "loading"}`
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
       }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -8445,10 +8604,12 @@
       }), item.type.includes("image") ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, item.url && /* @__PURE__ */ React__default["default"].createElement("img", {
         className: "nut-uploader__preview-img__c",
         src: item.url,
+        alt: "",
         onClick: () => handleItemClick(item)
       })) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, defaultImg ? /* @__PURE__ */ React__default["default"].createElement("img", {
         className: "nut-uploader__preview-img__c",
         src: defaultImg,
+        alt: "",
         onClick: () => handleItemClick(item)
       }) : /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview-img__file"
@@ -8494,7 +8655,7 @@
       name: uploadIcon
     }), /* @__PURE__ */ React__default["default"].createElement(Button, {
       className: "nut-uploader__input",
-      onClick: chooseImage
+      onClick: _chooseImage
     })));
   };
   const Uploader = React__default["default"].forwardRef(InternalUploader);
@@ -8616,7 +8777,7 @@
     });
     const goTop = (e2) => {
       onClick && onClick(e2);
-      Taro__default["default"].pageScrollTo({
+      Taro.pageScrollTo({
         scrollTop: 0,
         duration: isAnimation && duration > 0 ? duration : 0
       });
@@ -8851,8 +9012,8 @@
       const el = myDrag.current;
       if (el) {
         const { top, left, bottom, right } = boundary;
-        const { screenWidth, windowHeight } = Taro__default["default"].getSystemInfoSync();
-        Taro__default["default"].createSelectorQuery().select(`.${className}`).boundingClientRect((rec) => {
+        const { screenWidth, windowHeight } = Taro.getSystemInfoSync();
+        Taro.createSelectorQuery().select(`.${className}`).boundingClientRect((rec) => {
           setBoundaryState({
             top: -rec.top + top,
             left: -rec.left + left,
@@ -8990,7 +9151,7 @@
       };
     };
     const getParentElement = (el) => {
-      return Taro__default["default"].createSelectorQuery().select(
+      return Taro.createSelectorQuery().select(
         containerId ? `#${containerId} #${el}` : `#${el}`
       );
     };
@@ -13669,27 +13830,6 @@
     }
   });
   const animated = host.animated;
-  const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
-  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;
-  }
-  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 (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
-        return node;
-      }
-      node = node.parentNode;
-    }
-    return root2;
-  }
   function bound(position, min, max) {
     let ret = position;
     if (min !== void 0) {
@@ -14192,7 +14332,7 @@
     const isLoaded = React.useRef(false);
     const setNumberTransform = () => {
       if (countupRef.current && numerArr.length) {
-        Taro__default["default"].createSelectorQuery().selectAll(".nut-countup__listitem").node((numberItems) => {
+        Taro.createSelectorQuery().selectAll(".nut-countup__listitem").node((numberItems) => {
           const transformArrCache = [];
           Object.keys(numberItems).forEach((key) => {
             const elem = numberItems[Number(key)];
@@ -14324,7 +14464,7 @@
       currentDuration: "00:00:00",
       percent: 0
     });
-    const audioRef = React.useRef(Taro__default["default"].createInnerAudioContext());
+    const audioRef = React.useRef(Taro.createInnerAudioContext());
     const audioCtx = audioRef.current;
     audioCtx.src = url;
     audioCtx.autoplay = autoplay || false;
@@ -14489,7 +14629,7 @@
     url: ""
   };
   const Avatar = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
       children,
       prefixCls,
@@ -14569,18 +14709,13 @@
       activeAvatar && activeAvatar(e2);
       onActiveAvatar && onActiveAvatar(e2);
     };
-    console.log(
-      "!parent?.propAvatarGroup?.maxCount",
-      !((_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.maxCount),
-      showMax
-    );
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, (showMax || !((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.maxCount) || avatarIndex <= ((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.maxCount)) && /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, (showMax || !((_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.maxCount) || avatarIndex <= ((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.maxCount)) && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: cls,
       ...rest,
       style: !showMax ? styles : maxStyles,
       onClick: clickAvatar,
       ref: avatarRef
-    }, (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, url && /* @__PURE__ */ React__default["default"].createElement(index_cjs.Image, {
+    }, (!((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.maxCount) || avatarIndex <= ((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount)) && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, url && /* @__PURE__ */ React__default["default"].createElement(index_cjs.Image, {
       className: "avatar-img",
       src: url,
       onError: errorEvent
@@ -14594,10 +14729,23 @@
       className: "text"
     }, children)), showMax && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "text"
-    }, ((_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent) ? (_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxContent : `+ ${avatarIndex - ((_o = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _o.maxCount)}`)));
+    }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxCount)}`)));
   };
   Avatar.defaultProps = defaultProps$w;
   Avatar.displayName = "NutAvatar";
+  const defaultConfigRef = {
+    current: {
+      locale: zhCN
+    }
+  };
+  const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+  };
+  const ConfigContext = React.createContext(null);
+  const useConfig = () => {
+    var _a;
+    return (_a = React.useContext(ConfigContext)) != null ? _a : getDefaultConfig();
+  };
   const defaultProps$v = {
     maxContent: "",
     maxCount: "",
@@ -15317,7 +15465,7 @@
     };
     const getReference = async () => {
       const element = root2.current;
-      const query = Taro__default["default"].createSelectorQuery();
+      const query = Taro.createSelectorQuery();
       query.select(`#${element.id}`) && query.select(`#${element.id}`).fields(
         {
           computedStyle: [
@@ -16331,8 +16479,6 @@
       }
       return () => {
         clearInterval(timer);
-        startRoll();
-        startRollEasy();
       };
     }, []);
     React.useEffect(() => {
@@ -17658,8 +17804,8 @@
     itemEqualSize: true,
     overscan: 2
   };
-  const clientHeight = Taro__default["default"].getSystemInfoSync().windowHeight - 5 || 667;
-  Taro__default["default"].getSystemInfoSync().windowWidth || 375;
+  const clientHeight = Taro.getSystemInfoSync().windowHeight - 5 || 667;
+  Taro.getSystemInfoSync().windowWidth || 375;
   const VirtualList = (props) => {
     const {
       sourceData = [],
@@ -17719,8 +17865,7 @@
     }, [itemSize, sourceData]);
     const getContainerHeight = () => {
       const initH = itemSize * sourceData.length;
-      let containerH = initH < clientHeight ? initH + overscan * itemSize - 5 : Math.min(containerSize, clientHeight);
-      return containerH;
+      return initH < clientHeight ? initH + overscan * itemSize - 5 : Math.min(containerSize, clientHeight);
     };
     const visibleCount = () => {
       return Math.ceil(getContainerHeight() / itemSize) + overscan;
@@ -17856,7 +18001,7 @@
     }, []);
     const init = () => {
       let ratio = 1;
-      Taro__default["default"].getSystemInfo().then((res) => {
+      Taro.getSystemInfo().then((res) => {
         ratio = res.pixelRatio;
         const canvasWidth = `${(gapX + width) * ratio}px`;
         const canvasHeight = `${(gapY + height) * ratio}px`;
@@ -17870,7 +18015,7 @@
           canvas.setAttribute("width", canvasWidth);
           canvas.setAttribute("height", canvasHeight);
         } else {
-          canvas = Taro__default["default"].createOffscreenCanvas({
+          canvas = Taro.createOffscreenCanvas({
             type: "2d",
             width: Number(canvasWidth),
             height: Number(canvasHeight)
@@ -17936,7 +18081,7 @@
     defaultIcon: "location2",
     selectedIcon: "Check",
     isShowCustomAddress: true,
-    customAndExistTitle: "\u9009\u62E9\u5176\u4ED6\u5730\u5740"
+    customAndExistTitle: ""
   };
   const ExistRender = (props) => {
     const { locale } = useConfig();
@@ -18011,7 +18156,7 @@
       onClick: switchModule
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("choose-other-btn")
-    }, locale.address.chooseAnotherAddress || customAndExistTitle)));
+    }, customAndExistTitle || locale.address.chooseAnotherAddress)));
   };
   const defaultProps$7 = {
     modelValue: [],
@@ -18109,7 +18254,7 @@
     const lineAnimation = (index) => {
       setTimeout(() => {
         const name = tabName[index];
-        Taro__default["default"].createSelectorQuery().selectAll(`.${name}`).boundingClientRect((rects) => {
+        Taro.createSelectorQuery().selectAll(`.${name}`).boundingClientRect((rects) => {
           rects && rects.length > 0 && rects.forEach((rect) => {
             if (rect.width > 0)
               setLineDistance(rect.left || 20);
@@ -18288,15 +18433,15 @@
     modelValue: false,
     modelSelect: [],
     type: "custom",
-    customAddressTitle: "\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A",
+    customAddressTitle: "",
     province: [],
     city: [],
     country: [],
     town: [],
     isShowCustomAddress: true,
     existAddress: [],
-    existAddressTitle: "\u914D\u9001\u81F3",
-    customAndExistTitle: "\u9009\u62E9\u5176\u4ED6\u5730\u5740",
+    existAddressTitle: "",
+    customAndExistTitle: "",
     height: "200px",
     defaultIcon: "location2",
     selectedIcon: "Check",
@@ -18437,7 +18582,7 @@
         color: "#cccccc"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("header__title")
-      }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default["default"].createElement("div", {
+      }, privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
       }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: iconClassPrefix,
@@ -18487,7 +18632,7 @@
       selectedIcon,
       defaultIcon,
       isShowCustomAddress,
-      customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
+      customAndExistTitle: customAndExistTitle || locale.address.chooseAnotherAddress,
       onSelected: selectedExist,
       onSwitchModule
     }))));
@@ -18547,7 +18692,7 @@
       el.innerHTML = barrageList[_index];
       el.classList.add("barrage-item");
       barrageContainer.current.appendChild(el);
-      Taro__default["default"].createSelectorQuery().select(".barrage-item").boundingClientRect((res) => {
+      Taro.createSelectorQuery().select(".barrage-item").boundingClientRect((res) => {
         console.log("res", res);
         const height = res == null ? void 0 : res.height;
         el.classList.add("move");
@@ -18672,12 +18817,12 @@
         const evt = event.changedTouches[0];
         let mouseX = evt.x || evt.clientX;
         let mouseY = evt.y || evt.clientY;
-        if (Taro__default["default"].getEnv() === "WEB" && canvasRef.current) {
+        if (Taro.getEnv() === "WEB" && canvasRef.current) {
           const coverPos = canvasRef.current.getBoundingClientRect();
           mouseX = evt.clientX - coverPos.left;
           mouseY = evt.clientY - coverPos.top;
         }
-        Taro__default["default"].nextTick(() => {
+        Taro.nextTick(() => {
           var _a, _b;
           (_a = ctx2.current) == null ? void 0 : _a.lineTo(mouseX, mouseY);
           (_b = ctx2.current) == null ? void 0 : _b.stroke();
@@ -18698,11 +18843,11 @@
       onSave();
     };
     const onSave = () => {
-      Taro__default["default"].createSelectorQuery().select(`#${canvasId}`).fields({
+      Taro.createSelectorQuery().select(`#${canvasId}`).fields({
         node: true,
         size: true
       }).exec((res) => {
-        Taro__default["default"].canvasToTempFilePath({
+        Taro.canvasToTempFilePath({
           canvas: res[0].node,
           fileType: props.type,
           canvasId: `${canvasId}`,
@@ -18733,10 +18878,10 @@
       }
     };
     const initCanvas = () => {
-      Taro__default["default"].nextTick(() => {
+      Taro.nextTick(() => {
         setTimeout(() => {
-          if (Taro__default["default"].getEnv() === "WEAPP" || Taro__default["default"].getEnv() === "JD") {
-            Taro__default["default"].createSelectorQuery().select(`#${canvasId}`).fields(
+          if (Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD") {
+            Taro.createSelectorQuery().select(`#${canvasId}`).fields(
               {
                 node: true,
                 size: true
@@ -18774,7 +18919,7 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2("inner")} spcanvas_WEAPP`,
       ref: wrapRef
-    }, Taro__default["default"].getEnv() === "WEAPP" || Taro__default["default"].getEnv() === "JD" ? /* @__PURE__ */ React__default["default"].createElement("canvas", {
+    }, Taro.getEnv() === "WEAPP" || Taro.getEnv() === "JD" ? /* @__PURE__ */ React__default["default"].createElement("canvas", {
       id: canvasId,
       ref: canvasRef,
       canvasId,