@nutui/nutui-react-taro 2.7.0 → 3.0.0-beta.1

package/dist/esm/noticebar.taro-BjKDC7We.js

@@ -1,355 +0,0 @@
-import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useRef, useState, useMemo, useEffect } from "react";
-import { View } from "@tarojs/components";
-import { Notice, Close } from "@nutui/icons-react-taro";
-import classNames from "classnames";
-import { g as getRectByTaro } from "./get-rect-by-taro-THaHH07X.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { a as useRtl } from "./configprovider.taro-C3WyeHSO.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { align: "left", direction: "horizontal", list: [], duration: 1e3, height: 40, content: "", closeable: false, wrap: false, leftIcon: React__default.createElement(Notice, { size: 16 }), rightIcon: null, right: null, delay: 1, scrollable: null, speed: 50 });
-const NoticeBar = (props) => {
-  const rtl = useRtl();
-  const { children, className, style, align, direction, list, duration, height, content, closeable, wrap, leftIcon, rightIcon, right, delay, scrollable, speed, close, click, onClose, onClick, onItemClick } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-noticebar";
-  const wrapRef = useRef(null);
-  const contentRef = useRef(null);
-  const [showNoticeBar, SetShowNoticeBar] = useState(true);
-  const scrollList = useRef([]);
-  const [wrapWidth, SetWrapWidth] = useState(0);
-  const [firstRound, SetFirstRound] = useState(true);
-  const [animationDuration, SetAnimationDuration] = useState(0);
-  const [offsetWidth, SetOffsetW] = useState(0);
-  const [animationClass, SetAnimationClass] = useState("");
-  const [animate, SetAnimate] = useState(false);
-  const [timer, SetTimer] = useState(0);
-  const [isCanScroll, SetIsCanScroll] = useState(null);
-  const isVertical = direction === "vertical";
-  const [rect, setRect] = useState(null);
-  let active = 0;
-  const [ready, setReady] = useState(false);
-  const container = useRef(null);
-  const innerRef = useRef(null);
-  const swiperRef = useRef({
-    moving: false,
-    autoplayTimer: null,
-    width: 0,
-    height: 0,
-    offset: 0,
-    size: 0
-  });
-  const [childOffset, setChildOffset] = useState([]);
-  const [offset, setOffset] = useState(0);
-  const { childs, childCount } = useMemo(() => {
-    let childCount2 = 0;
-    const childs2 = React__default.Children.map(children, (child) => {
-      if (!React__default.isValidElement(child))
-        return null;
-      childCount2++;
-      return child;
-    });
-    return {
-      childs: childs2,
-      childCount: childCount2
-    };
-  }, [children]);
-  let trackSize = childCount * Number(height);
-  const minOffset = (() => {
-    if (rect) {
-      const base = isVertical ? rect.height : rect.width;
-      return base - Number(height) * childCount;
-    }
-    return 0;
-  })();
-  useEffect(() => {
-    if (isVertical) {
-      if (children) {
-        scrollList.current = [].concat(childs);
-      } else {
-        scrollList.current = [].concat(list);
-        startRollEasy();
-      }
-    } else {
-      initScrollWrap();
-    }
-    return () => {
-      clearInterval(timer);
-    };
-  }, []);
-  useEffect(() => {
-    initScrollWrap();
-  }, [content]);
-  useEffect(() => {
-    if (list && list.length) {
-      scrollList.current = [].concat(list);
-    }
-  }, [list]);
-  const initScrollWrap = (value) => {
-    if (showNoticeBar === false) {
-      return;
-    }
-    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
-      if (!wrapRef.current || !contentRef.current) {
-        return;
-      }
-      const warpRes = yield getRectByTaro(wrapRef.current);
-      const contentRes = yield getRectByTaro(contentRef.current);
-      const wrapW = warpRes.width;
-      const offsetW = contentRes.width;
-      const canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
-      SetIsCanScroll(canScroll);
-      if (canScroll) {
-        SetWrapWidth(wrapW);
-        SetOffsetW(offsetW);
-        SetAnimationDuration(offsetW / speed);
-        SetAnimationClass("play");
-      } else {
-        SetAnimationClass("");
-      }
-    }), 0);
-  };
-  const handleClick = (event) => {
-    click && click(event);
-    onClick && onClick(event);
-  };
-  const onClickIcon = (event) => {
-    event.stopPropagation();
-    SetShowNoticeBar(!closeable);
-    close && close(event);
-    onClose && onClose(event);
-  };
-  const onAnimationEnd = () => {
-    SetFirstRound(false);
-    setTimeout(() => {
-      SetAnimationDuration((offsetWidth + wrapWidth) / speed);
-      SetAnimationClass("play-infinite");
-    }, 0);
-  };
-  const startRollEasy = () => {
-    showhorseLamp();
-    const time = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) * 1e3 : ~~(height / speed / 4) * 1e3;
-    const timerCurr = window.setInterval(showhorseLamp, time + Number(duration));
-    SetTimer(timerCurr);
-  };
-  const showhorseLamp = () => {
-    SetAnimate(true);
-    const time = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) * 1e3 : ~~(height / speed / 4) * 1e3;
-    setTimeout(() => {
-      scrollList.current.push(scrollList.current[0]);
-      scrollList.current.shift();
-      SetAnimate(false);
-    }, time);
-  };
-  const handleClickIcon = (event) => {
-    event.stopPropagation();
-    SetShowNoticeBar(!closeable);
-    close && close(event);
-    onClose && onClose(event);
-  };
-  const isEllipsis = () => {
-    if (isCanScroll == null && align === "left") {
-      return wrap;
-    }
-    return !isCanScroll && !wrap;
-  };
-  const contentStyle = {
-    animationDelay: `${firstRound ? delay : 0}s`,
-    animationDuration: `${animationDuration}s`,
-    transform: `translateX(${firstRound ? 0 : `${rtl ? -wrapWidth : wrapWidth}px`})`
-  };
-  const barStyle = {
-    height: isVertical ? `${height}px` : ""
-  };
-  const duringTime = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) : ~~(height / speed / 4);
-  const noDuring = height / speed < 1 ? (height / speed).toFixed(1) : ~~(height / speed);
-  const horseLampStyle = {
-    transition: animate ? `all ${duringTime === 0 ? noDuring : duringTime}s` : "",
-    marginTop: animate ? `-${height}px` : ""
-  };
-  const init = (active2 = 0) => {
-    if (!(container === null || container === void 0 ? void 0 : container.current))
-      return;
-    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
-      const rects = yield getRectByTaro(container === null || container === void 0 ? void 0 : container.current);
-      const _active = Math.max(Math.min(childCount - 1, active2), 0);
-      const _height = rects === null || rects === void 0 ? void 0 : rects.height;
-      trackSize = childCount * Number(_height);
-      const targetOffset = getOffset(_active);
-      swiperRef.current.moving = true;
-      if (ready) {
-        swiperRef.current.moving = false;
-      }
-      active2 = _active;
-      setRect(rects);
-      setOffset(targetOffset);
-      setReady(true);
-    }), 0);
-  };
-  useEffect(() => {
-    if (ready) {
-      stopAutoPlay();
-      autoplay();
-    }
-    return () => {
-      setReady(false);
-    };
-  }, [ready]);
-  useEffect(() => {
-    if (isVertical && children) {
-      init();
-      stopAutoPlay();
-      autoplay();
-    }
-  }, [children, container === null || container === void 0 ? void 0 : container.current]);
-  const stopAutoPlay = () => {
-    clearTimeout(swiperRef.current.autoplayTimer);
-    swiperRef.current.autoplayTimer = null;
-  };
-  const autoplay = () => {
-    if (childCount <= 1)
-      return;
-    stopAutoPlay();
-    swiperRef.current.autoplayTimer = setTimeout(() => {
-      next();
-      autoplay();
-    }, Number(duration) + 100 * speed);
-  };
-  const move = ({ pace = 0, offset: offset2 = 0 }) => {
-    if (childCount <= 1)
-      return;
-    const targetActive = getActive(pace);
-    const targetOffset = getOffset(targetActive, offset2);
-    if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
-      const rightBound = targetOffset < minOffset;
-      childOffset[0] = rightBound ? trackSize : 0;
-    }
-    if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
-      const leftBound = targetOffset > 0;
-      childOffset[childCount - 1] = leftBound ? -trackSize : 0;
-    }
-    setChildOffset(childOffset);
-    active = targetActive;
-    setOffset(targetOffset);
-    getStyle(targetOffset);
-  };
-  const next = () => {
-    resettPosition();
-    requestFrame(() => {
-      requestFrame(() => {
-        swiperRef.current.moving = false;
-        move({
-          pace: 1
-        });
-      });
-    });
-  };
-  const handleItemClick = (event, value) => {
-    onItemClick && onItemClick(event, value);
-  };
-  const getStyle = (moveOffset = offset) => {
-    const target = innerRef.current;
-    if (!target) {
-      return;
-    }
-    let _offset = 0;
-    const val = ((rect === null || rect === void 0 ? void 0 : rect.height) || 0) - height;
-    _offset = moveOffset + Number(active === childCount - 1 && val / 2);
-    target.style.transitionDuration = `${swiperRef.current.moving ? 0 : duration}ms`;
-    target.style.height = `${Number(height) * childCount}px`;
-    target.style.transform = `translate3D(0,${_offset}px,0)`;
-  };
-  const itemStyle = (index) => {
-    const style2 = {};
-    if (height) {
-      style2.height = `${height}px`;
-      style2.lineHeight = `${height}px`;
-    }
-    const offset2 = childOffset[index];
-    if (offset2) {
-      style2.transform = `translate3D(0,${offset2}px,0)`;
-    }
-    return style2;
-  };
-  const getActive = (pace) => {
-    if (pace) {
-      const _active = active + pace;
-      return range(_active, -1, childCount);
-    }
-    return active;
-  };
-  const getOffset = (active2, offset2 = 0) => {
-    const currentPosition = active2 * Number(height);
-    const targetOffset = offset2 - currentPosition;
-    return targetOffset;
-  };
-  const requestFrame = (fn) => {
-    window.requestAnimationFrame.call(window, fn);
-  };
-  const range = (num, min, max) => {
-    return Math.min(Math.max(num, min), max);
-  };
-  const resettPosition = () => {
-    swiperRef.current.moving = true;
-    if (active <= -1) {
-      move({ pace: childCount });
-    }
-    if (active >= childCount) {
-      move({ pace: -childCount });
-    }
-  };
-  const noticebarClass = classNames({
-    [`${classPrefix}-box`]: true,
-    [`${classPrefix}-box-wrapable`]: wrap,
-    [`${classPrefix}-box-${align}`]: true
-  });
-  const cls = classNames(classPrefix, className);
-  useEffect(() => {
-    return () => {
-      stopAutoPlay();
-    };
-  }, []);
-  return React__default.createElement(
-    View,
-    { className: cls, style },
-    showNoticeBar && direction === "horizontal" ? React__default.createElement(
-      View,
-      { className: noticebarClass, style: barStyle, onClick: handleClick },
-      leftIcon ? React__default.createElement(View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
-      React__default.createElement(
-        View,
-        { ref: wrapRef, className: "nut-noticebar-box-wrap" },
-        React__default.createElement(
-          View,
-          { ref: contentRef, className: `nut-noticebar-box-wrap-content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`, style: contentStyle, onAnimationEnd },
-          children,
-          content
-        )
-      ),
-      right ? React__default.createElement(View, { className: "nut-noticebar-box-right" }, right) : null,
-      closeable || rightIcon ? React__default.createElement(View, { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { size: 12 })) : null
-    ) : null,
-    showNoticeBar && scrollList.current.length > 0 && isVertical ? React__default.createElement(
-      View,
-      { className: "nut-noticebar-vertical", style: barStyle, ref: container, onClick: handleClick },
-      leftIcon ? React__default.createElement(View, { className: "nut-noticebar-box-left-icon" }, leftIcon) : null,
-      children ? React__default.createElement(View, { className: "nut-noticebar-box-wrap", ref: innerRef }, scrollList.current.map((item, index) => {
-        return React__default.createElement(View, { style: itemStyle(index), key: index, onClick: (e) => {
-          handleItemClick(e, item);
-        } }, item);
-      })) : React__default.createElement(View, { className: "nut-noticebar-box-horseLamp-list", style: horseLampStyle }, scrollList.current.map((item, index) => {
-        return (
-          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-          React__default.createElement(View, { className: "nut-noticebar-box-horseLamp-list-item", style: { height }, key: index, onClick: (e) => {
-            handleItemClick(e, item);
-          } }, item)
-        );
-      })),
-      React__default.createElement(View, { className: "nut-noticebar-box-right-icon", onClick: (e) => {
-        handleClickIcon(e);
-      } }, rightIcon || (closeable ? React__default.createElement(Close, { size: 12 }) : null))
-    ) : null
-  );
-};
-NoticeBar.displayName = "NutNoticeBar";
-export {
-  NoticeBar as N
-};

package/dist/esm/notify.taro-BVXg7xTI.js

@@ -1,77 +0,0 @@
-import React__default, { useState, useRef, useEffect } from "react";
-import classNames from "classnames";
-import { CSSTransition } from "react-transition-group";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as useCustomEvent, a as useCustomEventsPath, c as customEvents } from "./use-custom-event-DuP4onEm.js";
-import { m as mergeProps } from "./merge-props-2rRqFlJz.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { id: "", duration: 3e3, type: "danger", position: "top", visible: false, onClose: () => {
-}, onClick: () => {
-} });
-const classPrefix = "nut-notify";
-const Notify = (props) => {
-  const { id, children, style, type, className, position, visible, duration, onClose, onClick } = mergeProps(defaultProps, props);
-  useCustomEvent(id, (status) => {
-    status ? show() : hide();
-  });
-  let timer;
-  const [showNotify, setShowNotify] = useState(false);
-  const cssRef = useRef(null);
-  useEffect(() => {
-    if (visible) {
-      show();
-    } else {
-      hide();
-    }
-  }, [visible]);
-  const clickHandle = () => {
-    onClick();
-  };
-  const show = () => {
-    setShowNotify(true);
-    clearTimer();
-    if (duration) {
-      timer = window.setTimeout(() => {
-        hide();
-      }, duration);
-    }
-  };
-  const clearTimer = () => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  };
-  const hide = () => {
-    setShowNotify(false);
-    onClose();
-  };
-  const classes = classNames({
-    [`${classPrefix}-popup-top`]: position === "top",
-    [`${classPrefix}-popup-bottom`]: position === "bottom",
-    [`${classPrefix}`]: true,
-    [`${classPrefix}-${type}`]: true
-  });
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      CSSTransition,
-      { nodeRef: cssRef, in: showNotify, timeout: 300, classNames: "fade", unmountOnExit: true, appear: true, position, id },
-      React__default.createElement("div", { className: `${classes} ${className}`, style, onClick: clickHandle }, children)
-    )
-  );
-};
-function open(selector) {
-  const path = useCustomEventsPath(selector);
-  customEvents.trigger(path, true);
-}
-function close(selector) {
-  const path = useCustomEventsPath(selector);
-  customEvents.trigger(path, false);
-}
-Notify.displayName = "NutNotify";
-Notify.open = open;
-Notify.close = close;
-export {
-  Notify as N
-};

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

@@ -1,140 +0,0 @@
-import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useMemo, useState } from "react";
-import classNames from "classnames";
-import { ArrowDown } from "@nutui/icons-react-taro";
-import { View } from "@tarojs/components";
-import { P as Popup } from "./popup.taro-DV32k5dP.js";
-import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
-} });
-const NumberKeyboard = (props) => {
-  const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = _a, rest = __rest(_a, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
-  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: "28px",
-      height: "24px"
-    };
-    return React__default.createElement(View, { style: style2 });
-  };
-  const NumberKeyboardKey = (props2) => {
-    const { item } = props2;
-    const [active, setActive] = useState(false);
-    const onTouchStart = () => {
-      setActive(true);
-    };
-    const onTouchEnd = (item2) => {
-      setActive(false);
-      switch (item2.type) {
-        case "num":
-        case "custom":
-          onChange === null || onChange === void 0 ? void 0 : onChange(item2.id);
-          break;
-        case "close":
-          onClose === null || onClose === void 0 ? void 0 : onClose();
-          break;
-        case "delete":
-          onDelete === null || onDelete === void 0 ? void 0 : onDelete();
-          break;
-        case "confirm":
-          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-          break;
-      }
-    };
-    const renderContent = (item2) => {
-      switch (item2.type) {
-        case "num":
-        case "custom":
-          return React__default.createElement("div", null, item2.id);
-        case "delete":
-          return React__default.createElement(DeleteIcon, null);
-        case "close":
-          return React__default.createElement(ArrowDown, { size: 18 });
-        case "confirm":
-          return React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
-        default:
-          return null;
-      }
-    };
-    return React__default.createElement(
-      "div",
-      { key: item.id, className: `${classPrefix}-body-wrapper` },
-      React__default.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) }, renderContent(item))
-    );
-  };
-  return React__default.createElement(
-    Popup,
-    Object.assign({}, rest, { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }),
-    React__default.createElement(
-      "div",
-      { className: classNames(classPrefix, className), style },
-      title && React__default.createElement(
-        "div",
-        { className: `${classPrefix}-header` },
-        React__default.createElement("div", { className: `${classPrefix}-header-title` }, title),
-        type === "default" && React__default.createElement("span", { className: `${classPrefix}-header-close`, onClick: onConfirm }, rightActions || locale.done)
-      ),
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-body` },
-        React__default.createElement("div", { className: `${classPrefix}-body-keys` }, keysList === null || keysList === void 0 ? void 0 : keysList.map((item) => {
-          return React__default.createElement(NumberKeyboardKey, { key: item.id, item });
-        })),
-        type === "rightColumn" && React__default.createElement(
-          "div",
-          { className: `${classPrefix}-sidebar` },
-          React__default.createElement(NumberKeyboardKey, { key: "delete", item: {
-            id: "delete",
-            type: "delete"
-          } }),
-          React__default.createElement(NumberKeyboardKey, { key: "confirm", item: {
-            id: "confirm",
-            type: "confirm"
-          } })
-        )
-      )
-    )
-  );
-};
-NumberKeyboard.displayName = "NutNumberKeyboard";
-export {
-  NumberKeyboard as N
-};