@nutui/nutui-react-taro 3.0.19-cpp.9 → 3.0.20-beta.0

package/dist/cjs/packages/dialog/style/style.harmony.css

@@ -60,6 +60,9 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -549,6 +552,7 @@
   display: flex;
   justify-content: center;
   margin-top: var(--nutui-dialog-vertical-footer-ok-margin-top, 16px);
+  background: transparent;
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
@@ -564,6 +568,26 @@
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
   color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
 }
+.nut-dialog-footer-ok-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer-ok-container .nut-dialog-footer-ok-badge {
+  position: absolute;
+  right: 0;
+  top: var(--nutui-dialog-footer-badge-top, -8px);
+  display: flex;
+  align-items: center;
+  height: var(--nutui-dialog-footer-badge-height, 14px);
+  padding: var(--nutui-dialog-footer-badge-padding, 0 3px);
+  background: var(--nutui-dialog-footer-badge-bg-ok, var(--nutui-color-danger-light, #ffebef));
+  border-radius: var(--nutui-dialog-footer-badge-border-radius, 2px 2px 0px 2px);
+  font-size: var(--nutui-dialog-footer-badge-fontsize, 10px);
+  color: var(--nutui-dialog-footer-badge-color-ok, var(--nutui-color-primary, #ff0f23));
+}
 .nut-dialog-footer-ok {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
   font-weight: var(--nutui-font-weight-medium, 500);
@@ -574,6 +598,26 @@
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;
 }
+.nut-dialog-footer-cancel-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer-cancel-container .nut-dialog-footer-cancel-badge {
+  position: absolute;
+  right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
+  top: var(--nutui-dialog-footer-badge-top, -8px);
+  display: flex;
+  align-items: center;
+  height: var(--nutui-dialog-footer-badge-height, 14px);
+  padding: var(--nutui-dialog-footer-badge-padding, 0 3px);
+  background: var(--nutui-dialog-footer-badge-bg-cancel, var(--nutui-color-danger-light, #ffebef));
+  border-radius: var(--nutui-dialog-footer-badge-border-radius, 2px 2px 0px 2px);
+  font-size: var(--nutui-dialog-footer-badge-fontsize, 10px);
+  color: var(--nutui-dialog-footer-badge-color-cancel, var(--nutui-color-primary, #ff0f23));
+}
 
 [dir=rtl] .nut-dialog-outer,
 .nut-rtl .nut-dialog-outer {

package/dist/cjs/packages/dialog/style-jmapp/dialog.scss

@@ -121,6 +121,7 @@
         display: flex;
         justify-content: center;
         margin-top: $dialog-vertical-footer-ok-margin-top;
+        background: transparent;
       }
     }
 
@@ -140,6 +141,28 @@
       }
     }
 
+    &-ok-container {
+      position: relative;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      justify-content: space-around;
+
+      .nut-dialog-footer-ok-badge {
+        position: absolute;
+        right: 0;
+        top: $dialog-footer-badge-top;
+        display: flex;
+        align-items: center;
+        height: $dialog-footer-badge-height;
+        padding: $dialog-footer-badge-padding;
+        background: $dialog-footer-badge-bg-ok;
+        border-radius: $dialog-footer-badge-border-radius;
+        font-size: $dialog-footer-badge-fontsize;
+        color: $dialog-footer-badge-color-ok;
+      }
+    }
+
     &-ok {
       max-width: $dialog-footer-ok-max-width;
       font-weight: $font-weight-medium;
@@ -153,6 +176,28 @@
         min-width: 100%;
       }
     }
+
+    &-cancel-container {
+      position: relative;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      justify-content: space-around;
+
+      .nut-dialog-footer-cancel-badge {
+        position: absolute;
+        right: $dialog-footer-cancel-margin-right;
+        top: $dialog-footer-badge-top;
+        display: flex;
+        align-items: center;
+        height: $dialog-footer-badge-height;
+        padding: $dialog-footer-badge-padding;
+        background: $dialog-footer-badge-bg-cancel;
+        border-radius: $dialog-footer-badge-border-radius;
+        font-size: $dialog-footer-badge-fontsize;
+        color: $dialog-footer-badge-color-cancel;
+      }
+    }
   }
 }
 

package/dist/cjs/packages/dialog/style-jmapp/style.css

@@ -115,6 +115,7 @@
   display: flex;
   justify-content: center;
   margin-top: var(--nutui-dialog-vertical-footer-ok-margin-top, 5px);
+  background: transparent;
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
@@ -130,6 +131,26 @@
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
   color: var(--nutui-button-default-color, var(--nutui-color-text));
 }
+.nut-dialog-footer-ok-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer-ok-container .nut-dialog-footer-ok-badge {
+  position: absolute;
+  right: 0;
+  top: var(--nutui-dialog-footer-badge-top, -8px);
+  display: flex;
+  align-items: center;
+  height: var(--nutui-dialog-footer-badge-height, 14px);
+  padding: var(--nutui-dialog-footer-badge-padding, 0 3px);
+  background: var(--nutui-dialog-footer-badge-bg-ok, var(--nutui-color-danger-light));
+  border-radius: var(--nutui-dialog-footer-badge-border-radius, 2px 2px 0px 2px);
+  font-size: var(--nutui-dialog-footer-badge-fontsize, 10px);
+  color: var(--nutui-dialog-footer-badge-color-ok, var(--nutui-color-primary));
+}
 .nut-dialog-footer-ok {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
   font-weight: var(--nutui-font-weight-medium, 500);
@@ -140,6 +161,26 @@
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;
 }
+.nut-dialog-footer-cancel-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer-cancel-container .nut-dialog-footer-cancel-badge {
+  position: absolute;
+  right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
+  top: var(--nutui-dialog-footer-badge-top, -8px);
+  display: flex;
+  align-items: center;
+  height: var(--nutui-dialog-footer-badge-height, 14px);
+  padding: var(--nutui-dialog-footer-badge-padding, 0 3px);
+  background: var(--nutui-dialog-footer-badge-bg-cancel, var(--nutui-color-danger-light));
+  border-radius: var(--nutui-dialog-footer-badge-border-radius, 2px 2px 0px 2px);
+  font-size: var(--nutui-dialog-footer-badge-fontsize, 10px);
+  color: var(--nutui-dialog-footer-badge-color-cancel, var(--nutui-color-primary));
+}
 
 [dir=rtl] .nut-dialog-outer,
 .nut-rtl .nut-dialog-outer {

package/dist/cjs/packages/dialog/style-jrkf/dialog.scss

@@ -121,6 +121,7 @@
         display: flex;
         justify-content: center;
         margin-top: $dialog-vertical-footer-ok-margin-top;
+        background: transparent;
       }
     }
 
