@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.1-beta.0

package/dist/esm/{popup-15922d84.js → popup-67173ec6.js}

@@ -6,10 +6,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 
 var defaultProps = _objectSpread({
@@ -21,7 +22,7 @@ var defaultProps = _objectSpread({
   closeIconPosition: 'top-right',
   closeIcon: 'close',
   destroyOnClose: true,
-  // teleport: 'body',
+  teleport: null,
   overlay: true,
   round: false,
   onOpen: function onOpen() {},
@@ -40,8 +41,10 @@ var Popup = function Popup(props) {
 
   var children = props.children,
       visible = props.visible,
+      overlay = props.overlay,
       closeOnClickOverlay = props.closeOnClickOverlay,
       overlayStyle = props.overlayStyle,
+      overlayClass = props.overlayClass,
       zIndex = props.zIndex,
       lockScroll = props.lockScroll,
       duration = props.duration,
@@ -55,6 +58,7 @@ var Popup = function Popup(props) {
       popClass = props.popClass,
       className = props.className,
       destroyOnClose = props.destroyOnClose,
+      teleport = props.teleport,
       onOpen = props.onOpen,
       onClose = props.onClose,
       onClickOverlay = props.onClickOverlay,
@@ -102,9 +106,6 @@ var Popup = function Popup(props) {
 
   var open = function open() {
     if (!innerVisible) {
-      // if(zIndex !== undefined) {
-      //   _zIndex = +zIndex;
-      // }
       setInnerVisible(true);
       setIndex(++_zIndex);
     }
@@ -153,6 +154,54 @@ var Popup = function Popup(props) {
     onClosed && onClosed(e);
   };
 
+  var resolveContainer = function resolveContainer(getContainer) {
+    var container = typeof getContainer === 'function' ? getContainer() : getContainer;
+    return container || document.body;
+  };
+
+  var renderToContainer = function renderToContainer(getContainer, node) {
+    if (getContainer) {
+      var container = resolveContainer(getContainer);
+      return createPortal(node, container);
+    }
+
+    return node;
+  };
+
+  var renderPop = function renderPop() {
+    return React__default.createElement(CSSTransition, {
+      classNames: transitionName,
+      unmountOnExit: true,
+      timeout: 500,
+      "in": innerVisible,
+      onEntered: onHandleOpened,
+      onExited: onHandleClosed
+    }, React__default.createElement("div", {
+      style: popStyles,
+      className: classes,
+      onClick: onHandleClick
+    }, showChildren ? children : '', closeable ? React__default.createElement("div", {
+      className: closeClasses,
+      onClick: onHandleClickCloseIcon
+    }, React__default.createElement(Icon, {
+      name: closeIcon,
+      size: "12px"
+    })) : ''));
+  };
+
+  var renderNode = function renderNode() {
+    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+      style: overlayStyles,
+      overlayClass: overlayClass,
+      visible: innerVisible,
+      closeOnClickOverlay: closeOnClickOverlay,
+      zIndex: zIndex,
+      lockScroll: lockScroll,
+      duration: duration,
+      onClick: onHandleClickOverlay
+    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
+  };
+
   useEffect(function () {
     visible && open();
     !visible && close();
@@ -160,32 +209,7 @@ var Popup = function Popup(props) {
   useEffect(function () {
     setTransitionName(transition || "popup-slide-".concat(position));
   }, [position]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
-    style: overlayStyles,
-    visible: innerVisible,
-    closeOnClickOverlay: closeOnClickOverlay,
-    zIndex: zIndex,
-    lockScroll: lockScroll,
-    duration: duration,
-    onClick: onHandleClickOverlay
-  }), React__default.createElement(CSSTransition, {
-    classNames: transitionName,
-    unmountOnExit: true,
-    timeout: 500,
-    "in": innerVisible,
-    onEntered: onHandleOpened,
-    onExited: onHandleClosed
-  }, React__default.createElement("div", {
-    style: popStyles,
-    className: classes,
-    onClick: onHandleClick
-  }, showChildren ? children : '', closeable ? React__default.createElement("div", {
-    className: closeClasses,
-    onClick: onHandleClickCloseIcon
-  }, React__default.createElement(Icon, {
-    name: closeIcon,
-    size: "12px"
-  })) : '')));
+  return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
 
 Popup.defaultProps = defaultProps;

package/dist/esm/{popup.taro-897e35fd.js → popup.taro-a89dd3a1.js}

@@ -6,10 +6,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 
 var defaultProps = _objectSpread({
@@ -21,7 +22,7 @@ var defaultProps = _objectSpread({
   closeIconPosition: 'top-right',
   closeIcon: 'close',
   destroyOnClose: true,
-  // teleport: 'body',
+  teleport: null,
   overlay: true,
   round: false,
   onOpen: function onOpen() {},
@@ -40,8 +41,10 @@ var Popup = function Popup(props) {
 
   var children = props.children,
       visible = props.visible,
+      overlay = props.overlay,
       closeOnClickOverlay = props.closeOnClickOverlay,
       overlayStyle = props.overlayStyle,
+      overlayClass = props.overlayClass,
       zIndex = props.zIndex,
       lockScroll = props.lockScroll,
       duration = props.duration,
@@ -55,6 +58,7 @@ var Popup = function Popup(props) {
       popClass = props.popClass,
       className = props.className,
       destroyOnClose = props.destroyOnClose,
+      teleport = props.teleport,
       onOpen = props.onOpen,
       onClose = props.onClose,
       onClickOverlay = props.onClickOverlay,
@@ -102,9 +106,6 @@ var Popup = function Popup(props) {
 
   var open = function open() {
     if (!innerVisible) {
-      // if(zIndex !== undefined) {
-      //   _zIndex = +zIndex;
-      // }
       setInnerVisible(true);
       setIndex(++_zIndex);
     }
@@ -153,6 +154,54 @@ var Popup = function Popup(props) {
     onClosed && onClosed(e);
   };
 
+  var resolveContainer = function resolveContainer(getContainer) {
+    var container = typeof getContainer === 'function' ? getContainer() : getContainer;
+    return container || document.body;
+  };
+
+  var renderToContainer = function renderToContainer(getContainer, node) {
+    if (getContainer) {
+      var container = resolveContainer(getContainer);
+      return createPortal(node, container);
+    }
+
+    return node;
+  };
+
+  var renderPop = function renderPop() {
+    return React__default.createElement(CSSTransition, {
+      classNames: transitionName,
+      unmountOnExit: true,
+      timeout: 500,
+      "in": innerVisible,
+      onEntered: onHandleOpened,
+      onExited: onHandleClosed
+    }, React__default.createElement("div", {
+      style: popStyles,
+      className: classes,
+      onClick: onHandleClick
+    }, showChildren ? children : '', closeable ? React__default.createElement("div", {
+      className: closeClasses,
+      onClick: onHandleClickCloseIcon
+    }, React__default.createElement(Icon, {
+      name: closeIcon,
+      size: "12px"
+    })) : ''));
+  };
+
+  var renderNode = function renderNode() {
+    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+      style: overlayStyles,
+      overlayClass: overlayClass,
+      visible: innerVisible,
+      closeOnClickOverlay: closeOnClickOverlay,
+      zIndex: zIndex,
+      lockScroll: lockScroll,
+      duration: duration,
+      onClick: onHandleClickOverlay
+    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
+  };
+
   useEffect(function () {
     visible && open();
     !visible && close();
@@ -160,32 +209,7 @@ var Popup = function Popup(props) {
   useEffect(function () {
     setTransitionName(transition || "popup-slide-".concat(position));
   }, [position]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
-    style: overlayStyles,
-    visible: innerVisible,
-    closeOnClickOverlay: closeOnClickOverlay,
-    zIndex: zIndex,
-    lockScroll: lockScroll,
-    duration: duration,
-    onClick: onHandleClickOverlay
-  }), React__default.createElement(CSSTransition, {
-    classNames: transitionName,
-    unmountOnExit: true,
-    timeout: 500,
-    "in": innerVisible,
-    onEntered: onHandleOpened,
-    onExited: onHandleClosed
-  }, React__default.createElement("div", {
-    style: popStyles,
-    className: classes,
-    onClick: onHandleClick
-  }, showChildren ? children : '', closeable ? React__default.createElement("div", {
-    className: closeClasses,
-    onClick: onHandleClickCloseIcon
-  }, React__default.createElement(Icon, {
-    name: closeIcon,
-    size: "12px"
-  })) : '')));
+  return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
 
 Popup.defaultProps = defaultProps;

package/dist/esm/{progress.taro-51bcdd4f.js → progress.taro-dd93ac38.js}

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   className: '',

package/dist/esm/radio.taro-32cb0172.js

@@ -0,0 +1,129 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useContext, useEffect } from 'react';
+import { I as Icon } from './icon-8dc4de10.js';
+import { a as RadioContext, R as RadioGroup } from './radiogroup-e698d3df.js';
+var defaultProps = {
+  disabled: false,
+  checked: false,
+  shape: 'round',
+  value: '',
+  textPosition: 'right',
+  iconName: 'check-normal',
+  iconActiveName: 'check-checked',
+  iconSize: 18,
+  onChange: function onChange(e) {}
+};
+
+var Radio = function Radio(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children;
+
+  var className = props.className,
+      disabled = props.disabled,
+      checked = props.checked,
+      shape = props.shape,
+      textPosition = props.textPosition,
+      value = props.value,
+      iconName = props.iconName,
+      iconActiveName = props.iconActiveName,
+      iconSize = props.iconSize,
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var componentName = 'nut-radio';
+
+  var _useState = useState(checked),
+      _useState2 = _slicedToArray(_useState, 2),
+      checkedStatement = _useState2[0],
+      setCheckedStatement = _useState2[1];
+
+  var _useState3 = useState(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      valueStatement = _useState4[0],
+      setValueStatement = _useState4[1];
+
+  var _useState5 = useState(disabled),
+      _useState6 = _slicedToArray(_useState5, 2),
+      disabledStatement = _useState6[0],
+      setDisabledStatement = _useState6[1];
+
+  var context = useContext(RadioContext);
+  useEffect(function () {
+    setDisabledStatement(disabled);
+    setValueStatement(value);
+    setCheckedStatement(checked);
+  }, [disabled, value, checked]);
+
+  var renderLabel = function renderLabel() {
+    return React__default.createElement("div", {
+      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : '')
+    }, children);
+  };
+
+  var renderButton = function renderButton() {
+    return React__default.createElement("div", {
+      className: "".concat(componentName, "__button ").concat(checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : '')
+    }, children);
+  };
+
+  var color = function color() {
+    if (disabledStatement) {
+      return 'nut-radio__icon--disable';
+    }
+
+    if (checkedStatement) {
+      return 'nut-radio__icon';
+    }
+
+    return 'nut-radio__icon--unchecked';
+  };
+
+  var renderIcon = function renderIcon() {
+    var iconName = props.iconName,
+        iconSize = props.iconSize,
+        iconActiveName = props.iconActiveName;
+    return React__default.createElement(Icon, {
+      name: checkedStatement ? iconActiveName : iconName,
+      size: iconSize,
+      className: color()
+    });
+  };
+
+  var renderRadioItem = function renderRadioItem() {
+    if (shape === 'button') {
+      return renderButton();
+    }
+
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+
+    return [renderIcon(), renderLabel()];
+  };
+
+  var handleClick = function handleClick(e) {
+    if (disabledStatement || checkedStatement) return;
+    setCheckedStatement(!checkedStatement);
+    onChange && onChange(e);
+    context && context.onChange(valueStatement);
+  };
+
+  var reverseState = textPosition === 'left';
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-radio ".concat(className),
+    onClick: handleClick
+  }, rest), renderRadioItem());
+};
+
+Radio.defaultProps = defaultProps;
+Radio.displayName = 'NutRadio';
+Radio.RadioGroup = RadioGroup;
+export { Radio as R };

package/dist/esm/{radiogroup.taro-f2401b7a.js → radiogroup-e698d3df.js}

@@ -8,8 +8,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useState, useEffect } from 'react';
-import { R as RadioContext } from './context-aa058329.js';
 import { c as cn } from './bem-893ad28d.js';
+var radioContext = {
+  onChange: function onChange(val) {}
+};
+var RadioContext = React__default.createContext(radioContext);
 var defaultProps = {
   value: null,
   textPosition: 'right',
@@ -99,4 +102,4 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
 });
 RadioGroup.defaultProps = defaultProps;
 RadioGroup.displayName = 'NutRadioGroup';
-export { RadioGroup as R };
+export { RadioGroup as R, RadioContext as a };