@nutui/nutui-react 3.0.18 → 3.0.19

package/dist/styles/variables-jmapp.scss

@@ -103,6 +103,7 @@ $font-text-mini: var(
 
 // 字重
 $font-weight: var(--nutui-font-weight);
+$font-weight-medium: var(--nutui-font-weight-medium, 500) !default;
 $font-weight-bold: var(--nutui-font-weight-bold);
 
 // 行高
@@ -1492,10 +1493,18 @@ $dialog-padding: var(
 ) !default;
 $dialog-min-height: var(--nutui-dialog-min-height, 60px) !default;
 $dialog-border-radius: var(--nutui-dialog-border-radius, $radius-base) !default;
+$dialog-background: var(
+  --nutui-dialog-background,
+  $color-background-overlay
+) !default;
 $dialog-footer-justify-content: var(
   --nutui-dialog-footer-justify-content,
   space-around
 ) !default;
+$dialog-title-margin-bottom: var(
+  --nutui-dialog-title-margin-bottom,
+  8px
+) !default;
 $dialog-content-margin: var(
   --nutui-dialog-content-margin,
   $spacing-base 0
@@ -1512,6 +1521,10 @@ $dialog-content-text-align: var(
   --nutui-dialog-content-text-align,
   left
 ) !default;
+$dialog-footer-button-border: var(
+  --nutui-dialog-footer-button-border,
+  6px
+) !default;
 $dialog-footer-button-min-width: var(
   --nutui-dialog-footer-button-min-width,
   117px
@@ -1525,6 +1538,39 @@ $dialog-footer-ok-max-width: var(
   --nutui-dialog-footer-ok-max-width,
   128px
 ) !default;
+$dialog-footer-badge-height: var(
+  --nutui-dialog-footer-badge-height,
+  14px
+) !default;
+$dialog-footer-badge-fontsize: var(
+  --nutui-dialog-footer-badge-fontsize,
+  10px
+) !default;
+$dialog-footer-badge-padding: var(
+  --nutui-dialog-footer-badge-padding,
+  0 3px
+) !default;
+$dialog-footer-badge-top: var(--nutui-dialog-footer-badge-top, -8px) !default;
+$dialog-footer-badge-border-radius: var(
+  --nutui-dialog-footer-badge-border-radius,
+  2px 2px 0px 2px
+) !default;
+$dialog-footer-badge-bg-ok: var(
+  --nutui-dialog-footer-badge-bg-ok,
+  $color-danger-light
+) !default;
+$dialog-footer-badge-color-ok: var(
+  --nutui-dialog-footer-badge-color-ok,
+  $color-primary
+) !default;
+$dialog-footer-badge-bg-cancel: var(
+  --nutui-dialog-footer-badge-bg-cancel,
+  $color-danger-light
+) !default;
+$dialog-footer-badge-color-cancel: var(
+  --nutui-dialog-footer-badge-color-cancel,
+  $color-primary
+) !default;
 $dialog-header-font-size: var(
   --nutui-dialog-header-font-size,
   $font-size-l

package/dist/styles/variables-jrkf.scss

@@ -126,6 +126,7 @@ $font-text-mini: var(
 
 // 字重
 $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;
 
 // 行高
@@ -1605,10 +1606,18 @@ $dialog-padding: var(
 ) !default;
 $dialog-min-height: var(--nutui-dialog-min-height, 60px) !default;
 $dialog-border-radius: var(--nutui-dialog-border-radius, $radius-base) !default;
+$dialog-background: var(
+  --nutui-dialog-background,
+  $color-background-overlay
+) !default;
 $dialog-footer-justify-content: var(
   --nutui-dialog-footer-justify-content,
   space-around
 ) !default;
+$dialog-title-margin-bottom: var(
+  --nutui-dialog-title-margin-bottom,
+  8px
+) !default;
 $dialog-content-margin: var(
   --nutui-dialog-content-margin,
   $spacing-base 0
@@ -1625,6 +1634,10 @@ $dialog-content-text-align: var(
   --nutui-dialog-content-text-align,
   left
 ) !default;
+$dialog-footer-button-border: var(
+  --nutui-dialog-footer-button-border,
+  6px
+) !default;
 $dialog-footer-button-min-width: var(
   --nutui-dialog-footer-button-min-width,
   117px
@@ -1637,6 +1650,39 @@ $dialog-footer-ok-max-width: var(
   --nutui-dialog-footer-ok-max-width,
   128px
 ) !default;
+$dialog-footer-badge-height: var(
+  --nutui-dialog-footer-badge-height,
+  14px
+) !default;
+$dialog-footer-badge-fontsize: var(
+  --nutui-dialog-footer-badge-fontsize,
+  10px
+) !default;
+$dialog-footer-badge-padding: var(
+  --nutui-dialog-footer-badge-padding,
+  0 3px
+) !default;
+$dialog-footer-badge-top: var(--nutui-dialog-footer-badge-top, -8px) !default;
+$dialog-footer-badge-border-radius: var(
+  --nutui-dialog-footer-badge-border-radius,
+  2px 2px 0px 2px
+) !default;
+$dialog-footer-badge-bg-ok: var(
+  --nutui-dialog-footer-badge-bg-ok,
+  $color-danger-light
+) !default;
+$dialog-footer-badge-color-ok: var(
+  --nutui-dialog-footer-badge-color-ok,
+  $color-primary
+) !default;
+$dialog-footer-badge-bg-cancel: var(
+  --nutui-dialog-footer-badge-bg-cancel,
+  $color-danger-light
+) !default;
+$dialog-footer-badge-color-cancel: var(
+  --nutui-dialog-footer-badge-color-cancel,
+  $color-primary
+) !default;
 $dialog-header-font-size: var(
   --nutui-dialog-header-font-size,
   $font-size-l

package/dist/styles/variables.scss

@@ -152,7 +152,8 @@ $font-size-xxs: var(--nutui-font-size-xxs, 10px) !default;
 $font-size-xs: var(--nutui-font-size-xs, 11px) !default;
 $font-size-s: var(--nutui-font-size-s, 12px) !default;
 $font-size-base: var(--nutui-font-size-base, 14px) !default;
-$font-size-l: var(--nutui-font-size-l, 16px) !default;
+$font-size-l: var(--nutui-font-size-l, 15px) !default;
+$font-size-icon: var(--nutui-font-size-icon, 16px) !default;
 $font-size-xl: var(--nutui-font-size-xl, 18px) !default;
 $font-size-xxl: var(--nutui-font-size-xxl, 24px) !default;
 $font-size-xxxl: var(--nutui-font-size-10, 26px) !default;
@@ -161,6 +162,7 @@ $font-size-xxxxl: var(--nutui-font-size-11, 28px) !default;
 // 字重 ok
 $font-weight-light: var(--nutui-font-weight-light, 300) !default;
 $font-weight: var(--nutui-font-weight, 400) !default;
+$font-weight-medium: var(--nutui-font-weight-medium, 500) !default;
 $font-weight-bold: var(--nutui-font-weight-bold, 600) !default;
 
 // 行高
@@ -593,9 +595,9 @@ $input-border-bottom-width: var(
 //   $color-text-disabled
 // ) !default;
 $input-font-size: var(--nutui-input-font-size, $font-size-base) !default;
-$input-lineheight: var(--nutui-input-lineheight, $font-size-l) !default;
+$input-lineheight: var(--nutui-input-lineheight, $font-size-xl) !default;
 $input-border-radius: var(--nutui-input-border-radius, $radius-s) !default;
-// $input-color: var(--nutui-input-color, $color-title) !default;
+$input-color: var(--nutui-input-color, $color-title) !default;
 $input-background-color: var(
   --nutui-input-background-color,
   $color-background-overlay
@@ -1079,7 +1081,7 @@ $popup-icon-size: var(--nutui-popup-icon-size, 20px) !default;
 $popup-title-padding: var(--nutui-popup-title-padding, 16px) !default;
 $popup-title-font-size: var(
   --nutui-popup-title-font-size,
-  $font-size-l
+  $font-size-xl
 ) !default;
 $popup-title-font-weight: var(
   --nutui-popup-title-font-weight,
@@ -1388,10 +1390,15 @@ $dialog-padding: var(--nutui-dialog-padding, 24px) !default;
 $dialog-max-height: var(--nutui-dialog-max-height, 420px) !default;
 $dialog-min-height: var(--nutui-dialog-min-height, 124px) !default;
 $dialog-border-radius: var(--nutui-dialog-border-radius, $radius-xl) !default;
-$dialog-content-margin: var(
-  --nutui-dialog-content-margin,
-  12px 0 16px 0
+$dialog-background: var(
+  --nutui-dialog-background,
+  $color-background-overlay
 ) !default;
+$dialog-title-margin-bottom: var(
+  --nutui-dialog-title-margin-bottom,
+  8px
+) !default;
+$dialog-content-margin: var(--nutui-dialog-content-margin, 0 0 20px 0) !default;
 $dialog-content-max-height: var(
   --nutui-dialog-content-max-height,
   268px
@@ -1404,6 +1411,10 @@ $dialog-content-text-align: var(
   --nutui-dialog-content-text-align,
   left
 ) !default;
+$dialog-footer-button-border: var(
+  --nutui-dialog-footer-button-border,
+  6px
+) !default;
 $dialog-footer-button-min-width: var(
   --nutui-dialog-footer-button-min-width,
   117px
@@ -1414,15 +1425,48 @@ $dialog-footer-cancel-margin-right: var(
 ) !default;
 $dialog-footer-cancel-bg: var(
   --nutui-dialog-footer-cancel-bg,
-  $button-default-background-color
+  $color-background-sunken
 );
 $dialog-footer-ok-max-width: var(
   --nutui-dialog-footer-ok-max-width,
   128px
 ) !default;
+$dialog-footer-badge-height: var(
+  --nutui-dialog-footer-badge-height,
+  14px
+) !default;
+$dialog-footer-badge-fontsize: var(
+  --nutui-dialog-footer-badge-fontsize,
+  10px
+) !default;
+$dialog-footer-badge-padding: var(
+  --nutui-dialog-footer-badge-padding,
+  0 3px
+) !default;
+$dialog-footer-badge-top: var(--nutui-dialog-footer-badge-top, -8px) !default;
+$dialog-footer-badge-border-radius: var(
+  --nutui-dialog-footer-badge-border-radius,
+  2px 2px 0px 2px
+) !default;
+$dialog-footer-badge-bg-ok: var(
+  --nutui-dialog-footer-badge-bg-ok,
+  $color-danger-light
+) !default;
+$dialog-footer-badge-color-ok: var(
+  --nutui-dialog-footer-badge-color-ok,
+  $color-primary
+) !default;
+$dialog-footer-badge-bg-cancel: var(
+  --nutui-dialog-footer-badge-bg-cancel,
+  $color-danger-light
+) !default;
+$dialog-footer-badge-color-cancel: var(
+  --nutui-dialog-footer-badge-color-cancel,
+  $color-primary
+) !default;
 $dialog-header-font-size: var(
   --nutui-dialog-header-font-size,
-  $font-size-l
+  $font-size-xl
 ) !default;
 $dialog-header-font-weight: var(
   --nutui-dialog-header-font-weight,
@@ -1463,7 +1507,7 @@ $checkbox-label-font-size: var(
 ) !default;
 $checkbox-icon-font-size: var(
   --nutui-checkbox-icon-font-size,
-  $font-size-l
+  $font-size-icon
 ) !default;
 $checkbox-button-font-size: var(
   --nutui-checkbox-button-font-size,
@@ -1502,7 +1546,10 @@ $checkbox-list-item-padding: var(
 ) !default;
 
 //radio（✅）
-$radio-icon-font-size: var(--nutui-radio-icon-font-size, $font-size-l) !default;
+$radio-icon-font-size: var(
+  --nutui-radio-icon-font-size,
+  $font-size-icon
+) !default;
 $radio-label-color: var(--nutui-radio-label-color, $color-title) !default;
 $radio-label-disable-color: var(
   --nutui-radio-label-disable-color,
@@ -2236,7 +2283,7 @@ $navbar-width: var(--nutui-navbar-width, 100%) !default;
 $navbar-height: var(--nutui-navbar-height, 44px) !default;
 $navbar-margin-bottom: var(--nutui-navbar-margin-bottom, 20px) !default;
 $navbar-background: var(--nutui-navbar-background, $white) !default;
-$navbar-box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent) !default;
+$navbar-box-shadow: var(--nutui-navbar-box-shadow, none) !default;
 $navbar-color: var(--nutui-navbar-color, $color-title) !default;
 $navbar-font-size: var(--nutui-navbar-font-size, $font-size-base) !default;
 $navbar-title-font-size: var(

package/package.json

@@ -1 +1 @@
-{"name":"@nutui/nutui-react","version":"3.0.18","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.2-beta.5","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.2","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}
+{"name":"@nutui/nutui-react","version":"3.0.19","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.2-beta.5","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.2","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}