@nutui/nutui-react 1.2.3-beta.4 → 1.3.1-beta.0

package/dist/esm/TabbarItem.js

@@ -12,7 +12,7 @@ import '@bem-react/classname';
 var defaultProps = {
   dot: false,
   size: '',
-  classPrefix: 'nutui-iconfont',
+  classPrefix: 'nut-icon',
   tabTitle: '',
   icon: '',
   href: '',

package/dist/esm/Tabs.js

@@ -1,197 +1,7 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight"];
-
-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-893ad28d.js';
-import Icon from './Icon.js';
+import { T as Tabs } from './tabs-a48583e9.js';
+export { T as default } from './tabs-a48583e9.js';
+import 'react';
+import 'classnames';
+import './bem-893ad28d.js';
 import '@bem-react/classname';
-
-var Title = /*#__PURE__*/_createClass( // eslint-disable-next-line no-useless-constructor
-function Title() {
-  _classCallCheck(this, Title);
-
-  _defineProperty(this, "title", '');
-
-  _defineProperty(this, "paneKey", '');
-
-  _defineProperty(this, "disabled", false);
-
-  _defineProperty(this, "index", 0);
-});
-
-var defaultProps = {
-  value: 0,
-  color: '',
-  background: '',
-  direction: 'horizontal',
-  type: 'line',
-  titleScroll: false,
-  ellipsis: true,
-  animatedTime: 300,
-  titleGutter: 0,
-  size: 'normal',
-  autoHeight: false
-};
-
-var pxCheck = function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
-};
-
-var Tabs = function Tabs(props) {
-  var _classNames;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      value = _defaultProps$props.value,
-      color = _defaultProps$props.color,
-      background = _defaultProps$props.background,
-      direction = _defaultProps$props.direction,
-      type = _defaultProps$props.type,
-      titleScroll = _defaultProps$props.titleScroll,
-      ellipsis = _defaultProps$props.ellipsis,
-      animatedTime = _defaultProps$props.animatedTime,
-      titleGutter = _defaultProps$props.titleGutter,
-      size = _defaultProps$props.size,
-      titleNode = _defaultProps$props.titleNode,
-      children = _defaultProps$props.children,
-      onClick = _defaultProps$props.onClick,
-      onChange = _defaultProps$props.onChange,
-      className = _defaultProps$props.className,
-      autoHeight = _defaultProps$props.autoHeight,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var _useState = useState({
-    index: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentItem = _useState2[0],
-      setCurrentItem = _useState2[1];
-
-  var titles = useRef([]);
-  useEffect(function () {
-    var currentIndex = 0;
-    titles.current = []; // eslint-disable-next-line consistent-return
-
-    React__default.Children.forEach(children, function (child, idx) {
-      var _child$props, _child$props2;
-
-      if (!React__default.isValidElement(child)) {
-        return null;
-      }
-
-      var title = new Title();
-
-      if ((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.title || (_child$props2 = child.props) !== null && _child$props2 !== void 0 && _child$props2.paneKey) {
-        var _child$props3, _child$props4, _child$props5;
-
-        title.title = (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.title;
-        title.paneKey = ((_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.paneKey) || idx;
-        title.disabled = (_child$props5 = child.props) === null || _child$props5 === void 0 ? void 0 : _child$props5.disabled;
-        title.index = idx;
-
-        if (title.paneKey === value) {
-          currentIndex = idx;
-        }
-      }
-
-      titles.current.push(title);
-    });
-    setCurrentItem(titles.current[currentIndex]);
-  }, [children]);
-  var b = cn('tabs');
-  var classes = classNames(direction, b(''), className);
-  var classesTitle = classNames((_classNames = {}, _defineProperty(_classNames, type, type), _defineProperty(_classNames, "scrollable", titleScroll), _defineProperty(_classNames, size, size), _classNames), "".concat(b(''), "__titles"));
-  var titleStyle = {
-    marginLeft: pxCheck(titleGutter),
-    marginRight: pxCheck(titleGutter)
-  };
-  var tabsActiveStyle = {
-    color: type === 'smile' ? color : '',
-    background: type === 'line' ? color : ''
-  };
-  var index = titles.current.findIndex(function (t) {
-    return t.paneKey === value;
-  });
-  var contentStyle = {
-    transform: direction === 'horizontal' ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
-    transitionDuration: "".concat(animatedTime, "ms")
-  };
-
-  var tabChange = function tabChange(item, index) {
-    onClick && onClick(item);
-
-    if (item.disabled) {
-      return;
-    }
-
-    setCurrentItem(item);
-    onChange && onChange(item);
-  };
-
-  return React__default.createElement("div", _objectSpread({
-    className: classes
-  }, rest), React__default.createElement("div", {
-    className: classesTitle,
-    style: {
-      background: background
-    }
-  }, !!titleNode && typeof titleNode === 'function' ? titleNode() : titles.current.map(function (item, index) {
-    return React__default.createElement("div", {
-      style: titleStyle,
-      onClick: function onClick(e) {
-        return tabChange(item);
-      },
-      className: classNames({
-        active: String(item.paneKey) === String(value),
-        disabled: item.disabled
-      }, "".concat(b(''), "__titles-item")),
-      key: item.paneKey
-    }, type === 'line' && React__default.createElement("div", {
-      className: "".concat(b(''), "__titles-item__line"),
-      style: tabsActiveStyle
-    }), type === 'smile' && React__default.createElement("div", {
-      className: "".concat(b(''), "__titles-item__smile"),
-      style: tabsActiveStyle
-    }, React__default.createElement(Icon, {
-      color: color,
-      name: "joy-smile"
-    })), React__default.createElement("div", {
-      className: classNames({
-        ellipsis: ellipsis && !titleScroll && direction === 'horizontal'
-      }, "".concat(b(''), "__titles-item__text"))
-    }, item.title));
-  })), React__default.createElement("div", {
-    className: "".concat(b(''), "__content"),
-    style: contentStyle
-  }, React__default.Children.map(children, function (child, idx) {
-    var _child$props6;
-
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      activeKey: value
-    });
-
-    if (String(value) !== String(((_child$props6 = child.props) === null || _child$props6 === void 0 ? void 0 : _child$props6.paneKey) || idx) && autoHeight) {
-      childProps = _objectSpread(_objectSpread({}, childProps), {}, {
-        autoHeightClassName: 'inactive'
-      });
-    }
-
-    return React__default.cloneElement(child, childProps);
-  })));
-};
-
-Tabs.defaultProps = defaultProps;
-Tabs.displayName = 'NutTabs';
-export { Tabs as default };
+import './Icon.js';

package/dist/esm/Tag.js

@@ -90,7 +90,7 @@ var Tag = function Tag(props) {
     className: "_icon",
     name: "close",
     size: "12",
-    click: function click(e) {
+    onClick: function onClick(e) {
       setIsTagShow(false);
 
       if (props.onClose) {

package/dist/esm/TextArea.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
@@ -5,7 +6,7 @@ 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 React__default, { useState, useRef, useEffect } from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
@@ -48,6 +49,7 @@ var TextArea = function TextArea(props) {
       inputValue = _useState2[0],
       SetInputValue = _useState2[1];
 
+  var textareaRef = useRef(null);
   useEffect(function () {
     if (defaultValue) {
       var initValue = defaultValue;
@@ -58,7 +60,46 @@ var TextArea = function TextArea(props) {
 
       SetInputValue(initValue);
     }
-  }, [defaultValue]);
+
+    if (autosize) {
+      setTimeout(function () {
+        setContentHeight();
+      });
+    }
+  }, [defaultValue, autosize]);
+  useEffect(function () {
+    if (inputValue) {
+      if (autosize) {
+        setContentHeight();
+      }
+    }
+  }, [inputValue]);
+
+  var setContentHeight = function setContentHeight() {
+    var textarea = textareaRef.current;
+
+    if (textarea) {
+      textarea.style.height = 'auto';
+      var height = textarea === null || textarea === void 0 ? void 0 : textarea.scrollHeight;
+
+      if (_typeof(autosize) === 'object') {
+        var maxHeight = autosize.maxHeight,
+            minHeight = autosize.minHeight;
+
+        if (maxHeight !== undefined) {
+          height = Math.min(height, maxHeight);
+        }
+
+        if (minHeight !== undefined) {
+          height = Math.max(height, minHeight);
+        }
+      }
+
+      if (height) {
+        textarea.style.height = "".concat(height, "px");
+      }
+    }
+  };
 
   var textChange = function textChange(event) {
     var text = event.target;
@@ -88,14 +129,17 @@ var TextArea = function TextArea(props) {
   return React__default.createElement("div", {
     className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem('disabled') : '', " ").concat(className || '')
   }, React__default.createElement("textarea", {
+    ref: textareaRef,
     className: textareaBem('textarea'),
     style: _objectSpread({
-      textAlign: textAlign,
-      resize: "".concat(autosize ? 'vertical' : 'none')
+      textAlign: textAlign
     }, style),
     disabled: disabled,
     readOnly: readonly,
     value: inputValue,
+    onInput: function onInput(e) {
+      textChange(e);
+    },
     onChange: function onChange(e) {
       textChange(e);
     },

package/dist/esm/Toast.js

@@ -19,6 +19,7 @@ import * as ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { r as render } from './render-4a3856cb.js';
 import '@bem-react/classname';
 
 var Notification = /*#__PURE__*/function (_React$PureComponent) {
@@ -92,11 +93,15 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _classNames,
+          _this3 = this;
 
       var _this$props = this.props,
+          id = _this$props.id,
           style = _this$props.style,
           icon = _this$props.icon,
+          iconSize = _this$props.iconSize,
+          title = _this$props.title,
           msg = _this$props.msg,
           bottom = _this$props.bottom,
           center = _this$props.center,
@@ -108,19 +113,19 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
           cover = _this$props.cover,
           type = _this$props.type;
       var toastBem = cn('toast');
-      var classes = classNames(_defineProperty({
+      var classes = classNames((_classNames = {
         'nut-toast-center': center,
         'nut-toast-has-icon': icon,
         'nut-toast-cover': cover,
-        'nut-toast-loading': type === 'loading',
-        customClass: customClass
-      }, "nut-toast-".concat(size), true));
+        'nut-toast-loading': type === 'loading'
+      }, _defineProperty(_classNames, "".concat(customClass), true), _defineProperty(_classNames, "nut-toast-".concat(size), true), _classNames));
       return React.createElement(React.Fragment, null, React.createElement("div", {
         className: "".concat(toastBem(), " ").concat(classes),
-        style: {
-          bottom: center ? 'auto' : "".concat(bottom, "px"),
+        id: "toast-".concat(id),
+        style: _objectSpread({
+          bottom: center ? 'auto' : "".concat(bottom),
           backgroundColor: cover ? coverColor : ''
-        },
+        }, style),
         onClick: function onClick() {
           _this3.clickCover();
         }
@@ -134,8 +139,11 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
         className: toastBem('icon-wrapper')
       }, React.createElement(Icon, {
         name: icon || '',
-        size: "20"
-      })) : null, React.createElement("span", {
+        color: "#ffffff",
+        size: iconSize
+      })) : null, title ? React.createElement("div", {
+        className: "nut-toast-title"
+      }, title) : null, React.createElement("span", {
         className: toastBem('text')
       }, msg))));
     }
@@ -171,7 +179,7 @@ Notification.newInstance = function (properties, callback) {
     });
   }
 
-  ReactDOM.render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
+  render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
     ref: ref
   })), element);
 };
@@ -180,13 +188,16 @@ var messageInstance = null;
 var options = {
   msg: '',
   id: '',
+  style: {},
   duration: 1.5,
   center: true,
   type: 'text',
+  title: '',
   customClass: '',
-  bottom: 30,
+  bottom: '30px',
   size: 'base',
-  icon: '',
+  icon: null,
+  iconSize: '20',
   textAlignCenter: true,
   loadingRotate: true,
   bgColor: 'rgba(0, 0, 0, .8)',

package/dist/esm/Uploader.js

@@ -270,6 +270,8 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'ready';
             item.message = locale.uploader.readyUpload;
           }
+
+          return item;
         });
         return _toConsumableArray(fileList);
       });
