@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.0-beta.5

package/dist/types/range/range.taro.d.ts

@@ -15,9 +15,11 @@ export interface RangeProps {
     step: number | string;
     modelValue: SliderValue;
     button: React.ReactNode;
+    vertical: boolean;
+    marks: Record<string, unknown>;
     change?: (value: number) => void;
     dragStart?: () => void;
     dragEnd?: () => void;
 }
-export declare const Range: FunctionComponent<Partial<RangeProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 export {};

package/dist/types/row/row.taro.d.ts

@@ -1,9 +1,12 @@
 import React, { FunctionComponent } from 'react';
+declare type EventType = 'row' | 'col';
 export interface RowProps {
     type: string;
     justify: string;
     align: string;
     wrap: string;
     gutter: string | number;
+    onClick: (e: any, type: EventType) => void;
 }
-export declare const Row: FunctionComponent<Partial<RowProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export {};

package/dist/types/sidenavbar/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { SideNavBar } from './sidenavbar.taro';
+export default SideNavBar;

package/dist/types/sidenavbar/sidenavbar.taro.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { SideNavBarProps } from './type';
+export declare const SideNavBar: FunctionComponent<SideNavBarProps>;

package/dist/types/sidenavbaritem/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { SideNavBarItem } from './sidenavbaritem.taro';
+export default SideNavBarItem;

package/dist/types/sidenavbaritem/sidenavbaritem.taro.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { SideNavBarItemProps } from '../sidenavbar/type';
+export declare const SideNavBarItem: FunctionComponent<SideNavBarItemProps>;

package/dist/types/skeleton/skeleton.taro.d.ts

@@ -13,6 +13,7 @@ export interface SkeletonProps {
     round: boolean;
     loading: boolean;
     avatarShape: avatarShape;
+    children?: React.ReactNode;
 }
 export declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
 export {};

package/dist/types/step/index.taro.d.ts

@@ -1,2 +1,2 @@
-import { Step } from './step.taro';
+import { Step } from './step';
 export default Step;

package/dist/types/subsidenavbar/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { SubSideNavBar } from './subsidenavbar.taro';
+export default SubSideNavBar;

package/dist/types/subsidenavbar/subsidenavbar.taro.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { SubNavBarProps } from '../sidenavbar/type';
+export declare const SubSideNavBar: FunctionComponent<SubNavBarProps>;

package/dist/types/swiper/swiper.taro.d.ts

@@ -17,6 +17,7 @@ interface SwiperProps {
     touchable: boolean;
     isPreventDefault: boolean;
     isStopPropagation: boolean;
+    isCenter: boolean;
     className?: string;
     style?: React.CSSProperties;
     pageContent?: React.ReactNode;

package/dist/types/swiperitem/index.taro.d.ts

@@ -1,2 +1,2 @@
-import { SwiperItem } from './swiperitem.taro';
+import { SwiperItem } from './swiperitem';
 export default SwiperItem;

package/dist/types/tabbar/tabbar.taro.d.ts

@@ -9,5 +9,6 @@ export interface TabbarProps {
     className: string;
     style: React.CSSProperties;
     tabSwitch: (child: React.ReactElement<any>, active: number) => void;
+    children?: React.ReactNode;
 }
 export declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;

package/dist/types/table/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Table } from './table.taro';
+export default Table;

package/dist/types/table/table.taro.d.ts

@@ -0,0 +1,3 @@
+import React, { FunctionComponent } from 'react';
+import { TableProps } from './types';
+export declare const Table: FunctionComponent<Partial<TableProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/tabpane/tabpane.taro.d.ts

@@ -1,8 +1,10 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 export interface TabPaneProps {
     title: string | number;
     paneKey: string | number;
     activeKey: string | number;
     disabled: boolean;
+    autoHeightClassName: string;
+    children?: React.ReactNode;
 }
 export declare const TabPane: FunctionComponent<Partial<TabPaneProps>>;

package/dist/types/tabs/tabs.taro.d.ts

@@ -23,6 +23,8 @@ export interface TabsProps {
     titleNode: () => JSX.Element[];
     onChange: (t: Title) => void;
     onClick: (t: Title) => void;
+    autoHeight: boolean;
+    children?: React.ReactNode;
 }
 export declare const Tabs: FunctionComponent<Partial<TabsProps>>;
 export {};

