@nutui/nutui-react 2.0.23 → 2.1.0-beta.0

package/dist/esm/NumberKeyboard.js

@@ -26,7 +26,7 @@ function _objectSpread(target) {
 }
 import React__default, { useMemo, useState } from "react";
 import classNames from "classnames";
-import { RectDown } from "@nutui/icons-react";
+import { ArrowDown } from "@nutui/icons-react";
 import Popup from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -86,8 +86,8 @@ var NumberKeyboard = function NumberKeyboard2(props) {
   var DeleteIcon = function DeleteIcon2() {
     return React__default.createElement("svg", {
       viewBox: "0 0 1024 1024",
-      width: "36",
-      height: "36"
+      width: "28",
+      height: "28"
     }, React__default.createElement("path", {
       d: "M875.594 186.122H390.803a51.162 51.162 0 0 0-36.18 14.986L79.91 475.821a51.166 51.166 0 0 0 0 72.358l274.714 274.712a51.164 51.164 0 0 0 36.179 14.986h484.791c46.033 0 83.484-37.45 83.484-83.483V269.606c.001-46.033-37.45-83.484-83.483-83.484zm32.32 568.274c0 17.85-14.473 32.318-32.32 32.318H390.803L116.089 512l274.714-274.714h484.791c17.849 0 32.32 14.47 32.32 32.32v484.789z",
       fill: "currentColor"
@@ -137,9 +137,9 @@ var NumberKeyboard = function NumberKeyboard2(props) {
       onTouchCancel: function onTouchCancel() {
         return _onTouchEnd(item);
       }
-    }, (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id), item.type === "delete" && React__default.createElement(DeleteIcon, null), item.type === "close" && React__default.createElement(RectDown, {
-      width: 25,
-      height: 25
+    }, (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id), item.type === "delete" && React__default.createElement(DeleteIcon, null), item.type === "close" && React__default.createElement(ArrowDown, {
+      width: 18,
+      height: 18
     }), item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)));
   };
   return React__default.createElement(Popup, _objectSpread({
@@ -155,7 +155,7 @@ var NumberKeyboard = function NumberKeyboard2(props) {
     style
   }, title && React__default.createElement("div", {
     className: "".concat(classPrefix, "__header")
-  }, React__default.createElement("h3", {
+  }, React__default.createElement("div", {
     className: "".concat(classPrefix, "__header__title")
   }, title), type === "default" && React__default.createElement("span", {
     className: "".concat(classPrefix, "__header__close"),

package/dist/esm/Overlay/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-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{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)}

package/dist/esm/Overlay.js

@@ -3,10 +3,6 @@ import "react";
 import "react-transition-group";
 import "classnames";
 import "./typings.js";
-import "./use-touch.js";
-import "./get-scroll-parent.js";
-import "./can-use-dom.js";
-import "./supports-passive.js";
 export {
   Overlay as default
 };

package/dist/esm/Pagination/style/style.css

@@ -1 +1 @@
-.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-pagination-color, var(--nutui-brand-color, #fa2c19))}.nut-pagination__contain{display:flex}.nut-pagination__simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination__prev,.nut-pagination__item,.nut-pagination__next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-6, #ffffff);border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb);cursor:pointer}.nut-pagination__prev,.nut-pagination__item{border-right:none}.nut-pagination__prev,.nut-pagination__next{padding:var(--nutui-pagination-prev-next-padding, 0 11px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb)}.nut-pagination .active{color:var(--nutui-gray-6, #ffffff);border:none;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-gray-3, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}
+.nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination__contain{display:flex}.nut-pagination__simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination__prev,.nut-pagination__item,.nut-pagination__next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));cursor:pointer}.nut-pagination__prev,.nut-pagination__item{border-right:none}.nut-pagination__prev,.nut-pagination__next{padding:var(--nutui-pagination-prev-next-padding, 0 12px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #ffffff);cursor:not-allowed}.nut-pagination-lite{width:var(--nutui-pagination-lite-width, 40px);height:var(--nutui-pagination-lite-height, 20px);display:flex;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-color-primary-text, #ffffff);background-color:var(--nutui-pagination-lite-background-color, var(--nutui-black-7));border-radius:var(--nutui-pagination-lite-radius, 12px)}.nut-pagination-lite-active,.nut-pagination-lite-default{display:flex;align-items:center;justify-content:center;width:var(--nutui-pagination-lite-height, 20px);height:var(--nutui-pagination-lite-height, 20px)}.nut-pagination-lite-active{border-radius:var(--nutui-pagination-lite-radius, 12px);font-size:var(--nutui-font-size-2, 12px);background-color:var(--nutui-pagination-lite-active-background-color, var(--nutui-black-5))}

package/dist/esm/Pagination.js

@@ -94,7 +94,7 @@ var Pagination = function Pagination2(props) {
   };
   return React__default.createElement("div", _objectSpread({
     className: classNames(classPrefix, className)
-  }, rest), React__default.createElement("div", {
+  }, rest), (mode === "multi" || mode === "simple") && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "__prev"), mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""),
     onClick: function onClick(e) {
       return handleSelectPage(currentPage - 1);
@@ -120,7 +120,13 @@ var Pagination = function Pagination2(props) {
     onClick: function onClick(e) {
       return handleSelectPage(currentPage + 1);
     }
-  }, next || locale.pagination.next));
+  }, next || locale.pagination.next)), mode === "lite" && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "-lite")
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "-lite-active")
+  }, 2), React__default.createElement("div", {
+    className: "".concat(classPrefix, "-lite-default")
+  }, 8))));
 };
 Pagination.defaultProps = defaultProps;
 Pagination.displayName = "NutPagination";

