@nutui/nutui-react-taro 1.3.8 → 1.3.9

package/dist/nutui.react.es.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui-react-taro v1.3.8 Wed Oct 26 2022 17:33:31 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.3.9-beta.0 Wed Nov 02 2022 15:21:20 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
 import React__default, { useCallback, useState, useEffect, useRef, createContext as createContext$1, useContext as useContext$1, useImperativeHandle, useLayoutEffect, forwardRef, useMemo, memo, Component } from "react";
-import Taro, { eventCenter, getCurrentInstance, nextTick, useReady, createSelectorQuery } from "@tarojs/taro";
+import Taro, { usePageScroll, eventCenter, getCurrentInstance, nextTick, useReady, createSelectorQuery } from "@tarojs/taro";
 import ReactDOM, { createPortal, unstable_batchedUpdates } from "react-dom";
 function getAugmentedNamespace(n2) {
   if (n2.__esModule)
@@ -1575,21 +1575,21 @@ Cell.displayName = "NutCell";
 const defaultProps$1l = {
   title: "",
   desc: "",
+  className: "",
   titleSlot: null,
-  descSlot: null,
-  classPrefix: "nutui-cell-group"
+  descSlot: null
 };
 const CellGroup = (props) => {
-  const { children, classPrefix, title, desc, titleSlot, descSlot } = {
+  const { children, className, title, desc, titleSlot, descSlot } = {
     ...defaultProps$1l,
     ...props
   };
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: b2(null, [classPrefix])
+    className: b2(null, [className])
   }, titleSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("title")
-  }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title ? /* @__PURE__ */ React__default.createElement("div", {
+  }, title) : null), descSlot || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, desc ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("desc")
   }, desc) : null), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("wrap")
@@ -2722,6 +2722,7 @@ const GridItem = (props) => {
     direction,
     iconClassPrefix,
     iconFontClassName,
+    onClick,
     ...rest
   } = {
     ...defaultProps$1d,
@@ -2752,10 +2753,14 @@ const GridItem = (props) => {
   const isIconName = () => {
     return typeof icon === "string";
   };
+  const handleClick2 = (e2) => {
+    onClick && onClick(e2);
+  };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(),
     style: rootStyle(),
-    ...rest
+    ...rest,
+    onClick: handleClick2
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
@@ -3130,6 +3135,11 @@ const TabbarItem = (props) => {
     ])
   }, tabTitle)));
 };
