@nutui/nutui-react 1.5.2-beta.0 → 1.5.2-beta.1

package/dist/esm/BackTop.js

@@ -0,0 +1,139 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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, { useState, useRef, useEffect } from 'react';
+import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  bottom: 20,
+  right: 10,
+  elId: 'body',
+  distance: 200,
+  zIndex: 10,
+  isAnimation: true,
+  duration: 1000
+});
+var BackTop = function BackTop(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    bottom = _defaultProps$props.bottom,
+    right = _defaultProps$props.right,
+    elId = _defaultProps$props.elId,
+    distance = _defaultProps$props.distance,
+    zIndex = _defaultProps$props.zIndex,
+    isAnimation = _defaultProps$props.isAnimation,
+    className = _defaultProps$props.className,
+    duration = _defaultProps$props.duration,
+    style = _defaultProps$props.style,
+    onClick = _defaultProps$props.onClick,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
+  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 () {
+    init();
+    return function () {
+      return removeEventListener();
+    };
+  }, []);
+  var init = function init() {
+    if (elId && document.getElementById(elId)) {
+      scrollEl.current = document.getElementById(elId);
+    } else {
+      scrollEl.current = window;
+    }
+    addEventListener();
+    initCancelAniFrame();
+  };
+  var scrollListener = function scrollListener() {
+    var top = null;
+    if (scrollEl.current instanceof Window) {
+      top = scrollEl.current.pageYOffset;
+      SetScrollTop(top);
+    } else {
+      top = scrollEl.current.scrollTop;
+      SetScrollTop(top);
+    }
+    var showBtn = top >= distance;
+    SetBackTop(showBtn);
+  };
+  var scroll = function scroll() {
+    var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    if (scrollEl.current instanceof Window) {
+      window.scrollTo(0, y);
+    } else {
+      scrollEl.current.scrollTop = y;
+      window.scrollTo(0, y);
+    }
+  };
+  var scrollAnimation = function scrollAnimation() {
+    var cid = requestAniFrame()(function fn() {
+      var t = duration - Math.max(0, startTime - +new Date() + duration / 2);
+      var y = t * -scrollTop / duration + scrollTop;
+      scroll(y);
+      cid = requestAniFrame()(fn);
+      if (t === duration || y === 0) {
+        window.cancelAnimationFrame(cid);
+      }
+    });
+  };
+  var initCancelAniFrame = function initCancelAniFrame() {
+    window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
+  };
+  // 防频
+  var requestAniFrame = function requestAniFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
+      window.setTimeout(callback, 1000 / 60);
+    };
+  };
+  // 监听事件
+  function addEventListener() {
+    var _scrollEl$current, _scrollEl$current2;
+    (_scrollEl$current = scrollEl.current) === null || _scrollEl$current === void 0 ? void 0 : _scrollEl$current.addEventListener('scroll', scrollListener, false);
+    (_scrollEl$current2 = scrollEl.current) === null || _scrollEl$current2 === void 0 ? void 0 : _scrollEl$current2.addEventListener('resize', scrollListener, false);
+  }
+  // 移除监听事件
+  function removeEventListener() {
+    var _scrollEl$current3, _scrollEl$current4;
+    (_scrollEl$current3 = scrollEl.current) === null || _scrollEl$current3 === void 0 ? void 0 : _scrollEl$current3.removeEventListener('scroll', scrollListener, false);
+    (_scrollEl$current4 = scrollEl.current) === null || _scrollEl$current4 === void 0 ? void 0 : _scrollEl$current4.removeEventListener('resize', scrollListener, false);
+  }
+  // 返回顶部点击事件
+  var goTop = function goTop(e) {
+    onClick && onClick(e);
+    var otime = +new Date();
+    startTime = otime;
+    isAnimation && duration > 0 ? scrollAnimation() : scroll();
+  };
+  var backTopClass = {
+    right: "".concat(right, "px"),
+    bottom: "".concat(bottom, "px"),
+    zIndex: zIndex
+  };
+  return React__default.createElement("div", {
+    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className || ''),
+    style: _objectSpread(_objectSpread({}, backTopClass), style),
+    onClick: function onClick(e) {
+      goTop(e);
+    }
+  }, children || React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    size: "19px",
+    className: "nut-backtop-main",
+    name: "top"
+  }));
+};
+BackTop.defaultProps = defaultProps;
+BackTop.displayName = 'NutBackTop';
+export { BackTop as default };

package/dist/esm/Badge/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/badge/badge.scss'

package/dist/esm/Badge.js

@@ -0,0 +1,73 @@
+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 classNames from 'classnames';
+import Icon from './Icon.js';
+import { c as cn } from './bem-3b438e61.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  value: '',
+  dot: false,
+  max: 10000,
+  top: '0',
+  right: '0',
+  zIndex: '0',
+  color: '',
+  icons: ''
+});
+var b = cn('badge');
+var Badge = function Badge(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    children = _defaultProps$props.children,
+    dot = _defaultProps$props.dot,
+    top = _defaultProps$props.top,
+    right = _defaultProps$props.right,
+    zIndex = _defaultProps$props.zIndex,
+    color = _defaultProps$props.color,
+    icons = _defaultProps$props.icons,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
+  function content() {
+    if (dot) return undefined;
+    var value = props.value;
+    var max = props.max;
+    if (typeof value === 'number' && typeof max === 'number') {
+      return max < value ? "".concat(max, "+") : value;
+    }
+    return value;
+  }
+  var getStyle = function getStyle() {
+    var style = {};
+    style.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
+    style.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
+    style.zIndex = zIndex;
+    style.background = color;
+    return style;
+  };
+  return React__default.createElement("div", {
+    className: classNames(b(), className),
+    style: style
+  }, icons !== '' && React__default.createElement("div", {
+    className: "slot-icons"
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: "_icon",
+    name: icons,
+    color: "#ffffff",
+    size: "12"
+  })), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: classNames({
+      'is-dot': dot
+    }, b('content'), 'sup'),
+    style: getStyle()
+  }, content()));
+};
+Badge.defaultProps = defaultProps;
+Badge.displayName = 'NutBadge';
+export { Badge as default };

package/dist/esm/Barrage/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/barrage/barrage.scss'

package/dist/esm/Barrage.js

@@ -0,0 +1,99 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
+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, useImperativeHandle, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
+import '@bem-react/classname';
+var defaultProps = {
+  barrageList: [],
+  frequency: 500,
+  loop: true,
+  speeds: 3000,
+  rows: 3,
+  top: 10
+};
+var InternalBarrage = function InternalBarrage(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    frequency = _defaultProps$props.frequency,
+    loop = _defaultProps$props.loop,
+    barrageList = _defaultProps$props.barrageList,
+    speeds = _defaultProps$props.speeds,
+    rows = _defaultProps$props.rows,
+    top = _defaultProps$props.top,
+    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 b = cn('barrage');
+  var classes = classNames(className, b(''));
+  useImperativeHandle(ref, function () {
+    return {
+      add: function add(word) {
+        var _index = index.current % barrageList.length;
+        if (!loop && index.current === barrageList.length) {
+          barrageList.splice(barrageList.length, 0, word);
+        } else {
+          barrageList.splice(_index, 0, word);
+        }
+      }
+    };
+  });
+  useEffect(function () {
+    if (barrageBody.current) {
+      barrageCWidth.current = barrageBody.current.offsetWidth;
+    }
+    setTimeout(function () {
+      var _barrageBody$current;
+      (_barrageBody$current = barrageBody.current) === null || _barrageBody$current === void 0 ? void 0 : _barrageBody$current.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
+      index.current = 0;
+      run();
+    }, 300);
+    return function () {
+      clearInterval(timer.current);
+    };
+  }, [barrageList]);
+  var run = function run() {
+    clearInterval(timer.current);
+    timer.current = window.setTimeout(function () {
+      play();
+    }, frequency);
+  };
+  var play = function play() {
+    if (!loop && index.current >= barrageList.length) {
+      return;
+    }
+    var _index = loop ? index.current % barrageList.length : index.current;
+    var el = document.createElement("div");
+    el.innerHTML = barrageList[_index];
+    el.classList.add('barrage-item');
+    barrageContainer.current.appendChild(el);
+    var width = el.offsetWidth;
+    var height = el.offsetHeight;
+    el.classList.add('move');
+    el.style.animationDuration = "".concat(speeds, "ms");
+    el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
+    el.style.width = "".concat(width, "px");
+    el.addEventListener('animationend', function () {
+      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"
+  }));
+};
+var Barrage = React__default.forwardRef(InternalBarrage);
+Barrage.defaultProps = defaultProps;
+Barrage.displayName = 'NutBarrage';
+export { Barrage as default };

