@nutui/nutui-react-taro 1.5.2-beta.1 → 1.5.2

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

@@ -1,119 +1,94 @@
-export { B as Button } from './button.taro-9244d065.js';
-export { C as Cell } from './cell.taro-a10a74d3.js';
-export { C as CellGroup } from './cellgroup.taro-abe501bc.js';
-export { C as ConfigProvider } from './configprovider.taro-8d71eb49.js';
-export { I as Icon } from './icon.taro-296a1bec.js';
-export { I as Image } from './image.taro-142cf512.js';
-export { O as Overlay } from './overlay.taro-21e87fb1.js';
-export { P as Popup } from './popup.taro-01676bff.js';
-export { C as Col } from './col.taro-53eed3cc.js';
-export { D as Divider } from './divider.taro-26d1d8b4.js';
-export { G as Grid } from './grid.taro-3503b82c.js';
-export { G as GridItem } from './griditem.taro-cdb3f119.js';
-export { L as Layout } from './layout.taro-9046d093.js';
-export { R as Row } from './row.taro-f64d4a13.js';
-export { S as Sticky } from './sticky.taro-218bda37.js';
-export { E as Elevator } from './elevator.taro-6019669e.js';
-export { F as FixedNav } from './fixednav.taro-1f05acaf.js';
-export { I as Indicator } from './indicator.taro-cba8b010.js';
-export { M as Menu } from './menu.taro-7e4038a1.js';
-export { M as MenuItem } from './menuitem.taro-96cc4f15.js';
-export { N as NavBar } from './navbar.taro-777c4705.js';
-export { P as Pagination } from './pagination.taro-715a173b.js';
-export { S as SideNavBar } from './sidenavbar.taro-c307b35e.js';
-export { S as SideNavBarItem } from './sidenavbaritem.taro-5a7965d0.js';
-export { S as SubSideNavBar } from './subsidenavbar.taro-69cb9752.js';
-export { T as Tabbar } from './tabbar.taro-9acfc2fa.js';
-export { T as TabbarItem } from './tabbaritem.taro-bf517487.js';
-export { T as TabPane } from './tabpane.taro-4ca340ef.js';
-export { T as Tabs } from './tabs.taro-6a7524a4.js';
-export { C as Calendar } from './calendar.taro-670842ea.js';
-export { C as CalendarItem } from './calendaritem.taro-2a603571.js';
-export { C as Cascader } from './cascader.taro-eb1fb011.js';
-export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-6120e3e3.js';
-export { D as DatePicker } from './datepicker.taro-6e9b4b8f.js';
-export { F as Form } from './form.taro-0c8e7a39.js';
-export { F as FormItem } from './formitem.taro-190a3326.js';
-export { I as Input } from './input.taro-97af6c96.js';
-export { I as InputNumber } from './inputnumber.taro-91f65d17.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-1bc24744.js';
-export { P as Picker } from './picker.taro-9ad1b7c5.js';
-export { R as Radio, a as RadioGroup } from './radio.taro-a6eff96c.js';
-export { R as Range } from './range.taro-d8fc7656.js';
-export { R as Rate } from './rate.taro-6cdf03bd.js';
-export { S as SearchBar } from './searchbar.taro-0c25927b.js';
-export { S as ShortPassword } from './shortpassword.taro-9ee034f7.js';
-export { T as TextArea } from './textarea.taro-442e7350.js';
-export { U as Uploader } from './uploader.taro-587e6bf3.js';
-export { A as ActionSheet } from './actionsheet.taro-e6a51446.js';
-export { B as BackTop } from './backtop.taro-66394a36.js';
-export { B as Dialog } from './dialog.taro-a3267d29.js';
-export { D as Drag } from './drag.taro-79bb8744.js';
-export { I as Infiniteloading } from './infiniteloading.taro-183bccbf.js';
-export { N as Notify } from './notify.taro-e17c6f82.js';
-export { P as PullToRefresh } from './pulltorefresh.taro-a294f656.js';
-export { S as Swipe } from './swipe.taro-ea35f07f.js';
-export { S as Switch } from './switch.taro-34ca8228.js';
-export { T as Toast } from './toast.taro-d6c14811.js';
-export { A as Animate } from './animate.taro-fb7986d6.js';
-export { A as AnimatingNumbers } from './animatingnumbers.taro-03e5d61d.js';
-export { A as Audio } from './audio.taro-87ec8bf2.js';
-export { A as Avatar } from './avatar.taro-3676f38f.js';
-export { A as AvatarGroup } from './avatargroup-f3574510.js';
-export { B as Badge } from './badge.taro-a4e59c11.js';
-export { C as CircleProgress } from './circleprogress.taro-79854448.js';
-export { C as Collapse } from './collapse.taro-1a9e4ba2.js';
-export { C as CollapseItem } from './collapseitem-4d0bc55d.js';
-export { C as CountDown } from './countdown.taro-5b17c607.js';
-export { E as Ellipsis } from './ellipsis.taro-f15f26da.js';
-export { E as Empty } from './empty.taro-04ae4389.js';
-export { I as ImagePreview } from './imagepreview.taro-c50bb0a3.js';
-export { N as NoticeBar } from './noticebar.taro-4a23cdee.js';
-export { P as Popover } from './popover.taro-ad5e76ea.js';
-export { P as Price } from './price.taro-776ed16e.js';
-export { P as Progress } from './progress.taro-f0ce38e9.js';
-export { S as Skeleton } from './skeleton.taro-76faf63f.js';
-export { S as Step } from './step.taro-b7903e8c.js';
-export { S as Steps } from './steps.taro-c82d2252.js';
-export { S as Swiper } from './swiper.taro-7a94e211.js';
-export { S as SwiperItem } from './swiperitem-c9e3d0d5.js';
-export { T as Table } from './table.taro-91fc0c01.js';
-export { T as Tag } from './tag.taro-23ba0834.js';
-export { T as TrendArrow } from './trendarrow.taro-b8c5ccd9.js';
-export { V as Video } from './video-f1be8a91.js';
-export { V as VirtualList } from './virtuallist.taro-f0b0270d.js';
-export { W as WaterMark } from './watermark.taro-9ce2ae37.js';
-export { A as Address } from './address.taro-3a9b6396.js';
-export { B as Barrage } from './barrage.taro-0495a1b2.js';
-export { C as Card } from './card.taro-e4c76dad.js';
-export { S as Signature } from './signature.taro-ec4e713b.js';
-export { T as TimeDetail } from './timedetail.taro-5b2f2269.js';
-export { T as TimePannel } from './timepannel.taro-d6e40180.js';
-export { T as TimeSelect } from './timeselect.taro-a07036f4.js';
-import 'react';
-import './typings-b9828dba.js';
-import '@tarojs/taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-import 'classnames';
-import '@tarojs/components';
-import 'react-dom';
-import 'react-transition-group';
-import './UserContext-0aac9a82.js';
-import './grid.taro.context-c2bbfb4f.js';
-import './useClientRect-1f8ed1fe.js';
-import './get-scroll-parent-b4a07e65.js';
-import './can-use-dom-3eeb5af4.js';
-import './offsetContext-c2a746fa.js';
-import './configprovider-67d19d3a.js';
-import './useTouch-db24bb5c.js';
-import './supports-passive-c85ef996.js';
-import './icon-296a1bec.js';
-import './index-5bcb0ff8.js';
-import '@use-gesture/react';
-import '@react-spring/web';
-import './AvatarContext-c96afdcc.js';
-import './UserContext-e402e1a6.js';
-import './UserContext-e8176108.js';
+export { default as Button } from './Button.js';
+export { default as Cell } from './Cell.js';
+export { default as CellGroup } from './CellGroup.js';
+export { default as ConfigProvider } from './ConfigProvider.js';
+export { default as Icon } from './Icon.js';
+export { default as Image } from './Image.js';
+export { default as Overlay } from './Overlay.js';
+export { default as Popup } from './Popup.js';
+export { default as Col } from './Col.js';
+export { default as Divider } from './Divider.js';
+export { default as Grid } from './Grid.js';
+export { default as GridItem } from './GridItem.js';
+export { default as Layout } from './Layout.js';
+export { default as Row } from './Row.js';
+export { default as Sticky } from './Sticky.js';
+export { default as Elevator } from './Elevator.js';
+export { default as FixedNav } from './FixedNav.js';
+export { default as Indicator } from './Indicator.js';
+export { default as Menu } from './Menu.js';
+export { default as MenuItem } from './MenuItem.js';
+export { default as NavBar } from './NavBar.js';
+export { default as Pagination } from './Pagination.js';
+export { default as SideNavBar } from './SideNavBar.js';
+export { default as SideNavBarItem } from './SideNavBarItem.js';
+export { default as SubSideNavBar } from './SubSideNavBar.js';
+export { default as Tabbar } from './Tabbar.js';
+export { default as TabbarItem } from './TabbarItem.js';
+export { default as TabPane } from './TabPane.js';
+export { default as Tabs } from './Tabs.js';
+export { default as Calendar } from './Calendar.js';
+export { default as CalendarItem } from './CalendarItem.js';
+export { default as Cascader } from './Cascader.js';
+export { default as Checkbox } from './Checkbox.js';
+export { default as CheckboxGroup } from './CheckboxGroup.js';
+export { default as DatePicker } from './DatePicker.js';
+export { default as Form } from './Form.js';
+export { default as FormItem } from './FormItem.js';
+export { default as Input } from './Input.js';
+export { default as InputNumber } from './InputNumber.js';
+export { default as NumberKeyboard } from './NumberKeyboard.js';
+export { default as Picker } from './Picker.js';
+export { default as Radio } from './Radio.js';
+export { default as RadioGroup } from './RadioGroup.js';
+export { default as Range } from './Range.js';
+export { default as Rate } from './Rate.js';
+export { default as SearchBar } from './SearchBar.js';
+export { default as ShortPassword } from './ShortPassword.js';
+export { default as TextArea } from './TextArea.js';
+export { default as Uploader } from './Uploader.js';
+export { default as ActionSheet } from './ActionSheet.js';
+export { default as BackTop } from './BackTop.js';
+export { default as Dialog } from './Dialog.js';
+export { default as Drag } from './Drag.js';
+export { default as Infiniteloading } from './Infiniteloading.js';
+export { default as Notify } from './Notify.js';
+export { default as PullToRefresh } from './PullToRefresh.js';
+export { default as Swipe } from './Swipe.js';
+export { default as Switch } from './Switch.js';
+export { default as Toast } from './Toast.js';
+export { default as Animate } from './Animate.js';
+export { default as AnimatingNumbers } from './AnimatingNumbers.js';
+export { default as Audio } from './Audio.js';
+export { default as Avatar } from './Avatar.js';
+export { default as AvatarGroup } from './AvatarGroup.js';
+export { default as Badge } from './Badge.js';
+export { default as CircleProgress } from './CircleProgress.js';
+export { default as Collapse } from './Collapse.js';
+export { default as CollapseItem } from './CollapseItem.js';
+export { default as CountDown } from './CountDown.js';
+export { default as Ellipsis } from './Ellipsis.js';
+export { default as Empty } from './Empty.js';
+export { default as ImagePreview } from './ImagePreview.js';
+export { default as NoticeBar } from './NoticeBar.js';
+export { default as Popover } from './Popover.js';
+export { default as Price } from './Price.js';
+export { default as Progress } from './Progress.js';
+export { default as Skeleton } from './Skeleton.js';
+export { default as Step } from './Step.js';
+export { default as Steps } from './Steps.js';
+export { default as Swiper } from './Swiper.js';
+export { default as SwiperItem } from './SwiperItem.js';
+export { default as Table } from './Table.js';
+export { default as Tag } from './Tag.js';
+export { default as TrendArrow } from './TrendArrow.js';
+export { default as Video } from './Video.js';
+export { default as VirtualList } from './VirtualList.js';
+export { default as WaterMark } from './WaterMark.js';
+export { default as Address } from './Address.js';
+export { default as Barrage } from './Barrage.js';
+export { default as Card } from './Card.js';
+export { default as Signature } from './Signature.js';
+export { default as TimeDetail } from './TimeDetail.js';
+export { default as TimePannel } from './TimePannel.js';
+export { default as TimeSelect } from './TimeSelect.js';