package/dist/esm/Picker/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:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration: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-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-indicator-jdapp{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-jdapp:before,.nut-picker-indicator-jdapp:after{border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
+.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{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:40%;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, 18px)}.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-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker__control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, 18px);align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker__cancel-btn{color:var(--nutui-gray-6, #595959);font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker__confirm-btn{color:var(--nutui-color-primary, #fa2c19);font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, 18px);font-weight:var(--nutui-font-weight-bold, 500)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-jdapp{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-jdapp:before,.nut-picker-indicator-jdapp:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-7, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}

package/dist/esm/Picker.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["children", "visible", "title", "options", "popupProps", "defaultValue", "className", "style", "threeDimensional", "duration", "onConfirm", "onClose", "afterClose", "onChange"];
+var _excluded = ["children", "visible", "title", "options", "defaultValue", "className", "style", "threeDimensional", "duration", "onConfirm", "onClose", "afterClose", "onChange"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -26,19 +26,13 @@ function _objectSpread(target) {
 }
 import React__default, { useState, useRef, useEffect, useImperativeHandle } from "react";
 import classNames from "classnames";
-import { P as Popup } from "./popup2.js";
+import Popup from "./Popup.js";
 import { u as useTouch } from "./use-touch.js";
 import { p as passiveSupported } from "./supports-passive.js";
 import { useConfig } from "./ConfigProvider.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "react-dom";
-import "react-transition-group";
-import "@nutui/icons-react";
-import "./overlay2.js";
-import "./get-scroll-parent.js";
 import "./can-use-dom.js";
-import "./Overlay.js";
 var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
   var _props$keyIndex = props.keyIndex, keyIndex = _props$keyIndex === void 0 ? 0 : _props$keyIndex, defaultValue = props.defaultValue, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, _props$threeDimension = props.threeDimensional, threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension, _props$duration = props.duration, duration = _props$duration === void 0 ? 1e3 : _props$duration, chooseItem = props.chooseItem;
   var touch = useTouch();
@@ -105,7 +99,7 @@ var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
   };
   var touchStart = function touchStart2(event) {
     touch.start(event);
-    setStartY(touch.deltaY.current);
+    setStartY(touch.deltaY);
     setStartTime(Date.now());
     transformY.current = scrollDistance;
   };
@@ -115,13 +109,13 @@ var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
       moving.current = true;
       preventDefault(event, true);
     }
-    var move = touch.deltaY.current - startY;
+    var move = touch.deltaY - startY;
     setMove(move);
   };
   var touchEnd = function touchEnd2(event) {
     if (!moving.current)
       return;
-    var move = touch.deltaY.current - startY;
+    var move = touch.deltaY - startY;
     var moveTime = Date.now() - startTime;
     if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
       var distance = momentum(move, moveTime);
@@ -271,7 +265,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var InternalPicker = function InternalPicker2(props, ref) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, title = _defaultProps$props.title, _defaultProps$props$o = _defaultProps$props.options, options = _defaultProps$props$o === void 0 ? [] : _defaultProps$props$o, _defaultProps$props$p = _defaultProps$props.popupProps, popupProps = _defaultProps$props$p === void 0 ? {} : _defaultProps$props$p, _defaultProps$props$d = _defaultProps$props.defaultValue, defaultValue = _defaultProps$props$d === void 0 ? [] : _defaultProps$props$d, className = _defaultProps$props.className, style = _defaultProps$props.style, threeDimensional = _defaultProps$props.threeDimensional, duration = _defaultProps$props.duration, onConfirm = _defaultProps$props.onConfirm, onClose = _defaultProps$props.onClose, afterClose = _defaultProps$props.afterClose, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, title = _defaultProps$props.title, _defaultProps$props$o = _defaultProps$props.options, options = _defaultProps$props$o === void 0 ? [] : _defaultProps$props$o, _defaultProps$props$d = _defaultProps$props.defaultValue, defaultValue = _defaultProps$props$d === void 0 ? [] : _defaultProps$props$d, className = _defaultProps$props.className, style = _defaultProps$props.style, threeDimensional = _defaultProps$props.threeDimensional, duration = _defaultProps$props.duration, onConfirm = _defaultProps$props.onConfirm, onClose = _defaultProps$props.onClose, afterClose = _defaultProps$props.afterClose, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-picker";
   var classes = classNames(classPrefix, className);
   var _usePropsValue = usePropsValue({
@@ -463,13 +457,13 @@ var InternalPicker = function InternalPicker2(props, ref) {
       }
     }, locale.confirm));
   };
