@nutui/nutui-react 2.0.23 → 2.1.0-beta.0

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

@@ -26,169 +26,167 @@ import { default as default26 } from "./Tabs.js";
 import { default as default27 } from "./Address.js";
 import { default as default28 } from "./Calendar.js";
 import { default as default29 } from "./CalendarItem.js";
-import { default as default30 } from "./CalendarCard.js";
-import { default as default31 } from "./Cascader.js";
-import { default as default32 } from "./Checkbox.js";
-import { default as default33 } from "./CheckboxGroup.js";
-import { default as default34 } from "./DatePicker.js";
-import { default as default35 } from "./Form.js";
-import { default as default36 } from "./FormItem.js";
-import { default as default37 } from "./Input.js";
-import { default as default38 } from "./InputNumber.js";
-import { default as default39 } from "./Menu.js";
-import { default as default40 } from "./MenuItem.js";
-import { default as default41 } from "./NumberKeyboard.js";
-import { default as default42 } from "./Picker.js";
-import { default as default43 } from "./Radio.js";
-import { default as default44 } from "./RadioGroup.js";
-import { default as default45 } from "./Range.js";
-import { default as default46 } from "./Rate.js";
-import { default as default47 } from "./SearchBar.js";
-import { default as default48 } from "./ShortPassword.js";
-import { default as default49 } from "./Signature.js";
-import { default as default50 } from "./Switch.js";
-import { default as default51 } from "./TextArea.js";
-import { default as default52 } from "./Uploader.js";
-import { default as default53 } from "./ActionSheet.js";
-import { default as default54 } from "./Badge.js";
-import { default as default55 } from "./Dialog.js";
-import { default as default56 } from "./Drag.js";
-import { default as default57 } from "./Empty.js";
-import { default as default58 } from "./InfiniteLoading.js";
-import { default as default59 } from "./Loading.js";
-import { default as default60 } from "./NoticeBar.js";
-import { default as default61 } from "./Notify.js";
-import { default as default62 } from "./Popover.js";
-import { default as default63 } from "./Popup.js";
-import { default as default64 } from "./PullToRefresh.js";
-import { default as default65 } from "./Skeleton.js";
-import { default as default66 } from "./Swipe.js";
-import { default as default67 } from "./Toast.js";
-import { default as default68 } from "./Animate.js";
-import { default as default69 } from "./AnimatingNumbers.js";
-import { default as default70 } from "./Audio.js";
-import { default as default71 } from "./Avatar.js";
-import { default as default72 } from "./AvatarGroup.js";
-import { default as default73 } from "./CircleProgress.js";
-import { default as default74 } from "./Collapse.js";
-import { default as default75 } from "./CollapseItem.js";
-import { default as default76 } from "./CountDown.js";
-import { default as default77 } from "./Ellipsis.js";
-import { default as default78 } from "./ImagePreview.js";
-import { default as default79 } from "./Indicator.js";
-import { default as default80 } from "./Pagination.js";
-import { default as default81 } from "./Price.js";
-import { default as default82 } from "./Progress.js";
-import { default as default83 } from "./Step.js";
-import { default as default84 } from "./Steps.js";
-import { default as default85 } from "./Swiper.js";
-import { default as default86 } from "./SwiperItem.js";
-import { default as default87 } from "./Table.js";
-import { default as default88 } from "./Tag.js";
-import { default as default89 } from "./Tour.js";
-import { default as default90 } from "./Video.js";
-import { default as default91 } from "./VirtualList.js";
-import { default as default92 } from "./Barrage.js";
-import { default as default93 } from "./Card.js";
-import { default as default94 } from "./TimeDetail.js";
-import { default as default95 } from "./TimeSelect.js";
-import { default as default96 } from "./TrendArrow.js";
-import { default as default97 } from "./WaterMark.js";
+import { default as default30 } from "./Cascader.js";
+import { default as default31 } from "./Checkbox.js";
+import { default as default32 } from "./CheckboxGroup.js";
+import { default as default33 } from "./DatePicker.js";
+import { default as default34 } from "./Form.js";
+import { default as default35 } from "./FormItem.js";
+import { default as default36 } from "./Input.js";
+import { default as default37 } from "./InputNumber.js";
+import { default as default38 } from "./Menu.js";
+import { default as default39 } from "./MenuItem.js";
+import { default as default40 } from "./NumberKeyboard.js";
+import { default as default41 } from "./Picker.js";
+import { default as default42 } from "./Radio.js";
+import { default as default43 } from "./RadioGroup.js";
+import { default as default44 } from "./Range.js";
+import { default as default45 } from "./Rate.js";
+import { default as default46 } from "./SearchBar.js";
+import { default as default47 } from "./ShortPassword.js";
+import { default as default48 } from "./Signature.js";
+import { default as default49 } from "./Switch.js";
+import { default as default50 } from "./TextArea.js";
+import { default as default51 } from "./Uploader.js";
+import { default as default52 } from "./ActionSheet.js";
+import { default as default53 } from "./Badge.js";
+import { default as default54 } from "./Dialog.js";
+import { default as default55 } from "./Drag.js";
+import { default as default56 } from "./Empty.js";
+import { default as default57 } from "./InfiniteLoading.js";
+import { default as default58 } from "./Loading.js";
+import { default as default59 } from "./NoticeBar.js";
+import { default as default60 } from "./Notify.js";
+import { default as default61 } from "./Popover.js";
+import { default as default62 } from "./Popup.js";
+import { default as default63 } from "./PullToRefresh.js";
+import { default as default64 } from "./Skeleton.js";
+import { default as default65 } from "./Swipe.js";
+import { default as default66 } from "./Toast.js";
+import { default as default67 } from "./Animate.js";
+import { default as default68 } from "./AnimatingNumbers.js";
+import { default as default69 } from "./Audio.js";
+import { default as default70 } from "./Avatar.js";
+import { default as default71 } from "./AvatarGroup.js";
+import { default as default72 } from "./CircleProgress.js";
+import { default as default73 } from "./Collapse.js";
+import { default as default74 } from "./CollapseItem.js";
+import { default as default75 } from "./CountDown.js";
+import { default as default76 } from "./Ellipsis.js";
+import { default as default77 } from "./ImagePreview.js";
+import { default as default78 } from "./Indicator.js";
+import { default as default79 } from "./Pagination.js";
+import { default as default80 } from "./Price.js";
+import { default as default81 } from "./Progress.js";
+import { default as default82 } from "./Step.js";
+import { default as default83 } from "./Steps.js";
+import { default as default84 } from "./Swiper.js";
+import { default as default85 } from "./SwiperItem.js";
+import { default as default86 } from "./Table.js";
+import { default as default87 } from "./Tag.js";
+import { default as default88 } from "./Tour.js";
+import { default as default89 } from "./Video.js";
+import { default as default90 } from "./VirtualList.js";
+import { default as default91 } from "./Barrage.js";
+import { default as default92 } from "./Card.js";
+import { default as default93 } from "./TimeDetail.js";
+import { default as default94 } from "./TimeSelect.js";
+import { default as default95 } from "./TrendArrow.js";
+import { default as default96 } from "./WaterMark.js";
 export {
-  default53 as ActionSheet,
+  default52 as ActionSheet,
   default27 as Address,
-  default68 as Animate,
-  default69 as AnimatingNumbers,
-  default70 as Audio,
-  default71 as Avatar,
-  default72 as AvatarGroup,
+  default67 as Animate,
+  default68 as AnimatingNumbers,
+  default69 as Audio,
+  default70 as Avatar,
+  default71 as AvatarGroup,
   default16 as BackTop,
-  default54 as Badge,
-  default92 as Barrage,
+  default53 as Badge,
+  default91 as Barrage,
   default2 as Button,
   default28 as Calendar,
-  default30 as CalendarCard,
   default29 as CalendarItem,
-  default93 as Card,
-  default31 as Cascader,
+  default92 as Card,
+  default30 as Cascader,
   default3 as Cell,
   default4 as CellGroup,
-  default32 as Checkbox,
-  default33 as CheckboxGroup,
-  default73 as CircleProgress,
+  default31 as Checkbox,
+  default32 as CheckboxGroup,
+  default72 as CircleProgress,
   default8 as Col,
-  default74 as Collapse,
-  default75 as CollapseItem,
+  default73 as Collapse,
+  default74 as CollapseItem,
   default5 as ConfigProvider,
-  default76 as CountDown,
-  default34 as DatePicker,
-  default55 as Dialog,
+  default75 as CountDown,
+  default33 as DatePicker,
+  default54 as Dialog,
   default9 as Divider,
-  default56 as Drag,
+  default55 as Drag,
   default17 as Elevator,
-  default77 as Ellipsis,
-  default57 as Empty,
+  default76 as Ellipsis,
+  default56 as Empty,
   default18 as FixedNav,
-  default35 as Form,
-  default36 as FormItem,
+  default34 as Form,
+  default35 as FormItem,
   default10 as Grid,
   default11 as GridItem,
   default6 as Image,
-  default78 as ImagePreview,
-  default79 as Indicator,
-  default58 as InfiniteLoading,
-  default37 as Input,
-  default38 as InputNumber,
+  default77 as ImagePreview,
+  default78 as Indicator,
+  default57 as InfiniteLoading,
+  default36 as Input,
+  default37 as InputNumber,
   default12 as Layout,
-  default59 as Loading,
-  default39 as Menu,
-  default40 as MenuItem,
+  default58 as Loading,
+  default38 as Menu,
+  default39 as MenuItem,
   default19 as NavBar,
-  default60 as NoticeBar,
-  default61 as Notify,
-  default41 as NumberKeyboard,
+  default59 as NoticeBar,
+  default60 as Notify,
+  default40 as NumberKeyboard,
   default7 as Overlay,
-  default80 as Pagination,
-  default42 as Picker,
-  default62 as Popover,
-  default63 as Popup,
-  default81 as Price,
-  default82 as Progress,
-  default64 as PullToRefresh,
-  default43 as Radio,
-  default44 as RadioGroup,
-  default45 as Range,
-  default46 as Rate,
+  default79 as Pagination,
+  default41 as Picker,
+  default61 as Popover,
+  default62 as Popup,
+  default80 as Price,
+  default81 as Progress,
+  default63 as PullToRefresh,
+  default42 as Radio,
+  default43 as RadioGroup,
+  default44 as Range,
+  default45 as Rate,
   default13 as Row,
-  default47 as SearchBar,
-  default48 as ShortPassword,
+  default46 as SearchBar,
+  default47 as ShortPassword,
   default20 as SideNavBar,
   default21 as SideNavBarItem,
-  default49 as Signature,
-  default65 as Skeleton,
+  default48 as Signature,
+  default64 as Skeleton,
   default14 as Space,
-  default83 as Step,
-  default84 as Steps,
+  default82 as Step,
+  default83 as Steps,
   default15 as Sticky,
   default22 as SubSideNavBar,
-  default66 as Swipe,
-  default85 as Swiper,
-  default86 as SwiperItem,
-  default50 as Switch,
+  default65 as Swipe,
+  default84 as Swiper,
+  default85 as SwiperItem,
+  default49 as Switch,
   default25 as TabPane,
   default23 as Tabbar,
   default24 as TabbarItem,
-  default87 as Table,
+  default86 as Table,
   default26 as Tabs,
-  default88 as Tag,
-  default51 as TextArea,
-  default94 as TimeDetail,
-  default95 as TimeSelect,
-  default67 as Toast,
-  default89 as Tour,
-  default96 as TrendArrow,
-  default52 as Uploader,
-  default90 as Video,
-  default91 as VirtualList,
-  default97 as WaterMark
+  default87 as Tag,
+  default50 as TextArea,
+  default93 as TimeDetail,
+  default94 as TimeSelect,
+  default66 as Toast,
+  default88 as Tour,
+  default95 as TrendArrow,
+  default51 as Uploader,
+  default89 as Video,
+  default90 as VirtualList,
+  default96 as WaterMark
 };

