@nutui/nutui-react-taro 1.3.0 → 1.3.1-beta.2

package/dist/esm/Uploader.js

@@ -1,9 +1,9 @@
-import { U as Uploader } from './uploader.taro-ece83a00.js';
-export { U as default } from './uploader.taro-ece83a00.js';
+import { U as Uploader } from './uploader.taro-f7528535.js';
+export { U as default } from './uploader.taro-f7528535.js';
 import 'react';
 import 'classnames';
 import './icon-8dc4de10.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
-import './configprovider-18657611.js';
-import './zh-CN-f5124686.js';
+import './configprovider-9c393a29.js';
+import './zh-CN-91090ae2.js';

package/dist/esm/VirtualList.js

@@ -1,5 +1,5 @@
-import { V as VirtualList } from './virtuallist.taro-2ff1a5ad.js';
-export { V as default } from './virtuallist.taro-2ff1a5ad.js';
+import { V as VirtualList } from './virtuallist.taro-ce9619f9.js';
+export { V as default } from './virtuallist.taro-ce9619f9.js';
 import 'react';
-import './configprovider-18657611.js';
-import './zh-CN-f5124686.js';
+import './configprovider-9c393a29.js';
+import './zh-CN-91090ae2.js';

package/dist/esm/{address.taro-a1092e30.js → address.taro-4765a826.js}

@@ -15,7 +15,7 @@ import React__default, { useEffect, createContext, useRef, useState } from 'reac
 import { I as Icon } from './icon-8dc4de10.js';
 import { P as Popup } from './popup-67173ec6.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps$3 = {
   type: 'custom',
   existAddress: [],
@@ -236,10 +236,12 @@ 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;
+    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0; // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
+
+    var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
     setCodeIndex(cacheIndex);
     scrollTo(cacheIndex);
+    e.preventDefault();
   };
 
   var touchEnd = function touchEnd() {
@@ -330,6 +332,17 @@ var Elevator = function Elevator(props) {
     if (state.current.fixedTop === fixedTop) return;
     state.current.fixedTop = fixedTop;
   }, [state.current.diff, titleHeight]);
+  var refIndexBar = useRef(null); // 之前的代码, 手指在index条上下移动的时候, 下面的列表也会跟随滚动, 需要阻止默认事件
+  // 如果使用react的touchmove, 没有找到可以设置passive的选项, 无法阻止默认事件, 所以使用了原生的方法进行添加
+
+  useEffect(function () {
+    refIndexBar.current && refIndexBar.current.addEventListener('touchmove', touchMove, {
+      passive: false
+    });
+    return function () {
+      refIndexBar.current && refIndexBar.current.removeEventListener('touchmove', touchMove);
+    };
+  }, []);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
   }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
@@ -368,12 +381,10 @@ var Elevator = function Elevator(props) {
       current: true
     })
   }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