@@ -140,6 +141,28 @@
       }
     }
 
+    &-ok-container {
+      position: relative;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      justify-content: space-around;
+
+      .nut-dialog-footer-ok-badge {
+        position: absolute;
+        right: 0;
+        top: $dialog-footer-badge-top;
+        display: flex;
+        align-items: center;
+        height: $dialog-footer-badge-height;
+        padding: $dialog-footer-badge-padding;
+        background: $dialog-footer-badge-bg-ok;
+        border-radius: $dialog-footer-badge-border-radius;
+        font-size: $dialog-footer-badge-fontsize;
+        color: $dialog-footer-badge-color-ok;
+      }
+    }
+
     &-ok {
       max-width: $dialog-footer-ok-max-width;
       font-weight: $font-weight-medium;
@@ -153,6 +176,28 @@
         min-width: 100%;
       }
     }
+
+    &-cancel-container {
+      position: relative;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      justify-content: space-around;
+
+      .nut-dialog-footer-cancel-badge {
+        position: absolute;
+        right: $dialog-footer-cancel-margin-right;
+        top: $dialog-footer-badge-top;
+        display: flex;
+        align-items: center;
+        height: $dialog-footer-badge-height;
+        padding: $dialog-footer-badge-padding;
+        background: $dialog-footer-badge-bg-cancel;
+        border-radius: $dialog-footer-badge-border-radius;
+        font-size: $dialog-footer-badge-fontsize;
+        color: $dialog-footer-badge-color-cancel;
+      }
+    }
   }
 }
 

