@nutui/nutui-react 2.2.0 → 2.3.0-beta.1

package/dist/esm/SearchBar.js

@@ -22,7 +22,7 @@ function _objectSpread(e) {
   return e;
 }
 import React__default, { useRef, useState, useEffect } from "react";
-import { Search, Failure } from "@nutui/icons-react";
+import { Search, ArrowLeft, MaskClose } from "@nutui/icons-react";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -33,12 +33,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   clearable: true,
   readOnly: false,
   autoFocus: false,
+  backable: false,
   left: "",
   right: "",
   rightIn: "",
   leftIn: React__default.createElement(Search, {
-    width: "12",
-    height: "12"
+    width: "16",
+    height: "16"
   })
 });
 var SearchBar = function SearchBar2(props) {
@@ -48,7 +49,7 @@ var SearchBar = function SearchBar2(props) {
   var _useState = useState(function() {
     return props.value;
   }), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onInputClick = _defaultProps$props.onInputClick;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, backable = _defaultProps$props.backable, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onInputClick = _defaultProps$props.onInputClick;
   var forceFocus = function forceFocus2() {
     var searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -76,7 +77,7 @@ var SearchBar = function SearchBar2(props) {
   }, [autoFocus]);
   var renderField = function renderField2() {
     return React__default.createElement("input", {
-      className: "".concat(classPrefix, "__input ").concat(clearable ? "".concat(classPrefix, "__input-clear") : ""),
+      className: "".concat(classPrefix, "-input ").concat(clearable ? "".concat(classPrefix, "-input-clear") : ""),
       ref: searchRef,
       style: _objectSpread({}, props.style),
       value: value || "",
@@ -106,41 +107,40 @@ var SearchBar = function SearchBar2(props) {
     if (!leftIn)
       return null;
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__leftin ").concat(classPrefix, "__icon")
+      className: "".concat(classPrefix, "-leftin ").concat(classPrefix, "-icon")
     }, leftIn);
   };
   var renderLeft = function renderLeft2() {
-    if (!left)
+    if (!backable && !left)
       return null;
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__left")
-    }, left);
+      className: "".concat(classPrefix, "-left")
+    }, backable ? React__default.createElement(ArrowLeft, {
+      width: "20",
+      height: "20"
+    }) : left);
   };
   var renderRightIn = function renderRightIn2() {
     if (!rightIn)
       return null;
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__rightin ").concat(classPrefix, "__icon")
+      className: "".concat(classPrefix, "-rightin ").concat(classPrefix, "-icon")
     }, rightIn);
   };
   var renderRight = function renderRight2() {
     if (!right)
       return null;
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__right")
+      className: "".concat(classPrefix, "-right")
     }, right);
   };
   var handleClear = function handleClear2() {
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__clear ").concat(rightIn ? "pos-right" : ""),
+      className: "".concat(classPrefix, "-clear ").concat(classPrefix, "-icon"),
       onClick: function onClick(e) {
         return clearaVal(e);
       }
-    }, React__default.createElement(Failure, {
-      color: "#555",
-      width: 12,
-      height: 12
-    }));
+    }, React__default.createElement(MaskClose, null));
   };
   var clearaVal = function clearaVal2(event) {
     if (disabled || readOnly) {
@@ -160,11 +160,11 @@ var SearchBar = function SearchBar2(props) {
     }
   };
   return React__default.createElement("div", {
-    className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "__disabled") : "", "  ").concat(className || ""),
+    className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", "  ").concat(className || ""),
     style: _objectSpread({}, props.style)
   }, renderLeft(), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content ").concat(shape === "round" ? "".concat(classPrefix, "__round") : "")
-  }, renderLeftIn(), renderField(), renderRightIn(), clearable && value && handleClear()), renderRight());
+    className: "".concat(classPrefix, "-content ").concat(shape === "round" ? "".concat(classPrefix, "-round") : "")
+  }, renderLeftIn(), renderField(), clearable && !value && renderRightIn(), clearable && value && handleClear()), renderRight());
 };
 SearchBar.defaultProps = defaultProps;
 SearchBar.displayName = "NutSearchBar";