package/dist/esm/offsetContext-3ab00d40.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+var handleClick = function handleClick(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes('arrow-icon');
+  var isTitle = e.target.className.includes('__title') || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes('nutShow');
+  var arrowIcon = e.currentTarget.querySelector('.arrow-icon');
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace('nutShow', 'nutHide') : currentClass.replace('nutHide', 'nutShow');
+    arrowIcon.className = isShow ? iconClass.replace('arrow-down', 'arrow-up') : iconClass.replace('arrow-up', 'arrow-down');
+  }
+};
+var OffsetContext = createContext(20);
+export { OffsetContext as O, handleClick as h };

package/dist/esm/overlay-de6c79d5.js

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "zIndex", "duration", "overlayClass", "closeOnClickOverlay", "visible", "lockScroll", "overlayStyle"];
+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, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
+var defaultOverlayProps = {
+  zIndex: 1000,
+  duration: 0.3,
+  overlayClass: '',
+  closeOnClickOverlay: true,
+  visible: false,
+  lockScroll: true,
+  overlayStyle: {}
+};
+var Overlay = function Overlay(props) {
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props),
+    children = _defaultOverlayProps$.children,
+    zIndex = _defaultOverlayProps$.zIndex,
+    duration = _defaultOverlayProps$.duration,
+    overlayClass = _defaultOverlayProps$.overlayClass,
+    closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
+    visible = _defaultOverlayProps$.visible,
+    lockScroll = _defaultOverlayProps$.lockScroll,
+    overlayStyle = _defaultOverlayProps$.overlayStyle,
+    rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+  var _useState = useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var renderRef = useRef(true);
+  var intervalRef = useRef(0);
+  useEffect(function () {
+    visible && setShow(visible);
+    lock();
+  }, [visible]);
+  useEffect(function () {
+    return function () {
+      clearTimeout(intervalRef.current);
+      document.body.classList.remove('nut-overflow-hidden');
+    };
+  }, []);
+  var b = cn('overlay');
+  var classes = classNames({
+    'overlay-fade-leave-active': !renderRef.current && !visible,
+    'overlay-fade-enter-active': visible,
+    'first-render': renderRef.current && !visible,
+    'hidden-render': !visible
+  }, overlayClass, b(''));
+  var styles = _objectSpread({
+    zIndex: zIndex,
+    animationDuration: "".concat(props.duration, "s")
+  }, overlayStyle);
+  var lock = function lock() {
+    if (lockScroll && visible) {
+      document.body.classList.add('nut-overflow-hidden');
+    } else {
+      document.body.classList.remove('nut-overflow-hidden');
+    }
+  };
+  var handleClick = function handleClick(e) {
+    if (closeOnClickOverlay) {
+      props.onClick && props.onClick(e);
+      renderRef.current = false;
+      var id = window.setTimeout(function () {
+        setShow(!visible);
+      }, duration * 1000 * 0.8);
+      intervalRef.current = id;
+    }
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
+    className: classes,
+    style: styles
+  }, rest), {}, {
+    onClick: handleClick
+  }), children));
+};
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = 'NutOverlay';
+export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/radio-9f141e6b.js