+    ref: refIndexBar,
     className: b('bars'),
     onTouchStart: function onTouchStart(event) {
       return touchStart(event);
-    },
-    onTouchMove: function onTouchMove(event) {
-      return touchMove(event);
     }
   }, React__default.createElement("div", {
     className: b('bars__inner')

package/dist/esm/audio.taro-cd6cc93b.js

@@ -0,0 +1,292 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "url", "style", "muted", "autoplay", "loop", "preload", "type", "onFastBack", "onForward", "onPause", "onPlayEnd", "onMute", "onCanPlay", "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, { useState, useRef, useEffect } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { R as Range } from './range.taro-fe08c5f4.js';
+import { c as cn } from './bem-893ad28d.js';
+import { B as Button } from './button.taro-d5968f9d.js';
+import { u as useConfig } from './configprovider.taro-1ff7f150.js';
+var defaultProps = {
+  className: '',
+  url: '',
+  style: {},
+  muted: false,
+  autoplay: false,
+  loop: false,
+  preload: 'auto',
+  type: 'progress',
+  onFastBack: function onFastBack(e) {},
+  onForward: function onForward(e) {},
+  onPause: function onPause(e) {},
+  onPlayEnd: function onPlayEnd(e) {},
+  onMute: function onMute(e) {},
+  onCanPlay: function onCanPlay(e) {}
+};
+
+var Audio = function Audio(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      url = _defaultProps$props.url,
+      style = _defaultProps$props.style,
+      muted = _defaultProps$props.muted,
+      autoplay = _defaultProps$props.autoplay,
+      loop = _defaultProps$props.loop,
+      preload = _defaultProps$props.preload,
+      type = _defaultProps$props.type,
+      onFastBack = _defaultProps$props.onFastBack,
+      onForward = _defaultProps$props.onForward,
+      onPause = _defaultProps$props.onPause,
+      onPlayEnd = _defaultProps$props.onPlayEnd,
+      onMute = _defaultProps$props.onMute,
+      onCanPlay = _defaultProps$props.onCanPlay,
+      children = _defaultProps$props.children,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      playing = _useState2[0],
+      setPlaying = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      percent = _useState4[0],
+      setPercent = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isCanPlay = _useState6[0],
+      setIsCanPlay = _useState6[1];
+
+  var _useState7 = useState('00:00:00'),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentDuration = _useState8[0],
+      setCurrentDuration = _useState8[1];
+
+  var AudioRef = useRef(null);
+  var statusRef = useRef({
+    currentTime: 0,
+    currentDuration: '00:00:00',
+    percent: 0,
+    duration: '00:00:00',
+    second: 0,
+    hanMuted: props.muted,
+    playing: props.autoplay,
+    handPlaying: false
+  });
+  var b = cn('audio');
+  var warn = console.warn;
+
+  var handleEnded = function handleEnded(e) {
+    if (props.loop) {
+      warn(locale.audio.tips || 'onPlayEnd事件在loop=false时才会触发');
+    } else {
+      props.onPlayEnd && props.onPlayEnd(e);
+    }
+  };
+
+  function watch() {
+    if (AudioRef && AudioRef.current) {
+      var current = AudioRef.current;
+      current.addEventListener('play', function () {
+        setPlaying(true);
+      });
+    }
+  }
+
+  useEffect(function () {
+    watch();
+  }, []);
+  useEffect(function () {}, [currentDuration]);
+
+  var handleStatusChange = function handleStatusChange() {
+    setPlaying(!playing);
+
+    if (playing) {
+      AudioRef && AudioRef.current && AudioRef.current.pause();
+    } else {
+      AudioRef && AudioRef.current && AudioRef.current.play();
+    }
+  };
+
+  var renderIcon = function renderIcon() {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      className: b('icon')
+    }, React__default.createElement("div", {
+      className: "".concat(b('icon-box'), " ").concat(playing ? b('icon-play') : b('icon-stop')),
+      onClick: handleStatusChange
+    }, playing ? React__default.createElement(Icon, {
+      name: "service",
+      className: "nut-icon-loading"
+    }) : React__default.createElement(Icon, {
+      name: "service"
+    }))));
+  };
+
+  var handleBack = function handleBack() {
+    if (statusRef.current.currentTime > 0 && AudioRef.current) {
+      statusRef.current.currentTime--;
+      AudioRef.current.currentTime = statusRef.current.currentTime;
+      props.onFastBack && props.onFastBack(AudioRef.current);
+    }
+  };
+
+  var handleForward = function handleForward() {
+    if (AudioRef.current) {
+      statusRef.current.currentTime++;
+      AudioRef.current.currentTime = statusRef.current.currentTime;
+      props.onForward && props.onForward(AudioRef.current);
+    }
+  };
+
+  var handleMute = function handleMute() {
+    if (AudioRef.current) {
+      AudioRef.current.muted = !AudioRef.current.muted;
+      props.onMute && props.onMute(AudioRef.current);
+    }
+  };
+
+  var handlePause = function handlePause(e) {
+    setPlaying(false);
+    props.onPause && props.onPause(e);
+  };
+
+  var formatSeconds = function formatSeconds(value) {
+    if (!value) {
+      return '00:00:00';
+    }
+
+    var time = parseInt(value);
+    var hours = Math.floor(time / 3600);
+    var minutes = Math.floor((time - hours * 3600) / 60);
+    var seconds = time - hours * 3600 - minutes * 60;
+    var result = '';
+    result += "".concat("0".concat(hours.toString()).slice(-2), ":");
+    result += "".concat("0".concat(minutes.toString()).slice(-2), ":");
+    result += "0".concat(seconds.toString()).slice(-2);
+    return result;
+  };
+
+  var renderProgerss = function renderProgerss() {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      className: b('progress')
+    }, React__default.createElement("div", {
+      className: "time"
+    }, currentDuration), React__default.createElement("div", {
+      className: b('progress-bar-wrapper')
+    }, React__default.createElement(Range, {
+      modelValue: percent,
+      hiddenTag: true,
+      hiddenRange: true,
+      "inactive-color": "#cccccc",
+      "active-color": "#fa2c19"
+    })), React__default.createElement("div", {
+      className: "time"
+    }, AudioRef.current ? formatSeconds("".concat(statusRef.current.second)) : '00:00:00')), React__default.createElement("div", {
+      className: isCanPlay ? 'custom-button-group' : 'custom-button-group-disable'
+    }, React__default.createElement(Button, {
+      type: "primary",
+      size: "small",
+      className: "back",
+      onClick: handleBack
+    }, locale.audio.back || '快退'), React__default.createElement(Button, {
+      type: "primary",
+      size: "small",
+      className: "start",
+      onClick: handleStatusChange
+    }, playing ? "".concat(locale.audio.pause || '暂停') : "".concat(locale.audio.start || '开始')), React__default.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: handleForward
+    }, locale.audio.forward || '快进'), React__default.createElement(Button, {
+      type: AudioRef.current && AudioRef.current.muted ? 'default' : 'primary',
+      size: "small",
+      onClick: handleMute
+    }, locale.audio.mute || '静音')));
+  };
+
+  var renderNone = function renderNone() {
+    return React__default.createElement("div", {
+      className: b('none-container'),
+      onClick: handleStatusChange
+    }, children);
+  };
+
+  var renderAudio = function renderAudio() {
+    switch (type) {
+      case 'icon':
+        return renderIcon();
+
+      case 'progress':
+        return renderProgerss();
+
+      case 'none':
+        return renderNone();
+
+      default:
+        return null;
+    }
+  };
+
+  var handleCanplay = function handleCanplay(e) {
+    setIsCanPlay(true);
+
+    if (props.autoplay && !playing) {
+      AudioRef && AudioRef.current && AudioRef.current.play();
+    }
+
+    if (AudioRef.current) {
+      statusRef.current.second = AudioRef.current.duration || 0;
+      props.onCanPlay && props.onCanPlay(e);
+    }
+  };
+
+  var onTimeupdate = function onTimeupdate(e) {
+    var time = parseInt(e.target.currentTime);
+    var formated = formatSeconds("".concat(time));
+    statusRef.current.currentDuration = formated;
+    setPercent(time / statusRef.current.second * 100);
+    setCurrentDuration(formated);
+    statusRef.current.currentTime = time;
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className),
+    style: style
+  }, rest), renderAudio(), React__default.createElement("audio", {
+    className: "audioMain",
+    controls: type === 'controls',
+    ref: AudioRef,
+    src: url,
+    muted: muted,
+    preload: preload,
+    loop: loop,
+    onPause: function onPause(e) {
+      return handlePause(e);
+    },
+    onEnded: function onEnded(e) {
+      return handleEnded(e);
+    },
+    onCanPlay: function onCanPlay(e) {
+      return handleCanplay(e);
+    },
+    onTimeUpdate: function onTimeUpdate(e) {
+      return onTimeupdate(e);
+    }
+  }, React__default.createElement("track", {
+    kind: "captions"
+  })));
+};
+
+Audio.defaultProps = defaultProps;
+Audio.displayName = 'NutAudio';
+export { Audio as A };

