@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/SwiperItem.js

@@ -1,32 +1,47 @@
 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, { useContext } from 'react';
-import classNames from 'classnames';
-import { D as DataContext } from './UserContext-2629d479.js';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/classname';
+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), true).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, { useContext } from "react";
+import classNames from "classnames";
+import { D as DataContext } from "./UserContext3.js";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
 var defaultProps = {
-  direction: 'horizontal'
+  direction: "horizontal"
 };
-var SwiperItem = React__default.forwardRef(function (props, ref) {
+var SwiperItem = React__default.forwardRef(function(props, ref) {
   var _props = _objectSpread(_objectSpread({}, defaultProps), props);
-  var className = _props.className,
-    style = _props.style,
-    children = _props.children,
-    direction = _props.direction,
-    size = _props.size;
+  var className = _props.className, style = _props.style, children = _props.children, direction = _props.direction, size = _props.size;
   var parent = useContext(DataContext);
-  var b = cn('swiper-item');
-  var classes = classNames(b(''), className);
-  var getStyle = function getStyle() {
-    var style = {};
+  var b = cn("swiper-item");
+  var classes = classNames(b(""), className);
+  var getStyle = function getStyle2() {
+    var style2 = {};
     var _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;
     var _size = (parent === null || parent === void 0 ? void 0 : parent.size) || size;
     if (_size) {
-      style[_direction === 'horizontal' ? 'width' : 'height'] = "".concat(_size, "px");
+      style2[_direction === "horizontal" ? "width" : "height"] = "".concat(_size, "px");
     }
-    return style;
+    return style2;
   };
   return React__default.createElement("div", {
     className: classes,
@@ -34,5 +49,7 @@ var SwiperItem = React__default.forwardRef(function (props, ref) {
   }, children);
 });
 SwiperItem.defaultProps = defaultProps;
-SwiperItem.displayName = 'NutSwiperItem';
-export { SwiperItem as default };
+SwiperItem.displayName = "NutSwiperItem";
+export {
+  SwiperItem as default
+};

package/dist/esm/Switch.js

@@ -1,52 +1,59 @@
 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-3b438e61.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+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), true).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.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   isAsync: false,
   checked: false,
   disable: false,
-  activeColor: '',
-  inactiveColor: '',
-  activeText: '',
-  inactiveText: '',
-  className: ''
+  activeColor: "",
+  inactiveColor: "",
+  activeText: "",
+  inactiveText: "",
+  className: ""
 });
-var Switch = function Switch(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    isAsync = _defaultProps$props.isAsync,
-    checked = _defaultProps$props.checked,
-    disable = _defaultProps$props.disable,
-    activeColor = _defaultProps$props.activeColor,
-    inactiveColor = _defaultProps$props.inactiveColor,
-    activeText = _defaultProps$props.activeText,
-    inactiveText = _defaultProps$props.inactiveText,
-    onChange = _defaultProps$props.onChange,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var b = cn('switch');
-  useEffect(function () {
+var Switch = function Switch2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), isAsync = _defaultProps$props.isAsync, checked = _defaultProps$props.checked, disable = _defaultProps$props.disable, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, onChange = _defaultProps$props.onChange, className = _defaultProps$props.className, style = _defaultProps$props.style;
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
+  var b = cn("switch");
+  useEffect(function() {
     setValue(checked);
   }, [checked]);
-  var classes = function classes() {
-    return "".concat(b(), " ").concat(value ? 'switch-open' : 'switch-close', " ").concat(disable ? "".concat(b(), "-disable") : '', " ", "".concat(b(), "-base"), " ").concat(className);
+  var classes = function classes2() {
+    return "".concat(b(), " ").concat(value ? "switch-open" : "switch-close", " ").concat(disable ? "".concat(b(), "-disable") : "", " ", "".concat(b(), "-base"), " ").concat(className);
   };
-  var styles = function styles() {
+  var styles = function styles2() {
     var myStyle = _objectSpread({
       backgroundColor: value ? activeColor : inactiveColor
     }, style || {});
     return myStyle;
   };
   var _onClick = function onClick(event) {
-    if (disable) return;
+    if (disable)
+      return;
     if (!isAsync) {
       setValue(!value);
     }
@@ -63,11 +70,13 @@ var Switch = function Switch(props) {
   }, !value && React__default.createElement("div", {
     className: "close-line"
   }), activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", {
-    className: "".concat(b('label'), " open")
+    className: "".concat(b("label"), " open")
   }, activeText) : React__default.createElement("div", {
-    className: "".concat(b('label'), " close")
+    className: "".concat(b("label"), " close")
   }, inactiveText))));
 };
 Switch.defaultProps = defaultProps;
-Switch.displayName = 'NutSwitch';
-export { Switch as default };
+Switch.displayName = "NutSwitch";
+export {
+  Switch as default
+};

package/dist/esm/TabPane.js

@@ -1,6 +1,8 @@
-import { T as TabPane } from './tabpane-01075e6c.js';
-import 'react';
-import 'classnames';
-import './bem-3b438e61.js';
-import '@bem-react/classname';
-export { TabPane as default };
+import { T as TabPane } from "./tabpane2.js";
+import "react";
+import "classnames";
+import "./bem.js";
+import "@bem-react/classname";
+export {
+  TabPane as default
+};

package/dist/esm/Tabbar.js

@@ -1,70 +1,78 @@
 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-3b438e61.js';
-import '@bem-react/classname';
+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), true).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.js";
+import "@bem-react/classname";
 var defaultProps = {
   visible: 0,
   bottom: false,
   size: 20,
-  unactiveColor: '',
-  activeColor: '',
+  unactiveColor: "",
+  activeColor: "",
   safeAreaInsetBottom: false,
-  className: '',
+  className: "",
   style: {},
-  onSwitch: function onSwitch(child, activeVisible) {}
+  onSwitch: function onSwitch(child, activeVisible) {
+  }
 };
-var Tabbar = function Tabbar(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    visible = _defaultProps$props.visible,
-    activeVisible = _defaultProps$props.activeVisible,
-    bottom = _defaultProps$props.bottom,
-    size = _defaultProps$props.size,
-    activeColor = _defaultProps$props.activeColor,
-    unactiveColor = _defaultProps$props.unactiveColor,
-    safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    onSwitch = _defaultProps$props.onSwitch;
-  var b = cn('tabbar');
-  var _useState = useState(activeVisible || visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectIndex = _useState2[0],
-    setSelectIndex = _useState2[1];
+var Tabbar = function Tabbar2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, activeVisible = _defaultProps$props.activeVisible, bottom = _defaultProps$props.bottom, size = _defaultProps$props.size, activeColor = _defaultProps$props.activeColor, unactiveColor = _defaultProps$props.unactiveColor, safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom, className = _defaultProps$props.className, style = _defaultProps$props.style, onSwitch2 = _defaultProps$props.onSwitch;
+  var b = cn("tabbar");
+  var _useState = useState(activeVisible || visible), _useState2 = _slicedToArray(_useState, 2), selectIndex = _useState2[0], setSelectIndex = _useState2[1];
   var _handleClick = function handleClick(idx) {
-    if (!('activeVisible' in props)) {
+    if (!("activeVisible" in props)) {
       setSelectIndex(idx);
     }
   };
-  useEffect(function () {
-    if (activeVisible !== undefined) {
+  useEffect(function() {
+    if (activeVisible !== void 0) {
       setSelectIndex(activeVisible);
     }
   }, [activeVisible]);
   return React__default.createElement("div", {
-    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('bottom'), " ").concat(b('safebottom')) : '', className].join(' '),
-    style: style
-  }, React__default.Children.map(children, function (child, idx) {
+    className: ["".concat(b()), bottom ? "".concat(b("bottom")) : "", safeAreaInsetBottom ? "".concat(b("bottom"), " ").concat(b("safebottom")) : "", className].join(" "),
+    style
+  }, React__default.Children.map(children, function(child, idx) {
     if (!React__default.isValidElement(child)) {
       return null;
     }
     var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
       active: idx === selectIndex,
       index: idx,
-      unactiveColor: unactiveColor,
-      activeColor: activeColor,
-      size: size,
+      unactiveColor,
+      activeColor,
+      size,
       handleClick: function handleClick() {
         _handleClick(idx);
-        onSwitch(child, idx);
+        onSwitch2(child, idx);
       }
     });
     return React__default.cloneElement(child, childProps);
   }));
 };
 Tabbar.defaultProps = defaultProps;
-Tabbar.displayName = 'NutTabbar';
-export { Tabbar as default };
+Tabbar.displayName = "NutTabbar";
+export {
+  Tabbar as default
+};

package/dist/esm/TabbarItem/style/index.js

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/tabbaritem/tabbaritem.scss'

package/dist/esm/TabbarItem.js

@@ -1,80 +1,78 @@
 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, { useEffect } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+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), true).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, { useEffect } from "react";
