@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+

package/dist/esm/CalendarItem.js

@@ -26,19 +26,9 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { c as cn } from "./bem.js";
 import { U as Utils } from "./date.js";
+import { r as requestAniFrame } from "./raf.js";
 import { useConfig } from "./ConfigProvider.js";
 import "@bem-react/classname";
-function requestAniFrame() {
-  if (typeof window !== "undefined") {
-    return window.requestAnimationFrame || function(callback) {
-      window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return function(callback) {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-var requestAniFrame$1 = requestAniFrame();
 var defaultProps = {
   type: "one",
   isAutoBackFill: false,
@@ -510,7 +500,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     var lastItem = state.monthsData[state.monthsData.length - 1];
     var containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
-    requestAniFrame$1(function() {
+    requestAniFrame(function() {
       if (months && monthsPanel && viewArea) {
         viewHeight = months.current.clientHeight;
         monthsPanel.current.style.height = "".concat(containerHeight, "px");

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

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

package/dist/esm/Card/style/style.css

@@ -0,0 +1 @@
+.nut-price{font-size:var(--nutui-font-size-3, 16px);display:inline;color:var(--nutui-brand-color, #fa2c19)}.nut-price--line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-gray-2, #757575))!important}.nut-price__symbol,.nut-price__integer,.nut-price__decimal{display:inline-block}.nut-price__symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price__symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price__symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price__integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price__integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price__integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price__decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price__decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price__decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}.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-default-border-radius, 4px);height:var(--nutui-tag-height, auto)}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{color:var(--nutui-tag-default-color, #ffffff);background:var(--nutui-tag-default-background-color, #000000);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-default-background-color, #000000);border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-background-color, #000000)}.nut-tag--primary{color:var(--nutui-tag-default-color, #ffffff);background:var(--nutui-tag-primary-background-color, #3460fa);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-default-background-color, #000000);border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-background-color, #000000)}.nut-tag--success{color:var(--nutui-tag-default-color, #ffffff);background:var(--nutui-tag-success-background-color, #4fc08d);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-default-background-color, #000000);border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-background-color, #000000)}.nut-tag--danger{color:var(--nutui-tag-default-color, #ffffff);background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-default-background-color, #000000);border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-background-color, #000000)}.nut-tag--warning{color:var(--nutui-tag-default-color, #ffffff);background:var(--nutui-tag-warning-background-color, #f3812e);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-default-background-color, #000000);border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-default-background-color, #000000)}.nut-tag--round{border-radius:8px}.nut-tag--mark{border-radius:0 12px 12px 0}.nut-tag--close{margin-left:4px;cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-theme-dark .nut-card .nut-card__right{color:#e6e6e6}.nut-card{width:100%;display:flex}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0}.nut-card .nut-card__left>img{display:block;width:100%;height:100%}.nut-card .nut-card__right{flex:1;padding:0 10px 8px}.nut-card .nut-card__right .nut-card__right__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px}.nut-card .nut-card__right .nut-card__right__price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price__big{font-size:18px}.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price__point,.nut-card .nut-card__right .nut-card__right__price .nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price__big,.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price__point,.nut-card .nut-card__right .nut-card__right__price .nut-card__right__price__origin.nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-card__right__other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-card__right__other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-0, 10px)}.nut-card .nut-card__right .nut-card__right__shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card__right .nut-card__right__shop .nut-card__right__shop__name{line-height:1.5;color:#999;font-size:12px;padding-top:4px}

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

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

package/dist/esm/Cascader/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-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}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader__title{background-color:var(--nutui-gray-6, #ffffff);display:flex;justify-content:center;align-items:center;padding:var(--nutui-cascader-title-padding, 24px 20px 17px);font-weight:700;line-height:var(--nutui-cascader-title-line-height, 20px);color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-cascader-title-font-size, 18px)}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #fa2c19))}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}

package/dist/esm/Cascader.js

@@ -47,12 +47,11 @@ import React__default, { isValidElement, useState, useEffect } from "react";
 import classNames from "classnames";
 import Popup from "./Popup.js";
 import { T as Tabs } from "./tabs2.js";
-import { T as TabPane } from "./tabpane2.js";
 import { Loading, Checklist } from "@nutui/icons-react";
-import { c as cn } from "./bem.js";
-import "./typings.js";
+import { C as ComponentDefaults } from "./typings.js";
+import { u as usePropsValue } from "./use-props-value.js";
 import "./TabPane.js";
-import "@bem-react/classname";
+import "./raf.js";
 var defaultProps$1 = {
   data: {
     text: "",
@@ -64,25 +63,25 @@ var defaultProps$1 = {
   },
   activeColor: "",
   checked: false,
-  checkedIcon: "checklist",
+  activeIcon: "checklist",
   chooseItem: function chooseItem() {
   }
 };
 var InternalCascaderItem = function InternalCascaderItem2(props, ref) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), data = _defaultProps$1$props.data, checked = _defaultProps$1$props.checked, checkedIcon = _defaultProps$1$props.checkedIcon, chooseItem2 = _defaultProps$1$props.chooseItem, activeColor = _defaultProps$1$props.activeColor;
-  var b = cn("cascader-item");
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), data = _defaultProps$1$props.data, checked = _defaultProps$1$props.checked, activeIcon = _defaultProps$1$props.activeIcon, chooseItem2 = _defaultProps$1$props.chooseItem, activeColor = _defaultProps$1$props.activeColor;
+  var classPrefix = "nut-cascader-item";
   var classes = classNames({
     active: checked,
     disabled: data.disabled
-  }, b(""));
-  var classesTitle = classNames(_defineProperty({}, "".concat(b(""), "__title"), true));
+  }, classPrefix);
+  var classesTitle = classNames(_defineProperty({}, "".concat(classPrefix, "__title"), true));
   var renderIcon = function renderIcon2() {
     if (checked) {
-      if (isValidElement(checkedIcon)) {
-        return checkedIcon;
+      if (isValidElement(activeIcon)) {
+        return activeIcon;
       }
       return React__default.createElement(Checklist, {
-        className: "".concat(checked ? b("icon-check") : "")
+        className: "".concat(checked ? "".concat(classPrefix, "__icon-check") : "")
       });
     }
     return null;
@@ -242,26 +241,24 @@ var Tree = /* @__PURE__ */ function() {
   return Tree2;
 }();
 var Tree$1 = Tree;
-var defaultProps = _objectSpread({
-  className: "",
-  style: {},
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   activeColor: "",
-  checkedIcon: "checklist",
-  tabsColor: "",
-  poppable: true,
+  activeIcon: "checklist",
+  popup: true,
   visible: false,
   options: [],
-  value: [],
   title: "",
-  textKey: "text",
-  valueKey: "value",
-  childrenKey: "children",
-  convertConfig: {},
+  optionKey: {
+    textKey: "text",
+    valueKey: "value",
+    childrenKey: "children"
+  },
+  format: {},
   closeable: false,
   closeIconPosition: "top-right",
   closeIcon: "close",
   lazy: false,
-  lazyLoad: function lazyLoad() {
+  onLoad: function onLoad() {
   },
   onClose: function onClose() {
   },
@@ -269,14 +266,23 @@ var defaultProps = _objectSpread({
   },
   onPathChange: function onPathChange() {
   }
-}, Popup.defaultProps);
+});
 var InternalCascader = function InternalCascader2(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, tabsColor = _defaultProps$props.tabsColor, poppable = _defaultProps$props.poppable, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, title = _defaultProps$props.title, textKey = _defaultProps$props.textKey, valueKey = _defaultProps$props.valueKey, childrenKey = _defaultProps$props.childrenKey, convertConfig = _defaultProps$props.convertConfig, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, lazyLoad2 = _defaultProps$props.lazyLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, options = _defaultProps$props.options, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, title = _defaultProps$props.title, optionKey = _defaultProps$props.optionKey, format = _defaultProps$props.format, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, lazy = _defaultProps$props.lazy, onLoad2 = _defaultProps$props.onLoad, onClose2 = _defaultProps$props.onClose, onChange2 = _defaultProps$props.onChange, onPathChange2 = _defaultProps$props.onPathChange;
   var _useState = useState("c1"), _useState2 = _slicedToArray(_useState, 2), tabvalue = _useState2[0], setTabvalue = _useState2[1];
   var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), optionsData = _useState4[0], setOptionsData = _useState4[1];
   var isLazy = function isLazy2() {
-    return state.configs.lazy && Boolean(state.configs.lazyLoad);
+    return state.configs.lazy && Boolean(state.configs.onLoad);
   };
+  var _usePropsValue = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: defaultValue,
+    onChange: function onChange3(val) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, val);
+    }
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), innerValue = _usePropsValue2[0], setInnerValue = _usePropsValue2[1];
   var _useState5 = useState({
     optionsData: [],
     panes: [{
@@ -284,35 +290,28 @@ var InternalCascader = function InternalCascader2(props, ref) {
       selectedNode: [],
       paneKey: ""
     }],
-    innerValue: value,
     tree: new Tree$1([], {}),
     tabsCursor: 0,
     initLoading: false,
     currentProcessNode: [],
     configs: {
       lazy,
-      lazyLoad: lazyLoad2,
-      valueKey,
-      textKey,
-      childrenKey,
-      convertConfig
+      onLoad: onLoad2,
+      optionKey,
+      format
     },
     lazyLoadMap: /* @__PURE__ */ new Map()
   }), _useState6 = _slicedToArray(_useState5, 1), state = _useState6[0];
-  var b = cn("cascader");
-  var classes = classNames(b(""));
-  var classesPane = classNames(_defineProperty({}, "".concat(b(""), "-pane"), true));
+  var classPrefix = classNames("nut-cascader");
+  var classesPane = classNames(_defineProperty({}, "".concat(classPrefix, "-pane"), true));
   useEffect(function() {
     initData();
-  }, []);
+  }, [options, format]);
   useEffect(function() {
-    if (value !== state.innerValue) {
-      state.innerValue = value;
+    if (defaultValue && defaultValue !== innerValue) {
+      setInnerValue(defaultValue);
     }
-  }, [value]);
-  useEffect(function() {
-    initData();
-  }, [options]);
+  }, [defaultValue]);
   var initData = /* @__PURE__ */ function() {
     var _ref = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -320,15 +319,15 @@ var InternalCascader = function InternalCascader2(props, ref) {
           switch (_context.prev = _context.next) {
             case 0:
               state.lazyLoadMap.clear();
-              if (convertConfig && Object.keys(convertConfig).length > 0) {
-                state.optionsData = convertListToOptions(options, convertConfig);
+              if (format && Object.keys(format).length > 0) {
+                state.optionsData = convertListToOptions(options, format);
               } else {
                 state.optionsData = options;
               }
               state.tree = new Tree$1(state.optionsData, {
-                value: state.configs.valueKey,
-                text: state.configs.textKey,
-                children: state.configs.childrenKey
+                value: state.configs.optionKey.valueKey,
+                text: state.configs.optionKey.textKey,
+                children: state.configs.optionKey.childrenKey
               });
               if (!(isLazy() && !state.tree.nodes.length)) {
                 _context.next = 6;
@@ -366,8 +365,8 @@ var InternalCascader = function InternalCascader2(props, ref) {
         while (1)
           switch (_context3.prev = _context3.next) {
             case 0:
-              currentValue = state.innerValue;
-              if (!(currentValue === void 0 || !state.tree.nodes.length)) {
+              currentValue = innerValue;
+              if (!(currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length)) {
                 _context3.next = 3;
                 break;
               }
@@ -435,7 +434,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
             case 18:
               state.initLoading = false;
             case 19:
-              if (needToSync.length && currentValue === value) {
+              if (needToSync.length && currentValue === defaultValue) {
                 pathNodes = state.tree.getPathNodesByValue(needToSync);
                 pathNodes.forEach(function(node, index) {
                   state.tabsCursor = index;
@@ -465,7 +464,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
               }
               return _context4.abrupt("return");
             case 2:
-              if (state.configs.lazyLoad) {
+              if (state.configs.onLoad) {
                 _context4.next = 5;
                 break;
               }
@@ -483,8 +482,8 @@ var InternalCascader = function InternalCascader2(props, ref) {
               lazyLoadPromise = state.lazyLoadMap.get(node);
               if (!lazyLoadPromise) {
                 lazyLoadPromise = new Promise(function(resolve) {
-                  var _state$configs$lazyLo, _state$configs;
-                  (_state$configs$lazyLo = (_state$configs = state.configs).lazyLoad) === null || _state$configs$lazyLo === void 0 ? void 0 : _state$configs$lazyLo.call(_state$configs, node, resolve);
+                  var _state$configs$onLoad, _state$configs;
+                  (_state$configs$onLoad = (_state$configs = state.configs).onLoad) === null || _state$configs$onLoad === void 0 ? void 0 : _state$configs$onLoad.call(_state$configs, node, resolve);
                 });
                 state.lazyLoadMap.set(node, lazyLoadPromise);
               }
@@ -544,6 +543,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
                 });
                 onChange2(optionParams, pathNodes);
                 onPathChange2(optionParams, pathNodes);
+                setInnerValue(optionParams);
               }
               setOptionsData(state.panes);
               close();
@@ -562,8 +562,8 @@ var InternalCascader = function InternalCascader2(props, ref) {
                 selectedNode: null,
                 paneKey: "c".concat(state.tabsCursor + 1)
               });
-              setTabvalue("c".concat(state.tabsCursor + 1));
               setOptionsData(state.panes);
+              setTabvalue("c".concat(state.tabsCursor + 1));
               if (!type) {
                 _pathNodes = state.panes.map(function(item) {
                   return item.selectedNode;
@@ -602,13 +602,13 @@ var InternalCascader = function InternalCascader2(props, ref) {
   }();
   var renderItem = function renderItem2() {
     return React__default.createElement("div", {
-      className: "".concat(classes, " ").concat(className),
+      className: "".concat(classPrefix, " ").concat(className),
       style
-    }, poppable && React__default.createElement("div", {
-      className: b("title")
+    }, popup && React__default.createElement("div", {
+      className: "nut-cascader__title"
     }, title), React__default.createElement(Tabs, {
       value: tabvalue,
-      titleNode: function titleNode() {
+      title: function title2() {
         return optionsData.map(function(pane, index) {
           var _pane$selectedNode, _pane$selectedNode2;
           return React__default.createElement("div", {
@@ -616,22 +616,19 @@ var InternalCascader = function InternalCascader2(props, ref) {
               setTabvalue(pane.paneKey);
               state.tabsCursor = index;
             },
-            className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? "active" : ""),
+            className: "nut-tabs__titles-item ".concat(tabvalue === pane.paneKey ? "nut-tabs__titles-item--active" : ""),
             key: pane.paneKey
           }, React__default.createElement("span", {
             className: "nut-tabs__titles-item__text"
           }, !state.initLoading && state.panes.length && (pane === null || pane === void 0 ? void 0 : (_pane$selectedNode = pane.selectedNode) === null || _pane$selectedNode === void 0 ? void 0 : _pane$selectedNode.text), !state.initLoading && state.panes.length && !(pane !== null && pane !== void 0 && (_pane$selectedNode2 = pane.selectedNode) !== null && _pane$selectedNode2 !== void 0 && _pane$selectedNode2.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."), React__default.createElement("span", {
-            className: "nut-tabs__titles-item__line",
-            style: {
-              background: tabsColor
-            }
+            className: "nut-tabs__titles-item__line"
           }));
         });
       }
     }, !state.initLoading && state.panes.length ? optionsData.map(function(pane) {
-      return React__default.createElement(TabPane, {
+      return React__default.createElement(Tabs.TabPane, {
         key: pane.paneKey,
-        paneKey: pane.paneKey
+        value: pane.paneKey
       }, React__default.createElement("div", {
         className: classesPane
       }, pane.nodes && pane.nodes.map(function(node, index) {
@@ -646,18 +643,19 @@ var InternalCascader = function InternalCascader2(props, ref) {
           }
         }));
       })));
-    }) : React__default.createElement(TabPane, null, React__default.createElement("div", {
+    }) : React__default.createElement(Tabs.TabPane, null, React__default.createElement("div", {
       className: classesPane
     }))));
   };
-  return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
-    className: "cascadar-popup",
+  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, {
+    // className="nut-cascadar-popup"
     visible,
     position: "bottom",
     round: true,
     closeIcon,
     closeable,
     closeIconPosition,
+    // todo 只关闭，不处理逻辑。和popup的逻辑不一致。关闭时需要增加是否要处理回调
     onClickOverlay: closePopup,
     onClickCloseIcon: closePopup
   }, renderItem()) : renderItem());

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

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

package/dist/esm/Cell/style/style.css

@@ -0,0 +1 @@
+.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}

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

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

package/dist/esm/CellGroup/style/style.css

@@ -0,0 +1 @@
+.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}

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

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

package/dist/esm/Checkbox/style/style.css

@@ -0,0 +1 @@
+.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup .nut-checkbox__button{background-color:var(--nutui-gray-4, #f4f4f4)}.nut-checkboxgroup--vertical .nut-checkbox.nut-checkbox--reverse{width:100%;justify-content:space-between}.nut-checkboxgroup--vertical .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup--horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkbox{display:flex;align-items:center}.nut-checkbox--reverse{flex-direction:row-reverse}.nut-checkbox--reverse .nut-checkbox__label{margin-right:var(--nutui-checkbox-label-margin-left, 10px);margin-left:0}.nut-checkbox__label{margin-left:var(--nutui-checkbox-label-margin-left, 10px);font-size:var(--nutui-checkbox-label-font-size, 14px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-1, #1a1a1a))}.nut-checkbox__label--disabled{color:var(--nutui-checkbox-label-disable-color, #999)}.nut-checkbox__icon{color:var(--nutui-brand-color, #fa2c19);font-size:var(--nutui-checkbox-icon-font-size, 18px);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox__icon--unchecked{color:var(--nutui-checkbox-icon-disable-color, #d6d6d6);font-size:var(--nutui-checkbox-icon-font-size, 18px)}.nut-checkbox__icon--indeterminate{color:var(--nutui-brand-color, #fa2c19);font-size:var(--nutui-checkbox-icon-font-size, 18px)}.nut-checkbox__icon--disable{color:var(--nutui-gray-3, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, 18px)}

package/dist/esm/Checkbox.js

@@ -1,9 +1,8 @@
 import { C as Checkbox } from "./checkbox2.js";
 import "react";
 import "@nutui/icons-react";
+import "classnames";
 import "./CheckboxGroup.js";
-import "./bem.js";
-import "@bem-react/classname";
 import "./typings.js";
 import "./use-props-value.js";
 export {

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

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

package/dist/esm/CheckboxGroup/style/style.css

@@ -0,0 +1 @@
+.nut-checkboxgroup .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup .nut-checkbox__button{background-color:var(--nutui-gray-4, #f4f4f4)}.nut-checkboxgroup--vertical .nut-checkbox.nut-checkbox--reverse{width:100%;justify-content:space-between}.nut-checkboxgroup--vertical .nut-checkbox__label{margin-right:5px}.nut-checkboxgroup--horizontal .nut-checkbox{display:inline-flex;margin-right:20px}

package/dist/esm/CheckboxGroup.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "value", "defaultValue", "max", "textPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
+var _excluded = ["className", "disabled", "onChange", "value", "defaultValue", "max", "labelPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,52 +25,50 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useImperativeHandle, useCallback } from "react";
-import { c as cn } from "./bem.js";
+import classNames from "classnames";
 import { C as Checkbox, a as Context } from "./checkbox2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-import "@bem-react/classname";
 import "@nutui/icons-react";
 import "./CheckboxGroup.js";
 import "./typings.js";
 var defaultProps = {
-  disabled: false,
   max: void 0,
-  textPosition: "right",
+  labelPosition: "right",
   direction: "vertical",
   onChange: function onChange(value) {
   },
   options: []
 };
+var classPrefix = "nut-checkboxgroup";
 var CheckboxGroup = React__default.forwardRef(function(props, ref) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
-  var b = cn("checkboxgroup");
-  var className = props.className, disabled = props.disabled, onChange2 = props.onChange, value = props.value, defaultValue = props.defaultValue, max = props.max, textPosition = props.textPosition, direction = props.direction, options = props.options, rest = _objectWithoutProperties(props, _excluded);
+  var className = props.className, disabled = props.disabled, onChange2 = props.onChange, value = props.value, defaultValue = props.defaultValue, max = props.max, labelPosition = props.labelPosition, direction = props.direction, options = props.options, rest = _objectWithoutProperties(props, _excluded);
   useImperativeHandle(ref, function() {
     return {
-      toggleAll: function toggleAll(state) {
+      toggle: function toggle(state) {
         if (state === false) {
           setValue([]);
         } else {
           var childrenLabel = [];
           React__default.Children.map(children, function(child) {
             var childProps = child.props;
-            childrenLabel.push(childProps.label || child.children);
+            childrenLabel.push(childProps.value);
           });
           setValue(childrenLabel);
         }
       },
-      toggleReverse: function toggleReverse() {
+      reverse: function reverse() {
         var childrenLabel = [];
         React__default.Children.map(children, function(child) {
           var childProps = child.props;
-          childrenLabel.push(childProps.label || child.children);
+          childrenLabel.push(childProps.value);
         });
-        var reverse = childrenLabel.filter(function(c) {
+        var reverse2 = childrenLabel.filter(function(c) {
           return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
             return v === c;
           })) === -1;
         });
-        setValue(reverse);
+        setValue(reverse2);
       }
     };
   });
@@ -85,32 +83,31 @@ var CheckboxGroup = React__default.forwardRef(function(props, ref) {
       var label = _ref.label, value2 = _ref.value, disabled2 = _ref.disabled, onChange22 = _ref.onChange, rest2 = _objectWithoutProperties(_ref, _excluded2);
       return React__default.createElement(Checkbox, _objectSpread({
         key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
-        children: label,
-        label: value2
+        label,
+        disabled: disabled2,
+        value: value2
       }, rest2));
     });
   }, [options, max]);
   return React__default.createElement(Context.Provider, {
     value: {
-      textPosition: textPosition || "left",
+      labelPosition: labelPosition || "right",
       disabled,
       max,
-      checkedValue: _value,
+      value: _value,
       check: function check(value2) {
         var combined = [].concat(_toConsumableArray(_value), [value2]);
         setValue(combined);
-        onChange2 && onChange2(combined);
       },
       uncheck: function uncheck(value2) {
         var reduced = _value.filter(function(item) {
           return item !== value2;
         });
         setValue(reduced);
-        onChange2 && onChange2(reduced);
       }
     }
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || "")
+    className: classNames(classPrefix, className, _defineProperty({}, "nut-checkboxgroup--".concat(props.direction), props.direction))
   }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
 });
 CheckboxGroup.defaultProps = defaultProps;

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

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

package/dist/esm/CircleProgress/style/style.css

@@ -0,0 +1 @@
+.nut-circleprogress{position:relative}.nut-circleprogress-hover{stroke:var(--nutui-circleprogress-primary-color, var(--nutui-brand-color, #fa2c19));transition:stroke-dasharray .6s ease 0s,stroke .6s ease 0s}.nut-circleprogress-path{stroke:var(--nutui-circleprogress-path-color, #e5e9f2)}.nut-circleprogress-text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;transform:translateY(-50%);text-align:center;color:var(--nutui-circleprogress-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-circleprogress-text-size, var(--nutui-font-size-3, 16px))}