@@ -0,0 +1,118 @@
+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", "iconClassPrefix", "iconFontClassName"];
+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 Icon from './Icon.js';
+import RadioGroup from './RadioGroup.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+var radioContext = {
+  onChange: function onChange(val) {}
+};
+var RadioContext = React__default.createContext(radioContext);
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  style: {},
+  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,
+    iconClassPrefix = props.iconClassPrefix,
+    iconFontClassName = props.iconFontClassName,
+    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(!disabledStatement && 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, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: !disabledStatement && checkedStatement ? iconActiveName : iconName,
+      size: iconSize,
+      className: color()
+    });
+  };
+  var reverseState = textPosition === 'left';
+  var renderRadioItem = function renderRadioItem() {
+    if (shape === 'button') {
+      return renderButton();
+    }
+    if (reverseState) {
+      return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
+    }
+    return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
+  };
+  var handleClick = function handleClick(e) {
+    if (disabledStatement || checkedStatement) return;
+    setCheckedStatement(!checkedStatement);
+    onChange && onChange(e);
+    context && context.onChange(valueStatement);
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-radio ".concat(className, " ").concat(reverseState ? "".concat(componentName, "--reverse") : ''),
+    onClick: handleClick
+  }, rest), renderRadioItem());
+};
+Radio.defaultProps = defaultProps;
+Radio.displayName = 'NutRadio';
+Radio.RadioGroup = RadioGroup;
+export { Radio as R, RadioContext as a };

