@nutui/nutui-react 2.6.5 → 2.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,24 @@
1
+ # v2.6.7
2
+ `2024-05-28`
3
+
4
+
5
+ * :sparkles: feat: 签名组件增加当没有签名或已清空的情况下的参数暴露 (#2288) @xiaoyatong
6
+ * :bug: fix: ActionSheet 增加安全区处理 (#2286) @xiaoyatong
7
+ * :bug: fix(actionsheet): 去掉无意义的 padding,popup 已不再暴露 (#2285) @xiaoyatong
8
+
9
+
10
+ # v2.6.6
11
+ `2024-05-24`
12
+
13
+
14
+ * 🏡 chore(tag): css样式变量修复 (#2279) @Alex-huxiyang
15
+ * 🏡 chore(deps): update dependency eslint-plugin-markdown to v5 (#2218) @renovate[bot]
16
+ * 📖 docs(uploader): update (#2265) @eiinu
17
+ * :bug: fix(input): placeholder 无法设置空字符串 (#2282) @oasis-cloud
18
+ * :bug: fix(imagepreview): 阻止冒泡,防止点击图片关闭 (#2281) @Alex-huxiyang
19
+ * :bug: fix(FormItem): 修复initialValue属性初始化未被正确加入到Formstore中导致的问题 (#2247) @Alex-huxiyang
20
+
21
+
1
22
  # v2.6.5
2
23
  `2024-05-17`
3
24
 
@@ -1 +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)}
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)}
@@ -33,7 +33,8 @@ const ActionSheet = (props) => {
33
33
  );
34
34
  })) : children,
35
35
  cancelText && React__default.createElement("div", { className: `${classPrefix}-cancel`, onClick: () => cancelActionSheet() }, cancelText)
36
- )
36
+ ),
37
+ React__default.createElement("div", { className: `${classPrefix}-safe-area` })
37
38
  );
38
39
  };
39
40
  ActionSheet.displayName = "NutActionSheet";
