@nutui/nutui-react 3.0.19-beta.2 → 3.0.20-beta.0

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

@@ -23,12 +23,14 @@
   overflow-x: auto;
 }
 .nut-table-main {
+  /* #ifndef dynamic*/
   display: table;
+  width: max-content;
+  /* #endif */
   overflow-x: auto;
   color: var(--nutui-color-title, #1a1a1a);
   background-color: var(--nutui-color-background-overlay, #ffffff);
   table-layout: fixed;
-  width: max-content;
   min-width: 100%;
   position: relative;
 }
@@ -45,14 +47,18 @@
   background: inherit;
 }
 .nut-table-main-head-tr, .nut-table-main-body-tr {
+  /* #ifndef dynamic*/
   display: table-row;
+  /* #endif */
   background: inherit;
 }
 .nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
   border-bottom: none;
 }
 .nut-table-main-head-tr-th, .nut-table-main-body-tr-th {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -66,7 +72,9 @@
   border-right: none;
 }
 .nut-table-main-head-tr-td, .nut-table-main-body-tr-td {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -94,10 +102,14 @@
   text-align: end;
 }
 .nut-table-main-head {
+  /* #ifndef dynamic*/
   display: table-header-group;
+  /* #endif */
 }
 .nut-table-main-body {
+  /* #ifndef dynamic*/
   display: table-row-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;

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

@@ -20,12 +20,14 @@
   }
 
   &-main {
+    /* #ifndef dynamic*/
     display: table;
+    width: max-content;
+    /* #endif */
     overflow-x: auto;
     color: $color-title;
     background-color: $color-background-overlay;
     table-layout: fixed;
-    width: max-content;
     min-width: 100%;
     position: relative;
 
@@ -54,7 +56,9 @@
       background: inherit;
 
       &-tr {
+        /* #ifndef dynamic*/
         display: table-row;
+        /* #endif */
         background: inherit;
 
         &:last-child {
@@ -64,7 +68,9 @@
         }
 
         &-th {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -82,7 +88,9 @@
         }
 
         &-td {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -120,11 +128,15 @@
     }
 
     &-head {
+      /* #ifndef dynamic*/
       display: table-header-group;
+      /* #endif */
     }
 
     &-body {
+      /* #ifndef dynamic*/
       display: table-row-group;
+      /* #endif */
     }
   }
 

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

@@ -23,12 +23,14 @@
   overflow-x: auto;
 }
 .nut-table-main {
+  /* #ifndef dynamic*/
   display: table;
+  width: max-content;
+  /* #endif */
   overflow-x: auto;
   color: var(--nutui-color-title);
   background-color: var(--nutui-color-surface-2);
   table-layout: fixed;
-  width: max-content;
   min-width: 100%;
   position: relative;
 }
@@ -45,14 +47,18 @@
   background: inherit;
 }
 .nut-table-main-head-tr, .nut-table-main-body-tr {
+  /* #ifndef dynamic*/
   display: table-row;
+  /* #endif */
   background: inherit;
 }
 .nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
   border-bottom: none;
 }
 .nut-table-main-head-tr-th, .nut-table-main-body-tr-th {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -66,7 +72,9 @@
   border-right: none;
 }
 .nut-table-main-head-tr-td, .nut-table-main-body-tr-td {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -94,10 +102,14 @@
   text-align: end;
 }
 .nut-table-main-head {
+  /* #ifndef dynamic*/
   display: table-header-group;
+  /* #endif */
 }
 .nut-table-main-body {
+  /* #ifndef dynamic*/
   display: table-row-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;

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

@@ -20,12 +20,14 @@
   }
 
   &-main {
+    /* #ifndef dynamic*/
     display: table;
+    width: max-content;
+    /* #endif */
     overflow-x: auto;
     color: $color-title;
     background-color: $color-background-overlay;
     table-layout: fixed;
-    width: max-content;
     min-width: 100%;
     position: relative;
 
@@ -54,7 +56,9 @@
       background: inherit;
 
       &-tr {
+        /* #ifndef dynamic*/
         display: table-row;
+        /* #endif */
         background: inherit;
 
         &:last-child {
@@ -64,7 +68,9 @@
         }
 
         &-th {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -82,7 +88,9 @@
         }
 
         &-td {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -120,11 +128,15 @@
     }
 
     &-head {
+      /* #ifndef dynamic*/
       display: table-header-group;
+      /* #endif */
     }
 
     &-body {
+      /* #ifndef dynamic*/
       display: table-row-group;
+      /* #endif */
     }
   }
 

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

@@ -23,12 +23,14 @@
   overflow-x: auto;
 }
 .nut-table-main {
+  /* #ifndef dynamic*/
   display: table;
+  width: max-content;
+  /* #endif */
   overflow-x: auto;
   color: var(--nutui-color-title);
   background-color: var(--nutui-color-surface-2);
   table-layout: fixed;
-  width: max-content;
   min-width: 100%;
   position: relative;
 }
