npm - @nutui/nutui-react-taro - Versions diffs - 3.0.20-cpp → 3.0.20 - Mend

@nutui/nutui-react-taro 3.0.20-cpp → 3.0.20

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.

Files changed (397) hide show

package/dist/es/packages/picker/style/style.harmony.css CHANGED Viewed

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 11px);
+  padding: var(--nutui-popup-title-padding, 16px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,6 +84,7 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -95,13 +96,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 11px);
-  right: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 16px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -112,22 +113,20 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
-  bottom: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
-  right: auto;
-  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -138,8 +137,6 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
-  right: auto;
-  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -151,8 +148,6 @@
 .nut-popup-right {
   top: 0;
   right: 0;
-  left: auto;
-  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -162,8 +157,6 @@
 .nut-popup-left {
   top: 0;
   left: 0;
-  right: auto;
-  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -173,8 +166,6 @@
 .nut-popup-top {
   top: 0;
   left: 0;
-  right: auto;
-  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -251,9 +242,6 @@
   }
 }
 @keyframes popup-slide-top-exit {
-  from {
-    transform: translate3d(0, 0%, 0);
-  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -278,9 +266,6 @@
   }
 }
 @keyframes popup-slide-right-exit {
-  from {
-    transform: translate3d(0%, 0, 0);
-  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -305,9 +290,6 @@
   }
 }
 @keyframes slide-bottom-exit {
-  from {
-    transform: translate3d(0, 0%, 0);
-  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -332,9 +314,6 @@
   }
 }
 @keyframes popup-slide-left-exit {
-  from {
-    transform: translate3d(0%, 0, 0);
-  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -360,27 +339,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
@@ -483,7 +462,7 @@
   align-items: center;
   justify-content: space-between;
   height: var(--nutui-popup-title-height, 50px);
-  padding: var(--nutui-popup-title-padding, 11px);
+  padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }

package/dist/es/packages/popover/style/style.harmony.css CHANGED Viewed

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 11px);
+  padding: var(--nutui-popup-title-padding, 16px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,6 +84,7 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -95,13 +96,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 11px);
-  right: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 16px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -112,22 +113,20 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
-  bottom: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
-  right: auto;
-  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -138,8 +137,6 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
-  right: auto;
-  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -151,8 +148,6 @@
 .nut-popup-right {
   top: 0;
   right: 0;
-  left: auto;
-  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -162,8 +157,6 @@
 .nut-popup-left {
   top: 0;
   left: 0;
-  right: auto;
-  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -173,8 +166,6 @@
 .nut-popup-top {
   top: 0;
   left: 0;
-  right: auto;
-  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -251,9 +242,6 @@
   }
 }
 @keyframes popup-slide-top-exit {
-  from {
-    transform: translate3d(0, 0%, 0);
-  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -278,9 +266,6 @@
   }
 }
 @keyframes popup-slide-right-exit {
-  from {
-    transform: translate3d(0%, 0, 0);
-  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -305,9 +290,6 @@
   }
 }
 @keyframes slide-bottom-exit {
-  from {
-    transform: translate3d(0, 0%, 0);
-  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -332,9 +314,6 @@
   }
 }
 @keyframes popup-slide-left-exit {
-  from {
-    transform: translate3d(0%, 0, 0);
-  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -360,27 +339,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  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, 11px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {