docs: 更新样式变量的相关默认值

src/components/badge/README.md

@@ -61,13 +61,13 @@ import { Badge } from "aunt";
 
 | 属性名 | 说明 | 默认值 |
 | -------------------------- | ------------ | -------------------------------- |
-| --aunt-badge-border-radius | 圆角大小 | `var(--aunt-color-white);` |
+| --aunt-badge-border-radius | 圆角大小 | `var(--aunt-white-color);` |
 | --aunt-badge-font-size | 内容文字大小 | `var(--aunt-font-size-sm);` |
 | --aunt-badge-font-weight | 内容字重 | `var(--aunt-font-weight-bold);` |
 | --aunt-badge-padding | 徽标内边距 | `0 var(--aunt-padding-base);` |
 | --aunt-badge-border-width | 边框大小 | `var(--aunt-border-width-base);` |
 | --aunt-badge-border-style | 边框样式 | `solid;` |
-| --aunt-badge-border-color | 边框颜色 | `var(--aunt-color-white);` |
+| --aunt-badge-border-color | 边框颜色 | `var(--aunt-white-color);` |
 | --aunt-badge-color | 徽标颜色 | `var(--aunt-red);` |
 | --aunt-badge-dot-size | 圆点大小 | `calc(6 * var(--aunt-hd));` |
 | --aunt-badge-dot-color | 圆点背景颜色 | `var(--aunt-red);` |

src/components/button/README.md

@@ -86,7 +86,7 @@ import { Button } from "aunt";
 F12 打开控制台（检查）选择 `Elements` 的样式即可看到 root 全局样式变量
 | 属性名 | 说明 | 默认值 |
 | ---- | ---- | ---- |
-|--aunt-button-background-default-color|背景颜色| `var(--aunt-color-white);` |
+|--aunt-button-background-default-color|背景颜色| `var(--aunt-white-color);` |
 |--aunt-button-background-primary-color|背景颜色| `var(--aunt-primary-color);` |
 |--aunt-button-background-success-color|背景颜色| `var(--aunt-success-color);` |
 |--aunt-button-background-warning-color|背景颜色| `var(--aunt-warning-color);` |

src/components/card/README.md

@@ -97,7 +97,7 @@ import { Card } from 'aunt';
 | -------------------------- | ---- | ----------------------------------------------- |
 | --rv-card-size | - | `var(--aunt-font-size-md)` |
 | --rv-card-color | - | `var(--aunt-text-color)` |
-| --rv-card-background-color | - | `var(--aunt-color-white)` |
+| --rv-card-background-color | - | `var(--aunt-white-color)` |
 | --rv-card-radius | - | `var(--aunt-border-radius-lg)` |
 | --rv-card-body-padding | - | `0 var(--aunt-padding-md)` |
 | --rv-card-header-padding | - | `var(--aunt-padding-sm) var(--aunt-padding-md)` |

src/components/config-provider/README.md

@@ -35,7 +35,7 @@ React Aunt 组件通过丰富的 CSS 变量 来组织样式，通过覆盖这些
 
 .aunt-button--primary {
  background-color: var(--aunt-button-background-primary-color);
- color: var(--aunt-color-white);
+ color: var(--aunt-white-color);
  border-color: var(--aunt-button-border-primary-color);
 }
 