package/dist/types/tag/tag.taro.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 export interface TagProps {
     type: TagType;
     color: string;
@@ -10,6 +10,7 @@ export interface TagProps {
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;
+    children?: React.ReactNode;
 }
 export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 export declare const Tag: FunctionComponent<Partial<TagProps>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.2.2-beta.0",
+  "version": "1.3.0-beta.5",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -60,7 +60,7 @@
     "test:demo": "jest  --testNamePattern=^should match snapshot$ --runTestsByPath ./src/packages/collapse/__test__/collapse.spec.tsx",
 
     "generate:file:taro": "node scripts/taro/generate-nutui-taro.js",
-    "checked:taro":"npm run generate:file:taro && tsc",
+    "checked:taro":"npm run generate:file:taro && tsc --project ./tsconfig.taro.json",
     "generate:file:taro:pages": "node scripts/taro/generate-taro-pages.js",
     "dev:taro:weapp": "npm run checked:taro && npm run generate:file:taro:pages && cd ./src/sites/mobile-taro && npm run dev:weapp",
     "replace:taro:types": "node scripts/taro/replace-taro-types-alias.js",
@@ -102,12 +102,12 @@
     "@rollup/plugin-typescript": "^8.3.0",
     "@tarojs/taro": "3.4.13",
     "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^13.3.0",
     "@types/jest": "^27.4.1",
     "@types/loadable__component": "^5.13.3",
     "@types/node": "^15.3.1",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^18.0.17",
+    "@types/react-dom": "^18.0.6",
     "@types/react-router-dom": "^5.1.7",
     "@types/react-syntax-highlighter": "^13.5.2",
     "@types/react-test-renderer": "^18.0.0",
@@ -142,11 +142,11 @@
     "postcss-import": "^14.0.2",
     "postcss-modules": "^4.2.2",
     "prettier": "2.3.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-markdown": "^7.1.2",
     "react-syntax-highlighter": "^15.4.5",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "^18.2.0",
     "remark-directive": "^2.0.1",
     "remark-gfm": "^3.0.1",
     "sass": "^1.45.0",
@@ -158,5 +158,12 @@
     "vinyl-fs": "^3.0.3",
     "vite": "^2.1.5",
     "vite-plugin-dts": "^1.1.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "resolutions": {
+    "@types/react": "18",
+    "@types/react-dom": "18"
   }
 }

package/dist/esm/context-aa058329.js

@@ -1,6 +0,0 @@
-import React__default from 'react';
-var radioContext = {
-  onChange: function onChange(val) {}
-};
-var RadioContext = React__default.createContext(radioContext);
-export { RadioContext as R };

package/dist/esm/input.taro-b6927020.js

