@nutui/nutui-react 3.0.20 → 3.1.0-beta.2

package/dist/styles/variables-jmapp.scss

@@ -106,9 +106,6 @@ $font-weight: var(--nutui-font-weight);
 $font-weight-medium: var(--nutui-font-weight-medium, 500) !default;
 $font-weight-bold: var(--nutui-font-weight-bold);
 
-// 行高
-$line-height-base: var(--nutui-line-height) !default;
-
 // 圆角 corners
 $radius-xxs: var(
   --nutui-radius-xxs
@@ -169,16 +166,51 @@ $font-family:
   SimSun,
   sans-serif !default;
 
-// Font
+// Font（token 与 variables.scss 对齐；回落为 px / 设计 token，不经 scale 函数）
 $font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
 $font-size-s: $font-text-small !default;
+$font-size-m: var(--nutui-font-size-m, $font-text-small) !default;
 $font-size-base: $font-text !default;
 $font-size-l: $font-text-large !default;
+$font-size-md: var(--nutui-font-size-md, 16px) !default;
+$font-size-icon: var(--nutui-font-size-icon, 16px) !default;
 $font-size-xl: $font-h2 !default;
+$font-size-2xl: var(--nutui-font-size-2xl, 20px) !default;
 $font-size-xxl: var(--nutui-font-size-8) !default;
 $font-size-xxxl: var(--nutui-font-size-10) !default;
+$font-size-xxxxl: var(--nutui-font-size-11, 28px) !default;
+
+// 行高（与同档字号等值；不经 scale）
+$line-height-xxxs: var(--nutui-line-height-xxxs, $font-size-xxxs) !default;
+$line-height-xxs: var(--nutui-line-height-xxs, $font-size-xxs) !default;
+$line-height-xs: var(--nutui-line-height-xs, $font-size-xs) !default;
+$line-height-s: var(--nutui-line-height-s, $font-size-s) !default;
+$line-height-m: var(--nutui-line-height-m, $font-size-m) !default;
+$line-height-base: var(--nutui-line-height-base, var(--nutui-line-height, $font-size-base)) !default;
+$line-height-l: var(--nutui-line-height-l, $font-size-l) !default;
+$line-height-md: var(--nutui-line-height-md, $font-size-md) !default;
+$line-height-icon: var(--nutui-line-height-icon, $font-size-icon) !default;
+$line-height-xl: var(--nutui-line-height-xl, $font-size-xl) !default;
+$line-height-2xl: var(--nutui-line-height-2xl, $font-size-2xl) !default;
+$line-height-xxl: var(--nutui-line-height-xxl, $font-size-xxl) !default;
+$line-height-xxxl: var(--nutui-line-height-xxxl, $font-size-xxxl) !default;
+$line-height-xxxxl: var(--nutui-line-height-xxxxl, $font-size-xxxxl) !default;
+
+// icon 尺寸（与 variables.scss 对齐；回落为 px，不经 scale-icon-px）
+$icon-size-6: var(--nutui-icon-size-6, 6px) !default;
+$icon-size-8: var(--nutui-icon-size-8, 8px) !default;
+$icon-size-10: var(--nutui-icon-size-10, 10px) !default;
+$icon-size-11: var(--nutui-icon-size-11, 11px) !default;
+$icon-size-12: var(--nutui-icon-size-12, 12px) !default;
+$icon-size-16: var(--nutui-icon-size-16, 16px) !default;
+$icon-size-18: var(--nutui-icon-size-18, 18px) !default;
+$icon-size-20: var(--nutui-icon-size-20, 20px) !default;
+$icon-size-22: var(--nutui-icon-size-22, 22px) !default;
+$icon-height: var(--nutui-icon-height, $icon-size-20) !default;
+$icon-width: var(--nutui-icon-width, $icon-size-20) !default;
+$icon-line-height: var(--nutui-icon-line-height, $icon-size-20) !default;
 
 // 间距 space
 $spacing-xxxs: var(--nutui-spacing-xxxs) !default; // 多用于文本与图标之间的间距
@@ -1221,6 +1253,8 @@ $rate-icon-inactive-color: var(
 $rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
 $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
 $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
+$rate-font-size-large: var(--nutui-rate-font-size-large, calc(#{$rate-font-size} + 6px)) !default;
+$rate-font-size-small: var(--nutui-rate-font-size-small, calc(#{$rate-font-size} - 2px)) !default;
 
 // tabbar（✅）
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
@@ -2721,3 +2755,44 @@ $resultpage-actions-margin-top: var(
   --nutui-resultpage-actions-margin-top,
   21px
 ) !default;
+
+// quickenter
+$quickenter-bg-color: var(--nutui-quickenter-bg-color, #f5f5f5) !default;
+$quickenter-max-height: var(--nutui-quickenter-max-height, 256px) !default;
+$quickenter-title-font-size: var(
+  --nutui-quickenter-title-font-size,
+  $font-size-base
+) !default;
+$quickenter-title-color: var(
+  --nutui-quickenter-title-color,
+  $color-title
+) !default;
+$quickenter-item-title-font-size: var(
+  --nutui-quickenter-item-title-font-size,
+  $font-size-s
+) !default;
+$quickenter-item-title-color: var(
+  --nutui-quickenter-item-title-color,
+  $color-title
+) !default;
+$quickenter-item-icon-bg-color: var(
+  --nutui-quickenter-item-icon-bg-color,
+  $white
+) !default;
+$quickenter-item-icon-color: var(
+  --nutui-quickenter-item-icon-color,
+  $color-title
+) !default;
+$quickenter-close-icon-size: var(
+  --nutui-quickenter-close-icon-size,
+  12px
+) !default;
+$quickenter-close-icon-color: var(
+  --nutui-quickenter-close-icon-color,
+  #808080
+) !default;
+$quickenter-box-shadow: var(
+  --nutui-quickenter-box-shadow,
+  0px 8px 16px rgba(141, 153, 167, 0.2),
+  0px -0.5px 0px rgba(0, 0, 0, 0.05) inset
+) !default;

package/dist/styles/variables-jrkf.scss

@@ -129,9 +129,6 @@ $font-weight: var(--nutui-font-weight) !default;
 $font-weight-medium: var(--nutui-font-weight-medium, 500) !default;
 $font-weight-bold: var(--nutui-font-weight-bold) !default;
 
-// 行高
-$line-height-base: var(--nutui-line-height) !default;
-
 // 间距 space
 $spacing-xxxs: var(--nutui-spacing-xxxs, 2px) !default;
 $spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距
@@ -205,16 +202,51 @@ $font-family:
   SimSun,
   sans-serif !default;
 
-// Font
+// Font（token 与 variables.scss 对齐；回落为 px / 设计 token，不经 scale 函数）
 $font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
 $font-size-s: $font-text-small !default;
+$font-size-m: var(--nutui-font-size-m, $font-text-small) !default;
 $font-size-base: $font-text !default;
 $font-size-l: $font-text-large !default;
+$font-size-md: var(--nutui-font-size-md, 16px) !default;
+$font-size-icon: var(--nutui-font-size-icon, 16px) !default;
 $font-size-xl: $font-h2 !default;
+$font-size-2xl: var(--nutui-font-size-2xl, 20px) !default;
 $font-size-xxl: var(--nutui-font-size-8) !default;
 $font-size-xxxl: var(--nutui-font-size-10) !default;
+$font-size-xxxxl: var(--nutui-font-size-11, 28px) !default;
+
+// 行高（与同档字号等值；不经 scale）
+$line-height-xxxs: var(--nutui-line-height-xxxs, $font-size-xxxs) !default;
+$line-height-xxs: var(--nutui-line-height-xxs, $font-size-xxs) !default;
+$line-height-xs: var(--nutui-line-height-xs, $font-size-xs) !default;
+$line-height-s: var(--nutui-line-height-s, $font-size-s) !default;
+$line-height-m: var(--nutui-line-height-m, $font-size-m) !default;
+$line-height-base: var(--nutui-line-height-base, var(--nutui-line-height, $font-size-base)) !default;
+$line-height-l: var(--nutui-line-height-l, $font-size-l) !default;
+$line-height-md: var(--nutui-line-height-md, $font-size-md) !default;
+$line-height-icon: var(--nutui-line-height-icon, $font-size-icon) !default;
+$line-height-xl: var(--nutui-line-height-xl, $font-size-xl) !default;
+$line-height-2xl: var(--nutui-line-height-2xl, $font-size-2xl) !default;
+$line-height-xxl: var(--nutui-line-height-xxl, $font-size-xxl) !default;
+$line-height-xxxl: var(--nutui-line-height-xxxl, $font-size-xxxl) !default;
+$line-height-xxxxl: var(--nutui-line-height-xxxxl, $font-size-xxxxl) !default;
+
+// icon 尺寸（与 variables.scss 对齐；回落为 px，不经 scale-icon-px）
+$icon-size-6: var(--nutui-icon-size-6, 6px) !default;
+$icon-size-8: var(--nutui-icon-size-8, 8px) !default;
+$icon-size-10: var(--nutui-icon-size-10, 10px) !default;
+$icon-size-11: var(--nutui-icon-size-11, 11px) !default;
+$icon-size-12: var(--nutui-icon-size-12, 12px) !default;
+$icon-size-16: var(--nutui-icon-size-16, 16px) !default;
+$icon-size-18: var(--nutui-icon-size-18, 18px) !default;
+$icon-size-20: var(--nutui-icon-size-20, 20px) !default;
+$icon-size-22: var(--nutui-icon-size-22, 22px) !default;
+$icon-height: var(--nutui-icon-height, $icon-size-20) !default;
+$icon-width: var(--nutui-icon-width, $icon-size-20) !default;
+$icon-line-height: var(--nutui-icon-line-height, $icon-size-20) !default;
 
 $space-mini: $spacing-xs !default;
 $space-large: $spacing-l !default;
@@ -1320,6 +1352,8 @@ $notify-background-color: var(--nutui-notify-background-color, $white) !default;
 $rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
 $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
 $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
+$rate-font-size-large: var(--nutui-rate-font-size-large, calc(#{$rate-font-size} + 6px)) !default;
+$rate-font-size-small: var(--nutui-rate-font-size-small, calc(#{$rate-font-size} - 2px)) !default;
 $rate-item-margin: var(--nutui-rate-item-margin, 14px) !default;
 $rate-icon-color: var(--nutui-rate-icon-color, $color-primary) !default;
 $rate-icon-inactive-color: var(
@@ -2775,3 +2809,44 @@ $resultpage-actions-margin-top: var(
   --nutui-resultpage-actions-margin-top,
   21px
 ) !default;
+
+// quickenter
+$quickenter-bg-color: var(--nutui-quickenter-bg-color, #f5f5f5) !default;
+$quickenter-max-height: var(--nutui-quickenter-max-height, 256px) !default;
+$quickenter-title-font-size: var(
+  --nutui-quickenter-title-font-size,
+  $font-size-base
+) !default;
+$quickenter-title-color: var(
+  --nutui-quickenter-title-color,
+  $color-title
+) !default;
+$quickenter-item-title-font-size: var(
+  --nutui-quickenter-item-title-font-size,
+  $font-size-s
+) !default;
+$quickenter-item-title-color: var(
+  --nutui-quickenter-item-title-color,
+  $color-title
+) !default;
+$quickenter-item-icon-bg-color: var(
+  --nutui-quickenter-item-icon-bg-color,
+  $white
+) !default;
+$quickenter-item-icon-color: var(
+  --nutui-quickenter-item-icon-color,
+  $color-title
+) !default;
+$quickenter-close-icon-size: var(
+  --nutui-quickenter-close-icon-size,
+  12px
+) !default;
+$quickenter-close-icon-color: var(
+  --nutui-quickenter-close-icon-color,
+  #808080
+) !default;
+$quickenter-box-shadow: var(
+  --nutui-quickenter-box-shadow,
+  0px 8px 16px rgba(141, 153, 167, 0.2),
+  0px -0.5px 0px rgba(0, 0, 0, 0.05) inset
+) !default;