package/dist/cjs/packages/dialog/style-jrkf/style.css

@@ -115,6 +115,7 @@
   display: flex;
   justify-content: center;
   margin-top: var(--nutui-dialog-vertical-footer-ok-margin-top, 5px);
+  background: transparent;
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
@@ -130,6 +131,26 @@
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
   color: var(--nutui-button-default-color, var(--nutui-color-text));
 }
+.nut-dialog-footer-ok-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer-ok-container .nut-dialog-footer-ok-badge {
+  position: absolute;
+  right: 0;
+  top: var(--nutui-dialog-footer-badge-top, -8px);
+  display: flex;
+  align-items: center;
+  height: var(--nutui-dialog-footer-badge-height, 14px);
+  padding: var(--nutui-dialog-footer-badge-padding, 0 3px);
+  background: var(--nutui-dialog-footer-badge-bg-ok, var(--nutui-color-danger-light));
+  border-radius: var(--nutui-dialog-footer-badge-border-radius, 2px 2px 0px 2px);
+  font-size: var(--nutui-dialog-footer-badge-fontsize, 10px);
+  color: var(--nutui-dialog-footer-badge-color-ok, var(--nutui-color-primary, #ff6666));
+}
 .nut-dialog-footer-ok {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
   font-weight: var(--nutui-font-weight-medium, 500);
@@ -140,6 +161,26 @@
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;
 }
+.nut-dialog-footer-cancel-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+}
+.nut-dialog-footer-cancel-container .nut-dialog-footer-cancel-badge {
+  position: absolute;
+  right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
+  top: var(--nutui-dialog-footer-badge-top, -8px);
+  display: flex;
+  align-items: center;
+  height: var(--nutui-dialog-footer-badge-height, 14px);
+  padding: var(--nutui-dialog-footer-badge-padding, 0 3px);
+  background: var(--nutui-dialog-footer-badge-bg-cancel, var(--nutui-color-danger-light));
+  border-radius: var(--nutui-dialog-footer-badge-border-radius, 2px 2px 0px 2px);
+  font-size: var(--nutui-dialog-footer-badge-fontsize, 10px);
+  color: var(--nutui-dialog-footer-badge-color-cancel, var(--nutui-color-primary, #ff6666));
+}
 
 [dir=rtl] .nut-dialog-outer,
 .nut-rtl .nut-dialog-outer {

package/dist/cjs/packages/divider/style/divider.scss

@@ -45,7 +45,12 @@
   }
 
   &-vertical {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     width: 0px;
     height: $divider-vertical-height;
     border-left: 1px solid $divider-border-color;

package/dist/cjs/packages/divider/style/style.css

@@ -35,7 +35,12 @@
   flex: none;
 }
 .nut-divider-vertical {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: 0px;
   height: var(--nutui-divider-vertical-height, 12px);
   border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));

package/dist/cjs/packages/divider/style/style.harmony.css

@@ -35,7 +35,12 @@
   flex: none;
 }
 .nut-divider-vertical {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: 0px;
   height: var(--nutui-divider-vertical-height, 12px);
   border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));

package/dist/cjs/packages/divider/style-jmapp/divider.scss

@@ -45,7 +45,12 @@
   }
 
   &-vertical {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     width: 0px;
     height: $divider-vertical-height;
     border-left: 1px solid $divider-border-color;

package/dist/cjs/packages/divider/style-jmapp/style.css

@@ -35,7 +35,12 @@
   flex: none;
 }
 .nut-divider-vertical {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: 0px;
   height: var(--nutui-divider-vertical-height, 12px);
   border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border));