+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 = createContext$1({});
 const defaultProps$17 = {
   height: "200px",
@@ -3200,7 +3210,7 @@ const Elevator = (props) => {
       const query = Taro.createSelectorQuery();
       query.selectAll(`.${className} .elevator__item__${i}`).boundingClientRect();
       query.exec((res) => {
-        height2 += res[0].height;
+        height2 += res[0][0].height;
         state.current.listHeight.push(height2);
       });
     }
@@ -3253,10 +3263,8 @@ const Elevator = (props) => {
     onClickIndex && onClickIndex(key);
   };
   const setListGroup = () => {
-    console.log(Taro.createSelectorQuery().selectAll(`.${className}`));
     if (listview.current) {
       Taro.createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
-        console.log(el, "el");
         state.current.listGroup = [...Object.keys(el)];
         calculateHeight();
       }).exec();
@@ -3284,7 +3292,9 @@ const Elevator = (props) => {
   };
   useEffect(() => {
     if (listview.current) {
-      setListGroup();
+      Taro.nextTick(() => {
+        setListGroup();
+      });
     }
   }, [listview]);
   useEffect(() => {
@@ -3299,7 +3309,6 @@ const Elevator = (props) => {
       return;
     state.current.fixedTop = fixedTop;
   }, [state.current.diff, titleHeight]);
-  console.log(currentIndex, "currentIndex");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${b2()} ${className} `,
     ...rest
@@ -3310,12 +3319,15 @@ const Elevator = (props) => {
   }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: b2("list"),
     style: { height: Number.isNaN(+height) ? height : `${height}px` }
-  }, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement(index_cjs.ScrollView, {
+    scrollTop,
+    scrollY: true,
     className: b2("list__inner"),
-    ref: listview
+    ref: listview,
+    onScroll: listViewScroll
   }, indexList.map((item, idx) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: b2("list__item"),
+      className: `${b2("list__item")} elevator__item__${idx}`,
       key: idx
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: b2("list__item__code")
@@ -3339,13 +3351,12 @@ const Elevator = (props) => {
     onTouchStart: (event) => touchStart(event),
     onTouchMove: (event) => touchMove(event),
     onTouchEnd: touchEnd,
-    style: { touchAction: "pan-y" },
-    onScroll: listViewScroll
+    style: { touchAction: "pan-y" }
   }, indexList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("bars__inner__item", {
         active: item[acceptKey] === indexList[currentIndex][acceptKey]
-      })} elevator__item__${index}`,
+      })} `,
       "data-index": index,
       key: index,
       onClick: () => handleClickIndex(item[acceptKey])
@@ -6088,6 +6099,7 @@ const DatePicker = (props) => {
     onCloseDatePicker,
     onConfirmDatePicker,
     filter,
+    onChange,
     threeDimensional,
     className,
     style,
@@ -6253,7 +6265,7 @@ const DatePicker = (props) => {
       const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
       date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
     }
-    props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(index, selectedValue, cacheValueData);
   };
   const padZero = (num, targetLength = 2) => {
     let str = `${num}`;
@@ -6784,12 +6796,12 @@ const Input = (props) => {
       onClick && onClick(e2);
       click && click(e2);
     }
-  }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
+  }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,
     style: { width: `${labelWidth}px`, textAlign: labelAlign }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ":" : "")), /* @__PURE__ */ React__default.createElement("div", {
+  }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-value"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-inner",
@@ -6806,12 +6818,12 @@ const Input = (props) => {
     fontClassName: iconFontClassName,
     name: leftIcon,
     size: leftIconSize
-  })) : null, /* @__PURE__ */ React__default.createElement("div", {
+  })) : null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,
     style: { width: `${labelWidth}px`, textAlign: labelAlign }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "label-string"
-  }, label, colon ? ":" : "")), /* @__PURE__ */ React__default.createElement("div", {
+  }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-value"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-inner",
@@ -9009,80 +9021,23 @@ const BackTop = (props) => {
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
-  const [scrollTop, SetScrollTop] = useState(0);
-  let startTime = 0;
-  const scrollEl = useRef(null);
-  useEffect(() => {
-    init();
-    return () => removeEventListener();
-  }, []);
-  const init = () => {
-    if (elId && document.getElementById(elId)) {
-      scrollEl.current = document.getElementById(elId);
-    }
-    addEventListener();
-    initCancelAniFrame();
-  };
-  const scrollListener = () => {
-    let top = null;
-    if (scrollEl.current instanceof Window) {
-      top = scrollEl.current.pageYOffset;
-      SetScrollTop(top);
-    } else {
-      top = scrollEl.current.scrollTop;
-      SetScrollTop(top);
-    }
-    const showBtn = top >= distance;
-    SetBackTop(showBtn);
-  };
-  const scroll = (y2 = 0) => {
-    if (scrollEl.current instanceof Window) {
-      window.scrollTo(0, y2);
-    } else {
-      scrollEl.current.scrollTop = y2;
-    }
-  };
-  const scrollAnimation = () => {
-    let cid = requestAniFrame2()(function fn() {
-      const t2 = duration - Math.max(0, startTime - +new Date() + duration / 2);
-      const y2 = t2 * -scrollTop / duration + scrollTop;
-      scroll(y2);
-      cid = requestAniFrame2()(fn);
-      if (t2 === duration || y2 === 0) {
-        window.cancelAnimationFrame(cid);
-      }
-    });
-  };
-  const initCancelAniFrame = () => {
-    window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-  };
-  const requestAniFrame2 = () => {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
-      window.setTimeout(callback, 1e3 / 60);
-    };
-  };
-  function addEventListener() {
-    var _a, _b;
-    (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", scrollListener, false);
-    (_b = scrollEl.current) == null ? void 0 : _b.addEventListener("resize", scrollListener, false);
-  }
-  function removeEventListener() {
-    var _a, _b;
-    (_a = scrollEl.current) == null ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
-    (_b = scrollEl.current) == null ? void 0 : _b.removeEventListener("resize", scrollListener, false);
-  }
+  usePageScroll((res) => {
+    const { scrollTop } = res;
+    scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
+  });
   const goTop = (e2) => {
     onClick && onClick(e2);
-    const otime = +new Date();
-    startTime = otime;
-    isAnimation && duration > 0 ? scrollAnimation() : scroll();
+    Taro.pageScrollTo({
+      scrollTop: 0,
+      duration: isAnimation && duration > 0 ? duration : 0
+    });
   };
   const backTopClass = {
     right: `${right}px`,
     bottom: `${bottom}px`,
     zIndex
   };
-  return /* @__PURE__ */ React__default.createElement("div", {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-backtop ${backTop ? "show" : ""} ${className || ""}`,
     style: { ...backTopClass, ...style },
     onClick: (e2) => {
@@ -9094,7 +9049,7 @@ const BackTop = (props) => {
     size: "19px",
     className: "nut-backtop-main",
     name: "top"
-  }));
+  })));
 };
 BackTop.defaultProps = defaultProps$E;
 BackTop.displayName = "NutBackTop";
@@ -9383,11 +9338,6 @@ const BaseDialog = (props, ref) => {
 const Dialog = forwardRef(BaseDialog);
 Dialog.defaultProps = defaultProps$C;
 Dialog.displayName = "NutDialog";
-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 defaultProps$B = {
   ...ComponentDefaults,
   hasMore: true,

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.8 Wed Oct 26 2022 17:33:31 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.3.9-beta.0 Wed Nov 02 2022 15:21:20 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -1602,21 +1602,21 @@
   const defaultProps$1l = {
     title: "",
     desc: "",
+    className: "",
     titleSlot: null,
-    descSlot: null,
-    classPrefix: "nutui-cell-group"
+    descSlot: null
   };
   const CellGroup = (props) => {
-    const { children, classPrefix, title, desc, titleSlot, descSlot } = {
+    const { children, className, title, desc, titleSlot, descSlot } = {
       ...defaultProps$1l,
       ...props
     };
     const b2 = cn("cell-group");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2(null, [classPrefix])
+      className: b2(null, [className])
     }, titleSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("title")
-    }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, title ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, title) : null), descSlot || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, desc ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("desc")
     }, desc) : null), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("wrap")
@@ -2749,6 +2749,7 @@
       direction,
       iconClassPrefix,
       iconFontClassName,
+      onClick,
       ...rest
     } = {
       ...defaultProps$1d,
@@ -2779,10 +2780,14 @@
     const isIconName = () => {
       return typeof icon === "string";
     };
+    const handleClick2 = (e2) => {
+      onClick && onClick(e2);
+    };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2(),
       style: rootStyle(),
-      ...rest
+      ...rest,
+      onClick: handleClick2
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
     }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
@@ -3157,6 +3162,11 @@
       ])
     }, tabTitle)));
   };
+  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$17 = {
     height: "200px",
@@ -3227,7 +3237,7 @@
         const query = Taro__default["default"].createSelectorQuery();
         query.selectAll(`.${className} .elevator__item__${i}`).boundingClientRect();
         query.exec((res) => {
-          height2 += res[0].height;
+          height2 += res[0][0].height;
           state.current.listHeight.push(height2);
         });
       }
