@nutui/nutui-react 2.4.0 → 2.4.2

package/dist/esm/Audio/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-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-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-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-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-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 32px);font-size: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-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 12px);font-size: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:#fff;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;font-weight:400;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-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-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container .nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8));border-radius:2px;cursor:pointer}.nut-range-container .nut-range:before{position:absolute;inset-block:-8px;inset-inline:0;content:""}.nut-range-container .nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-container .nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-container .nut-range-button-wrapper,.nut-range-container .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-container .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-container .nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-container .nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-container .nut-range-disabled .nut-range-button-wrapper,.nut-range-container .nut-range-disabled .nut-range-button-wrapper-left,.nut-range-container .nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-container .nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-container .nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-10px)}.nut-range-container .nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.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:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;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;-webkit-user-select:none;user-select:none;transform:translateY(-11px)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper,[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper-right,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper-right{right:50%;left:initial;transform:translate3d(50%,50%,0)}[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper-left,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper-left{right:50%;left:initial;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-container-vertical .nut-range .number,.nut-rtl .nut-range-container-vertical .nut-range .number{transform:translate3d(-100%,0,0)}[dir=rtl] .nut-range-container-vertical .nut-range-mark,.nut-rtl .nut-range-container-vertical .nut-range-mark{right:auto;left:50%}[dir=rtl] .nut-range-container-vertical .nut-range-tick,.nut-rtl .nut-range-container-vertical .nut-range-tick{left:auto;right:30px;margin-left:0;margin-right:0}[dir=rtl] .nut-range-container-vertical .nut-range-mark-text,.nut-rtl .nut-range-container-vertical .nut-range-mark-text{transform:translateY(-11px)}[dir=rtl] .nut-range-button-wrapper,[dir=rtl] .nut-range-button-wrapper-right,.nut-rtl .nut-range-button-wrapper,.nut-rtl .nut-range-button-wrapper-right{left:0;right:initial;transform:translate3d(-50%,-50%,0)}[dir=rtl] .nut-range-button-wrapper-left,.nut-rtl .nut-range-button-wrapper-left{right:0;left:initial;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-tick,.nut-rtl .nut-range-tick{right:0;left:initial}[dir=rtl] .nut-range-mark-text,.nut-rtl .nut-range-mark-text{transform:translate(10px)}.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:#ffffff;border-radius:50%;box-shadow:0 0 8px var(--nutui-color-text-disabled, #bfbfbf)}.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-color-text-disabled, #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-7, #1a1a1a);align-items:center}[dir=rtl] .nut-audio-icon .nut-audio-icon-stop:after,.nut-rtl .nut-audio-icon .nut-audio-icon-stop:after{left:auto;right:50%;transform:rotate(-45deg);transform-origin:20px -18px}
+.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-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container .nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8));border-radius:2px;cursor:pointer}.nut-range-container .nut-range:before{position:absolute;inset-block:-8px;inset-inline:0;content:""}.nut-range-container .nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-container .nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-container .nut-range-button-wrapper,.nut-range-container .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-container .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-container .nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-container .nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-container .nut-range-disabled .nut-range-button-wrapper,.nut-range-container .nut-range-disabled .nut-range-button-wrapper-left,.nut-range-container .nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-container .nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-container .nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-10px)}.nut-range-container .nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.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:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;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;-webkit-user-select:none;user-select:none;transform:translateY(-11px)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper,[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper-right,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper-right{right:50%;left:initial;transform:translate3d(50%,50%,0)}[dir=rtl] .nut-range-container-vertical .nut-range-button-wrapper-left,.nut-rtl .nut-range-container-vertical .nut-range-button-wrapper-left{right:50%;left:initial;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-container-vertical .nut-range .number,.nut-rtl .nut-range-container-vertical .nut-range .number{transform:translate3d(-100%,0,0)}[dir=rtl] .nut-range-container-vertical .nut-range-mark,.nut-rtl .nut-range-container-vertical .nut-range-mark{right:auto;left:50%}[dir=rtl] .nut-range-container-vertical .nut-range-tick,.nut-rtl .nut-range-container-vertical .nut-range-tick{left:auto;right:30px;margin-left:0;margin-right:0}[dir=rtl] .nut-range-container-vertical .nut-range-mark-text,.nut-rtl .nut-range-container-vertical .nut-range-mark-text{transform:translateY(-11px)}[dir=rtl] .nut-range-button-wrapper,[dir=rtl] .nut-range-button-wrapper-right,.nut-rtl .nut-range-button-wrapper,.nut-rtl .nut-range-button-wrapper-right{left:0;right:initial;transform:translate3d(-50%,-50%,0)}[dir=rtl] .nut-range-button-wrapper-left,.nut-rtl .nut-range-button-wrapper-left{right:0;left:initial;transform:translate3d(50%,-50%,0)}[dir=rtl] .nut-range-tick,.nut-rtl .nut-range-tick{right:0;left:initial}[dir=rtl] .nut-range-mark-text,.nut-rtl .nut-range-mark-text{transform:translate(10px)}.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:#ffffff;border-radius:50%;box-shadow:0 0 8px var(--nutui-color-text-disabled, #bfbfbf)}.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-color-text-disabled, #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-7, #1a1a1a);align-items:center}[dir=rtl] .nut-audio-icon .nut-audio-icon-stop:after,.nut-rtl .nut-audio-icon .nut-audio-icon-stop:after{left:auto;right:50%;transform:rotate(-45deg);transform-origin:20px -18px}

package/dist/esm/AvatarCropper.js

@@ -34,13 +34,21 @@ const AvatarCropper = (props) => {
   });
   const defDrawImage = {
     img: new Image(),
+    // 规定要使用的图像
     sx: 0,
+    // 开始剪切的 x 坐标位置
     sy: 0,
+    // 开始剪切的 y 坐标位置
     swidth: 0,
+    // 被剪切区域的宽度
     sheight: 0,
+    // 被剪切区域的高度
     x: 0,
+    // 在画布上x的坐标位置
     y: 0,
+    // 在画布上y的坐标位置
     width: 0,
+    // 要使用的图像的宽度
     height: 0
     // 要使用的图像的高度
   };

package/dist/esm/BackTop.js

@@ -3,8 +3,10 @@ import { Top } from "@nutui/icons-react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { r as requestAniFrame } from "./raf.js";
+import { useRtl } from "./ConfigProvider.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { target: "", threshold: 200, zIndex: 900, duration: 1e3 });
 const BackTop = (props) => {
+  const rtl = useRtl();
   const { children, target, threshold, zIndex, className, duration, style, onClick } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-backtop";
   const [backTop, SetBackTop] = useState(false);
@@ -75,7 +77,7 @@ const BackTop = (props) => {
     duration > 0 ? scrollAnimation() : scroll();
   };
   const styles = Object.keys(style || {}).length !== 0 ? Object.assign({ zIndex }, style) : {
-    right: "10px",
+    [rtl ? "left" : "right"]: "10px",
     bottom: "20px",
     zIndex
   };

package/dist/esm/Badge/style/style.css

@@ -1 +1 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}
+.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-badge-outline .nut-badge-content{background:var(--nutui-color-primary-text, #ffffff);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}

package/dist/esm/Button/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-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-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-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-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-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 32px);font-size: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-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 12px);font-size: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:#fff;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;font-weight:400;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-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-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%)}

package/dist/esm/CalendarCard/style/style.css

@@ -1 +1 @@
-.nut-calendarcard{background:var(--nutui-gray-1, #ffffff);border-radius:12px;overflow:hidden;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-gray-7, #1a1a1a)}.nut-calendarcard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:400}.nut-calendarcard-header-left,.nut-calendarcard-header-right{display:flex;flex-direction:row;cursor:pointer;margin:16px;line-height:1}.nut-calendarcard-header-left .left,.nut-calendarcard-header-right .left{margin-left:8px}.nut-calendarcard-header-left .right,.nut-calendarcard-header-right .right{margin-right:8px}.nut-calendarcard-days{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.nut-calendarcard-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:var(--nutui-calendar-day-width, 14.28%);height:48px;cursor:pointer;margin-bottom:4px;text-align:center}.nut-calendarcard-day.header{cursor:auto}.nut-calendarcard-day-top,.nut-calendarcard-day-bottom{width:100%;height:12px;font-size:12px;line-height:12px}.nut-calendarcard-day.active,.nut-calendarcard-day.start,.nut-calendarcard-day.end{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.mid{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendarcard-day.weekend{color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendarcard-day .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendarcard-day.prev,.nut-calendarcard-day.next,.nut-calendarcard-day.disabled{color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}[dir=rtl] .nut-calendarcard-header-left .left,[dir=rtl] .nut-calendarcard-header-right .left,.nut-rtl .nut-calendarcard-header-left .left,.nut-rtl .nut-calendarcard-header-right .left{margin-left:0;margin-right:8px}[dir=rtl] .nut-calendarcard-header-left .right,[dir=rtl] .nut-calendarcard-header-right .right,.nut-rtl .nut-calendarcard-header-left .right,.nut-rtl .nut-calendarcard-header-right .right{margin-right:0;margin-left:8px}[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-left svg,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-right svg,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-left svg,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-right svg{transform:rotate(180deg)}[dir=rtl] .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.start{border-top-left-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:0;border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.end{border-top-right-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:0;border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}
+.nut-calendarcard{background:var(--nutui-gray-1, #ffffff);border-radius:12px;overflow:hidden;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-gray-7, #1a1a1a)}.nut-calendarcard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:400}.nut-calendarcard-header-left,.nut-calendarcard-header-right{display:flex;flex-direction:row;cursor:pointer;margin:16px;line-height:1}.nut-calendarcard-header-left .left,.nut-calendarcard-header-right .left{margin-left:8px}.nut-calendarcard-header-left .right,.nut-calendarcard-header-right .right{margin-right:8px}.nut-calendarcard-days{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.nut-calendarcard-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:var(--nutui-calendar-day-width, 14.28%);height:48px;cursor:pointer;margin-bottom:4px;text-align:center}.nut-calendarcard-day.header{cursor:auto}.nut-calendarcard-day-top,.nut-calendarcard-day-bottom{width:100%;height:12px;font-size:12px;line-height:12px}.nut-calendarcard-day.weekend{color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendarcard-day.active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff);border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.start,.nut-calendarcard-day.end{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff)}.nut-calendarcard-day.start{border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.end{border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.mid{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendarcard-day .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendarcard-day.prev,.nut-calendarcard-day.next,.nut-calendarcard-day.disabled{color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}[dir=rtl] .nut-calendarcard-header-left .left,[dir=rtl] .nut-calendarcard-header-right .left,.nut-rtl .nut-calendarcard-header-left .left,.nut-rtl .nut-calendarcard-header-right .left{margin-left:0;margin-right:8px}[dir=rtl] .nut-calendarcard-header-left .right,[dir=rtl] .nut-calendarcard-header-right .right,.nut-rtl .nut-calendarcard-header-left .right,.nut-rtl .nut-calendarcard-header-right .right{margin-right:0;margin-left:8px}[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-left svg,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-right svg,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-left svg,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-right svg{transform:rotate(180deg)}[dir=rtl] .nut-calendarcard-day.start,[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.end{border-radius:0}[dir=rtl] .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.start{border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.end{border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}

package/dist/esm/CalendarCard.js

@@ -3,6 +3,7 @@ import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { U as Utils } from "./date.js";
 import { u as useConfig } from "./configprovider2.js";
+import { u as usePropsValue } from "./use-props-value.js";
 const ArrowLeft = () => {
   return React__default.createElement(
     "svg",
@@ -120,14 +121,11 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     }
     return range ? [convertDayToDate(range)] : [];
   };
-  const [innerValue, setInnerValue] = useState(() => {
-    const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
-    return val;
+  const [innerValue, setInnerValue] = usePropsValue({
+    value: value ? valueToRange(value) : void 0,
+    defaultValue: defaultValue ? valueToRange(defaultValue) : void 0,
+    finalValue: []
   });
-  useEffect(() => {
-    const val = value || defaultValue ? valueToRange(value || defaultValue) : [];
-    setInnerValue(val);
-  }, [value]);
   const change = (v) => {
     setInnerValue(v);
     if (type === "single") {
@@ -314,7 +312,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
           change([day]);
         } else if (len === 1) {
           const t = compareDay(innerValue[0], day);
-          if (t === 0 || t === null || t === void 0) {
+          if (t === null || t === void 0) {
             change([]);
           } else if (t < 0) {
             change([innerValue[0], day]);

package/dist/esm/CountDown.js

@@ -16,8 +16,11 @@ const InternalCountDown = (props, ref) => {
     isIninted: false,
     timer: 0,
     restTime: 0,
+    // 倒计时剩余时间时间
     counting: !paused && autoStart,
+    // 是否处于倒计时中
     handleEndTime: Date.now(),
+    // 最终截止时间
     diffTime: 0
     // 设置了 startTime 时，与 date.now() 的差异
   });

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-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-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-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-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-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 32px);font-size: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-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 12px);font-size: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:#fff;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;font-weight:400;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-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, #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)}

package/dist/esm/Empty.js

@@ -5,9 +5,9 @@ import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { B as Button } from "./button2.js";
 const defaultStatus = {
-  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
-  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
-  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
+  empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
+  error: "https://storage.360buyimg.com/imgtools/f3278d0ebb-0ce360c0-c0ac-11ee-8375-193101bb1a46.png",
+  network: "https://storage.360buyimg.com/imgtools/43c30f7e29-0d483d10-c0ac-11ee-bec4-eb4d2a09a51d.png"
 };
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", imageSize: "", size: "base", status: "empty", actions: [] });
 const classPrefix = `nut-empty`;

package/dist/esm/Image.js

@@ -47,6 +47,7 @@ const Image = (props) => {
   const initObserver = () => {
     const options = {
       threshold: [0],
+      // 交会处
       rootMargin: "0px"
       // 对视口进行收缩和扩张
     };

package/dist/esm/InfiniteLoading/style/style.css

@@ -1 +1 @@
-.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top-tips{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top-tips-icons{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c));text-align:center}.nut-infiniteloading .nut-infinite-bottom-tips{display:flex;justify-content:center;align-items:center}.nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:8px}[dir=rtl] .nut-infiniteloading .nut-infinite-bottom-tips-icons,.nut-rtl .nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:0;margin-left:8px}
+.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c))}.nut-infiniteloading .nut-infinite-top-tips{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top-tips-icons{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-infiniteloading-color, var(--nutui-gray-5, #8c8c8c));text-align:center}.nut-infiniteloading .nut-infinite-bottom-tips{display:flex;justify-content:center;align-items:center}.nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:8px}.nut-infiniteloading-primary{background-color:var(--nutui-color-primary, #fa2c19)}.nut-infiniteloading-primary .nut-infinite-bottom,.nut-infiniteloading-primary .nut-infinite-top{color:var(--nutui-white-12)}[dir=rtl] .nut-infiniteloading .nut-infinite-bottom-tips-icons,.nut-rtl .nut-infiniteloading .nut-infinite-bottom-tips-icons{margin-right:0;margin-left:8px}

package/dist/esm/InfiniteLoading.js

@@ -3,11 +3,11 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { hasMore: true, threshold: 200, target: "", capture: false, pullRefresh: false });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "default", hasMore: true, threshold: 200, target: "", capture: false, pullRefresh: false });
 const classPrefix = `nut-infiniteloading`;
 const InfiniteLoading = (props) => {
   const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, hasMore, threshold, target, capture, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = _a, restProps = __rest(_a, ["children", "hasMore", "threshold", "target", "capture", "pullRefresh", "pullingText", "loadingText", "loadMoreText", "className", "onRefresh", "onLoadMore", "onScroll"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, type, hasMore, threshold, target, capture, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = _a, restProps = __rest(_a, ["children", "type", "hasMore", "threshold", "target", "capture", "pullRefresh", "pullingText", "loadingText", "loadMoreText", "className", "onRefresh", "onLoadMore", "onScroll"]);
   const [isInfiniting, setIsInfiniting] = useState(false);
   const scroller = useRef(null);
   const refreshTop = useRef(null);
@@ -17,7 +17,7 @@ const InfiniteLoading = (props) => {
   const refreshMaxH = useRef(0);
   const y = useRef(0);
   const distance = useRef(0);
-  const classes = classNames(classPrefix, className);
+  const classes = classNames(classPrefix, className, `${classPrefix}-${type}`);
   useEffect(() => {
     var _a2;
     if (target && document.getElementById(target)) {

package/dist/esm/NoticeBar/style/style.css

@@ -1 +1 @@
-.nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box-wrapable,.nut-noticebar .nut-noticebar-box-center{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 8px 16px)}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap,.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap{height:auto}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-box-center{justify-content:center}.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap{flex:initial}.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;display:initial}.nut-noticebar .nut-noticebar-box-left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin-right:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%}.nut-noticebar .nut-noticebar-box-right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}.nut-noticebar .nut-noticebar-box-wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-box .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 36px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 36px))}}[dir=rtl] .nut-noticebar .nut-noticebar-box-left-icon,.nut-rtl .nut-noticebar .nut-noticebar-box-left-icon{margin-right:0;margin-left:var(--nutui-noticebar-icon-gap, 4px)}[dir=rtl] .nut-noticebar .nut-noticebar-box-right-icon,.nut-rtl .nut-noticebar .nut-noticebar-box-right-icon{margin-left:0;margin-right:var(--nutui-noticebar-icon-gap, 4px)}[dir=rtl] .nut-noticebar .nut-noticebar-box .play,.nut-rtl .nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play-rtl linear both running}[dir=rtl] .nut-noticebar .nut-noticebar-box .play-infinite,.nut-rtl .nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite-rtl linear infinite both running}@keyframes nut-notice-bar-play-rtl{to{transform:translate3d(100%,0,0)}}@keyframes nut-notice-bar-play-infinite-rtl{to{transform:translate3d(100%,0,0)}}[dir=rtl] .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon,.nut-rtl .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{margin-left:0;margin-right:var(--nutui-noticebar-icon-gap, 4px)}
+.nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box-wrapable,.nut-noticebar .nut-noticebar-box-center{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 8px 16px)}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap,.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap{height:auto}.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-box-center{justify-content:center}.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap{flex:initial}.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:relative;display:initial}.nut-noticebar .nut-noticebar-box-left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin-right:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%}.nut-noticebar .nut-noticebar-box-right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}.nut-noticebar .nut-noticebar-box-right-icon .nut-icon{width:12px;height:12px}.nut-noticebar .nut-noticebar-box-wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-box .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 36px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 36px))}}[dir=rtl] .nut-noticebar .nut-noticebar-box-left-icon,.nut-rtl .nut-noticebar .nut-noticebar-box-left-icon{margin-right:0;margin-left:var(--nutui-noticebar-icon-gap, 4px)}[dir=rtl] .nut-noticebar .nut-noticebar-box-right-icon,.nut-rtl .nut-noticebar .nut-noticebar-box-right-icon{margin-left:0;margin-right:var(--nutui-noticebar-icon-gap, 4px)}[dir=rtl] .nut-noticebar .nut-noticebar-box .play,.nut-rtl .nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play-rtl linear both running}[dir=rtl] .nut-noticebar .nut-noticebar-box .play-infinite,.nut-rtl .nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite-rtl linear infinite both running}@keyframes nut-notice-bar-play-rtl{to{transform:translate3d(100%,0,0)}}@keyframes nut-notice-bar-play-infinite-rtl{to{transform:translate3d(100%,0,0)}}[dir=rtl] .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon,.nut-rtl .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon{margin-left:0;margin-right:var(--nutui-noticebar-icon-gap, 4px)}

