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

package/dist/esm/Step.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "className", "renderContent"];
+var _excluded = ["children", "title", "description", "value", "icon", "className"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,41 +24,38 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext2.js";
-import { c as cn } from "./bem.js";
+import { D as DataContext } from "./context3.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: "",
-  content: "",
-  activeIndex: 0,
-  icon: ""
+  description: "",
+  value: 0,
+  icon: null
 });
 var Step = function Step2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, content = _defaultProps$props.content, activeIndex = _defaultProps$props.activeIndex, icon = _defaultProps$props.icon, className = _defaultProps$props.className, renderContent = _defaultProps$props.renderContent, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, description = _defaultProps$props.description, value = _defaultProps$props.value, icon = _defaultProps$props.icon, className = _defaultProps$props.className, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var parent = useContext(DataContext);
-  var dot = parent.propSteps.progressDot;
+  var dot = parent.propSteps.dot;
   var getCurrentStatus = function getCurrentStatus2() {
-    var index = activeIndex;
-    if (index < +parent.propSteps.current)
+    var index = value;
+    if (index < +parent.propSteps.value)
       return "finish";
-    return index === +parent.propSteps.current ? "process" : "wait";
+    return index === +parent.propSteps.value ? "process" : "wait";
   };
   var handleClickStep = function handleClickStep2() {
-    var _parent$propSteps, _parent$propSteps2, _parent$propSteps3, _parent$propSteps4;
-    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onClickStep) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onClickStep(activeIndex));
-    ((_parent$propSteps3 = parent.propSteps) === null || _parent$propSteps3 === void 0 ? void 0 : _parent$propSteps3.clickStep) && ((_parent$propSteps4 = parent.propSteps) === null || _parent$propSteps4 === void 0 ? void 0 : _parent$propSteps4.clickStep(activeIndex));
+    var _parent$propSteps, _parent$propSteps2;
+    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onStepClick) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onStepClick(value));
   };
-  var b = cn("step");
-  var classes = classNames(_defineProperty({}, "".concat(b(""), "-").concat(getCurrentStatus()), true), className, b(""));
+  var classPrefix = "nut-step";
+  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "-").concat(getCurrentStatus()), true), className, classPrefix);
   var renderIconClass = function renderIconClass2() {
-    if (!dot && icon) {
-      return "nut-step-icon is-icon";
+    if (icon) {
+      return "".concat(classPrefix, "-icon is-icon");
     }
     if (!dot && !icon) {
-      return "nut-step-icon is-text";
+      return "".concat(classPrefix, "-icon is-text");
     }
-    return "nut-step-icon";
+    return "".concat(classPrefix, "-icon");
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: classes
@@ -70,17 +67,15 @@ var Step = function Step2(props) {
     className: "nut-step-line"
   }), React__default.createElement("div", {
     className: renderIconClass()
-  }, React__default.isValidElement(icon) ? icon : !dot && React__default.createElement("span", {
+  }, icon || !dot && React__default.createElement("span", {
     className: "nut-step-inner"
-  }, activeIndex))), React__default.createElement("div", {
+  }, value))), React__default.createElement("div", {
     className: "nut-step-main"
   }, React__default.createElement("span", {
     className: "nut-step-title"
-  }, title), content && React__default.createElement("span", {
-    className: "nut-step-content"
-  }, content), renderContent && React__default.createElement("span", {
-    className: "nut-step-content"
-  }, renderContent())));
+  }, title), description && React__default.createElement("span", {
+    className: "nut-step-description"
+  }, description)));
 };
 Step.defaultProps = defaultProps;
 Step.displayName = "NutStep";

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

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

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

@@ -1,2 +1,2 @@
-
+import '../../Step/style'
 import '../../../packages/steps/steps.scss'

package/dist/esm/Steps/style/style.css

@@ -0,0 +1 @@
+.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:var(--nutui-steps-base-icon-margin-bottom, 12px)}.nut-step-line{position:absolute;top:calc(var(--nutui-steps-base-icon-height, 25px) / 2);left:calc(50% + (100% - var(--nutui-steps-base-line-width, 100%)) / 2);height:var(--nutui-steps-base-line-height, 1px);width:var(--nutui-steps-base-line-width, 100%);background:var(--nutui-steps-base-line-background, #909ca4)}.nut-step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--nutui-steps-base-icon-width, 25px);height:var(--nutui-steps-base-icon-height, 25px);line-height:var(--nutui-steps-base-icon-line-height, 25px);font-size:var(--nutui-steps-base-icon-font-size, 13px);background-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);border-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);color:var(--nutui-steps-wait-icon-color, var(--nutui-gray-6, #ffffff));z-index:1}.nut-step-icon .nut-icon{width:100%;height:100%}.nut-step-icon.is-text,.nut-step-icon.is-icon{border-radius:50%;border-width:1px;border-style:solid}.nut-step-main{display:inline-block;padding-left:10%;padding-right:10%;text-align:center}.nut-step-main .nut-step-description{color:var(--nutui-gray-1, #1a1a1a)}.nut-step-title{display:block;margin-bottom:var(--nutui-steps-base-title-margin-bottom, 10px);font-size:var(--nutui-steps-base-title-font-size, 14px);color:var(--nutui-steps-base-title-color, var(--nutui-gray-1, #1a1a1a))}.nut-step-description{display:block;font-size:var(--nutui-steps-base-description-font-size, 12px);color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-step:last-child .nut-step-line{display:none}.nut-step.nut-step-process .nut-step-icon{background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-steps-process-icon-color, var(--nutui-gray-6, #ffffff))}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-steps-process-title-font-size, 14px);font-weight:var(--nutui-steps-process-title-font-weight, 400)}.nut-step.nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-brand-text-color, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-steps-finish-icon-color, var(--nutui-brand-color, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-brand-color, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-brand-color, #fa2c19))}.nut-steps-dot .nut-step-head{margin:var(--nutui-steps-dot-head-margin, 7px 0 0 0)}.nut-steps-dot .nut-step-line{top:7px}.nut-steps-dot .nut-step-icon{width:var(--nutui-steps-dot-icon-width, 6px);height:var(--nutui-steps-dot-icon-height, 6px);border:var(--nutui-steps-dot-icon-border, 2px solid var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-sizing:content-box}.nut-steps-dot .nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-brand-text-color, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-brand-color, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-color, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--nutui-brand-color-end, #fa2c19);border-radius:50%;opacity:.23}.nut-steps-horizontal.nut-steps-dot .nut-step-line{top:50%;bottom:-50%}.nut-steps-vertical .nut-step{display:flex;height:33.34%}.nut-steps-vertical .nut-step-line{position:absolute;display:inline-block;width:1px;height:100%;background:#909ca4}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}.nut-steps-vertical .nut-step-main .nut-step-description{color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-steps{display:flex}.nut-steps-vertical{height:100%;flex-flow:column}

package/dist/esm/Steps.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep", "onClickStep"];
+var _excluded = ["children", "value", "direction", "className", "dot", "onStepClick"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,23 +24,22 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext2.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  current: 0,
+import { D as DataContext } from "./context3.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: 0,
   direction: "horizontal",
-  progressDot: false
-};
+  dot: false
+});
 var Steps = function Steps2(props) {
   var _classNames;
   var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = propSteps.children, current = propSteps.current, direction = propSteps.direction, className = propSteps.className, progressDot = propSteps.progressDot, clickStep = propSteps.clickStep, onClickStep = propSteps.onClickStep, restProps = _objectWithoutProperties(propSteps, _excluded);
+  var children = propSteps.children, value = propSteps.value, direction = propSteps.direction, className = propSteps.className, dot = propSteps.dot, onStepClick = propSteps.onStepClick, restProps = _objectWithoutProperties(propSteps, _excluded);
   var parentSteps = {
     propSteps
   };
-  var b = cn("steps");
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(""), "-").concat(direction), true), _defineProperty(_classNames, "".concat(b(""), "-dot"), !!props.progressDot), _classNames), className, b(""));
+  var classPrefix = "nut-steps";
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(direction), true), _defineProperty(_classNames, "".concat(classPrefix, "-dot"), !!props.dot), _classNames), className, classPrefix);
   return React__default.createElement(DataContext.Provider, {
     value: parentSteps
   }, React__default.createElement("div", _objectSpread({

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

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

package/dist/esm/Sticky/style/style.css

@@ -0,0 +1 @@
+.nut-sticky--fixed{position:fixed}

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

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

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

@@ -0,0 +1 @@
+.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/Swipe/style/css.js

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

package/dist/esm/Swipe/style/style.css

@@ -0,0 +1 @@
+.nut-swipe{position:relative;overflow:hidden;cursor:grab}.nut-swipe__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.nut-swipe__wrapper .nut-button{height:100%}.nut-swipe__wrapper .nut-cell{margin:0}.nut-swipe__left,.nut-swipe__right{position:absolute;top:0;height:100%}.nut-swipe__left{left:0;transform:translate3d(-100%,0,0)}.nut-swipe__right{right:0;transform:translate3d(101%,0,0)}

package/dist/esm/Swipe.js

@@ -23,10 +23,8 @@ function _objectSpread(target) {
 }
 import React__default, { forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
 import { u as useTouch } from "./use-touch.js";
 import { g as getRect } from "./use-client-rect.js";
-import "@bem-react/classname";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
@@ -39,7 +37,7 @@ var defaultProps = {
   name: ""
 };
 var Swipe = forwardRef(function(props, instanceRef) {
-  var swipeBem = cn("swipe");
+  var classPrefix = "nut-swipe";
   var touch = useTouch();
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style;
   var root = useRef();
@@ -173,7 +171,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
     if (props["".concat(side, "Action")]) {
       return React__default.createElement("div", {
         ref: measuredRef,
-        className: "".concat(swipeBem(side)),
+        className: "".concat(classPrefix, "__").concat(side),
         onClick: function onClick(e) {
           return handleOperate(e, side);
         }
@@ -215,7 +213,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
   }, []);
   return React__default.createElement("div", {
     ref: root,
-    className: classNames(swipeBem(), className),
+    className: classNames(classPrefix, className),
     onTouchStart: function onTouchStart(e) {
       return _onTouchStart(e);
     },
@@ -227,7 +225,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
     },
     style
   }, React__default.createElement("div", {
-    className: "".concat(swipeBem("wrapper")),
+    className: "".concat(classPrefix, "__wrapper"),
     style: wrapperStyle
   }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
 });

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

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

package/dist/esm/Swiper/style/style.css

@@ -0,0 +1 @@
+.nut-swiper-item{height:100%}.nut-swiper{position:relative;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;overflow:hidden}.nut-swiper__inner{display:flex;height:100%}.nut-swiper__vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-swiper__indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%)}.nut-swiper__indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%)}

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 "./context2.js";
+import { D as DataContext } from "./context4.js";
 import { g as getRect } from "./use-client-rect.js";
 import Indicator from "./Indicator.js";
 var defaultProps = {
@@ -37,7 +37,7 @@ var defaultProps = {
   autoPlay: 0,
   direction: "horizontal",
   indicator: false,
-  loop: true,
+  loop: false,
   touchable: true,
   preventDefault: true,
   stopPropagation: true,
@@ -134,10 +134,12 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     resetPosition();
     resetTouchDetails();
     requestFrame(function() {
-      swiperRef.current.moving = false;
-      move({
-        pace: -1,
-        isEmit: true
+      requestFrame(function() {
+        swiperRef.current.moving = false;
+        move({
+          pace: -1,
+          isEmit: true
+        });
       });
     });
   };
@@ -145,10 +147,12 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     resetPosition();
     resetTouchDetails();
     requestFrame(function() {
-      swiperRef.current.moving = false;
-      move({
-        pace: 1,
-        isEmit: true
+      requestFrame(function() {
+        swiperRef.current.moving = false;
+        move({
+          pace: 1,
+          isEmit: true
+        });
       });
     });
   };
@@ -156,16 +160,18 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     resetPosition();
     resetTouchDetails();
     requestFrame(function() {
-      swiperRef.current.moving = false;
-      var targetIndex;
-      if (props.loop && childCount === index) {
-        targetIndex = active === 0 ? 0 : index;
-      } else {
-        targetIndex = index % childCount;
-      }
-      move({
-        pace: targetIndex - active,
-        isEmit: true
+      requestFrame(function() {
+        swiperRef.current.moving = false;
+        var targetIndex;
+        if (props.loop && childCount === index) {
+          targetIndex = active === 0 ? 0 : index;
+        } else {
+          targetIndex = index % childCount;
+        }
+        move({
+          pace: targetIndex - active,
+          isEmit: true
+        });
       });
     });
   };
@@ -330,7 +336,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     startPlay();
   };
   useEffect(function() {
-    swiperRef.current.activePagination = (active + childCount) % childCount;
+    swiperRef.current.activeIndicator = (active + childCount) % childCount;
   }, [active]);
   var init = function init2() {
     var active2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +propSwiper.defaultValue;
@@ -414,7 +420,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     if (indicator === true) {
       var _classNames2;
       return React__default.createElement("div", {
-        className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__pagination"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__pagination-vertical"), isVertical), _classNames2))
+        className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__indicator"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__indicator-vertical"), isVertical), _classNames2))
       }, React__default.createElement(Indicator, {
         current: (active + childCount) % childCount,
         total: childs === null || childs === void 0 ? void 0 : childs.length,

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

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

package/dist/esm/SwiperItem/style/style.css

@@ -0,0 +1 @@
+.nut-swiper-item{height:100%}

package/dist/esm/SwiperItem.js

@@ -22,18 +22,16 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./context2.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
+import { D as DataContext } from "./context4.js";
 var defaultProps = {
   direction: "horizontal"
 };
 var SwiperItem = React__default.forwardRef(function(props, ref) {
+  var classPrefix = "nut-swiper-item";
   var _props = _objectSpread(_objectSpread({}, defaultProps), props);
   var className = _props.className, style = _props.style, children = _props.children, direction = _props.direction, size = _props.size;
   var parent = useContext(DataContext);
-  var b = cn("swiper-item");
-  var classes = classNames(b(""), className);
+  var classes = classNames(classPrefix, className);
   var getStyle = function getStyle2() {
     var style2 = {};
     var _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;

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

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

package/dist/esm/Switch/style/style.css

@@ -0,0 +1 @@
+.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-brand-color, #fa2c19));border-radius:var(--nutui-switch-border-radius, 21px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch.switch-close{background-color:var(--nutui-switch-close-background-color, #ebebeb)}.nut-switch.switch-close .close-line{background:var(--nutui-switch-close-line-bg-color, #f0f0f0);border-radius:2px}.nut-switch .switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nutui-brand-text-color, #ffffff);transition:transform .3s}.nut-switch__label{color:var(--nutui-brand-text-color, #ffffff);font-size:var(--nutui-font-size-1, 12px)}.nut-switch__label.open{transform:translate(-16px)}.nut-switch__label.close{transform:translate(16px)}.nut-switch-disabled{opacity:.6}.nut-switch-base{width:var(--nutui-switch-width, 36px);height:var(--nutui-switch-height, 21px);line-height:var(--nutui-switch-line-height, 21px)}.nut-switch-base .switch-button{height:var(--nutui-switch-inside-height, 13px);width:var(--nutui-switch-inside-width, 13px);transform:var(--nutui-switch-inside-close-transform, translateX(30%))}.nut-switch-base.switch-open .switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(146%))}.nut-switch-base.switch-close .close-line{width:8px;height:2px}

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

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

package/dist/esm/TabPane/style/style.css

@@ -0,0 +1 @@
+.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}

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

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

package/dist/esm/Tabbar/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}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-brand-color, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-0, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-3, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-6, #ffffff)}.nut-tabbar__wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar__fixed{position:fixed;bottom:0px;left:0px}.nut-tabbar__safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

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

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

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

@@ -1,2 +1,2 @@
-
+import '../../Badge/style'
 import '../../../packages/tabbaritem/tabbaritem.scss'

package/dist/esm/TabbarItem/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}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-1, #1a1a1a));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-brand-color, #fa2c19))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-0, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-3, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}

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

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

package/dist/esm/Table/style/style.css

@@ -0,0 +1 @@
+.nut-table{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-gray-1, #1a1a1a)}.nut-table__main{display:table;width:100%;border-collapse:collapse;overflow-x:hidden;color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff)}.nut-table__main--striped .nut-table__main__head__tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, var(--nutui-gray-6, #ffffff))}.nut-table__main--striped .nut-table__main__body__tr:nth-child(even){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-4, #f4f4f4))}.nut-table__main__head__tr,.nut-table__main__body__tr{display:table-row}.nut-table__main__head__tr__th,.nut-table__main__body__tr__th,.nut-table__main__head__tr__td,.nut-table__main__body__tr__td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px)}.nut-table__main__head__tr__td__nodata,.nut-table__main__body__tr__td__nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table__main__head__tr--border,.nut-table__main__body__tr--border{border:1px solid var(--nutui-table-border-color, #ececec)}.nut-table__main__head__tr--alignleft,.nut-table__main__head__tr--align,.nut-table__main__body__tr--alignleft,.nut-table__main__body__tr--align{text-align:left}.nut-table__main__head__tr--aligncenter,.nut-table__main__body__tr--aligncenter{text-align:center}.nut-table__main__head__tr--alignright,.nut-table__main__body__tr--alignright{text-align:right}.nut-table__main__head{display:table-header-group}.nut-table__main__body{display:table-row-group}.nut-table__summary{color:var(--nutui-gray-1, #1a1a1a);background-color:var(--nutui-gray-6, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px)}

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

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

package/dist/esm/Tabs/style/style.css

@@ -0,0 +1 @@
+.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs__titles{box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 46px);padding:0 10px;display:flex;user-select:none;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-tabs-titles-border-radius, 0);flex-shrink:0;overflow:hidden}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles--left{justify-content:flex-start}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles--scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-1, #1a1a1a));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-2%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #fa2c19))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #bfbfbf)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nutui-gray-6, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 46px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 600)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 40px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nutui-brand-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}

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

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

package/dist/esm/Tag/style/style.css

@@ -0,0 +1 @@
+.nut-tag{padding:var(--nutui-tag-padding, 0 4px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 4px);height:var(--nutui-tag-height, auto);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, #000000)}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #fa2c19))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--danger{background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #f3812e)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}