package/dist/esm/{avatargroup-65173caa.js → avatargroup-1ca79066.js}

@@ -8,7 +8,7 @@ import React__default, { useRef } from 'react';
 import classNames from 'classnames';
 import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps = {
   maxContent: '',
   maxCount: '',

package/dist/esm/calendar.taro-1abb1925.js

@@ -0,0 +1,89 @@
+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; }
+
+import React__default from 'react';
+import { P as Popup } from './popup-67173ec6.js';
+import { U as Utils, C as CalendarItem } from './calendaritem.taro-3c06a809.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
+var defaultProps = {
+  type: 'one',
+  isAutoBackFill: false,
+  poppable: true,
+  visible: false,
+  title: '日历选择',
+  defaultValue: '',
+  startDate: Utils.getDay(0),
+  endDate: Utils.getDay(365),
+  onClose: function onClose() {},
+  onChoose: function onChoose(param) {}
+};
+
+var Calendar = function Calendar(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      poppable = _defaultProps$props.poppable,
+      visible = _defaultProps$props.visible,
+      type = _defaultProps$props.type,
+      isAutoBackFill = _defaultProps$props.isAutoBackFill,
+      title = _defaultProps$props.title,
+      defaultValue = _defaultProps$props.defaultValue,
+      startDate = _defaultProps$props.startDate,
+      endDate = _defaultProps$props.endDate,
+      onClose = _defaultProps$props.onClose,
+      onChoose = _defaultProps$props.onChoose;
+
+  var close = function close() {
+    onClose && onClose();
+  };
+
+  var update = function update() {};
+
+  var choose = function choose(param) {
+    close();
+    onChoose && onChoose(param);
+  };
+
+  var closePopup = function closePopup() {
+    close();
+  };
+
+  return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
+    visible: visible,
+    position: "bottom",
+    round: true,
+    closeable: true,
+    onClickOverlay: closePopup,
+    onClickCloseIcon: closePopup
+  }, React__default.createElement(CalendarItem, {
+    type: type,
+    isAutoBackFill: isAutoBackFill,
+    poppable: poppable,
+    title: locale.calendaritem.title || title,
+    defaultValue: defaultValue,
+    startDate: startDate,
+    endDate: endDate,
+    onUpdate: update,
+    onClose: close,
+    onChoose: choose
+  })) : React__default.createElement(CalendarItem, {
+    type: type,
+    isAutoBackFill: isAutoBackFill,
+    poppable: poppable,
+    title: locale.calendaritem.title,
+    defaultValue: defaultValue,
+    startDate: startDate,
+    endDate: endDate,
+    onClose: close,
+    onChoose: choose
+  }));
+};
+
+Calendar.defaultProps = defaultProps;
+Calendar.displayName = 'NutCalendar';
+export { Calendar as C };

