@nutui/nutui-react-taro 2.6.20 → 2.6.22

package/dist/esm/{barrage.taro-CA-9uADD.js → barrage.taro-D2lmvcB-.js}

@@ -12,6 +12,7 @@ const InternalBarrage = (props, ref) => {
   const barrageContainer = useRef(null);
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
+  const domTimer = useRef(0);
   const index = useRef(0);
   const times = useRef([]);
   const historyIndex = useRef(-1);
@@ -33,25 +34,31 @@ const InternalBarrage = (props, ref) => {
     }
     return 0;
   });
+  const clearDomTimeout = () => {
+    if (domTimer.current) {
+      clearTimeout(domTimer.current);
+      domTimer.current = 0;
+    }
+  };
   useEffect(() => {
     const init = () => __awaiter(void 0, void 0, void 0, function* () {
+      var _a2;
       if (barrageBody.current) {
         barrageCWidth.current = yield getNodeWidth(barrageBody.current);
+        (_a2 = barrageBody.current) === null || _a2 === void 0 ? void 0 : _a2.style.setProperty("--move-distance", `-${barrageCWidth.current}px`);
+        index.current = 0;
+        run();
       }
     });
-    init();
-    setTimeout(() => {
-      var _a2;
-      (_a2 = barrageBody.current) === null || _a2 === void 0 ? void 0 : _a2.style.setProperty("--move-distance", `-${barrageCWidth.current}px`);
-      index.current = 0;
-      run();
+    domTimer.current = window.setTimeout(() => {
+      init();
     }, 300);
     return () => {
-      clearInterval(timer.current);
+      clearDomTimeout();
     };
   }, [list]);
   const run = () => {
-    clearInterval(timer.current);
+    clearTimeout(timer.current);
     let intervalCache = interval;
     const _index = (loop ? index.current % list.length : index.current) % rows;
     const result = times.current[_index] - rows * interval;
@@ -62,7 +69,28 @@ const InternalBarrage = (props, ref) => {
       play();
     }, intervalCache);
   };
-  const play = () => __awaiter(void 0, void 0, void 0, function* () {
+  const setStyle = (el, currentIndex) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+      if (el) {
+        const refe = yield getRectByTaro(el);
+        const width = refe.width;
+        const height = refe.height;
+        el.classList.add("move");
+        const elScrollDuration = Math.round(width / barrageCWidth.current * duration);
+        times.current[currentIndex] = elScrollDuration;
+        el.style.animationDuration = `${duration + elScrollDuration}ms`;
+        el.style.top = `${currentIndex * (height + gapY) + 20}px`;
+        el.style.width = `${width}px`;
+      }
+    } catch (error) {
+      console.log("异常自动流转到下一个", error);
+      barrageContainer.current.removeChild(el);
+    }
+    el.addEventListener("animationend", () => {
+      barrageContainer.current.removeChild(el);
+    });
+  });
+  const play = () => {
     if (!loop && index.current >= list.length) {
       return;
     }
@@ -74,26 +102,12 @@ const InternalBarrage = (props, ref) => {
     }
     historyIndex.current = currentIndex;
     el.innerHTML = list[_index];
-    el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
-    try {
-      const width = yield getNodeWidth(el);
-      const height = yield getNodeWidth(el, "height");
-      el.classList.add("move");
-      const elScrollDuration = width / barrageCWidth.current * duration;
-      times.current[currentIndex] = Math.ceil(elScrollDuration);
-      el.style.animationDuration = `${(duration + elScrollDuration).toFixed(2)}ms`;
-      el.style.top = `${currentIndex * (height + gapY) + 20}px`;
-      el.style.width = `${width}px`;
-    } catch (error) {
-      console.log("异常自动流转到下一个");
-    }
-    el.addEventListener("animationend", () => {
-      barrageContainer.current.removeChild(el);
-    });
+    el.classList.add("barrage-item");
+    requestAnimationFrame(() => setStyle(el, currentIndex));
     index.current++;
     run();
-  });
+  };
   return React__default.createElement(
     View,
     Object.assign({ className: classes, ref: barrageBody }, restProps),

package/dist/esm/{button.taro-1kEru6r9.js → button.taro-CixO32Hw.js}

@@ -11,7 +11,7 @@ const Button = React__default.forwardRef((props, ref) => {
   const _a = Object.assign(Object.assign({}, defaultProps), props), { color, shape, fill, loading, disabled, type, size, block, icon, rightIcon, children, className, style, nativeType, onClick } = _a, rest = __rest(_a, ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "rightIcon", "children", "className", "style", "nativeType", "onClick"]);
   const getStyle = useCallback(() => {
     const style2 = {};
-    if (props.color) {
+    if (color) {
       if (props.fill === "outline" || props.fill === "dashed") {
         style2.color = color;
         if (!(color === null || color === void 0 ? void 0 : color.includes("gradient"))) {
@@ -24,7 +24,7 @@ const Button = React__default.forwardRef((props, ref) => {
       }
     }
     return style2;
-  }, [color]);
+  }, [color, props.fill]);
   const handleClick = (e) => {
     if (!loading && !disabled && onClick) {
       onClick(e);

package/dist/esm/{calendar.taro-Csq-7imv.js → calendar.taro-C52T1TFf.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef } from "react";
 import { P as Popup } from "./popup.taro-DV32k5dP.js";
-import { C as CalendarItem } from "./calendaritem.taro-BOMJjsx9.js";
+import { C as CalendarItem } from "./calendaritem.taro-CHdJXKkc.js";
 import { U as Utils } from "./date-CYwRNlGq.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";

package/dist/esm/{calendaritem.taro-BOMJjsx9.js → calendaritem.taro-CHdJXKkc.js}

@@ -4,7 +4,7 @@ import { ScrollView } from "@tarojs/components";
 import Taro, { nextTick } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { U as Utils, g as getPreMonthDates, a as getDaysStatus, b as getCurrMonthData } from "./date-CYwRNlGq.js";
-import { r as requestAniFrame } from "./raf-zwv-SBjP.js";
+import { r as requestAniFrame } from "./raf-Di10dXPS.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const splitDate = (date) => {

package/dist/esm/{cascader.taro-DZ_oBTm0.js → cascader.taro-CMOCzo0m.js}

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
 import { ScrollView } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-DV32k5dP.js";
-import { T as Tabs } from "./tabs.taro-CJiI4q_-.js";
+import { T as Tabs } from "./tabs.taro-D8bDfm4x.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";

package/dist/esm/{dialog.taro-Bg730q8d.js → dialog.taro-yjDaaRHA.js}

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
 import { Close } from "@nutui/icons-react-taro";
-import { B as Button } from "./button.taro-1kEru6r9.js";
+import { B as Button } from "./button.taro-CixO32Hw.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
 import { u as useLockScrollTaro, O as Overlay } from "./overlay.taro-C8eXSsJH.js";
 import { b as useParams, u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-DuP4onEm.js";

package/dist/esm/{empty.taro-Dr4eSaDg.js → empty.taro-Dt07kty5.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { B as Button } from "./button.taro-1kEru6r9.js";
+import { B as Button } from "./button.taro-CixO32Hw.js";
 const defaultStatus = {
   empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
   error: "https://storage.360buyimg.com/imgtools/f3278d0ebb-0ce360c0-c0ac-11ee-8375-193101bb1a46.png",

package/dist/esm/{menu.taro-BFc4uUxG.js → menu.taro-BmjnA_YM.js}

@@ -1,8 +1,8 @@
 import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useRef, useState, useEffect } from "react";
+import React__default, { useRef, useState, useCallback, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp, ArrowDown } from "@nutui/icons-react-taro";
-import { M as MenuItem } from "./menuitem.taro-D6KQvdRw.js";
+import { M as MenuItem } from "./menuitem.taro-DCqPC4Nu.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeColor: "", closeOnOverlayClick: true, scrollFixed: false, lockScroll: true, overlay: true, icon: null, onOpen: (index, from) => {
 }, onClose: (index, from) => {
@@ -10,24 +10,26 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activ
 const Menu = (props) => {
   const _a = Object.assign(Object.assign({}, defaultProps), props), { className, icon, scrollFixed, lockScroll, overlay, closeOnOverlayClick, children, activeColor, onClose, onOpen } = _a, rest = __rest(_a, ["className", "icon", "scrollFixed", "lockScroll", "overlay", "closeOnOverlayClick", "children", "activeColor", "onClose", "onOpen"]);
   const menuRef = useRef(null);
+  const [showMenuItem, setShowMenuItem] = useState([]);
+  const [menuItemTitle, setMenuItemTitle] = useState([]);
   const [isScrollFixed, setIsScrollFixed] = useState(false);
+  const cls = classNames(`nut-menu`, className, {
+    "scroll-fixed": isScrollFixed
+  });
   const getScrollTop = (el) => {
-    return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+    return Math.max(0, el === window ? window.scrollY : el.scrollTop);
   };
-  const onScroll = () => {
-    const { scrollFixed: scrollFixed2 } = props;
+  const onScroll = useCallback(() => {
     const scrollTop = getScrollTop(window);
-    const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
+    const isFixed = scrollTop > (typeof scrollFixed === "boolean" ? 30 : Number(scrollFixed));
     setIsScrollFixed(isFixed);
-  };
+  }, [scrollFixed]);
   useEffect(() => {
     if (scrollFixed) {
       window.addEventListener("scroll", onScroll);
     }
     return () => window.removeEventListener("scroll", onScroll);
-  }, []);
-  const [showMenuItem, setShowMenuItem] = useState([]);
-  const [menuItemTitle, setMenuItemTitle] = useState([]);
+  }, [scrollFixed, onScroll]);
   const toggleMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = !showMenuItem[index];
     if (showMenuItem[index]) {
@@ -105,9 +107,7 @@ const Menu = (props) => {
   };
   return React__default.createElement(
     "div",
-    Object.assign({}, rest, { className: classNames(`nut-menu`, className, {
-      "scroll-fixed": isScrollFixed
-    }), ref: menuRef }),
+    Object.assign({}, rest, { className: cls, ref: menuRef }),
     React__default.createElement("div", { className: classNames("nut-menu-bar", {
       opened: showMenuItem.includes(true)
     }) }, menuTitle()),

package/dist/esm/{menuitem.taro-D6KQvdRw.js → menuitem.taro-DCqPC4Nu.js}

@@ -1,5 +1,5 @@
 import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { forwardRef, useState, useRef, useEffect, useMemo, useCallback, useImperativeHandle } from "react";
+import React__default, { forwardRef, useState, useRef, useEffect, useCallback, useMemo, useImperativeHandle } from "react";
 import classNames from "classnames";
 import { getSystemInfoSync, usePageScroll } from "@tarojs/taro";
 import { View } from "@tarojs/components";
@@ -26,9 +26,19 @@ const MenuItem = forwardRef((props, ref) => {
   useEffect(() => {
     setShowPopup(show);
   }, [show]);
+  const getParentOffset = useCallback(() => {
+    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
+      const p = parent.menuRef.current;
+      const rect = yield getRectByTaro(p);
+      setPosition({
+        height: rect.height,
+        top: rect.top
+      });
+    }), 100);
+  }, [parent.menuRef]);
   useEffect(() => {
     getParentOffset();
-  }, [showPopup]);
+  }, [showPopup, getParentOffset]);
   const windowHeight = useMemo(() => getSystemInfoSync().windowHeight, []);
   const updateItemOffset = useCallback(() => {
     if (!parent.lockScroll)
@@ -42,7 +52,7 @@ const MenuItem = forwardRef((props, ref) => {
         });
       }
     });
-  }, [direction, windowHeight]);
+  }, [direction, windowHeight, parent.lockScroll, parent.menuRef]);
   usePageScroll(updateItemOffset);
   useImperativeHandle(ref, () => ({
     toggle: (s) => {
@@ -70,16 +80,6 @@ const MenuItem = forwardRef((props, ref) => {
     top: 0,
     height: 0
   });
-  const getParentOffset = () => {
-    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
-      const p = parent.menuRef.current;
-      const rect = yield getRectByTaro(p);
-      setPosition({
-        height: rect.height,
-        top: rect.top
-      });
-    }), 100);
-  };
   const isShow = () => {
     if (showPopup)
       return {};

package/dist/esm/{navbar.taro-Dea0-s9Q.js → navbar.taro-HRFRDGii.js}

@@ -4,6 +4,7 @@ import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { g as getRectByTaro } from "./get-rect-by-taro-THaHH07X.js";
+import { S as SafeArea } from "./safearea.taro-BJpvFsMf.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { left: "", right: "", titleAlign: "center", back: "", fixed: false, safeAreaInsetTop: false, placeholder: false, zIndex: 10 });
 const NavBar = (props) => {
   const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = Object.assign(Object.assign({}, defaultProps), props);
@@ -77,11 +78,15 @@ const NavBar = (props) => {
   };
   const classes = classNames({
     [`${classPrefix}-fixed`]: fixed,
-    [`${classPrefix}-safe-area-inset-top`]: safeAreaInsetTop,
     [`${classPrefix}-title-align-${titleAlign}`]: true
   });
   const cls = classNames(classPrefix, classes, className);
-  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement(View, { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper());
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    safeAreaInsetTop && React__default.createElement(SafeArea, { position: "top" }),
+    fixed && placeholder ? React__default.createElement(View, { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper()
+  );
 };
 NavBar.displayName = "NutNavBar";
 export {

package/dist/esm/nutui-react.es.js

@@ -1,4 +1,4 @@
-import { B } from "./button.taro-1kEru6r9.js";
+import { B } from "./button.taro-CixO32Hw.js";
 import { C } from "./cell.taro-DWLhb5m6.js";
 import { C as C2 } from "./cellgroup.taro-DTLGMR_c.js";
 import { C as C3, g, s, u, a } from "./configprovider.taro-C3WyeHSO.js";
@@ -13,46 +13,46 @@ import { R } from "./row.taro-ItEq1Bi5.js";
 import { S } from "./space.taro-B1KsEPZL.js";
 import { S as S2 } from "./sticky.taro-DC98CdU7.js";
 import { S as S3 } from "./safearea.taro-BJpvFsMf.js";
-import { B as B2 } from "./backtop.taro-CpzSXDW3.js";
+import { B as B2 } from "./backtop.taro-D3Lo3jFO.js";
 import { E } from "./elevator.taro-Bsc8PcT0.js";
 import { F } from "./fixednav.taro-BodErnYy.js";
-import { N } from "./navbar.taro-Dea0-s9Q.js";
+import { N } from "./navbar.taro-HRFRDGii.js";
 import { S as S4 } from "./sidenavbar.taro-DNwoQw9u.js";
 import { S as S5 } from "./sidenavbaritem.taro-BKpzXpzG.js";
 import { S as S6 } from "./subsidenavbar.taro-CSU3DhNq.js";
 import { T } from "./tabbar.taro-BiQDgZQF.js";
 import { T as T2 } from "./tabbaritem.taro-BiIVucQz.js";
 import { T as T3 } from "./tabpane.taro-BAe86j3t.js";
-import { T as T4 } from "./tabs.taro-CJiI4q_-.js";
-import { A } from "./address.taro-CWr6jIYg.js";
-import { C as C5 } from "./calendar.taro-Csq-7imv.js";
-import { C as C6 } from "./calendaritem.taro-BOMJjsx9.js";
+import { T as T4 } from "./tabs.taro-D8bDfm4x.js";
+import { A } from "./address.taro-Ai6DQF3D.js";
+import { C as C5 } from "./calendar.taro-C52T1TFf.js";
+import { C as C6 } from "./calendaritem.taro-CHdJXKkc.js";
 import { C as C7 } from "./calendarcard.taro-CvWyBqnr.js";
-import { C as C8 } from "./cascader.taro-DZ_oBTm0.js";
+import { C as C8 } from "./cascader.taro-CMOCzo0m.js";
 import { C as C9, a as a2 } from "./checkbox.taro-CgqJyhrh.js";
 import { D as D2 } from "./datepicker.taro-DibmSueg.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-CEWRz5EJ.js";
 import { I as I2 } from "./input.taro-CA9ZpM9a.js";
 import { I as I3 } from "./inputnumber.taro-DPRZtV42.js";
-import { M } from "./menu.taro-BFc4uUxG.js";
-import { M as M2 } from "./menuitem.taro-D6KQvdRw.js";
+import { M } from "./menu.taro-BmjnA_YM.js";
+import { M as M2 } from "./menuitem.taro-DCqPC4Nu.js";
 import { N as N2 } from "./numberkeyboard.taro-CIlStObb.js";
 import { P } from "./picker.taro-mCnxpFCY.js";
-import { R as R2, a as a3 } from "./radio.taro-CzOHqD3O.js";
-import { R as R3 } from "./range.taro-BilM3sMH.js";
+import { R as R2, a as a3 } from "./radio.taro-M2in687s.js";
+import { R as R3 } from "./range.taro-D4U2Q7Wx.js";
 import { R as R4 } from "./rate.taro-CPGkjYYu.js";
 import { S as S7 } from "./searchbar.taro-LaO2Xr2t.js";
 import { S as S8 } from "./shortpassword.taro-ByEtEDDl.js";
 import { S as S9 } from "./signature.taro-BW4eiGIR.js";
 import { S as S10 } from "./switch.taro-CdBmDo18.js";
 import { T as T5 } from "./textarea.taro-EJQxRHZR.js";
-import { U } from "./uploader.taro-C-8Jf7un.js";
+import { U } from "./uploader.taro-CceZ5Y4t.js";
 import { A as A2 } from "./actionsheet.taro-CgfXnK1M.js";
 import { B as B3 } from "./badge.taro-B42_7q8v.js";
-import { B as B4 } from "./dialog.taro-Bg730q8d.js";
+import { B as B4 } from "./dialog.taro-yjDaaRHA.js";
 import { D as D3 } from "./drag.taro-B_sfzmtW.js";
-import { E as E2 } from "./empty.taro-Dr4eSaDg.js";
+import { E as E2 } from "./empty.taro-Dt07kty5.js";
 import { I as I4 } from "./infiniteloading.taro-DzIrZvc0.js";
 import { L as L2 } from "./loading.taro-n_qoNgCW.js";
 import { N as N3 } from "./noticebar.taro-BjKDC7We.js";
@@ -60,13 +60,13 @@ import { N as N4 } from "./notify.taro-BVXg7xTI.js";
 import { P as P2 } from "./popover.taro-BHcidbZG.js";
 import { P as P3 } from "./popup.taro-DV32k5dP.js";
 import { P as P4 } from "./pulltorefresh.taro-BiSDwLpA.js";
-import { S as S11 } from "./skeleton.taro-bD6fHZop.js";
+import { S as S11 } from "./skeleton.taro-D9Vkgsyx.js";
 import { S as S12 } from "./swipe.taro-Bsk2fnEl.js";
 import { T as T6 } from "./toast.taro-Tx0IHbsl.js";
 import { A as A3 } from "./animate.taro-CQVEyDKL.js";
 import { default as default3 } from "./AnimatingNumbers.js";
-import { A as A4 } from "./audio.taro--yoX2oyx.js";
-import { A as A5 } from "./avatar.taro-DSL3ErmC.js";
+import { A as A4 } from "./audio.taro-qK1wq4IH.js";
+import { A as A5 } from "./avatar.taro-9dU2KeWv.js";
 import { A as A6 } from "./avatargroup.taro-ScakjsY1.js";
 import { C as C10 } from "./circleprogress.taro-BTRyQG5T.js";
 import { C as C11 } from "./collapse.taro-wqL6MWZr.js";
@@ -87,13 +87,13 @@ import { T as T8 } from "./tag.taro-CFt28RLm.js";
 import { T as T9 } from "./tour.taro-BvBZa8nq.js";
 import { V } from "./video.taro-CecLv4sr.js";
 import { V as V2 } from "./virtuallist.taro-BlPW8ibd.js";
-import { B as B5 } from "./barrage.taro-CA-9uADD.js";
+import { B as B5 } from "./barrage.taro-D2lmvcB-.js";
 import { C as C14 } from "./card.taro-DxcIi5qH.js";
 import { T as T10 } from "./timedetail.taro-ya5JNy2L.js";
 import { T as T11 } from "./timeselect.taro-DE_a87DT.js";
 import { T as T12 } from "./trendarrow.taro-DKx5cGIh.js";
 import { W } from "./watermark.taro-CbO7mKFD.js";
-import { A as A7 } from "./avatarcropper.taro-B0I9uLNp.js";
+import { A as A7 } from "./avatarcropper.taro-meD2sizv.js";
 export {
   A2 as ActionSheet,
   A as Address,

package/dist/esm/{radio.taro-CzOHqD3O.js → radio.taro-M2in687s.js}

@@ -15,6 +15,9 @@ const defaultProps$1 = {
 const classPrefix = "nut-radiogroup";
 const RadioGroup = React__default.forwardRef((props, ref) => {
   const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, value, defaultValue, onChange, shape, labelPosition, direction, options, disabled } = _a, rest = __rest(_a, ["children", "className", "value", "defaultValue", "onChange", "shape", "labelPosition", "direction", "options", "disabled"]);
+  const cls = classNames(classPrefix, {
+    [`${classPrefix}-${props.direction}`]: props.direction
+  }, className);
   const [val2State, setVal2State] = usePropsValue({
     defaultValue: props.defaultValue,
     value: props.value,
@@ -26,7 +29,7 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
       var { label, value: value2, disabled: disabled2, onChange: onChange2 } = _a2, rest2 = __rest(_a2, ["label", "value", "disabled", "onChange"]);
       return React__default.createElement(Radio, Object.assign({}, rest2, { key: value2 === null || value2 === void 0 ? void 0 : value2.toString(), children: label, value: value2, disabled: disabled2, onChange: onChange2, labelPosition, checked: value2 === val2State }));
     });
-  }, [options]);
+  }, [options, labelPosition, val2State]);
   return React__default.createElement(
     RadioContext.Provider,
     { value: {
@@ -41,9 +44,7 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
         setVal2State("");
       }
     } },
-    React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
-      [`${classPrefix}-${props.direction}`]: props.direction
-    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children)
+    React__default.createElement("div", Object.assign({ className: cls }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children)
   );
 });
 RadioGroup.displayName = "NutRadioGroup";
@@ -79,17 +80,6 @@ const Radio = (props) => {
       }
     };
   }
