@nutui/nutui-react-taro 2.0.5 → 2.0.6-beta.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# v2.0.6
+`2023-07-21`
+
+* :bug: fix(Address): 修复Address组件通过点击CloseIcon和Overlay关闭后，无法再次打开的问题 (#1233) @Tralafalgar Wang
+* :bug: fix(button): 渐变色导致边框出现重叠 (#1250) @oasis-cloud
+
+
 # v2.0.5
 `2023-07-19`
 

package/dist/esm/Address.js

@@ -1,4 +1,4 @@
-import { A as Address } from "./address.taro-35c68034.js";
+import { A as Address } from "./address.taro-9a503694.js";
 import "react";
 import "@nutui/icons-react-taro";
 import "./popup.taro-6ecef0f4.js";

package/dist/esm/Audio/style/style.css

@@ -1 +1 @@
-.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.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-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--nutui-gray-6, #ffffff);border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.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-audio__icon{position:relative;display:inline-block}.nut-audio__icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--nutui-gray-6, #ffffff);border-radius:50%;box-shadow:0 0 8px #75757580}.nut-audio__icon-box .nut-icon-am-rotate{transform:rotate(360);animation-timing-function:ease-in-out}.nut-audio__icon .nut-audio__icon-stop{position:relative}.nut-audio__icon .nut-audio__icon-stop:after{position:absolute;left:50%;top:50%;transform:translate(-50%);content:"";height:2px;width:30px;background:var(--nutui-gray-3, #bfbfbf);transform:rotate(45deg);transform-origin:8px -18px}.nut-audio__progress{display:flex;align-items:center;width:100%;margin:0 auto;padding:10px 0}.nut-audio__progress-bar-wrapper{flex:1;margin:0 10px}.nut-audio__progress .time{min-width:50px;font-size:12px;text-align:center}.nut-audio__progress .nut-range-button{width:8px;height:8px}.nut-audio .custom-button-group .nut-button--primary{margin:0 5px}.nut-audio .custom-button-group-disable .nut-button--primary{margin:0 5px;pointer-events:none}.nut-audio .disable{color:#00f}.nut-audio .nut-audio__none-container .nut-voice{border:1px solid var(--nutui-gray-1, #1a1a1a);align-items:center}

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

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

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

@@ -1 +1 @@
-.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .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{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, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);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-outer-border-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.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-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19))}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2)}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38))}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25))}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .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{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, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);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-outer-border-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.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-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}

package/dist/esm/{address.taro-35c68034.js → address.taro-9a503694.js}

@@ -1,9 +1,10 @@
-import React__default, { useState, useEffect } from "react";
+import React__default, { forwardRef, useState, useImperativeHandle } from "react";
 import { Check, Location2, Left } from "@nutui/icons-react-taro";
 import { P as Popup } from "./popup.taro-6ecef0f4.js";
 import { u as useConfig } from "./configprovider.taro-974adb9a.js";
 import { C as Cascader } from "./cascader.taro-b68a89ca.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