@@ -3280,10 +3290,8 @@
       onClickIndex && onClickIndex(key);
     };
     const setListGroup = () => {
-      console.log(Taro__default["default"].createSelectorQuery().selectAll(`.${className}`));
       if (listview.current) {
         Taro__default["default"].createSelectorQuery().selectAll(`.${className} .nut-elevator__list__item`).node((el) => {
-          console.log(el, "el");
           state.current.listGroup = [...Object.keys(el)];
           calculateHeight();
         }).exec();
@@ -3311,7 +3319,9 @@
     };
     React.useEffect(() => {
       if (listview.current) {
-        setListGroup();
+        Taro__default["default"].nextTick(() => {
+          setListGroup();
+        });
       }
     }, [listview]);
     React.useEffect(() => {
@@ -3326,7 +3336,6 @@
         return;
       state.current.fixedTop = fixedTop;
     }, [state.current.diff, titleHeight]);
-    console.log(currentIndex, "currentIndex");
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className} `,
       ...rest
@@ -3337,12 +3346,15 @@
     }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("list"),
       style: { height: Number.isNaN(+height) ? height : `${height}px` }
-    }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, /* @__PURE__ */ React__default["default"].createElement(index_cjs.ScrollView, {
+      scrollTop,
+      scrollY: true,
       className: b2("list__inner"),
-      ref: listview
+      ref: listview,
+      onScroll: listViewScroll
     }, indexList.map((item, idx) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: b2("list__item"),
+        className: `${b2("list__item")} elevator__item__${idx}`,
         key: idx
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("list__item__code")
@@ -3366,13 +3378,12 @@
       onTouchStart: (event) => touchStart(event),
       onTouchMove: (event) => touchMove(event),
       onTouchEnd: touchEnd,
-      style: { touchAction: "pan-y" },
-      onScroll: listViewScroll
+      style: { touchAction: "pan-y" }
     }, indexList.map((item, index) => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("bars__inner__item", {
           active: item[acceptKey] === indexList[currentIndex][acceptKey]
-        })} elevator__item__${index}`,
+        })} `,
         "data-index": index,
         key: index,
         onClick: () => handleClickIndex(item[acceptKey])
@@ -6115,6 +6126,7 @@
       onCloseDatePicker,
       onConfirmDatePicker,
       filter,
+      onChange,
       threeDimensional,
       className,
       style,
@@ -6280,7 +6292,7 @@
         const isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date == null ? void 0 : date.getTime());
         date && isDate(date) && !isEqual2 && setCurrentDate(formatValue(date));
       }
-      props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+      props.onChange && props.onChange(index, selectedValue, cacheValueData);
     };
     const padZero = (num, targetLength = 2) => {
       let str = `${num}`;
@@ -6811,12 +6823,12 @@
         onClick && onClick(e2);
         click && click(e2);
       }
-    }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,
       style: { width: `${labelWidth}px`, textAlign: labelAlign }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "label-string"
-    }, label, colon ? ":" : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-value"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-inner",
@@ -6833,12 +6845,12 @@
       fontClassName: iconFontClassName,
       name: leftIcon,
       size: leftIconSize
-    })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
+    })) : null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,
       style: { width: `${labelWidth}px`, textAlign: labelAlign }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "label-string"
-    }, label, colon ? ":" : "")), /* @__PURE__ */ React__default["default"].createElement("div", {
+    }, label, colon ? ":" : "")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-value"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-input-inner",
@@ -9036,80 +9048,23 @@
       ...props
     };
     const [backTop, SetBackTop] = React.useState(false);
-    const [scrollTop, SetScrollTop] = React.useState(0);
-    let startTime = 0;
-    const scrollEl = React.useRef(null);
-    React.useEffect(() => {
-      init();
-      return () => removeEventListener();
-    }, []);
-    const init = () => {
-      if (elId && document.getElementById(elId)) {
-        scrollEl.current = document.getElementById(elId);
-      }
-      addEventListener();
-      initCancelAniFrame();
-    };
-    const scrollListener = () => {
-      let top = null;
-      if (scrollEl.current instanceof Window) {
-        top = scrollEl.current.pageYOffset;
-        SetScrollTop(top);
-      } else {
-        top = scrollEl.current.scrollTop;
-        SetScrollTop(top);
-      }
-      const showBtn = top >= distance;
-      SetBackTop(showBtn);
-    };
-    const scroll = (y2 = 0) => {
-      if (scrollEl.current instanceof Window) {
-        window.scrollTo(0, y2);
-      } else {
-        scrollEl.current.scrollTop = y2;
-      }
-    };
-    const scrollAnimation = () => {
-      let cid = requestAniFrame2()(function fn() {
-        const t2 = duration - Math.max(0, startTime - +new Date() + duration / 2);
-        const y2 = t2 * -scrollTop / duration + scrollTop;
-        scroll(y2);
-        cid = requestAniFrame2()(fn);
-        if (t2 === duration || y2 === 0) {
-          window.cancelAnimationFrame(cid);
-        }
-      });
-    };
-    const initCancelAniFrame = () => {
-      window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-    };
-    const requestAniFrame2 = () => {
-      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
-        window.setTimeout(callback, 1e3 / 60);
-      };
-    };
-    function addEventListener() {
-      var _a, _b;
-      (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", scrollListener, false);
-      (_b = scrollEl.current) == null ? void 0 : _b.addEventListener("resize", scrollListener, false);
-    }
-    function removeEventListener() {
-      var _a, _b;
-      (_a = scrollEl.current) == null ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
-      (_b = scrollEl.current) == null ? void 0 : _b.removeEventListener("resize", scrollListener, false);
-    }
+    Taro.usePageScroll((res) => {
+      const { scrollTop } = res;
+      scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
+    });
     const goTop = (e2) => {
       onClick && onClick(e2);
-      const otime = +new Date();
-      startTime = otime;
-      isAnimation && duration > 0 ? scrollAnimation() : scroll();
+      Taro__default["default"].pageScrollTo({
+        scrollTop: 0,
+        duration: isAnimation && duration > 0 ? duration : 0
+      });
     };
     const backTopClass = {
       right: `${right}px`,
       bottom: `${bottom}px`,
       zIndex
     };
-    return /* @__PURE__ */ React__default["default"].createElement("div", {
+    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-backtop ${backTop ? "show" : ""} ${className || ""}`,
       style: { ...backTopClass, ...style },
       onClick: (e2) => {
@@ -9121,7 +9076,7 @@
       size: "19px",
       className: "nut-backtop-main",
       name: "top"
-    }));
+    })));
   };
   BackTop.defaultProps = defaultProps$E;
   BackTop.displayName = "NutBackTop";
