@nutui/nutui-react-taro 3.0.19-cpp.1 → 3.0.19-cpp.11

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

@@ -1,6 +1,11 @@
 .nut-countup {
   &-list {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
     height: $countup-height;
     overflow: hidden;
     direction: ltr;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-countup-list {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
   height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   direction: ltr;

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

@@ -1,6 +1,11 @@
 .nut-countup {
   &-list {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
     height: $countup-height;
     overflow: hidden;
     direction: ltr;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-countup-list {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
   height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   direction: ltr;

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

@@ -1,6 +1,11 @@
 .nut-countup {
   &-list {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
     height: $countup-height;
     overflow: hidden;
     direction: ltr;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-countup-list {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
   height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   direction: ltr;

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

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   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-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  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);
@@ -464,7 +464,7 @@
   height: var(--nutui-popup-title-height, 50px);
   padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-picker-cancel-btn {
   color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
@@ -481,7 +481,7 @@
   white-space: nowrap;
   text-align: center;
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

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

@@ -17,9 +17,11 @@
     position: fixed;
     max-height: 100%;
     background-color: $dialog-background;
+    /* #ifndef dynamic*/
     transition:
       transform 0.2s,
       -webkit-transform 0.2s;
+    /* #endif */
     -webkit-overflow-scrolling: touch;
     top: 50%;
     left: 50%;
@@ -81,6 +83,7 @@
     font-size: $dialog-header-font-size;
     font-weight: $dialog-header-font-weight;
     color: $color-title;
+    margin-bottom: $dialog-title-margin-bottom;
     @include oneline-ellipsis();
   }
 
@@ -123,12 +126,15 @@
 
     .nut-button {
       min-width: $dialog-footer-button-min-width;
+      border-radius: $dialog-footer-button-border;
+      padding: var(--nutui-button-large-padding, 0 12px);
     }
 
     &-cancel.nut-dialog-footer-cancel {
       margin-right: $dialog-footer-cancel-margin-right;
       background: $dialog-footer-cancel-bg;
       color: $button-default-color;
+      border-color: var(--nutui-button-default-border-color, transparent);
       .nut-button-children {
         color: $button-default-color;
       }
@@ -136,9 +142,9 @@
 
     &-ok {
       max-width: $dialog-footer-ok-max-width;
-      font-weight: $font-weight-bold;
+      font-weight: $font-weight-medium;
       .nut-button-children {
-        font-weight: $font-weight-bold;
+        font-weight: $font-weight-medium;
       }
     }
 

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

@@ -19,7 +19,9 @@
   position: fixed;
   max-height: 100%;
   background-color: var(--nutui-dialog-background, var(--nutui-color-background-overlay, #ffffff));
+  /* #ifndef dynamic*/
   transition: transform 0.2s, -webkit-transform 0.2s;
+  /* #endif */
   -webkit-overflow-scrolling: touch;
   top: 50%;
   left: 50%;
@@ -72,9 +74,10 @@
 .nut-dialog-header {
   display: block;
   text-align: center;
-  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-xl, 18px));
   font-weight: var(--nutui-dialog-header-font-weight, var(--nutui-font-weight-bold, 600));
   color: var(--nutui-color-title, #1a1a1a);
+  margin-bottom: var(--nutui-dialog-title-margin-bottom, 8px);
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -82,7 +85,7 @@
 }
 .nut-dialog-content {
   width: 100%;
-  margin: var(--nutui-dialog-content-margin, 12px 0 16px 0);
+  margin: var(--nutui-dialog-content-margin, 0 0 20px 0);
   max-height: var(--nutui-dialog-content-max-height, 268px);
   line-height: var(--nutui-dialog-content-line-height, 20px);
   font-size: var(--nutui-font-size-base, 14px);
@@ -115,21 +118,24 @@
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
+  border-radius: var(--nutui-dialog-footer-button-border, 6px);
+  padding: var(--nutui-button-large-padding, 0 12px);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
-  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
+  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-color-background-sunken, #f7f8fc));
   color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
+  border-color: var(--nutui-button-default-border-color, transparent);
 }
 .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 {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
-  font-weight: var(--nutui-font-weight-bold, 600);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-ok .nut-button-children {
-  font-weight: var(--nutui-font-weight-bold, 600);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;

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

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +141,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +151,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);
@@ -450,7 +453,9 @@
   position: fixed;
   max-height: 100%;
   background-color: var(--nutui-dialog-background, var(--nutui-color-background-overlay, #ffffff));
+  /* #ifndef dynamic*/
   transition: transform 0.2s, -webkit-transform 0.2s;
+  /* #endif */
   -webkit-overflow-scrolling: touch;
   top: 50%;
   left: 50%;
@@ -503,9 +508,10 @@
 .nut-dialog-header {
   display: block;
   text-align: center;
-  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-xl, 18px));
   font-weight: var(--nutui-dialog-header-font-weight, var(--nutui-font-weight-bold, 600));
   color: var(--nutui-color-title, #1a1a1a);
+  margin-bottom: var(--nutui-dialog-title-margin-bottom, 8px);
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -513,7 +519,7 @@
 }
 .nut-dialog-content {
   width: 100%;
-  margin: var(--nutui-dialog-content-margin, 12px 0 16px 0);
+  margin: var(--nutui-dialog-content-margin, 0 0 20px 0);
   max-height: var(--nutui-dialog-content-max-height, 268px);
   line-height: var(--nutui-dialog-content-line-height, 20px);
   font-size: var(--nutui-font-size-base, 14px);
@@ -546,21 +552,24 @@
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
+  border-radius: var(--nutui-dialog-footer-button-border, 6px);
+  padding: var(--nutui-button-large-padding, 0 12px);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
-  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
+  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-color-background-sunken, #f7f8fc));
   color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
+  border-color: var(--nutui-button-default-border-color, transparent);
 }
 .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 {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
-  font-weight: var(--nutui-font-weight-bold, 600);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-ok .nut-button-children {
-  font-weight: var(--nutui-font-weight-bold, 600);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;

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

@@ -17,9 +17,11 @@
     position: fixed;
     max-height: 100%;
     background-color: $dialog-background;
+    /* #ifndef dynamic*/
     transition:
       transform 0.2s,
       -webkit-transform 0.2s;
+    /* #endif */
     -webkit-overflow-scrolling: touch;
     top: 50%;
     left: 50%;
@@ -81,6 +83,7 @@
     font-size: $dialog-header-font-size;
     font-weight: $dialog-header-font-weight;
     color: $color-title;
+    margin-bottom: $dialog-title-margin-bottom;
     @include oneline-ellipsis();
   }
 
@@ -123,12 +126,15 @@
 
     .nut-button {
       min-width: $dialog-footer-button-min-width;
+      border-radius: $dialog-footer-button-border;
+      padding: var(--nutui-button-large-padding, 0 12px);
     }
 
     &-cancel.nut-dialog-footer-cancel {
       margin-right: $dialog-footer-cancel-margin-right;
       background: $dialog-footer-cancel-bg;
       color: $button-default-color;
+      border-color: var(--nutui-button-default-border-color, transparent);
       .nut-button-children {
         color: $button-default-color;
       }
@@ -136,9 +142,9 @@
 
     &-ok {
       max-width: $dialog-footer-ok-max-width;
-      font-weight: $font-weight-bold;
+      font-weight: $font-weight-medium;
       .nut-button-children {
-        font-weight: $font-weight-bold;
+        font-weight: $font-weight-medium;
       }
     }
 

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

@@ -19,7 +19,9 @@
   position: fixed;
   max-height: 100%;
   background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
+  /* #ifndef dynamic*/
   transition: transform 0.2s, -webkit-transform 0.2s;
+  /* #endif */
   -webkit-overflow-scrolling: touch;
   top: 50%;
   left: 50%;
@@ -75,6 +77,7 @@
   font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-text-large));
   font-weight: var(--nutui-dialog-header-font-weight, normal);
   color: var(--nutui-color-title);
+  margin-bottom: var(--nutui-dialog-title-margin-bottom, 8px);
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -115,21 +118,24 @@
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
+  border-radius: var(--nutui-dialog-footer-button-border, 6px);
+  padding: var(--nutui-button-large-padding, 0 12px);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
   background: var(--nutui-dialog-footer-cancel-bg, transparent);
   color: var(--nutui-button-default-color, var(--nutui-color-text));
+  border-color: var(--nutui-button-default-border-color, transparent);
 }
 .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 {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
-  font-weight: var(--nutui-font-weight-bold);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-ok .nut-button-children {
-  font-weight: var(--nutui-font-weight-bold);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;

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

@@ -17,9 +17,11 @@
     position: fixed;
     max-height: 100%;
     background-color: $dialog-background;
+    /* #ifndef dynamic*/
     transition:
       transform 0.2s,
       -webkit-transform 0.2s;
+    /* #endif */
     -webkit-overflow-scrolling: touch;
     top: 50%;
     left: 50%;
@@ -81,6 +83,7 @@
     font-size: $dialog-header-font-size;
     font-weight: $dialog-header-font-weight;
     color: $color-title;
+    margin-bottom: $dialog-title-margin-bottom;
     @include oneline-ellipsis();
   }
 
@@ -123,12 +126,15 @@
 
     .nut-button {
       min-width: $dialog-footer-button-min-width;
+      border-radius: $dialog-footer-button-border;
+      padding: var(--nutui-button-large-padding, 0 12px);
     }
 
     &-cancel.nut-dialog-footer-cancel {
       margin-right: $dialog-footer-cancel-margin-right;
       background: $dialog-footer-cancel-bg;
       color: $button-default-color;
+      border-color: var(--nutui-button-default-border-color, transparent);
       .nut-button-children {
         color: $button-default-color;
       }
@@ -136,9 +142,9 @@
 
     &-ok {
       max-width: $dialog-footer-ok-max-width;
-      font-weight: $font-weight-bold;
+      font-weight: $font-weight-medium;
       .nut-button-children {
-        font-weight: $font-weight-bold;
+        font-weight: $font-weight-medium;
       }
     }
 

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

@@ -19,7 +19,9 @@
   position: fixed;
   max-height: 100%;
   background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
+  /* #ifndef dynamic*/
   transition: transform 0.2s, -webkit-transform 0.2s;
+  /* #endif */
   -webkit-overflow-scrolling: touch;
   top: 50%;
   left: 50%;
@@ -75,6 +77,7 @@
   font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-text-large));
   font-weight: var(--nutui-dialog-header-font-weight, normal);
   color: var(--nutui-color-title);
+  margin-bottom: var(--nutui-dialog-title-margin-bottom, 8px);
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -115,21 +118,24 @@
 }
 .nut-dialog-footer .nut-button {
   min-width: var(--nutui-dialog-footer-button-min-width, 117px);
+  border-radius: var(--nutui-dialog-footer-button-border, 6px);
+  padding: var(--nutui-button-large-padding, 0 12px);
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
   background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, var(--nutui-color-default)));
   color: var(--nutui-button-default-color, var(--nutui-color-text));
+  border-color: var(--nutui-button-default-border-color, transparent);
 }
 .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 {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
-  font-weight: var(--nutui-font-weight-bold);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-ok .nut-button-children {
-  font-weight: var(--nutui-font-weight-bold);
+  font-weight: var(--nutui-font-weight-medium, 500);
 }
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;

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

@@ -45,7 +45,12 @@
   }
 
   &-vertical {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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/style/drag.scss

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

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

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

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

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

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

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

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

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

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

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