package/dist/esm/Button/style/index.js

@@ -0,0 +1,2 @@
+import '../../Icon/style'
+import '../../../packages/button/button.scss'

package/dist/esm/Button.js

@@ -0,0 +1,109 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "iconSize", "children", "onClick", "className", "style", "iconClassPrefix", "iconFontClassName"];
+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, { useCallback, useState, useEffect } from 'react';
+import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  color: '',
+  shape: 'round',
+  plain: false,
+  loading: false,
+  disabled: false,
+  type: 'default',
+  size: 'normal',
+  block: false,
+  icon: '',
+  iconSize: '16',
+  style: {},
+  children: undefined,
+  onClick: function onClick(e) {}
+});
+var Button = function Button(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    color = _defaultProps$props.color,
+    shape = _defaultProps$props.shape,
+    plain = _defaultProps$props.plain,
+    loading = _defaultProps$props.loading,
+    disabled = _defaultProps$props.disabled,
+    type = _defaultProps$props.type,
+    size = _defaultProps$props.size,
+    block = _defaultProps$props.block,
+    icon = _defaultProps$props.icon,
+    iconSize = _defaultProps$props.iconSize,
+    children = _defaultProps$props.children,
+    onClick = _defaultProps$props.onClick,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var getStyle = useCallback(function () {
+    var style = {};
+    if (color) {
+      if (plain) {
+        style.color = color;
+        style.background = '#fff';
+        if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
+          style.borderColor = color;
+        }
+      } else {
+        style.color = '#fff';
+        style.background = color;
+      }
+    }
+    return style;
+  }, [color, plain]);
+  var classes = useCallback(function () {
+    var prefixCls = 'nut-button';
+    return [prefixCls, "".concat(type ? "".concat(prefixCls, "--").concat(type) : ''), "".concat(size ? "".concat(prefixCls, "--").concat(size) : ''), "".concat(shape ? "".concat(prefixCls, "--").concat(shape) : ''), "".concat(plain ? "".concat(prefixCls, "--plain") : ''), "".concat(block ? "".concat(prefixCls, "--block") : ''), "".concat(disabled ? "".concat(prefixCls, "--disabled") : ''), "".concat(loading ? "".concat(prefixCls, "--loading") : '')].filter(Boolean).join(' ');
+  }, [block, disabled, loading, plain, shape, size, type]);
+  var _useState = useState(classes()),
+    _useState2 = _slicedToArray(_useState, 2),
+    btnName = _useState2[0],
+    setBtnName = _useState2[1];
+  var _useState3 = useState(getStyle()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    btnStyle = _useState4[0],
+    setBtnStyle = _useState4[1];
+  useEffect(function () {
+    setBtnName(classes());
+    setBtnStyle(getStyle());
+  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, iconSize, children, onClick, classes, getStyle]);
+  var handleClick = function handleClick(e) {
+    if (!loading && !disabled && onClick) {
+      onClick(e);
+    }
+  };
+  return (
+    // eslint-disable-next-line react/button-has-type
+    React__default.createElement("button", _objectSpread(_objectSpread({
+      className: "".concat(btnName, " ").concat(className),
+      style: _objectSpread(_objectSpread({}, btnStyle), style)
+    }, rest), {}, {
+      onClick: function onClick(e) {
+        return handleClick(e);
+      }
+    }), React__default.createElement("div", {
+      className: "nut-button__warp"
+    }, loading && React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: "loading"
+    }), !loading && icon ? React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: icon,
+      size: iconSize
+    }) : '', children && React__default.createElement("div", {
+      className: icon || loading ? 'text' : ''
+    }, children)))
+  );
+};
+Button.defaultProps = defaultProps;
+Button.displayName = 'NutButton';
+export { Button as default };

package/dist/esm/Calendar/style/index.js

@@ -0,0 +1,2 @@
+import '../../Popup/style'
+import '../../../packages/calendar/calendar.scss'

package/dist/esm/Calendar.js

