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

package/dist/esm/{elevator.taro-15b0d8c2.js → elevator.taro-8e385785.js}

@@ -1,13 +1,15 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "clickItem", "clickIndex", "children"];
+var _excluded = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "onClickItem", "onClickIndex", "children"];
 
 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, { createContext, useRef, useState, useEffect } from 'react';
+import { useGesture } from '@use-gesture/react';
+import { animated } from '@react-spring/web';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 var elevatorContext = createContext({});
@@ -30,8 +32,8 @@ var Elevator = function Elevator(props) {
       spaceHeight = _defaultProps$props.spaceHeight,
       titleHeight = _defaultProps$props.titleHeight,
       className = _defaultProps$props.className,
-      clickItem = _defaultProps$props.clickItem,
-      clickIndex = _defaultProps$props.clickIndex,
+      onClickItem = _defaultProps$props.onClickItem,
+      onClickIndex = _defaultProps$props.onClickIndex,
       children = _defaultProps$props.children,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
@@ -132,42 +134,39 @@ var Elevator = function Elevator(props) {
     }
   };
 
-  var touchMove = function touchMove(e) {
-    var firstTouch = e.touches[0];
-    touchState.current.y2 = firstTouch.pageY;
-    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-    var cacheIndex = state.current.anchorIndex + delta;
-    setCodeIndex(cacheIndex);
-    scrollTo(cacheIndex);
-  };
-
-  var touchEnd = function touchEnd() {
-    resetScrollState();
-  };
-
-  var touchStart = function touchStart(e) {
-    setScrollStart(true);
-    var index = Number(getData(e.target, 'index'));
-    var firstTouch = e.touches[0];
-    touchState.current.y1 = firstTouch.pageY;
-    state.current.anchorIndex = +index;
-    setCodeIndex(function (codeIndex) {
-      return codeIndex + index;
-    });
-    scrollTo(index);
-    var target = e.currentTarget;
-    target.removeEventListener('touchend', touchEnd, false);
-    target.addEventListener('touchend', touchEnd, false);
-  };
+  var bind = useGesture({
+    onDragStart: function onDragStart(_ref) {
+      var target = _ref.target,
+          offset = _ref.offset;
+      setScrollStart(true);
+      var index = Number(getData(target, 'index'));
+      touchState.current.y1 = offset[1];
+      state.current.anchorIndex = +index;
+      setCodeIndex(function (codeIndex) {
+        return codeIndex + index;
+      });
+      scrollTo(index);
+    },
+    onDragEnd: function onDragEnd(_ref2) {
+      var offset = _ref2.offset;
+      touchState.current.y2 = offset[1];
+      var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0; // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
+
+      var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
+      setCodeIndex(cacheIndex);
+      scrollTo(cacheIndex);
+      resetScrollState();
+    }
+  });
 
   var handleClickItem = function handleClickItem(key, item) {
-    clickItem && clickItem(key, item);
+    onClickItem && onClickItem(key, item);
     setCurrentData(item);
     setCurrentKey(key);
   };
 
   var handleClickIndex = function handleClickIndex(key) {
-    clickIndex && clickIndex(key);
+    onClickIndex && onClickIndex(key);
   };
 
   var setListGroup = function setListGroup() {
@@ -178,12 +177,7 @@ var Elevator = function Elevator(props) {
         if (el != null && !state.current.listGroup.includes(el)) {
           state.current.listGroup.push(el);
         }
-      }); // const els = listview.current.querySelectorAll('.nut-elevator__list__item')
-      // els.forEach((el: Element) => {
-      //   if (el != null && !state.current.listGroup.includes(el)) {
-      //     state.current.listGroup.push(el)
-      //   }
-      // })
+      });
     }
   };
 
@@ -273,16 +267,14 @@ var Elevator = function Elevator(props) {
       current: true
     })
   }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