package/dist/esm/render-bbebb760.js

@@ -0,0 +1,79 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 * as ReactDOM from 'react-dom';
+
+// Let compiler not to search module usage
+var fullClone = _objectSpread({}, ReactDOM);
+var version = fullClone.version,
+  reactRender = fullClone.render,
+  unmountComponentAtNode = fullClone.unmountComponentAtNode;
+var createRoot;
+try {
+  var mainVersion = Number((version || '').split('.')[0]);
+  if (mainVersion >= 18 && fullClone.createRoot) {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    createRoot = fullClone.createRoot;
+  }
+} catch (e) {
+  // Do nothing;
+}
+function toggleWarning(skip) {
+  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+var MARK = '__nutui_react_root__';
+function legacyRender(node, container) {
+  reactRender(node, container);
+}
+function concurrentRender(node, container) {
+  toggleWarning(true);
+  var root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  root.render(node);
+  container[MARK] = root;
+}
+function render(node, container) {
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+// ========================== Unmount =========================
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+function concurrentUnmount(_x) {
+  return _concurrentUnmount.apply(this, arguments);
+}
+function _concurrentUnmount() {
+  _concurrentUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(container) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", Promise.resolve().then(function () {
+            var _container$MARK;
+            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+            delete container[MARK];
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _concurrentUnmount.apply(this, arguments);
+}
+function unmount(container) {
+  if (createRoot) {
+    return concurrentUnmount(container);
+  }
+  return legacyUnmount(container);
+}
+export { render as r, unmount as u };

package/dist/esm/tabpane-01075e6c.js

@@ -0,0 +1,29 @@
+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 classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
+var defaultProps = {
+  title: '',
+  paneKey: '',
+  activeKey: '',
+  disabled: false
+};
+var TabPane = function TabPane(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    paneKey = _defaultProps$props.paneKey,
+    activeKey = _defaultProps$props.activeKey,
+    autoHeightClassName = _defaultProps$props.autoHeightClassName,
+    className = _defaultProps$props.className,
+    disabled = _defaultProps$props.disabled;
+  var b = cn('tabpane');
+  var classes = classNames({
+    active: !disabled && paneKey === activeKey
+  }, b(''), autoHeightClassName, className);
+  return React__default.createElement("div", {
+    className: classes
+  }, !disabled && children);
+};
+export { TabPane as T };