+import { u as usePropsValue } from "./use-props-value-e8331e19.js";
 const defaultProps$2 = {
   type: "custom",
   existList: [],
@@ -75,7 +76,6 @@ const CustomRender = (props) => {
 };
 const defaultProps = {
   ...ComponentDefaults,
-  visible: false,
   defaultValue: [],
   type: "custom",
   options: [],
@@ -89,27 +89,39 @@ const defaultProps = {
   closeIcon: null,
   backIcon: null
 };
-const Address = (props) => {
+const InternalAddress = (props, ref) => {
   const { locale } = useConfig();
-  const { style, className, visible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch, ...rest } = {
+  const { style, className, visible, defaultVisible, defaultValue, children, type, options, optionKey, format, height, title, existList, custom, selectIcon, defaultIcon, closeIcon, backIcon, onChange, onExistSelect, onClose, onSwitch, ...rest } = {
     ...defaultProps,
     ...props
   };
   const classPrefix = "nut-address";
   const [currentType, setCurrentType] = useState(type);
-  const [showPopup, setShowPopup] = useState(visible);
-  const handClose = () => {
-    setShowPopup(false);
+  const [innerVisible, setInnerVisible] = usePropsValue({
+    value: visible,
+    defaultValue: defaultVisible,
+    finalValue: defaultVisible
+  });
+  useImperativeHandle(ref, () => {
+    return {
+      open() {
+        setInnerVisible(true);
+      },
+      close() {
+        setInnerVisible(false);
+      }
+    };
+  });
+  const handleClose = () => {
+    setInnerVisible(false);
+    onClose && onClose();
   };
-  useEffect(() => {
-    setShowPopup(visible);
-  }, [visible]);
   const renderLeftOnCustomSwitch = () => {
     return React__default.createElement(React__default.Fragment, null, custom && React__default.createElement("div", { className: `${classPrefix}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : React__default.createElement(Left, { color: "#cccccc" })));
   };
   const selectedExistItem = (data) => {
     onExistSelect && onExistSelect(data);
-    handClose();
+    handleClose();
   };
   const onSwitchModule = () => {
     if (currentType === "exist") {
@@ -119,11 +131,11 @@ const Address = (props) => {
     }
     onSwitch && onSwitch({ type: currentType });
   };
-  return React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? React__default.createElement(CustomRender, { visible: showPopup, closeable: true, title: title || locale.address.selectRegion, left: renderLeftOnCustomSwitch(), defaultValue, options, format, optionKey, type: currentType, height, onClose: handClose, onChange: (val, params) => {
+  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, options, format, optionKey, type: currentType, height, onClose: handleClose, onChange: (val, params) => {
     onChange == null ? void 0 : onChange(val, params);
   } }) : React__default.createElement(
     Popup,
-    { visible: showPopup, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion },
+    { visible: innerVisible, position: "bottom", round: true, closeable: true, closeIcon, title: title || locale.address.selectRegion, onClose: handleClose },
     React__default.createElement(
       "div",
       { className: `${classPrefix} ${className || ""}`, style: { ...style } },
@@ -132,6 +144,7 @@ const Address = (props) => {
     )
   ));
 };
+const Address = forwardRef(InternalAddress);
 Address.defaultProps = defaultProps;
 Address.displayName = "NutAddress";
 export {

package/dist/esm/nutui-react.es.js

@@ -22,7 +22,7 @@ import { T } from "./tabbar.taro-3046d794.js";
 import { T as T2 } from "./tabbaritem.taro-fdaf7d3a.js";
 import { T as T3 } from "./tabpane.taro-d0eea168.js";
 import { T as T4 } from "./tabs.taro-927b95e4.js";
-import { A } from "./address.taro-35c68034.js";
+import { A } from "./address.taro-9a503694.js";
 import { C as C5 } from "./calendar.taro-a91e6a63.js";
 import { C as C6 } from "./calendaritem.taro-a4532b45.js";
 import { C as C7 } from "./cascader.taro-b68a89ca.js";

package/dist/esm/types/src/packages/address/address.d.ts

@@ -1,8 +1,13 @@
-import React, { FunctionComponent } from 'react';
+import React, { ForwardRefRenderFunction } from 'react';
 import { AddressList } from './type';
 import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from '@/packages/cascader/index';
+type AddressRef = {
+    open: () => void;
+    close: () => void;
+};
 export interface AddressProps extends CascaderProps {
     visible: boolean;
+    defaultVisible: boolean;
     value?: CascaderValue;
     defaultValue?: CascaderValue;
     type: string;
@@ -20,4 +25,6 @@ export interface AddressProps extends CascaderProps {
     }) => void;
     onExistSelect?: (data: AddressList) => void;
 }
-export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title'>>;
+export declare const InternalAddress: ForwardRefRenderFunction<AddressRef, Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title'>>;
+export declare const Address: React.ForwardRefExoticComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "defaultValue" | "onChange" | "onLoad"> & React.RefAttributes<AddressRef>>;
+export {};

package/dist/esm/types/src/packages/address/address.taro.d.ts

@@ -1,8 +1,13 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
 import { AddressList } from './type';
 import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from '@/packages/cascader/index.taro';
+type AddressRef = {
+    open: () => void;
+    close: () => void;
+};
 export interface AddressProps extends CascaderProps {
     visible: boolean;
+    defaultVisible: boolean;
     value?: CascaderValue;
     defaultValue?: CascaderValue;
     type: string;
@@ -20,4 +25,5 @@ export interface AddressProps extends CascaderProps {
     }) => void;
     onExistSelect?: (data: AddressList) => void;
 }
-export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onLoad' | 'title' | 'onClick'>>;
+export declare const Address: React.ForwardRefExoticComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onClick" | "title" | "defaultValue" | "onChange" | "onLoad"> & React.RefAttributes<AddressRef>>;
+export {};

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:46:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -5,12 +5,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:09 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:45:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
-import React__default, { useCallback, createContext, useContext, useState, useEffect, useRef, useMemo as useMemo$1, isValidElement, useImperativeHandle, forwardRef, Component, Children } from "react";
+import React__default, { useCallback, createContext, useContext, useState, useEffect, useRef, useMemo as useMemo$1, isValidElement, forwardRef, useImperativeHandle, Component, Children } from "react";
 import Taro, { getEnv, usePageScroll, getSystemInfoSync, pageScrollTo, nextTick, createSelectorQuery, ENV_TYPE, canvasToTempFilePath, uploadFile, chooseMedia, chooseImage, useReady, createInnerAudioContext, getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
 import { Image as Image$2, View, ScrollView, PickerView, PickerViewColumn, Input as Input$1, Textarea, Swiper as Swiper$1, SwiperItem as SwiperItem$1, Video as Video$1 } from "@tarojs/components";
 import ReactDOM, { createPortal } from "react-dom";
@@ -7393,7 +7393,6 @@ const CustomRender = (props) => {
 };
 const defaultProps$11 = {
   ...ComponentDefaults,
-  visible: false,
   defaultValue: [],
   type: "custom",
   options: [],
@@ -7407,12 +7406,13 @@ const defaultProps$11 = {
   closeIcon: null,
   backIcon: null
 };
-const Address = (props) => {
+const InternalAddress = (props, ref) => {
   const { locale } = useConfig();
   const {
     style,
     className,
     visible,
+    defaultVisible,
     defaultValue,
     children,
     type: type4,
@@ -7438,19 +7438,31 @@ const Address = (props) => {
   };
   const classPrefix2 = "nut-address";
   const [currentType, setCurrentType] = useState(type4);
-  const [showPopup, setShowPopup] = useState(visible);
-  const handClose = () => {
-    setShowPopup(false);
+  const [innerVisible, setInnerVisible] = usePropsValue({
+    value: visible,
+    defaultValue: defaultVisible,
+    finalValue: defaultVisible
+  });
+  useImperativeHandle(ref, () => {
+    return {
+      open() {
+        setInnerVisible(true);
+      },
+      close() {
+        setInnerVisible(false);
+      }
+    };
+  });
+  const handleClose = () => {
+    setInnerVisible(false);
+    onClose && onClose();
   };
-  useEffect(() => {
-    setShowPopup(visible);
-  }, [visible]);
   const renderLeftOnCustomSwitch = () => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, custom && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React__default.createElement(a$i, { color: "#cccccc" })));
   };
   const selectedExistItem = (data) => {
     onExistSelect && onExistSelect(data);
-    handClose();
+    handleClose();
   };
   const onSwitchModule = () => {
     if (currentType === "exist") {
@@ -7463,7 +7475,7 @@ const Address = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? /* @__PURE__ */ React__default.createElement(
     CustomRender,
     {
-      visible: showPopup,
+      visible: innerVisible,
       closeable: true,
       title: title || locale.address.selectRegion,
       left: renderLeftOnCustomSwitch(),
@@ -7473,7 +7485,7 @@ const Address = (props) => {
       optionKey,
       type: currentType,
       height,
-      onClose: handClose,
+      onClose: handleClose,
       onChange: (val, params) => {
         onChange == null ? void 0 : onChange(val, params);
       }
@@ -7481,12 +7493,13 @@ const Address = (props) => {
   ) : /* @__PURE__ */ React__default.createElement(
     Popup,
     {
-      visible: showPopup,
+      visible: innerVisible,
       position: "bottom",
       round: true,
       closeable: true,
       closeIcon,
-      title: title || locale.address.selectRegion
+      title: title || locale.address.selectRegion,
+      onClose: handleClose
     },
     /* @__PURE__ */ React__default.createElement(
       "div",
@@ -7510,6 +7523,7 @@ const Address = (props) => {
     )
   ));
 };
+const Address = forwardRef(InternalAddress);
 Address.defaultProps = defaultProps$11;
 Address.displayName = "NutAddress";
 const Utils = {

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.5 Wed Jul 19 2023 14:22:09 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.6 Fri Jul 21 2023 16:45:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -7409,7 +7409,6 @@ var __publicField = (obj, key, value) => {
   };
   const defaultProps$11 = {
     ...ComponentDefaults,
-    visible: false,
     defaultValue: [],
     type: "custom",
     options: [],
@@ -7423,12 +7422,13 @@ var __publicField = (obj, key, value) => {
     closeIcon: null,
     backIcon: null
   };
-  const Address = (props) => {
+  const InternalAddress = (props, ref) => {
     const { locale } = useConfig();
     const {
       style,
       className,
       visible,
+      defaultVisible,
       defaultValue,
       children,
       type: type2,
@@ -7454,19 +7454,31 @@ var __publicField = (obj, key, value) => {
     };
     const classPrefix2 = "nut-address";
     const [currentType, setCurrentType] = React.useState(type2);
-    const [showPopup, setShowPopup] = React.useState(visible);
-    const handClose = () => {
-      setShowPopup(false);
+    const [innerVisible, setInnerVisible] = usePropsValue({
+      value: visible,
+      defaultValue: defaultVisible,
+      finalValue: defaultVisible
+    });
+    React.useImperativeHandle(ref, () => {
+      return {
+        open() {
+          setInnerVisible(true);
+        },
+        close() {
+          setInnerVisible(false);
+        }
+      };
+    });
+    const handleClose = () => {
+      setInnerVisible(false);
+      onClose && onClose();
     };
-    React.useEffect(() => {
-      setShowPopup(visible);
-    }, [visible]);
     const renderLeftOnCustomSwitch = () => {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, custom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React.createElement(a$i, { color: "#cccccc" })));
     };
     const selectedExistItem = (data) => {
       onExistSelect && onExistSelect(data);
-      handClose();
+      handleClose();
     };
     const onSwitchModule = () => {
       if (currentType === "exist") {
@@ -7479,7 +7491,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, currentType === "custom" || currentType === "custom2" ? /* @__PURE__ */ React.createElement(
       CustomRender,
       {
-        visible: showPopup,
+        visible: innerVisible,
         closeable: true,
         title: title || locale.address.selectRegion,
         left: renderLeftOnCustomSwitch(),
@@ -7489,7 +7501,7 @@ var __publicField = (obj, key, value) => {
         optionKey,
         type: currentType,
         height,
-        onClose: handClose,
+        onClose: handleClose,
         onChange: (val, params) => {
           onChange == null ? void 0 : onChange(val, params);
         }
@@ -7497,12 +7509,13 @@ var __publicField = (obj, key, value) => {
     ) : /* @__PURE__ */ React.createElement(
       Popup,
       {
-        visible: showPopup,
+        visible: innerVisible,
         position: "bottom",
         round: true,
         closeable: true,
         closeIcon,
-        title: title || locale.address.selectRegion
+        title: title || locale.address.selectRegion,
+        onClose: handleClose
       },
       /* @__PURE__ */ React.createElement(
         "div",
@@ -7526,6 +7539,7 @@ var __publicField = (obj, key, value) => {
       )
     ));
   };
+  const Address = React.forwardRef(InternalAddress);
   Address.defaultProps = defaultProps$11;
   Address.displayName = "NutAddress";
   const Utils = {

package/dist/packages/button/button.scss

@@ -65,6 +65,7 @@
   &--solid {
     color: $button-primary-color;
     background: $button-primary-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
@@ -82,6 +83,7 @@
   &--primary {
     color: $button-primary-color;
     background: $button-primary-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -98,6 +100,7 @@
   &--info {
     color: $button-info-color;
     background: $button-info-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -114,6 +117,7 @@
   &--success {
     color: $button-success-color;
     background: $button-success-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -130,6 +134,7 @@
   &--danger {
     color: $button-danger-color;
     background: $button-danger-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -146,6 +151,7 @@
   &--warning {
     color: $button-warning-color;
     background: $button-warning-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {