@nutui/nutui-react 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/esm/Steps.js

@@ -24,7 +24,7 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context2.js";
+import { D as DataContext } from "./context3.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   value: 0,

package/dist/esm/SubSideNavBar/style/style.css

@@ -1 +1 @@
-.nut-theme-dark .nut-subsidenavbar{background-color:#141414}.nut-theme-dark .nut-subsidenavbar__title{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-subsidenavbar__title__text{color:#e6e6e6}.nut-subsidenavbar__title{height:40px;padding:10px 8px 10px 35px;background:#f7f8fa}.nut-subsidenavbar__list.nutShow .nut-subsidenavbar__content{height:auto;overflow:inherit}.nut-subsidenavbar__list.nutHide .nut-subsidenavbar__content{height:0;overflow:hidden}
+.nut-subsidenavbar__title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);background-color:var(--nutui-sidenavbar-sub-title-background, var(--nutui-gray-5, #f8f8f8));color:var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box}.nut-subsidenavbar__list.sidenavbar-show .nut-subsidenavbar__content{height:auto;overflow:inherit}.nut-subsidenavbar__list.sidenavbar-hide .nut-subsidenavbar__content{height:0;overflow:hidden}

package/dist/esm/SubSideNavBar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "key", "children", "onClick", "open"];
+var _excluded = ["title", "value", "children", "onClick", "open"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -23,19 +23,19 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
-import { O as OffsetContext, h as handleClick } from "./offsetContext.js";
+import { O as OffsetContext, h as handleClick } from "./context.js";
 var defaultProps = {
   open: true
 };
 var SubSideNavBar = function SubSideNavBar2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, key = _defaultProps$props.key, children = _defaultProps$props.children, onClick = _defaultProps$props.onClick, open = _defaultProps$props.open, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-subsidenavbar";
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, value = _defaultProps$props.value, children = _defaultProps$props.children, onClick = _defaultProps$props.onClick, open = _defaultProps$props.open, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var offset = useContext(OffsetContext);
-  console.log("offset>>>>>>>", offset);
   var listRef = useRef(null);
   var setListLevel = useCallback(function(nodeList) {
     var level = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
     var titleClass = nodeList[0].className;
-    if (titleClass.includes("nut-subsidenavbar__title")) {
+    if (titleClass.includes("".concat(classPrefix, "__title"))) {
       var left = offset * (level + 1);
       nodeList[0].style.paddingLeft = "".concat(left, "px");
     }
@@ -44,11 +44,11 @@ var SubSideNavBar = function SubSideNavBar2(props) {
     });
     childNodes.forEach(function(item) {
       var itemClass = item.className;
-      if (itemClass.includes("nut-subsidenavbar__item")) {
+      if (itemClass.includes("".concat(classPrefix, "__item"))) {
         var _left = offset * (level + 2);
         item.style.paddingLeft = "".concat(_left, "px");
       }
-      if (itemClass.includes("nut-subsidenavbar__list")) {
+      if (itemClass.includes("".concat(classPrefix, "__list"))) {
         var level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
         level2 += 1;
         item.setAttribute("level", level2.toString());
@@ -59,10 +59,10 @@ var SubSideNavBar = function SubSideNavBar2(props) {
   var clickFn = function clickFn2(e) {
     handleClick(e);
     var currentClass = e.currentTarget.className;
-    var isShow = currentClass.includes("nutShow");
+    var isShow = currentClass.includes("sidenavbar-show");
     onClick && onClick({
       title,
-      key,
+      value,
       isShow
     });
   };
@@ -72,18 +72,18 @@ var SubSideNavBar = function SubSideNavBar2(props) {
     (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
-  var divClass = open ? "nut-subsidenavbar__list  nutShow" : "nut-subsidenavbar__list  nutHide";
+  var divClass = open ? "".concat(classPrefix, "__list sidenavbar-show") : "".concat(classPrefix, "__list sidenavbar-hide");
   var iconClass = open ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
   return React__default.createElement("div", _objectSpread({
     className: divClass,
     ref: listRef,
     onClick: clickFn
   }, rest), React__default.createElement("div", {
-    className: "nut-subsidenavbar__title border-bt"
+    className: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt")
   }, title, " ", React__default.createElement("i", {
     className: iconClass
   })), React__default.createElement("div", {
-    className: "nut-subsidenavbar__content"
+    className: "".concat(classPrefix, "__content")
   }, children));
 };
 export {

package/dist/esm/Swiper.js

@@ -26,7 +26,7 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useState, useMemo, useEffect } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context3.js";
+import { D as DataContext } from "./context4.js";
 import { g as getRect } from "./use-client-rect.js";
 import Indicator from "./Indicator.js";
 var defaultProps = {

package/dist/esm/SwiperItem.js

@@ -22,7 +22,7 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context3.js";
+import { D as DataContext } from "./context4.js";
 import { c as cn } from "./bem.js";
 import "@bem-react/classname";
 var defaultProps = {

package/dist/esm/TextArea/style/style.css

@@ -1 +1 @@
-.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:var(--nutui-gray-6, #ffffff);font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 14px));padding:var(--nutui-textarea-padding, 10px 25px)}.nut-textarea__disabled .nut-textarea__textarea,.nut-textarea__disabled .nut-textarea__limit{cursor:not-allowed;color:var(--nutui-textarea-disabled-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-textarea__limit{position:absolute;right:15px;bottom:12px;font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 14px));color:var(--nutui-textarea-limit-color, var(--nutui-gray-2, #757575))}.nut-textarea__textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 14px));color:var(--nutui-textarea-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-textarea-text-curror-color, "$title-color");text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea__textarea .taro-textarea{background-color:transparent;resize:none}.nut-textarea .cpoyText{position:absolute;top:-999999px;left:-999999px}
+.nut-textarea{position:relative;width:100%;box-sizing:border-box;display:flex;background:var(--nutui-gray-6, #ffffff);font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 14px));padding:var(--nutui-textarea-padding, 10px 25px)}.nut-textarea__disabled .nut-textarea__textarea,.nut-textarea__disabled .nut-textarea__limit{cursor:not-allowed;color:var(--nutui-textarea-disabled-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-textarea__limit{position:absolute;right:15px;bottom:12px;font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 14px));color:var(--nutui-textarea-limit-color, var(--nutui-gray-2, #757575))}.nut-textarea__textarea{outline:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;font-size:var(--nutui-textarea-font, var(--nutui-font-size-2, 14px));color:var(--nutui-textarea-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-textarea-text-curror-color, var(--nutui-gray-1, #1a1a1a));text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea__textarea .taro-textarea{background-color:transparent;resize:none}.nut-textarea .cpoyText{position:absolute;top:-999999px;left:-999999px}

package/dist/esm/TimeSelect/style/style.css

@@ -1 +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__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, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-timepannel{background-color:#141414;color:#828282}.nut-theme-dark .nut-timepannel--curr{background-color:#141414;color:#e6e6e6}.nut-timepannel{height:var(--nutui-timeselect-timepannel-height, 40px);line-height:40px;text-align:center;color:var(--nutui-timeselect-timepannel-text-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-timepannel-font-size, var(--nutui-font-size-2, 14px))}.nut-theme-dark .nut-timedetail{background-color:#1f1f1f}.nut-theme-dark .nut-timedetail__detail__list__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__detail__list__item--curr{color:var(--nutui-timeselect-timedetail-item-cur-text-color, var(--nutui-brand-color, #fa2c19))}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:100px;height:50px;line-height:50px;text-align:center;margin-right:10px;margin-bottom:10px;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a);border-radius:5px;font-size:14px;border:1px solid transparent;font-weight:700}.nut-timedetail__item-active{background-color:#fa2c19}.nut-timedetail__item-active{background-color:var(--nutui-brand-color-opacity);border:1px solid var(--nutui-brand-color, #fa2c19);color:var(--nutui-brand-color, #fa2c19)}.nut-theme-dark .nut-timeselect{background-color:#1f1f1f}.nut-theme-dark .nut-timeselect__title{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left{background-color:#141414;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left .nut-timepannel-active{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item-active{background-color:#fa2c19}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-2, 14px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:140px;min-width:140px;height:100%;overflow:auto;background-color:var(--nutui-gray-5, #f8f8f8);color:var(--nutui-gray-1, #1a1a1a)}.nut-timeselect__content-left .nut-timepannel-active{background-color:var(--nutui-brand-color, #fa2c19)}.nut-timeselect .nut-timepannel-active{background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}
+.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__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, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@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-theme-dark .nut-timepannel{background-color:#141414;color:#828282}.nut-theme-dark .nut-timepannel--curr{background-color:#141414;color:#e6e6e6}.nut-timepannel{height:var(--nutui-timeselect-timepannel-height, 40px);line-height:40px;text-align:center;color:var(--nutui-timeselect-timepannel-text-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-timepannel-font-size, var(--nutui-font-size-2, 14px))}.nut-theme-dark .nut-timedetail{background-color:#1f1f1f}.nut-theme-dark .nut-timedetail__detail__list__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__detail__list__item--curr{color:var(--nutui-timeselect-timedetail-item-cur-text-color, var(--nutui-brand-color, #fa2c19))}.nut-timedetail{display:flex;align-content:flex-start;flex-wrap:wrap;padding:0 0 50px 13px}.nut-timedetail__item{width:100px;height:50px;line-height:50px;text-align:center;margin-right:10px;margin-bottom:10px;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a);border-radius:5px;font-size:14px;border:1px solid transparent;font-weight:700}.nut-timedetail__item-active{background-color:#fa2c19}.nut-timedetail__item-active{background-color:var(--nutui-brand-color-opacity);border:1px solid var(--nutui-brand-color, #fa2c19);color:var(--nutui-brand-color, #fa2c19)}.nut-theme-dark .nut-timeselect{background-color:#1f1f1f}.nut-theme-dark .nut-timeselect__title{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left{background-color:#141414;color:#e6e6e6}.nut-theme-dark .nut-timeselect__content-left .nut-timepannel-active{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item{background-color:#0a0a0a;color:#e6e6e6}.nut-theme-dark .nut-timedetail__item-active{background-color:#fa2c19}.nut-timeselect{background-color:var(--nutui-gray-6, #ffffff);display:flex;flex-direction:column;height:100%}.nut-timeselect__title{height:var(--nutui-timeselect-title-height, 50px);line-height:var(--nutui-timeselect-title-line-height, 50px);margin-bottom:10px;font-size:var(--nutui-timeselect-title-font-size, var(--nutui-font-size-2, 14px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);text-align:center}.nut-timeselect__content{display:flex;flex:1}.nut-timeselect__content-left{width:140px;min-width:140px;height:100%;overflow:auto;background-color:var(--nutui-gray-5, #f8f8f8);color:var(--nutui-gray-1, #1a1a1a)}.nut-timeselect__content-left .nut-timepannel-active{background-color:var(--nutui-brand-color, #fa2c19)}.nut-timeselect .nut-timepannel-active{background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);font-weight:700}

package/dist/esm/TrendArrow/style/style.css

@@ -1 +1 @@
-.nut-trendarrow{display:inline-block;font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow__icon-before{margin-right:var(--nutui-trendarrow-before-icon-margin, 4px)}.nut-trendarrow__icon-after{margin-left:var(--nutui-trendarrow-before-icon-margin, 4px)}.nut-trendarrow__rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}
+.nut-trendarrow{display:inline-flex;align-items:center;font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow__icon-before{margin-right:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__icon-after{margin-left:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}

package/dist/esm/TrendArrow.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["rate", "digits", "showSign", "showZero", "arrowLeft", "syncTextColor", "textColor", "riseColor", "dropColor", "upIcon", "downIcon", "className", "children"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["value", "digits", "symbol", "zero", "arrowLeft", "syncColor", "color", "riseColor", "dropColor", "riseIcon", "downIcon", "className", "style", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,32 +24,28 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import { TriangleUp, TriangleDown } from "@nutui/icons-react";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  rate: 0,
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: 0,
   digits: 2,
-  showSign: false,
-  showZero: false,
+  symbol: false,
+  zero: false,
   arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
+  syncColor: true,
+  color: "#333",
   riseColor: "#fa2c19",
   dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
-};
+  riseIcon: null,
+  downIcon: null
+});
 var TrendArrow = function TrendArrow2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), rate = _defaultProps$props.rate, digits = _defaultProps$props.digits, showSign = _defaultProps$props.showSign, showZero = _defaultProps$props.showZero, arrowLeft = _defaultProps$props.arrowLeft, syncTextColor = _defaultProps$props.syncTextColor, textColor = _defaultProps$props.textColor, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, upIcon = _defaultProps$props.upIcon, downIcon = _defaultProps$props.downIcon, className = _defaultProps$props.className, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("trendarrow");
-  var handleClick = function handleClick2() {
-  };
-  var rateTrend = useRef(rate > 0);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), value = _defaultProps$props.value, digits = _defaultProps$props.digits, symbol = _defaultProps$props.symbol, zero = _defaultProps$props.zero, arrowLeft = _defaultProps$props.arrowLeft, syncColor = _defaultProps$props.syncColor, color = _defaultProps$props.color, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, riseIcon = _defaultProps$props.riseIcon, downIcon = _defaultProps$props.downIcon, className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-trendarrow";
+  var rateTrend = useRef(value > 0);
   var myFixed = function myFixed2(num) {
     var digit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
     if (Object.is(parseFloat(num), NaN)) {
-      return console.log("传入的值：".concat(num, "不是一个数字"));
+      return console.warn("传入的值：".concat(num, "不是一个数字"));
     }
     num = parseFloat(num);
     var numPow = Math.pow(10, digit);
@@ -57,21 +53,21 @@ var TrendArrow = function TrendArrow2(props) {
   };
   var calcStyle = function() {
     var arrowColor = rateTrend.current ? riseColor : dropColor;
-    var textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    var style = {
-      color: rate === 0 ? textColor : textEquArrowColor
+    var textEquArrowColor = syncColor ? arrowColor : color;
+    var style2 = {
+      color: value === 0 ? color : textEquArrowColor
     };
-    return style;
+    return style2;
   }();
   var calcRate = function() {
-    rateTrend.current = rate > 0;
-    var absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
+    rateTrend.current = value > 0;
+    var absRate = Math.abs(value);
+    if (!zero && value === 0) {
       return "--";
     }
     var resultRate = "".concat(
       // eslint-disable-next-line no-nested-ternary
-      showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""
+      symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""
     ).concat(myFixed(Number(absRate), digits), "%");
     return resultRate;
   }();
@@ -84,17 +80,16 @@ var TrendArrow = function TrendArrow2(props) {
   var renderContent = function renderContent2(arrowLeft2) {
     var classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
     return React__default.createElement("span", {
-      className: "".concat(b(classNameSuffix), " ").concat(b("rate")),
+      className: "".concat(classPrefix, "__").concat(classNameSuffix, " ").concat(classPrefix, "__value"),
       style: calcStyle
     }, calcRate);
   };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), {}, {
-    onClick: handleClick
-  }), !arrowLeft && renderContent(!arrowLeft), children || React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend ? React__default.createElement(TriangleUp, {
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classPrefix, " ").concat(className),
+    style
+  }, rest), !arrowLeft && renderContent(!arrowLeft), Number(value) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend.current ? React__default.createElement(React__default.Fragment, null, riseIcon || React__default.createElement(TriangleUp, {
     color: calcIconProps.color
-  }) : React__default.createElement(TriangleDown, {
+  })) : React__default.createElement(React__default.Fragment, null, downIcon || React__default.createElement(TriangleDown, {
     color: calcIconProps.color
   }))), arrowLeft && renderContent(!arrowLeft));
 };

package/dist/esm/Video.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "source", "options", "className", "play", "pause", "playend", "onPlay", "onPause", "onPlayEnd"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "source", "options", "className", "onPlay", "onPause", "onPlayEnd"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,9 +24,8 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useEffect } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   source: {
     type: {},
     src: ""
@@ -39,12 +38,12 @@ var defaultProps = {
     playsinline: false,
     loop: false
   }
-};
+});
+var classPrefix = "nut-video";
 var Video = function Video2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, source = _defaultProps$props.source, options = _defaultProps$props.options, className = _defaultProps$props.className, play = _defaultProps$props.play, pause = _defaultProps$props.pause, playend = _defaultProps$props.playend, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, source = _defaultProps$props.source, options = _defaultProps$props.options, className = _defaultProps$props.className, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var rootRef = useRef(null);
-  var b = cn("video");
-  var classes = classNames(className, b(""));
+  var classes = classNames(className, classPrefix);
   useEffect(function() {
     init();
   }, []);
@@ -64,16 +63,13 @@ var Video = function Video2(props) {
       }
       videoRef.addEventListener("play", function() {
         onPlay && onPlay(videoRef);
-        play && play(videoRef);
       });
       videoRef.addEventListener("pause", function() {
         onPause && onPause(videoRef);
-        pause && pause(videoRef);
       });
       videoRef.addEventListener("ended", function() {
         videoRef.currentTime = 0;
         onPlayEnd && onPlayEnd(videoRef);
-        playend && playend(videoRef);
       });
     }
   };

package/dist/esm/WaterMark.js

@@ -24,9 +24,8 @@ function _objectSpread(target) {
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   content: "",
   fullPage: true,
   zIndex: 2e3,
@@ -38,19 +37,17 @@ var defaultProps = {
   imageWidth: 120,
   imageHeight: 64,
   rotate: -22,
-  fontColor: "rgba(0,0,0,.15)",
+  color: "rgba(0,0,0,.15)",
   fontStyle: "normal",
-  fontFamily: "PingFang SC",
   fontWeight: "normal",
   fontSize: 14
-};
+});
 var WaterMark = function WaterMark2(props) {
-  var _classNames;
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), content = _defaultProps$props.content, fullPage = _defaultProps$props.fullPage, zIndex = _defaultProps$props.zIndex, className = _defaultProps$props.className, gapX = _defaultProps$props.gapX, gapY = _defaultProps$props.gapY, width = _defaultProps$props.width, height = _defaultProps$props.height, image = _defaultProps$props.image, imageWidth = _defaultProps$props.imageWidth, imageHeight = _defaultProps$props.imageHeight, rotate = _defaultProps$props.rotate, fontColor = _defaultProps$props.fontColor, fontStyle = _defaultProps$props.fontStyle, fontFamily = _defaultProps$props.fontFamily, fontWeight = _defaultProps$props.fontWeight, fontSize = _defaultProps$props.fontSize, style = _defaultProps$props.style, children = _defaultProps$props.children;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), content = _defaultProps$props.content, fullPage = _defaultProps$props.fullPage, zIndex = _defaultProps$props.zIndex, className = _defaultProps$props.className, gapX = _defaultProps$props.gapX, gapY = _defaultProps$props.gapY, width = _defaultProps$props.width, height = _defaultProps$props.height, image = _defaultProps$props.image, imageWidth = _defaultProps$props.imageWidth, imageHeight = _defaultProps$props.imageHeight, rotate = _defaultProps$props.rotate, color = _defaultProps$props.color, fontStyle = _defaultProps$props.fontStyle, fontFamily = _defaultProps$props.fontFamily, fontWeight = _defaultProps$props.fontWeight, fontSize = _defaultProps$props.fontSize, style = _defaultProps$props.style;
   var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), base64Url = _useState2[0], setBase64Url = _useState2[1];
-  var b = cn("watermark");
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b("")), true), _defineProperty(_classNames, "".concat(b(""), "-full-page"), fullPage), _classNames));
+  var classPrefix = "nut-watermark";
+  var classes = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-full-page"), fullPage));
   var cls = classNames(classes, className);
   useEffect(function() {
     init();
@@ -85,7 +82,7 @@ var WaterMark = function WaterMark2(props) {
         ctx.rotate(Math.PI / 180 * Number(rotate));
         var markSize = Number(fontSize) * ratio;
         ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
-        ctx.fillStyle = fontColor;
+        ctx.fillStyle = color;
         ctx.fillText(content, 0, 0);
         ctx.restore();
         setBase64Url(canvas.toDataURL());

package/dist/esm/context.js

@@ -1,5 +1,19 @@
 import { createContext } from "react";
-var AvatarContext = createContext({});
+var handleClick = function handleClick2(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes("arrow-icon");
+  var isTitle = e.target.className.includes("__title") || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes("sidenavbar-show");
+  var arrowIcon = e.currentTarget.querySelector(".arrow-icon");
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace("sidenavbar-show", "sidenavbar-hide") : currentClass.replace("sidenavbar-hide", "sidenavbar-show");
+    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
+  }
+};
+var OffsetContext = createContext(20);
 export {
-  AvatarContext as A
+  OffsetContext as O,
+  handleClick as h
 };

package/dist/esm/context2.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-var DataContext = createContext({});
+var AvatarContext = createContext({});
 export {
-  DataContext as D
+  AvatarContext as A
 };

package/dist/esm/context4.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+var DataContext = createContext({});
+export {
+  DataContext as D
+};

package/dist/esm/index.js

@@ -8,7 +8,16 @@ var isFunction = function isFunction2(val) {
 var isPromise = function isPromise2(val) {
   return isObject(val) && isFunction(val.then) && isFunction(val["catch"]);
 };
+var upperCaseFirst = function upperCaseFirst2(str) {
+  var str = str.toLowerCase();
+  str = str.replace(/\b\w+\b/g, function(word) {
+    return word.substring(0, 1).toUpperCase() + word.substring(1);
+  });
+  return str;
+};
 export {
-  isObject as a,
-  isPromise as i
+  isFunction as a,
+  isObject as b,
+  isPromise as i,
+  upperCaseFirst as u
 };

package/dist/esm/types/src/packages/animatingnumbers/countup.d.ts

@@ -1,11 +1,10 @@
-import React, { FunctionComponent } from 'react';
-export interface CountUpProps {
-    maxLen: number;
-    endNumber: string;
-    delaySpeed?: number;
-    easeSpeed: number;
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface CountUpProps extends BasicComponent {
+    length: number;
+    value: string;
+    delay?: number;
+    duration: number;
     thousands: boolean;
-    className: string;
-    style: React.CSSProperties;
 }
 export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

package/dist/esm/types/src/packages/animatingnumbers/countup.taro.d.ts

@@ -1,11 +1,10 @@
-import React, { FunctionComponent } from 'react';
-export interface CountUpProps {
-    maxLen: number;
-    endNumber: string;
-    delaySpeed?: number;
-    easeSpeed: number;
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface CountUpProps extends BasicComponent {
+    length: number;
+    value: string;
+    delay?: number;
+    duration: number;
     thousands: boolean;
-    className: string;
-    style: React.CSSProperties;
 }
 export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

package/dist/esm/types/src/packages/animatingnumbers/demo.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import './demo.scss';
 declare const AnimatingNumbersDemo: () => JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/esm/types/src/packages/animatingnumbers/demo.taro.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import '@/packages/animatingnumbers/demo.scss';
 declare const AnimatingNumbersDemo: () => JSX.Element;
 export default AnimatingNumbersDemo;

package/dist/esm/types/src/packages/animatingnumbers/index.d.ts

@@ -1,2 +1,3 @@
 import { AnimatingNumbers } from './animatingnumbers';
+export type { CountUpProps } from './countup';
 export default AnimatingNumbers;

package/dist/esm/types/src/packages/animatingnumbers/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { AnimatingNumbers } from './animatingnumbers.taro';
+export type { CountUpProps } from './countup.taro';
 export default AnimatingNumbers;

package/dist/esm/types/src/packages/avatargroup/avatargroup.taro.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface AvatarGroupProps extends BasicComponent {
+    maxContent: string;
+    max: string | number;
+    maxBackground: string;
+    maxColor: string;
+    size: 'large' | 'normal' | 'small';
+    shape: 'round' | 'square';
+    gap: string;
+    level: 'left' | 'right';
+}
+export declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/avatargroup/index.taro.d.ts

@@ -1,2 +1,2 @@
-import { AvatarGroup } from './avatargroup';
+import { AvatarGroup } from './avatargroup.taro';
 export default AvatarGroup;

package/dist/esm/types/src/packages/barrage/barrage.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-export interface BarrageProps {
-    className: string;
-    style: React.CSSProperties;
-    barrageList: Array<string>;
-    frequency: number;
+import { BasicComponent } from '@/utils/typings';
+export interface BarrageProps extends BasicComponent {
+    list: Array<string>;
+    interval: number;
     loop: boolean;
-    speeds: number;
+    duration: number;
     rows: number;
-    top: number;
+    gapY: number;
 }
 export declare const Barrage: React.ForwardRefExoticComponent<Partial<BarrageProps> & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/barrage/barrage.taro.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-export interface BarrageProps {
-    className: string;
-    style: React.CSSProperties;
-    barrageList: Array<string>;
-    frequency: number;
+import { BasicComponent } from '@/utils/typings';
+export interface BarrageProps extends BasicComponent {
+    list: Array<string>;
+    interval: number;
     loop: boolean;
-    speeds: number;
+    duration: number;
     rows: number;
-    top: number;
+    gapY: number;
 }
 export declare const Barrage: React.ForwardRefExoticComponent<Partial<BarrageProps> & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/barrage/index.d.ts

@@ -1,2 +1,3 @@
 import { Barrage } from './barrage';
+export type { BarrageProps } from './barrage';
 export default Barrage;

package/dist/esm/types/src/packages/barrage/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { Barrage } from './barrage.taro';
+export type { BarrageProps } from './barrage.taro';
 export default Barrage;

package/dist/esm/types/src/packages/button/button.d.ts

@@ -14,6 +14,7 @@ export interface ButtonProps extends BasicComponent {
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
+    id: string;
     onClick: (e: MouseEvent) => void;
 }
 export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;