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

package/dist/esm/{ellipsis.taro-b1533122.js → ellipsis.taro-ov_C4kbs.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useState, useEffect } from "react";
 import { useReady, nextTick, createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
-import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   content: "",

package/dist/esm/empty.taro-39MwJjPx.js

@@ -0,0 +1,59 @@
+import React__default, { useState, useEffect } from "react";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+const defaultStatus = {
+  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
+  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
+  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
+};
+const defaultProps = {
+  ...ComponentDefaults,
+  description: "",
+  imageSize: "",
+  status: "empty"
+};
+const classPrefix = `nut-empty`;
+const Empty = (props) => {
+  const { locale } = useConfig();
+  defaultProps.description = locale.noData || defaultProps.description;
+  const { image, imageSize, description, children, className, status, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const [imgStyle, setImgStyle] = useState({});
+  const imageUrl = image || defaultStatus[status];
+  const imageNode = typeof imageUrl === "string" ? React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
+  useEffect(() => {
+    setImgStyle(() => {
+      if (!imageSize) {
+        return {};
+      }
+      if (typeof imageSize === "number") {
+        return {
+          width: `${imageSize}px`,
+          height: `${imageSize}px`
+        };
+      }
+      return {
+        width: imageSize,
+        height: imageSize
+      };
+    });
+  }, [imageSize]);
+  return React__default.createElement(
+    "div",
+    { className: `${classPrefix} ${className}`, ...rest },
+    React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("div", { className: `${classPrefix}__image`, style: imgStyle }, imageNode),
+      typeof description === "string" ? React__default.createElement("div", { className: `${classPrefix}__description` }, description) : description,
+      children
+    )
+  );
+};
+Empty.defaultProps = defaultProps;
+Empty.displayName = "NutEmpty";
+export {
+  Empty as E
+};

package/dist/esm/{fixednav.taro-ec8c4526.js → fixednav.taro-ub2wK6fK.js}

@@ -1,9 +1,9 @@
 import React__default from "react";
 import classNames from "classnames";
-import { ArrowLeft } from "@nutui/icons-react-taro";
-import { O as Overlay } from "./overlay.taro-8514660f.js";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { Left } from "@nutui/icons-react-taro";
+import { O as Overlay } from "./overlay.taro-g57gqLxf.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   activeText: "",
@@ -37,19 +37,19 @@ const FixedNav = (props) => {
       ...style
     }, ...rest },
     overlay && React__default.createElement(Overlay, { visible, style: { "--nutui-overlay-zIndex": 200 }, onClick: () => onUpdateValue(false) }),
