@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/esm/Animate/style/style.css

@@ -0,0 +1 @@
+.nut-animate .nut-ani-container{display:inline-block}.nut-animate [class*=nut-animate-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.nut-animate .nut-animate-slide-right{animation-name:slide-right}@keyframes slide-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nut-animate .nut-animate-slide-left{animation-name:slide-left}@keyframes slide-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.nut-animate .nut-animate-slide-top{animation-name:slide-top}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nut-animate .nut-animate-slide-bottom{animation-name:slide-bottom}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nut-animate .nut-animate-shake{animation-name:shake}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-9px)}20%{transform:translate(8px)}30%{transform:translate(-7px)}40%{transform:translate(6px)}50%{transform:translate(-5px)}60%{transform:translate(4px)}70%{transform:translate(-3px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}.nut-animate .nut-animate-ripple{animation-name:ripple}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.1)}}.nut-animate .nut-animate-breath{animation-name:breath;animation-duration:2.7s;animation-timing-function:ease-in-out;animation-direction:alternate}@keyframes breath{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nut-animate .nut-animate-twinkle{position:relative}.nut-animate .nut-animate-twinkle:after,.nut-animate .nut-animate-twinkle:before{width:60px;height:60px;content:"";box-sizing:border-box;border:4px solid rgba(255,255,255,.6);position:absolute;border-radius:30px;right:50%;margin-top:-15px;margin-right:-30px;z-index:1;transform:scale(0);animation:twinkle 2s ease-out infinite}.nut-animate .nut-animate-twinkle:after{animation-delay:.4s}@keyframes twinkle{0%{transform:scale(0)}20%{opacity:1}50%,to{transform:scale(1.4);opacity:0}}.nut-animate .nut-animate-flicker{position:relative;overflow:hidden}.nut-animate .nut-animate-flicker:after{width:100px;height:60px;position:absolute;left:0;top:0;opacity:.73;content:"";background-image:linear-gradient(106deg,rgba(232,224,255,0) 24%,#e8e0ff 91%);animation:flicker 1.5s linear infinite;transform:skew(-20deg);filter:blur(3px)}@keyframes flicker{0%{transform:translate(-100px) skew(-20deg)}40%,to{transform:translate(150px) skew(-20deg)}}.nut-animate .nut-animate-jump{transform-origin:center center;animation:jump .7s linear}@keyframes jump{0%{animation-timing-function:ease-in;transform:rotate(0) translateY(0)}25%{animation-timing-function:ease-out;transform:rotate(10deg) translateY(20px)}50%{animation-timing-function:ease-in;transform:rotate(0) translateY(-10px)}75%{animation-timing-function:ease-out;transform:rotate(-10deg) translateY(20px)}to{animation-timing-function:ease-in;transform:rotate(0) translateY(0)}}.nut-animate .nut-animate-float{position:relative;animation-name:float-pop}@keyframes float-pop{0%{top:0px}25%{top:1px}50%{top:4px}75%{top:1px}to{top:0px}}.nut-animate .loop{animation-iteration-count:infinite}

package/dist/esm/AnimatingNumbers/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/AnimatingNumbers/style/style.css

@@ -0,0 +1 @@
+.nut-countup__list{display:inline-flex;height:var(--nutui-countup-height, 32px);overflow:hidden}.nut-countup__listitem{height:var(--nutui-countup-height, 32px);overflow:hidden;font-size:var(--nutui-countup-base-size, 18px);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}.nut-countup__number,.nut-countup__separator{display:flex;flex-direction:column;align-items:center}.nut-countup__number span,.nut-countup__separator span{height:var(--nutui-countup-height, 32px);line-height:var(--nutui-countup-height, 32px)}

package/dist/esm/AnimatingNumbers.js

@@ -3,9 +3,9 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["length", "value", "delay", "duration", "className", "thousands", "style"];
 function _createSuper(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct();
   return function _createSuperInternal() {
@@ -56,19 +56,17 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useRef, useMemo, useEffect, Component } from "react";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps$1 = {
-  maxLen: 0,
-  endNumber: "",
-  delaySpeed: 300,
-  easeSpeed: 1,
-  thousands: false,
-  className: ""
-};
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps$1 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  length: 0,
+  value: "",
+  delay: 300,
+  duration: 1,
+  thousands: false
+});
 var CountUp = function CountUp2(props) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), maxLen = _defaultProps$1$props.maxLen, endNumber = _defaultProps$1$props.endNumber, delaySpeed = _defaultProps$1$props.delaySpeed, easeSpeed = _defaultProps$1$props.easeSpeed, className = _defaultProps$1$props.className, thousands = _defaultProps$1$props.thousands, reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
-  var b = cn("countup");
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), length = _defaultProps$1$props.length, value = _defaultProps$1$props.value, delay = _defaultProps$1$props.delay, duration = _defaultProps$1$props.duration, className = _defaultProps$1$props.className, thousands = _defaultProps$1$props.thousands, style = _defaultProps$1$props.style, reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
+  var classPrefix = "nut-countup";
   var countupRef = useRef(null);
   var timerRef = useRef(0);
   var numbers = Array.from({
@@ -77,12 +75,12 @@ var CountUp = function CountUp2(props) {
     return i;
   });
   var getShowNumber = function getShowNumber2() {
-    var splitArr = endNumber.split(".");
-    var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
+    var splitArr = value.split(".");
+    var intNumber = length && splitArr[0].length < length ? (Array(length).join("0") + splitArr[0]).slice(-length) : splitArr[0];
     var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber).concat(splitArr[1] ? "." : "").concat(splitArr[1] || "");
     return currNumber.split("");
   };