@@ -1,190 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-62bd7379.js';
-import { u as useConfig } from './configprovider-18657611.js';
-
-function trimExtraChar(value, _char, regExp) {
-  var index = value.indexOf(_char);
-
-  if (index === -1) {
-    return value;
-  }
-
-  if (_char === '-' && index !== 0) {
-    return value.slice(0, index);
-  }
-
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
-}
-
-function formatNumber(value) {
-  var allowDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var allowMinus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
-  if (allowDot) {
-    value = trimExtraChar(value, '.', /\./g);
-  } else {
-    value = value.split('.')[0];
-  }
-
-  if (allowMinus) {
-    value = trimExtraChar(value, '-', /-/g);
-  } else {
-    value = value.replace(/-/, '');
-  }
-
-  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-  return value.replace(regExp, '');
-}
-
-var defaultProps = {
-  type: 'text',
-  defaultValue: '',
-  placeholder: '',
-  label: '',
-  requireShow: false,
-  disabled: false,
-  readonly: false,
-  textAlign: 'left',
-  maxLength: '',
-  clearable: true
-};
-
-var Input = function Input(props) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      type = _defaultProps$props.type,
-      defaultValue = _defaultProps$props.defaultValue,
-      placeholder = _defaultProps$props.placeholder,
-      label = _defaultProps$props.label,
-      requireShow = _defaultProps$props.requireShow,
-      disabled = _defaultProps$props.disabled,
-      readonly = _defaultProps$props.readonly,
-      textAlign = _defaultProps$props.textAlign,
-      maxLength = _defaultProps$props.maxLength,
-      clearable = _defaultProps$props.clearable,
-      style = _defaultProps$props.style,
-      className = _defaultProps$props.className,
-      change = _defaultProps$props.change,
-      blur = _defaultProps$props.blur,
-      focus = _defaultProps$props.focus,
-      clear = _defaultProps$props.clear;
-
-  locale.placeholder = placeholder || locale.placeholder;
-  var inputBem = cn('input');
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      SetInputValue = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      active = _useState4[0],
-      SetActive = _useState4[1];
-
-  useEffect(function () {
-    if (defaultValue) {
-      SetInputValue(defaultValue);
-    }
-  }, [defaultValue]);
-
-  var valueChange = function valueChange(event) {
-    var val = event.target.value;
-
-    if (type === 'digit') {
-      val = formatNumber(val, true);
-    }
-
-    if (type === 'number') {
-      val = formatNumber(val, false);
-    }
-
-    if (maxLength && val.length > Number(maxLength)) {
-      val = val.slice(0, Number(maxLength));
-    }
-
-    change && change(val, event);
-    SetInputValue(val);
-  };
-
-  var valueFocus = function valueFocus(event) {
-    var val = event.target.value;
-    SetActive(true);
-
-    if (focus) {
-      focus(val, event);
-    }
-  };
-
-  var valueBlur = function valueBlur(event) {
-    setTimeout(function () {
-      SetActive(false);
-    }, 0);
-    var val = event.target.value;
-
-    if (blur) {
-      blur(val, event);
-    }
-  };
-
-  var handleClear = function handleClear(event) {
-    if (clear) {
-      clear('', event);
-    }
-
-    SetInputValue('');
-  };
-
-  var textAlignStyle = {
-    textAlign: textAlign
-  };
-  return React__default.createElement("div", {
-    className: "".concat(inputBem(), " ").concat(disabled ? inputBem('disabled') : '', "  ").concat(className || '')
-  }, React__default.createElement("div", {
-    className: inputBem('label')
-  }, requireShow ? React__default.createElement("div", {
-    className: inputBem('require')
-  }, "*") : null, label ? React__default.createElement("div", {
-    className: "label-string"
-  }, label) : null), React__default.createElement("input", {
-    className: "input-text",
-    type: type,
-    placeholder: placeholder,
-    disabled: disabled,
-    readOnly: readonly,
-    value: inputValue,
-    style: _objectSpread(_objectSpread({}, style), textAlignStyle),
-    maxLength: maxLength,
-    onBlur: function onBlur(e) {
-      valueBlur(e);
-    },
-    onFocus: function onFocus(e) {
-      valueFocus(e);
-    },
-    onChange: function onChange(e) {
-      valueChange(e);
-    }
-  }), clearable && !readonly && active ? React__default.createElement("div", {
-    onClick: function onClick(e) {
-      handleClear(e);
-    },
-    className: inputBem('clear')
-  }, active && inputValue.length > 0 ? React__default.createElement(Icon, {
-    name: "close-little",
-    size: "12px"
-  }) : null) : null);
-};
-
-Input.defaultProps = defaultProps;
-Input.displayName = 'NutInput';
-export { Input as I };

package/dist/esm/navbar.taro-f2ba2cf4.js

@@ -1,66 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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 from 'react';
-import { I as Icon } from './icon-62bd7379.js';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  title: '',
-  desc: '',
-  leftShow: false,
-  icon: '',
-  titIcon: '',
-  className: ''
-};
-
-var NavBar = function NavBar(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      desc = _defaultProps$props.desc,
-      icon = _defaultProps$props.icon,
-      title = _defaultProps$props.title,
-      titIcon = _defaultProps$props.titIcon,
-      leftShow = _defaultProps$props.leftShow,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      onClickTitle = _defaultProps$props.onClickTitle,
-      onClickIcon = _defaultProps$props.onClickIcon,
-      onClickBack = _defaultProps$props.onClickBack,
-      onClickClear = _defaultProps$props.onClickClear;
-
-  var b = cn('navbar');
-  return React__default.createElement("div", {
-    className: "nut-navbar ".concat(className),
-    style: style
-  }, leftShow && React__default.createElement("i", {
-    className: ['nut-icon', 'nutui-iconfont', "".concat(b('back'))].join(' '),
-    onClick: function onClick(e) {
-      return onClickBack(e);
-    }
-  }), React__default.createElement("div", {
-    className: "".concat(b('title')),
-    onClick: function onClick(e) {
-      return onClickTitle(e);
-    }
-  }, title, titIcon && React__default.createElement(Icon, {
-    name: titIcon
-  })), React__default.createElement("div", {
-    className: "".concat(b('desc')),
-    onClick: function onClick(e) {
-      return onClickClear(e);
-    }
-  }, desc), icon && React__default.createElement("div", {
-    className: "".concat(b('icon')),
-    onClick: function onClick(e) {
-      return onClickIcon(e);
-    }
-  }, React__default.createElement(Icon, {
-    name: icon
-  })));
-};
-
-NavBar.defaultProps = defaultProps;
-NavBar.displayName = 'NutNavBar';
-export { NavBar as N };