-    React__default.createElement("div", { className: "list" }, children || React__default.createElement("div", { className: `${classPrefix}-list` }, list.map((item, index) => {
+    React__default.createElement("div", { className: "list" }, children || React__default.createElement("div", { className: `${classPrefix}__list` }, list.map((item, index) => {
       return React__default.createElement(
         "div",
-        { className: `${classPrefix}-list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
+        { className: `${classPrefix}__list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
         React__default.createElement("img", { src: item.icon, alt: "" }),
-        React__default.createElement("div", { className: `${classPrefix}-list-text` }, item.text),
+        React__default.createElement("div", { className: `${classPrefix}__list-text` }, item.text),
         item.num && React__default.createElement("div", { className: "b" }, item.num)
       );
     }))),
-    React__default.createElement("div", { className: `${classPrefix}-btn`, onClick: () => onUpdateValue() }, content || React__default.createElement(
+    React__default.createElement("div", { className: `${classPrefix}__btn`, onClick: () => onUpdateValue() }, content || React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement(ArrowLeft, { color: "#fff" }),
+      React__default.createElement(Left, { color: "#fff" }),
       React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)
     ))
   );

package/dist/esm/{formitem.taro-2b8003f8.js → formitem.taro-w9qkYXEq.js}

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import React__default, { createContext } from "react";
-import { C as Cell } from "./cell.taro-3bb24d44.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as Cell } from "./cell.taro-3Tvgy6gl.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const Context = createContext({});
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
@@ -123,12 +123,12 @@ class FormItem extends React__default.Component {
       return React__default.createElement(
         Cell,
         { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
-        label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
+        label ? React__default.createElement("div", { className: "nut-cell__title nut-form-item__label" }, renderLabel) : null,
         React__default.createElement(
           "div",
-          { className: "nut-cell-value nut-form-item-body" },
-          React__default.createElement("div", { className: "nut-form-item-body-slots" }, childNode),
-          React__default.createElement("div", { className: "nut-form-item-body-tips", style: {
+          { className: "nut-cell__value nut-form-item__body" },
+          React__default.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
+          React__default.createElement("div", { className: "nut-form-item__body__tips", style: {
             textAlign: errorMessageAlign,
             display: (item == null ? void 0 : item.length) ? "inherit" : "none"
           } }, (_a = item == null ? void 0 : item[0]) == null ? void 0 : _a.message)

package/dist/esm/{grid.taro-389996b2.js → grid.taro-4vtMCMqo.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
-import { a as GridContext, G as GridItem } from "./griditem.taro-483246bf.js";
-import { p as pxCheck } from "./px-check-f83a9dc3.js";
+import { a as GridContext, G as GridItem } from "./griditem.taro-z_VW6NuV.js";
+import { p as pxCheck } from "./px-check-JiWLYN2v.js";
 const defaultProps = {
   columns: 4,
   gap: 0,
@@ -16,7 +16,7 @@ const Grid = (props) => {
   const classPrefix = "nut-grid";
   const rootClass = () => {
     return classNames(classPrefix, {
-      [`${classPrefix}-border`]: !gap
+      [`${classPrefix}__border`]: !gap
     }, className);
   };
   const rootStyle = () => {

package/dist/esm/{griditem.taro-483246bf.js → griditem.taro-z_VW6NuV.js}

@@ -1,7 +1,7 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { p as pxCheck } from "./px-check-f83a9dc3.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { p as pxCheck } from "./px-check-JiWLYN2v.js";
 const gridContext = {
   onClick: (item, index) => {
   }
@@ -41,13 +41,13 @@ const GridItem = (props) => {
     return styles;
   };
   const contentClass = () => {
-    return classNames(`${classPrefix}-content`, {
-      [`${classPrefix}-content-border`]: true,
-      [`${classPrefix}-content-surround`]: gap,
-      [`${classPrefix}-content-center`]: center,
-      [`${classPrefix}-content-square`]: square,
-      [`${classPrefix}-content-reverse`]: reverse,
-      [`${classPrefix}-content-${direction}`]: !!direction
+    return classNames(`${classPrefix}__content`, {
+      [`${classPrefix}__content--border`]: true,
+      [`${classPrefix}__content--surround`]: gap,
+      [`${classPrefix}__content--center`]: center,
+      [`${classPrefix}__content--square`]: square,
+      [`${classPrefix}__content--reverse`]: reverse,
+      [`${classPrefix}__content--${direction}`]: !!direction
     });
   };
   const handleClick = (e) => {
@@ -70,7 +70,7 @@ const GridItem = (props) => {
       "div",
       { className: contentClass() },
       children && React__default.createElement(React__default.Fragment, null, children),
-      text && React__default.createElement("div", { className: `${classPrefix}-text` }, text)
+      text && React__default.createElement("div", { className: `${classPrefix}__text` }, text)
     )
   );
 };

package/dist/esm/{image.taro-8d73a60d.js → image.taro-jKXhCAIw.js}

@@ -3,7 +3,7 @@ import Taro from "@tarojs/taro";
 import { Image as Image$2 } from "@tarojs/components";
 import { ImageError, Image as Image$1 } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { p as pxCheck } from "./px-check-f83a9dc3.js";
+import { p as pxCheck } from "./px-check-JiWLYN2v.js";
 const defaultProps = {
   src: "",
   error: true,
@@ -51,7 +51,7 @@ const Image = (props) => {
       return React__default.createElement("div", { className: "nut-img-error" }, error);
     }
     return null;
-  }, [error, isError, innerLoading]);
+  }, [error, isError]);
   const renderLoading = useCallback(() => {
     if (!loading)
       return null;

package/dist/esm/{imagepreview.taro-e660bf28.js → imagepreview.taro-njsGNYCl.js}

@@ -2,12 +2,12 @@ import React__default, { useRef, useState, useEffect } from "react";
 import Taro from "@tarojs/taro";
 import { Video } from "@tarojs/components";
 import classNames from "classnames";
-import { P as Popup } from "./popup.taro-85284489.js";
-import { I as Image } from "./image.taro-8d73a60d.js";
+import { P as Popup } from "./popup.taro-kjOuDvcb.js";
+import { I as Image } from "./image.taro-jKXhCAIw.js";
 import InnerSwiper from "./Swiper.js";
-import { S as SwiperItem } from "./swiperitem.taro-da39a67b.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { S as SwiperItem } from "./swiperitem.taro-BC1CE0T-.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,
   images: [],

package/dist/esm/{index-b283d77d.js → index-oitVOJp9.js}

@@ -610,7 +610,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 isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");

package/dist/esm/{indicator.taro-7bec8fb9.js → indicator.taro-rl-kBFJW.js}

@@ -12,12 +12,12 @@ const Indicator = (props) => {
     ...props
   };
   const classes = classNames({
-    [`${classPrefix}-vertical`]: direction === "vertical"
+    [`${classPrefix}__vertical`]: direction === "vertical"
   });
   const renderElement = () => {
     const childs = [];
     for (let item = 0; item < total; item++) {
-      childs.push(item === current ? children || React__default.createElement("div", { key: item, className: `${classPrefix}-dot ${classPrefix}-active` }) : React__default.createElement("div", { key: item, className: `${classPrefix}-dot` }));
+      childs.push(item === current ? children || React__default.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` }) : React__default.createElement("div", { key: item, className: `${classPrefix}__dot` }));
     }
     return childs;
   };

package/dist/esm/{infiniteloading.taro-e6068990.js → infiniteloading.taro-au-C-hVX.js}

@@ -2,8 +2,8 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { ScrollView } from "@tarojs/components";
 import { createSelectorQuery } from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   hasMore: true,

package/dist/esm/{input.taro-d98c3cef.js → input.taro-HbP0VUca.js}

@@ -2,9 +2,9 @@ import React__default, { forwardRef, useRef, useState, useImperativeHandle, useC
 import { View, Input as Input$1 } from "@tarojs/components";
 import { MaskClose } from "@nutui/icons-react-taro";
 import { getEnv, ENV_TYPE } from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-e890dac3.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
   if (index === -1) {

package/dist/esm/{inputnumber.taro-07b246ee.js → inputnumber.taro-cwMnY2Gd.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useEffect } from "react";
 import { Minus, Plus } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   disabled: false,
@@ -36,7 +36,7 @@ const InputNumber = (props) => {
   }, []);
   const classes = classNames({
     [`${classPrefix}`]: true,
-    [`${classPrefix}-disabled`]: disabled
+    [`${classPrefix}--disabled`]: disabled
   }, className);
   const styles = {
     ...style
@@ -55,11 +55,11 @@ const InputNumber = (props) => {
     }
     return Number(value2) > Number(min) && !disabled;
   };
-  const iconMinusClasses = classNames("nut-inputnumber-icon icon-minus", {
-    "nut-inputnumber-icon-disabled": !reduceAllow()
+  const iconMinusClasses = classNames("nut-inputnumber__icon icon-minus", {
+    "nut-inputnumber__icon--disabled": !reduceAllow()
   });
-  const iconAddClasses = classNames("nut-inputnumber-icon icon-plus", {
-    "nut-inputnumber-icon-disabled": !addAllow()
+  const iconAddClasses = classNames("nut-inputnumber__icon icon-plus", {
+    "nut-inputnumber__icon--disabled": !addAllow()
   });
   const fixedDecimalPlaces = (v) => {
     return Number(v).toFixed(Number(digits));

package/dist/esm/{loading.taro-d511e398.js → loading.taro-aHN6xLIT.js}

@@ -1,7 +1,7 @@
 import React__default from "react";
 import classNames from "classnames";
 import { Loading1, Loading as Loading$1 } from "@nutui/icons-react-taro";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const loadingMap = {
   circular: Loading1,
   spinner: Loading$1

package/dist/esm/{menu.taro-c2dc8fdb.js → menu.taro-GPMcYkdK.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp2, ArrowDown2 } from "@nutui/icons-react-taro";
-import { M as MenuItem } from "./menuitem.taro-9cd511f4.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { M as MenuItem } from "./menuitem.taro-V1SR74cE.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   activeColor: "",
@@ -94,7 +94,7 @@ const Menu = (props) => {
         };
         return React__default.createElement(
           "div",
-          { className: classNames("nut-menu-title ", {
+          { className: classNames("nut-menu__item ", {
             active: showMenuItem[index],
             disabled
           }, className), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: () => {
@@ -102,8 +102,15 @@ const Menu = (props) => {
               return;
             !disabled && toggleMenuItem(index);
           } },
-          React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? React__default.createElement(ArrowUp2, { className: "nut-menu-title-icon", size: 10 }) : React__default.createElement(ArrowDown2, { className: "nut-menu-title-icon", size: 10 }))
+          React__default.createElement(
+            "div",
+            { className: classNames("nut-menu__title ", {
+              active: showMenuItem[index],
+              disabled
+            }) },
+            React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
+            icon || (direction === "up" ? React__default.createElement(ArrowUp2, { className: "nut-menu__title-icon", size: 10 }) : React__default.createElement(ArrowDown2, { className: "nut-menu__title-icon", size: 10 }))
+          )
         );
       }
       return null;
@@ -114,10 +121,14 @@ const Menu = (props) => {
     { ...rest, className: classNames(`nut-menu`, className, {
       "scroll-fixed": isScrollFixed
     }), ref: menuRef },
-    React__default.createElement("div", { className: classNames("nut-menu-bar", {
-      opened: showMenuItem.includes(true)
-    }) }, menuTitle()),
-    cloneChildren()
+    React__default.createElement(
+      "div",
+      { className: "nut-menu-relative" },
+      React__default.createElement("div", { className: classNames("nut-menu__bar", {
+        opened: showMenuItem.includes(true)
+      }) }, menuTitle()),
+      cloneChildren()
+    )
   );
 };
 Menu.defaultProps = defaultProps;

package/dist/esm/{menuitem.taro-9cd511f4.js → menuitem.taro-V1SR74cE.js}

@@ -4,10 +4,10 @@ import { getSystemInfoSync, usePageScroll } from "@tarojs/taro";
 import { View } from "@tarojs/components";
 import { CSSTransition } from "react-transition-group";
 import { Check } from "@nutui/icons-react-taro";
-import { O as Overlay } from "./overlay.taro-8514660f.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as usePropsValue } from "./use-props-value-7637d900.js";
+import { O as Overlay } from "./overlay.taro-g57gqLxf.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 const defaultProps = {
   ...ComponentDefaults,
   columns: 1,
@@ -121,32 +121,32 @@ const MenuItem = forwardRef((props, ref) => {
   };
   return React__default.createElement(
     View,
-    { className: "nut-menu-container" },
+    { className: "nut-menu-item-container" },
     closeOnClickAway ? React__default.createElement(View, { className: `placeholder-element ${classNames({
       up: direction === "up"
     })}`, style: placeholderStyle(), onClick: () => parent.toggleMenuItem(index) }) : null,
-    parent.overlay ? React__default.createElement(Overlay, { className: "nut-menu-container-overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
+    parent.overlay ? React__default.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
       parent.closeOnOverlayClick && parent.hideMenuItem(index);
     } }) : null,
     React__default.createElement(
       View,
       { 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: {
         ...style,
         ...isShow()
       } },
       React__default.createElement(
         CSSTransition,
-        { in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
+        { in: showPopup, timeout: 100, classNames: direction === "down" ? "menu-item" : "menu-item-up" },
         React__default.createElement(
           View,
-          { className: "nut-menu-container-content" },
+          { className: "nut-menu-item__content" },
           options == null ? void 0 : options.map((item, index2) => {
             return React__default.createElement(
               View,
-              { className: `nut-menu-container-item ${classNames({
+              { className: `nut-menu-item__option ${classNames({
                 active: item.value === innerValue
               })}`, key: item.text, style: {
                 flexBasis: `${100 / columns}%`

package/dist/esm/{navbar.taro-00b0b1fd.js → navbar.taro-uxhBXITb.js}

@@ -1,11 +1,10 @@
 import React__default from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   left: "",
   right: "",
-  titleAlign: "center",
   back: "",
   fixed: false,
   safeAreaInsetTop: false,
@@ -13,7 +12,7 @@ const defaultProps = {
   zIndex: 10
 };
 const NavBar = (props) => {
-  const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
+  const { right, left, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
     ...defaultProps,
     ...props
   };
@@ -28,16 +27,16 @@ const NavBar = (props) => {
   const renderLeft = () => {
     return React__default.createElement(
       "div",
-      { className: `${classPrefix}-left` },
-      back && React__default.createElement("div", { className: `${classPrefix}-left-back`, onClick: (e) => onBackClick(e) }, back),
+      { className: `${classPrefix}__left` },
+      back && React__default.createElement("div", { className: `${classPrefix}__left__back`, onClick: (e) => onBackClick(e) }, back),
       left
     );
   };
   const renderContent = () => {
-    return React__default.createElement("div", { className: `${classPrefix}-title` }, children);
+    return React__default.createElement("div", { className: `${classPrefix}__title` }, children);
   };
   const renderRight = () => {
-    return React__default.createElement("div", { className: `${classPrefix}-right` }, right);
+    return React__default.createElement("div", { className: `${classPrefix}__right` }, right);
   };
   const renderWrapper = () => {
     return React__default.createElement(
@@ -49,12 +48,11 @@ const NavBar = (props) => {
     );
   };
   const classes = classNames({
-    [`${classPrefix}-fixed`]: fixed,
-    [`${classPrefix}-safe-area-inset-top`]: safeAreaInsetTop,
-    [`${classPrefix}-title-align-${titleAlign}`]: true
+    [`${classPrefix}--fixed`]: fixed,
+    [`${classPrefix}--safe-area-inset-top`]: safeAreaInsetTop
   });
   const cls = classNames(classPrefix, classes, className);
-  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper());
+  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", { className: `${classPrefix}--placeholder` }, renderWrapper()) : renderWrapper());
 };
 NavBar.defaultProps = defaultProps;
 NavBar.displayName = "NutNavBar";

package/dist/esm/{noticebar.taro-512a92a0.js → noticebar.taro-HnLNCT6c.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import { Notice, Close } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { g as getRectByTaro } from "./get-rect-by-taro-fe02fe2b.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 const defaultProps = {
   ...ComponentDefaults,
   direction: "horizontal",
@@ -310,7 +310,7 @@ const NoticeBar = (props) => {
     }
   };
   const noticebarClass = classNames({
-    "nut-noticebar-box": true,
+    "nut-noticebar-page": true,
     withicon: closeable,
     close: closeable,
     wrapable: wrap
@@ -343,14 +343,14 @@ const NoticeBar = (props) => {
       "div",
       { className: "nut-noticebar-vertical", style: barStyle, ref: container, onClick: handleClick },
       leftIcon ? React__default.createElement("div", { className: "left-icon" }, leftIcon) : null,
-      children ? React__default.createElement("div", { className: "nut-noticebar-inner", ref: innerRef }, scrollList.current.map((item, index) => {
+      children ? React__default.createElement("div", { className: "nut-noticebar__inner", ref: innerRef }, scrollList.current.map((item, index) => {
         return React__default.createElement("div", { className: "scroll-inner ", style: itemStyle(index), key: index, onClick: (e) => {
           handleItemClick(e, item);
         } }, item);
-      })) : React__default.createElement("div", { className: "horseLamp-list", style: horseLampStyle }, scrollList.current.map((item, index) => {
+      })) : React__default.createElement("div", { className: "horseLamp_list", style: horseLampStyle }, scrollList.current.map((item, index) => {
         return (
           // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-          React__default.createElement("div", { className: "horseLamp-list-item", style: { height }, key: index, onClick: (e) => {
+          React__default.createElement("div", { className: "horseLamp_list_item", style: { height }, key: index, onClick: (e) => {
             handleItemClick(e, item);
           } }, item)
         );

package/dist/esm/{notify.taro-3063c438.js → notify.taro-eql4R4Mx.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-c672f4ae.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-XvsODK8c.js";
 const defaultProps = {
   ...ComponentDefaults,
   id: "",
@@ -53,10 +53,10 @@ const Notify = (props) => {
     onClose();
   };
   const classes = classNames({
-    [`${classPrefix}-popup-top`]: position === "top",
-    [`${classPrefix}-popup-bottom`]: position === "bottom",
+    [`${classPrefix}--popup-top`]: position === "top",
+    [`${classPrefix}--popup-bottom`]: position === "bottom",
     [`${classPrefix}`]: true,
-    [`${classPrefix}-${type}`]: true
+    [`${classPrefix}--${type}`]: true
   });
   return React__default.createElement(
     React__default.Fragment,