@@ -0,0 +1,129 @@
+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, { useRef } from 'react';
+import Popup from './Popup.js';
+import CalendarItem from './CalendarItem.js';
+import { U as Utils } from './date-c7aad4c0.js';
+import { useConfig } from './ConfigProvider.js';
+var defaultProps = {
+  type: 'one',
+  isAutoBackFill: false,
+  poppable: true,
+  visible: false,
+  title: '',
+  defaultValue: '',
+  startDate: Utils.getDay(0),
+  endDate: Utils.getDay(365),
+  showToday: true,
+  startText: '',
+  endText: '',
+  confirmText: '',
+  showTitle: true,
+  showSubTitle: true,
+  toDateAnimation: true,
+  onBtn: undefined,
+  onDay: undefined,
+  onTopInfo: undefined,
+  onBottomInfo: undefined,
+  onClose: function onClose() {},
+  onChoose: function onChoose(param) {},
+  onSelected: function onSelected(data) {},
+  onYearMonthChange: function onYearMonthChange(param) {}
+};
+var Calendar = React__default.forwardRef(function (props, ref) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    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,
+    showToday = _defaultProps$props.showToday,
+    startText = _defaultProps$props.startText,
+    endText = _defaultProps$props.endText,
+    confirmText = _defaultProps$props.confirmText,
+    showTitle = _defaultProps$props.showTitle,
+    showSubTitle = _defaultProps$props.showSubTitle,
+    toDateAnimation = _defaultProps$props.toDateAnimation,
+    onBtn = _defaultProps$props.onBtn,
+    onDay = _defaultProps$props.onDay,
+    onTopInfo = _defaultProps$props.onTopInfo,
+    onBottomInfo = _defaultProps$props.onBottomInfo,
+    onClose = _defaultProps$props.onClose,
+    onChoose = _defaultProps$props.onChoose,
+    onSelected = _defaultProps$props.onSelected,
+    onYearMonthChange = _defaultProps$props.onYearMonthChange;
+  var calendarRef = useRef(null);
+  var close = function close() {
+    onClose && onClose();
+  };
+  var choose = function choose(param) {
+    close();
+    onChoose && onChoose(param);
+  };
+  var closePopup = function closePopup() {
+    close();
+  };
+  var select = function select(param) {
+    onSelected && onSelected(param);
+  };
+  var scrollToDate = function scrollToDate(date) {
+    var _calendarRef$current;
+    (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : _calendarRef$current.scrollToDate(date);
+  };
+  var yearMonthChange = function yearMonthChange(param) {
+    onYearMonthChange && onYearMonthChange(param);
+  };
+  React__default.useImperativeHandle(ref, function () {
+    return {
+      scrollToDate: scrollToDate
+    };
+  });
+  var renderItem = function renderItem() {
+    return React__default.createElement(CalendarItem, {
+      ref: calendarRef,
+      type: type,
+      isAutoBackFill: isAutoBackFill,
+      poppable: poppable,
+      title: title || locale.calendaritem.title,
+      defaultValue: defaultValue,
+      startDate: startDate,
+      endDate: endDate,
+      showToday: showToday,
+      startText: startText || locale.calendaritem.start,
+      endText: endText || locale.calendaritem.end,
+      confirmText: confirmText || locale.calendaritem.confirm,
+      showTitle: showTitle,
+      showSubTitle: showSubTitle,
+      toDateAnimation: toDateAnimation,
+      onBtn: onBtn,
+      onDay: onDay,
+      onTopInfo: onTopInfo,
+      onBottomInfo: onBottomInfo,
+      onChoose: choose,
+      onSelected: select,
+      onYearMonthChange: yearMonthChange
+    });
+  };
+  return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
+    visible: visible,
+    position: "bottom",
+    round: true,
+    duration: 0.5,
+    closeable: true,
+    destroyOnClose: true,
+    onClickOverlay: closePopup,
+    onClickCloseIcon: closePopup,
+    style: {
+      height: '85vh'
+    }
+  }, renderItem()) : renderItem());
+});
+Calendar.defaultProps = defaultProps;
+Calendar.displayName = 'NutCalendar';
+export { Calendar as default };

package/dist/esm/CalendarItem/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/calendaritem/calendaritem.scss'