package/dist/esm/ShortPassword/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)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .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-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;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, 500);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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-shortpassword__title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-shortpassword__description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-2, #757575)}.nut-shortpassword__input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword__input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword__input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword__input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, rgb(245, 245, 245));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, #ddd);display:flex;position:absolute;left:0}.nut-shortpassword__input-fake__li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword__input-fake__li__icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword__message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword__message__error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword__message__forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, rgb(128, 128, 128));display:flex;align-items:center}.nut-shortpassword__footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword__footer__cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword__footer__sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-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.nut-popup-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.nut-popup-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.nut-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}

package/dist/esm/ShortPassword.js

@@ -82,29 +82,29 @@ var ShortPassword = function ShortPassword2(props) {
     className: classNames(classPrefix, className),
     style
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__title")
+    className: "".concat(classPrefix, "-title")
   }, title || locale.shortpassword.title), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__description")
+    className: "".concat(classPrefix, "-description")
   }, description || locale.shortpassword.description), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__input"),
+    className: "".concat(classPrefix, "-input"),
     onClick: onFocus
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__input-site")
+    className: "".concat(classPrefix, "-input-site")
   }), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__input-fake")
+    className: "".concat(classPrefix, "-input-fake")
   }, _toConsumableArray(new Array(comLen).keys()).map(function(item, index) {
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__input-fake__li"),
+      className: "".concat(classPrefix, "-input-fake-li"),
       key: index
     }, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", {
-      className: "".concat(classPrefix, "__input-fake__li__icon")
+      className: "".concat(classPrefix, "-input-fake-li-icon")
     })));
   }))), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__message")
+    className: "".concat(classPrefix, "-message")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__message__error")
+    className: "".concat(classPrefix, "-message-error")
   }, error), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__message__forget"),
+    className: "".concat(classPrefix, "-message-forget"),
     onClick: onTips
   }, tips || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tips, {
     width: 11,
@@ -113,12 +113,12 @@ var ShortPassword = function ShortPassword2(props) {
       marginRight: "3px"
     }
   }), locale.shortpassword.tips))), !hideFooter && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__footer")
+    className: "".concat(classPrefix, "-footer")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__footer__cancel"),
+    className: "".concat(classPrefix, "-footer-cancel"),
     onClick: onCancel
   }, locale.cancel), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__footer__sure"),
+    className: "".concat(classPrefix, "-footer-sure"),
     onClick: sure
   }, locale.confirm))));
 };

package/dist/esm/SideNavBar/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)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .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-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;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, 500);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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar__title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar__content{position:relative;display:block}.nut-sidenavbar__list.sidenavbar-show .nut-sidenavbar__content{height:auto;overflow:inherit}.nut-sidenavbar__list.sidenavbar-hide .nut-sidenavbar__content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-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.nut-popup-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.nut-popup-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.nut-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-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:var(--nutui-popup-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:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}

package/dist/esm/SideNavBar.js

@@ -46,12 +46,12 @@ var SideNavBar = function SideNavBar2(props) {
   }, React__default.createElement("div", _objectSpread({
     className: classNames(classPrefix, className)
   }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content")
+    className: "".concat(classPrefix, "-content")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__list sidenavbar-show"),
+    className: "".concat(classPrefix, "-list sidenavbar-show"),
     onClick: handleClick
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt"),
+    className: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt"),
     style: {
       paddingLeft: "".concat(indent, "px")
     }
@@ -60,7 +60,7 @@ var SideNavBar = function SideNavBar2(props) {
   })), React__default.createElement(OffsetContext.Provider, {
     value: indent
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content")
+    className: "".concat(classPrefix, "-content")
   }, children))))));
 };
 SideNavBar.defaultProps = defaultProps;

package/dist/esm/SideNavBarItem/style/style.css