@@ -45,14 +47,18 @@
   background: inherit;
 }
 .nut-table-main-head-tr, .nut-table-main-body-tr {
+  /* #ifndef dynamic*/
   display: table-row;
+  /* #endif */
   background: inherit;
 }
 .nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
   border-bottom: none;
 }
 .nut-table-main-head-tr-th, .nut-table-main-body-tr-th {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -66,7 +72,9 @@
   border-right: none;
 }
 .nut-table-main-head-tr-td, .nut-table-main-body-tr-td {
+  /* #ifndef dynamic*/
   display: table-cell;
+  /* #endif */
   padding: var(--nutui-table-cols-padding, 10px);
   table-layout: fixed;
   background: inherit;
@@ -94,10 +102,14 @@
   text-align: end;
 }
 .nut-table-main-head {
+  /* #ifndef dynamic*/
   display: table-header-group;
+  /* #endif */
 }
 .nut-table-main-body {
+  /* #ifndef dynamic*/
   display: table-row-group;
+  /* #endif */
 }
 .nut-table-sticky-left, .nut-table-sticky-right {
   position: absolute;

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

@@ -20,12 +20,14 @@
   }
 
   &-main {
+    /* #ifndef dynamic*/
     display: table;
+    width: max-content;
+    /* #endif */
     overflow-x: auto;
     color: $color-title;
     background-color: $color-background-overlay;
     table-layout: fixed;
-    width: max-content;
     min-width: 100%;
     position: relative;
 
@@ -54,7 +56,9 @@
       background: inherit;
 
       &-tr {
+        /* #ifndef dynamic*/
         display: table-row;
+        /* #endif */
         background: inherit;
 
         &:last-child {
@@ -64,7 +68,9 @@
         }
 
         &-th {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -82,7 +88,9 @@
         }
 
         &-td {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -120,11 +128,15 @@
     }
 
     &-head {
+      /* #ifndef dynamic*/
       display: table-header-group;
+      /* #endif */
     }
 
     &-body {
+      /* #ifndef dynamic*/
       display: table-row-group;
+      /* #endif */
     }
   }
 

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

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

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

@@ -6,7 +6,9 @@
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

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

@@ -6,7 +6,9 @@
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

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

@@ -6,7 +6,9 @@
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -96,14 +96,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 12px);
   height: var(--nutui-tabs-tab-line-height, 2px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }
@@ -122,7 +126,7 @@
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-tabs-titles-card .nut-tabs-titles-item-active {
   font-weight: var(--nutui-font-weight-bold, 600);

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

@@ -109,7 +109,9 @@
       }
 
       .nut-tabs-titles-item-line {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         content: ' ';
         width: $tabs-tab-line-width;
         height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
       }
 
       .nut-tabs-titles-item-smile {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         width: 40px;
         height: 20px;
 

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

@@ -96,14 +96,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 24px);
   height: var(--nutui-tabs-tab-line-height, 3px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }

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

@@ -109,7 +109,9 @@
       }
 
       .nut-tabs-titles-item-line {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         content: ' ';
         width: $tabs-tab-line-width;
         height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
       }
 
       .nut-tabs-titles-item-smile {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         width: 40px;
         height: 20px;
 

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

@@ -96,14 +96,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 24px);
   height: var(--nutui-tabs-tab-line-height, 3px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }

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

@@ -109,7 +109,9 @@
       }
 
       .nut-tabs-titles-item-line {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         content: ' ';
         width: $tabs-tab-line-width;
         height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
       }
 
       .nut-tabs-titles-item-smile {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         width: 40px;
         height: 20px;
 

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));

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

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
 
   &-info {
@@ -62,7 +62,12 @@
   }
 
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));

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

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
 
   &-info {
@@ -62,7 +62,12 @@
   }
 
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));

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

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
 
   &-info {
@@ -62,7 +62,12 @@
   }
 
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;