@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/overlay2.js

@@ -1,28 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose", "onClick"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useEffect, useState, useRef } from "react";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
@@ -30,10 +6,10 @@ 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";
+let totalLockCount = 0;
+const BODY_LOCK_CLASS = "nut-overflow-hidden";
 function getScrollableElement(el) {
-  var current = el === null || el === void 0 ? void 0 : el.parentElement;
+  let current = el === null || el === void 0 ? void 0 : el.parentElement;
   while (current) {
     if (current.clientHeight < current.scrollHeight) {
       return current;
@@ -43,22 +19,22 @@ function getScrollableElement(el) {
   return null;
 }
 function useLockScroll(rootRef, shouldLock) {
-  var touch = useTouch();
-  var onTouchMove = function onTouchMove2(event) {
+  const touch = useTouch();
+  const onTouchMove = (event) => {
     touch.move(event);
-    var direction = touch.deltaY.current > 0 ? "10" : "01";
-    var el = getScrollParent(event.target, rootRef.current);
+    const direction = touch.deltaY.current > 0 ? "10" : "01";
+    const el = getScrollParent(event.target, rootRef.current);
     if (!el)
       return;
     if (shouldLock === "strict") {
-      var scrollableParent = getScrollableElement(event.target);
+      const 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";
+    const { scrollHeight, offsetHeight, scrollTop } = el;
+    let status = "11";
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? "00" : "01";
     } else if (scrollTop + offsetHeight >= scrollHeight) {
@@ -70,17 +46,15 @@ function useLockScroll(rootRef, shouldLock) {
       }
     }
   };
-  var lock = function lock2() {
+  const lock = () => {
     document.addEventListener("touchstart", touch.start);
-    document.addEventListener("touchmove", onTouchMove, passiveSupported ? {
-      passive: false
-    } : false);
+    document.addEventListener("touchmove", onTouchMove, passiveSupported ? { passive: false } : false);
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
     }
     totalLockCount++;
   };
-  var unlock = function unlock2() {
+  const unlock = () => {
     if (totalLockCount) {
       document.removeEventListener("touchstart", touch.start);
       document.removeEventListener("touchmove", onTouchMove);
@@ -90,30 +64,23 @@ function useLockScroll(rootRef, shouldLock) {
       }
     }
   };
-  useEffect(function() {
+  useEffect(() => {
     if (shouldLock) {
       lock();
-      return function() {
+      return () => {
         unlock();
       };
     }
   }, [shouldLock]);
 }
-var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  zIndex: 1e3,
-  duration: 300,
-  closeOnOverlayClick: true,
-  visible: false,
-  lockScroll: true,
-  onClick: function onClick(event) {
-  }
-});
-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 classPrefix = "nut-overlay";
-  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
-  var nodeRef = useRef(null);
-  useEffect(function() {
+const defaultOverlayProps = Object.assign(Object.assign({}, ComponentDefaults), { zIndex: 1e3, duration: 300, closeOnOverlayClick: true, visible: false, lockScroll: true, onClick: (event) => {
+} });
+const Overlay = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultOverlayProps), props), { children, zIndex, duration, className, closeOnOverlayClick, visible, lockScroll, style, afterShow, afterClose, onClick } = _a, rest = __rest(_a, ["children", "zIndex", "duration", "className", "closeOnOverlayClick", "visible", "lockScroll", "style", "afterShow", "afterClose", "onClick"]);
+  const classPrefix = `nut-overlay`;
+  const [innerVisible, setInnerVisible] = useState(visible);
+  const nodeRef = useRef(null);
+  useEffect(() => {
     if (visible) {
       setInnerVisible(true);
     } else {
@@ -121,34 +88,28 @@ var Overlay = function Overlay2(props) {
     }
   }, [visible]);
   useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
-  var classes = classNames(classPrefix, className);
-  var styles = _objectSpread({}, style);
-  var handleClick = function handleClick2(e) {
+  const classes = classNames(classPrefix, className);
+  const styles = Object.assign({}, style);
+  const handleClick = (e) => {
     if (closeOnOverlayClick) {
-      onClick2 && onClick2(e);
+      onClick && onClick(e);
     }
   };
-  var onHandleOpened = function onHandleOpened2(e) {
+  const onHandleOpened = (e) => {
     afterShow && afterShow();
   };
-  var onHandleClosed = function onHandleClosed2(e) {
+  const onHandleClosed = (e) => {
     afterClose && afterClose();
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(CSSTransition, {
-    nodeRef,
-    classNames: "".concat(classPrefix, "-slide"),
-    unmountOnExit: true,
-    timeout: duration,
-    "in": innerVisible,
-    onEntered: onHandleOpened,
-    onExited: onHandleClosed
-  }, React__default.createElement("div", _objectSpread(_objectSpread({
-    ref: nodeRef,
-    className: classes,
-    style: styles
-  }, rest), {}, {
-    onClick: handleClick
-  }), children)));
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      CSSTransition,
+      { nodeRef, classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
+      React__default.createElement("div", Object.assign({ ref: nodeRef, className: classes, style: styles }, rest, { onClick: handleClick }), children)
+    )
+  );
 };
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";

package/dist/esm/pad-zero.js

@@ -1,8 +1,7 @@
-var padZero = function padZero2(num) {
-  var targetLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
-  var str = "".concat(num);
+const padZero = (num, targetLength = 2) => {
+  let str = `${num}`;
   while (str.length < targetLength) {
-    str = "0".concat(str);
+    str = `0${str}`;
   }
   return str;
 };

package/dist/esm/popup2.js

@@ -1,26 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { CSSTransition } from "react-transition-group";
@@ -29,50 +6,35 @@ import { Close } from "@nutui/icons-react";
 import { d as defaultOverlayProps, u as useLockScroll } from "./overlay2.js";
 import Overlay from "./Overlay.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  position: "center",
-  transition: "",
-  overlayStyle: {},
-  overlayClassName: "",
-  closeable: false,
-  closeIconPosition: "top-right",
-  closeIcon: "close",
-  destroyOnClose: false,
-  portal: null,
-  overlay: true,
-  round: false,
-  onOpen: function onOpen() {
-  },
-  onClose: function onClose() {
-  },
-  onOverlayClick: function onOverlayClick(e) {
-    return true;
-  },
-  onCloseIconClick: function onCloseIconClick(e) {
-    return true;
-  }
-}, defaultOverlayProps);
-var _zIndex = 1100;
-var Popup = function Popup2(props) {
-  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, description = _defaultProps$props.description, 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 _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];
+const defaultProps = Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { position: "center", transition: "", overlayStyle: {}, overlayClassName: "", closeable: false, closeIconPosition: "top-right", closeIcon: "close", destroyOnClose: false, portal: null, overlay: true, round: false, onOpen: () => {
+}, onClose: () => {
+}, onOverlayClick: (e) => true, onCloseIconClick: (e) => true }), defaultOverlayProps);
+const _zIndex = 1100;
+const Popup = (props) => {
+  const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, left, title, description, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onOverlayClick, onCloseIconClick, afterShow, afterClose, onClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const nodeRef = React__default.useRef(null);
+  let innerIndex = zIndex || _zIndex;
+  const [index, setIndex] = useState(innerIndex);
+  const [innerVisible, setInnerVisible] = useState(visible);
+  const [showChildren, setShowChildren] = useState(true);
+  const [transitionName, setTransitionName] = useState("");
   useLockScroll(nodeRef, innerVisible && lockScroll);
-  var classPrefix = "nut-popup";
-  var baseStyle = {
+  const classPrefix = "nut-popup";
+  const baseStyle = {
     zIndex: index
   };
-  var overlayStyles = _objectSpread(_objectSpread({}, overlayStyle), {}, {
-    "--nutui-overlay-zIndex": index
+  const overlayStyles = Object.assign(Object.assign({}, overlayStyle), { "--nutui-overlay-zIndex": index });
+  const popStyles = Object.assign(Object.assign({}, style), baseStyle);
+  const popClassName = classNames({
+    [`${classPrefix}`]: true,
+    [`${classPrefix}-round`]: round || position === "bottom",
+    [`${classPrefix}-${position}`]: true
+  }, className);
+  const closeClasses = classNames({
+    [`${classPrefix}-title-right`]: true,
+    [`${classPrefix}-title-right-${closeIconPosition}`]: true
   });
-  var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-  var popClassName = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix), true), "".concat(classPrefix, "-round"), round || position === "bottom"), "".concat(classPrefix, "-").concat(position), true), className);
-  var closeClasses = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-title-right"), true), "".concat(classPrefix, "-title-right-").concat(closeIconPosition), true));
-  var open = function open2() {
+  const open = () => {
     if (!innerVisible) {
       setInnerVisible(true);
       setIndex(++innerIndex);
@@ -80,106 +42,99 @@ var Popup = function Popup2(props) {
     if (destroyOnClose) {
       setShowChildren(true);
     }
-    onOpen2 && onOpen2();
+    onOpen && onOpen();
   };
-  var close = function close2() {
+  const close = () => {
     if (innerVisible) {
       setInnerVisible(false);
       if (destroyOnClose) {
-        setTimeout(function() {
+        setTimeout(() => {
           setShowChildren(false);
         }, Number(duration));
       }
-      onClose2 && onClose2();
+      onClose && onClose();
     }
   };
-  var onHandleClickOverlay = function onHandleClickOverlay2(e) {
+  const onHandleClickOverlay = (e) => {
     e.stopPropagation();
     if (closeOnOverlayClick) {
-      var closed = onOverlayClick2 && onOverlayClick2(e);
+      const closed = onOverlayClick && onOverlayClick(e);
       closed && close();
     }
   };
-  var onHandleClick = function onHandleClick2(e) {
+  const onHandleClick = (e) => {
     onClick && onClick(e);
   };
-  var onHandleClickCloseIcon = function onHandleClickCloseIcon2(e) {
-    var closed = onCloseIconClick2 && onCloseIconClick2(e);
+  const onHandleClickCloseIcon = (e) => {
+    const closed = onCloseIconClick && onCloseIconClick(e);
     closed && close();
   };
-  var onHandleOpened = function onHandleOpened2(e) {
+  const onHandleOpened = (e) => {
     afterShow && afterShow();
   };
-  var onHandleClosed = function onHandleClosed2(e) {
+  const onHandleClosed = (e) => {
     afterClose && afterClose();
   };
-  var resolveContainer = function resolveContainer2(getContainer) {
-    var container = typeof getContainer === "function" ? getContainer() : getContainer;
+  const resolveContainer = (getContainer) => {
+    const container = typeof getContainer === "function" ? getContainer() : getContainer;
     return container || document.body;
   };
-  var renderToContainer = function renderToContainer2(getContainer, node) {
+  const renderToContainer = (getContainer, node) => {
     if (getContainer) {
-      var container = resolveContainer(getContainer);
+      const container = resolveContainer(getContainer);
       return createPortal(node, container);
     }
     return node;
   };
-  var renderTitle = function renderTitle2() {
+  const renderTitle = () => {
     if (left || title || description) {
-      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 || description) && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-title")
-      }, title, description && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-description")
-      }, description))), closeable && React__default.createElement("div", {
-        className: closeClasses,
-        onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
+      return React__default.createElement(
+        "div",
+        { className: `${classPrefix}-title` },
+        position === "bottom" && React__default.createElement(
+          React__default.Fragment,
+          null,
+          left && React__default.createElement("div", { className: `${classPrefix}-title-left` }, left),
+          (title || description) && React__default.createElement(
+            "div",
+            { className: `${classPrefix}-title-title` },
+            title,
+            description && React__default.createElement("div", { className: `${classPrefix}-title-description` }, description)
+          )
+        ),
+        closeable && React__default.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, 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 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)));
     }
   };
-  var renderPop = function renderPop2() {
-    return React__default.createElement(CSSTransition, {
-      nodeRef,
-      classNames: transitionName,
-      mountOnEnter: true,
-      unmountOnExit: destroyOnClose,
-      timeout: duration,
-      "in": innerVisible,
-      onEntered: onHandleOpened,
-      onExited: onHandleClosed
-    }, React__default.createElement("div", {
-      ref: nodeRef,
-      style: popStyles,
-      className: popClassName,
-      onClick: onHandleClick
-    }, renderTitle(), showChildren ? children : ""));
+  const renderPop = () => {
+    return React__default.createElement(
+      CSSTransition,
+      { nodeRef, classNames: transitionName, mountOnEnter: true, unmountOnExit: destroyOnClose, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
+      React__default.createElement(
+        "div",
+        { ref: nodeRef, style: popStyles, className: popClassName, onClick: onHandleClick },
+        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, {
-      style: overlayStyles,
-      className: overlayClassName,
-      visible: innerVisible,
-      closeOnOverlayClick,
-      lockScroll,
-      duration,
-      onClick: onHandleClickOverlay
-    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
+  const renderNode = () => {
+    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(Overlay, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }),
+      renderPop()
+    ) : React__default.createElement(React__default.Fragment, null, renderPop()));
   };
-  useEffect(function() {
+  useEffect(() => {
     visible && open();
     !visible && close();
   }, [visible]);
-  useEffect(function() {
-    setTransitionName(transition || "".concat(classPrefix, "-slide-").concat(position));
+  useEffect(() => {
+    setTransitionName(transition || `${classPrefix}-slide-${position}`);
   }, [position, transition]);
   return React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };

package/dist/esm/px-check.js

@@ -1,5 +1,5 @@
-var pxCheck = function pxCheck2(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+const pxCheck = (value) => {
+  return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 export {
   pxCheck as p

package/dist/esm/radio2.js

@@ -1,56 +1,27 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "style", "checked", "defaultChecked", "shape", "value", "icon", "activeIcon", "onChange"], _excluded2 = ["labelPosition", "disabled"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "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";
 import { u as usePropsValue } from "./use-props-value.js";
-var RadioContext = React__default.createContext(null);
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  disabled: false,
-  shape: "round",
-  value: "",
-  labelPosition: "right",
-  icon: null,
-  activeIcon: null,
-  onChange: function onChange(checked) {
-  }
-});
-var Radio = function Radio2(props) {
-  var classPrefix = "nut-radio";
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, checked = _defaultProps$props.checked, defaultChecked = _defaultProps$props.defaultChecked, shape = _defaultProps$props.shape, value = _defaultProps$props.value, icon = _defaultProps$props.icon, activeIcon = _defaultProps$props.activeIcon, onChange2 = _defaultProps$props.onChange, others = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var labelPosition = others.labelPosition, disabled = others.disabled, rest = _objectWithoutProperties(others, _excluded2);
-  var _usePropsValue = usePropsValue({
+const RadioContext = React__default.createContext(null);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, shape: "round", value: "", labelPosition: "right", icon: null, activeIcon: null, onChange: (checked) => {
+} });
+const Radio = (props) => {
+  const classPrefix = "nut-radio";
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, checked, defaultChecked, shape, value, icon, activeIcon, onChange } = _a, others = __rest(_a, ["children", "className", "style", "checked", "defaultChecked", "shape", "value", "icon", "activeIcon", "onChange"]);
+  let { labelPosition, disabled } = others, rest = __rest(
+    others,
+    ["labelPosition", "disabled"]
+  );
+  let [checkedStatement, setCheckedStatement] = usePropsValue({
     value: checked,
     defaultValue: defaultChecked,
     finalValue: false,
-    onChange: onChange2
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), checkedStatement = _usePropsValue2[0], setCheckedStatement = _usePropsValue2[1];
-  var context = useContext(RadioContext);
+    onChange
+  });
+  const context = useContext(RadioContext);
   if (context) {
     checkedStatement = context.value === value;
     if (context.labelPosition !== void 0) {
@@ -59,7 +30,7 @@ var Radio = function Radio2(props) {
     if (context.disabled !== void 0) {
       disabled = context.disabled;
     }
-    setCheckedStatement = function setCheckedStatement2(value2) {
+    setCheckedStatement = (value2) => {
       if (value2) {
         context.check(props.value === void 0 ? "" : props.value);
       } else {
@@ -67,55 +38,53 @@ 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))
-    }, children);
+  const renderLabel = () => {
+    return React__default.createElement("div", { className: classNames(`${classPrefix}-label`, {
+      [`${classPrefix}-label-disabled`]: disabled
+    }) }, children);
   };
-  var renderButton = function renderButton2() {
-    return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-button"), _defineProperty(_defineProperty({}, "".concat(classPrefix, "-button-active"), checkedStatement), "".concat(classPrefix, "-button-disabled"), disabled))
-    }, children);
+  const renderButton = () => {
+    return React__default.createElement("div", { className: classNames(`${classPrefix}-button`, {
+      [`${classPrefix}-button-active`]: checkedStatement,
+      [`${classPrefix}-button-disabled`]: disabled
+    }) }, children);
   };
-  var color = function color2() {
-    return _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-icon-disabled"), disabled), "".concat(classPrefix, "-icon"), !checkedStatement), "".concat(classPrefix, "-icon-checked"), checkedStatement);
+  const color = () => {
+    return {
+      [`${classPrefix}-icon-disabled`]: disabled,
+      [`${classPrefix}-icon`]: !checkedStatement,
+      [`${classPrefix}-icon-checked`]: checkedStatement
+    };
   };
-  var renderIcon = function renderIcon2() {
-    var icon2 = props.icon, activeIcon2 = props.activeIcon;
+  const renderIcon = () => {
+    const { icon: icon2, activeIcon: activeIcon2 } = props;
     if (disabled && !checkedStatement) {
-      return React__default.createElement(CheckDisabled, {
-        className: classNames(color())
-      });
+      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())
-      })) : React__default.createElement(CheckChecked, {
-        className: classNames(color())
-      });
+      return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, Object.assign(Object.assign({}, activeIcon2.props), { className: classNames(color()) })) : React__default.createElement(CheckChecked, { className: classNames(color()) });
     }
-    return React__default.isValidElement(icon2) ? React__default.cloneElement(icon2, _objectSpread(_objectSpread({}, icon2.props), {}, {
-      className: classNames(color())
-    })) : React__default.createElement(CheckNormal, {
-      className: classNames(color())
-    });
+    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()) });
   };
-  var renderByShape = function renderByShape2(shape2) {
-    return shape2 === "button" ? renderButton() : React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
+  const renderByShape = (shape2) => {
+    return shape2 === "button" ? renderButton() : React__default.createElement(
+      React__default.Fragment,
+      null,
+      renderIcon(),
+      renderLabel()
+    );
   };
-  var renderRadioItem = function renderRadioItem2() {
+  const renderRadioItem = () => {
     return renderByShape(context && context.shape ? context.shape : shape);
   };
-  var handleClick = function handleClick2(e) {
+  const handleClick = (e) => {
     if (disabled || checkedStatement)
       return;
     setCheckedStatement(!checkedStatement);
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-reverse"), labelPosition === "left"), className),
-    style,
-    onClick: handleClick
-  }, rest), renderRadioItem());
+  return React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
+    [`${classPrefix}-reverse`]: labelPosition === "left"
+  }, className), style, onClick: handleClick }, rest), renderRadioItem());
 };
 Radio.defaultProps = defaultProps;
 Radio.displayName = "NutRadio";