package/dist/esm/radio.taro-923d91bc.js

@@ -1,200 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "value", "onChange", "textPosition", "direction"],
-    _excluded2 = ["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, useEffect, useContext } from 'react';
-import { I as Icon } from './icon-62bd7379.js';
-import { R as RadioContext } from './context-aa058329.js';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps$1 = {
-  value: null,
-  textPosition: 'right',
-  onChange: function onChange(value) {},
-  direction: 'vertical'
-};
-var RadioGroup = React__default.forwardRef(function (props, ref) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      children = _defaultProps$1$props.children;
-
-  cn('RadioGroup');
-
-  var className = props.className,
-      value = props.value,
-      _onChange = props.onChange,
-      textPosition = props.textPosition,
-      direction = props.direction,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      val2State = _useState2[0],
-      setVal2State = _useState2[1]; // useImperativeHandle(ref, () => ({
-  //   toggleAll(state: boolean) {
-  //     console.log(state)
-  //     if (state === false) {
-  //       setInnerValue([])
-  //     } else {
-  //       const childrenLabel: string[] = []
-  //       React.Children.map(children, (child) => {
-  //         const childProps = (child as any).props
-  //         childrenLabel.push(childProps.label || (child as any).children)
-  //       })
-  //       setInnerValue(childrenLabel)
-  //     }
-  //   },
-  // }))
-
-
-  useEffect(function () {
-    setVal2State(value);
-  }, [value]); // function handleChildChange(state: boolean, label: string) {
-  //   if (innerValue) {
-  //     let clippedValue = []
-  //     if (state) {
-  //       clippedValue = [...innerValue, label]
-  //     } else {
-  //       innerValue?.splice(innerValue?.indexOf(label), 1)
-  //       clippedValue = [...innerValue]
-  //     }
-  //     setInnerValue(clippedValue)
-  //     onChange && onChange(clippedValue)
-  //   }
-  // }
-
-  function validateChildChecked(child) {
-    if (val2State === null) return false;
-    return val2State === child.props.value;
-  }
-
-  function cloneChildren() {
-    return React__default.Children.map(children, function (child, index) {
-      var childChecked = validateChildChecked(child);
-
-      if (child.type.displayName !== 'NutRadio') {
-        return React__default.cloneElement(child);
-      }
-
-      return React__default.cloneElement(child, {
-        textPosition: textPosition,
-        checked: childChecked // onChange: handleChildChange,
-
-      });
-    });
-  }
-
-  return React__default.createElement(RadioContext.Provider, {
-    value: {
-      onChange: function onChange(val) {
-        setVal2State(val);
-        _onChange && _onChange(val);
-      }
-    }
-  }, React__default.createElement("div", _objectSpread({
-    className: "nut-radiogroup nut-radiogroup--".concat(props.direction)
-  }, rest), cloneChildren()));
-});
-RadioGroup.defaultProps = defaultProps$1;
-RadioGroup.displayName = 'NutRadioGroup';
-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, _excluded2);
-
-  var componentName = 'nut-radio';
-
-  var _useState3 = useState(checked),
-      _useState4 = _slicedToArray(_useState3, 2),
-      checkedStatement = _useState4[0],
-      setCheckedStatement = _useState4[1];
-
-  var _useState5 = useState(value),
-      _useState6 = _slicedToArray(_useState5, 2),
-      valueStatement = _useState6[0],
-      setValueStatement = _useState6[1];
-
-  var _useState7 = useState(disabled),
-      _useState8 = _slicedToArray(_useState7, 2),
-      disabledStatement = _useState8[0],
-      setDisabledStatement = _useState8[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() {
-    return !disabledStatement ? checkedStatement ? 'nut-radio__icon' : 'nut-radio__icon--unchecked' : 'nut-radio__icon--disable';
-  };
-
-  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 handleClick = function handleClick(e) {
-    if (disabledStatement) return;
-    setCheckedStatement(!checkedStatement);
-    props.onChange && props.onChange(e);
-    context && context.onChange(valueStatement);
-  };
-
-  var reverseState = textPosition === 'left';
-  return React__default.createElement("div", _objectSpread({
-    className: "nut-radio ".concat(className),
-    onClick: handleClick
-  }, rest), props.shape == 'button' ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
-};
-
-Radio.defaultProps = defaultProps;
-Radio.displayName = 'NutRadio';
-Radio.RadioGroup = RadioGroup;
-export { Radio as R };