-    className: b('bars'),
-    onTouchStart: function onTouchStart(event) {
-      return touchStart(event);
-    },
-    onTouchMove: function onTouchMove(event) {
-      return touchMove(event);
-    }
-  }, React__default.createElement("div", {
+    className: b('bars')
+  }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
     className: b('bars__inner')
-  }, indexList.map(function (item, index) {
+  }, bind()), {}, {
+    style: {
+      touchAction: 'pan-y'
+    }
+  }), indexList.map(function (item, index) {
     return React__default.createElement("div", {
       className: b('bars__inner__item', {
         active: item[acceptKey] === indexList[currentIndex][acceptKey]

package/dist/esm/{empty.taro-20b8adac.js → empty.taro-ab9c4f03.js}

@@ -9,7 +9,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';
 /**
  * 内置图片地址
  */

package/dist/esm/{fixednav.taro-75e35339.js → fixednav.taro-6c0279ba.js}

@@ -8,10 +8,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-8dc4de10.js';
-import { O as Overlay } from './overlay-ed3eb37d.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { O as Overlay } from './overlay.taro-be45fed5.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 defaultProps = {
   fixednavClass: 'nut-fixednav',
   activeText: '',

package/dist/esm/{grid.taro-7fb43d02.js → grid.taro-5d75c0ad.js}

@@ -7,7 +7,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 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 = {
   columnNum: 4,

package/dist/esm/{griditem.taro-8020b409.js → griditem.taro-edb212e3.js}

@@ -7,9 +7,9 @@ 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 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';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 var defaultProps = {
   text: '',
   icon: '',

package/dist/esm/imagepreview.taro-dae0757b.js

@@ -0,0 +1,257 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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, { useRef, useState, useEffect } from 'react';
+import { P as Popup } from './popup.taro-8363fbae.js';
+import { V as Video } from './video-c1090c92.js';
+import { S as Swiper } from './swiper.taro-448cd0ad.js';
+import { S as SwiperItem } from './swiperitem-d00e7513.js';
+var defaultProps = {
+  images: [],
+  videos: [],
+  show: false,
+  autoplay: 3000,
+  initNo: 1,
+  contentClose: false,
+  paginationVisible: false,
+  paginationColor: '#fff',
+  onClose: function onClose() {}
+};
+
+var ImagePreview = function ImagePreview(props) {
+  var images = props.images,
+      videos = props.videos,
+      show = props.show,
+      initNo = props.initNo,
+      paginationColor = props.paginationColor,
+      paginationVisible = props.paginationVisible,
+      autoplay = props.autoplay,
+      contentClose = props.contentClose,
+      onClose = props.onClose;
+  var nutImagePreview = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showPop = _useState2[0],
+      setShowPop = _useState2[1];
+
+  var _useState3 = useState(1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      active = _useState4[0],
+      setActive = _useState4[1];
+
+  var _useState5 = useState(1),
+      _useState6 = _slicedToArray(_useState5, 2),
+      maxNo = _useState6[0],
+      setMaxNo = _useState6[1];
+
+  var _useState7 = useState({
+    scale: 1,
+    moveable: false
+  }),
+      _useState8 = _slicedToArray(_useState7, 2),
+      store = _useState8[0],
+      setStore = _useState8[1];
+
+  var _useState9 = useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      lastTouchEndTime = _useState10[0],
+      setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
+
+
+  var onTouchStart = function onTouchStart(event) {
+    var touches = event.touches;
+    var events = touches[0];
+    var events2 = touches[1]; // 如果已经放大，双击应变回原尺寸；如果是原尺寸，双击应放大
+
+    var curTouchTime = new Date().getTime();
+
+    if (curTouchTime - lastTouchEndTime < 300) {
+      var _store = store;
+
+      if (_store.scale > 1) {
+        _store.scale = 1;
+      } else if (_store.scale === 1) {
+        _store.scale = 2;
+      }
+
+      scaleNow();
+    }
+
+    var store1 = store;
+    store1.moveable = true;
+
+    if (events2) {
+      // 如果开始两指操作，记录初始时刻两指间的距离
+      store1.oriDistance = getDistance({
+        x: events.pageX,
+        y: events.pageY
+      }, {
+        x: events2.pageX,
+        y: events2.pageY
+      });
+    } // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
+
+
+    store1.originScale = store1.scale || 1;
+  };
+
+  var onTouchMove = function onTouchMove(event) {
+    var touches = event.touches;
+    var events = touches[0];
+    var events2 = touches[1];
+
+    if (!store.moveable) {
+      return;
+    }
+
+    var store1 = store; // 双指移动
+
+    if (events2) {
+      // 获得当前两点间的距离
+      var curDistance = getDistance({
+        x: events.pageX,
+        y: events.pageY
+      }, {
+        x: events2.pageX,
+        y: events2.pageY
+      });
+      /** 此处计算倍数，距离放大（缩小） k 倍则 scale 也 扩大（缩小） k 倍。距离放大（缩小）倍数 = 结束时两点距离 除以 开始时两点距离
+       * 注意此处的 scale 变化是基于 store.scale 的。
+       * store.scale 是一个暂存值，比如第一次放大 2 倍，则 store.scale 为 2。
+       * 再次两指触碰的时候，store.originScale 就为 store.scale 的值，基于此时的 store.scale 继续放大缩小。 * */
+
+      var curScale = curDistance / store1.oriDistance;
+      store1.scale = store1.originScale * curScale; // 最大放大 3 倍，缩小后松手要弹回原比例
+
+      if (store1.scale > 3) {
+        store1.scale = 3;
+      }
+
+      scaleNow();
+    }
+  };
+
+  var onTouchEnd = function onTouchEnd() {
+    setLastTouchEndTime(new Date().getTime());
+    var store1 = store;
+    store1.moveable = false;
+
+    if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
+      store1.scale = 1;
+      scaleNow();
+    }
+  };
+
+  var init = function init() {
+    document.addEventListener('touchmove', onTouchMove);
+    document.addEventListener('touchend', onTouchEnd);
+    document.addEventListener('touchcancel', onTouchEnd);
+  };
+
+  useEffect(function () {
+    if (show !== undefined) {
+      setShowPop(show);
+      init();
+    }
+  }, [show]);
+  useEffect(function () {
+    if (initNo !== undefined) {
+      setActive(initNo);
+    }
+
+    if (show !== undefined) {
+      setShowPop(show);
+    }
+
+    if (images && videos) {
+      setMaxNo(images.length + videos.length);
+    }
+  }, []);
+
+  var scaleNow = function scaleNow() {
+    if (nutImagePreview.current) {
+      nutImagePreview.current.style.transform = "scale(".concat(store.scale, ")");
+    }
+  };
+
+  var onCloseInner = function onCloseInner() {
+    setShowPop(false);
+    setActive(1);
+    scaleNow();
+    onClose && onClose();
+    setStore(_objectSpread(_objectSpread({}, store), {}, {
+      scale: 1
+    }));
+  }; // 计算两个点的距离
+
+
+  var getDistance = function getDistance(first, second) {
+    // 计算两个点起始时刻的距离和终止时刻的距离，终止时刻距离变大了则放大，变小了则缩小
+    // 放大 k 倍则 scale 也 扩大 k 倍
+    return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
+  };
+
+  var slideChangeEnd = function slideChangeEnd(page) {
+    setActive(page + 1);
+  };
+
+  var closeOnImg = function closeOnImg() {
+    // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
+    if (contentClose) {
+      onCloseInner();
+    }
+  };
+
+  return React__default.createElement(Popup, {
+    visible: showPop,
+    popClass: "custom-pop",
+    style: {
+      width: '100%'
+    },
+    onClick: onCloseInner
+  }, React__default.createElement("div", {
+    className: "nut-imagepreview",
+    ref: nutImagePreview,
+    onClick: closeOnImg,
+    onTouchStart: onTouchStart
+  }, React__default.createElement(Swiper, {
+    autoPlay: autoplay,
+    className: "nut-imagepreview-swiper",
+    loop: true,
+    isPreventDefault: false,
+    style: {
+      display: showPop ? 'block' : 'none'
+    },
+    direction: "horizontal",
+    onChange: slideChangeEnd,
+    initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
+    paginationColor: paginationColor,
+    paginationVisible: paginationVisible
+  }, videos && videos.length > 0 && videos.map(function (item, index) {
+    return React__default.createElement(SwiperItem, {
+      key: index
+    }, React__default.createElement(Video, {
+      source: item.source,
+      options: item.options
+    }));
+  }), images && images.length > 0 && images.map(function (item, index) {
+    return React__default.createElement(SwiperItem, {
+      key: index
+    }, React__default.createElement("img", {
+      src: item.src,
+      alt: "",
+      className: "nut-imagepreview-img"
+    }));
+  }))), React__default.createElement("div", {
+    className: "nut-imagepreview-index"
+  }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
+};
+
+ImagePreview.defaultProps = defaultProps;
+ImagePreview.displayName = 'NutImagePreview';
+export { ImagePreview as I };

package/dist/esm/{infiniteloading.taro-0a86819e.js → infiniteloading.taro-067759de.js}

@@ -10,8 +10,8 @@ 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 { 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 = {
   hasMore: true,
   threshold: 200,

package/dist/esm/{input.taro-1d23861d.js → input.taro-505632ac.js}

@@ -8,8 +8,8 @@ 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, useRef, useLayoutEffect, useEffect, useCallback } from 'react';
-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';
 
 function trimExtraChar(value, _char, regExp) {
   var index = value.indexOf(_char);

package/dist/esm/{inputnumber.taro-75662231.js → inputnumber.taro-102203f3.js}

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

package/dist/esm/{menuitem.taro-56bf3205.js → menuitem.taro-0d8f50f9.js}

@@ -8,9 +8,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { O as Overlay } from './overlay.taro-a784329e.js';
+import { O as Overlay } from './overlay.taro-be45fed5.js';
 var defaultProps = {
   className: '',
   style: {},
@@ -99,11 +99,11 @@ var MenuItem = function MenuItem(props) {
   var getParentOffset = function getParentOffset() {
     setTimeout(function () {
       var p = parent.parent().current;
-      var rect = p.getBoundingClientRect();
-      console.log(rect, p.offsetTop, window.screenTop);
-      setPosition({
-        height: rect.height,
-        top: rect.top
+      p.getBoundingClientRect().then(function (rect) {
+        setPosition({
+          height: rect.height,
+          top: rect.top
+        });
       });
     });
   };

package/dist/esm/{navbar.taro-f2eae6a6.js → navbar.taro-2e969a0f.js}

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

package/dist/esm/{noticebar.taro-1890c693.js → noticebar.taro-f8bb6ae8.js}

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { c as cn } from './bem-893ad28d.js';
 import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
 var defaultProps = {

package/dist/esm/{numberkeyboard.taro-5d685c76.js → numberkeyboard.taro-cf7d06f4.js}

@@ -9,8 +9,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 { P as Popup } from './popup-67173ec6.js';
-import { u as useConfig } from './configprovider-9c393a29.js';
+import { P as Popup } from './popup.taro-8363fbae.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
   confirmText: '',
   title: '',