@@ -45,7 +45,7 @@ React Aunt 组件通过丰富的 CSS 变量 来组织样式，通过覆盖这些
 
 ```css
 :root {
- --aunt-color-white: #fff;
+ --aunt-white-color: #fff;
  --aunt-button-background-primary-color: var(--aunt-primary-color);
  --aunt-button-border-primary-color: var(--aunt-primary-color);
 }
@@ -98,8 +98,8 @@ React Aunt 中的 CSS 变量分为 基础变量 和 组件变量。组件变量
 
  --aunt-brand-color: @brand-color;
  // Color Palette
- --aunt-color-black: @black;
- --aunt-color-white: @white;
+ --aunt-black-color: @black;
+ --aunt-white-color: @white;
 
  --aunt-gray-1: @gray-1;
  --aunt-gray-2: @gray-2;

src/components/nav-bar/README.md

@@ -72,8 +72,8 @@ export type Rect = {
 | 属性名 | 说明 | 默认值 |
 | -------------------------------- | ------------ | ------------------------------- |
 | --aunt-nav-bar-height | 高度 | `calc(44 * var(--aunt-hd));` |
-| --aunt-nav-bar-background | 北京颜色 | `var(--aunt-color-white);` |
-| --aunt-nav-bar-z-index | 层级 | `1000` |
+| --aunt-nav-bar-background | 北京颜色 | `var(--aunt-white-color);` |
+| --aunt-nav-bar-z-index | 层级 | `var(--aunt-z-index-fixed);` |
 | --aunt-nav-bar-color | 文字颜色 | `var(--aunt-text-color);` |
 | --aunt-nav-bar-border-color | 底部边框颜色 | `var(--aunt-gray-1);` |
 | --aunt-nav-bar-title-font-size | 标题字号 | `var(--aunt-font-size-lg);` |

src/components/notify/README.md

@@ -100,7 +100,7 @@ export interface NotifyOptions extends Omit<NotifyProps, 'visible'> {
 | --aunt-notify-card-margin | 消息卡片外边距 | `0 var(--aunt-padding-l);` |
 | --aunt-notify-card-padding | 消息卡片内边距 | `var(--aunt-padding-s) var(--aunt-padding-m);` |
 | --aunt-notify-card-border-radius | 消息卡片圆角 | `calc(2 * var(--aunt-border-radius-lg));` |
-| --aunt-notify-card-background-color | 消息卡片背景色 | `var(--aunt-color-white);` |
+| --aunt-notify-card-background-color | 消息卡片背景色 | `var(--aunt-white-color);` |
 | --aunt-notify-card-title-color | 消息卡片标题字体颜色 | `var(--aunt-text-color);` |
 | --aunt-notify-card-describe-color | 消息卡片描述字体颜色 | `var(--aunt-gray-8);` |
 | --aunt-notify-card-box-shadow | 消息卡片阴影 | `var(--aunt-shadow3-center);` |

src/components/overlay/README.md

@@ -40,5 +40,5 @@ import { Overlay } from 'aunt';
 
 | 属性名 | 说明 | 默认值 |
 | ------------------------------- | -------- | ------------------- |
-| --aunt-overlay-z-index | 层级 | `1000` |
+| --aunt-overlay-z-index | 层级 | `var(--aunt-z-index-full-screen);` |
 | --aunt-overlay-background-color | 背景颜色 | `rgba(0, 0, 0, .7)` |

src/components/segmented/README.md

@@ -87,7 +87,7 @@ import { Segmented } from 'aunt';
 | --aunt-segmented-large-line-height | 内容行高 | `calc(34 * var(--aunt-hd));` |
 | --aunt-segmented-large-font-size | 内容文字大小 | `var(--aunt-font-size-lg);` |
 | --aunt-segmented-large-padding | 内容内边距 | `0 var(--aunt-padding-m);` |
-| --aunt-segmented-selected-background-color | 选择块背景颜色 | `var(--aunt-color-white);` |
+| --aunt-segmented-selected-background-color | 选择块背景颜色 | `var(--aunt-white-color);` |
 | --aunt-segmented-selected-border-radius | 选择块圆角 | `var(--aunt-border-radius-md);` |
 | --aunt-segmented-group-padding | 内边距 | `var(--aunt-padding-base);` |
 | --aunt-segmented-group-border-radius | 圆角 | `var(--aunt-border-radius-md);` |

src/components/switch/README.md

@@ -83,7 +83,7 @@ activeColor 属性表示打开时的背景色，inactiveColor 表示关闭时的
 | --aunt-switch-border-radius-round | 开关圆角圆形 | `var(--aunt-border-radius-max)` |
 | --aunt-switch-border-radius-square | 开关圆角方形 | `var(--aunt-border-radius-md)` |
 | --aunt-switch-transition-duration | 开关动画时间 | `var(--aunt-animation-duration-base)` |
-| --aunt-switch-node-background-color | 开关内容颜色 | `var(--aunt-color-white)` |
+| --aunt-switch-node-background-color | 开关内容颜色 | `var(--aunt-white-color)` |
 | --aunt-switch-node-size | 开关内容大小 | `1em` |
 | --aunt-switch-node-box-shadow | 开关内容阴影 | `-` |
 

src/components/tabbar/README.md

@@ -55,7 +55,7 @@ import { Tabbar } from 'aunt';
 | defaultValue | 默认选中标签的名称或索引值 | `number \| string` | `0` |
 | fixed | 是否固定在底部 | `boolean` | `true` |
 | border | 是否显示外边框 | `boolean` | `true` |
-| zIndex | 元素 z-index | `number` | `1000` |
+| zIndex | 元素 z-index | `number` | `var(--aunt-z-index-fixed);` |
 | activeColor | 选中标签的颜色 | `string` | `#165DFF` |
 | inactiveColor | 选中标签的颜色 | `string` | `-` |
 | placeholder | 固定在底部时，是否在标签位置生成一个等高的占位元素 | `boolean` | `false` |
@@ -95,7 +95,7 @@ type T = number | string
 | ------------------------------ | ------------ | ---------------------------- |
 | --aunt-tabbar-z-index | 层级 | `1000` |
 | --aunt-tabbar-min-height | 最小高度 | `calc(44 * var(--aunt-hd));` |
-| --aunt-tabbar-background-color | 背景颜色 | `var(--aunt-color-white);` |
+| --aunt-tabbar-background-color | 背景颜色 | `var(--aunt-white-color);` |
 | --aunt-tabbar-item-padding | 标签内边距 | `var(--aunt-padding-base);` |
 | --aunt-tabbar-item-color | 标签颜色 | `var(--aunt-gray-6);` |
 | --aunt-tabbar-item-font-size | 标签文字大小 | `var(--aunt-font-size-sm);` |

src/components/typography/README.md

@@ -72,4 +72,4 @@ import { Typography } from "aunt";
 | --aunt-typography-warning-color | 警告文本颜色 | `var(--aunt-warning-color)` |
 | --aunt-typography-secondary-color | 次要文本颜色 | `var(--aunt-gray-6);` |
 | --aunt-typography-disabled-color | 禁用文本颜色 | `var(--aunt-gray-5);` |
-| --aunt-typography-light-color | 白色字 | `var(--aunt-color-white);` |
+| --aunt-typography-light-color | 白色字 | `var(--aunt-white-color);` |