@nutui/nutui-react-taro 2.0.0-alpha.8 → 2.0.0-alpha.9

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# v2.0.0-alpha.9
+`2023-05-17`
+
+* :sparkles: feat: add createProperties.js (#1001) @Eiinu
+* :sparkles: feat: cascader支持受控 (#1000) @xiaoyatong
+* :sparkles: feat: elevator 支持右侧索引是否展示 (#1006) @拧巴的猫
+* :bug: fix(image): lazy 优化观察对象数量 (#1015) @Eiinu
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* :bug: fix: 格式化，删掉某些无用代码 (#1014) @xiaoyatong
+* 🛠 refactor: notify (#983) @拧巴的猫
+* 🛠 refactor: NumberKeyboard (#1012) @Eiinu
+* 🛠 refactor: price (#989) @拧巴的猫
+* 🛠 refactor: pulltorefresh (#1011) @oasis-cloud
+* 🛠 refactor: radio (#1009) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+* 🛠 refactor: swiper 重构；indcator 的索引计算改为从 0 开始 (#1008) @oasis-cloud
+* 🔨 chore: autoplay -> autoPlay (#1007) @Eiinu
+* 📖 docs(tabbar): update description (#1004) @Eiinu
+
+
 # v2.0.0-alpha.8
 `2023-05-12`
 * :sparkles:feat: cascader支持受控 (#1000) @xiaoyatong

package/dist/esm/Address.js

@@ -1,4 +1,4 @@
-import { A as Address } from "./address.taro-1c534feb.js";
+import { A as Address } from "./address.taro-1a8ab3f1.js";
 import "react";
 import "@nutui/icons-react-taro";
 import "./popup.taro-e756f3fc.js";
@@ -12,7 +12,7 @@ import "./bem-cdccae08.js";
 import "@bem-react/classname";
 import "./ConfigProvider.js";
 import "@tarojs/taro";
-import "./elevator.taro-bc162e4f.js";
+import "./elevator.taro-df8fde9d.js";
 import "./configprovider.taro-25758d9f.js";
 export {
   Address as default

package/dist/esm/Card.js

@@ -1,12 +1,12 @@
-import { C as Card } from "./card.taro-a46fdf25.js";
+import { C as Card } from "./card.taro-2080f4d2.js";
 import "react";
 import "classnames";
-import "./price.taro-c4f45310.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./price.taro-479f1b82.js";
+import "./typings-11d83a22.js";
 import "./tag.taro-1b4134a5.js";
 import "@nutui/icons-react-taro";
-import "./typings-11d83a22.js";
+import "./bem-cdccae08.js";
+import "@bem-react/classname";
 export {
   Card as default
 };

package/dist/esm/DatePicker.js

@@ -1,7 +1,7 @@
-import { D as DatePicker } from "./datepicker.taro-3f718964.js";
+import { D as DatePicker } from "./datepicker.taro-65dbeceb.js";
 import "react";
 import "@tarojs/components";
-import "./picker.taro-a5603921.js";
+import "./picker.taro-0570ec32.js";
 import "classnames";
 import "@tarojs/taro";
 import "./popup.taro-e756f3fc.js";
@@ -12,7 +12,6 @@ import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
 import "./use-touch-ff43512c.js";
 import "./use-client-rect-f317804e.js";
-import "./supports-passive-aaaf0eff.js";
 import "./can-use-dom-0e539bd3.js";
 import "./configprovider.taro-25758d9f.js";
 import "./use-props-value-7ac1b1b5.js";

package/dist/esm/Elevator.js

@@ -1,4 +1,4 @@
-import { E as Elevator } from "./elevator.taro-bc162e4f.js";
+import { E as Elevator } from "./elevator.taro-df8fde9d.js";
 import "react";
 import "@tarojs/taro";
 import "@tarojs/components";

package/dist/esm/ImagePreview.js

@@ -1,4 +1,4 @@
-import { I as ImagePreview } from "./imagepreview.taro-8832dc01.js";
+import { I as ImagePreview } from "./imagepreview.taro-2508d412.js";
 import "react";
 import "./popup.taro-e756f3fc.js";
 import "react-dom";
@@ -8,12 +8,9 @@ import "@nutui/icons-react-taro";
 import "@tarojs/components";
 import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
-import "./swiper.taro-74cf9306.js";
-import "@tarojs/taro";
-import "./UserContext-fde5badc.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
-import "./swiperitem-80df464a.js";
+import "./swiper.taro-53a36427.js";
+import "./indicator.taro-edbc71df.js";
+import "./swiperitem.taro-ef7342e8.js";
 export {
   ImagePreview as default
 };

package/dist/esm/Indicator.js

@@ -1,4 +1,4 @@
-import { I as Indicator } from "./indicator.taro-f2bd212f.js";
+import { I as Indicator } from "./indicator.taro-edbc71df.js";
 import "react";
 import "classnames";
 export {

package/dist/esm/InputNumber.js

@@ -1,4 +1,4 @@
-import { I as InputNumber } from "./inputnumber.taro-877dc947.js";
+import { I as InputNumber } from "./inputnumber.taro-6657d2c1.js";
 import "react";
 import "@nutui/icons-react-taro";
 import "classnames";

package/dist/esm/Notify.js

@@ -1,9 +1,8 @@
-import { N as Notify } from "./notify.taro-6b6eb6bf.js";
+import { N as Notify } from "./notify.taro-5768403d.js";
 import "react";
 import "classnames";
 import "react-transition-group";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./typings-11d83a22.js";
 export {
   Notify as default
 };

package/dist/esm/NumberKeyboard.js

@@ -1,13 +1,11 @@
-import { N as NumberKeyboard } from "./numberkeyboard.taro-0a0e866a.js";
+import { N as NumberKeyboard } from "./numberkeyboard.taro-ad8afaf9.js";
 import "react";
 import "classnames";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "@nutui/icons-react-taro";
+import "@tarojs/components";
 import "./popup.taro-e756f3fc.js";
 import "react-dom";
 import "react-transition-group";
-import "@nutui/icons-react-taro";
-import "@tarojs/components";
 import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
 import "./configprovider.taro-25758d9f.js";

package/dist/esm/Picker.js

@@ -1,4 +1,4 @@
-import { P as Picker } from "./picker.taro-a5603921.js";
+import { P as Picker } from "./picker.taro-0570ec32.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
@@ -11,7 +11,6 @@ import "./overlay.taro-75012bd3.js";
 import "./typings-11d83a22.js";
 import "./use-touch-ff43512c.js";
 import "./use-client-rect-f317804e.js";
-import "./supports-passive-aaaf0eff.js";
 import "./can-use-dom-0e539bd3.js";
 import "./configprovider.taro-25758d9f.js";
 import "./use-props-value-7ac1b1b5.js";

package/dist/esm/Price.js

@@ -1,7 +1,6 @@
-import { P as Price } from "./price.taro-c4f45310.js";
+import { P as Price } from "./price.taro-479f1b82.js";
 import "react";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./typings-11d83a22.js";
 export {
   Price as default
 };

package/dist/esm/PullToRefresh.js

@@ -1,11 +1,9 @@
-import { P as PullToRefresh } from "./pulltorefresh.taro-c611fd92.js";
+import { P as PullToRefresh } from "./pulltorefresh.taro-6afe4805.js";
 import "react";
-import "@use-gesture/react";
-import "@react-spring/web";
+import "@tarojs/components";
 import "./configprovider.taro-25758d9f.js";
-import "./get-scroll-parent-8da04f2e.js";
-import "./can-use-dom-0e539bd3.js";
-import "./supports-passive-aaaf0eff.js";
+import "./use-touch-ff43512c.js";
+import "./typings-11d83a22.js";
 export {
   PullToRefresh as default
 };

package/dist/esm/Radio.js

@@ -1,9 +1,9 @@
-import { R as Radio } from "./radio.taro-3a54f4c8.js";
+import { R as Radio } from "./radio.taro-5d6ca4ad.js";
 import "react";
 import "@nutui/icons-react-taro";
+import "classnames";
 import "./typings-11d83a22.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./use-props-value-7ac1b1b5.js";
 export {
   Radio as default
 };

package/dist/esm/RadioGroup.js

@@ -1,9 +1,9 @@
-import { a as RadioGroup } from "./radio.taro-3a54f4c8.js";
+import { a as RadioGroup } from "./radio.taro-5d6ca4ad.js";
 import "react";
 import "@nutui/icons-react-taro";
+import "classnames";
 import "./typings-11d83a22.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./use-props-value-7ac1b1b5.js";
 export {
   RadioGroup as default
 };

package/dist/esm/Step.js

@@ -1,7 +1,7 @@
 import { S as Step } from "./step.taro-3bc01c0c.js";
 import "react";
 import "classnames";
-import "./UserContext-735db09f.js";
+import "./UserContext-fde5badc.js";
 import "./bem-cdccae08.js";
 import "@bem-react/classname";
 import "./typings-11d83a22.js";

package/dist/esm/Steps.js

@@ -1,7 +1,7 @@
 import { S as Steps } from "./steps.taro-77e301ab.js";
 import "react";
 import "classnames";
-import "./UserContext-735db09f.js";
+import "./UserContext-fde5badc.js";
 import "./bem-cdccae08.js";
 import "@bem-react/classname";
 export {

package/dist/esm/Sticky.js

@@ -1,10 +1,9 @@
-import { S as Sticky } from "./sticky.taro-3c03eb0a.js";
+import { S as Sticky } from "./sticky.taro-f8ae8d5e.js";
 import "react";
 import "classnames";
 import "@tarojs/taro";
 import "./typings-11d83a22.js";
 import "./use-client-rect-f317804e.js";
-import "./get-scroll-parent-8da04f2e.js";
 import "./can-use-dom-0e539bd3.js";
 export {
   Sticky as default

package/dist/esm/Swiper.js

@@ -1,10 +1,8 @@
-import { S as Swiper } from "./swiper.taro-74cf9306.js";
+import { S as Swiper } from "./swiper.taro-53a36427.js";
 import "react";
+import "@tarojs/components";
 import "classnames";
-import "@tarojs/taro";
-import "./UserContext-fde5badc.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
+import "./indicator.taro-edbc71df.js";
 export {
   Swiper as default
 };

package/dist/esm/SwiperItem.js

@@ -1,9 +1,5 @@
-import { S as SwiperItem } from "./swiperitem-80df464a.js";
+import { S as SwiperItem } from "./swiperitem.taro-ef7342e8.js";
 import "react";
-import "classnames";
-import "./UserContext-fde5badc.js";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
 export {
   SwiperItem as default
 };

package/dist/esm/{address.taro-1c534feb.js → address.taro-1a8ab3f1.js}

@@ -4,7 +4,7 @@ import { P as Popup } from "./popup.taro-e756f3fc.js";
 import { c as cn } from "./bem-cdccae08.js";
 import { useConfig } from "./ConfigProvider.js";
 import { createSelectorQuery } from "@tarojs/taro";
-import { E as Elevator } from "./elevator.taro-bc162e4f.js";
+import { E as Elevator } from "./elevator.taro-df8fde9d.js";
 import { u as useConfig$1 } from "./configprovider.taro-25758d9f.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps$2 = {

package/dist/esm/{card.taro-a46fdf25.js → card.taro-2080f4d2.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { P as Price } from "./price.taro-c4f45310.js";
+import { P as Price } from "./price.taro-479f1b82.js";
 import { T as Tag } from "./tag.taro-1b4134a5.js";
 import { c as cn } from "./bem-cdccae08.js";
 const defaultProps = {};

package/dist/esm/{datepicker.taro-3f718964.js → datepicker.taro-65dbeceb.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from "react";
 import { View } from "@tarojs/components";
-import { P as Picker } from "./picker.taro-a5603921.js";
+import { P as Picker } from "./picker.taro-0570ec32.js";
 import { u as useConfig } from "./configprovider.taro-25758d9f.js";
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const defaultProps = {

package/dist/esm/{elevator.taro-bc162e4f.js → elevator.taro-df8fde9d.js}

@@ -12,10 +12,11 @@ const defaultProps = {
   sticky: false,
   spaceHeight: 23,
   titleHeight: 35,
+  showKeys: true,
   className: "weapp-elevator"
 };
 const Elevator = (props) => {
-  const { height, floorKey, list, sticky, spaceHeight, titleHeight, className, style, onClickItem, onClickIndex, children, ...rest } = {
+  const { height, floorKey, list, sticky, spaceHeight, titleHeight, showKeys, className, style, onClickItem, onClickIndex, children, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -172,20 +173,24 @@ const Elevator = (props) => {
         );
       }))
     ),
-    list.length && scrollStart ? React.createElement("div", { className: classNames({
-      [`${classPrefix}__code--current`]: true,
-      [`${classPrefix}__code--current--current`]: true
-    }) }, list[codeIndex][floorKey]) : null,
-    React.createElement(
-      "div",
-      { className: `${classPrefix}__bars` },
-      React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
-        return React.createElement("div", { className: classNames({
-          [`${classPrefix}__bars__inner__item`]: true,
-          [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey]
-        }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
-      }))
-    ),
+    showKeys ? React.createElement(
+      React.Fragment,
+      null,
+      list.length && scrollStart ? React.createElement("div", { className: classNames({
+        [`${classPrefix}__code--current`]: true,
+        [`${classPrefix}__code--current--current`]: true
+      }) }, list[codeIndex][floorKey]) : null,
+      React.createElement(
+        "div",
+        { className: `${classPrefix}__bars` },
+        React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: "pan-y" } }, list.map((item, index) => {
+          return React.createElement("div", { className: classNames({
+            [`${classPrefix}__bars__inner__item`]: true,
+            [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey]
+          }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
+        }))
+      )
+    ) : null,
     sticky && scrollY > 0 ? React.createElement(
       "div",
       { className: `${classPrefix}__list__fixed` },

package/dist/esm/{imagepreview.taro-8832dc01.js → imagepreview.taro-2508d412.js}

@@ -1,12 +1,12 @@
 import React, { useRef, useState, useEffect } from "react";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { S as Swiper } from "./swiper.taro-74cf9306.js";
-import { S as SwiperItem } from "./swiperitem-80df464a.js";
+import { S as Swiper } from "./swiper.taro-53a36427.js";
+import { S as SwiperItem } from "./swiperitem.taro-ef7342e8.js";
 const defaultProps = {
   images: [],
   videos: [],
   show: false,
-  autoplay: 3e3,
+  autoPlay: false,
   initNo: 1,
   contentClose: false,
   paginationVisible: false,
@@ -15,7 +15,7 @@ const defaultProps = {
   }
 };
 const ImagePreview = (props) => {
-  const { images, videos, show, initNo, paginationColor, paginationVisible, autoplay, contentClose, onClose } = props;
+  const { images, videos, show, initNo, paginationColor, paginationVisible, autoPlay, contentClose, onClose } = props;
   const nutImagePreview = useRef(null);
   const [showPop, setShowPop] = useState(false);
   const [active, setActive] = useState(1);
@@ -139,7 +139,10 @@ const ImagePreview = (props) => {
     React.createElement(
       "div",
       { className: "nut-imagepreview", ref: nutImagePreview, onClick: closeOnImg, onTouchStart },
-      React.createElement(Swiper, { autoPlay: autoplay, className: "nut-imagepreview-swiper", loop: true, isPreventDefault: false, style: { display: showPop ? "block" : "none" }, direction: "horizontal", onChange: slideChangeEnd, initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), paginationColor, paginationVisible }, images && images.length > 0 ? images.map((item, index) => {
+      React.createElement(Swiper, { autoPlay, className: "nut-imagepreview-swiper", loop: true, style: {
+        display: showPop ? "block" : "none",
+        "--nutui-indicator-color": paginationColor
+      }, direction: "horizontal", onChange: (e) => slideChangeEnd(e.detail.current), defaultValue: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), indicator: paginationVisible }, images && images.length > 0 ? images.map((item, index) => {
         return React.createElement(
           SwiperItem,
           { key: index },

package/dist/esm/{indicator.taro-f2bd212f.js → indicator.taro-edbc71df.js}

@@ -2,7 +2,7 @@ import React from "react";
 import classNames from "classnames";
 const defaultProps = {
   total: 3,
-  current: 1,
+  current: 0,
   direction: "horizontal"
 };
 const classPrefix = `nut-indicator`;
@@ -16,8 +16,8 @@ const Indicator = (props) => {
   });
   const renderElement = () => {
     const childs = [];
-    for (let item = 1; item <= total; item++) {
-      childs.push(item === current ? React.createElement(React.Fragment, null, children || React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })) : React.createElement("div", { key: item, className: `${classPrefix}__dot` }));
+    for (let item = 0; item < total; item++) {
+      childs.push(item === current ? children || React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` }) : React.createElement("div", { key: item, className: `${classPrefix}__dot` }));
     }
     return childs;
   };

package/dist/esm/{inputnumber.taro-877dc947.js → inputnumber.taro-6657d2c1.js}

@@ -22,7 +22,7 @@ const InputNumber = (props) => {
     ...props
   };
   const inputRef = useRef("");
-  let [_checked, setChecked] = usePropsValue({
+  const [_checked, setChecked] = usePropsValue({
     value,
     defaultValue
   });

package/dist/esm/{notify.taro-6b6eb6bf.js → notify.taro-5768403d.js}

@@ -1,25 +1,22 @@
 import React, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
-import { c as cn } from "./bem-cdccae08.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
+  ...ComponentDefaults,
   id: "",
-  msg: "",
-  color: "",
   duration: 3e3,
   type: "danger",
-  className: "",
-  background: "",
   position: "top",
-  isWrapTeleport: true,
   visible: false,
-  onClosed: () => {
+  onClose: () => {
   },
   onClick: () => {
   }
 };
+const classPrefix = "nut-notify";
 const Notify = (props) => {
-  const { id, children, style, msg, color, background, type, className, position, isWrapTeleport, visible, duration, onClosed, onClick, ...rest } = { ...defaultProps, ...props };
+  const { id, children, style, type, className, position, visible, duration, onClose, onClick, ...rest } = { ...defaultProps, ...props };
   let timer;
   const [showNotify, SetShow] = useState(false);
   useEffect(() => {
@@ -53,14 +50,13 @@ const Notify = (props) => {
       const element = document.getElementById(id);
       element && element.parentNode && element.parentNode.removeChild(element);
     }
-    onClosed();
+    onClose();
   };
-  cn("notify");
   const classes = classNames({
-    "nut-notify--popup-top": position === "top",
-    "nut-notify--popup-bottom": position === "bottom",
-    "nut-notify": true,
-    [`nut-notify--${type}`]: true
+    [`${classPrefix}--popup-top`]: position === "top",
+    [`${classPrefix}--popup-bottom`]: position === "bottom",
+    [`${classPrefix}`]: true,
+    [`${classPrefix}--${type}`]: true
   });
   return React.createElement(
     React.Fragment,
@@ -68,10 +64,7 @@ const Notify = (props) => {
     React.createElement(
       CSSTransition,
       { in: showNotify, timeout: 300, classNames: "fade", unmountOnExit: true, appear: true, position, id },
-      React.createElement("div", { className: `${classes} ${className}`, style: {
-        color: `${color || ""}`,
-        background: `${background || ""}`
-      }, onClick: clickHandle }, children || msg)
+      React.createElement("div", { className: `${classes} ${className}`, style, onClick: clickHandle }, children)
     )
   );
 };

package/dist/esm/numberkeyboard.taro-ad8afaf9.js

@@ -0,0 +1,136 @@
+import React, { useMemo, useState } from "react";
+import classNames from "classnames";
+import { RectDown } from "@nutui/icons-react-taro";
+import { View } from "@tarojs/components";
+import { P as Popup } from "./popup.taro-e756f3fc.js";
+import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  visible: false,
+  type: "default",
+  custom: [],
+  random: false,
+  onClose: () => {
+  }
+};
+const NumberKeyboard = (props) => {
+  const { locale } = useConfig();
+  const { title, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm, ...rest } = props;
+  const classPrefix = "nut-numberkeyboard";
+  const getBasicKeys = () => {
+    const keys = new Array(9).fill(0).map((_, index) => {
+      return {
+        id: String(index + 1),
+        type: "num"
+      };
+    });
+    return random ? keys.sort(() => Math.random() > 0.5 ? 1 : -1) : keys;
+  };
+  const getCustomKeys = () => {
+    const customKeys = [
+      { id: "close", type: "close" },
+      { id: "0", type: "num" },
+      { id: "delete", type: "delete" }
+    ];
+    if (!custom)
+      return customKeys;
+    if (custom.length > 0) {
+      customKeys[0] = { id: custom[0], type: "custom" };
+    }
+    if (custom.length > 1) {
+      customKeys[2] = { id: custom[1], type: "custom" };
+    }
+    return customKeys;
+  };
+  const keysList = useMemo(() => {
+    return [...getBasicKeys(), ...getCustomKeys()];
+  }, [type, random, custom]);
+  const DeleteIcon = () => {
+    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",
+      height: "24px"
+    };
+    return React.createElement(View, { style: style2 });
+  };
+  const NumberKeyboardKey = (props2) => {
+    const { item } = props2;
+    const [active, setActive] = useState(false);
+    const onTouchStart = () => {
+      setActive(true);
+    };
+    const onTouchEnd = (item2) => {
+      setActive(false);
+      if (item2.type === "num" || item2.type === "custom") {
+        onChange && onChange(item2.id);
+      }
+      if (item2.type === "close") {
+        onClose && onClose();
+      }
+      if (item2.type === "delete") {
+        onDelete && onDelete();
+      }
+      if (item2.type === "confirm") {
+        onConfirm && onConfirm();
+      }
+    };
+    return React.createElement(
+      "div",
+      { key: item.id, className: `${classPrefix}__body__wrapper` },
+      React.createElement(
+        "div",
+        { className: classNames({
+          key: true,
+          active,
+          close: item.type === "close",
+          delete: item.type === "delete",
+          confirm: item.type === "confirm"
+        }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
+        (item.type === "num" || item.type === "custom") && React.createElement("div", null, item.id),
+        item.type === "delete" && React.createElement(DeleteIcon, null),
+        item.type === "close" && React.createElement(RectDown, { size: 25 }),
+        item.type === "confirm" && React.createElement(React.Fragment, null, confirmText || locale.done)
+      )
+    );
+  };
+  return React.createElement(
+    Popup,
+    { visible, position: "bottom", onClickOverlay: onClose, onClickCloseIcon: onClose, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }, ...rest },
+    React.createElement(
+      "div",
+      { className: classNames(classPrefix, className), style },
+      title && React.createElement(
+        "div",
+        { className: `${classPrefix}__header` },
+        React.createElement("h3", { className: `${classPrefix}__header__title` }, title),
+        type === "default" && React.createElement("span", { className: `${classPrefix}__header__close`, onClick: onClose }, locale.done)
+      ),
+      React.createElement(
+        "div",
+        { className: `${classPrefix}__body` },
+        React.createElement("div", { className: `${classPrefix}__body__keys` }, keysList == null ? void 0 : keysList.map((item) => {
+          return React.createElement(NumberKeyboardKey, { key: item.id, item });
+        })),
+        type === "rightColumn" && React.createElement(
+          "div",
+          { className: `${classPrefix}__sidebar` },
+          React.createElement(NumberKeyboardKey, { key: "delete", item: {
+            id: "delete",
+            type: "delete"
+          } }),
+          React.createElement(NumberKeyboardKey, { key: "confirm", item: {
+            id: "confirm",
+            type: "confirm"
+          } })
+        )
+      )
+    )
+  );
+};
+NumberKeyboard.defaultProps = defaultProps;
+NumberKeyboard.displayName = "NutNumberKeyboard";
+export {
+  NumberKeyboard as N
+};