@nutui/nutui-react 2.6.7 → 2.6.9

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+# v2.6.9
+`2024-06-14`
+
+
+* :sparkles: feat(form): footer 容器增加 className (#2345) @oasis-cloud
+* :bug: fix: 解决Drag组件拖拽后会在原地留一个遮挡元素问题+解决weapp/taro-h5多个demo拖拽位置不正确问题 (#2330) @irisSong
+* :bug: fix(searchbar): 修复 clear 时未触发 change 的问题 (#2262) @eiinu
+
+
+# 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`
 

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))}.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)}
+.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/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/Drag/style/style.css

@@ -1 +1 @@
-.nut-drag{position:fixed;display:inline-flex;z-index:9997!important;width:fit-content;height:fit-content;touch-action:none;-webkit-user-select:none;user-select:none;font-size:0}
+.nut-drag{position:fixed;z-index:9997!important;width:0;height:0;touch-action:none;-webkit-user-select:none;user-select:none;font-size:0}.nut-drag-inner{display:inline-flex;width:fit-content;height:fit-content}

package/dist/esm/Drag.js

@@ -22,7 +22,8 @@ const Drag = (props) => {
   const getInfo = () => {
     const el = myDrag.current;
     if (el) {
-      const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+      const { offsetTop, offsetLeft } = el;
+      const { offsetWidth, offsetHeight } = el.querySelector(`.${classPrefix}-inner`);
       const { clientWidth, clientHeight } = document.documentElement;
       const { top, left, bottom, right } = boundary;
       setBoundaryState({
@@ -60,7 +61,7 @@ const Drag = (props) => {
   return React__default.createElement(
     "div",
     Object.assign({ style, className: `${classPrefix} ${className}` }, reset, { ref: myDrag }),
-    React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind()), children)
+    React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind(), { className: `${classPrefix}-inner` }), children)
   );
 };
 Drag.displayName = "NutDrag";

package/dist/esm/Form.js

@@ -48,7 +48,7 @@ const Form = React__default.forwardRef((props, ref) => {
       Cell__default.Group,
       { divider },
       React__default.createElement(Context.Provider, { value: formInstance }, children),
-      footer ? React__default.createElement(Cell__default, null, footer) : null
+      footer ? React__default.createElement(Cell__default, { className: `${classPrefix}-footer` }, footer) : null
     )
   );
 });

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/SearchBar.js

@@ -72,6 +72,7 @@ const SearchBar = (props) => {
       return;
     }
     setValue("");
+    onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(""));
     onClear && onClear(event);
     forceFocus();
   };

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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:09:25 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.7 Tue May 28 2024 17:31:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:08:57 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",
       {
@@ -16115,7 +16115,7 @@ const Form = React__default.forwardRef(
           resetFields();
         }
       },
-      /* @__PURE__ */ React__default.createElement(Cell.Group, { divider }, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
+      /* @__PURE__ */ React__default.createElement(Cell.Group, { divider }, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, { className: `${classPrefix2}-footer` }, footer) : null)
     );
   }
 );
@@ -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
+      })
     }
   )));
 };
@@ -18116,6 +18114,7 @@ const SearchBar = (props) => {
       return;
     }
     setValue("");
+    onChange && (onChange == null ? void 0 : onChange(""));
     onClear && onClear(event);
     forceFocus();
   };
@@ -19646,7 +19645,10 @@ const Drag = (props) => {
   const getInfo = () => {
     const el = myDrag.current;
     if (el) {
-      const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+      const { offsetTop, offsetLeft } = el;
+      const { offsetWidth, offsetHeight } = el.querySelector(
+        `.${classPrefix2}-inner`
+      );
       const { clientWidth, clientHeight } = document.documentElement;
       const { top, left, bottom, right } = boundary;
       setBoundaryState({
@@ -19692,7 +19694,15 @@ const Drag = (props) => {
       ...reset,
       ref: myDrag
     },
-    /* @__PURE__ */ React__default.createElement(animated.div, { style: currstyle, ...bind() }, children)
+    /* @__PURE__ */ React__default.createElement(
+      animated.div,
+      {
+        style: currstyle,
+        ...bind(),
+        className: `${classPrefix2}-inner`
+      },
+      children
+    )
   );
 };
 Drag.displayName = "NutDrag";
@@ -24643,14 +24653,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.7 Tue May 28 2024 17:31:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.9 Fri Jun 14 2024 17:08:57 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",
         {
@@ -16133,7 +16133,7 @@ Please add \`${key}Action\` when creating your handler.`);
             resetFields();
           }
         },
-        /* @__PURE__ */ React.createElement(Cell.Group, { divider }, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
+        /* @__PURE__ */ React.createElement(Cell.Group, { divider }, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, { className: `${classPrefix2}-footer` }, footer) : null)
       );
     }
   );
@@ -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
+        })
       }
     )));
   };
@@ -18134,6 +18132,7 @@ Please add \`${key}Action\` when creating your handler.`);
         return;
       }
       setValue("");
+      onChange && (onChange == null ? void 0 : onChange(""));
       onClear && onClear(event);
       forceFocus();
     };
@@ -19664,7 +19663,10 @@ Please add \`${key}Action\` when creating your handler.`);
     const getInfo = () => {
       const el = myDrag.current;
       if (el) {
-        const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = el;
+        const { offsetTop, offsetLeft } = el;
+        const { offsetWidth, offsetHeight } = el.querySelector(
+          `.${classPrefix2}-inner`
+        );
         const { clientWidth, clientHeight } = document.documentElement;
         const { top, left, bottom, right } = boundary;
         setBoundaryState({
@@ -19710,7 +19712,15 @@ Please add \`${key}Action\` when creating your handler.`);
         ...reset,
         ref: myDrag
       },
-      /* @__PURE__ */ React.createElement(animated.div, { style: currstyle, ...bind() }, children)
+      /* @__PURE__ */ React.createElement(
+        animated.div,
+        {
+          style: currstyle,
+          ...bind(),
+          className: `${classPrefix2}-inner`
+        },
+        children
+      )
     );
   };
   Drag.displayName = "NutDrag";
@@ -24661,14 +24671,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,8 +1,5 @@
 
 .nut-actionsheet {
-  display: block;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
   text-align: center;
 
   &.nut-popup {

package/dist/packages/drag/drag.scss

@@ -1,10 +1,14 @@
 .nut-drag {
   position: fixed;
-  display: inline-flex;
   z-index: 9997 !important;
-  width: fit-content;
-  height: fit-content;
+  width: 0;
+  height: 0;
   touch-action: none;
   user-select: none;
   font-size: 0;
+  &-inner {
+    display: inline-flex;
+    width: fit-content;
+    height: fit-content;
+  }
 }