package/dist/esm/NoticeBar.js

@@ -4,10 +4,10 @@ import classNames from "classnames";
 import { g as getRect } from "./use-client-rect.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { useRtl } from "./ConfigProvider.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { align: "left", direction: "horizontal", list: [], duration: 1e3, height: 40, content: "", closeable: false, wrap: false, leftIcon: React__default.createElement(Notice, { width: 16, height: 16 }), rightIcon: null, delay: 1, scrollable: null, speed: 50 });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { align: "left", direction: "horizontal", list: [], duration: 1e3, height: 40, content: "", closeable: false, wrap: false, leftIcon: React__default.createElement(Notice, { width: 16, height: 16 }), rightIcon: null, right: null, delay: 1, scrollable: null, speed: 50 });
 const NoticeBar = (props) => {
   const rtl = useRtl();
-  const { children, className, style, align, direction, list, duration, height, content, closeable, wrap, leftIcon, rightIcon, delay, scrollable, speed, close, click, onClose, onClick, onItemClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const { children, className, style, align, direction, list, duration, height, content, closeable, wrap, leftIcon, rightIcon, right, delay, scrollable, speed, close, click, onClose, onClick, onItemClick } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-noticebar";
   const wrapRef = useRef(null);
   const contentRef = useRef(null);
@@ -315,6 +315,7 @@ const NoticeBar = (props) => {
           content
         )
       ),
+      right ? React__default.createElement("div", { className: "nut-noticebar-box-right" }, right) : null,
       closeable || rightIcon ? React__default.createElement("div", { className: "nut-noticebar-box-right-icon", onClick: onClickIcon }, rightIcon || React__default.createElement(Close, { width: 12, height: 12 })) : null
     ) : null,
     showNoticeBar && scrollList.current.length > 0 && isVertical ? React__default.createElement(

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

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

package/dist/esm/PullToRefresh.js

@@ -1,5 +1,6 @@
 import { a as __awaiter } from "./tslib.es6.js";
 import React__default, { useState, useRef, useEffect } from "react";
+import classNames from "classnames";
 import { useDrag } from "@use-gesture/react";
 import { useSpring, animated } from "@react-spring/web";
 import { Loading, More } from "@nutui/icons-react";
@@ -30,7 +31,7 @@ function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15)
   return position;
 }
 const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { pullingText: "", canReleaseText: "", refreshingText: "", completeText: "", completeDelay: 500, disabled: false, headHeight: 50, threshold: 60, onRefresh: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "default", pullingText: "", canReleaseText: "", refreshingText: "", completeText: "", completeDelay: 500, disabled: false, headHeight: 50, threshold: 60, onRefresh: () => {
 } });
 const PullToRefresh = (p) => {
   const classPrefix = "nut-pulltorefresh";
@@ -41,6 +42,7 @@ const PullToRefresh = (p) => {
     refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
     completeText: p.completeText || locale.pullToRefresh.completeText
   });
