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

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/cellgroup2.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "className", "style", "title", "description"];
+var _excluded = ["children", "className", "style", "title", "description", "divider"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -27,11 +27,12 @@ import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: "",
-  description: ""
+  description: "",
+  divider: true
 });
 var classPrefix = "nut-cell-group";
 var CellGroup = function CellGroup2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, description = _defaultProps$props.description, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, description = _defaultProps$props.description, divider = _defaultProps$props.divider, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   return React__default.createElement("div", _objectSpread({
     className: classNames(classPrefix, className)
   }, rest), title ? React__default.createElement("div", {
@@ -39,7 +40,7 @@ var CellGroup = function CellGroup2(props) {
   }, title) : null, description ? React__default.createElement("div", {
     className: "".concat(classPrefix, "__description")
   }, description) : null, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__wrap")
+    className: "".concat(classPrefix, "__wrap ").concat(divider ? "".concat(classPrefix, "__wrap--divider") : "")
   }, children));
 };
 CellGroup.defaultProps = defaultProps;

package/dist/esm/checkbox2.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["icon", "iconSize", "label", "className", "checkedIcon", "checked", "defaultChecked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "indeterminateIcon"], _excluded2 = ["textPosition"];
+var _excluded = ["icon", "label", "className", "activeIcon", "checked", "value", "defaultChecked", "disabled", "onChange", "indeterminate", "indeterminateIcon"], _excluded2 = ["labelPosition"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,113 +25,100 @@ function _objectSpread(target) {
 }
 import React__default, { createContext, useContext, useState, useEffect } from "react";
 import { CheckNormal, CheckDisabled, Checked } from "@nutui/icons-react";
+import classNames from "classnames";
 import CheckboxGroup from "./CheckboxGroup.js";
-import { c as cn } from "./bem.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 var CheckboxGroupContext = createContext(null);
 var Context = CheckboxGroupContext;
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
-  textPosition: "right",
-  iconSize: 18,
-  icon: "check-normal",
-  checkedIcon: "checked",
-  iconClassPrefix: "nut-icon",
-  iconFontClassName: "nutui-iconfont",
-  indeterminateIcon: "check-disabled",
-  onChange: function onChange(state) {
+  labelPosition: "right",
+  icon: null,
+  activeIcon: null,
+  indeterminateIcon: null,
+  onChange: function onChange(value) {
   }
 });
+var classPrefix = "nut-checkbox";
 var Checkbox = function Checkbox2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
-  var b = cn("checkbox");
-  var icon = props.icon, iconSize = props.iconSize, label = props.label, className = props.className, checkedIcon = props.checkedIcon, checked = props.checked, defaultChecked = props.defaultChecked, disabled = props.disabled, onChange2 = props.onChange, indeterminate = props.indeterminate, iconClassPrefix = props.iconClassPrefix, iconFontClassName = props.iconFontClassName, indeterminateIcon = props.indeterminateIcon, others = _objectWithoutProperties(props, _excluded);
-  var textPosition = others.textPosition, rest = _objectWithoutProperties(others, _excluded2);
+  var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, disabled = props.disabled, onChange2 = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _objectWithoutProperties(props, _excluded);
+  var labelPosition = others.labelPosition, rest = _objectWithoutProperties(others, _excluded2);
   var ctx = useContext(Context);
   var _usePropsValue = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
     finalValue: defaultChecked,
     onChange: onChange2
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), _checked = _usePropsValue2[0], setChecked = _usePropsValue2[1];
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerChecked = _usePropsValue2[0], setChecked = _usePropsValue2[1];
   var _useState = useState(disabled), _useState2 = _slicedToArray(_useState, 2), innerDisabled = _useState2[0], setDisabled = _useState2[1];