-  return React__default.createElement(React__default.Fragment, null, typeof children === "function" && children(selectedValue), React__default.createElement(Popup, _objectSpread(_objectSpread({}, popupProps), {}, {
+  return React__default.createElement(React__default.Fragment, null, typeof children === "function" && children(selectedValue), React__default.createElement(Popup, {
     visible: innerVisible,
     position: "bottom",
     afterClose: function afterClose2() {
       closePicker();
     }
-  }), React__default.createElement("div", _objectSpread({
+  }, React__default.createElement("div", _objectSpread({
     className: classes,
     style
   }, rest), renderTitleBar(), typeof children !== "function" && children, React__default.createElement("div", {

package/dist/esm/Popover/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:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration: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-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0px;border-left-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0px;border-right-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 14px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-primary-text-color, var(--nutui-gray-1, #1a1a1a));box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{display:flex;align-items:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-menu-item-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-menu-item-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content--top-end{right:0}.nut-popover .nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content--top-start{left:0}.nut-popover .nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content--bottom-end{right:0}.nut-popover .nut-popover-content--left-end{bottom:0}.nut-popover .nut-popover-content--left-start{top:0}.nut-popover .nut-popover-content--right-end{bottom:0}.nut-popover .nut-popover-content--right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
+.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{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:40%;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, 18px)}.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-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0px;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0px;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content--top-end{right:0}.nut-popover .nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content--top-start{left:0}.nut-popover .nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content--bottom-end{right:0}.nut-popover .nut-popover-content--left-end{bottom:0}.nut-popover .nut-popover-content--left-start{top:0}.nut-popover .nut-popover-content--right-end{bottom:0}.nut-popover .nut-popover-content--right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}

package/dist/esm/Popover.js

@@ -235,9 +235,17 @@ var Popover = function Popover2(props) {
       onClick: function onClick3() {
         return handleSelect(item, index);
       }
-    }, item.icon ? item.icon : null, React__default.createElement("div", {
+    }, item.icon ? React__default.createElement("i", {
+      className: "nut-popover-menu-item-icon"
+    }, item.icon) : null, React__default.createElement("div", {
       className: "nut-popover-menu-item-name"
-    }, item.name));
+    }, item.name), item.action && item.action.icon ? React__default.createElement("i", {
+      className: "nut-popover-menu-item-action-icon",
+      onClick: function onClick3(e) {
+        var _item$action, _item$action$onClick;
+        return (_item$action = item.action) === null || _item$action === void 0 ? void 0 : (_item$action$onClick = _item$action.onClick) === null || _item$action$onClick === void 0 ? void 0 : _item$action$onClick.call(_item$action, e);
+      }
+    }, item.action.icon) : null);
   })))));
 };
 Popover.defaultProps = defaultProps;

package/dist/esm/Popup/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:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration: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-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{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:40%;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, 18px)}.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}

package/dist/esm/Popup.js

@@ -6,10 +6,6 @@ import "classnames";
 import "@nutui/icons-react";
 import "./overlay2.js";
 import "./typings.js";
-import "./use-touch.js";
-import "./get-scroll-parent.js";
-import "./can-use-dom.js";
-import "./supports-passive.js";
 import "./Overlay.js";
 export {
   Popup as default

package/dist/esm/Price/style/style.css

@@ -1 +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-price{font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #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-black-3, rgba(0, 0, 0, .06)))!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)}

package/dist/esm/Progress/style/style.css

@@ -1 +1 @@
-.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, #f3f3f3)}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text__inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-brand-text-color, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}
+.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text__inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}

package/dist/esm/PullToRefresh/style/style.css

@@ -1 +1 @@
-.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:14px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-1, #1a1a1a);display:flex;justify-content:center;align-items:center}
+.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:12px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-7, #1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-pulltorefresh-head-content-icons{width:var(--nutui-pulltorefresh-top-icon-width, 36px);height:var(--nutui-pulltorefresh-top-icon-height, 26px);margin-bottom:4px}

package/dist/esm/PullToRefresh.js

@@ -66,7 +66,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   completeText: "",
   completeDelay: 500,
   disabled: false,
-  headHeight: 40,
+  headHeight: 50,
   threshold: 60,
   onRefresh: function onRefresh() {
   }
@@ -252,6 +252,41 @@ var PullToRefresh = function PullToRefresh2(p) {
       passive: false
     } : false
   });
+  var renderIcons = function renderIcons2() {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("i", {
+      className: "".concat(classPrefix, "-head-content-icons")
+    }, (status === "pulling" || status === "complete") && React__default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "36",
+      height: "26",
+      viewBox: "0 0 36 26",
+      fill: "none"
+    }, React__default.createElement("path", {
+      d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z",
+      fill: "#8C8C8C"
+    })), (status === "canRelease" || status === "refreshing") && React__default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "36",
+      height: "26",
+      viewBox: "0 0 36 26",
+      fill: "none"
+    }, React__default.createElement("circle", {
+      cx: "33",
+      cy: "13",
+      r: "3",
+      fill: "#8C8C8C"
+    }), React__default.createElement("circle", {
+      cx: "18",
+      cy: "13",
+      r: "3",
+      fill: "#8C8C8C"
+    }), React__default.createElement("circle", {
+      cx: "3",
+      cy: "13",
+      r: "3",
+      fill: "#8C8C8C"
+    }))));
+  };
   var renderStatusText = function renderStatusText2() {
     if (props.renderText) {
       var _props$renderText;
@@ -279,7 +314,7 @@ var PullToRefresh = function PullToRefresh2(p) {
     style: {
       height: headHeight
     }
-  }, renderStatusText())), React__default.createElement("div", {
+  }, renderIcons(), React__default.createElement("div", null, renderStatusText()))), React__default.createElement("div", {
     className: "".concat(classPrefix, "-content")
   }, props.children));
 };

package/dist/esm/Radio/style/style.css

@@ -1 +1 @@
-.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio--reverse .nut-radio__label{margin-right:var(--nutui-radio-label-margin-left, 6px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05));color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));border:1px solid var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19))}.nut-radio__button--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf));border:1px solid #f6f7f9}.nut-radio .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio__label{margin-left:var(--nutui-radio-label-margin-left, 6px);font-size:var(--nutui-radio-label-font-size, 14px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-radio__label--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf))}.nut-radio__icon{color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-radio__icon--unchecked{color:var(--nutui-radio-icon-disable-color, var(--nutui-gray-2, #757575))}.nut-radio__icon--disable{color:var(--nutui-radio-icon-disable-color2, var(--nutui-gray-3, #bfbfbf))}
+.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio-button-active{border-color:var(--nutui-color-primary, #fa2c19);background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border-color:var(--nutui-color-primary, #fa2c19);background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, 4px);margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-radio-label-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-icon{color:var(--nutui-color-text-disabled, #bfbfbf);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #fa2c19)}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-gray-3, #f6f6f6);border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radio-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:1px solid var(--nutui-color-primary, #fa2c19)}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}

package/dist/esm/RadioGroup/style/style.css

@@ -1 +1 @@
-.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}
+.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio-button-active{border-color:var(--nutui-color-primary, #fa2c19);background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border-color:var(--nutui-color-primary, #fa2c19);background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}

package/dist/esm/RadioGroup.js

@@ -73,7 +73,7 @@ var RadioGroup = React__default.forwardRef(function(props, ref) {
       }
     }
   }, React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "--").concat(props.direction), props.direction))
+    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "-").concat(props.direction), props.direction))
   }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : children));
 });
 RadioGroup.defaultProps = defaultProps;

package/dist/esm/Range/style/style.css

@@ -1 +1 @@
-.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0px;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0px;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0px;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-brand-color, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0px;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}
+.nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0px;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0px;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0px;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8));border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0px;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}

package/dist/esm/Range.js