@@ -283,6 +285,8 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'uploading';
             item.message = locale.uploader.uploading;
           }
+
+          return item;
         });
         return _toConsumableArray(fileList);
       });
@@ -300,6 +304,8 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'success';
             item.message = locale.uploader.success;
           }
+
+          return item;
         });
         return _toConsumableArray(fileList);
       });
@@ -316,6 +322,8 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'error';
             item.message = locale.uploader.error;
           }
+
+          return item;
         });
         return _toConsumableArray(fileList);
       });
@@ -466,7 +474,7 @@ var InternalUploader = function InternalUploader(props, ref) {
     return React__default.createElement("div", {
       className: "nut-uploader__preview ".concat(listType),
       key: item.uid
-    }, listType == 'picture' && !children && React__default.createElement("div", {
+    }, listType === 'picture' && !children && React__default.createElement("div", {
       className: "nut-uploader__preview-img"
     }, item.status === 'ready' ? React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
@@ -476,25 +484,27 @@ var InternalUploader = function InternalUploader(props, ref) {
       className: "nut-uploader__preview__progress"
     }, React__default.createElement(Icon, {
       color: "#fff",
-      name: "".concat(item.status == 'error' ? 'failure' : 'loading')
+      name: "".concat(item.status === 'error' ? 'failure' : 'loading')
     }), React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
     }, item.message)), isDeletable && React__default.createElement(Icon, {
       color: "rgba(0,0,0,0.6)",
       className: "close",
       name: "failure",
-      click: function click() {
+      onClick: function onClick() {
         return onDelete(item, index);
       }
     }), item.type.includes('image') ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       src: item.url,
+      alt: "",
       onClick: function onClick() {
         return handleItemClick(item);
       }
     })) : React__default.createElement(React__default.Fragment, null, defaultImg ? React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       src: defaultImg,
+      alt: "",
       onClick: function onClick() {
         return handleItemClick(item);
       }
@@ -510,7 +520,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       name: "link"
     }), "\xA0", item.name))), React__default.createElement("div", {
       className: "tips"
-    }, item.name)), listType == 'list' && React__default.createElement("div", {
+    }, item.name)), listType === 'list' && React__default.createElement("div", {
       className: "nut-uploader__preview-list"
     }, React__default.createElement("div", {
       className: "nut-uploader__preview-img__file__name ".concat(item.status),
@@ -523,11 +533,11 @@ var InternalUploader = function InternalUploader(props, ref) {
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
       name: "del",
-      click: function click() {
+      onClick: function onClick() {
         return onDelete(item, index);
       }
     })));
-  }), maximum > fileList.length && listType == 'picture' && !children && React__default.createElement("div", {
+  }), maximum > fileList.length && listType === 'picture' && !children && React__default.createElement("div", {
     className: "nut-uploader__upload ".concat(listType)
   }, React__default.createElement(Icon, {
     size: uploadIconSize,

package/dist/esm/{icon-62bd7379.js → icon-8dc4de10.js}

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "click"];
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
 
 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; }
 
@@ -11,11 +11,11 @@ import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   name: '',
   size: '',
-  classPrefix: 'nutui-icon',
+  classPrefix: 'nut-icon',
   fontClassName: 'nutui-iconfont',
   color: '',
   tag: 'i',
-  click: function click(e) {},
+  onClick: function onClick(e) {},
   className: ''
 };
 
