@nutui/nutui-react 2.6.6 → 2.6.8

package/CHANGELOG.md

@@ -1,13 +1,36 @@
+# v2.6.8
+`2024-05-31`
+
+
+* :sparkles: feat(button): 新增 button 原始类型属性 (#2195) @Jiankian
+* :sparkles: feat(card): add card hide price and shop usage (#2292) @wick
+* :bug: fix(cascader): onPathChange is not a function (#2308) @oasis-cloud
+* :bug: fix: safearea for ac (#2293) @xiaoyatong
+* :bug: fix(InputNumber): 扩大点击区域 (#2302) @xiaoyatong
+* :bug: fix(picker): 函数调用之前检查 locale 是否已经定义 (#2259) @Alex-huxiyang
+* 🏡 chore(demo): 更新组件引用方式 (#2304) @oasis-cloud
+* 🏡 chore: fix typos (#2300) @Snoppy
+
+
+# v2.6.7
+`2024-05-28`
+
+
+* :sparkles: feat: 签名组件增加当没有签名或已清空的情况下的参数暴露 (#2288) @xiaoyatong
+* :bug: fix: ActionSheet 增加安全区处理 (#2286) @xiaoyatong
+* :bug: fix(actionsheet): 去掉无意义的 padding，popup 已不再暴露 (#2285) @xiaoyatong
+
+
 # v2.6.6
 `2024-05-24`
 
 
-*🏡 chore(tag): css样式变量修复 (#2279) @Alex.huxiyang
-*🏡 chore(deps): update dependency eslint-plugin-markdown to v5 (#2218) @renovate[bot]
-* 📖 docs(uploader): update (#2265) @Eiinu
-* :bug: fix(input): placeholder 无法设置空字符串 (#2282) @oasis
-* :bug: fix(imagepreview): 阻止冒泡，防止点击图片关闭 (#2281) @Alex.huxiyang
-* :bug: fix(FormItem): 修复initialValue属性初始化未被正确加入到Formstore中导致的问题 (#2247) @Alex.huxiyang
+* 🏡 chore(tag): css样式变量修复 (#2279) @Alex-huxiyang
+* 🏡 chore(deps): update dependency eslint-plugin-markdown to v5 (#2218) @renovate[bot]
+* 📖 docs(uploader): update (#2265) @eiinu
+* :bug: fix(input): placeholder 无法设置空字符串 (#2282) @oasis-cloud
+* :bug: fix(imagepreview): 阻止冒泡，防止点击图片关闭 (#2281) @Alex-huxiyang
+* :bug: fix(FormItem): 修复initialValue属性初始化未被正确加入到Formstore中导致的问题 (#2247) @Alex-huxiyang
 
 
 # v2.6.5

package/dist/esm/ActionSheet/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-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-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-actionsheet{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.nut-actionsheet.nut-popup{min-height:10%;background-color:var(--nutui-actionsheet-background-color, var(--nutui-gray-1, #ffffff));padding:var(--nutui-actionsheet-padding, 0 4px)}.nut-actionsheet .nut-popup-title{border-bottom:1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-actionsheet-list{display:block;list-style:none;padding:0;margin:0;border-radius:var(--nutui-actionsheet-border-radius, 0)}.nut-actionsheet-cancel,.nut-actionsheet-item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-gray-1, #ffffff);cursor:pointer}.nut-actionsheet-cancel-description,.nut-actionsheet-item-description{display:block;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-actionsheet-cancel.danger,.nut-actionsheet-item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #fa2c19))}.nut-actionsheet-cancel.disabled,.nut-actionsheet-item.disabled{color:var(--nutui-color-text-disabled, #bfbfbf)!important;cursor:not-allowed}.nut-actionsheet-cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-radius:var(--nutui-actionsheet-border-radius, 0)}
+.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-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-actionsheet{text-align:center}.nut-actionsheet.nut-popup{min-height:10%;background-color:var(--nutui-actionsheet-background-color, var(--nutui-gray-1, #ffffff))}.nut-actionsheet .nut-popup-title{border-bottom:1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-actionsheet-list{display:block;list-style:none;padding:0;margin:0;border-radius:var(--nutui-actionsheet-border-radius, 0)}.nut-actionsheet-cancel,.nut-actionsheet-item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-gray-1, #ffffff);cursor:pointer}.nut-actionsheet-cancel-description,.nut-actionsheet-item-description{display:block;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-actionsheet-cancel.danger,.nut-actionsheet-item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #fa2c19))}.nut-actionsheet-cancel.disabled,.nut-actionsheet-item.disabled{color:var(--nutui-color-text-disabled, #bfbfbf)!important;cursor:not-allowed}.nut-actionsheet-cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-radius:var(--nutui-actionsheet-border-radius, 0)}.nut-actionsheet-safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

package/dist/esm/ActionSheet.js

@@ -33,7 +33,8 @@ const ActionSheet = (props) => {
         );
       })) : children,
       cancelText && React__default.createElement("div", { className: `${classPrefix}-cancel`, onClick: () => cancelActionSheet() }, cancelText)
-    )
+    ),
+    React__default.createElement("div", { className: `${classPrefix}-safe-area` })
   );
 };
 ActionSheet.displayName = "NutActionSheet";

package/dist/esm/Card.js

@@ -24,19 +24,19 @@ const Card = (props) => {
       React__default.createElement(
         "div",
         { className: `${classPrefix}-right-price` },
-        React__default.createElement(Price__default, { size: "normal", price }),
-        priceTag || React__default.createElement(Price__default, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
+        price && React__default.createElement(Price__default, { size: "normal", price }),
+        priceTag || vipPrice && React__default.createElement(Price__default, { size: "normal", className: `${classPrefix}-right-price-origin`, price: vipPrice })
       ),
       React__default.createElement("div", { className: `${classPrefix}-right-other` }, tag || React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(Tag__default, { type: "danger" }, shopDescription),
-        React__default.createElement(Tag__default, { plain: true }, delivery)
+        shopDescription && React__default.createElement(Tag__default, { type: "danger" }, shopDescription),
+        delivery && React__default.createElement(Tag__default, { plain: true }, delivery)
       )),
       React__default.createElement(
         "div",
         { className: `${classPrefix}-right-shop` },
-        React__default.createElement("div", { className: `${classPrefix}-right-shop-name` }, shopName),
+        shopName && React__default.createElement("div", { className: `${classPrefix}-right-shop-name` }, shopName),
         extra
       )
     )

package/dist/esm/InputNumber.js

@@ -132,10 +132,10 @@ const InputNumber = (props) => {
     Object.assign({ className: classes, style }, restProps),
     React__default.createElement(
       "div",
-      { className: "nut-input-minus" },
+      { className: "nut-input-minus", onClick: handleReduce },
       React__default.createElement(Minus, { className: classNames("nut-inputnumber-icon icon-minus", {
         [`${classPrefix}-icon-disabled`]: shadowValue === min || disabled
-      }), onClick: handleReduce })
+      }) })
     ),
     React__default.createElement(
       React__default.Fragment,
@@ -144,10 +144,10 @@ const InputNumber = (props) => {
     ),
     React__default.createElement(
       "div",
-      { className: "nut-input-add" },
+      { className: "nut-input-add", onClick: handlePlus },
       React__default.createElement(Plus, { className: classNames("nut-inputnumber-icon icon-plus", {
         [`${classPrefix}-icon-disabled`]: shadowValue === max || disabled
-      }), onClick: handlePlus })
+      }) })
     )
   );
 };

package/dist/esm/Picker.js

@@ -385,7 +385,7 @@ const InternalPicker = (props, ref) => {
         e.stopPropagation();
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
         setInnerVisible(false);
-      } }, locale.cancel),
+      } }, locale === null || locale === void 0 ? void 0 : locale.cancel),
       React__default.createElement("div", { className: `${classPrefix}-title` }, title || ""),
       React__default.createElement("span", { className: `${classPrefix}-confirm-btn`, onClick: (e) => {
         e.stopPropagation();

package/dist/esm/Signature.js

@@ -18,6 +18,7 @@ const InternalSignature = (props, ref) => {
     return !!(elem.getContext && elem.getContext("2d"));
   };
   const [isCanvasSupported, setIsCanvasSupported] = useState(false);
+  const isSignedRef = useRef(false);
   const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
   const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
   useEffect(() => {
@@ -33,6 +34,7 @@ const InternalSignature = (props, ref) => {
   }, [isCanvasSupported]);
   const startEventHandler = (event) => {
     event.preventDefault();
+    isSignedRef.current = true;
     if (ctx.current && canvasRef.current) {
       ctx.current.beginPath();
       ctx.current.lineWidth = lineWidth;
@@ -73,6 +75,7 @@ const InternalSignature = (props, ref) => {
     }
   };
   const handleClearBtn = () => {
+    isSignedRef.current = false;
     if (canvasRef.current && ctx.current) {
       canvasRef.current.addEventListener(events[2], endEventHandler, false);
       ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -81,7 +84,11 @@ const InternalSignature = (props, ref) => {
     onClear && onClear();
   };
   const onSave = (canvas) => {
-    let dataurl;
+    let dataurl = "";
+    if (!isSignedRef.current) {
+      onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
+      return;
+    }
     switch (type) {
       case "png":
         dataurl = canvas.toDataURL("image/png");
@@ -92,7 +99,7 @@ const InternalSignature = (props, ref) => {
       default:
         dataurl = canvas.toDataURL("image/png");
     }
-    onConfirm && onConfirm(canvas, dataurl);
+    onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
   };
   useImperativeHandle(ref, () => ({
     confirm: () => {

package/dist/esm/cascader2.js

@@ -293,7 +293,7 @@ const InternalCascader = (props, ref) => {
         const pathNodes = state.panes.map((item) => item.selectedNode);
         const optionParams = pathNodes.map((item) => item.value);
         onChange(optionParams, pathNodes);
-        onPathChange(optionParams, pathNodes);
+        onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(optionParams, pathNodes);
         setInnerValue(optionParams);
       }
       setOptionsData(state.panes);
@@ -315,7 +315,7 @@ const InternalCascader = (props, ref) => {
       if (!type) {
         const pathNodes = state.panes.map((item) => item.selectedNode);
         const optionParams = pathNodes.map((item) => item === null || item === void 0 ? void 0 : item.value);
-        onPathChange(optionParams, pathNodes);
+        onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(optionParams, pathNodes);
       }
       return;
     }

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:04:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:01:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:03:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:00:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11902,7 +11902,7 @@ const InternalCascader = (props, ref) => {
         const pathNodes = state.panes.map((item) => item.selectedNode);
         const optionParams = pathNodes.map((item) => item.value);
         onChange(optionParams, pathNodes);
-        onPathChange(optionParams, pathNodes);
+        onPathChange == null ? void 0 : onPathChange(optionParams, pathNodes);
         setInnerValue(optionParams);
       }
       setOptionsData(state.panes);
@@ -11924,7 +11924,7 @@ const InternalCascader = (props, ref) => {
       if (!type4) {
         const pathNodes = state.panes.map((item) => item.selectedNode);
         const optionParams = pathNodes.map((item) => item == null ? void 0 : item.value);
-        onPathChange(optionParams, pathNodes);
+        onPathChange == null ? void 0 : onPathChange(optionParams, pathNodes);
       }
       return;
     }
@@ -14428,7 +14428,7 @@ const InternalPicker = (props, ref) => {
           setInnerVisible(false);
         }
       },
-      locale.cancel
+      locale == null ? void 0 : locale.cancel
     ), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-title` }, title || ""), /* @__PURE__ */ React__default.createElement(
       "span",
       {
@@ -16675,13 +16675,12 @@ const InputNumber = (props) => {
       onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
     }
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React__default.createElement(
     e$6,
     {
       className: classNames("nut-inputnumber-icon icon-minus", {
         [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
-      }),
-      onClick: handleReduce
+      })
     }
   )), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     "input",
@@ -16695,13 +16694,12 @@ const InputNumber = (props) => {
       onBlur: handleBlur,
       onFocus: handleFocus
     }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React__default.createElement(
     e$2,
     {
       className: classNames("nut-inputnumber-icon icon-plus", {
         [`${classPrefix$g}-icon-disabled`]: shadowValue === max || disabled
-      }),
-      onClick: handlePlus
+      })
     }
   )));
 };
@@ -18284,6 +18282,7 @@ const InternalSignature = (props, ref) => {
     return !!(elem.getContext && elem.getContext("2d"));
   };
   const [isCanvasSupported, setIsCanvasSupported] = useState(false);
+  const isSignedRef = useRef(false);
   const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
   const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
   useEffect(() => {
@@ -18299,6 +18298,7 @@ const InternalSignature = (props, ref) => {
   }, [isCanvasSupported]);
   const startEventHandler = (event) => {
     event.preventDefault();
+    isSignedRef.current = true;
     if (ctx2.current && canvasRef.current) {
       ctx2.current.beginPath();
       ctx2.current.lineWidth = lineWidth;
@@ -18339,6 +18339,7 @@ const InternalSignature = (props, ref) => {
     }
   };
   const handleClearBtn = () => {
+    isSignedRef.current = false;
     if (canvasRef.current && ctx2.current) {
       canvasRef.current.addEventListener(events[2], endEventHandler, false);
       ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -18347,7 +18348,11 @@ const InternalSignature = (props, ref) => {
     onClear && onClear();
   };
   const onSave = (canvas) => {
-    let dataurl;
+    let dataurl = "";
+    if (!isSignedRef.current) {
+      onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
+      return;
+    }
     switch (type4) {
       case "png":
         dataurl = canvas.toDataURL("image/png");
@@ -18358,7 +18363,7 @@ const InternalSignature = (props, ref) => {
       default:
         dataurl = canvas.toDataURL("image/png");
     }
-    onConfirm && onConfirm(canvas, dataurl);
+    onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
   };
   useImperativeHandle(ref, () => ({
     confirm: () => {
@@ -19229,7 +19234,8 @@ const ActionSheet = (props) => {
         onClick: () => cancelActionSheet()
       },
       cancelText
-    ))
+    )),
+    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-safe-area` })
   );
 };
 ActionSheet.displayName = "NutActionSheet";
@@ -24635,14 +24641,14 @@ const Card = (props) => {
     ...props
   };
   const classPrefix2 = "nut-card";
-  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React__default.createElement("img", { src, alt: "" })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-price` }, /* @__PURE__ */ React__default.createElement(Price, { size: "normal", price }), priceTag || /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React__default.createElement("img", { src, alt: "" })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-price` }, price && /* @__PURE__ */ React__default.createElement(Price, { size: "normal", price }), priceTag || vipPrice && /* @__PURE__ */ React__default.createElement(
     Price,
     {
       size: "normal",
       className: `${classPrefix2}-right-price-origin`,
       price: vipPrice
     }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React__default.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
+  )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, shopDescription && /* @__PURE__ */ React__default.createElement(Tag, { type: "danger" }, shopDescription), delivery && /* @__PURE__ */ React__default.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop` }, shopName && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
 };
 Card.displayName = "NutCard";
 const defaultProps$4 = {

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.6 Fri May 24 2024 15:03:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.8 Fri May 31 2024 16:00:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11920,7 +11920,7 @@ Please add \`${key}Action\` when creating your handler.`);
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item.value);
           onChange(optionParams, pathNodes);
-          onPathChange(optionParams, pathNodes);
+          onPathChange == null ? void 0 : onPathChange(optionParams, pathNodes);
           setInnerValue(optionParams);
         }
         setOptionsData(state.panes);
@@ -11942,7 +11942,7 @@ Please add \`${key}Action\` when creating your handler.`);
         if (!type2) {
           const pathNodes = state.panes.map((item) => item.selectedNode);
           const optionParams = pathNodes.map((item) => item == null ? void 0 : item.value);
-          onPathChange(optionParams, pathNodes);
+          onPathChange == null ? void 0 : onPathChange(optionParams, pathNodes);
         }
         return;
       }
@@ -14446,7 +14446,7 @@ Please add \`${key}Action\` when creating your handler.`);
             setInnerVisible(false);
           }
         },
-        locale.cancel
+        locale == null ? void 0 : locale.cancel
       ), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || ""), /* @__PURE__ */ React.createElement(
         "span",
         {
@@ -16693,13 +16693,12 @@ Please add \`${key}Action\` when creating your handler.`);
         onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
       }
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React.createElement(
       e$6,
       {
         className: classNames("nut-inputnumber-icon icon-minus", {
           [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
-        }),
-        onClick: handleReduce
+        })
       }
     )), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "input",
@@ -16713,13 +16712,12 @@ Please add \`${key}Action\` when creating your handler.`);
         onBlur: handleBlur,
         onFocus: handleFocus
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add" }, /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
       e$2,
       {
         className: classNames("nut-inputnumber-icon icon-plus", {
           [`${classPrefix$g}-icon-disabled`]: shadowValue === max || disabled
-        }),
-        onClick: handlePlus
+        })
       }
     )));
   };
@@ -18302,6 +18300,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return !!(elem.getContext && elem.getContext("2d"));
     };
     const [isCanvasSupported, setIsCanvasSupported] = React.useState(false);
+    const isSignedRef = React.useRef(false);
     const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
     const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
     React.useEffect(() => {
@@ -18317,6 +18316,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [isCanvasSupported]);
     const startEventHandler = (event) => {
       event.preventDefault();
+      isSignedRef.current = true;
       if (ctx2.current && canvasRef.current) {
         ctx2.current.beginPath();
         ctx2.current.lineWidth = lineWidth;
@@ -18357,6 +18357,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const handleClearBtn = () => {
+      isSignedRef.current = false;
       if (canvasRef.current && ctx2.current) {
         canvasRef.current.addEventListener(events[2], endEventHandler, false);
         ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -18365,7 +18366,11 @@ Please add \`${key}Action\` when creating your handler.`);
       onClear && onClear();
     };
     const onSave = (canvas) => {
-      let dataurl;
+      let dataurl = "";
+      if (!isSignedRef.current) {
+        onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
+        return;
+      }
       switch (type2) {
         case "png":
           dataurl = canvas.toDataURL("image/png");
@@ -18376,7 +18381,7 @@ Please add \`${key}Action\` when creating your handler.`);
         default:
           dataurl = canvas.toDataURL("image/png");
       }
-      onConfirm && onConfirm(canvas, dataurl);
+      onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
     };
     React.useImperativeHandle(ref, () => ({
       confirm: () => {
@@ -19247,7 +19252,8 @@ Please add \`${key}Action\` when creating your handler.`);
           onClick: () => cancelActionSheet()
         },
         cancelText
-      ))
+      )),
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-safe-area` })
     );
   };
   ActionSheet.displayName = "NutActionSheet";
@@ -24653,14 +24659,14 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const classPrefix2 = "nut-card";
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React.createElement("img", { src, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-price` }, /* @__PURE__ */ React.createElement(Price, { size: "normal", price }), priceTag || /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, /* @__PURE__ */ React.createElement("img", { src, alt: "" })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-title` }, title), description, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-price` }, price && /* @__PURE__ */ React.createElement(Price, { size: "normal", price }), priceTag || vipPrice && /* @__PURE__ */ React.createElement(
       Price,
       {
         size: "normal",
         className: `${classPrefix2}-right-price-origin`,
         price: vipPrice
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
+    )), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React.createElement(React.Fragment, null, shopDescription && /* @__PURE__ */ React.createElement(Tag, { type: "danger" }, shopDescription), delivery && /* @__PURE__ */ React.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop` }, shopName && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
   };
   Card.displayName = "NutCard";
   const defaultProps$4 = {

package/dist/packages/actionsheet/actionsheet.scss

@@ -1,14 +1,10 @@
 
 .nut-actionsheet {
-  display: block;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
   text-align: center;
 
   &.nut-popup {
     min-height: 10%;
     background-color: $actionsheet-background-color;
-    padding: $actionsheet-padding;
   }
 
   .nut-popup-title {
@@ -55,4 +51,11 @@
     border-top: 1px solid $actionsheet-border-color;
     border-radius: $actionsheet-border-radius;
   }
+
+  &-safe-area {
+    display: block;
+    width: 100%;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
 }