@nutui/nutui-react 4.0.0-beta.2 → 4.0.0-beta.3

package/dist/styles/variables.scss

@@ -151,7 +151,7 @@ $color-border-disabled: var(--nutui-color-border-disabled, #c2c4cc) !default;
 $color-title: var(--nutui-color-title, #1a1a1a) !default;
 $color-text: var(--nutui-color-text, #505259) !default;
 $color-text-help: var(--nutui-color-text-help, #888b94) !default;
-$color-text-disabled: var(--nutui-color-text-disabled, #c2c4cc) !default;
+$color-text-disabled: var(--nutui-color-text-disabled, #b4b8bf) !default;
 $color-text-dark: var(
   --nutui-color-text-dark,
   rgba(255, 255, 255, 0.9)
@@ -159,7 +159,7 @@ $color-text-dark: var(
 $color-text-link: var(--nutui-color-text-link, #0c82f7) !default;
 
 // 与品牌色一起使用，默认为白色，不区分暗黑与明亮模式。
-$color-primary-text: #ffffff !default;
+$color-primary-text: var(--nutui-color-primary-text, #ffffff) !default;
 $white: #ffffff !default;
 $black: #000000 !default;
 
@@ -1040,15 +1040,16 @@ $switch-active-disabled-background-color: var(
 ) !default;
 $switch-inactive-disabled-background-color: var(
   --nutui-switch-inactive-disabled-background-color,
-  $color-background
+  var(--nutui-color-background-component)
 ) !default;
 $switch-inactive-line-background-color: var(
   --nutui-switch-inactive-line-background-color,
-  #ffffff
+  $color-primary-text
 ) !default;
-$switch-width: var(--nutui-switch-width, scale-px(46px)) !default;
-$switch-height: var(--nutui-switch-height, scale-px(28px)) !default;
-$switch-line-height: var(--nutui-switch-line-height, scale-px(28px)) !default;
+$switch-width: var(--nutui-switch-width, scale-px(56px)) !default;
+$switch-height: var(--nutui-switch-height, scale-px(24px)) !default;
+$switch-inside-width: var(--nutui-switch-inside-width, scale-px(32px)) !default;
+$switch-inside-height: var(--nutui-switch-inside-height, scale-px(20px)) !default;
 $switch-border-radius: var(
   --nutui-switch-border-radius,
   $radius-circle
@@ -1056,29 +1057,19 @@ $switch-border-radius: var(
 $switch-border-width: var(--nutui-switch-border-width, scale-px(2px)) !default;
 $switch-inside-border-radius: var(
   --nutui-switch-inside-border-radius,
-  $radius-full
-) !default;
-/* #ifdef harmony */
-$switch-inside-box-shadow: var(
-  --nutui-switch-inside-box-shadow,
-  0px scale-px(2px) scale-px(6px) 0px rgba(0, 0, 0, 0.1)
+  $radius-circle
 ) !default;
-/* #endif */
-/* #ifndef harmony */
 $switch-inside-box-shadow: var(
   --nutui-switch-inside-box-shadow,
-  0px scale-px(2px) scale-px(1px) 0px rgba(0, 0, 0, 0.06),
-  0px scale-px(2px) scale-px(6px) 0px rgba(0, 0, 0, 0.1),
-  0px 0px 0px scale-px(1px) rgba(0, 0, 0, 0.02)
+  0px scale-px(4px) scale-px(8px) 0px rgba(0, 0, 0, 0.12)
 ) !default;
-/* #endif */
 $switch-label-text-color: var(
   --nutui-switch-label-text-color,
   $color-primary-text
 ) !default;
 $switch-label-font-size: var(
   --nutui-switch-label-font-size,
-  $font-size-s
+  $font-size-xs
 ) !default;
 $switch-inactive-disabled-label-text-color: var(
   --nutui-switch-inactive-disabled-label-text-color,
@@ -2082,16 +2073,44 @@ $tabs-tabpane-background-color: var(
 // indicator（✅）
 $indicator-color: var(--nutui-indicator-color, $color-primary) !default;
 $indicator-dot-color: var(--nutui-indicator-dot-color, $color-border) !default;
-$indicator-dot-size: var(--nutui-indicator-dot-size, scale-px(3px)) !default;
+$indicator-dot-size: var(--nutui-indicator-dot-size, scale-px(4px)) !default;
 $indicator-dot-active-size: var(
   --nutui-indicator-dot-active-size,
-  scale-px(6px)
+  scale-px(8px)
 ) !default;
 $indicator-border-radius: var(
   --nutui-indicator-border-radius,
   $radius-xxs
 ) !default;
 $indicator-dot-margin: var(--nutui-indicator-dot-margin, $spacing-xxs) !default;
+$indicator-dot-border: var(
+  --nutui-indicator-dot-border,
+  scale-px(0.33px) solid $color-border
+) !default;
+$indicator-dot-inactive-color: var(
+  --nutui-indicator-dot-inactive-color,
+  var(--nutui-color-background-component, #f0f2f7)
+) !default;
+$indicator-track-width: var(
+  --nutui-indicator-track-width,
+  scale-px(24px)
+) !default;
+$indicator-slider-width: var(
+  --nutui-indicator-slider-width,
+  scale-px(8px)
+) !default;
+$indicator-dual-screen-inactive-width: var(
+  --nutui-indicator-dual-screen-inactive-width,
+  scale-px(16px)
+) !default;
+$indicator-placement-gap: var(
+  --nutui-indicator-placement-gap,
+  scale-px(8px)
+) !default;
+$indicator-placement-safe-gap: var(
+  --nutui-indicator-placement-safe-gap,
+  scale-px(12px)
+) !default;
 
 // menu（✅）
 $menu-scroll-fixed-top: var(--nutui-menu-scroll-fixed-top, 0) !default;

package/package.json

@@ -1 +1 @@
-{"name":"@nutui/nutui-react","version":"4.0.0-beta.2","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","postinstall":"node postinstall.js"},"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","postinstall.js"],"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/lottie-miniprogram":"^1.0.2","@nutui/touch-emulator":"^1.0.0","@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"},"optionalDependencies":{"@jmfe/npm-usage-stats-tool":"latest"}}
+{"name":"@nutui/nutui-react","version":"4.0.0-beta.3","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","postinstall":"node postinstall.js"},"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","postinstall.js"],"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/lottie-miniprogram":"^1.0.2","@nutui/touch-emulator":"^1.0.0","@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"},"optionalDependencies":{"@jmfe/npm-usage-stats-tool":"latest"}}