-  var numerArr = useMemo(getShowNumber, [endNumber, maxLen, thousands]);
+  var numerArr = useMemo(getShowNumber, [value, length, thousands]);
   var setNumberTransform = function setNumberTransform2() {
     if (countupRef.current) {
       var numberItems = countupRef.current.querySelectorAll(".nut-countup__number");
@@ -101,36 +99,34 @@ var CountUp = function CountUp2(props) {
     }
   };
   var numberEaseStyle = {
-    transition: "transform ".concat(easeSpeed, "s ease-in-out")
+    transition: "transform ".concat(duration, "s ease-in-out")
   };
   useEffect(function() {
     timerRef.current = window.setTimeout(function() {
       setNumberTransform();
-    }, delaySpeed);
+    }, delay);
     return function() {
       window.clearTimeout(timerRef.current);
     };
   }, [numerArr]);
   return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className),
+    className: "".concat(classPrefix, " ").concat(className),
     ref: countupRef
   }, React__default.createElement("ul", {
-    className: b("list")
+    className: "".concat(classPrefix, "__list")
   }, numerArr.map(function(item, idx) {
     return React__default.createElement("li", {
-      className: "".concat(b("listitem", {
-        number: !Number.isNaN(Number(item))
-      })),
+      className: "".concat(classPrefix, "__listitem ").concat(!Number.isNaN(Number(item)) ? "".concat(classPrefix, "__listitem--number") : ""),
       key: idx
     }, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
-      className: b("number"),
+      className: "".concat(classPrefix, "__number"),
       style: numberEaseStyle
     }, [].concat(numbers, numbers).map(function(number, subidx) {
       return React__default.createElement("span", {
         key: subidx
       }, number);
     })) : React__default.createElement("span", {
-      className: b("separator")
+      className: "".concat(classPrefix, "__separator")
     }, item));
   })));
 };

package/dist/esm/Audio/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Audio/style/style.css

@@ -0,0 +1 @@
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0px;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0px;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0px;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-brand-color, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0px;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--nutui-gray-6, #ffffff);border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}

package/dist/esm/Avatar/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Avatar/style/style.css

@@ -0,0 +1 @@
+.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon__img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}

package/dist/esm/Avatar.js

@@ -25,8 +25,8 @@ function _objectSpread(target) {
 }
 import React__default, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
-import { A as AvatarContext } from "./context.js";
 import { My } from "@nutui/icons-react";
+import { A as AvatarContext } from "./context2.js";
 import Image from "./Image.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {

package/dist/esm/AvatarGroup/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/AvatarGroup/style/style.css