package/dist/esm/overlay2.js

@@ -23,82 +23,10 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useEffect, useState, useRef } from "react";
+import React__default, { useState, useRef, useEffect } from "react";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-import { u as useTouch } from "./use-touch.js";
-import { g as getScrollParent } from "./get-scroll-parent.js";
-import { p as passiveSupported } from "./supports-passive.js";
-var totalLockCount = 0;
-var BODY_LOCK_CLASS = "nut-overflow-hidden";
-function getScrollableElement(el) {
-  var current = el === null || el === void 0 ? void 0 : el.parentElement;
-  while (current) {
-    if (current.clientHeight < current.scrollHeight) {
-      return current;
-    }
-    current = current.parentElement;
-  }
-  return null;
-}
-function useLockScroll(rootRef, shouldLock) {
-  var touch = useTouch();
-  var onTouchMove = function onTouchMove2(event) {
-    touch.move(event);
-    var direction = touch.deltaY.current > 0 ? "10" : "01";
-    var el = getScrollParent(event.target, rootRef.current);
-    if (!el)
-      return;
-    if (shouldLock === "strict") {
-      var scrollableParent = getScrollableElement(event.target);
-      if (scrollableParent === document.body || scrollableParent === document.documentElement) {
-        event.preventDefault();
-        return;
-      }
-    }
-    var scrollHeight = el.scrollHeight, offsetHeight = el.offsetHeight, scrollTop = el.scrollTop;
-    var status = "11";
-    if (scrollTop === 0) {
-      status = offsetHeight >= scrollHeight ? "00" : "01";
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
-      status = "10";
-    }
-    if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      if (event.cancelable) {
-        event.preventDefault();
-      }
-    }
-  };
-  var lock = function lock2() {
-    document.addEventListener("touchstart", touch.start);
-    document.addEventListener("touchmove", onTouchMove, passiveSupported ? {
-      passive: false
-    } : false);
-    if (!totalLockCount) {
-      document.body.classList.add(BODY_LOCK_CLASS);
-    }
-    totalLockCount++;
-  };
-  var unlock = function unlock2() {
-    if (totalLockCount) {
-      document.removeEventListener("touchstart", touch.start);
-      document.removeEventListener("touchmove", onTouchMove);
-      totalLockCount--;
-      if (!totalLockCount) {
-        document.body.classList.remove(BODY_LOCK_CLASS);
-      }
-    }
-  };
-  useEffect(function() {
-    if (shouldLock) {
-      lock();
-      return function() {
-        unlock();
-      };
-    }
-  }, [shouldLock]);
-}
 var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   zIndex: 1e3,
   duration: 300,