@@ -1 +1 @@
1
- .nut-price{direction:ltr;font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price-line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))!important}.nut-price-symbol,.nut-price-integer,.nut-price-decimal{display:inline-block}.nut-price-symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price-symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price-symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price-integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price-integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price-integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price-decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price-decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price-decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}.nut-card{width:100%;display:flex;background-color:inherit;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-left{width:120px;height:120px;flex-shrink:0}.nut-card-left>img{display:block;width:100%;height:100%;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-right{flex:1;padding:0 10px 8px}.nut-card-right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px;color:var(--nutui-gray-7, #1a1a1a)}.nut-card-right-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card-right-price .nut-price .nut-price-big{font-size:18px}.nut-card-right-price .nut-price .nut-price-symbol,.nut-card-right-price .nut-price .nut-price-point,.nut-card-right-price .nut-price .nut-price-small{font-size:12px}.nut-card-right-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card-right-price-origin.nut-price .nut-price-big,.nut-card-right-price-origin.nut-price .nut-price-symbol,.nut-card-right-price-origin.nut-price .nut-price-point,.nut-card-right-price-origin.nut-price .nut-price-small{font-size:12px}.nut-card-right-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card-right-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card-right-shop{display:flex;justify-content:space-between;align-items:center}.nut-card-right-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}[dir=rtl] .nut-card-right-price-origin.nut-price,.nut-rtl .nut-card-right-price-origin.nut-price{margin-left:0;margin-right:2px}[dir=rtl] .nut-card-right-other .nut-tag,.nut-rtl .nut-card-right-other .nut-tag{margin-right:0;margin-left:5px}
1
+ .nut-price{direction:ltr;font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price-line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))!important}.nut-price-symbol,.nut-price-integer,.nut-price-decimal{display:inline-block}.nut-price-symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price-symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price-symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price-integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price-integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price-integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price-decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price-decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price-decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}.nut-card{width:100%;display:flex;background-color:inherit;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-left{width:120px;height:120px;flex-shrink:0}.nut-card-left>img{display:block;width:100%;height:100%;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-right{flex:1;padding:0 10px 8px}.nut-card-right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px;color:var(--nutui-gray-7, #1a1a1a)}.nut-card-right-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card-right-price .nut-price .nut-price-big{font-size:18px}.nut-card-right-price .nut-price .nut-price-symbol,.nut-card-right-price .nut-price .nut-price-point,.nut-card-right-price .nut-price .nut-price-small{font-size:12px}.nut-card-right-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card-right-price-origin.nut-price .nut-price-big,.nut-card-right-price-origin.nut-price .nut-price-symbol,.nut-card-right-price-origin.nut-price .nut-price-point,.nut-card-right-price-origin.nut-price .nut-price-small{font-size:12px}.nut-card-right-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card-right-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card-right-shop{display:flex;justify-content:space-between;align-items:center}.nut-card-right-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}[dir=rtl] .nut-card-right-price-origin.nut-price,.nut-rtl .nut-card-right-price-origin.nut-price{margin-left:0;margin-right:2px}[dir=rtl] .nut-card-right-other .nut-tag,.nut-rtl .nut-card-right-other .nut-tag{margin-right:0;margin-left:5px}
@@ -132,6 +132,7 @@ const ImagePreview = (props) => {
132
132
  setStore(Object.assign(Object.assign({}, store), { scale: 1 }));
133
133
  };
134
134
  const closeOnImg = (e) => {
135
+ e.stopPropagation();
135
136
  if (closeOnContentClick) {
136
137
  onCloseInner(e);
137
138
  }
package/dist/esm/Input.js CHANGED
@@ -28,7 +28,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
28
28
  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
29
29
  return value.replace(regExp, "");
30
30
  }
31
- const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "text", name: "", placeholder: "", confirmType: "done", align: "left", required: false, disabled: false, readOnly: false, maxLength: 9999, clearable: false, clearIcon: null, formatTrigger: "onChange", autoFocus: false });
31
+ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "text", name: "", placeholder: void 0, confirmType: "done", align: "left", required: false, disabled: false, readOnly: false, maxLength: 9999, clearable: false, clearIcon: null, formatTrigger: "onChange", autoFocus: false });
32
32
  const Input = forwardRef((props, ref) => {
33
33
  const rtl = useRtl();
34
34
  const { locale } = useConfig();
@@ -119,7 +119,7 @@ const Input = forwardRef((props, ref) => {
119
119
  "left"
120
120
  ) : align === "left" ? "right" : "center"
121
121
  ) : align
122
- }, type: inputType(type), maxLength, placeholder: placeholder || locale.placeholder, disabled, readOnly, value, autoFocus, enterKeyHint: confirmType, onBlur: (e) => {
122
+ }, type: inputType(type), maxLength, placeholder: placeholder === void 0 ? locale.placeholder : placeholder, disabled, readOnly, value, autoFocus, enterKeyHint: confirmType, onBlur: (e) => {
123
123
  handleBlur(e);
124
124
  }, onFocus: (e) => {
125
125
  handleFocus(e);
@@ -18,6 +18,7 @@ const InternalSignature = (props, ref) => {
18
18
  return !!(elem.getContext && elem.getContext("2d"));
19
19
  };
20
20
  const [isCanvasSupported, setIsCanvasSupported] = useState(false);
21
+ const isSignedRef = useRef(false);
21
22
  const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
22
23
  const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
23
24
  useEffect(() => {
@@ -33,6 +34,7 @@ const InternalSignature = (props, ref) => {
33
34
  }, [isCanvasSupported]);
34
35
  const startEventHandler = (event) => {
35
36
  event.preventDefault();
37
+ isSignedRef.current = true;
36
38
  if (ctx.current && canvasRef.current) {
37
39
  ctx.current.beginPath();
38
40
  ctx.current.lineWidth = lineWidth;
@@ -73,6 +75,7 @@ const InternalSignature = (props, ref) => {
73
75
  }
74
76
  };
75
77
  const handleClearBtn = () => {
78
+ isSignedRef.current = false;
76
79
  if (canvasRef.current && ctx.current) {
77
80
  canvasRef.current.addEventListener(events[2], endEventHandler, false);
78
81
  ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -81,7 +84,11 @@ const InternalSignature = (props, ref) => {
81
84
  onClear && onClear();
82
85
  };
83
86
  const onSave = (canvas) => {
84
- let dataurl;
87
+ let dataurl = "";
88
+ if (!isSignedRef.current) {
89
+ onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
90
+ return;
91
+ }
85
92
  switch (type) {
86
93
  case "png":
87
94
  dataurl = canvas.toDataURL("image/png");
@@ -92,7 +99,7 @@ const InternalSignature = (props, ref) => {
92
99
  default:
93
100
  dataurl = canvas.toDataURL("image/png");
94
101
  }
95
- onConfirm && onConfirm(canvas, dataurl);
102
+ onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
96
103
  };
97
104
  useImperativeHandle(ref, () => ({
98
105
  confirm: () => {
@@ -1 +1 @@
1
- .nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}
1
+ .nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}
@@ -289,6 +289,10 @@ class FormItem extends React__default.Component {
289
289
  };
290
290
  }
291
291
  componentDidMount() {
292
+ const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
293
+ if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
294
+ setInitialValues(Object.assign(Object.assign({}, store), { [this.props.name]: this.props.initialValue }), true);
295
+ }
292
296
  const { registerField, registerUpdate } = this.context.getInternal(SECRET);
293
297
  this.cancelRegister = registerField(this);
294
298
  this.eventOff = registerUpdate(this, this.props.shouldUpdate);
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:32:22 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:42:52 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:31:53 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -16256,6 +16256,13 @@ const _FormItem = class _FormItem extends React__default.Component {
16256
16256
  };
16257
16257
  }
16258
16258
  componentDidMount() {
16259
+ const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
16260
+ if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
16261
+ setInitialValues(
16262
+ { ...store, [this.props.name]: this.props.initialValue },
16263
+ true
16264
+ );
16265
+ }
16259
16266
  const { registerField, registerUpdate } = this.context.getInternal(SECRET);
16260
16267
  this.cancelRegister = registerField(this);
16261
16268
  this.eventOff = registerUpdate(this, this.props.shouldUpdate);
@@ -16317,7 +16324,7 @@ const defaultProps$U = {
16317
16324
  ...ComponentDefaults,
16318
16325
  type: "text",
16319
16326
  name: "",
16320
- placeholder: "",
16327
+ placeholder: void 0,
16321
16328
  confirmType: "done",
16322
16329
  align: "left",
16323
16330
  required: false,
@@ -16462,7 +16469,7 @@ const Input = forwardRef(
16462
16469
  },
16463
16470
  type: inputType(type4),
16464
16471
  maxLength,
16465
- placeholder: placeholder || locale.placeholder,
16472
+ placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
16466
16473
  disabled,
16467
16474
  readOnly,
16468
16475
  value,
@@ -18277,6 +18284,7 @@ const InternalSignature = (props, ref) => {
18277
18284
  return !!(elem.getContext && elem.getContext("2d"));
18278
18285
  };
18279
18286
  const [isCanvasSupported, setIsCanvasSupported] = useState(false);
18287
+ const isSignedRef = useRef(false);
18280
18288
  const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
18281
18289
  const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
18282
18290
  useEffect(() => {
@@ -18292,6 +18300,7 @@ const InternalSignature = (props, ref) => {
18292
18300
  }, [isCanvasSupported]);
18293
18301
  const startEventHandler = (event) => {
18294
18302
  event.preventDefault();
18303
+ isSignedRef.current = true;
18295
18304
  if (ctx2.current && canvasRef.current) {
18296
18305
  ctx2.current.beginPath();
18297
18306
  ctx2.current.lineWidth = lineWidth;
@@ -18332,6 +18341,7 @@ const InternalSignature = (props, ref) => {
18332
18341
  }
18333
18342
  };
18334
18343
  const handleClearBtn = () => {
18344
+ isSignedRef.current = false;
18335
18345
  if (canvasRef.current && ctx2.current) {
18336
18346
  canvasRef.current.addEventListener(events[2], endEventHandler, false);
18337
18347
  ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -18340,7 +18350,11 @@ const InternalSignature = (props, ref) => {
18340
18350
  onClear && onClear();
18341
18351
  };
18342
18352
  const onSave = (canvas) => {
18343
- let dataurl;
18353
+ let dataurl = "";
18354
+ if (!isSignedRef.current) {
18355
+ onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
18356
+ return;
18357
+ }
18344
18358
  switch (type4) {
18345
18359
  case "png":
18346
18360
  dataurl = canvas.toDataURL("image/png");
@@ -18351,7 +18365,7 @@ const InternalSignature = (props, ref) => {
18351
18365
  default:
18352
18366
  dataurl = canvas.toDataURL("image/png");
18353
18367
  }
18354
- onConfirm && onConfirm(canvas, dataurl);
18368
+ onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
18355
18369
  };
18356
18370
  useImperativeHandle(ref, () => ({
18357
18371
  confirm: () => {
@@ -19222,7 +19236,8 @@ const ActionSheet = (props) => {
19222
19236
  onClick: () => cancelActionSheet()
19223
19237
  },
19224
19238
  cancelText
19225
- ))
19239
+ )),
19240
+ /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-safe-area` })
19226
19241
  );
19227
19242
  };
19228
19243
  ActionSheet.displayName = "NutActionSheet";
@@ -23358,6 +23373,7 @@ const ImagePreview = (props) => {
23358
23373
  });
23359
23374
  };
23360
23375
  const closeOnImg = (e2) => {
23376
+ e2.stopPropagation();
23361
23377
  if (closeOnContentClick) {
23362
23378
  onCloseInner(e2);
23363
23379
  }
@@ -2,7 +2,7 @@
2
2
  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));
3
3
  })(this, function(exports2, React, ReactDOM) {
4
4
  "use strict";/*!
5
- * @nutui/nutui-react v2.6.5 Fri May 17 2024 15:42:52 GMT+0800 (China Standard Time)
5
+ * @nutui/nutui-react v2.6.7 Tue May 28 2024 17:31:53 GMT+0800 (China Standard Time)
6
6
  * (c) 2023 @jdf2e.
7
7
  * Released under the MIT License.
8
8
  */
@@ -16274,6 +16274,13 @@ Please add \`${key}Action\` when creating your handler.`);
16274
16274
  };
16275
16275
  }
16276
16276
  componentDidMount() {
16277
+ const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
16278
+ if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
16279
+ setInitialValues(
16280
+ { ...store, [this.props.name]: this.props.initialValue },
16281
+ true
16282
+ );
16283
+ }
16277
16284
  const { registerField, registerUpdate } = this.context.getInternal(SECRET);
16278
16285
  this.cancelRegister = registerField(this);
16279
16286
  this.eventOff = registerUpdate(this, this.props.shouldUpdate);
@@ -16335,7 +16342,7 @@ Please add \`${key}Action\` when creating your handler.`);
16335
16342
  ...ComponentDefaults,
16336
16343
  type: "text",
16337
16344
  name: "",
16338
- placeholder: "",
16345
+ placeholder: void 0,
16339
16346
  confirmType: "done",
16340
16347
  align: "left",
16341
16348
  required: false,
@@ -16480,7 +16487,7 @@ Please add \`${key}Action\` when creating your handler.`);
16480
16487
  },
16481
16488
  type: inputType(type2),
16482
16489
  maxLength,
16483
- placeholder: placeholder || locale.placeholder,
16490
+ placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
16484
16491
  disabled,
16485
16492
  readOnly,
16486
16493
  value,
@@ -18295,6 +18302,7 @@ Please add \`${key}Action\` when creating your handler.`);
18295
18302
  return !!(elem.getContext && elem.getContext("2d"));
18296
18303
  };
18297
18304
  const [isCanvasSupported, setIsCanvasSupported] = React.useState(false);
18305
+ const isSignedRef = React.useRef(false);
18298
18306
  const isSupportTouch = canUseDom ? "ontouchstart" in window : false;
18299
18307
  const events = isSupportTouch ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"];
18300
18308
  React.useEffect(() => {
@@ -18310,6 +18318,7 @@ Please add \`${key}Action\` when creating your handler.`);
18310
18318
  }, [isCanvasSupported]);
18311
18319
  const startEventHandler = (event) => {
18312
18320
  event.preventDefault();
18321
+ isSignedRef.current = true;
18313
18322
  if (ctx2.current && canvasRef.current) {
18314
18323
  ctx2.current.beginPath();
18315
18324
  ctx2.current.lineWidth = lineWidth;
@@ -18350,6 +18359,7 @@ Please add \`${key}Action\` when creating your handler.`);
18350
18359
  }
18351
18360
  };
18352
18361
  const handleClearBtn = () => {
18362
+ isSignedRef.current = false;
18353
18363
  if (canvasRef.current && ctx2.current) {
18354
18364
  canvasRef.current.addEventListener(events[2], endEventHandler, false);
18355
18365
  ctx2.current.clearRect(0, 0, canvasWidth, canvasHeight);
@@ -18358,7 +18368,11 @@ Please add \`${key}Action\` when creating your handler.`);
18358
18368
  onClear && onClear();
18359
18369
  };
18360
18370
  const onSave = (canvas) => {
18361
- let dataurl;
18371
+ let dataurl = "";
18372
+ if (!isSignedRef.current) {
18373
+ onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
18374
+ return;
18375
+ }
18362
18376
  switch (type2) {
18363
18377
  case "png":
18364
18378
  dataurl = canvas.toDataURL("image/png");
@@ -18369,7 +18383,7 @@ Please add \`${key}Action\` when creating your handler.`);
18369
18383
  default:
18370
18384
  dataurl = canvas.toDataURL("image/png");
18371
18385
  }
18372
- onConfirm && onConfirm(canvas, dataurl);
18386
+ onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
18373
18387
  };
18374
18388
  React.useImperativeHandle(ref, () => ({
18375
18389
  confirm: () => {
@@ -19240,7 +19254,8 @@ Please add \`${key}Action\` when creating your handler.`);
19240
19254
  onClick: () => cancelActionSheet()
19241
19255
  },
19242
19256
  cancelText
19243
- ))
19257
+ )),
19258
+ /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-safe-area` })
19244
19259
  );
19245
19260
  };
19246
19261
  ActionSheet.displayName = "NutActionSheet";
@@ -23376,6 +23391,7 @@ Please add \`${key}Action\` when creating your handler.`);
23376
23391
  });
23377
23392
  };
23378
23393
  const closeOnImg = (e2) => {
23394
+ e2.stopPropagation();
23379
23395
  if (closeOnContentClick) {
23380
23396
  onCloseInner(e2);
23381
23397
  }
@@ -8,7 +8,6 @@
8
8
  &.nut-popup {
9
9
  min-height: 10%;
10
10
  background-color: $actionsheet-background-color;
11
- padding: $actionsheet-padding;
12
11
  }
13
12
 
14
13
  .nut-popup-title {
@@ -55,4 +54,11 @@
55
54
  border-top: 1px solid $actionsheet-border-color;
56
55
  border-radius: $actionsheet-border-radius;
57
56
  }
57
+
58
+ &-safe-area {
59
+ display: block;
60
+ width: 100%;
61
+ padding-bottom: constant(safe-area-inset-bottom);
62
+ padding-bottom: env(safe-area-inset-bottom);
63
+ }
58
64
  }