+import { c as cn } from "./bem.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   dot: false,
-  size: '',
-  iconSize: '',
-  className: '',
-  tabTitle: '',
-  icon: '',
-  href: '',
-  num: '',
+  className: "",
+  tabTitle: "",
+  icon: null,
+  href: "",
+  num: "",
   active: false,
-  activeColor: '',
-  unactiveColor: '',
+  activeColor: "",
+  unactiveColor: "",
   index: 0,
-  handleClick: function handleClick(idx) {}
+  handleClick: function handleClick(idx) {
+  }
 });
-var TabbarItem = function TabbarItem(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    dot = _defaultProps$props.dot,
-    size = _defaultProps$props.size,
-    iconSize = _defaultProps$props.iconSize,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    tabTitle = _defaultProps$props.tabTitle,
-    icon = _defaultProps$props.icon,
-    href = _defaultProps$props.href,
-    num = _defaultProps$props.num,
-    active = _defaultProps$props.active,
-    activeColor = _defaultProps$props.activeColor,
-    unactiveColor = _defaultProps$props.unactiveColor,
-    index = _defaultProps$props.index,
-    handleClick = _defaultProps$props.handleClick,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var b = cn('tabbar-item');
-  var bIcon = cn('tabbar-item__icon-box');
-  useEffect(function () {
+var TabbarItem = function TabbarItem2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), dot = _defaultProps$props.dot, className = _defaultProps$props.className, style = _defaultProps$props.style, tabTitle = _defaultProps$props.tabTitle, icon = _defaultProps$props.icon, href = _defaultProps$props.href, num = _defaultProps$props.num, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, unactiveColor = _defaultProps$props.unactiveColor, index = _defaultProps$props.index, handleClick2 = _defaultProps$props.handleClick;
+  var b = cn("tabbar-item");
+  var bIcon = cn("tabbar-item__icon-box");
+  useEffect(function() {
     if (active && href) {
       window.location.href = href;
     }
   }, [active, href]);
   return React__default.createElement("div", {
     className: "".concat(b({
-      active: active
+      active
     }), " ").concat(className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       color: active ? activeColor : unactiveColor
     }),
     onClick: function onClick() {
-      handleClick(index);
+      handleClick2(index);
     }
   }, React__default.createElement("div", {
     className: "".concat(bIcon())
   }, !dot ? React__default.createElement(React__default.Fragment, null, num && num <= 99 && React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('num')]))
+    className: "".concat(bIcon("tips", [bIcon("num")]))
   }, num), num && num >= 100 && React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('nums')]))
+    className: "".concat(bIcon("tips", [bIcon("nums")]))
   }, "99+")) : React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('dot')]))
-  }), icon && React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    size: iconSize || size,
-    name: icon
-  })), tabTitle && React__default.createElement("div", {
+    className: "".concat(bIcon("tips", [bIcon("dot")]))
+  }), icon || null), tabTitle && React__default.createElement("div", {
     className: bIcon({
-      'nav-word': true
+      "nav-word": true
     }, [bIcon({
-      'big-word': !icon
+      "big-word": !icon
     })])
   }, tabTitle));
 };
-export { TabbarItem as default };
+export {
+  TabbarItem as default
+};

package/dist/esm/Table/style/index.js

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/table/table.scss'