@@ -1 +1 @@
-.nut-subsidenavbar__item{height:var(--nutui-sidenavbar-item-height, 40px);color:var(--nutui-sidenavbar-sub-item-color, var(--nutui-gray-2, #757575));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box}.nut-subsidenavbar__list{background-color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-2, #757575))}
+.nut-subsidenavbar-item{height:var(--nutui-sidenavbar-item-height, 40px);color:var(--nutui-sidenavbar-sub-item-color, var(--nutui-gray-6, #595959));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box}.nut-subsidenavbar-list{background-color:var(--nutui-sidenavbar-sub-list-background, #ffffff);color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #595959))}

package/dist/esm/SideNavBarItem.js

@@ -34,7 +34,7 @@ var SideNavBarItem = function SideNavBarItem2(props) {
     });
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, "__item ").concat(classPrefix, "-border-bt"),
+    className: "".concat(classPrefix, "-item ").concat(classPrefix, "-border-bt"),
     onClick: clickFn
   }, rest), title);
 };

package/dist/esm/Signature/style/style.css

@@ -1 +1 @@
-.nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-signature__inner{display:flex;justify-content:center;align-items:center;height:var(--nutui-signature-height, 10rem);border:var(--nutui-signature-border-width, 1px) solid var(--nutui-signature-border-color, var(--nutui-gray-9, rgba(0, 0, 0, .08)));background-color:var(--nutui-signature-background-color, var(--nutui-gray-6, #ffffff))}.nut-signature__unsupport{font-size:var(--nutui-signature-font-size, var(--nutui-font-size-3, 14px))}
+.nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-signature-inner{display:flex;justify-content:center;align-items:center;height:var(--nutui-signature-height, 10rem);border:var(--nutui-signature-border-width, 1px) solid var(--nutui-signature-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-signature-background-color, var(--nutui-gray-1, #ffffff))}.nut-signature-unsupport{font-size:var(--nutui-signature-font-size, var(--nutui-font-size-3, 14px))}

package/dist/esm/Signature.js

@@ -30,7 +30,7 @@ import { c as canUseDom } from "./can-use-dom.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: "png",
   lineWidth: 2,
-  strokeStyle: "#000",
+  strokeStyle: "#1a1a1a",
   unsupported: ""
 });
 var InternalSignature = function InternalSignature2(props, ref) {
@@ -138,14 +138,14 @@ var InternalSignature = function InternalSignature2(props, ref) {
     className: "".concat(classPrefix, " ").concat(className),
     style
   }, rest), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__inner"),
+    className: "".concat(classPrefix, "-inner"),
     ref: wrapRef
   }, React__default.createElement(React__default.Fragment, null, isCanvasSupported ? React__default.createElement("canvas", {
     ref: canvasRef,
     height: canvasHeight,
     width: canvasWidth
   }) : unsupported ? React__default.createElement(React__default.Fragment, null, unsupported) : React__default.createElement("p", {
-    className: "".concat(classPrefix, "__unsupport")
+    className: "".concat(classPrefix, "-unsupport")
   }, locale.signature.unsupported))));
 };
 var Signature = React__default.forwardRef(InternalSignature);

package/dist/esm/Skeleton/style/style.css

@@ -1 +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-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8fa;background-size:100% 100%}.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)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton__content{display:flex}.nut-skeleton__content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, rgb(239, 239, 239))!important}.nut-skeleton__content .nut-skeleton__block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton__content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton__content-line .nut-skeleton__title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239))}.nut-skeleton__content-line .nut-skeleton__block:last-child{width:70%}.nut-skeleton__animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);background-repeat:no-repeat;animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}
+.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-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}.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)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton-content{display:flex}.nut-skeleton-content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))!important}.nut-skeleton-content .nut-skeleton-block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton-content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton-content-line .nut-skeleton-title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))}.nut-skeleton-content-line .nut-skeleton-block:last-child{width:70%}.nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);background-repeat:no-repeat;animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}

package/dist/esm/Skeleton.js

@@ -41,7 +41,7 @@ var Skeleton = function Skeleton2(props) {
   var classes = classNames(classPrefix, className);
   var avatarClass = classNames(_defineProperty({
     avatar: true
-  }, "avatar--".concat(avatarShape), avatarShape));
+  }, "avatar-".concat(avatarShape), avatarShape));
   var repeatLines = function repeatLines2(num) {
     return Array.from({
       length: num
@@ -64,23 +64,23 @@ var Skeleton = function Skeleton2(props) {
   return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
     className: classes
   }, rest), animated && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__animation")
+    className: "".concat(classPrefix, "-animation")
   }), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content")
