@nutui/nutui-react-taro 1.3.1 → 1.3.2-beta.0

package/dist/esm/{swiper.taro-7a2ef124.js → swiper.taro-448cd0ad.js}

@@ -14,7 +14,7 @@ import React__default, { useRef, useState, useMemo, useEffect } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-b4181162.js';
 import { c as cn } from './bem-893ad28d.js';
-import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
+import Taro, { useReady } from '@tarojs/taro';
 var defaultProps = {
   width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' ? window.innerWidth : 375,
   height: 0,
@@ -64,47 +64,51 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     size: 0
   });
 
-  var isVertical = direction === 'vertical';
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      rect = _useState2[0],
-      setRect = _useState2[1]; // eslint-disable-next-line prefer-const
+  var _useState = useState(Math.random().toString(36).slice(-8)),
+      _useState2 = _slicedToArray(_useState, 1),
+      refRandomId = _useState2[0];
 
+  var isVertical = direction === 'vertical';
 
-  var _useState3 = useState(0),
+  var _useState3 = useState(null),
       _useState4 = _slicedToArray(_useState3, 2),
-      active = _useState4[0],
-      setActive = _useState4[1];
+      rect = _useState4[0],
+      setRect = _useState4[1]; // eslint-disable-next-line prefer-const
+
 
   var _useState5 = useState(0),
       _useState6 = _slicedToArray(_useState5, 2),
-      width = _useState6[0],
-      setWidth = _useState6[1];
+      active = _useState6[0],
+      setActive = _useState6[1];
 
   var _useState7 = useState(0),
       _useState8 = _slicedToArray(_useState7, 2),
-      height = _useState8[0],
-      setHeight = _useState8[1];
+      width = _useState8[0],
+      setWidth = _useState8[1];
 
   var _useState9 = useState(0),
       _useState10 = _slicedToArray(_useState9, 2),
-      offset = _useState10[0],
-      setOffset = _useState10[1];
+      height = _useState10[0],
+      setHeight = _useState10[1];
 
-  var _useState11 = useState([]),
+  var _useState11 = useState(0),
       _useState12 = _slicedToArray(_useState11, 2),
-      childOffset = _useState12[0],
-      setChildOffset = _useState12[1];
+      offset = _useState12[0],
+      setOffset = _useState12[1];
 
-  var _useState13 = useState(false),
+  var _useState13 = useState([]),
       _useState14 = _slicedToArray(_useState13, 2),
-      ready = _useState14[0],
-      setReady = _useState14[1];
+      childOffset = _useState14[0],
+      setChildOffset = _useState14[1];
+
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      ready = _useState16[0],
+      setReady = _useState16[1];
 
   var size = isVertical ? height : width;
 
-  var _useState15 = useState({
+  var _useState17 = useState({
     startX: 0,
     startY: 0,
     deltaX: 0,
@@ -115,9 +119,9 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     delta: 0,
     touchTime: 0
   }),
-      _useState16 = _slicedToArray(_useState15, 2),
-      touch = _useState16[0],
-      setTouch = _useState16[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      touch = _useState18[0],
+      setTouch = _useState18[1];
 
   var _useMemo = useMemo(function () {
     var childCount = 0;
@@ -375,10 +379,10 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
     }
 
-    target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
     target.style.transitionDuration = "".concat(_swiper.current.moving ? 0 : props.duration, "ms");
     target.style[isVertical ? 'height' : 'width'] = "".concat(Number(size) * childCount, "px");
     target.style[isVertical ? 'width' : 'height'] = "".concat(isVertical ? width : height, "px");
+    target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
   };
 
   var onTouchStart = function onTouchStart(e) {
@@ -442,6 +446,16 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     _swiper.current.activePagination = (active + childCount) % childCount;
   }, [active]);
 
+  var queryRect = function queryRect(element) {
+    return new Promise(function (resolve) {
+      var query = Taro.createSelectorQuery();
+      query.select("#".concat(element.id)) && query.select("#".concat(element.id)).boundingClientRect();
+      query.exec(function (res) {
+        resolve(res[0]);
+      });
+    });
+  };
+
   var init = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var active,
@@ -458,7 +472,7 @@ var Swiper = React__default.forwardRef(function (props, ref) {
             case 0:
               active = _args.length > 0 && _args[0] !== undefined ? _args[0] : +propSwiper.initPage;
               _context.next = 3;
-              return getRectByTaro(container.current);
+              return queryRect(container.current);
 
             case 3:
               rect = _context.sent;
@@ -516,22 +530,16 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   useEffect(function () {
     init();
   }, [propSwiper.initPage]);
-  useEffect(function () {
-    var target = container.current;
-    target.addEventListener('touchstart', onTouchStart, false);
-    target.addEventListener('touchmove', onTouchMove, false);
-    target.addEventListener('touchend', onTouchEnd, false);
-    return function () {
-      target.removeEventListener('touchstart', onTouchStart, false);
-      target.removeEventListener('touchmove', onTouchMove, false);
-      target.removeEventListener('touchend', onTouchEnd, false);
-    };
-  });
   useEffect(function () {
     return function () {
       stopAutoPlay();
     };
   }, []);
+  useReady(function () {
+    Taro.nextTick(function () {
+      init();
+    });
+  });
 
   var itemStyle = function itemStyle(index) {
     var style = {};
@@ -562,10 +570,17 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   });
   return React__default.createElement(DataContext.Provider, {
     value: parent
-  }, React__default.createElement("div", _objectSpread({
+  }, React__default.createElement("view", _objectSpread(_objectSpread({
     className: "".concat(classes, " ").concat(className),
     ref: container
-  }, rest), React__default.createElement("div", {
+  }, rest), {}, {
+    id: 'container-' + refRandomId,
+    onTouchStart: onTouchStart,
+    onTouchMove: onTouchMove,
+    onTouchEnd: onTouchEnd,
+    // @ts-ignore
+    catchMove: isVertical
+  }), React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
   }, React__default.Children.map(childs, function (child, index) {

package/dist/esm/{tabbaritem.taro-a88d3ae7.js → tabbaritem.taro-d0f2cec9.js}

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 var defaultProps = {
   dot: false,
   size: '',

package/dist/esm/{table.taro-305e0317.js → table.taro-25aeccba.js}

@@ -10,8 +10,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   className: '',
   style: {},

package/dist/esm/{tabs.taro-d1e85ea5.js → tabs.taro-d6006610.js}

@@ -12,7 +12,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 
 var Title = /*#__PURE__*/_createClass( // eslint-disable-next-line no-useless-constructor
 function Title() {

package/dist/esm/{tag.taro-3bbbb557.js → tag.taro-ce9c52cd.js}

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 var defaultProps = {
   type: 'default',
   color: '',

package/dist/esm/{textarea.taro-700b04c2.js → textarea.taro-388d1f90.js}

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { u as useConfig } from './configprovider-9c393a29.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   defaultValue: '',

package/dist/esm/{timedetail.taro-7cc00243.js → timedetail.taro-519808cf.js}

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   className: '',
   currentKey: 0,

package/dist/esm/{timepannel.taro-e24537e4.js → timepannel.taro-9904f6e6.js}

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   className: '',
   date: '',

package/dist/esm/{timeselect.taro-210fd548.js → timeselect.taro-eea8d569.js}

@@ -7,106 +7,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { P as Popup } from './popup-67173ec6.js';
+import { P as Popup } from './popup.taro-8363fbae.js';
+import { T as TimePannel } from './timepannel.taro-9904f6e6.js';
+import { T as TimeDetail } from './timedetail.taro-519808cf.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
-var defaultProps$2 = {
-  className: '',
-  date: '',
-  curKey: 0
-};
-
-var TimePannel = function TimePannel(props) {
-  useConfig();
-
-  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
-      children = _defaultProps$2$props.children,
-      className = _defaultProps$2$props.className,
-      date = _defaultProps$2$props.date,
-      curKey = _defaultProps$2$props.curKey,
-      change = _defaultProps$2$props.change;
-
-  var b = cn('timepannel');
-  return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || ''),
-    onClick: function onClick() {
-      return change(curKey);
-    }
-  }, date);
-};
-
-TimePannel.defaultProps = defaultProps$2;
-TimePannel.displayName = 'NutTimePannel';
-var defaultProps$1 = {
-  className: '',
-  currentKey: 0,
-  currentTime: [],
-  times: [],
-  select: function select() {
-    return null;
-  }
-};
-
-var TimeDetail = function TimeDetail(props) {
-  useConfig();
-
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      children = _defaultProps$1$props.children,
-      times = _defaultProps$1$props.times,
-      className = _defaultProps$1$props.className,
-      currentKey = _defaultProps$1$props.currentKey,
-      currentTime = _defaultProps$1$props.currentTime,
-      select = _defaultProps$1$props.select;
-
-  var b = cn('timedetail');
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      renderData = _useState2[0],
-      setRenderData = _useState2[1];
-
-  useEffect(function () {
-    var currentData = times.find(function (timesItem) {
-      return String(timesItem.key) === String(currentKey);
-    });
-    var renderData = currentData ? currentData.list : []; // 根据选中的日期回显当前日期可配送的时间
-
-    setRenderData(renderData);
-  }, [times, currentKey]); // 选中时间的回调
-
-  var handleTime = function handleTime(time) {
-    select(time);
-  }; // 选中的配送时间增加 active 类名
-
-
-  var getDetailClass = function getDetailClass(item) {
-    var initClass = 'nut-timedetail__item';
-    var curTimeData = currentTime.find(function (item) {
-      return String(item.key) === String(currentKey);
-    });
-
-    if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-      initClass += ' nut-timedetail__item-active';
-    }
-
-    return initClass;
-  };
-
-  return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || '')
-  }, renderData.map(function (item, index) {
-    return React__default.createElement("span", {
-      className: getDetailClass(item),
-      key: item,
-      onClick: function onClick() {
-        return handleTime(item);
-      }
-    }, item);
-  }));
-};
-
-TimeDetail.defaultProps = defaultProps$1;
-TimeDetail.displayName = 'NutTimeDetail';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   className: '',
   visible: false,
@@ -137,23 +42,23 @@ var TimeSelect = function TimeSelect(props) {
       pannelChange = _defaultProps$props.pannelChange,
       timeChange = _defaultProps$props.timeChange;
 
-  var _useState3 = useState(currentKey),
-      _useState4 = _slicedToArray(_useState3, 2),
-      activeKey = _useState4[0],
-      setActiveKey = _useState4[1];
+  var _useState = useState(currentKey),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeKey = _useState2[0],
+      setActiveKey = _useState2[1];
 
-  var _useState5 = useState(currentTime.length ? currentTime : [{
+  var _useState3 = useState(currentTime.length ? currentTime : [{
     key: currentKey,
     list: []
   }]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      activeTime = _useState6[0],
-      setActiveTime = _useState6[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      activeTime = _useState4[0],
+      setActiveTime = _useState4[1];
 
-  var _useState7 = useState(visible),
-      _useState8 = _slicedToArray(_useState7, 2),
-      popVisible = _useState8[0],
-      setPopVisible = _useState8[1];
+  var _useState5 = useState(visible),
+      _useState6 = _slicedToArray(_useState5, 2),
+      popVisible = _useState6[0],
+      setPopVisible = _useState6[1];
 
   var popStyle = {
     width: '100%',

package/dist/esm/{Notification-422905bd.js → toast.taro-d4ecd6af.js}

@@ -183,4 +183,118 @@ Notification.newInstance = function (properties, callback) {
   })), element);
 };
 
-export { Notification as N };
+var messageInstance = null;
+var options = {
+  msg: '',
+  id: '',
+  duration: 1.5,
+  center: true,
+  type: 'text',
+  customClass: '',
+  bottom: 30,
+  size: 'base',
+  icon: '',
+  textAlignCenter: true,
+  loadingRotate: true,
+  bgColor: 'rgba(0, 0, 0, .8)',
+  onClose: function onClose() {},
+  cover: false,
+  coverColor: 'rgba(0, 0, 0, 0)',
+  closeOnClickOverlay: false // 是否点击遮罩可关闭
+
+};
+
+function getInstance(props, callback) {
+  if (messageInstance) {
+    messageInstance.destroy();
+    messageInstance = null;
+  }
+
+  Notification.newInstance(props, function (notification) {
+    return callback && callback(notification);
+  });
+}
+
+function notice(opts) {
+  function close() {
+    if (messageInstance) {
+      messageInstance.destroy();
+      messageInstance = null;
+    }
+  }
+
+  var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
+    onClose: close
+  });
+
+  getInstance(opts2, function (notification) {
+    messageInstance = notification;
+  });
+}
+
+var errorMsg = function errorMsg(msg) {
+  if (!msg) {
+    console.warn('[NutUI Toast]: msg cannot be null');
+  }
+};
+
+var Toast = {
+  text: function text(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      type: 'text'
+    }, option));
+  },
+  success: function success(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      icon: 'success',
+      type: 'success'
+    }, option));
+  },
+  fail: function fail(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      icon: 'failure',
+      type: 'fail'
+    }, option));
+  },
+  loading: function loading(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      icon: 'loading',
+      type: 'loading'
+    }, option));
+  },
+  warn: function warn(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg,
+      icon: 'tips',
+      type: 'warn'
+    }, option));
+  },
+  customIcon: function customIcon(msg) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    errorMsg(msg);
+    return notice(_objectSpread({
+      msg: msg
+    }, option));
+  },
+  hide: function hide() {
+    if (messageInstance) {
+      messageInstance.destroy();
+      messageInstance = null;
+    }
+  }
+};
+export { Toast as T };

package/dist/esm/{uploader.taro-f7528535.js → uploader.taro-b232b2d3.js}

@@ -14,7 +14,7 @@ import React__default, { useState, useEffect, useImperativeHandle } from 'react'
 import classNames from 'classnames';
 import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 
 var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
   _classCallCheck(this, UploadOptions);