package/dist/esm/{calendaritem.taro-fe84d94b.js → calendaritem.taro-3c06a809.js}

@@ -11,8 +11,133 @@ 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 { U as Utils, r as requestAniFrame } from './raf-3fbb5f92.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
+import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
+var Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
+  isLeapYear: function isLeapYear(y) {
+    return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
+  },
+
+  /**
+   * 返回星期数
+   * @return {String}
+   */
+  getWhatDay: function getWhatDay(year, month, day) {
+    var date = new Date("".concat(year, "/").concat(month, "/").concat(day));
+    var index = date.getDay();
+    var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+    return dayNames[index];
+  },
+
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
+  getMonthPreDay: function getMonthPreDay(year, month) {
+    var date = new Date("".concat(year, "/").concat(month, "/01"));
+    var day = date.getDay();
+
+    if (day == 0) {
+      day = 7;
+    }
+
+    return day;
+  },
+
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
+  getMonthDays: function getMonthDays(year, month) {
+    if (/^0/.test(month)) {
+      month = month.split('')[1];
+    }
+
+    return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+  },
+
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
+  getNumTwoBit: function getNumTwoBit(n) {
+    n = Number(n);
+    return (n > 9 ? '' : '0') + n;
+  },
+
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
+  date2Str: function date2Str(date, split) {
+    split = split || '-';
+    var y = date.getFullYear();
+    var m = this.getNumTwoBit(date.getMonth() + 1);
+    var d = this.getNumTwoBit(date.getDate());
+    return [y, m, d].join(split);
+  },
+
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
+  getDay: function getDay(i) {
+    i = i || 0;
+    var date = new Date();
+    var diff = i * (1000 * 60 * 60 * 24);
+    date = new Date(date.getTime() + diff);
+    return this.date2Str(date);
+  },
+
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
+  compareDate: function compareDate(date1, date2) {
+    var startTime = new Date(date1.replace('-', '/').replace('-', '/'));
+    var endTime = new Date(date2.replace('-', '/').replace('-', '/'));
+
+    if (startTime >= endTime) {
+      return false;
+    }
+
+    return true;
+  },
+
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
+  isEqual: function isEqual(date1, date2) {
+    var startTime = new Date(date1).getTime();
+    var endTime = new Date(date2).getTime();
+
+    if (startTime == endTime) {
+      return true;
+    }
+
+    return false;
+  }
+};
+
+function requestAniFrame() {
+  if (typeof window !== 'undefined') {
+    return window.requestAnimationFrame || function (callback) {
+      window.setTimeout(callback, 1000 / 60);
+    };
+  }
+
+  return function (callback) {
+    setTimeout(callback, 1000 / 60);
+  };
+}
+
+var requestAniFrame$1 = requestAniFrame();
 var defaultProps = {
   type: 'one',
   isAutoBackFill: false,
@@ -278,7 +403,7 @@ var CalendarItem = function CalendarItem(props) {
       return false;
     }
 
-    requestAniFrame( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    requestAniFrame$1( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var weeksPanelRes, monthsDoms, i;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -290,7 +415,7 @@ var CalendarItem = function CalendarItem(props) {
               }
 
               _context.next = 3;
-              return weeksPanel === null || weeksPanel === void 0 ? void 0 : weeksPanel.current.getBoundingClientRect();
+              return getRectByTaro(weeksPanel === null || weeksPanel === void 0 ? void 0 : weeksPanel.current);
 
             case 3:
               weeksPanelRes = _context.sent;
@@ -555,4 +680,4 @@ var CalendarItem = function CalendarItem(props) {
 
 CalendarItem.defaultProps = defaultProps;
 CalendarItem.displayName = 'NutCalendarItem';
-export { CalendarItem as C };
+export { CalendarItem as C, Utils as U };