+    className: "".concat(classPrefix, "-content")
   }, avatar && React__default.createElement(Avatar, {
     className: avatarClass,
     shape: avatarShape,
     style: getStyle(),
     icon: "null"
   }), rows === 1 ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "__block")
+    className: "".concat(classPrefix, "-block")
   }) : React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content-line")
+    className: "".concat(classPrefix, "-content-line")
   }, title && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__title")
+    className: "".concat(classPrefix, "-title")
   }), repeatLines(rows).map(function(item, index) {
     return React__default.createElement("div", {
-      className: "".concat(classPrefix, "__block"),
+      className: "".concat(classPrefix, "-block"),
       key: index
     });
   })))));

package/dist/esm/Step/style/style.css

@@ -1 +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, #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-color-primary, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-process-icon-color, #ffffff)}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-color-primary, #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-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #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-color-primary-text, #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-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #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-color-primary-stop-2, #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-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, 70%)) / 2);height:var(--nutui-steps-base-line-height, 1px);width:var(--nutui-steps-base-line-width, 70%);background:var(--nutui-steps-base-line-background, var(--nutui-gray-5, #8c8c8c))}.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, var(--nutui-font-size-2, 12px));background-color:var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5, #8c8c8c));border-color:var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5, #8c8c8c));color:var(--nutui-steps-wait-icon-color, #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-title{display:block;margin-bottom:var(--nutui-steps-base-title-margin-bottom, 10px);font-size:var(--nutui-steps-base-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-steps-base-title-color, var(--nutui-gray-7, #1a1a1a))}.nut-step-description{display:block;font-size:var(--nutui-steps-base-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-steps-base-description-color, var(--nutui-gray-6, #595959))}.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-color-primary, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-process-icon-color, #ffffff)}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-steps-process-title-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 500))}.nut-step.nut-step-process .nut-step-description{color:var(--nutui-steps-process-description-color, var(--nutui-gray-6, #595959))}.nut-step.nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-7, #1a1a1a))}.nut-step.nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-6, #595959))}.nut-step.nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19)));color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-description{color:var(--nutui-steps-finish-description-color, var(--nutui-gray-6, #595959))}.nut-steps-dot .nut-step-head{margin:var(--nutui-steps-dot-head-margin, 10px 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-color-primary-text, #ffffff));border-radius:50%;box-sizing:content-box}.nut-steps-dot .nut-step-wait .nut-step-icon{background-color:var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5, #8c8c8c)))}.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19)))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative}.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-steps-process-icon-before-bg-color, var(--nutui-color-primary-stop-2, #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:var(--nutui-steps-base-line-width, 70%);background:var(--nutui-steps-base-line-background, var(--nutui-gray-5, #8c8c8c));top:calc(var(--nutui-steps-base-icon-height, 25px) + (100% - var(--nutui-steps-base-line-width, 70%) - var(--nutui-steps-base-icon-margin-bottom, 12px)) / 2);left:calc(50% - 1px)}.nut-steps-vertical.nut-steps-dot .nut-step-line{top:calc(var(--nutui-steps-dot-icon-height, 6px) + (100% - var(--nutui-steps-base-line-width, 70%)) / 2)}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}

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