@@ -110,8 +38,10 @@ var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}
 });
 var Overlay = function Overlay2(props) {
   var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, onClick2 = _defaultOverlayProps$.onClick, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
   var classPrefix = "nut-overlay";
+  var classes = classNames(className, classPrefix);
+  var styles = _objectSpread({}, style);
+  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
   var nodeRef = useRef(null);
   useEffect(function() {
     if (visible) {
@@ -119,10 +49,20 @@ var Overlay = function Overlay2(props) {
     } else {
       setInnerVisible(false);
     }
+    lock();
   }, [visible]);
-  useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
-  var classes = classNames(className, classPrefix);
-  var styles = _objectSpread({}, style);
+  useEffect(function() {
+    return function() {
+      document.body.classList.remove("nut-overflow-hidden");
+    };
+  }, []);
+  var lock = function lock2() {
+    if (lockScroll && visible) {
+      document.body.classList.add("nut-overflow-hidden");
+    } else {
+      document.body.classList.remove("nut-overflow-hidden");
+    }
+  };
   var handleClick = function handleClick2(e) {
     if (closeOnOverlayClick) {
       onClick2 && onClick2(e);
@@ -154,6 +94,5 @@ Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 export {
   Overlay as O,
-  defaultOverlayProps as d,
-  useLockScroll as u
+  defaultOverlayProps as d
 };

package/dist/esm/popup2.js

@@ -26,7 +26,7 @@ import { createPortal } from "react-dom";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
-import { d as defaultOverlayProps, u as useLockScroll } from "./overlay2.js";
+import { d as defaultOverlayProps } from "./overlay2.js";
 import Overlay from "./Overlay.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -57,12 +57,10 @@ var Popup = function Popup2(props) {
   var _classNames, _classNames2;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
   var nodeRef = React__default.useRef(null);
-  var innerIndex = zIndex || _zIndex;
-  var _useState = useState(innerIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
+  var _useState = useState(zIndex || _zIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
   var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), innerVisible = _useState4[0], setInnerVisible = _useState4[1];
   var _useState5 = useState(true), _useState6 = _slicedToArray(_useState5, 2), showChildren = _useState6[0], setShowChildren = _useState6[1];
   var _useState7 = useState(""), _useState8 = _slicedToArray(_useState7, 2), transitionName = _useState8[0], setTransitionName = _useState8[1];
-  useLockScroll(nodeRef, innerVisible && lockScroll);
   var classPrefix = "nut-popup";
   var baseStyle = {
     zIndex: index
@@ -71,14 +69,12 @@ var Popup = function Popup2(props) {
     "--nutui-overlay-zIndex": index
   });
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-  var popClassName = classNames((_classNames = {
-    round
-  }, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
-  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon--").concat(closeIconPosition), true), _classNames2));
+  var popClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-round"), round || position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
+  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-title-right"), true), _defineProperty(_classNames2, "".concat(classPrefix, "-title-right--").concat(closeIconPosition), true), _classNames2));
   var open = function open2() {
     if (!innerVisible) {
       setInnerVisible(true);
-      setIndex(++innerIndex);
+      setIndex(++_zIndex);
     }
     if (destroyOnClose) {
       setShowChildren(true);
@@ -127,24 +123,25 @@ var Popup = function Popup2(props) {
     }
     return node;
   };
-  var renderIcon = function renderIcon2() {
-    if (closeable) {
+  var renderTitle = function renderTitle2() {
+    if (left || title) {
       return React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title")
+      }, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title-left")
+      }, left), title && React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title-title")
+      }, title)), closeable && React__default.createElement("div", {
         className: closeClasses,
         onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, {
-        width: 12,
-        height: 12
-      }));
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
+    }
+    if (closeable) {
+      return React__default.createElement(React__default.Fragment, null, closeable && React__default.createElement("div", {
+        className: closeClasses,
+        onClick: onHandleClickCloseIcon
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
     }
-    return null;
-  };
-  var renderTitle = function renderTitle2() {
-    return React__default.createElement(React__default.Fragment, null, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-left-icon")
-    }, left), title && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-title")
-    }, title)));
   };
   var renderPop = function renderPop2() {
     return React__default.createElement(CSSTransition, {
@@ -160,7 +157,7 @@ var Popup = function Popup2(props) {
       style: popStyles,
       className: popClassName,
       onClick: onHandleClick
-    }, renderTitle(), renderIcon(), showChildren ? children : ""));
+    }, renderTitle(), showChildren ? children : ""));
   };
   var renderNode = function renderNode2() {
     return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
@@ -168,6 +165,7 @@ var Popup = function Popup2(props) {
       className: overlayClassName,
       visible: innerVisible,
       closeOnOverlayClick,
+      zIndex,
       lockScroll,
       duration,
       onClick: onHandleClickOverlay

package/dist/esm/radio2.js

@@ -24,7 +24,7 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useContext } from "react";
-import { CheckChecked, CheckNormal } from "@nutui/icons-react";
+import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react";
 import classNames from "classnames";
 import RadioGroup from "./RadioGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -69,21 +69,26 @@ var Radio = function Radio2(props) {
   }
   var renderLabel = function renderLabel2() {
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "__label"), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), disabled))
+      className: classNames("".concat(classPrefix, "-label"), _defineProperty({}, "".concat(classPrefix, "-label-disabled"), disabled))
     }, children);
   };
   var renderButton = function renderButton2() {
     var _classNames2;
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "__button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__button--active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "__button--disabled"), disabled), _classNames2))
+      className: classNames("".concat(classPrefix, "-button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-button-active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "-button-disabled"), disabled), _classNames2))
     }, children);
   };
   var color = function color2() {
     var _ref;
-    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "__icon--disable"), disabled), _defineProperty(_ref, "".concat(classPrefix, "__icon"), checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "__icon--unchecked"), !checkedStatement), _ref;
+    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "-icon-disabled"), disabled), _defineProperty(_ref, "".concat(classPrefix, "-icon"), !checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "-icon-checked"), checkedStatement), _ref;
   };
   var renderIcon = function renderIcon2() {
     var icon2 = props.icon, activeIcon2 = props.activeIcon;
+    if (disabled && !checkedStatement) {
+      return React__default.createElement(CheckDisabled, {
+        className: classNames(color())
+      });
+    }
     if (checkedStatement) {
       return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, _objectSpread(_objectSpread({}, activeIcon2.props), {}, {
         className: classNames(color())
@@ -113,7 +118,7 @@ var Radio = function Radio2(props) {
     setCheckedStatement(!checkedStatement);
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className, " ").concat(reverse ? "".concat(classPrefix, "--reverse") : ""),
+    className: "".concat(classPrefix, " ").concat(className, " ").concat(reverse ? "".concat(classPrefix, "-reverse") : ""),
     style,
     onClick: handleClick
   }, rest), renderRadioItem());

package/dist/esm/types/src/packages/button/button.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
-export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type ButtonSize = 'large' | 'normal' | 'small';
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'none';
+export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
 export interface ButtonProps extends BasicComponent {
     color: string;
     shape: ButtonShape;
@@ -15,6 +15,7 @@ export interface ButtonProps extends BasicComponent {
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
+    rightIcon: React.ReactNode;
     id: string;
     nativeType: 'submit' | 'reset' | 'button';
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;

package/dist/esm/types/src/packages/button/button.taro.d.ts

@@ -3,10 +3,10 @@ import type { MouseEvent } from 'react';
 import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BasicComponent } from '@/utils/typings';
 type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
-export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type ButtonSize = 'large' | 'normal' | 'small';
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'none';
+export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
 export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {
     color: string;
     shape: ButtonShape;
@@ -17,6 +17,7 @@ export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
+    rightIcon: React.ReactNode;
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;