-  var _useState3 = useState(indeterminate), _useState4 = _slicedToArray(_useState3, 2), _indeterminate = _useState4[0], setIndeterminate = _useState4[1];
+  var _useState3 = useState(indeterminate), _useState4 = _slicedToArray(_useState3, 2), innerIndeterminate = _useState4[0], setIndeterminate = _useState4[1];
   useEffect(function() {
-    !ctx && setChecked(checked);
     setDisabled(disabled);
+  }, [disabled]);
+  useEffect(function() {
     setIndeterminate(indeterminate);
-  }, [disabled, indeterminate]);
+  }, [indeterminate]);
   if (ctx) {
-    if (ctx.textPosition !== void 0) {
-      textPosition = ctx.textPosition;
+    if (ctx.labelPosition !== void 0) {
+      labelPosition = ctx.labelPosition;
     }
-    innerDisabled = ctx.disabled;
-    _checked = ctx.checkedValue.includes(label);
+    innerDisabled = ctx.disabled !== void 0 ? ctx.disabled : innerDisabled;
+    innerChecked = ctx.value.includes(value);
     setChecked = function setChecked2(checked2) {
       if (ctx.disabled)
         return;
       if (checked2)
-        ctx.check(label);
+        ctx.check(value);
       if (!checked2)
-        ctx.uncheck(label);
+        ctx.uncheck(value);
     };
   }
   var renderIcon = function renderIcon2() {
-    if (!_checked) {
+    if (!innerChecked) {
       return React__default.isValidElement(icon) ? icon : React__default.createElement(CheckNormal, {
-        width: iconSize,
-        height: iconSize,
         className: color()
       });
     }
-    if (_indeterminate) {
+    if (innerIndeterminate) {
       return React__default.isValidElement(indeterminateIcon) ? indeterminateIcon : React__default.createElement(CheckDisabled, {
-        width: iconSize,
-        height: iconSize,
         className: color()
       });
     }
-    return React__default.isValidElement(checkedIcon) ? checkedIcon : React__default.createElement(Checked, {
-      width: iconSize,
-      height: iconSize,
+    return React__default.isValidElement(activeIcon) ? activeIcon : React__default.createElement(Checked, {
       className: color()
     });
   };
   var color = function color2() {
     if (innerDisabled) {
-      return "nut-checkbox__icon--disable";
+      return "".concat(classPrefix, "__icon--disable");
     }
-    if (_checked) {
-      if (_indeterminate) {
-        return "nut-checkbox__icon--indeterminate";
+    if (innerChecked) {
+      if (innerIndeterminate) {
+        return "".concat(classPrefix, "__icon--indeterminate");
       }
-      return "nut-checkbox__icon";
+      return "".concat(classPrefix, "__icon");
     }
-    return "nut-checkbox__icon--unchecked";
+    return "".concat(classPrefix, "__icon--unchecked");
   };
   var renderLabel = function renderLabel2() {
     return React__default.createElement("span", {
-      className: "".concat(b("label", {
-        disabled: innerDisabled
-      }), " ")
+      className: classNames("".concat(classPrefix, "__label "), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), innerDisabled))
     }, children || label);
   };
   var handleClick = function handleClick2() {
     if (disabled)
       return;
-    var latestChecked = !_checked;
+    var latestChecked = !innerChecked;
     if (ctx && ctx.max !== void 0) {
-      if (latestChecked && ctx.checkedValue.length >= ctx.max)
+      if (latestChecked && ctx.value.length >= ctx.max)
         return;
     }
-    onChange2 && onChange2(latestChecked, label || children);
     setChecked(latestChecked);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b({
-      reverse: textPosition === "left"
-    }), " ").concat(className || "")
+    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"))
   }, rest), {}, {
     onClick: handleClick
   }), renderIcon(), renderLabel());

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.5 Wed May 10 2023 14:18:02 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.5 Wed May 10 2023 14:18:02 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.5 Wed May 10 2023 14:18:02 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.5 Wed May 10 2023 14:18:02 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.5 Wed May 10 2023 14:18:02 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.5 Wed May 10 2023 14:18:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */