@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/notify.taro-837a878b.js

@@ -0,0 +1,251 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+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-893ad28d.js';
+
+var Notification = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(Notification, _React$PureComponent);
+
+  var _super = _createSuper(Notification);
+
+  function Notification(props) {
+    var _this;
+
+    _classCallCheck(this, Notification);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "closeTimer", void 0);
+
+    _this.close = _this.close.bind(_assertThisInitialized(_this));
+    _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
+    _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
+    _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
+    _this.state = {
+      show: true
+    };
+    return _this;
+  }
+
+  _createClass(Notification, [{
+    key: "close",
+    value: function close() {
+      this.setState({
+        show: false
+      });
+      this.clearCloseTimer();
+
+      if (this.props.id) {
+        var element = document.getElementById(this.props.id);
+        element && element.parentNode && element.parentNode.removeChild(element);
+      }
+
+      this.props.onClosed();
+    }
+  }, {
+    key: "startCloseTimer",
+    value: function startCloseTimer() {
+      var _this2 = this;
+
+      var duration = this.props.duration;
+
+      if (duration) {
+        this.closeTimer = window.setTimeout(function () {
+          _this2.close();
+        }, duration);
+      }
+    }
+  }, {
+    key: "clearCloseTimer",
+    value: function clearCloseTimer() {
+      if (this.closeTimer) {
+        clearTimeout(this.closeTimer);
+        this.closeTimer = -1;
+      }
+    }
+  }, {
+    key: "clickCover",
+    value: function clickCover() {
+      this.props.onClick();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.startCloseTimer();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.clearCloseTimer();
+    }
+  }, {
+    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;
+      this.state;
+      cn('notify');
+      var classes = classNames(_defineProperty({
+        'popup-top': true,
+        'nut-notify': true
+      }, "nut-notify--".concat(type), true));
+      return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
+        "in": this.state.show,
+        timeout: 300,
+        classNames: "fade",
+        unmountOnExit: true,
+        appear: true
+      }, React.createElement("div", {
+        className: "".concat(classes, " ").concat(className),
+        style: {
+          color: "".concat(color || ''),
+          background: "".concat(background || '')
+        },
+        onClick: this.clickCover
+      }, children || msg)));
+    }
+  }]);
+
+  return Notification;
+}(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());
+  element.id = id;
+  properties.id = id;
+  document.body.appendChild(element);
+  var called = false;
+
+  function ref(instance) {
+    if (called) {
+      return;
+    }
+
+    called = true;
+    callback({
+      component: instance,
+      destroy: function destroy() {
+        setTimeout(function () {
+          ReactDOM.unmountComponentAtNode(element);
+          element && element.parentNode && element.parentNode.removeChild(element);
+        }, 300);
+      }
+    });
+  }
+
+  ReactDOM.render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
+    ref: ref
+  })), element);
+};
+
+var messageInstance = null;
+var options = {
+  msg: '',
+  id: '',
+  duration: 3000,
+  type: 'danger',
+  className: '',
+  onClosed: function onClosed() {},
+  onClick: function onClick() {}
+};
+
+function getInstance(props, callback) {
+  if (messageInstance) {
+    messageInstance.destroy();
+    messageInstance = null;
+  }
+
+  Notification.newInstance(props, function (notification) {
+    return callback && callback(notification);
+  });
+}
+
+function notice(opts) {
+  debugger;
+  opts = _objectSpread(_objectSpread({}, options), opts);
+  getInstance(opts, function (notification) {
+    messageInstance = notification;
+  });
+}
+
+var errorMsg = function errorMsg(msg) {
+  if (!msg) {
+    console.warn('[NutUI Notify]: msg不能为空');
+  }
+};
+
+var Notify = {
+  text: function text(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      type: 'base'
+    }, option));
+  },
+  success: function success(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      type: 'success'
+    }, option));
+  },
+  primary: function primary(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      type: 'primary'
+    }, option));
+  },
+  danger: function danger(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      type: 'danger'
+    }, option));
+  },
+  warn: function warn(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      type: 'warning'
+    }, option));
+  },
+  hide: function hide() {
+    if (messageInstance) {
+      messageInstance.destroy();
+      messageInstance = null;
+    }
+  }
+};
+export { Notify as N };

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

@@ -0,0 +1,276 @@
+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-893ad28d.js';
+import { P as Popup } from './popup-15922d84.js';
+import { u as useConfig } from './configprovider-18657611.js';
+var defaultProps = {
+  confirmText: '',
+  title: '',
+  visible: false,
+  type: 'default',
+  customKey: [],
+  className: '',
+  randomKeys: false,
+  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,
+      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 () {
+    setShow(visible);
+  }, [visible]);
+
+  var defaultKey = function defaultKey() {
+    var leftBottomKey = {
+      id: 'lock',
+      type: 'lock'
+    };
+
+    if (customKey) {
+      var customKeys = Array.isArray(customKey) ? customKey : [customKey];
+
+      if (customKeys.length > 0) {
+        var newCustomKey = customKeys[0];
+        leftBottomKey = {
+          id: newCustomKey,
+          type: 'custom'
+        };
+      }
+    }
+
+    return [].concat(_toConsumableArray(getBasicKeys()), [leftBottomKey, {
+      id: 0,
+      type: 'number'
+    }, {
+      id: 'delete',
+      type: 'delete'
+    }]);
+  };
+
+  var getBasicKeys = function getBasicKeys() {
+    var keys = [];
+
+    for (var i = 1; i <= 9; i++) {
+      keys.push({
+        id: i,
+        type: 'number'
+      });
+    }
+
+    if (randomKeys) {
+      return keys.sort(function () {
+        return Math.random() > 0.5 ? 1 : -1;
+      });
+    }
+
+    return keys;
+  };
+
+  var genCustomKeys = function genCustomKeys() {
+    var keys = getBasicKeys();
+    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') {
+      customKeys = [customKeys[0]];
+    }
+
+    if (customKeys.length === 1) {
+      if (props.title && props.type !== 'rightColumn') {
+        keys.push({
+          id: customKeys[0],
+          type: 'custom'
+        }, {
+          id: 0,
+          type: 'number'
+        }, {
+          id: 'delete',
+          type: 'delete'
+        });
+      } else {
+        keys.push({
+          id: 0,
+          type: 'number'
+        }, {
+          id: customKeys[0],
+          type: 'custom'
+        });
+      }
+    } else if (customKeys.length === 2) {
+      keys.push({
+        id: customKeys[0],
+        type: 'custom'
+      }, {
+        id: 0,
+        type: 'number'
+      }, {
+        id: customKeys[1],
+        type: 'custom'
+      });
+    }
+
+    return keys;
+  };
+
+  useEffect(function () {
+    if (props.type === 'rightColumn' || props.title !== '') {
+      setKeysList(genCustomKeys());
+    } else {
+      setKeysList(defaultKey());
+    }
+  }, []);
+
+  var onTouchstart = function onTouchstart(item, event) {
+    event.stopPropagation();
+    setClickKeyIndex(item.id);
+
+    if (item.type === 'number' || item.type === 'custom') {
+      onChange && onChange(item.id);
+    }
+
+    if (item.type === 'lock') {
+      onClose && onClose();
+    }
+
+    if (item.type === 'delete') {
+      onDelete && onDelete();
+    }
+  };
+
+  var onTouchMove = function onTouchMove(event) {
+    event.stopPropagation();
+  };
+
+  var onTouchEnd = function onTouchEnd(event) {
+    event.preventDefault();
+    setClickKeyIndex(undefined);
+  };
+
+  return React__default.createElement("div", null, React__default.createElement(Popup, {
+    visible: show,
+    position: "bottom",
+    popClass: popClass,
+    onClickOverlay: onClose,
+    onClickCloseIcon: onClose,
+    overlayStyle: {
+      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')
+  }, React__default.createElement("h3", {
+    className: b('header__tit')
+  }, title), type === 'default' ? React__default.createElement("span", {
+    className: b('header__close'),
+    onClick: onClose
+  }, locale.done) : null) : null, React__default.createElement("div", {
+    className: b('body')
+  }, React__default.createElement("div", {
+    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
+      })
+    }, React__default.createElement("div", {
+      className: classNames({
+        key: true,
+        active: item.id === clickKeyIndex,
+        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", {
+      src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png",
+      alt: ""
+    }) : 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')
+  }, React__default.createElement("div", {
+    className: "key-board-wrapper"
+  }, React__default.createElement("div", {
+    className: classNames({
+      key: true,
+      active: clickKeyIndex === 'delete'
+    }),
+    onTouchStart: function onTouchStart(event) {
+      return onTouchstart({
+        id: 'delete',
+        type: 'delete'
+      }, event);
+    },
+    onTouchMove: onTouchMove,
+    onTouchEnd: 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
+  }, React__default.createElement("div", {
+    className: classNames({
+      key: true,
+      finish: true,
+      activeFinsh: clickKeyIndex === 'finish'
+    })
+  }, confirmText || locale.done))) : null))));
+};
+
+NumberKeyboard.defaultProps = defaultProps;
+NumberKeyboard.displayName = 'NutNumberKeyboard';
+export { NumberKeyboard as N };

package/dist/esm/nutui-react.es.js

@@ -0,0 +1,98 @@
+export { B as Button } from './button.taro-90c8bb93.js';
+export { C as Cell } from './cell.taro-8080af48.js';
+export { C as CellGroup } from './cellgroup.taro-8c87bf08.js';
+export { I as Icon } from './icon.taro-bf130544.js';
+export { O as Overlay } from './overlay.taro-a784329e.js';
+export { P as Popup } from './popup.taro-897e35fd.js';
+export { C as ConfigProvider } from './configprovider.taro-98343012.js';
+export { L as Layout } from './layout.taro-358f014f.js';
+export { C as Col } from './col.taro-ff3af36f.js';
+export { R as Row } from './row.taro-7afb510a.js';
+export { D as Divider } from './divider.taro-beaec14a.js';
+export { N as NavBar } from './navbar.taro-f2ba2cf4.js';
+export { F as FixedNav } from './fixednav.taro-5b473df6.js';
+export { T as Tabbar } from './tabbar.taro-da72fa2c.js';
+export { T as TabbarItem } from './tabbaritem.taro-898becb1.js';
+export { E as Elevator } from './elevator.taro-e37a3fbb.js';
+export { P as Pagination } from './pagination.taro-abc4a71e.js';
+export { T as Tabs } from './tabs.taro-56a953f6.js';
+export { T as TabPane } from './tabpane.taro-24514060.js';
+export { I as Indicator } from './indicator.taro-183ea169.js';
+export { R as Range } from './range.taro-41ced357.js';
+export { C as Calendar } from './calendar.taro-d3a90861.js';
+export { C as Checkbox } from './checkbox.taro-7267be92.js';
+export { C as CheckboxGroup } from './checkboxgroup.taro-bc16131f.js';
+export { D as DatePicker } from './datepicker.taro-f7c8ef80.js';
+export { I as InputNumber } from './inputnumber.taro-4ec2bfb6.js';
+export { I as Input } from './input.taro-b6927020.js';
+export { R as Radio } from './radio.taro-923d91bc.js';
+export { R as RadioGroup } from './radiogroup.taro-f2401b7a.js';
+export { R as Rate } from './rate.taro-3d6edec3.js';
+export { C as CalendarItem } from './calendaritem.taro-bbe4a226.js';
+export { P as Picker } from './picker.taro-c05b1930.js';
+export { S as ShortPassword } from './shortpassword.taro-aad27ce9.js';
+export { T as TextArea } from './textarea.taro-5d4efaf0.js';
+export { U as Uploader } from './uploader.taro-5fab7e14.js';
+export { S as SearchBar } from './searchbar.taro-b05ef5a8.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-a80cec74.js';
+export { A as ActionSheet } from './actionsheet.taro-4ae40ea0.js';
+export { B as BackTop } from './backtop.taro-65dccd86.js';
+export { D as Drag } from './drag.taro-7c0493f8.js';
+export { D as Dialog } from './dialog.taro-57f6fc2e.js';
+export { I as Infiniteloading } from './infiniteloading.taro-abf15a17.js';
+export { N as Notify } from './notify.taro-837a878b.js';
+export { S as Switch } from './switch.taro-be5eb823.js';
+export { T as Toast } from './toast.taro-b7ff92f1.js';
+export { C as CircleProgress } from './circleprogress.taro-1a38e1c6.js';
+export { N as NoticeBar } from './noticebar.taro-70193e5e.js';
+export { S as Steps } from './steps.taro-943f4fbb.js';
+export { S as Step } from './step.taro-33775bf4.js';
+export { S as Swiper } from './swiper.taro-624d2cf2.js';
+export { S as SwiperItem } from './swiperitem.taro-984e3ebb.js';
+export { A as Avatar } from './avatar.taro-5dafffdc.js';
+export { A as AvatarGroup } from './avatargroup.taro-a39282b3.js';
+export { P as Price } from './price.taro-97393d8f.js';
+export { B as Badge } from './badge.taro-8c001377.js';
+export { T as Tag } from './tag.taro-77cf134f.js';
+export { P as Popover } from './popover.taro-3b06163e.js';
+export { S as Skeleton } from './skeleton.taro-b2831f6f.js';
+export { C as CountDown } from './countdown.taro-cd6a1bd4.js';
+export { C as Collapse } from './collapse.taro-5fac953d.js';
+export { C as CollapseItem } from './collapseitem.taro-179cf530.js';
+export { A as AnimatingNumbers } from './animatingnumbers.taro-cda438cc.js';
+export { E as Empty } from './empty.taro-c7ccac8a.js';
+export { V as VirtualList } from './virtuallist.taro-2ff1a5ad.js';
+export { V as Video } from './video-c1090c92.js';
+export { P as Progress } from './progress.taro-51bcdd4f.js';
+export { A as Address } from './address.taro-82a8fa11.js';
+export { B as Barrage } from './barrage.taro-f1139b9c.js';
+export { S as Signature } from './signature.taro-454c5413.js';
+export { C as Card } from './card.taro-c4f88500.js';
+export { T as TimePannel } from './timepannel.taro-2d54b3db.js';
+export { T as TimeDetail } from './timedetail.taro-0e31b4a5.js';
+export { T as TimeSelect } from './timeselect.taro-e4c97354.js';
+import 'react';
+import './icon-62bd7379.js';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+import 'react-router-dom';
+import '@tarojs/taro';
+import 'classnames';
+import 'react-transition-group';
+import './overlay-ed3eb37d.js';
+import './zh-CN-f5124686.js';
+import './UserContext-be8097d2.js';
+import './configprovider-18657611.js';
+import './index-31152350.js';
+import './Notification-b09c89e8.js';
+import 'react-dom';
+import './popup-15922d84.js';
+import './raf-3fbb5f92.js';
+import './pickerSlot-c8f5343e.js';
+import './context-aa058329.js';
+import '@use-gesture/react';
+import '@react-spring/web';
+import './button-9b1f3219.js';
+import './UserContext-68f62e66.js';
+import './UserContext-b4181162.js';
+import './AvatarContext-7153ad2b.js';