@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Notify.js

@@ -5,23 +5,68 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import classNames from 'classnames';
-import { CSSTransition } from 'react-transition-group';
-import { c as cn } from './bem-3b438e61.js';
-import { r as render } from './render-bbebb760.js';
-import '@bem-react/classname';
-var Notification = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Notification, _React$PureComponent);
-  var _super = _createSuper(Notification);
-  function Notification(props) {
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived), result;
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+    return _possibleConstructorReturn(this, result);
+  };
+}
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct)
+    return false;
+  if (Reflect.construct.sham)
+    return false;
+  if (typeof Proxy === "function")
+    return true;
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import classNames from "classnames";
+import { CSSTransition } from "react-transition-group";
+import { c as cn } from "./bem.js";
+import { r as render } from "./render.js";
+import "@bem-react/classname";
+var Notification = /* @__PURE__ */ function(_React$PureComponent) {
+  _inherits(Notification2, _React$PureComponent);
+  var _super = _createSuper(Notification2);
+  function Notification2(props) {
     var _this;
-    _classCallCheck(this, Notification);
+    _classCallCheck(this, Notification2);
     _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "closeTimer", void 0);
     _this.close = _this.close.bind(_assertThisInitialized(_this));
@@ -33,7 +78,7 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-  _createClass(Notification, [{
+  _createClass(Notification2, [{
     key: "close",
     value: function close() {
       this.setState({
@@ -52,7 +97,7 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
       var _this2 = this;
       var duration = this.props.duration;
       if (duration) {
-        this.closeTimer = window.setTimeout(function () {
+        this.closeTimer = window.setTimeout(function() {
           _this2.close();
         }, duration);
       }
@@ -82,23 +127,14 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
     }
   }, {
     key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        style = _this$props.style,
-        msg = _this$props.msg,
-        color = _this$props.color,
-        background = _this$props.background,
-        type = _this$props.type,
-        className = _this$props.className,
-        position = _this$props.position,
-        isWrapTeleport = _this$props.isWrapTeleport;
+    value: function render2() {
+      var _this$props = this.props, children = _this$props.children, style = _this$props.style, msg = _this$props.msg, color = _this$props.color, background = _this$props.background, type = _this$props.type, className = _this$props.className, position = _this$props.position, isWrapTeleport = _this$props.isWrapTeleport;
       this.state;
-      cn('notify');
+      cn("notify");
       var classes = classNames(_defineProperty({
-        'nut-notify--popup-top': position === 'top',
-        'nut-notify--popup-bottom': position === 'bottom',
-        'nut-notify': true
+        "nut-notify--popup-top": position === "top",
+        "nut-notify--popup-bottom": position === "bottom",
+        "nut-notify": true
       }, "nut-notify--".concat(type), true));
       return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
         "in": this.state.show,
@@ -106,24 +142,24 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
         classNames: "fade",
         unmountOnExit: true,
         appear: true,
-        position: position,
-        isWrapTeleport: isWrapTeleport
+        position,
+        isWrapTeleport
       }, React.createElement("div", {
         className: "".concat(classes, " ").concat(className),
         style: {
-          color: "".concat(color || ''),
-          background: "".concat(background || '')
+          color: "".concat(color || ""),
+          background: "".concat(background || "")
         },
         onClick: this.clickCover
       }, children || msg)));
     }
   }]);
-  return Notification;
+  return Notification2;
 }(React.PureComponent);
 _defineProperty(Notification, "newInstance", void 0);
-Notification.newInstance = function (properties, callback) {
-  var element = document.createElement('div');
-  var id = properties.id ? properties.id : "".concat(new Date().getTime());
+Notification.newInstance = function(properties, callback) {
+  var element = document.createElement("div");
+  var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
   element.id = id;
   properties.id = id;
   document.body.appendChild(element);
@@ -136,7 +172,7 @@ Notification.newInstance = function (properties, callback) {
     callback({
       component: instance,
       destroy: function destroy() {
-        setTimeout(function () {
+        setTimeout(function() {
           ReactDOM.unmountComponentAtNode(element);
           element && element.parentNode && element.parentNode.removeChild(element);
         }, 300);
@@ -144,86 +180,82 @@ Notification.newInstance = function (properties, callback) {
     });
   }
   render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
-    ref: ref
+    ref
   })), element);
 };
 var messageInstance = null;
 var options = {
-  msg: '',
-  id: '',
-  duration: 3000,
-  color: '',
-  type: 'danger',
-  className: '',
-  position: 'top',
-  onClosed: function onClosed() {},
-  onClick: function onClick() {}
+  msg: "",
+  id: "",
+  duration: 3e3,
+  color: "",
+  type: "danger",
+  className: "",
+  position: "top",
+  onClosed: function onClosed() {
+  },
+  onClick: function onClick() {
+  }
 };
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
     messageInstance = null;
   }
-  Notification.newInstance(props, function (notification) {
+  Notification.newInstance(props, function(notification) {
     return callback && callback(notification);
   });
 }
 function notice(opts) {
-  // function close() {
-  //   if (messageInstance) {
-  //     messageInstance.destroy()
-  //     messageInstance = null
-  //   }
-  // }
   opts = _objectSpread(_objectSpread({}, options), opts);
-  getInstance(opts, function (notification) {
+  getInstance(opts, function(notification) {
     messageInstance = notification;
   });
 }
-var errorMsg = function errorMsg(msg) {
+var errorMsg = function errorMsg2(msg) {
   if (!msg) {
-    console.warn('[NutUI Notify]: msg不能为空');
+    console.warn("[NutUI Notify]: msg不能为空");
   }
 };
 var Notify = {
   text: function text(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      type: 'base'
+      msg,
+      type: "base"
     }, option));
   },
   success: function success(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      type: 'success'
+      msg,
+      type: "success"
     }, option));
   },
   primary: function primary(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      type: 'primary'
+      msg,
+      type: "primary"
     }, option));
   },
   danger: function danger(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      type: 'danger'
+      msg,
+      type: "danger"
     }, option));
   },
   warn: function warn(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      type: 'warning'
+      msg,
+      type: "warning"
     }, option));
   },
   hide: function hide() {
@@ -233,4 +265,6 @@ var Notify = {
     }
   }
 };
-export { Notify as default };
+export {
+  Notify as default
+};

package/dist/esm/NumberKeyboard.js

@@ -1,62 +1,60 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import Popup from './Popup.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useEffect } from "react";
+import classNames from "classnames";
+import { c as cn } from "./bem.js";
+import Popup from "./Popup.js";
+import { useConfig } from "./ConfigProvider.js";
+import "@bem-react/classname";
 var defaultProps = {
-  confirmText: '',
-  title: '',
+  confirmText: "",
+  title: "",
   visible: false,
   overlay: true,
-  type: 'default',
+  type: "default",
   customKey: [],
-  className: '',
+  className: "",
   randomKeys: false,
-  popClass: '',
-  onClose: function onClose() {}
+  popClass: "",
+  onClose: function onClose() {
+  }
 };
-var NumberKeyboard = function NumberKeyboard(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var title = props.title,
-    confirmText = props.confirmText,
-    visible = props.visible,
-    overlay = props.overlay,
-    type = props.type,
-    customKey = props.customKey,
-    randomKeys = props.randomKeys,
-    popClass = props.popClass,
-    style = props.style,
-    className = props.className,
-    onChange = props.onChange,
-    onDelete = props.onDelete,
-    onClose = props.onClose;
-  var b = cn('numberkeyboard');
-  var _useState = useState(visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = useState(undefined),
-    _useState4 = _slicedToArray(_useState3, 2),
-    clickKeyIndex = _useState4[0],
-    setClickKeyIndex = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    keysList = _useState6[0],
-    setKeysList = _useState6[1];
-  useEffect(function () {
+var NumberKeyboard = function NumberKeyboard2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var title = props.title, confirmText = props.confirmText, visible = props.visible, overlay = props.overlay, type = props.type, customKey = props.customKey, randomKeys = props.randomKeys, popClass = props.popClass, style = props.style, className = props.className, onChange = props.onChange, onDelete = props.onDelete, onClose2 = props.onClose;
+  var b = cn("numberkeyboard");
+  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), show = _useState2[0], setShow = _useState2[1];
+  var _useState3 = useState(void 0), _useState4 = _slicedToArray(_useState3, 2), clickKeyIndex = _useState4[0], setClickKeyIndex = _useState4[1];
+  var _useState5 = useState([]), _useState6 = _slicedToArray(_useState5, 2), keysList = _useState6[0], setKeysList = _useState6[1];
+  useEffect(function() {
     setShow(visible);
   }, [visible]);
-  var defaultKey = function defaultKey() {
+  var defaultKey = function defaultKey2() {
     var leftBottomKey = {
-      id: 'lock',
-      type: 'lock'
+      id: "lock",
+      type: "lock"
     };
     if (customKey) {
       var customKeys = Array.isArray(customKey) ? customKey : [customKey];
@@ -64,186 +62,189 @@ var NumberKeyboard = function NumberKeyboard(props) {
         var newCustomKey = customKeys[0];
         leftBottomKey = {
           id: newCustomKey,
-          type: 'custom'
+          type: "custom"
         };
       }
     }
     return [].concat(_toConsumableArray(getBasicKeys()), [leftBottomKey, {
       id: 0,
-      type: 'number'
+      type: "number"
     }, {
-      id: 'delete',
-      type: 'delete'
+      id: "delete",
+      type: "delete"
     }]);
   };
-  var getBasicKeys = function getBasicKeys() {
+  var getBasicKeys = function getBasicKeys2() {
     var keys = [];
     for (var i = 1; i <= 9; i++) {
       keys.push({
         id: i,
-        type: 'number'
+        type: "number"
       });
     }
     if (randomKeys) {
-      return keys.sort(function () {
+      return keys.sort(function() {
         return Math.random() > 0.5 ? 1 : -1;
       });
     }
     return keys;
   };
-  var genCustomKeys = function genCustomKeys() {
+  var genCustomKeys = function genCustomKeys2() {
     var keys = getBasicKeys();
-    if (!customKey) return [];
+    if (!customKey)
+      return [];
     var customKeys = Array.isArray(customKey) ? customKey : [customKey];
     if (customKeys.length > 2) {
       customKeys = [customKeys[0], customKeys[1]];
     }
-    if (customKeys.length === 2 && props.title && props.type !== 'rightColumn') {
+    if (customKeys.length === 2 && props.title && props.type !== "rightColumn") {
       customKeys = [customKeys[0]];
     }
     if (customKeys.length === 1) {
-      if (props.title && props.type !== 'rightColumn') {
+      if (props.title && props.type !== "rightColumn") {
         keys.push({
           id: customKeys[0],
-          type: 'custom'
+          type: "custom"
         }, {
           id: 0,
-          type: 'number'
+          type: "number"
         }, {
-          id: 'delete',
-          type: 'delete'
+          id: "delete",
+          type: "delete"
         });
       } else {
         keys.push({
           id: 0,
-          type: 'number'
+          type: "number"
         }, {
           id: customKeys[0],
-          type: 'custom'
+          type: "custom"
         });
       }
     } else if (customKeys.length === 2) {
       keys.push({
         id: customKeys[0],
-        type: 'custom'
+        type: "custom"
       }, {
         id: 0,
-        type: 'number'
+        type: "number"
       }, {
         id: customKeys[1],
-        type: 'custom'
+        type: "custom"
       });
     }
     return keys;
   };
-  useEffect(function () {
-    if (props.type === 'rightColumn' || props.title !== '') {
+  useEffect(function() {
+    if (props.type === "rightColumn" || props.title !== "") {
       setKeysList(genCustomKeys());
     } else {
       setKeysList(defaultKey());
     }
   }, []);
-  var onTouchstart = function onTouchstart(item, event) {
+  var onTouchstart = function onTouchstart2(item, event) {
     event.stopPropagation();
     setClickKeyIndex(item.id);
-    if (item.type === 'number' || item.type === 'custom') {
+    if (item.type === "number" || item.type === "custom") {
       onChange && onChange(item.id);
     }
-    if (item.type === 'lock') {
-      onClose && onClose();
+    if (item.type === "lock") {
+      onClose2 && onClose2();
     }
-    if (item.type === 'delete') {
+    if (item.type === "delete") {
       onDelete && onDelete();
     }
   };
-  var onTouchMove = function onTouchMove(event) {
+  var onTouchMove = function onTouchMove2(event) {
     event.stopPropagation();
   };
-  var onTouchEnd = function onTouchEnd(event) {
+  var onTouchEnd = function onTouchEnd2(event) {
     event.preventDefault();
-    setClickKeyIndex(undefined);
+    setClickKeyIndex(void 0);
   };
   return React__default.createElement("div", null, React__default.createElement(Popup, {
     visible: show,
     position: "bottom",
-    popClass: popClass,
-    onClickOverlay: onClose,
-    overlay: overlay,
-    onClickCloseIcon: onClose,
+    className: popClass,
+    onClickOverlay: onClose2,
+    overlay,
+    onClickCloseIcon: onClose2,
     overlayStyle: {
-      backgroundColor: 'rgba(0, 0, 0, 0)'
+      backgroundColor: "rgba(0, 0, 0, 0)"
     }
   }, React__default.createElement("div", {
     className: "".concat(b(), " ").concat(className),
     style: _objectSpread({}, style)
   }, title ? React__default.createElement("div", {
-    className: b('header')
+    className: b("header")
   }, React__default.createElement("h3", {
-    className: b('header__tit')
-  }, title), type === 'default' ? React__default.createElement("span", {
-    className: b('header__close'),
-    onClick: onClose
+    className: b("header__tit")
+  }, title), type === "default" ? React__default.createElement("span", {
+    className: b("header__close"),
+    onClick: onClose2
   }, locale.done) : null) : null, React__default.createElement("div", {
-    className: b('body')
+    className: b("body")
   }, React__default.createElement("div", {
-    className: b('body__keys')
-  }, keysList === null || keysList === void 0 ? void 0 : keysList.map(function (item, index) {
+    className: b("body__keys")
+  }, keysList === null || keysList === void 0 ? void 0 : keysList.map(function(item, index) {
     return React__default.createElement("div", {
       key: index,
       className: classNames({
-        'key-board-wrapper': true,
-        'key-board-wrapper-large': item.id === 0 && type === 'rightColumn' && Array.isArray(customKey) && customKey.length === 1
+        "key-board-wrapper": true,
+        "key-board-wrapper-large": item.id === 0 && type === "rightColumn" && Array.isArray(customKey) && customKey.length === 1
       })
     }, React__default.createElement("div", {
       className: classNames({
         key: true,
         active: item.id === clickKeyIndex,
-        lock: item.type === 'lock',
-        "delete": item.type === 'delete'
+        lock: item.type === "lock",
+        "delete": item.type === "delete"
       }),
       onTouchStart: function onTouchStart(event) {
         return onTouchstart(item, event);
       },
-      onTouchMove: onTouchMove,
-      onTouchEnd: onTouchEnd
-    }, item.type === 'number' || item.type === 'custom' ? React__default.createElement("div", null, item.id) : null, item.type === 'lock' ? React__default.createElement("img", {
+      onTouchMove,
+      onTouchEnd
+    }, item.type === "number" || item.type === "custom" ? React__default.createElement("div", null, item.id) : null, item.type === "lock" ? React__default.createElement("img", {
       src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png",
       alt: ""
-    }) : null, item.type === 'delete' ? React__default.createElement("img", {
+    }) : null, item.type === "delete" ? React__default.createElement("img", {
       src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png",
       alt: ""
     }) : null));
-  })), type === 'rightColumn' ? React__default.createElement("div", {
-    className: b('sidebar')
+  })), type === "rightColumn" ? React__default.createElement("div", {
+    className: b("sidebar")
   }, React__default.createElement("div", {
     className: "key-board-wrapper"
   }, React__default.createElement("div", {
     className: classNames({
       key: true,
-      active: clickKeyIndex === 'delete'
+      active: clickKeyIndex === "delete"
     }),
     onTouchStart: function onTouchStart(event) {
       return onTouchstart({
-        id: 'delete',
-        type: 'delete'
+        id: "delete",
+        type: "delete"
       }, event);
     },
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd
+    onTouchMove,
+    onTouchEnd
   }, React__default.createElement("img", {
     src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png",
     alt: ""
   }))), React__default.createElement("div", {
     className: "key-board-wrapper key-board-finish",
-    onClick: onClose
+    onClick: onClose2
   }, React__default.createElement("div", {
     className: classNames({
       key: true,
       finish: true,
-      activeFinsh: clickKeyIndex === 'finish'
+      activeFinsh: clickKeyIndex === "finish"
     })
   }, confirmText || locale.done))) : null))));
 };
 NumberKeyboard.defaultProps = defaultProps;
-NumberKeyboard.displayName = 'NutNumberKeyboard';
-export { NumberKeyboard as default };
+NumberKeyboard.displayName = "NutNumberKeyboard";
+export {
+  NumberKeyboard as default
+};