@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/BackTop.js

@@ -1,51 +1,21 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useState, useRef, useEffect } from "react";
 import { Top } from "@nutui/icons-react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { r as requestAniFrame } from "./raf.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  target: "",
-  threshold: 200,
-  zIndex: 900,
-  duration: 1e3
-});
-var BackTop = function BackTop2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, target = _defaultProps$props.target, threshold = _defaultProps$props.threshold, zIndex = _defaultProps$props.zIndex, className = _defaultProps$props.className, duration = _defaultProps$props.duration, style = _defaultProps$props.style, onClick = _defaultProps$props.onClick;
-  var classPrefix = "nut-backtop";
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), backTop = _useState2[0], SetBackTop = _useState2[1];
-  var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), scrollTop = _useState4[0], SetScrollTop = _useState4[1];
-  var startTime = 0;
-  var scrollEl = useRef(null);
-  useEffect(function() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { target: "", threshold: 200, zIndex: 900, duration: 1e3 });
+const BackTop = (props) => {
+  const { children, target, threshold, zIndex, className, duration, style, onClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const classPrefix = "nut-backtop";
+  const [backTop, SetBackTop] = useState(false);
+  const [scrollTop, SetScrollTop] = useState(0);
+  let startTime = 0;
+  const scrollEl = useRef(null);
+  useEffect(() => {
     init();
-    return function() {
-      return removeEventListener();
-    };
+    return () => removeEventListener();
   }, []);
-  var init = function init2() {
+  const init = () => {
     if (target && document.getElementById(target)) {
       scrollEl.current = document.getElementById(target);
     } else {
@@ -54,8 +24,8 @@ var BackTop = function BackTop2(props) {
     addEventListener();
     initCancelAniFrame();
   };
-  var scrollListener = function scrollListener2() {
-    var top = null;
+  const scrollListener = () => {
+    let top = null;
     if (scrollEl.current instanceof Window) {
       top = scrollEl.current.pageYOffset;
       SetScrollTop(top);
@@ -63,11 +33,10 @@ var BackTop = function BackTop2(props) {
       top = scrollEl.current.scrollTop;
       SetScrollTop(top);
     }
-    var showBtn = top >= threshold;
+    const showBtn = top >= threshold;
     SetBackTop(showBtn);
   };
-  var scroll = function scroll2() {
-    var y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+  const scroll = (y = 0) => {
     if (scrollEl.current instanceof Window) {
       window.scrollTo(0, y);
     } else {
@@ -75,10 +44,10 @@ var BackTop = function BackTop2(props) {
       window.scrollTo(0, y);
     }
   };
-  var scrollAnimation = function scrollAnimation2() {
-    var cid = requestAniFrame(function fn() {
-      var t = duration - Math.max(0, startTime - +/* @__PURE__ */ new Date() + duration / 2);
-      var y = t * -scrollTop / duration + scrollTop;
+  const scrollAnimation = () => {
+    let cid = requestAniFrame(function fn() {
+      const t = duration - Math.max(0, startTime - +/* @__PURE__ */ new Date() + duration / 2);
+      const y = t * -scrollTop / duration + scrollTop;
       scroll(y);
       cid = requestAniFrame(fn);
       if (t === duration || y === 0) {
@@ -86,45 +55,35 @@ var BackTop = function BackTop2(props) {
       }
     });
   };
-  var initCancelAniFrame = function initCancelAniFrame2() {
+  const initCancelAniFrame = () => {
     window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
   };
   function addEventListener() {
-    var _scrollEl$current, _scrollEl$current2;
-    (_scrollEl$current = scrollEl.current) === null || _scrollEl$current === void 0 || _scrollEl$current.addEventListener("scroll", scrollListener, false);
-    (_scrollEl$current2 = scrollEl.current) === null || _scrollEl$current2 === void 0 || _scrollEl$current2.addEventListener("resize", scrollListener, false);
+    var _a, _b;
+    (_a = scrollEl.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", scrollListener, false);
+    (_b = scrollEl.current) === null || _b === void 0 ? void 0 : _b.addEventListener("resize", scrollListener, false);
   }
   function removeEventListener() {
-    var _scrollEl$current3, _scrollEl$current4;
-    (_scrollEl$current3 = scrollEl.current) === null || _scrollEl$current3 === void 0 || _scrollEl$current3.removeEventListener("scroll", scrollListener, false);
-    (_scrollEl$current4 = scrollEl.current) === null || _scrollEl$current4 === void 0 || _scrollEl$current4.removeEventListener("resize", scrollListener, false);
+    var _a, _b;
+    (_a = scrollEl.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
+    (_b = scrollEl.current) === null || _b === void 0 ? void 0 : _b.removeEventListener("resize", scrollListener, false);
   }
-  var goTop = function goTop2(e) {
+  const goTop = (e) => {
     onClick && onClick(e);
-    var otime = +/* @__PURE__ */ new Date();
+    const otime = +/* @__PURE__ */ new Date();
     startTime = otime;
     duration > 0 ? scrollAnimation() : scroll();
   };
-  var styles = Object.keys(style || {}).length !== 0 ? _objectSpread({
-    zIndex
-  }, style) : {
+  const styles = Object.keys(style || {}).length !== 0 ? Object.assign({ zIndex }, style) : {
     right: "10px",
     bottom: "20px",
     zIndex
   };
-  return React__default.createElement("div", {
-    className: classNames(classPrefix, {
-      show: backTop
-    }, className),
-    style: styles,
-    onClick: function onClick2(e) {
-      goTop(e);
-    }
-  }, children || React__default.createElement(Top, {
-    width: 19,
-    height: 19,
-    className: "nut-backtop-main"
-  }));
+  return React__default.createElement("div", { className: classNames(classPrefix, {
+    show: backTop
+  }, className), style: styles, onClick: (e) => {
+    goTop(e);
+  } }, children || React__default.createElement(Top, { width: 19, height: 19, className: "nut-backtop-main" }));
 };
 BackTop.defaultProps = defaultProps;
 BackTop.displayName = "NutBackTop";

package/dist/esm/Barrage.js

@@ -1,94 +1,62 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "interval", "loop", "list", "duration", "rows", "gapY"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useRef, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  list: [],
-  interval: 500,
-  loop: true,
-  duration: 3e3,
-  rows: 3,
-  gapY: 10
-});
-var classPrefix = "nut-barrage";
-var InternalBarrage = function InternalBarrage2(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, interval = _defaultProps$props.interval, loop = _defaultProps$props.loop, list = _defaultProps$props.list, duration = _defaultProps$props.duration, rows = _defaultProps$props.rows, gapY = _defaultProps$props.gapY, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var barrageBody = useRef(null);
-  var barrageContainer = useRef(null);
-  var barrageCWidth = useRef(0);
-  var timer = useRef(0);
-  var index = useRef(0);
-  var times = useRef([]);
-  var historyIndex = useRef(-1);
-  var classes = classNames(classPrefix, className);
-  useImperativeHandle(ref, function() {
-    return {
-      add: function add(word) {
-        var _index = index.current % list.length;
-        if (!loop && index.current === list.length) {
-          list.splice(list.length, 0, word);
-        } else {
-          list.splice(_index, 0, word);
-        }
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { list: [], interval: 500, loop: true, duration: 3e3, rows: 3, gapY: 10 });
+const classPrefix = `nut-barrage`;
+const InternalBarrage = (props, ref) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, interval, loop, list, duration, rows, gapY } = _a, restProps = __rest(_a, ["className", "interval", "loop", "list", "duration", "rows", "gapY"]);
+  const barrageBody = useRef(null);
+  const barrageContainer = useRef(null);
+  const barrageCWidth = useRef(0);
+  const timer = useRef(0);
+  const index = useRef(0);
+  const times = useRef([]);
+  const historyIndex = useRef(-1);
+  const classes = classNames(classPrefix, className);
+  useImperativeHandle(ref, () => ({
+    add: (word) => {
+      const _index = index.current % list.length;
+      if (!loop && index.current === list.length) {
+        list.splice(list.length, 0, word);
+      } else {
+        list.splice(_index, 0, word);
       }
-    };
-  });
-  useEffect(function() {
+    }
+  }));
+  useEffect(() => {
     if (barrageBody.current) {
       barrageCWidth.current = barrageBody.current.offsetWidth;
     }
-    setTimeout(function() {
-      var _barrageBody$current;
-      (_barrageBody$current = barrageBody.current) === null || _barrageBody$current === void 0 || _barrageBody$current.style.setProperty("--move-distance", "-".concat(barrageCWidth.current, "px"));
+    setTimeout(() => {
+      var _a2;
+      (_a2 = barrageBody.current) === null || _a2 === void 0 ? void 0 : _a2.style.setProperty("--move-distance", `-${barrageCWidth.current}px`);
       index.current = 0;
       run();
     }, 300);
-    return function() {
+    return () => {
       clearInterval(timer.current);
     };
   }, [list]);
-  var run = function run2() {
+  const run = () => {
     clearInterval(timer.current);
-    var intervalCache = interval;
-    var _index = (loop ? index.current % list.length : index.current) % rows;
-    var result = times.current[_index] - rows * interval;
+    let intervalCache = interval;
+    const _index = (loop ? index.current % list.length : index.current) % rows;
+    const result = times.current[_index] - rows * interval;
     if (result > 0) {
       intervalCache += result;
     }
-    timer.current = window.setTimeout(function() {
+    timer.current = window.setTimeout(() => {
       play();
     }, intervalCache);
   };
-  var play = function play2() {
+  const play = () => {
     if (!loop && index.current >= list.length) {
       return;
     }
-    var _index = loop ? index.current % list.length : index.current;
-    var el = document.createElement("div");
-    var currentIndex = _index % rows;
+    const _index = loop ? index.current % list.length : index.current;
+    const el = document.createElement(`div`);
+    let currentIndex = _index % rows;
     if (currentIndex <= historyIndex.current || historyIndex.current === 3 && currentIndex !== 0 || Math.abs(currentIndex - historyIndex.current) !== 1) {
       currentIndex = historyIndex.current + 1 >= rows ? 0 : historyIndex.current + 1;
     }
@@ -96,29 +64,27 @@ var InternalBarrage = function InternalBarrage2(props, ref) {
     el.innerHTML = list[_index];
     el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
-    var width = el.offsetWidth;
-    var height = el.offsetHeight;
+    const width = el.offsetWidth;
+    const height = el.offsetHeight;
     el.classList.add("move");
-    var elScrollDuration = Math.ceil(width / barrageCWidth.current * duration);
+    const elScrollDuration = Math.ceil(width / barrageCWidth.current * duration);
     times.current[currentIndex] = elScrollDuration;
-    el.style.animationDuration = "".concat(duration + elScrollDuration, "ms");
-    el.style.top = "".concat(currentIndex * (height + gapY) + 20, "px");
-    el.style.width = "".concat(width, "px");
-    el.addEventListener("animationend", function() {
+    el.style.animationDuration = `${duration + elScrollDuration}ms`;
+    el.style.top = `${currentIndex * (height + gapY) + 20}px`;
+    el.style.width = `${width}px`;
+    el.addEventListener("animationend", () => {
       barrageContainer.current.removeChild(el);
     });
     index.current++;
     run();
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    ref: barrageBody
-  }, restProps), React__default.createElement("div", {
-    ref: barrageContainer,
-    className: "bContainer"
-  }));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, ref: barrageBody }, restProps),
+    React__default.createElement("div", { ref: barrageContainer, className: "bContainer" })
+  );
 };
-var Barrage = React__default.forwardRef(InternalBarrage);
+const Barrage = React__default.forwardRef(InternalBarrage);
 Barrage.defaultProps = defaultProps;
 Barrage.displayName = "NutBarrage";
 export {

package/dist/esm/Calendar.js

@@ -1,137 +1,45 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { useRef } from "react";
 import Popup from "./Popup.js";
 import CalendarItem from "./CalendarItem.js";
 import { U as Utils } from "./date.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: "single",
-  autoBackfill: false,
-  popup: true,
-  visible: false,
-  title: "",
-  defaultValue: "",
-  startDate: Utils.getDay(0),
-  endDate: Utils.getDay(365),
-  showToday: true,
-  startText: "",
-  endText: "",
-  confirmText: "",
-  showTitle: true,
-  showSubTitle: true,
-  scrollAnimation: true,
-  firstDayOfWeek: 0,
-  disableDate: function disableDate(date) {
-    return false;
-  },
-  renderHeaderButtons: void 0,
-  renderDay: void 0,
-  renderDayTop: void 0,
-  renderDayBottom: void 0,
-  onClose: function onClose() {
-  },
-  onConfirm: function onConfirm(param) {
-  },
-  onDayClick: function onDayClick(data) {
-  },
-  onPageChange: function onPageChange(param) {
-  }
-});
-var Calendar = React__default.forwardRef(function(props, ref) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, children = _defaultProps$props.children, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, type = _defaultProps$props.type, autoBackfill = _defaultProps$props.autoBackfill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, scrollAnimation = _defaultProps$props.scrollAnimation, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, disableDate2 = _defaultProps$props.disableDate, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onClose2 = _defaultProps$props.onClose, onConfirm2 = _defaultProps$props.onConfirm, onDayClick2 = _defaultProps$props.onDayClick, onPageChange2 = _defaultProps$props.onPageChange;
-  var calendarRef = useRef(null);
-  var close = function close2() {
-    onClose2 && onClose2();
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "single", autoBackfill: false, popup: true, visible: false, title: "", defaultValue: "", startDate: Utils.getDay(0), endDate: Utils.getDay(365), showToday: true, startText: "", endText: "", confirmText: "", showTitle: true, showSubTitle: true, scrollAnimation: true, firstDayOfWeek: 0, disableDate: (date) => false, renderHeaderButtons: void 0, renderDay: void 0, renderDayTop: void 0, renderDayBottom: void 0, onClose: () => {
+}, onConfirm: (param) => {
+}, onDayClick: (data) => {
+}, onPageChange: (param) => {
+} });
+const Calendar = React__default.forwardRef((props, ref) => {
+  const { locale } = useConfig();
+  const { style, className, children, popup, visible, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onClose, onConfirm, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const calendarRef = useRef(null);
+  const close = () => {
+    onClose && onClose();
   };
-  var choose = function choose2(param) {
+  const choose = (param) => {
     close();
-    onConfirm2 && onConfirm2(param);
+    onConfirm && onConfirm(param);
   };
-  var closePopup = function closePopup2() {
+  const closePopup = () => {
     close();
   };
-  var select = function select2(param) {
-    onDayClick2 && onDayClick2(param);
+  const select = (param) => {
+    onDayClick && onDayClick(param);
   };
-  var scrollToDate = function scrollToDate2(date) {
-    var _calendarRef$current;
-    (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 || _calendarRef$current.scrollToDate(date);
+  const scrollToDate = (date) => {
+    var _a;
+    (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.scrollToDate(date);
   };
-  var yearMonthChange = function yearMonthChange2(param) {
-    onPageChange2 && onPageChange2(param);
+  const yearMonthChange = (param) => {
+    onPageChange && onPageChange(param);
   };
-  React__default.useImperativeHandle(ref, function() {
-    return {
-      scrollToDate
-    };
-  });
-  var renderItem = function renderItem2() {
-    return React__default.createElement(CalendarItem, {
-      ref: calendarRef,
-      style,
-      className,
-      children,
-      type,
-      autoBackfill,
-      popup,
-      title: title || locale.calendaritem.title,
-      defaultValue,
-      startDate,
-      endDate,
-      showToday,
-      startText: startText || locale.calendaritem.start,
-      endText: endText || locale.calendaritem.end,
-      confirmText: confirmText || locale.calendaritem.confirm,
-      showTitle,
-      showSubTitle,
-      scrollAnimation,
-      firstDayOfWeek,
-      disableDate: disableDate2,
-      renderHeaderButtons,
-      renderDay,
-      renderDayTop,
-      renderDayBottom,
-      onConfirm: choose,
-      onDayClick: select,
-      onPageChange: yearMonthChange
-    });
+  React__default.useImperativeHandle(ref, () => ({
+    scrollToDate
+  }));
+  const renderItem = () => {
+    return React__default.createElement(CalendarItem, { ref: calendarRef, style, className, children, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onDayClick: select, onPageChange: yearMonthChange });
   };
-  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, {
-    className: "nut-calendar-popup",
-    visible,
-    position: "bottom",
-    round: true,
-    closeable: true,
-    destroyOnClose: true,
-    onOverlayClick: closePopup,
-    onCloseIconClick: closePopup,
-    style: {
-      height: "83%"
-    }
-  }, renderItem()) : renderItem());
+  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" } }, renderItem()) : renderItem());
 });
 Calendar.defaultProps = defaultProps;
 Calendar.displayName = "NutCalendar";