+  const classes = classNames(classPrefix, props.className, `${classPrefix}-${props.type}`);
   const headHeight = props.headHeight;
   const threshold = props.threshold;
   const [status, setStatus] = useState("pulling");
@@ -174,7 +176,7 @@ const PullToRefresh = (p) => {
   };
   return React__default.createElement(
     animated.div,
-    { ref: elementRef, className: `${classPrefix} ${props.className}`, style: props.style },
+    { ref: elementRef, className: classes, style: props.style },
     React__default.createElement(
       animated.div,
       { style: springStyles, className: `${classPrefix}-head` },

package/dist/esm/Row.js

@@ -12,13 +12,7 @@ const Row = (props) => {
     return className2;
   };
   const getClasses = () => {
-    return `
-    ${getClass("", type)}
-    ${getClass("justify", justify)}
-    ${getClass("align", align)}
-    ${getClass("flex", wrap)}
-    ${classPrefix}
-   `;
+    return classNames(classPrefix, getClass("", type), getClass("justify", justify), getClass("align", align), getClass("flex", wrap));
   };
   const parentRow = {
     gutter

package/dist/esm/Swiper.js

@@ -6,6 +6,7 @@ import { g as getRect } from "./use-client-rect.js";
 import { I as Indicator } from "./indicator2.js";
 import { u as useTouch } from "./use-touch.js";
 import { r as requestAniFrame } from "./raf.js";
+import { useRtl } from "./ConfigProvider.js";
 import SwiperItem from "./SwiperItem.js";
 const defaultProps = {
   duration: 500,
@@ -21,6 +22,7 @@ const defaultProps = {
   className: ""
 };
 const Swiper = React__default.forwardRef((props, ref) => {
+  const rtl = useRtl();
   const mergedProps = Object.assign(Object.assign({}, defaultProps), props);
   const { children, direction, className, onChange, defaultValue, indicator, touchable, preventDefault, stopPropagation, autoPlay, center } = mergedProps, rest = __rest(mergedProps, ["children", "direction", "className", "onChange", "defaultValue", "indicator", "touchable", "preventDefault", "stopPropagation", "autoPlay", "center"]);
   const container = useRef(null);
@@ -213,7 +215,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     target.style.transitionDuration = `${swiperRef.current.moving ? 0 : props.duration}ms`;
     target.style[isVertical ? "height" : "width"] = `${Number(size) * swiperItemCount}px`;
     target.style[isVertical ? "width" : "height"] = `${isVertical ? width : height}px`;
-    target.style.transform = `translate3D${!isVertical ? `(${_offset}px,0,0)` : `(0,${_offset}px,0)`}`;
+    target.style.transform = `translate3D${!isVertical ? `(${rtl ? -_offset : _offset}px,0,0)` : `(0,${_offset}px,0)`}`;
   };
   const onTouchStart = (e) => {
     if (!props.touchable)
@@ -270,7 +272,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     }
     const offset2 = childOffset[index];
     if (offset2) {
-      style.transform = `translate3D${direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
+      style.transform = `translate3D${direction === "horizontal" ? `(${rtl ? -offset2 : offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
     }
     return style;
   };

package/dist/esm/Tabbar/style/style.css

@@ -1 +1 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-1, #ffffff)}.nut-tabbar-wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar-fixed{position:fixed;bottom:0;left:0}.nut-tabbar-safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}[dir=rtl] .nut-tabbar:last-child,.nut-rtl .nut-tabbar:last-child{border-right:none;border-left:0}[dir=rtl] .nut-tabbar-fixed,.nut-rtl .nut-tabbar-fixed{left:auto;right:0}
+.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-badge-outline .nut-badge-content{background:var(--nutui-color-primary-text, #ffffff);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-1, #ffffff)}.nut-tabbar-wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar-fixed{position:fixed;bottom:0;left:0}.nut-tabbar-safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}[dir=rtl] .nut-tabbar:last-child,.nut-rtl .nut-tabbar:last-child{border-right:none;border-left:0}[dir=rtl] .nut-tabbar-fixed,.nut-rtl .nut-tabbar-fixed{left:auto;right:0}

package/dist/esm/TabbarItem/style/style.css

@@ -1 +1 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}
+.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-badge-outline .nut-badge-content{background:var(--nutui-color-primary-text, #ffffff);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}