@@ -9410,11 +9365,6 @@
   const Dialog = React.forwardRef(BaseDialog);
   Dialog.defaultProps = defaultProps$C;
   Dialog.displayName = "NutDialog";
-  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 defaultProps$B = {
     ...ComponentDefaults,
     hasMore: true,

package/dist/packages/actionsheet/actionsheet.scss

@@ -1,3 +1,20 @@
+.nut-theme-dark {
+  .nut-actionsheet-panel {
+    .nut-actionsheet-cancel {
+      border-top: 1px solid $dark-background2;
+    }
+    .nut-actionsheet-title {
+      border-bottom: 1px solid $dark-background2;
+    }
+    .nut-actionsheet-cancel,
+    .nut-actionsheet-item,
+    .nut-actionsheet-title {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-actionsheet {
   display: block;
   padding-bottom: constant(safe-area-inset-bottom);

package/dist/packages/address/address.scss

@@ -1,3 +1,45 @@
+.nut-theme-dark {
+  .nut-address {
+    &__header {
+      color: $dark-color;
+
+      &__title {
+        color: $dark-color;
+      }
+    }
+
+    .custom-address {
+      .region-tab {
+        color: $dark-color;
+      }
+      .region-con {
+        .region-group {
+          .region-item {
+            color: $dark-color;
+          }
+        }
+      }
+    }
+
+    .exist-address {
+      .exist-address-group {
+        .exist-ul {
+          .exist-item {
+            color: $dark-color;
+          }
+        }
+      }
+
+      .choose-other {
+        border-top: 1px solid $dark-background;
+      }
+    }
+    &-custom-buttom {
+      border-top: 1px solid $dark-background;
+    }
+  }
+}
+
 .nut-address {
   display: block;
   &__header {

package/dist/packages/badge/badge.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-badge {
+    &.show {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
 .nut-badge {
   position: relative;
   display: inline-block;