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

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

@@ -1,8 +1,8 @@
 import React__default from "react";
 import classNames from "classnames";
-import { Left } from "@nutui/icons-react-taro";
-import { O as Overlay } from "./overlay.taro-2a34cbbf.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+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";
 const defaultProps = {
   ...ComponentDefaults,
@@ -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(Left, { color: "#fff" }),
+      React__default.createElement(ArrowLeft, { color: "#fff" }),
       React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)
     ))
   );

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

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import React__default, { createContext } from "react";
-import { C as Cell } from "./cell.taro-010b73ed.js";
+import { C as Cell } from "./cell.taro-3bb24d44.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const Context = createContext({});
 function isForwardRefComponent(component) {
@@ -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-a1837c49.js → grid.taro-389996b2.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { a as GridContext, G as GridItem } from "./griditem.taro-c0265282.js";
+import { a as GridContext, G as GridItem } from "./griditem.taro-483246bf.js";
 import { p as pxCheck } from "./px-check-f83a9dc3.js";
 const defaultProps = {
   columns: 4,
@@ -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-c0265282.js → griditem.taro-483246bf.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { p as pxCheck } from "./px-check-f83a9dc3.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-c2441b71.js → image.taro-8d73a60d.js}

@@ -51,7 +51,7 @@ const Image = (props) => {
       return React__default.createElement("div", { className: "nut-img-error" }, error);
     }
     return null;
-  }, [error, isError]);
+  }, [error, isError, innerLoading]);
   const renderLoading = useCallback(() => {
     if (!loading)
       return null;

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

@@ -2,8 +2,8 @@ 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-376be9fe.js";
-import { I as Image } from "./image.taro-c2441b71.js";
+import { P as Popup } from "./popup.taro-85284489.js";
+import { I as Image } from "./image.taro-8d73a60d.js";
 import InnerSwiper from "./Swiper.js";
 import { S as SwiperItem } from "./swiperitem.taro-da39a67b.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";

package/dist/esm/{indicator.taro-092f9f4e.js → indicator.taro-7bec8fb9.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-b149475d.js → infiniteloading.taro-e6068990.js}

@@ -2,7 +2,7 @@ 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-03d376af.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

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

@@ -2,7 +2,7 @@ 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-03d376af.js";
+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";
 function trimExtraChar(value, char, regExp) {

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

@@ -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/{menu.taro-df22141a.js → menu.taro-c2dc8fdb.js}

@@ -1,7 +1,7 @@
 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-7b5d50fc.js";
+import { M as MenuItem } from "./menuitem.taro-9cd511f4.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -94,7 +94,7 @@ const Menu = (props) => {
         };
         return React__default.createElement(
           "div",
-          { className: classNames("nut-menu__item ", {
+          { className: classNames("nut-menu-title ", {
             active: showMenuItem[index],
             disabled
           }, className), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: () => {
@@ -102,15 +102,8 @@ const Menu = (props) => {
               return;
             !disabled && toggleMenuItem(index);
           } },
-          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 }))
-          )
+          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;
@@ -121,14 +114,10 @@ const Menu = (props) => {
     { ...rest, className: classNames(`nut-menu`, className, {
       "scroll-fixed": isScrollFixed
     }), ref: menuRef },
-    React__default.createElement(
-      "div",
-      { className: "nut-menu-relative" },
-      React__default.createElement("div", { className: classNames("nut-menu__bar", {
-        opened: showMenuItem.includes(true)
-      }) }, menuTitle()),
-      cloneChildren()
-    )
+    React__default.createElement("div", { className: classNames("nut-menu-bar", {
+      opened: showMenuItem.includes(true)
+    }) }, menuTitle()),
+    cloneChildren()
   );
 };
 Menu.defaultProps = defaultProps;

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

@@ -4,7 +4,7 @@ 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-2a34cbbf.js";
+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";
@@ -121,32 +121,32 @@ const MenuItem = forwardRef((props, ref) => {
   };
   return React__default.createElement(
     View,
-    { className: "nut-menu-item-container" },
+    { className: "nut-menu-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__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
+    parent.overlay ? React__default.createElement(Overlay, { className: "nut-menu-container-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-item__wrap": direction === "down",
-        "nut-menu-item__wrap-up": direction !== "down"
+        "nut-menu-container-wrap": direction === "down",
+        "nut-menu-container-wrap-up": direction !== "down"
       }, className), style: {
         ...style,
         ...isShow()
       } },
       React__default.createElement(
         CSSTransition,
-        { in: showPopup, timeout: 100, classNames: direction === "down" ? "menu-item" : "menu-item-up" },
+        { in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
         React__default.createElement(
           View,
-          { className: "nut-menu-item__content" },
+          { className: "nut-menu-container-content" },
           options == null ? void 0 : options.map((item, index2) => {
             return React__default.createElement(
               View,
-              { className: `nut-menu-item__option ${classNames({
+              { className: `nut-menu-container-item ${classNames({
                 active: item.value === innerValue
               })}`, key: item.text, style: {
                 flexBasis: `${100 / columns}%`

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

@@ -5,6 +5,7 @@ const defaultProps = {
   ...ComponentDefaults,
   left: "",
   right: "",
+  titleAlign: "center",
   back: "",
   fixed: false,
   safeAreaInsetTop: false,
@@ -12,7 +13,7 @@ const defaultProps = {
   zIndex: 10
 };
 const NavBar = (props) => {
-  const { right, left, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
+  const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
     ...defaultProps,
     ...props
   };
@@ -27,16 +28,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(
@@ -48,11 +49,12 @@ const NavBar = (props) => {
     );
   };
   const classes = classNames({
-    [`${classPrefix}--fixed`]: fixed,
-    [`${classPrefix}--safe-area-inset-top`]: safeAreaInsetTop
+    [`${classPrefix}-fixed`]: fixed,
+    [`${classPrefix}-safe-area-inset-top`]: safeAreaInsetTop,
+    [`${classPrefix}-title-align-${titleAlign}`]: true
   });
   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-11fe07b1.js → noticebar.taro-512a92a0.js}

@@ -310,7 +310,7 @@ const NoticeBar = (props) => {
     }
   };
   const noticebarClass = classNames({
-    "nut-noticebar-page": true,
+    "nut-noticebar-box": 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-b7f10692.js → notify.taro-3063c438.js}

@@ -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,

package/dist/esm/{numberkeyboard.taro-74f9a790.js → numberkeyboard.taro-d01cb097.js}

@@ -1,9 +1,9 @@
 import React__default, { useMemo, useState } from "react";
 import classNames from "classnames";
-import { RectDown } from "@nutui/icons-react-taro";
+import { ArrowDown } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
-import { P as Popup } from "./popup.taro-376be9fe.js";
-import { u as useConfig } from "./configprovider.taro-03d376af.js";
+import { P as Popup } from "./popup.taro-85284489.js";
+import { u as useConfig } from "./configprovider.taro-e890dac3.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,
@@ -50,7 +50,7 @@ const NumberKeyboard = (props) => {
     const style2 = {
       background: `url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOUNBQTQ0MkY3RTMxMUVBQjIzNEJCQkYxNDZGQjg5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOUNBQTQ0M0Y3RTMxMUVBQjIzNEJCQkYxNDZGQjg5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5Q0FBNDQwRjdFMzExRUFCMjM0QkJCRjE0NkZCODk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5Q0FBNDQxRjdFMzExRUFCMjM0QkJCRjE0NkZCODk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T12ahwAABClJREFUeNrUWVtIFFEY3pkdrbaCiAINK81VW3d2102pjKLtoXoJrNAswoeEXoyilx7sJXvIh6CHAoMg6yEfSpdECIqE0jCMbMm9qCVYUmR5S8huXmZO39nWOI7mzsy6uzqgM/vvzNnv+y/n/84ZjhBiWMwHF+kA+fn5y0ZHRzNwuTomgDnui9/vfzMvBJxWa7bE87W4tMbY8S8MhNz0BQLVugnY7fZdGORZPNNHJmSPUSf47QD/PN75z3NcpqD1IVEU8wC+dZojDIajyMu6WAG322zBmQf/7LzGnHeAdRtjmuAIKYoleMWxQnUEHA6HVZLldsb0m3oehdQQzzQSVILPJLIcYEw/4HkK/kG86yAsAZvNtgng3059hte/Gf56/uFCaGR8mIJdj3m2hzGNGAkpRM4vCPBzErBYLMko2A//DIQMoQ0WtgcCjWFnCVGswEzxCecqLc0y9Nyww2ariYhAbm7umgRB6GNM/QTgfT7fEzWD4t7dOK0D4TKAcrtcLkENeNx/gUoSpOnx4Gc9BHJyclZNjI8PMqY+judp2jSr1iuENDPi5fDX4WG32WxeogL81NGRIEk3NBNAh10uS9IIY/oIbxR6vd4WLXmJAq9Ayl1kTAUmk8mNyJrUgDfK8hFPV9dnTQSCHiLkO/Ndb8jzrXqKawYJQg4gsu6srKyV4cC/7ujo1CqneRSPxNh74PligPdE3PYVIDHuY6PRWCxPTp7VC35KSvwjwBpwdPP4gXYc86ZdZnr6Pf7S9HqexUs9z0qBLprz8wn+PzWRFknaKGsgjwlvCdLGH42GQ0lg+dqkMP+Enj+lF/yMWYgnJD1qEhhphOWgS2E2yQZDJWa/lEgIvGIa0D2HKJZGA7yiBgaZqO9AermdFstGXQR8fn+BootW4wfPRBE8zXmXoia2SYLgpsJRVwqBBJ2N+pnueRVhPR8l8MGCnaWw8wDCDSWQoasGQCKJnpjGcwkkKqMBfo7ZyQklQCOxWVcRg4QDXmhkSJRjsGvRAD8HCTuNhNPpXKtLzHn9/n0orBqm052GvL2lcfepTMs8PwsJqyRJRbrlNFpBCUBcYWaKE2h4tampqUtV6pP60HNtapuUksTY2NidiLcWUQPnMOhlxvQoITGxxOPxDIVdR2dnb/V2dr7Umn50/Q31261JC4UhUQYSVUxdtPCCUAK10RuvZeQ0LRQ2tD7fddxdyuT3TijJehATF/yinqmJ2wB+jCGRA11TH9xiXAwEQpG4i0gcZHLPjHSqF0Vx76IgEIpEA9a7+3H5K2RK4jnuPvTToXgR0LW9Htpap71iAzPVNsUIMH0XMdXkfLrfD9BdanifksiKW/5w3Emj3mcHBgb6kpKTn6KYzfBCehzg10H6lHPzMdIWq9U8znEpsXE6N4rTO9TjSGgPanG/pfwjwABn1PZcM5XI0AAAAABJRU5ErkJggg0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLTkwMjA5MzIyMjIxMzkzMzc2NzAwNjg0MC0tDQo=') no-repeat center`,
       backgroundSize: "100% 100%",
-      width: "30px",
+      width: "28px",
       height: "24px"
     };
     return React__default.createElement(View, { style: style2 });
@@ -78,7 +78,7 @@ const NumberKeyboard = (props) => {
     };
     return React__default.createElement(
       "div",
-      { key: item.id, className: `${classPrefix}__body__wrapper` },
+      { key: item.id, className: `${classPrefix}-body-wrapper` },
       React__default.createElement(
         "div",
         { className: classNames({
@@ -90,7 +90,7 @@ const NumberKeyboard = (props) => {
         }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
         (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
         item.type === "delete" && React__default.createElement(DeleteIcon, null),
-        item.type === "close" && React__default.createElement(RectDown, { size: 25 }),
+        item.type === "close" && React__default.createElement(ArrowDown, { size: 18 }),
         item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
       )
     );
@@ -103,19 +103,19 @@ const NumberKeyboard = (props) => {
       { className: classNames(classPrefix, className), style },
       title && React__default.createElement(
         "div",
-        { className: `${classPrefix}__header` },
-        React__default.createElement("h3", { className: `${classPrefix}__header__title` }, title),
-        type === "default" && React__default.createElement("span", { className: `${classPrefix}__header__close`, onClick: onConfirm }, locale.done)
+        { className: `${classPrefix}-header` },
+        React__default.createElement("div", { className: `${classPrefix}-header-title` }, title),
+        type === "default" && React__default.createElement("span", { className: `${classPrefix}-header-close`, onClick: onConfirm }, locale.done)
       ),
       React__default.createElement(
         "div",
-        { className: `${classPrefix}__body` },
-        React__default.createElement("div", { className: `${classPrefix}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
+        { className: `${classPrefix}-body` },
+        React__default.createElement("div", { className: `${classPrefix}-body-keys` }, keysList == null ? void 0 : keysList.map((item) => {
           return React__default.createElement(NumberKeyboardKey, { key: item.id, item });
         })),
         type === "rightColumn" && React__default.createElement(
           "div",
-          { className: `${classPrefix}__sidebar` },
+          { className: `${classPrefix}-sidebar` },
           React__default.createElement(NumberKeyboardKey, { key: "delete", item: {
             id: "delete",
             type: "delete"