@nutui/nutui-react 2.0.0-alpha.3 → 2.0.0-alpha.4

package/dist/esm/TabbarItem.js

@@ -1,78 +1,8 @@
-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), 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,
-  className: "",
-  tabTitle: "",
-  icon: null,
-  href: "",
-  num: "",
-  active: false,
-  activeColor: "",
-  unactiveColor: "",
-  index: 0,
-  handleClick: function handleClick(idx) {
-  }
-});
-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
-    }), " ").concat(className),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      color: active ? activeColor : unactiveColor
-    }),
-    onClick: function onClick() {
-      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")]))
-  }, num), num && num >= 100 && React__default.createElement("div", {
-    className: "".concat(bIcon("tips", [bIcon("nums")]))
-  }, "99+")) : React__default.createElement("div", {
-    className: "".concat(bIcon("tips", [bIcon("dot")]))
-  }), icon || null), tabTitle && React__default.createElement("div", {
-    className: bIcon({
-      "nav-word": true
-    }, [bIcon({
-      "big-word": !icon
-    })])
-  }, tabTitle));
-};
+import { T as TabbarItem } from "./tabbaritem2.js";
+import "react";
+import "classnames";
+import "./typings.js";
+import "./badge2.js";
 export {
   TabbarItem as default
 };

package/dist/esm/badge2.js

@@ -0,0 +1,69 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+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), 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 from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: "",
+  dot: false,
+  max: 99,
+  top: "0",
+  right: "5",
+  color: ""
+});
+var Badge = function Badge2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, value = _defaultProps$props.value, max = _defaultProps$props.max, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, color = _defaultProps$props.color;
+  var classPrefix = "nut-badge";
+  var classes = classNames(classPrefix, className);
+  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), "".concat(classPrefix, "__sup"));
+  function content() {
+    if (dot || _typeof(value) === "object")
+      return null;
+    if (typeof value === "number" && typeof max === "number") {
+      return max < value ? "".concat(max, "+") : value;
+    }
+    return value;
+  }
+  var getStyle = function getStyle2() {
+    var style2 = {};
+    style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
+    style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
+    style2.background = color;
+    return style2;
+  };
+  return React__default.createElement("div", {
+    className: classes,
+    style
+  }, _typeof(value) === "object" && value && React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon")
+  }, value), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: contentClasses,
+    style: getStyle()
+  }, content()));
+};
+Badge.defaultProps = defaultProps;
+Badge.displayName = "NutBadge";
+export {
+  Badge as B
+};

package/dist/esm/tabbaritem2.js

@@ -0,0 +1,61 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "title", "icon", "active", "activeColor", "inactiveColor", "index", "handleClick"];
+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 from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+import { B as Badge } from "./badge2.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: "",
+  icon: null,
+  active: false,
+  index: 0,
+  handleClick: function handleClick(idx) {
+  }
+});
+var TabbarItem = function TabbarItem2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, index = _defaultProps$props.index, handleClick2 = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-tabbar-item";
+  var tabbarItemClass = classNames(className, classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active));
+  var boxPrefix = "".concat(classPrefix, "__icon-box");
+  var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
+  return React__default.createElement("div", {
+    className: tabbarItemClass,
+    style: _objectSpread({
+      color: active ? activeColor : inactiveColor
+    }, style),
+    onClick: function onClick() {
+      return handleClick2(index);
+    }
+  }, icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Badge, _objectSpread({}, rest), React__default.createElement("div", {
+    className: boxPrefix
+  }, icon)), React__default.createElement("div", {
+    className: titleClass
+  }, title)) : React__default.createElement(Badge, _objectSpread({}, rest), React__default.createElement("div", {
+    className: titleClass
+  }, title)));
+};
+export {
+  TabbarItem as T
+};

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:58:18 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */