@nutui/nutui-react 2.1.1-beta.0 → 2.2.0

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", "label", "className", "activeIcon", "checked", "value", "defaultChecked", "shape", "disabled", "onChange", "indeterminate", "indeterminateIcon"], _excluded2 = ["labelPosition"];
+var _excluded = ["icon", "label", "className", "activeIcon", "checked", "value", "defaultChecked", "disabled", "onChange", "indeterminate", "indeterminateIcon"], _excluded2 = ["labelPosition"];
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -24,7 +24,7 @@ function _objectSpread(e) {
   return e;
 }
 import React__default, { createContext, useContext, useState, useEffect } from "react";
-import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react";
+import { CheckNormal, CheckDisabled, Checked } from "@nutui/icons-react";
 import classNames from "classnames";
 import CheckboxGroup from "./CheckboxGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -33,7 +33,6 @@ var CheckboxGroupContext = createContext(null);
 var Context = CheckboxGroupContext;
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
-  shape: "round",
   labelPosition: "right",
   icon: null,
   activeIcon: null,
@@ -44,7 +43,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var classPrefix = "nut-checkbox";
 var Checkbox = function Checkbox2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
-  var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange2 = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _objectWithoutProperties(props, _excluded);
+  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({
@@ -77,21 +76,6 @@ var Checkbox = function Checkbox2(props) {
     };
   }
   var renderIcon = function renderIcon2() {
-    if (innerDisabled) {
-      if (innerIndeterminate) {
-        return React__default.createElement(CheckDisabled, {
-          className: color()
-        });
-      }
-      if (innerChecked) {
-        return React__default.createElement(Checked, {
-          className: color()
-        });
-      }
-      return React__default.createElement(CheckDisabled, {
-        className: color()
-      });
-    }
     if (!innerChecked) {
       return React__default.isValidElement(icon) ? icon : React__default.createElement(CheckNormal, {
         className: color()
@@ -107,27 +91,20 @@ var Checkbox = function Checkbox2(props) {
     });
   };
   var color = function color2() {
-    var cls = "".concat(classPrefix, "-icon ");
     if (innerDisabled) {
-      if (innerChecked && !innerIndeterminate) {
-        return "".concat(cls).concat(classPrefix, "-icon-checked ").concat(classPrefix, "-icon-disabled");
-      }
-      if (innerChecked && innerIndeterminate) {
-        return "".concat(cls).concat(classPrefix, "-icon-indeterminate ").concat(classPrefix, "-icon-disabled");
-      }
-      return "".concat(cls).concat(classPrefix, "-icon-disabled");
+      return "".concat(classPrefix, "__icon--disable");
     }
     if (innerChecked) {
       if (innerIndeterminate) {
-        return "".concat(cls).concat(classPrefix, "-icon-indeterminate");
+        return "".concat(classPrefix, "__icon--indeterminate");
       }
-      return "".concat(cls).concat(classPrefix, "-icon-checked");
+      return "".concat(classPrefix, "__icon");
     }
-    return cls;
+    return "".concat(classPrefix, "__icon--unchecked");
   };
   var renderLabel = function renderLabel2() {
     return React__default.createElement("span", {
-      className: classNames("".concat(classPrefix, "-label "), _defineProperty({}, "".concat(classPrefix, "-label-disabled"), innerDisabled))
+      className: classNames("".concat(classPrefix, "__label "), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), innerDisabled))
     }, children || label);
   };
   var handleClick = function handleClick2() {
@@ -140,25 +117,11 @@ var Checkbox = function Checkbox2(props) {
     }
     setChecked(latestChecked);
   };
-  var renderButton = function renderButton2() {
-    var _classNames2;
-    return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-button-active"), innerChecked), _defineProperty(_classNames2, "".concat(classPrefix, "-button-disabled"), disabled), _classNames2))
-    }, children || label, innerChecked && activeIcon ? React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-button-icon"))
-    }, activeIcon) : null);
-  };
-  var renderCheckboxItem = function renderCheckboxItem2() {
-    if (shape === "button") {
-      return renderButton();
-    }
-    return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
-  };
   return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-reverse"), labelPosition === "left"), className)
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"), className)
   }, rest), {}, {
     onClick: handleClick
-  }), renderCheckboxItem());
+  }), renderIcon(), renderLabel());
 };
 Checkbox.defaultProps = defaultProps;
 Checkbox.displayName = "NutCheckBox";