@@ -208,11 +208,11 @@ var Range = function Range2(props) {
     touch.move(event);
     setDragStatus("draging");
     var rect = getRect(root.current);
-    var delta = touch.deltaX.current;
+    var delta = touch.deltaX;
     var total = rect.width;
     var diff = delta / total * scope();
     if (vertical) {
-      delta = touch.deltaY.current;
+      delta = touch.deltaY;
       total = rect.height;
       diff = delta / total * scope();
     }

package/dist/esm/Rate/style/style.css

@@ -1 +1 @@
-.nut-rate{display:flex}.nut-rate.disabled .nut-rate-item__icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item__icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item__half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item__icon{color:var(--nutui-rate-icon-color, var(--nutui-brand-color, #fa2c19));cursor:pointer}.nut-rate-item__icon--disabled{color:var(--nutui-rate-icon-void-color, var(--nutui-gray-3, #bfbfbf))}.nut-rate-item__icon.nut-rate-item__icon.nut-rate-item__icon--half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item__icon.nut-rate-item__icon:before{position:relative;top:auto;left:auto;transform:none}
+.nut-rate{display:flex}.nut-rate.disabled .nut-rate-item__icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item__icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item__half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item__icon{color:var(--nutui-rate-icon-color, var(--nutui-color-primary, #fa2c19));cursor:pointer}.nut-rate-item__icon--disabled{color:var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-rate-item__icon.nut-rate-item__icon.nut-rate-item__icon--half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item__icon.nut-rate-item__icon:before{position:relative;top:auto;left:auto;transform:none}

package/dist/esm/Rate.js

@@ -23,7 +23,7 @@ function _objectSpread(target) {
 }
 import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
-import { StarFillN } from "@nutui/icons-react";
+import { StarFill } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -53,9 +53,9 @@ var Rate = function Rate2(props) {
     setCountArray(tmp);
   }, [count]);
   var renderIcon = function renderIcon2(n) {
-    return n <= score ? checkedIcon || React__default.createElement(StarFillN, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
+    return n <= score ? checkedIcon || React__default.createElement(StarFill, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
       color: void 0
-    }) : React__default.createElement(StarFillN, null));
+    }) : React__default.createElement(StarFill, null));
   };
   var _onClick = function onClick(e, index) {
     e.preventDefault();

package/dist/esm/SearchBar/style/style.css

@@ -1 +1 @@
-.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 9px 10px);background:var(--nutui-searchbar-background, #fff);color:var(--nutui-gray-1, #1a1a1a);box-sizing:border-box;justify-content:center}.nut-searchbar__content{flex:1;display:flex;align-items:center;justify-content:center;height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-input-background, #f7f7f7);border-radius:var(--nutui-searchbar-content-border-radius, 2px)}.nut-searchbar__icon{padding:0 5px 0 10px;display:flex;justify-content:center}.nut-searchbar__rightin{display:flex;padding:0 5px}.nut-searchbar__input-box{display:flex;align-items:center;flex:1}.nut-searchbar__input{border:0;outline:0;box-sizing:border-box;width:var(--nutui-searchbar-input-width, 100%);height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);width:100%;padding:var(--nutui-searchbar-input-padding, 0 5px);border-radius:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-1, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar__round{border-radius:var(--nutui-searchbar-input-border-radius, 16px)}.nut-searchbar__disabled{cursor:not-allowed}.nut-searchbar__clear{padding:var(--nutui-searchbar-clear-icon-padding, 0 10px 0 5px)}.nut-searchbar__clear i{color:var(--nutui-gray-1, #1a1a1a)!important}.nut-searchbar .pos-right{right:40px}.nut-searchbar__left{display:flex;padding:var(--nutui-searchbar-left-padding, 0 12px 0 0);font-size:var(--nutui-searchbar-left-fontsize, 12px);color:var(--nutui-searchbar-left-color, var(--nutui-gray-1, #1a1a1a))}.nut-searchbar__right{display:flex;padding:var(--nutui-searchbar-right-padding, 0 0 0 8px);font-size:var(--nutui-searchbar-right-fontsize, 14px);color:var(--nutui-searchbar-right-color, var(--nutui-gray-1, #1a1a1a))}
+.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar__content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar__icon{display:flex;justify-content:center;align-items:center}.nut-searchbar__clear,.nut-searchbar__rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar__left,.nut-searchbar__right{display:flex}.nut-searchbar__left.nut-icon,.nut-searchbar__right.nut-icon{width:20px;height:20px}.nut-searchbar__left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar__left>*{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar__left>*:last-child{margin-right:0}.nut-searchbar__right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar__right>*{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar__right>*:first-child{margin-left:0}.nut-searchbar__left>text,.nut-searchbar__left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar__left>text:last-child,.nut-searchbar__left>view:last-child{margin-right:0}.nut-searchbar__right>text,.nut-searchbar__right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar__right>text:first-child,.nut-searchbar__right>view:first-child{margin-left:0}.nut-searchbar__input-box{display:flex;align-items:center;flex:1}.nut-searchbar__input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar__round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar__disabled{cursor:not-allowed}