-  const renderLabel = () => {
-    return React__default.createElement("div", { className: classNames(`${classPrefix2}-label`, {
-      [`${classPrefix2}-label-disabled`]: disabled
-    }) }, children);
-  };
-  const renderButton = () => {
-    return React__default.createElement("div", { className: classNames(`${classPrefix2}-button`, {
-      [`${classPrefix2}-button-active`]: checkedStatement,
-      [`${classPrefix2}-button-disabled`]: disabled
-    }) }, children);
-  };
   const color = () => {
     return {
       [`${classPrefix2}-icon-disabled`]: disabled,
@@ -107,14 +97,27 @@ const Radio = (props) => {
     }
     return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, Object.assign(Object.assign({}, icon2.props), { className: classNames(color()) })) : React__default.createElement(CheckNormal, { className: classNames(color()) });
   };
-  const renderByShape = (shape2) => {
-    return shape2 === "button" ? renderButton() : React__default.createElement(
+  const renderLabel = () => {
+    const labelcls = classNames(`${classPrefix2}-label`, {
+      [`${classPrefix2}-label-disabled`]: disabled
+    });
+    return React__default.createElement(
       React__default.Fragment,
       null,
       renderIcon(),
-      renderLabel()
+      React__default.createElement("div", { className: labelcls }, children)
     );
   };
+  const renderButton = () => {
+    const buttoncls = classNames(`${classPrefix2}-button`, {
+      [`${classPrefix2}-button-active`]: checkedStatement,
+      [`${classPrefix2}-button-disabled`]: disabled
+    });
+    return React__default.createElement("div", { className: buttoncls }, children);
+  };
+  const renderByShape = (shape2) => {
+    return shape2 === "button" ? renderButton() : renderLabel();
+  };
   const renderRadioItem = () => {
     return renderByShape(context && context.shape ? context.shape : shape);
   };
@@ -123,9 +126,10 @@ const Radio = (props) => {
       return;
     setCheckedStatement(!checkedStatement);
   };
-  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix2, {
+  const cls = classNames(classPrefix2, {
     [`${classPrefix2}-reverse`]: labelPosition === "left"
-  }, className), style, onClick: handleClick }, rest), renderRadioItem());
+  }, className);
+  return React__default.createElement("div", Object.assign({ className: cls, style, onClick: handleClick }, rest), renderRadioItem());
 };
 Radio.displayName = "NutRadio";
 Radio.Group = RadioGroup;

package/dist/esm/{raf-zwv-SBjP.js → raf-Di10dXPS.js}

@@ -1,5 +1,6 @@
+const inBrowser = typeof window !== "undefined";
 function requestAniFrame() {
-  if (typeof window !== "undefined") {
+  if (inBrowser) {
     const _window = window;
     return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
       _window.setTimeout(callback, 1e3 / 60);