package/dist/esm/collapseitem2.js

@@ -107,26 +107,26 @@ var CollapseItem = function CollapseItem2(props) {
     className: classNames(classPrefix, className),
     style
   }, rest), React__default.createElement("div", {
-    className: classNames("".concat(classPrefix, "-header"), {
+    className: classNames("".concat(classPrefix, "__header"), {
       disabled
     }),
     onClick: handleClick
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-title")
+    className: "".concat(classPrefix, "__title")
   }, title), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-extra")
+    className: "".concat(classPrefix, "__extra")
   }, extra), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-icon-box")
+    className: "".concat(classPrefix, "__icon-box")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-icon"),
+    className: "".concat(classPrefix, "__icon"),
     style: iconStyle
   }, expandIcon || context.expandIcon))), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content"),
+    className: "".concat(classPrefix, "__content"),
     onTransitionEnd,
     ref: wrapperRef
   }, React__default.createElement("div", {
     ref: contentRef,
-    className: "".concat(classPrefix, "-content-text")
+    className: "".concat(classPrefix, "__content-text")
   }, children)));
 };
 CollapseItem.defaultProps = defaultProps;

package/dist/esm/configprovider2.js

@@ -916,7 +916,7 @@ lodash_isequal.exports;
   function eq(value, other) {
     return value === other || value !== value && other !== other;
   }
-  var isArguments = baseIsArguments(function() {
+  var isArguments = baseIsArguments(/* @__PURE__ */ function() {
     return arguments;
   }()) ? baseIsArguments : function(value) {
     return isObjectLike2(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
@@ -987,7 +987,7 @@ var zhCN = {
   infiniteloading: {
     pullRefreshText: "松开刷新",
     loadText: "加载中",
-    loadMoreText: "没有更多了"
+    loadMoreText: "哎呀，这里是底部了啦"
   },
   pagination: {
     prev: "上一页",

package/dist/esm/context5.js

@@ -2,7 +2,7 @@ import { createContext } from "react";
 var handleClick = function handleClick2(e) {
   e.stopPropagation();
   var isIcon = e.target.className.includes("arrow-icon");
-  var isTitle = e.target.className.includes("-title") || isIcon;
+  var isTitle = e.target.className.includes("__title") || isIcon;
   var currentClass = e.currentTarget.className;
   var isShow = currentClass.includes("sidenavbar-show");
   var arrowIcon = e.currentTarget.querySelector(".arrow-icon");

package/dist/esm/formitem2.js

@@ -1523,13 +1523,13 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
           return _this4.props.onClick && _this4.props.onClick(e, _this4.componentRef);
         }
       }, label ? React__default.createElement("div", {
-        className: "nut-cell-title nut-form-item-label"
+        className: "nut-cell__title nut-form-item__label"
       }, renderLabel) : null, React__default.createElement("div", {
-        className: "nut-cell-value nut-form-item-body"
+        className: "nut-cell__value nut-form-item__body"
       }, React__default.createElement("div", {
-        className: "nut-form-item-body-slots"
+        className: "nut-form-item__body__slots"
       }, childNode), item && item.length > 0 && React__default.createElement("div", {
-        className: "nut-form-item-body-tips",
+        className: "nut-form-item__body__tips",
         style: {
           textAlign: errorMessageAlign
         }

package/dist/esm/griditem2.js

@@ -62,7 +62,7 @@ var GridItem = function GridItem2(props) {
   };
   var contentClass = function contentClass2() {
     var _classNames;
-    return classNames("".concat(classPrefix, "-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-content-border"), true), _defineProperty(_classNames, "".concat(classPrefix, "-content-surround"), gap), _defineProperty(_classNames, "".concat(classPrefix, "-content-center"), center), _defineProperty(_classNames, "".concat(classPrefix, "-content-square"), square), _defineProperty(_classNames, "".concat(classPrefix, "-content-reverse"), reverse), _defineProperty(_classNames, "".concat(classPrefix, "-content-").concat(direction), !!direction), _classNames));
+    return classNames("".concat(classPrefix, "__content"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__content--border"), true), _defineProperty(_classNames, "".concat(classPrefix, "__content--surround"), gap), _defineProperty(_classNames, "".concat(classPrefix, "__content--center"), center), _defineProperty(_classNames, "".concat(classPrefix, "__content--square"), square), _defineProperty(_classNames, "".concat(classPrefix, "__content--reverse"), reverse), _defineProperty(_classNames, "".concat(classPrefix, "__content--").concat(direction), !!direction), _classNames));
   };
   var handleClick = function handleClick2(e) {
     onClick2 && onClick2(e);
@@ -85,7 +85,7 @@ var GridItem = function GridItem2(props) {
   }), React__default.createElement("div", {
     className: contentClass()
   }, children && React__default.createElement(React__default.Fragment, null, children), text && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-text")
+    className: "".concat(classPrefix, "__text")
   }, text)));
 };
 GridItem.defaultProps = defaultProps;

package/dist/esm/indicator2.js

@@ -32,16 +32,16 @@ var defaultProps = {
 var classPrefix = "nut-indicator";
 var Indicator = function Indicator2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), total = _defaultProps$props.total, current = _defaultProps$props.current, children = _defaultProps$props.children, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "-vertical"), direction === "vertical"));
+  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "__vertical"), direction === "vertical"));
   var renderElement = function renderElement2() {
     var childs = [];
     for (var item = 0; item < total; item++) {
       childs.push(item === current ? children || React__default.createElement("div", {
         key: item,
-        className: "".concat(classPrefix, "-dot ").concat(classPrefix, "-active")
+        className: "".concat(classPrefix, "__dot ").concat(classPrefix, "__active")
       }) : React__default.createElement("div", {
         key: item,
-        className: "".concat(classPrefix, "-dot")
+        className: "".concat(classPrefix, "__dot")
       }));
     }
     return childs;

package/dist/esm/menuitem2.js

@@ -141,10 +141,10 @@ var MenuItem = forwardRef(function(props, ref) {
     closeOnClickAway
   );
   return React__default.createElement("div", {
-    className: "nut-menu-container",
+    className: "nut-menu-item-container",
     ref: micRef
   }, parent.overlay ? React__default.createElement(Overlay, {
-    className: "nut-menu-container-overlay",
+    className: "nut-menu__overlay",
     style: getPosition(),
     lockScroll: parent.lockScroll,
     visible: showPopup,
@@ -154,19 +154,19 @@ var MenuItem = forwardRef(function(props, ref) {
     }
   }) : null, React__default.createElement("div", {
     className: classNames({
-      "nut-menu-container-wrap": direction === "down",
-      "nut-menu-container-wrap-up": direction !== "down"
+      "nut-menu-item__wrap": direction === "down",
+      "nut-menu-item__wrap-up": direction !== "down"
     }, className),
     style: _objectSpread(_objectSpread({}, style), isShow())
   }, React__default.createElement(CSSTransition, {
     "in": showPopup,
     timeout: 100,
-    classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
+    classNames: direction === "down" ? "menu-item" : "menu-item-up"
   }, React__default.createElement("div", {
-    className: "nut-menu-container-content"
+    className: "nut-menu-item__content"
   }, options === null || options === void 0 ? void 0 : options.map(function(item) {
     return React__default.createElement("div", {
-      className: "nut-menu-container-item ".concat(classNames({
+      className: "nut-menu-item__option ".concat(classNames({
         active: item.value === innerValue
       })),
       key: item.text,

package/dist/esm/overlay2.js

@@ -110,8 +110,8 @@ var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}
 });
 var Overlay = function Overlay2(props) {
   var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, onClick2 = _defaultOverlayProps$.onClick, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-  var classPrefix = "nut-overlay";
   var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
+  var classPrefix = "nut-overlay";
   var nodeRef = useRef(null);
   useEffect(function() {
     if (visible) {

package/dist/esm/popup2.js

@@ -55,7 +55,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var _zIndex = 1100;
 var Popup = function Popup2(props) {
   var _classNames, _classNames2;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, description = _defaultProps$props.description, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
   var nodeRef = React__default.useRef(null);
   var innerIndex = zIndex || _zIndex;
   var _useState = useState(innerIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
@@ -71,8 +71,10 @@ var Popup = function Popup2(props) {
     "--nutui-overlay-zIndex": index
   });
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-  var popClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-round"), round || position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
-  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-title-right"), true), _defineProperty(_classNames2, "".concat(classPrefix, "-title-right-").concat(closeIconPosition), true), _classNames2));
+  var popClassName = classNames((_classNames = {
+    round
+  }, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
+  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon--").concat(closeIconPosition), true), _classNames2));
   var open = function open2() {
     if (!innerVisible) {
       setInnerVisible(true);
@@ -125,27 +127,24 @@ var Popup = function Popup2(props) {
     }
     return node;
   };
-  var renderTitle = function renderTitle2() {
-    if (left || title || description) {
-      return React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title")
-      }, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-left")
-      }, left), (title || description) && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-title")
-      }, title, description && React__default.createElement("div", {
-        className: "".concat(classPrefix, "-title-description")
-      }, description))), closeable && React__default.createElement("div", {
-        className: closeClasses,
-        onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
-    }
+  var renderIcon = function renderIcon2() {
     if (closeable) {
-      return React__default.createElement(React__default.Fragment, null, closeable && React__default.createElement("div", {
+      return React__default.createElement("div", {
         className: closeClasses,
         onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, {
+        width: 12,
+        height: 12
+      }));
     }
+    return null;
+  };
+  var renderTitle = function renderTitle2() {
+    return React__default.createElement(React__default.Fragment, null, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
+      className: "".concat(classPrefix, "-left-icon")
+    }, left), title && React__default.createElement("div", {
+      className: "".concat(classPrefix, "-title")
+    }, title)));
   };
   var renderPop = function renderPop2() {
     return React__default.createElement(CSSTransition, {
@@ -161,7 +160,7 @@ var Popup = function Popup2(props) {
       style: popStyles,
       className: popClassName,
       onClick: onHandleClick
-    }, renderTitle(), showChildren ? children : ""));
+    }, renderTitle(), renderIcon(), showChildren ? children : ""));
   };
   var renderNode = function renderNode2() {
     return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {

package/dist/esm/radio2.js

@@ -24,7 +24,7 @@ function _objectSpread(e) {
   return e;
 }
 import React__default, { useContext } from "react";
-import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react";
+import { CheckChecked, CheckNormal } from "@nutui/icons-react";
 import classNames from "classnames";
 import RadioGroup from "./RadioGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -69,26 +69,21 @@ var Radio = function Radio2(props) {
   }
   var renderLabel = function renderLabel2() {
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-label"), _defineProperty({}, "".concat(classPrefix, "-label-disabled"), disabled))
+      className: classNames("".concat(classPrefix, "__label"), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), disabled))
     }, children);
   };
   var renderButton = function renderButton2() {
     var _classNames2;
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-button-active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "-button-disabled"), disabled), _classNames2))
+      className: classNames("".concat(classPrefix, "__button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__button--active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "__button--disabled"), disabled), _classNames2))
     }, children);
   };
   var color = function color2() {
     var _ref;
-    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "-icon-disabled"), disabled), _defineProperty(_ref, "".concat(classPrefix, "-icon"), !checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "-icon-checked"), checkedStatement), _ref;
+    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "__icon--disable"), disabled), _defineProperty(_ref, "".concat(classPrefix, "__icon"), checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "__icon--unchecked"), !checkedStatement), _ref;
   };
   var renderIcon = function renderIcon2() {
     var icon2 = props.icon, activeIcon2 = props.activeIcon;
-    if (disabled && !checkedStatement) {
-      return React__default.createElement(CheckDisabled, {
-        className: classNames(color())
-      });
-    }
     if (checkedStatement) {
       return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, _objectSpread(_objectSpread({}, activeIcon2.props), {}, {
         className: classNames(color())
@@ -114,7 +109,7 @@ var Radio = function Radio2(props) {
     setCheckedStatement(!checkedStatement);
   };
   return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-reverse"), labelPosition === "left"), className),
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"), className),
     style,
     onClick: handleClick
   }, rest), renderRadioItem());

package/dist/esm/tabbaritem2.js

@@ -41,7 +41,7 @@ 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, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, handleClick = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-tabbar-item";
   var tabbarItemClass = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active), className);
-  var boxPrefix = "".concat(classPrefix, "-icon-box");
+  var boxPrefix = "".concat(classPrefix, "__icon-box");
   var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
   var badgeProps = {
     value,

package/dist/esm/tabs2.js

@@ -115,8 +115,8 @@ var Tabs = function Tabs2(props) {
       forceUpdate();
     }
   }, [children]);
-  var classes = classNames(classPrefix, "".concat(classPrefix, "-").concat(direction), className);
-  var classesTitle = classNames("".concat(classPrefix, "-titles"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-titles-").concat(activeType), activeType), _defineProperty(_classNames, "".concat(classPrefix, "-titles-scrollable"), true), _defineProperty(_classNames, "".concat(classPrefix, "-titles-").concat(align), align), _classNames));
+  var classes = classNames(classPrefix, "".concat(classPrefix, "--").concat(direction), className);
+  var classesTitle = classNames("".concat(classPrefix, "__titles"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__titles--").concat(activeType), activeType), _defineProperty(_classNames, "".concat(classPrefix, "__titles--scrollable"), true), _defineProperty(_classNames, "".concat(classPrefix, "__titles--").concat(align), align), _classNames));
   var tabsActiveStyle = {
     color: activeType === "smile" ? activeColor : "",
     background: activeType === "line" ? activeColor : ""
@@ -152,16 +152,16 @@ var Tabs = function Tabs2(props) {
       onClick: function onClick2() {
         tabChange(item);
       },
-      className: classNames("".concat(classPrefix, "-titles-item"), (_classNames2 = {}, _defineProperty(_classNames2, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value)), _defineProperty(_classNames2, "nut-tabs-titles-item-disabled", item.disabled), _defineProperty(_classNames2, "nut-tabs-titles-item-".concat(align), align), _classNames2)),
+      className: classNames("".concat(classPrefix, "__titles-item"), (_classNames2 = {}, _defineProperty(_classNames2, "nut-tabs__titles-item--active", !item.disabled && String(item.value) === String(value)), _defineProperty(_classNames2, "nut-tabs__titles-item--disabled", item.disabled), _defineProperty(_classNames2, "nut-tabs__titles-item--".concat(align), align), _classNames2)),
       ref: function ref(_ref) {
         return titleItemsRef.current.push(_ref);
       },
       key: item.value
     }, activeType === "line" && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-titles-item-line"),
+      className: "".concat(classPrefix, "__titles-item__line"),
       style: tabsActiveStyle
     }), activeType === "smile" && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-titles-item-smile"),
+      className: "".concat(classPrefix, "__titles-item__smile"),
       style: tabsActiveStyle
     }, React__default.createElement(JoySmile, {
       color: activeColor,
@@ -170,12 +170,12 @@ var Tabs = function Tabs2(props) {
     })), React__default.createElement("div", {
       className: classNames({
         ellipsis: true
-      }, "".concat(classPrefix, "-titles-item-text"))
+      }, "".concat(classPrefix, "__titles-item__text"))
     }, item.title));
   })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content-wrap")
+    className: "".concat(classPrefix, "__content__wrap")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content"),
+    className: "".concat(classPrefix, "__content"),
     style: contentStyle
   }, React__default.Children.map(children, function(child, idx) {
     if (!React__default.isValidElement(child)) {

package/dist/esm/types/src/packages/button/button.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
-export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
+export type ButtonFill = 'solid' | 'outline' | 'none';
 export interface ButtonProps extends BasicComponent {
     color: string;
     shape: ButtonShape;
@@ -15,7 +15,6 @@ export interface ButtonProps extends BasicComponent {
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
-    rightIcon: React.ReactNode;
     id: string;
     nativeType: 'submit' | 'reset' | 'button';
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;

package/dist/esm/types/src/packages/button/button.taro.d.ts

@@ -3,10 +3,10 @@ import type { MouseEvent } from 'react';
 import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BasicComponent } from '@/utils/typings';
 type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
-export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
+export type ButtonFill = 'solid' | 'outline' | 'none';
 export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {
     color: string;
     shape: ButtonShape;
@@ -17,7 +17,6 @@ export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
-    rightIcon: React.ReactNode;
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/types/src/packages/checkbox/checkbox.d.ts

@@ -1,12 +1,10 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '@/packages/checkboxgroup';
 import { BasicComponent } from '@/utils/typings';
-export type CheckboxShape = 'button' | 'round';
 export interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
     defaultChecked: boolean;
-    shape: CheckboxShape;
     labelPosition: 'left' | 'right';
     icon: React.ReactNode;
     activeIcon: React.ReactNode;

package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts

@@ -1,12 +1,10 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
 import { BasicComponent } from '@/utils/typings';
-export type CheckboxShape = 'button' | 'round';
 export interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
     defaultChecked: boolean;
-    shape: CheckboxShape;
     labelPosition: 'left' | 'right';
     icon: React.ReactNode;
     activeIcon: React.ReactNode;