@nutui/nutui-react 2.4.2 → 2.5.0

package/CHANGELOG.md

@@ -1,49 +1,79 @@
+# v2.5.0
+`2024-03-22`
+
+
+
+* :sparkles: feat(Popover): 新增单条数据的demo展示 (#2117) @xiaoyatong
+* :sparkles: feat(progress): 支持taro的lazy属性 & demo拆解与规范 (#2086) @Alex-huxiyang
+* :bug: fix(dialog): 关闭按钮默认在底部，24px白色图标 (#2118) @irisSong
+* :bug: fix(noticebar): fix docs (#2119) @xiaoyatong
+* :bug: fix(virtuallist): demo拆解与规范 (#2116) @eiinu
+* :bug: fix: 修复address组件onChange参数透传问题 (#2110) @DreamSeeker321
+* :bug: fix(Icon): 小程序下展示异常问题修复 (#2114) @xiaoyatong
+* :bug: fix(swiper): demo拆解与规范 (#2115) @Alex-huxiyang
+* :bug: fix(audio): demo拆解与规范 (#2111) @Alex-huxiyang
+* :bug: fix(animatingnumbers): demo拆解与规范 (#2109) @Alex-huxiyang
+* :bug: fix(video): demo拆解与规范 (#2104) @eiinu
+* :bug: fix(avatarcropper): demo拆解与规范 (#2103) @eiinu
+* :bug: fix(steps): demo拆解与规范 (#2105) @eiinu
+* :bug: fix: 修复 demo 目录报错 (#2107) @eiinu
+* :bug: fix(swipe): 修改demo文案 (#2106) @xiaoyatong
+* :bug: fix(shortpassword): demo拆解与规范 (#2102) @Alex-huxiyang
+* :bug: fix(circleprogress): demo拆解与规范 (#2091) @Alex-huxiyang
+* :bug: fix: vitest (#2101) @xiaoyatong
+* :bug: fix(table): demo拆解与规范 (#2074) @Alex-huxiyang
+* :bug: fix(timeselect): demo拆解与规范 (#2087) @Alex-huxiyang
+* :bug: fix(tabs): demo拆解与规范 (#2066) @yeyu98
+* :bug: fix(signature): demo拆解与规范 (#2099) @Alex-huxiyang
+* :bug: fix(tag): taro 下自定义icon无法展示 (#2088) @eiinu
+* :bug: fix(animate): demo拆解与规范 (#2085) @eiinu
+* :bug: fix(collapse): demo拆解与规范 (#2094) @eiinu
+* :bug: fix(barrage): 简化demo (#2100) @xiaoyatong
+* :bug: fix(barrage): demo拆解与规范 (#2098) @joyfully-W
+* :bug: fix: taro-demo full class (#2095) @eiinu
+* :bug: fix(Ellipsis): 修复小程序环境下给Ellipsis设置字号后工作不正常的问题 (#2078) @FPG-Alan
+* :bug: fix: test (#2096) @xiaoyatong
+* :bug: fix: 代码块修改为等宽字体 (#2092) @eiinu
+* 🚦 Revert "feat(progress): 支持taro的lazy属性 & demo拆解与规范 (#2086)" @oasis-cloud
+* 🏡 chore(calendarcard): demo 拆解与规范 (#2026) @eiinu
+* 🏡 chore: 优化组件类型导出 (#2036) @eiinu
+* 🏡 chore(deps): update dependency happy-dom to v14 (#2097) @renovate[bot]
+* 🏡 chore: update changelog @oasis-cloud
+* 📖 docs(overlay): fix typo @eiinu
+
+
 # v2.4.2
 `2024-03-20`
 
+* 🔨 chore(row): 优化 className (#2054) @eiinu
 * :sparkles: feat(backtop): rtl (#2051) @xiaoyatong
-* :sparkles: feat(badge): 新增 fill 属性 (#2042) @Eiinu
-* :sparkles: feat(button): 增加xlarge,按钮内图标大小追随按钮当前字号 (#2037) @xiaoyatong
-* :sparkles: feat(ci): add issue-close.yml (#2031) @Eiinu
-* :sparkles: feat(infiniteloading): add type props (#2027) @songsong
 * :sparkles: feat(NoticeBar): 增加right 属性,支持更多可自定义内容 @xiaoyatong
-* :sparkles: feat(pulltorefresh): 增加 type 属性，支持深色背景设置 (#2044) @xiaoyatong
-* :bug: fix(address): demo拆解与规范 (#2068) @Alex.huxiyang
-* :bug: fix(avatar): demo规范与调整 (#2071) @Alex.huxiyang
-* :bug: fix(backtop): demo拆解与规范 (#2025) @Alex.huxiyang
+* :bug: fix(address): demo拆解与规范 (#2068) @Alex-huxiyang
+* :bug: fix(avatar): demo规范与调整 (#2071) @Alex-huxiyang
 * :bug: fix(badge): demo拆解与规范 (#2060) @sd
-* :bug: fix(build): 移除构建产物中重复的类型文件 (#2038) @Eiinu
-* :bug: fix(calendarcard): 修复受控模式 (#2063) @Eiinu
+* :bug: fix(calendarcard): 修复受控模式 (#2063) @eiinu
 * :bug: fix(Card): demo拆解与规范 (#2072) @joyfully-W
-* :bug: fix(dialog): demo拆解与规范 (#2069) @songsong
-* :bug: fix(elevator): demo拆解与规范 (#2030) @Alex.huxiyang
-* :bug: fix(ellipsis): 修复设置行数超过内容高度时只显示一行内容的问题 (#2028) @bbf
-* :bug: fix(Empty): 调整默认图片为jd图片 (#2032) @xiaoyatong
-* :bug: fix(fixedNav): demo拆解与规范 (#2048) @Alex.huxiyang
+* :bug: fix(dialog): demo拆解与规范 (#2069) @irisSong
+* :bug: fix(fixedNav): demo拆解与规范 (#2048) @Alex-huxiyang
 * :bug: fix(icon): 处理 rtl 部分 (#2050) @xiaoyatong
-* :bug: fix(indicator): demo拆解与规范 (#2090) @Eiinu
-* :bug: fix(infiniteLoading): demo拆解与规范+增加joy logo的demo (#2081) @songsong
+* :bug: fix(indicator): demo拆解与规范 (#2090) @eiinu
+* :bug: fix(infiniteLoading): demo拆解与规范+增加joy logo的demo (#2081) @irisSong
 * :bug: fix(input): demo拆解与规范 (#2035) @yeyu1998
-* :bug: fix(navbar): demo拆解与规范 (#2055) @Alex.huxiyang
-* :bug: fix(pagination): demo拆解与规范 (#2079) @Alex.huxiyang
-* :bug: fix(popover): 调整demo (#2043) @xiaoyatong
-* :bug: fix(price): demo拆解与规范 (#2082) @Alex.huxiyang
-* :bug: fix(pulltorefresh): demo中下拉图标修改为joy logo (#2084) @songsong
-* :bug: fix(range): touchmove 回调中 rect 获取失败时终止 (#2029) @Eiinu
+* :bug: fix(navbar): demo拆解与规范 (#2055) @Alex-huxiyang
+* :bug: fix(pagination): demo拆解与规范 (#2079) @Alex-huxiyang
+* :bug: fix(price): demo拆解与规范 (#2082) @Alex-huxiyang
+* :bug: fix(pulltorefresh): demo中下拉图标修改为joy logo (#2084) @irisSong
 * :bug: fix(rate): demo拆解与规范 (#2045) @sandra
 * :bug: fix(SearchBar): demo拆解与规范 (#2064) @joyfully-W
-* :bug: fix(sideNavBar): demo拆解与规范 (#2058) @Alex.huxiyang
+* :bug: fix(sideNavBar): demo拆解与规范 (#2058) @Alex-huxiyang
 * :bug: fix(skeleton): demo拆解与规范 (#2047) @sd
-* :bug: fix(sticky): demo拆解与规范 (#2024) @Alex.huxiyang
+* :bug: fix(sticky): demo拆解与规范 (#2024) @Alex-huxiyang
 * :bug: fix(swiper): rtl (#2061) @xiaoyatong
-* :bug: fix(switch):switch组件demo代码重构 (#2033) @姜衿
-* :bug: fix(tabbar): demo拆解与规范&脚本增强 (#2059) @Alex.huxiyang
+* :bug: fix(tabbar): demo拆解与规范&脚本增强 (#2059) @Alex-huxiyang
 * :bug: fix(trendarrow): demo拆解与规范 (#2075) @ber
-* :bug: fix(watermark): demo拆解与规范 (#2083) @Eiinu
-* :bug: fix: fix swipe slide element get rect width error (#2017) @awefeng
-* :bug: fix: update copy-docs-h5-or-taro.js (#2080) @Eiinu
-* 🔨 chore(row): 优化 className (#2054) @Eiinu
-* test: migrate jest to vitest (#2057) @Eiinu
+* :bug: fix(watermark): demo拆解与规范 (#2083) @eiinu
+* :bug: fix: update copy-docs-h5-or-taro.js (#2080) @eiinu
+* test: migrate jest to vitest (#2057) @eiinu
 
 
 # v2.4.1

package/dist/esm/Address.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from "./tslib.es6.js";
 import React__default, { forwardRef, useState, useImperativeHandle } from "react";
 import { Check, Location, ArrowLeft } from "@nutui/icons-react";
-import Popup from "./Popup.js";
+import Popup__default from "./Popup.js";
 import { C as Cascader } from "./cascader2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { useConfig } from "./ConfigProvider.js";
@@ -11,8 +11,8 @@ const CustomRender = (props) => {
   const _a = Object.assign(Object.assign({}, defaultProps$2), props), { children, visible, type, height, options, title, left, value, defaultValue, optionKey, format, onClose, onChange, onPathChange } = _a, rest = __rest(_a, ["children", "visible", "type", "height", "options", "title", "left", "value", "defaultValue", "optionKey", "format", "onClose", "onChange", "onPathChange"]);
   return React__default.createElement(React__default.Fragment, null, type === "custom" && React__default.createElement(Cascader, Object.assign({ visible, value, defaultValue, title, left, options, format, optionKey, onClose: () => {
     onClose === null || onClose === void 0 ? void 0 : onClose();
-  }, onChange: (val) => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+  }, onChange: (val, params) => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
   }, onPathChange }, rest)));
 };
 const defaultProps$1 = {
@@ -113,7 +113,7 @@ const InternalAddress = (props, ref) => {
   return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, { visible: innerVisible, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, closeIcon, options, format, optionKey, type: currentType, height, onClose: handleClose, onChange: (val, params) => {
     onChange === null || onChange === void 0 ? void 0 : onChange(val, params);
   } }) : React__default.createElement(
-    Popup,
+    Popup__default,
     { visible: innerVisible, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion, onClose: handleClose },
     React__default.createElement(
       "div",

package/dist/esm/Audio.js

@@ -2,8 +2,8 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import { Service } from "@nutui/icons-react";
 import classNames from "classnames";
-import Range from "./Range.js";
-import Button from "./Button.js";
+import Range__default from "./Range.js";
+import Button__default from "./Button.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { src: "", muted: false, autoPlay: false, loop: false, preload: "auto", type: "progress", onBack: (e) => {
@@ -120,17 +120,17 @@ const Audio = (props) => {
         React__default.createElement(
           "div",
           { className: `${classPrefix}-progress-bar-wrapper` },
-          React__default.createElement(Range, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
+          React__default.createElement(Range__default, { value: percent, onChange: (val) => setPercent(val), currentDescription: null, maxDescription: null, minDescription: null, "inactive-color": "#cccccc", "active-color": "#fa2c19" })
         ),
         React__default.createElement("div", { className: "time" }, AudioRef.current ? formatSeconds(`${statusRef.current.second}`) : "00:00:00")
       ),
       React__default.createElement(
         "div",
         { className: isCanPlay ? "custom-button-group" : "custom-button-group-disable" },
-        React__default.createElement(Button, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || "快退"),
-        React__default.createElement(Button, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing ? `${locale.audio.pause || "暂停"}` : `${locale.audio.start || "开始"}`),
-        React__default.createElement(Button, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || "快进"),
-        React__default.createElement(Button, { type: AudioRef.current && AudioRef.current.muted ? "default" : "primary", size: "small", onClick: handleMute }, locale.audio.mute || "静音")
+        React__default.createElement(Button__default, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || "快退"),
+        React__default.createElement(Button__default, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing ? `${locale.audio.pause || "暂停"}` : `${locale.audio.start || "开始"}`),
+        React__default.createElement(Button__default, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || "快进"),
+        React__default.createElement(Button__default, { type: AudioRef.current && AudioRef.current.muted ? "default" : "primary", size: "small", onClick: handleMute }, locale.audio.mute || "静音")
       )
     );
   };

package/dist/esm/Avatar.js

@@ -3,9 +3,9 @@ import React__default, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
 import { User } from "@nutui/icons-react";
 import { A as AvatarContext } from "./context2.js";
-import Image from "./Image.js";
+import Image__default from "./Image.js";
 import { C as ComponentDefaults } from "./typings.js";
-import AvatarGroup from "./AvatarGroup.js";
+import AvatarGroup__default from "./AvatarGroup.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { size: "", shape: "round", icon: "", background: "#eee", color: "#666", fit: "cover", src: "", alt: "" });
 const classPrefix = `nut-avatar`;
 const Avatar = (props) => {
@@ -63,7 +63,7 @@ const Avatar = (props) => {
     (!((_k = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _k === void 0 ? void 0 : _k.max) || avatarIndex <= ((_l = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _l === void 0 ? void 0 : _l.max)) && React__default.createElement(
       React__default.Fragment,
       null,
-      src && React__default.createElement(Image, { className: "avatar-img", src, alt, style: { objectFit: fit }, onError: errorEvent }),
+      src && React__default.createElement(Image__default, { className: "avatar-img", src, alt, style: { objectFit: fit }, onError: errorEvent }),
       React__default.isValidElement(icon) ? React__default.cloneElement(icon, Object.assign(Object.assign({}, icon.props), { className: `${icon.props.className || ""} icon` })) : null,
       children && React__default.createElement("span", { className: "text" }, children),
       !src && !icon && !children && React__default.createElement(User, { className: "icon" })
@@ -73,7 +73,7 @@ const Avatar = (props) => {
 };
 Avatar.defaultProps = defaultProps;
 Avatar.displayName = "NutAvatar";
-Avatar.Group = AvatarGroup;
+Avatar.Group = AvatarGroup__default;
 export {
   Avatar as default
 };

package/dist/esm/AvatarCropper.js

@@ -1,16 +1,16 @@
 import { _ as __rest, a as __awaiter } from "./tslib.es6.js";
 import React__default, { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import classNames from "classnames";
-import Button from "./Button.js";
+import Button__default from "./Button.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as useTouch } from "./use-touch.js";
 import { p as preventDefault, c as clamp } from "./index.js";
 import { g as getRect } from "./use-client-rect.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { maxZoom: 3, space: 10, toolbar: [
-  React__default.createElement(Button, { type: "danger", key: "cancel" }, "取消"),
-  React__default.createElement(Button, { key: "reset" }, "重置"),
-  React__default.createElement(Button, { key: "rotate" }, "旋转"),
-  React__default.createElement(Button, { type: "success", key: "confirm" }, "确认")
+  React__default.createElement(Button__default, { type: "danger", key: "cancel" }, "取消"),
+  React__default.createElement(Button__default, { key: "reset" }, "重置"),
+  React__default.createElement(Button__default, { key: "rotate" }, "旋转"),
+  React__default.createElement(Button__default, { type: "success", key: "confirm" }, "确认")
 ], toolbarPosition: "bottom", editText: "编辑", shape: "square" });
 const classPrefix = `nut-avatar-cropper`;
 const AvatarCropper = (props) => {

package/dist/esm/Calendar.js

@@ -1,6 +1,6 @@
 import React__default, { useRef } from "react";
-import Popup from "./Popup.js";
-import CalendarItem from "./CalendarItem.js";
+import Popup__default from "./Popup.js";
+import CalendarItem__default from "./CalendarItem.js";
 import { U as Utils } from "./date.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -37,9 +37,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     scrollToDate
   }));
   const renderItem = () => {
-    return React__default.createElement(CalendarItem, { ref: calendarRef, style, className, children, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onDayClick: select, onPageChange: yearMonthChange });
+    return React__default.createElement(CalendarItem__default, { ref: calendarRef, style, className, children, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onDayClick: select, onPageChange: yearMonthChange });
   };
-  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" } }, renderItem()) : renderItem());
+  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup__default, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" } }, renderItem()) : renderItem());
 });
 Calendar.defaultProps = defaultProps;
 Calendar.displayName = "NutCalendar";

package/dist/esm/Card.js

@@ -1,8 +1,8 @@
 import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
-import Price from "./Price.js";
-import Tag from "./Tag.js";
+import Price__default from "./Price.js";
+import Tag__default from "./Tag.js";
 import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { src: "", title: "", price: "", vipPrice: "", shopDescription: "", delivery: "", shopName: "", description: "", tag: "", priceTag: "", extra: "" });
 const Card = (props) => {
@@ -24,14 +24,14 @@ const Card = (props) => {
       React__default.createElement(
         "div",
         { className: `${classPrefix}-right-price` },
-        React__default.createElement(Price, { size: "normal", price }),
-        priceTag || React__default.createElement(Price, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
+        React__default.createElement(Price__default, { size: "normal", price }),
+        priceTag || React__default.createElement(Price__default, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
       ),
       React__default.createElement("div", { className: `${classPrefix}-right-other` }, tag || React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(Tag, { type: "danger" }, shopDescription),
-        React__default.createElement(Tag, { plain: true }, delivery)
+        React__default.createElement(Tag__default, { type: "danger" }, shopDescription),
+        React__default.createElement(Tag__default, { plain: true }, delivery)
       )),
       React__default.createElement(
         "div",

package/dist/esm/Cell.js

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-import CellGroup from "./CellGroup.js";
+import CellGroup__default from "./CellGroup.js";
 import { C as CellGroupContext } from "./context.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, description: null, extra: null, radius: "6px", align: "flex-start", onClick: (event) => {
 } });
@@ -36,7 +36,7 @@ const Cell = (props) => {
 };
 Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";
-Cell.Group = CellGroup;
+Cell.Group = CellGroup__default;
 export {
   Cell as default
 };

package/dist/esm/DatePicker.js

@@ -1,6 +1,6 @@
 import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useEffect } from "react";
-import Picker from "./Picker.js";
+import Picker__default from "./Picker.js";
 import { useConfig } from "./ConfigProvider.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -221,7 +221,7 @@ const DatePicker = (props) => {
   useEffect(() => {
     setPickerOptions(columns());
   }, [selectedDate, startDate, endDate]);
-  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length && React__default.createElement(Picker, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
+  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
 };
 DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = "NutDatePicker";

package/dist/esm/Dialog/style/style.css

@@ -1 +1 @@
-.nut-button{position:relative;display:flex;display:inline-block;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;margin:0;padding:0;height:var(--nutui-button-default-height, 32px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-7, #1a1a1a));background:var(--nutui-button-default-background-color, transparent)}.nut-button-text{margin-left:var(--nutui-button-text-icon-margin, 4px)}.nut-button-text.right{margin-right:var(--nutui-button-text-icon-margin, 4px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button-wrap .nut-icon{font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));width:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));height:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px))}.nut-button-loading:before,.nut-button-disabled:before{display:none}.nut-button.nut-button-icononly{width:var(--nutui-button-default-height, 32px);padding:0}.nut-button-default{padding:var(--nutui-button-default-padding, 0px 16px);border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, var(--nutui-gray-6, #595959))}.nut-button-default.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));background:transparent}.nut-button-default.nut-button-none{background:transparent}.nut-button-default.nut-button-none.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c))}.nut-button-default.nut-button-outline,.nut-button-default.nut-button-dashed{background:transparent}.nut-button-default.nut-button-outline.nut-button-disabled,.nut-button-default.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-normal{padding:var(--nutui-button-normal-padding, 0px 16px)}.nut-button-xlarge{height:var(--nutui-button-xlarge-height, 48px);padding:var(--nutui-button-xlarge-padding, 0px 32px);font-size:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500))}.nut-button-xlarge .nut-icon{font-size:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));width:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));height:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px))}.nut-button-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 20px);font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500))}.nut-button-large .nut-icon{font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));width:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));height:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px))}.nut-button-small{height:var(--nutui-button-small-height, 28px);padding:var(--nutui-button-small-padding, 0px 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-small .nut-icon{font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));width:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));height:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 8px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini .nut-icon{font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));width:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));height:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-primary.nut-button-disabled{background:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-none{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-none.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-outline{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-outline.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-dashed{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) dashed var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-success-background-color, var(--nutui-color-success, #00bc14));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-success.nut-button-disabled{background:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));border-color:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae))}.nut-button-success.nut-button-outline,.nut-button-success.nut-button-dashed{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));border-color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));background:transparent}.nut-button-success.nut-button-outline.nut-button-disabled,.nut-button-success.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success.nut-button-none{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14))}.nut-button-info{color:var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-info-background-color, var(--nutui-color-info-background, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-info.nut-button-disabled{background:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));border-color:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8))}.nut-button-info.nut-button-outline,.nut-button-info.nut-button-dashed{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));border-color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));background:transparent}.nut-button-info.nut-button-outline.nut-button-disabled,.nut-button-info.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-info.nut-button-none{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa))}.nut-button-danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-danger-background-color, var(--nutui-color-danger, #fa2c19));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-danger.nut-button-disabled{background:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-outline,.nut-button-danger.nut-button-dashed{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19));border-color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19));background:transparent}.nut-button-danger.nut-button-outline.nut-button-disabled,.nut-button-danger.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-none{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19))}.nut-button-warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-warning.nut-button-disabled{background:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-outline,.nut-button-warning.nut-button-dashed{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));border-color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));background:transparent}.nut-button-warning.nut-button-outline.nut-button-disabled,.nut-button-warning.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-none{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-button-block{display:block;width:100%}.nut-button-solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-solid.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button.nut-button-outline,.nut-button.nut-button-dashed{background:transparent}.nut-button.nut-button-none{border-color:transparent;background:transparent}.nut-button-disabled{cursor:not-allowed;color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-loading{cursor:default;opacity:.9}.nut-button-round{border-radius:var(--nutui-button-border-radius, 24px)}.nut-button-round.nut-button-xlarge,.nut-button-round.nut-button-large{border-radius:var(--nutui-button-large-border-radius, 24px)}.nut-button-round.nut-button-small{border-radius:var(--nutui-button-small-border-radius, 24px)}.nut-button-round.nut-button-mini{border-radius:var(--nutui-button-mini-border-radius, 24px)}.nut-button-square{border-radius:var(--nutui-button-square-border-radius, 0)}[dir=rtl] .nut-button-text,.nut-rtl .nut-button-text{margin-left:0;margin-right:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button-text.right,.nut-rtl .nut-button-text.right{margin-left:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button:before,.nut-rtl .nut-button:before{left:auto;right:50%;transform:translate(50%,-50%)}.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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 295px);max-height:67%;min-height:var(--nutui-dialog-min-height, 124px);padding:var(--nutui-dialog-padding, 24px);box-sizing:border-box}.nut-dialog-overlay{--nutui-overlay-zIndex: 1200}.nut-dialog-outer{position:fixed;max-height:100%;background-color:#fff;transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-border-radius, 16px);z-index:var(--nutui-dialog-z-index, 1200);animation-duration:.3s}.nut-dialog-close{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-dialog-close-width, 18px);height:var(--nutui-dialog-close-height, 18px);display:flex;justify-content:center;align-items:center;top:var(--nutui-dialog-close-top, 16px);color:var(--nutui-dialog-close-color, #8c8c8c)}.nut-dialog-close-top-right{right:var(--nutui-dialog-close-right, 16px)}.nut-dialog-close-top-left{left:var(--nutui-dialog-close-left, 16px)}.nut-dialog-close-bottom{top:initial;bottom:-56px;left:50%;transform:translate(-50%)}.nut-dialog-close:active{opacity:.7}.nut-dialog-header{display:block;text-align:center;font-size:var(--nutui-dialog-header-font-size, var(--nutui-font-size-4, 16px));font-weight:var(--nutui-dialog-header-font-weight, normal);color:var(--nutui-gray-7, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog-content{width:100%;margin:var(--nutui-dialog-content-margin, 5px 0 24px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 20px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-6, #595959);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, left);overflow-y:auto}.nut-dialog-footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog-footer.vertical{flex-direction:column}.nut-dialog-footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-ok{order:1}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel{border:0;color:var(--nutui-gray-6, #595959);order:2;display:flex;align-items:flex-end;margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 5px)}.nut-dialog-footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 117px)}.nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 12px)}.nut-dialog-footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}[dir=rtl] .nut-dialog-outer,.nut-rtl .nut-dialog-outer{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[dir=rtl] .nut-dialog-close-top-right,.nut-rtl .nut-dialog-close-top-right{right:auto;left:var(--nutui-dialog-close-right, 16px)}[dir=rtl] .nut-dialog-close-top-left,.nut-rtl .nut-dialog-close-top-left{left:auto;right:var(--nutui-dialog-close-left, 16px)}[dir=rtl] .nut-dialog-footer-cancel.nut-dialog-footer-cancel,.nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:0;margin-left:var(--nutui-dialog-footer-cancel-margin-right, 12px)}[dir=rtl] .nut-dialog-content,.nut-rtl .nut-dialog-content{text-align:var(--nutui-dialog-content-text-align, right)}
+.nut-button{position:relative;display:flex;display:inline-block;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;margin:0;padding:0;height:var(--nutui-button-default-height, 32px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-7, #1a1a1a));background:var(--nutui-button-default-background-color, transparent)}.nut-button-text{margin-left:var(--nutui-button-text-icon-margin, 4px)}.nut-button-text.right{margin-right:var(--nutui-button-text-icon-margin, 4px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button-wrap .nut-icon{font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));width:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));height:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px))}.nut-button-loading:before,.nut-button-disabled:before{display:none}.nut-button.nut-button-icononly{width:var(--nutui-button-default-height, 32px);padding:0}.nut-button-default{padding:var(--nutui-button-default-padding, 0px 16px);border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, var(--nutui-gray-6, #595959))}.nut-button-default.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));background:transparent}.nut-button-default.nut-button-none{background:transparent}.nut-button-default.nut-button-none.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c))}.nut-button-default.nut-button-outline,.nut-button-default.nut-button-dashed{background:transparent}.nut-button-default.nut-button-outline.nut-button-disabled,.nut-button-default.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-normal{padding:var(--nutui-button-normal-padding, 0px 16px)}.nut-button-xlarge{height:var(--nutui-button-xlarge-height, 48px);padding:var(--nutui-button-xlarge-padding, 0px 32px);font-size:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500))}.nut-button-xlarge .nut-icon{font-size:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));width:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));height:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px))}.nut-button-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 20px);font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500))}.nut-button-large .nut-icon{font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));width:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));height:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px))}.nut-button-small{height:var(--nutui-button-small-height, 28px);padding:var(--nutui-button-small-padding, 0px 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-small .nut-icon{font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));width:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));height:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 8px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini .nut-icon{font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));width:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));height:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-primary.nut-button-disabled{background:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-none{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-none.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-outline{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-outline.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-dashed{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) dashed var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-success-background-color, var(--nutui-color-success, #00bc14));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-success.nut-button-disabled{background:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));border-color:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae))}.nut-button-success.nut-button-outline,.nut-button-success.nut-button-dashed{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));border-color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));background:transparent}.nut-button-success.nut-button-outline.nut-button-disabled,.nut-button-success.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success.nut-button-none{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14))}.nut-button-info{color:var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-info-background-color, var(--nutui-color-info-background, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-info.nut-button-disabled{background:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));border-color:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8))}.nut-button-info.nut-button-outline,.nut-button-info.nut-button-dashed{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));border-color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));background:transparent}.nut-button-info.nut-button-outline.nut-button-disabled,.nut-button-info.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-info.nut-button-none{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa))}.nut-button-danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-danger-background-color, var(--nutui-color-danger, #fa2c19));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-danger.nut-button-disabled{background:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-outline,.nut-button-danger.nut-button-dashed{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19));border-color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19));background:transparent}.nut-button-danger.nut-button-outline.nut-button-disabled,.nut-button-danger.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-none{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19))}.nut-button-warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-warning.nut-button-disabled{background:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-outline,.nut-button-warning.nut-button-dashed{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));border-color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));background:transparent}.nut-button-warning.nut-button-outline.nut-button-disabled,.nut-button-warning.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-none{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-button-block{display:block;width:100%}.nut-button-solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-solid.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button.nut-button-outline,.nut-button.nut-button-dashed{background:transparent}.nut-button.nut-button-none{border-color:transparent;background:transparent}.nut-button-disabled{cursor:not-allowed;color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-loading{cursor:default;opacity:.9}.nut-button-round{border-radius:var(--nutui-button-border-radius, 24px)}.nut-button-round.nut-button-xlarge,.nut-button-round.nut-button-large{border-radius:var(--nutui-button-large-border-radius, 24px)}.nut-button-round.nut-button-small{border-radius:var(--nutui-button-small-border-radius, 24px)}.nut-button-round.nut-button-mini{border-radius:var(--nutui-button-mini-border-radius, 24px)}.nut-button-square{border-radius:var(--nutui-button-square-border-radius, 0)}[dir=rtl] .nut-button-text,.nut-rtl .nut-button-text{margin-left:0;margin-right:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button-text.right,.nut-rtl .nut-button-text.right{margin-left:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button:before,.nut-rtl .nut-button:before{left:auto;right:50%;transform:translate(50%,-50%)}.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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 295px);max-height:67%;min-height:var(--nutui-dialog-min-height, 124px);padding:var(--nutui-dialog-padding, 24px);box-sizing:border-box}.nut-dialog-overlay{--nutui-overlay-zIndex: 1200}.nut-dialog-outer{position:fixed;max-height:100%;background-color:#fff;transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-border-radius, 16px);z-index:var(--nutui-dialog-z-index, 1200);animation-duration:.3s}.nut-dialog-close{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-dialog-close-width, 18px);height:var(--nutui-dialog-close-height, 18px);display:flex;justify-content:center;align-items:center;top:var(--nutui-dialog-close-top, 16px);color:var(--nutui-dialog-close-color, #ffffff)}.nut-dialog-close .nut-icon{font-size:24px;height:24px;width:24px}.nut-dialog-close-top-right{right:var(--nutui-dialog-close-right, 16px)}.nut-dialog-close-top-left{left:var(--nutui-dialog-close-left, 16px)}.nut-dialog-close-bottom{top:initial;bottom:-56px;left:50%;transform:translate(-50%)}.nut-dialog-close:active{opacity:.7}.nut-dialog-header{display:block;text-align:center;font-size:var(--nutui-dialog-header-font-size, var(--nutui-font-size-4, 16px));font-weight:var(--nutui-dialog-header-font-weight, normal);color:var(--nutui-gray-7, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog-content{width:100%;margin:var(--nutui-dialog-content-margin, 5px 0 24px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 20px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-6, #595959);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, left);overflow-y:auto}.nut-dialog-footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog-footer.vertical{flex-direction:column}.nut-dialog-footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-ok{order:1}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel{border:0;color:var(--nutui-gray-6, #595959);order:2;display:flex;align-items:flex-end;margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 5px)}.nut-dialog-footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 117px)}.nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 12px)}.nut-dialog-footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}[dir=rtl] .nut-dialog-outer,.nut-rtl .nut-dialog-outer{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[dir=rtl] .nut-dialog-close-top-right,.nut-rtl .nut-dialog-close-top-right{right:auto;left:var(--nutui-dialog-close-right, 16px)}[dir=rtl] .nut-dialog-close-top-left,.nut-rtl .nut-dialog-close-top-left{left:auto;right:var(--nutui-dialog-close-left, 16px)}[dir=rtl] .nut-dialog-footer-cancel.nut-dialog-footer-cancel,.nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:0;margin-left:var(--nutui-dialog-footer-cancel-margin-right, 12px)}[dir=rtl] .nut-dialog-content,.nut-rtl .nut-dialog-content{text-align:var(--nutui-dialog-content-text-align, right)}

package/dist/esm/Dialog.js

@@ -2,12 +2,12 @@ import { _ as __rest, a as __awaiter } from "./tslib.es6.js";
 import React__default, { forwardRef, useState } from "react";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
-import Button from "./Button.js";
+import Button__default from "./Button.js";
 import { r as render, u as unmount } from "./render.js";
 import { CSSTransition } from "react-transition-group";
 import { d as defaultOverlayProps } from "./overlay2.js";
 import { C as ComponentDefaults } from "./typings.js";
-import Overlay from "./Overlay.js";
+import Overlay__default from "./Overlay.js";
 import { useConfig } from "./ConfigProvider.js";
 function ConfirmDialog(props) {
   return React__default.createElement(Dialog, Object.assign({}, props), props.content);
@@ -137,7 +137,7 @@ const DialogWrap = (props) => {
   return React__default.createElement(
     React__default.Fragment,
     null,
-    overlay ? React__default.createElement(Overlay, { style: overlayStyle, className: classNames("nut-dialog-overlay", overlayClassName), visible, closeOnOverlayClick, lockScroll, onClick: onHandleClickOverlay }) : null,
+    overlay ? React__default.createElement(Overlay__default, { style: overlayStyle, className: classNames("nut-dialog-overlay", overlayClassName), visible, closeOnOverlayClick, lockScroll, onClick: onHandleClickOverlay }) : null,
     React__default.createElement(
       CSSTransition,
       { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
@@ -147,7 +147,7 @@ const DialogWrap = (props) => {
 };
 DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "top-right", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "bottom", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
 const BaseDialog = (props, ref) => {
   const { locale } = useConfig();
   const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = props;
@@ -180,8 +180,8 @@ const BaseDialog = (props, ref) => {
     return footer || React__default.createElement(
       React__default.Fragment,
       null,
-      !hideCancelButton && React__default.createElement(Button, { type: "default", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
-      !hideConfirmButton && React__default.createElement(Button, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
+      !hideCancelButton && React__default.createElement(Button__default, { type: "default", className: `${classPrefix}-footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel),
+      !hideConfirmButton && React__default.createElement(Button__default, { type: "primary", className: classNames(`${classPrefix}-footer-ok`, {
         disabled: disableConfirmButton
       }), disabled: disableConfirmButton, onClick: (e) => handleOk(e), loading }, confirmText || locale.confirm)
     );

package/dist/esm/FixedNav.js

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { ArrowLeft } from "@nutui/icons-react";
-import Overlay from "./Overlay.js";
+import Overlay__default from "./Overlay.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeText: "", inactiveText: "", type: "right", position: {
@@ -25,7 +25,7 @@ const FixedNav = (props) => {
   return React__default.createElement(
     "div",
     Object.assign({ className: classes, style: Object.assign(Object.assign({}, position), style) }, rest),
-    overlay && React__default.createElement(Overlay, { visible, style: { "--nutui-overlay-zIndex": 200 }, onClick: () => onUpdateValue(false) }),
+    overlay && React__default.createElement(Overlay__default, { visible, style: { "--nutui-overlay-zIndex": 200 }, onClick: () => onUpdateValue(false) }),
     React__default.createElement("div", { className: "list" }, children || React__default.createElement("div", { className: `${classPrefix}-list` }, list.map((item, index) => {
       return React__default.createElement(
         "div",

package/dist/esm/Form.js

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
-import Cell from "./Cell.js";
+import Cell__default from "./Cell.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", divider: false, onFinish: (values) => {
 }, onFinishFailed: (values, errorFields) => {
 } });
@@ -45,10 +45,10 @@ const Form = React__default.forwardRef((props, ref) => {
       resetFields();
     } },
     React__default.createElement(
-      Cell.Group,
+      Cell__default.Group,
       { divider },
       React__default.createElement(Context.Provider, { value: formInstance }, children),
-      footer ? React__default.createElement(Cell, null, footer) : null
+      footer ? React__default.createElement(Cell__default, null, footer) : null
     )
   );
 });

package/dist/esm/ImagePreview.js

@@ -1,11 +1,11 @@
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react";
-import Popup from "./Popup.js";
-import Image from "./Image.js";
-import Video from "./Video.js";
-import Swiper from "./Swiper.js";
-import SwiperItem from "./SwiperItem.js";
+import Popup__default from "./Popup.js";
+import Image__default from "./Image.js";
+import Video__default from "./Video.js";
+import Swiper__default from "./Swiper.js";
+import SwiperItem__default from "./SwiperItem.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { images: [], videos: [], visible: false, autoPlay: 3e3, defaultValue: 0, closeOnContentClick: false, indicator: false, indicatorColor: "#fff", closeIcon: false, closeIconPosition: "top-right", onChange: (value) => {
@@ -138,25 +138,25 @@ const ImagePreview = (props) => {
     }
   };
   return React__default.createElement(
-    Popup,
+    Popup__default,
     { visible: showPop, className: `${classPrefix}-pop`, style: { width: "100%" }, onClick: onCloseInner },
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style, ref, onClick: closeOnImg, onTouchStart },
-      React__default.createElement(Swiper, { autoPlay, className: `${classPrefix}-swiper`, loop: true, preventDefault: false, style: {
+      React__default.createElement(Swiper__default, { autoPlay, className: `${classPrefix}-swiper`, loop: true, preventDefault: false, style: {
         display: showPop ? "block" : "none",
         "--nutui-indicator-color": indicatorColor
       }, direction: "horizontal", onChange: (page) => slideChangeEnd(page), defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1), indicator }, (videos && videos.length > 0 ? videos.map((item, index) => {
         return React__default.createElement(
-          SwiperItem,
+          SwiperItem__default,
           { key: index },
-          React__default.createElement(Video, { source: item.source, options: item.options })
+          React__default.createElement(Video__default, { source: item.source, options: item.options })
         );
       }) : []).concat(images && images.length > 0 ? images.map((item, index) => {
         return React__default.createElement(
-          SwiperItem,
+          SwiperItem__default,
           { key: index },
-          React__default.createElement(Image, { src: item.src })
+          React__default.createElement(Image__default, { src: item.src })
         );
       }) : []))
     ),

package/dist/esm/NumberKeyboard.js

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useMemo, useState } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react";
-import Popup from "./Popup.js";
+import Popup__default from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
@@ -88,7 +88,7 @@ const NumberKeyboard = (props) => {
     );
   };
   return React__default.createElement(
-    Popup,
+    Popup__default,
     Object.assign({ visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }, rest),
     React__default.createElement(
       "div",