@@ -1 +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, #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-color-primary, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-process-icon-color, #ffffff)}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-color-primary, #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-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #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-color-primary-text, #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-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #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-color-primary-stop-2, #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}
+.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, 70%)) / 2);height:var(--nutui-steps-base-line-height, 1px);width:var(--nutui-steps-base-line-width, 70%);background:var(--nutui-steps-base-line-background, var(--nutui-gray-5, #8c8c8c))}.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, var(--nutui-font-size-2, 12px));background-color:var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5, #8c8c8c));border-color:var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5, #8c8c8c));color:var(--nutui-steps-wait-icon-color, #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-title{display:block;margin-bottom:var(--nutui-steps-base-title-margin-bottom, 10px);font-size:var(--nutui-steps-base-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-steps-base-title-color, var(--nutui-gray-7, #1a1a1a))}.nut-step-description{display:block;font-size:var(--nutui-steps-base-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-steps-base-description-color, var(--nutui-gray-6, #595959))}.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-color-primary, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-steps-process-icon-color, #ffffff)}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-steps-process-title-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 500))}.nut-step.nut-step-process .nut-step-description{color:var(--nutui-steps-process-description-color, var(--nutui-gray-6, #595959))}.nut-step.nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-7, #1a1a1a))}.nut-step.nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-6, #595959))}.nut-step.nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19)));color:var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #fa2c19))}.nut-step.nut-step-finish .nut-step-description{color:var(--nutui-steps-finish-description-color, var(--nutui-gray-6, #595959))}.nut-steps-dot .nut-step-head{margin:var(--nutui-steps-dot-head-margin, 10px 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-color-primary-text, #ffffff));border-radius:50%;box-sizing:content-box}.nut-steps-dot .nut-step-wait .nut-step-icon{background-color:var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5, #8c8c8c)))}.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));border-color:var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #fa2c19)))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative}.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-steps-process-icon-before-bg-color, var(--nutui-color-primary-stop-2, #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:var(--nutui-steps-base-line-width, 70%);background:var(--nutui-steps-base-line-background, var(--nutui-gray-5, #8c8c8c));top:calc(var(--nutui-steps-base-icon-height, 25px) + (100% - var(--nutui-steps-base-line-width, 70%) - var(--nutui-steps-base-icon-margin-bottom, 12px)) / 2);left:calc(50% - 1px)}.nut-steps-vertical.nut-steps-dot .nut-step-line{top:calc(var(--nutui-steps-dot-icon-height, 6px) + (100% - var(--nutui-steps-base-line-width, 70%)) / 2)}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}.nut-steps{display:flex}.nut-steps-vertical{height:100%;flex-flow:column}

package/dist/esm/Steps.js

@@ -32,14 +32,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   dot: false
 });
 var Steps = function Steps2(props) {
-  var _classNames;
   var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
   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 classPrefix = "nut-steps";
-  var classes = classNames(classPrefix, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(direction), true), _defineProperty(_classNames, "".concat(classPrefix, "-dot"), !!props.dot), _classNames), className);
+  var classes = classNames(classPrefix, _defineProperty(_defineProperty({}, "".concat(classPrefix, "-").concat(direction), true), "".concat(classPrefix, "-dot"), !!props.dot), className);
   return React__default.createElement(DataContext.Provider, {
     value: parentSteps
   }, React__default.createElement("div", _objectSpread({

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

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

package/dist/esm/Sticky.js

@@ -64,12 +64,11 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var classPrefix = "nut-sticky";
 var Sticky = function Sticky2(props) {
-  var _useState5;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), position = _defaultProps$props.position, zIndex = _defaultProps$props.zIndex, children = _defaultProps$props.children, container = _defaultProps$props.container, style = _defaultProps$props.style, className = _defaultProps$props.className, threshold = _defaultProps$props.threshold, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var stickyRef = useRef(null);
   var rootRef = useRef(null);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isFixed = _useState2[0], setIsFixed = _useState2[1];
-  var _useState3 = useState((_useState5 = {}, _defineProperty(_useState5, position, "".concat(threshold, "px")), _defineProperty(_useState5, "zIndex", zIndex), _useState5)), _useState4 = _slicedToArray(_useState3, 2), stickyStyle = _useState4[0], setStickyStyle = _useState4[1];
+  var _useState3 = useState(_defineProperty(_defineProperty({}, position, "".concat(threshold, "px")), "zIndex", zIndex)), _useState4 = _slicedToArray(_useState3, 2), stickyStyle = _useState4[0], setStickyStyle = _useState4[1];
   var _useState6 = useState({}), _useState7 = _slicedToArray(_useState6, 2), rootStyle = _useState7[0], setRootStyle = _useState7[1];
   var getElement = useCallback(function() {
     return getScrollParent(rootRef.current);
@@ -172,7 +171,7 @@ var Sticky = function Sticky2(props) {
     style: _objectSpread(_objectSpread({}, style), rootStyle),
     className: classNames(classPrefix, className)
   }, rest), React__default.createElement("div", {
-    className: "nut-sticky--box",
+    className: "nut-sticky-box",
     ref: stickyRef,
     style: stickyStyle
   }, children));

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

@@ -1 +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}
+.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-2, #f8f8f8));color:var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-7, #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

@@ -35,7 +35,7 @@ var SubSideNavBar = function SubSideNavBar2(props) {
   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("".concat(classPrefix, "__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("".concat(classPrefix, "__item"))) {
+      if (itemClass.includes("".concat(classPrefix, "-item"))) {
         var _left = offset * (level + 2);
         item.style.paddingLeft = "".concat(_left, "px");
       }
-      if (itemClass.includes("".concat(classPrefix, "__list"))) {
+      if (itemClass.includes("".concat(classPrefix, "-list"))) {
         var level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
         level2 += 1;
         item.setAttribute("level", level2.toString());
@@ -72,18 +72,18 @@ var SubSideNavBar = function SubSideNavBar2(props) {
     (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
-  var divClass = open ? "".concat(classPrefix, "__list sidenavbar-show") : "".concat(classPrefix, "__list sidenavbar-hide");
+  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: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt")
+    className: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt")
   }, title, " ", React__default.createElement("i", {
     className: iconClass
   })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content")
+    className: "".concat(classPrefix, "-content")
   }, children));
 };
 export {

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

@@ -1 +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)}
+.nut-swipe{position:relative;overflow:hidden;cursor:grab;background-color:#fff}.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

@@ -174,7 +174,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
     if (props["".concat(side, "Action")]) {
       return React__default.createElement("div", {
         ref: measuredRef,
-        className: "".concat(classPrefix, "__").concat(side),
+        className: "".concat(classPrefix, "-").concat(side),
         onClick: function onClick(e) {
           return handleOperate(e, side);
         }
@@ -228,7 +228,7 @@ var Swipe = forwardRef(function(props, instanceRef) {
     },
     style
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__wrapper"),
+    className: "".concat(classPrefix, "-wrapper"),
     style: wrapperStyle
   }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
 });

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

@@ -1 +1 @@
-.nut-swiper-item{height:100%}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator__dot{margin:0 var(--nutui-indicator-dot-margin, 4px)}.nut-indicator__dot:first-child{margin-left:0}.nut-indicator__dot:last-child{margin-right:0}.nut-indicator__dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-size, 5px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-gray-3, #bfbfbf))}.nut-indicator__active{width:var(--nutui-indicator-dot-active-size, 15px);border-radius:var(--nutui-indicator-border-size, 3px);background-color:var(--nutui-indicator-color, var(--nutui-color-primary, #fa2c19))}.nut-indicator__vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator__vertical .nut-indicator__dot{margin:var(--nutui-indicator-dot-vertical-margin, 4px) 0}.nut-indicator__vertical .nut-indicator__dot:first-child{margin-top:0}.nut-indicator__vertical .nut-indicator__dot:last-child{margin-bottom:0}.nut-indicator__vertical .nut-indicator__active{width:var(--nutui-indicator-dot-size, 5px);height:var(--nutui-indicator-dot-active-size, 15px)}.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%);z-index:1}.nut-swiper__indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}
+.nut-swiper-item{height:100%}.nut-indicator{display:flex;width:auto;flex-wrap:nowrap;align-items:center}.nut-indicator-dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-size, 4px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:0 var(--nutui-indicator-dot-margin, 2px)}.nut-indicator-dot:first-child{margin-left:0}.nut-indicator-dot:last-child{margin-right:0}.nut-indicator-active{width:var(--nutui-indicator-dot-active-size, 8px);border-radius:var(--nutui-indicator-border-radius, 2px);background:var(--nutui-indicator-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-indicator-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator-vertical .nut-indicator-dot{margin:var(--nutui-indicator-dot-margin, 2px) 0}.nut-indicator-vertical .nut-indicator-dot:first-child{margin-top:0}.nut-indicator-vertical .nut-indicator-dot:last-child{margin-bottom:0}.nut-indicator-vertical .nut-indicator-active{width:var(--nutui-indicator-dot-size, 4px);height:var(--nutui-indicator-dot-active-size, 8px)}.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%);z-index:1}.nut-swiper-indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%);z-index:1}