@@ -23,7 +23,7 @@ function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
 }
 
-var Icon = function Icon(props) {
+function Icon(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       name = _defaultProps$props.name,
       size = _defaultProps$props.size,
@@ -34,7 +34,7 @@ var Icon = function Icon(props) {
       className = _defaultProps$props.className,
       fontClassName = _defaultProps$props.fontClassName,
       style = _defaultProps$props.style,
-      click = _defaultProps$props.click,
+      onClick = _defaultProps$props.onClick,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var isImage = name ? name.indexOf('/') !== -1 : false;
@@ -42,8 +42,8 @@ var Icon = function Icon(props) {
   var b = cn('icon');
 
   var handleClick = function handleClick(e) {
-    if (props.click) {
-      props.click(e);
+    if (onClick) {
+      onClick(e);
     }
   };
 
@@ -55,7 +55,7 @@ var Icon = function Icon(props) {
   };
 
   return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(fontClassName, " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
+    className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
     style: _objectSpread({
       color: color,
       fontSize: pxCheck(size),
@@ -65,7 +65,7 @@ var Icon = function Icon(props) {
   }, rest), {}, {
     onClick: handleClick
   }, hasSrc()), children);
-};
+}
 
 Icon.defaultProps = defaultProps;
 Icon.displayName = 'NutIcon';

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

@@ -9,6 +9,8 @@ export { default as Layout } from './Layout.js';
 export { default as Col } from './Col.js';
 export { default as Row } from './Row.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 NavBar } from './NavBar.js';
 export { default as FixedNav } from './FixedNav.js';
 export { default as Tabbar } from './Tabbar.js';
@@ -21,6 +23,8 @@ export { default as Indicator } from './Indicator.js';
 export { default as SideNavBar } from './SideNavBar.js';
 export { default as SubSideNavBar } from './SubSideNavBar.js';
 export { default as SideNavBarItem } from './SideNavBarItem.js';
+export { default as Menu } from './Menu.js';
+export { default as MenuItem } from './MenuItem.js';
 export { default as Range } from './Range.js';
 export { default as Calendar } from './Calendar.js';
 export { default as Checkbox } from './Checkbox.js';
@@ -36,6 +40,7 @@ export { default as Picker } from './Picker.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 Cascader } from './Cascader.js';
 export { default as SearchBar } from './SearchBar.js';
 export { default as NumberKeyboard } from './NumberKeyboard.js';
 export { default as ActionSheet } from './ActionSheet.js';
@@ -46,6 +51,7 @@ export { default as Infiniteloading } from './Infiniteloading.js';
 export { default as Notify } from './Notify.js';
 export { default as Switch } from './Switch.js';
 export { default as Toast } from './Toast.js';
+export { default as Swipe } from './Swipe.js';
 export { default as CircleProgress } from './CircleProgress.js';
 export { default as NoticeBar } from './NoticeBar.js';
 export { default as Steps } from './Steps.js';
@@ -68,6 +74,8 @@ export { default as VirtualList } from './VirtualList.js';
 export { default as Table } from './Table.js';
 export { default as Video } from './Video.js';
 export { default as Progress } from './Progress.js';
+export { default as Audio } from './Audio.js';
+export { default as ImagePreview } from './ImagePreview.js';
 export { default as Address } from './Address.js';
 export { default as Barrage } from './Barrage.js';
 export { default as Signature } from './Signature.js';

package/dist/esm/render-4a3856cb.js

@@ -0,0 +1,32 @@
+import * as ReactDOM from 'react-dom';
+var createRoot;
+
+try {
+  var mainVersion = Number((ReactDOM.version || '').split('.')[0]);
+
+  if (mainVersion >= 18 && ReactDOM.createRoot) {
+    createRoot = ReactDOM.createRoot;
+  }
+} catch (e) {
+  console.log(e);
+}
+
+function legacyRender(node, container) {
+  ReactDOM.render(node, container);
+}
+
+function concurrentRender(node, container) {
+  var root = ReactDOM.createRoot(container);
+  root.render(node);
+}
+
+function render(node, container) {
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+
+  legacyRender(node, container);
+}
+
+export { render as r };