package/dist/cjs/packages/divider/style-jrkf/divider.scss

@@ -45,7 +45,12 @@
   }
 
   &-vertical {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     width: 0px;
     height: $divider-vertical-height;
     border-left: 1px solid $divider-border-color;

package/dist/cjs/packages/divider/style-jrkf/style.css

@@ -35,7 +35,12 @@
   flex: none;
 }
 .nut-divider-vertical {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: 0px;
   height: var(--nutui-divider-vertical-height, 12px);
   border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border));

package/dist/cjs/packages/drag/drag.js

@@ -50,8 +50,8 @@ var Drag = function Drag(props) {
     var translateX = (0, _react.useRef)(0);
     var translateY = (0, _react.useRef)(0);
     var middleLine = (0, _react.useRef)(0);
-    var getInfo = function getInfo() {
-        return (0, _async_to_generator._)(function() {
+    var getInfo = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             var el, top, left, bottom, right, _getWindowInfo, screenWidth, windowHeight, _ref, width, height, dragTop, dragLeft;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -83,8 +83,11 @@ var Drag = function Drag(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function getInfo() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var touchStart = function touchStart(e) {
         onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
         var touches = e.touches[0];

package/dist/cjs/packages/drag/style/drag.scss

@@ -7,9 +7,14 @@
   user-select: none;
   font-size: 0;
   &-inner {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    /* #endif */
     touch-action: none;
   }
 }

package/dist/cjs/packages/drag/style/style.css

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/cjs/packages/drag/style/style.harmony.css

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/cjs/packages/drag/style-jmapp/drag.scss

@@ -7,9 +7,14 @@
   user-select: none;
   font-size: 0;
   &-inner {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    /* #endif */
     touch-action: none;
   }
 }

package/dist/cjs/packages/drag/style-jmapp/style.css

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/cjs/packages/drag/style-jrkf/drag.scss

@@ -7,9 +7,14 @@
   user-select: none;
   font-size: 0;
   &-inner {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
     width: fit-content;
     height: fit-content;
+    /* #endif */
     touch-action: none;
   }
 }

package/dist/cjs/packages/drag/style-jrkf/style.css

@@ -12,8 +12,13 @@
   font-size: 0;
 }
 .nut-drag-inner {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
   width: fit-content;
   height: fit-content;
+  /* #endif */
   touch-action: none;
 }

package/dist/cjs/packages/elevator/elevator.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get Elevator () {
+    Elevator: function() {
         return Elevator;
     },
-    get elevatorContext () {
+    elevatorContext: function() {
         return elevatorContext;
     }
 });
@@ -113,8 +113,8 @@ var Elevator = function Elevator(props) {
             }
         });
     };
-    var scrollTo = function scrollTo(index) {
-        return (0, _async_to_generator._)(function() {
+    var scrollTo = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(index) {
             var cacheIndex, scrollTop;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -154,8 +154,11 @@ var Elevator = function Elevator(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function scrollTo(index) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var touchMove = function touchMove(e) {
         var firstTouch = e.touches[0];
         touchState.current.y2 = firstTouch.pageY;

package/dist/cjs/packages/elevator/style/elevator.scss

@@ -16,7 +16,9 @@
       min-height: 100%;
       width: 100%;
       background-color: $elevator-list-bg-color;
+      /* #ifndef dynamic*/
       overflow: auto;
+      /* #endif */
     }
 
     &-item {
@@ -96,7 +98,12 @@
       display: flex;
       flex-direction: column;
       &-item {
+        /* #ifdef dynamic*/
+        display: flex;
+        /* #endif */
+        /* #ifndef dynamic*/
         display: inline-flex;
+        /* #endif */
         align-items: center;
         justify-content: center;
         height: 16px;

package/dist/cjs/packages/elevator/style/style.css

@@ -20,7 +20,9 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -94,7 +96,12 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;

package/dist/cjs/packages/elevator/style/style.harmony.css

@@ -20,7 +20,9 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -94,7 +96,12 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;