@@ -0,0 +1 @@
+.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}

package/dist/esm/AvatarGroup.js

@@ -22,7 +22,7 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import classNames from "classnames";
-import { A as AvatarContext } from "./context.js";
+import { A as AvatarContext } from "./context2.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   maxContent: "",

package/dist/esm/BackTop/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/BackTop/style/style.css

@@ -0,0 +1 @@
+.nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;background:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, #e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center}.nut-backtop.show :active{background:rgba(0,0,0,.1)}.nut-backtop-main{transition:all .2s ease-in-out}

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

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Badge/style/style.css

@@ -0,0 +1 @@
+.nut-badge{position:relative;display:inline-block}.nut-badge__icon{display:flex;position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));top:-20%;right:-20%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px);z-index:var(--nutui-badge-z-index, 1)}.nut-badge__sup{position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 5px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 12px));font-weight:400;text-align:center;line-height:16px;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px)}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}

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

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Barrage/style/style.css

@@ -0,0 +1 @@
+.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a)}.nut-barrage .barrage-item{width:120px;display:block;position:absolute;right:0;padding:3px 25px;border-radius:50px;font-size:12px;text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-gray-3, #bfbfbf),rgba(0,0,0,0));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{transform:translate(var(--move-distance))}}

package/dist/esm/Barrage.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "interval", "loop", "list", "duration", "rows", "gapY"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,33 +24,32 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  barrageList: [],
-  frequency: 500,
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  list: [],
+  interval: 500,
   loop: true,
-  speeds: 3e3,
+  duration: 3e3,
   rows: 3,
-  top: 10
-};
+  gapY: 10
+});
+var classPrefix = "nut-barrage";
 var InternalBarrage = function InternalBarrage2(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 _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 b = cn("barrage");
-  var classes = classNames(className, b(""));
+  var classes = classNames(classPrefix, className);
   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);
+        var _index = index.current % list.length;
+        if (!loop && index.current === list.length) {
+          list.splice(list.length, 0, word);
         } else {
-          barrageList.splice(_index, 0, word);
+          list.splice(_index, 0, word);
         }
       }
     };
@@ -68,27 +67,27 @@ var InternalBarrage = function InternalBarrage2(props, ref) {
     return function() {
       clearInterval(timer.current);
     };
-  }, [barrageList]);
+  }, [list]);
   var run = function run2() {
     clearInterval(timer.current);
     timer.current = window.setTimeout(function() {
       play();
-    }, frequency);
+    }, interval);
   };
   var play = function play2() {
-    if (!loop && index.current >= barrageList.length) {
+    if (!loop && index.current >= list.length) {
       return;
     }
-    var _index = loop ? index.current % barrageList.length : index.current;
+    var _index = loop ? index.current % list.length : index.current;
     var el = document.createElement("div");
-    el.innerHTML = barrageList[_index];
+    el.innerHTML = list[_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.animationDuration = "".concat(duration, "ms");
+    el.style.top = "".concat(_index % rows * (height + gapY) + 20, "px");
     el.style.width = "".concat(width, "px");
     el.addEventListener("animationend", function() {
       barrageContainer.current.removeChild(el);

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

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Button/style/style.css

@@ -0,0 +1 @@
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}

package/dist/esm/Button.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style"];
+var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "nativeType"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -37,12 +37,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
   block: false,
   icon: null,
+  nativeType: "button",
   onClick: function onClick(e) {
   }
 });
 var Button = React__default.forwardRef(function(props, ref) {
   var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, loading = _defaultProps$props.loading, disabled = _defaultProps$props.disabled, type = _defaultProps$props.type, size = _defaultProps$props.size, block = _defaultProps$props.block, icon = _defaultProps$props.icon, children = _defaultProps$props.children, onClick2 = _defaultProps$props.onClick, className = _defaultProps$props.className, style = _defaultProps$props.style, nativeType = _defaultProps$props.nativeType, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var getStyle = useCallback(function() {
     var style2 = {};
     if (props.color) {
@@ -68,6 +69,7 @@ var Button = React__default.forwardRef(function(props, ref) {
     // eslint-disable-next-line react/button-has-type
     React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
       ref,
+      type: nativeType,
       className: classNames(prefixCls, className, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames)),
       style: _objectSpread(_objectSpread({}, getStyle()), style),
       onClick: function onClick3(e) {

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

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Calendar/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n+0),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, #d1d0d0)!important}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;height:62px;width:100%;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;width:100%;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}

package/dist/esm/Calendar.js

@@ -26,9 +26,9 @@ import CalendarItem from "./CalendarItem.js";
 import { U as Utils } from "./date.js";
 import { useConfig } from "./ConfigProvider.js";
 var defaultProps = {
-  type: "one",
-  isAutoBackFill: false,
-  poppable: true,
+  type: "single",
+  autoBackfill: false,
+  popup: true,
   visible: false,
   title: "",
   defaultValue: "",
@@ -40,43 +40,43 @@ var defaultProps = {
   confirmText: "",
   showTitle: true,
   showSubTitle: true,
-  toDateAnimation: true,
-  onBtn: void 0,
-  onDay: void 0,
-  onTopInfo: void 0,
-  onBottomInfo: void 0,
+  scrollAnimation: true,
+  renderHeaderButtons: void 0,
+  renderDay: void 0,
+  renderDayTop: void 0,
+  renderDayBottom: void 0,
   onClose: function onClose() {
   },
-  onChoose: function onChoose(param) {
+  onConfirm: function onConfirm(param) {
   },
-  onSelected: function onSelected(data) {
+  onClickDay: function onClickDay(data) {
   },
-  onYearMonthChange: function onYearMonthChange(param) {
+  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), 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, onClose2 = _defaultProps$props.onClose, onChoose2 = _defaultProps$props.onChoose, onSelected2 = _defaultProps$props.onSelected, onYearMonthChange2 = _defaultProps$props.onYearMonthChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), 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, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onClose2 = _defaultProps$props.onClose, onConfirm2 = _defaultProps$props.onConfirm, onClickDay2 = _defaultProps$props.onClickDay, onPageChange2 = _defaultProps$props.onPageChange;
   var calendarRef = useRef(null);
   var close = function close2() {
     onClose2 && onClose2();
   };
   var choose = function choose2(param) {
     close();
-    onChoose2 && onChoose2(param);
+    onConfirm2 && onConfirm2(param);
   };
   var closePopup = function closePopup2() {
     close();
   };
   var select = function select2(param) {
-    onSelected2 && onSelected2(param);
+    onClickDay2 && onClickDay2(param);
   };
   var scrollToDate = function scrollToDate2(date) {
     var _calendarRef$current;
     (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : _calendarRef$current.scrollToDate(date);
   };
   var yearMonthChange = function yearMonthChange2(param) {
-    onYearMonthChange2 && onYearMonthChange2(param);
+    onPageChange2 && onPageChange2(param);
   };
   React__default.useImperativeHandle(ref, function() {
     return {
@@ -87,8 +87,8 @@ var Calendar = React__default.forwardRef(function(props, ref) {
     return React__default.createElement(CalendarItem, {
       ref: calendarRef,
       type,
-      isAutoBackFill,
-      poppable,
+      autoBackfill,
+      popup,
       title: title || locale.calendaritem.title,
       defaultValue,
       startDate,
@@ -99,17 +99,17 @@ var Calendar = React__default.forwardRef(function(props, ref) {
       confirmText: confirmText || locale.calendaritem.confirm,
       showTitle,
       showSubTitle,
-      toDateAnimation,
-      onBtn,
-      onDay,
-      onTopInfo,
-      onBottomInfo,
-      onChoose: choose,
-      onSelected: select,
-      onYearMonthChange: yearMonthChange
+      scrollAnimation,
+      renderHeaderButtons,
+      renderDay,
+      renderDayTop,
+      renderDayBottom,
+      onConfirm: choose,
+      onClickDay: select,
+      onPageChange: yearMonthChange
     });
   };
-  return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
+  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, {
     visible,
     position: "bottom",
     round: true,

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

@@ -0,0 +1 @@
+