@fjyueke/bify-mcp 1.0.8 → 1.0.10

package/metaData/components/swiper/css-variables.md

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 轮播指示器外边距 | --swiper-indicators-margin | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 轮播指示器尺寸 | --swiper-indicator-size | 6px | 6px |
+| 轮播指示器宽度 | --swiper-indicator-width | $swiper-indicator-size |  |
+| 轮播指示器高度 | --swiper-indicator-height | $swiper-indicator-size |  |
+| 轮播指示器透明度 | --swiper-indicator-opacity | 0.3 |  |
+| 轮播指示器背景色 | --swiper-indicator-background-color | var(--border-color) | --border-color → #E5E6EB（边框色） |
+| 轮播指示器过渡时长 | --swiper-indicator-transition-duration | var(--animation-duration-fast) | --animation-duration-fast → 0.2s（快速动画时长） |
+| 轮播指示器激活透明度 | --swiper-indicator-active-opacity | 1 |  |
+| 轮播指示器激活背景色 | --swiper-indicator-active-background-color | $primary-color |  |
+

package/metaData/components/swiper/doc.md

@@ -215,14 +215,14 @@ function SwiperWithCustomIndicator() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                         | 默认值                              | 描述  |
-|--------------------------------------------|----------------------------------|-----|
-| --swiper-indicators-margin                 | _var(--padding-sm)_              | -   |
-| --swiper-indicator-size                    | _6px * $hd_                      | -   |
-| --swiper-indicator-width                   | _var(--swiper-indicator-size)_   | -   |
-| --swiper-indicator-height                  | _var(--swiper-indicator-size)_   | -   |
-| --swiper-indicator-opacity                 | _0.3_                            | -   |
-| --swiper-indicator-background-color        | _var(--border-color)_            | -   |
-| --swiper-indicator-transition-duration     | _var(--animation-duration-fast)_ | -   |
-| --swiper-indicator-active-opacity          | _1_                              | -   |
-| --swiper-indicator-active-background-color | _var(--blue)_                    | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 轮播指示器外边距 | `--swiper-indicators-margin` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 轮播指示器尺寸 | `--swiper-indicator-size` | `6px * $hd` |  |
+| 轮播指示器宽度 | `--swiper-indicator-width` | `$swiper-indicator-size` |  |
+| 轮播指示器高度 | `--swiper-indicator-height` | `$swiper-indicator-size` |  |
+| 轮播指示器透明度 | `--swiper-indicator-opacity` | `0.3` |  |
+| 轮播指示器背景色 | `--swiper-indicator-background-color` | `var(--border-color, $border-color)` | --border-color → #E5E6EB（边框色） |
+| 轮播指示器过渡时长 | `--swiper-indicator-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s（快速动画时长） |
+| 轮播指示器激活透明度 | `--swiper-indicator-active-opacity` | `1` |  |
+| 轮播指示器激活背景色 | `--swiper-indicator-active-background-color` | `$primary-color` |  |

package/metaData/components/switch/css-variables.md

@@ -0,0 +1,11 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+

package/metaData/components/switch/doc.md

@@ -89,22 +89,21 @@ import { Switch } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                              | 默认值                                                                                                                                              | 描述  |
-|---------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|-----|
-| switch-size                     | _30px * $hd_                                                                                                                                     | -   |
-| switch-font-size                | _var(--switch-size)_                                                                                                                             | -   |
-| switch-width                    | _2em_                                                                                                                                            | -   |
-| switch-height                   | _1em_                                                                                                                                            | -   |
-| switch-border                   | _var(--border-width-base) solid rgba(0, 0, 0, 0.1)_                                                                                              | -   |
-| switch-background-color         | _var(--white)_                                                                                                                                   | -   |
-| switch-transition-duration      | _var(--animation-duration-base)_                                                                                                                 | -   |
-| switch-node-size                | _1em_                                                                                                                                            | -   |
-| switch-node-width               | _var(--switch-node-size)_                                                                                                                        | -   |
-| switch-node-height              | _var(--switch-node-size)_                                                                                                                        | -   |
-| switch-node-translate-x         | _translateX(calc(var(--switch-width) - var(--switch-node-size)))_                                                                                | -   |
-| switch-node-background-color    | _var(--white)_                                                                                                                                   | -   |
-| switch-node-box-shadow          | _0 3px * $hd 1px * $hd 0 rgba(0, 0, 0, 0.05), <br/>0 2px * $hd 2px * $hd 0 rgba(0, 0, 0, 0.1),<br/> 0 3px * $hd 3px * $hd 0 rgba(0, 0, 0, 0.05)_ | -   |
-| switch-checked-color            | _var(var(--primary-color)_                                                                                                                       | -   |
-| switch-checked-background-color | _var(--switch-checked-color)_                                                                                                                    | -   |
-| switch-loading-color            | _var(--switch-checked-color)_                                                                                                                    | -   |
-| switch-disabled-opacity         | _var(--disabled-opacity)_                                                                                                                        | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--switch-size` | `31px * $hd` |  |
+|  | `--switch-font-size` | `$switch-size` |  |
+|  | `--switch-width` | `51px * $hd` |  |
+|  | `--switch-height` | `31px * $hd` |  |
+|  | `--switch-border` | `0` |  |
+|  | `--switch-background-color` | `rgba(17,17,17,.15` |  |
+|  | `--switch-transition-duration` | `var(--animation-duration-base, $animation-duration-base)` | --animation-duration-base → 0.3s（基础动画时长） |
+|  | `--switch-node-size` | `1em` |  |
+|  | `--switch-node-width` | `$switch-node-size` |  |
+|  | `--switch-node-height` | `$switch-node-size` |  |
+|  | `--switch-node-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--switch-node-box-shadow` | `#{0 3px * $hd 1px * $hd 0 rgba(0, 0, 0, 0.05)}` |  |
+|  | `--switch-checked-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+|  | `--switch-checked-background-color` | `$switch-checked-color` |  |
+|  | `--switch-loading-color` | `var(--switch-checked-color, $switch-checked-color)` |  |
+|  | `--switch-disabled-opacity` | `var(--disabled-opacity, $disabled-opacity)` | --disabled-opacity → 0.5（禁用透明度） |

package/metaData/components/tabbar/css-variables.md

@@ -0,0 +1,21 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签栏高度 | --tabbar-height | 50px | 50px |
+| 标签栏层级 | --tabbar-z-index | 1 |  |
+| 标签栏背景色 | --tabbar-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 标签栏项字体大小 | --tabbar-item-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 标签栏项颜色 | --tabbar-item-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 标签栏项行高 | --tabbar-item-line-height | 1 |  |
+| 标签栏项图标尺寸 | --tabbar-item-icon-size | 22px | 22px |
+| 标签栏项底部外边距 | --tabbar-item-margin-bottom | 4px | 4px |
+| 标签栏项激活颜色 | --tabbar-item-active-color | $primary-color |  |
+| 标签栏项激活背景色 | --tabbar-item-active-background-color | var(--white) | --white → #FFFFFF（白色） |
+

package/metaData/components/tabbar/doc.md

@@ -146,15 +146,15 @@ function TabbarWithCustomColor() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                    | 默认值                   | 描述  |
-|---------------------------------------|-----------------------|-----|
-| --tabbar-height                       | _50px * $hd_          | -   |
-| --tabbar-z-index                      | _1_                   | -   |
-| --tabbar-background-color             | _var(--white)_        | -   |
-| --tabbar-item-font-size               | _var(--font-size-sm)_ | -   |
-| --tabbar-item-color                   | _var(--gray-7)_       | -   |
-| --tabbar-item-line-height             | _1_                   | -   |
-| --tabbar-item-icon-size               | _22px * $hd_          | -   |
-| --tabbar-item-margin-bottom           | _4px * $hd_           | -   |
-| --tabbar-item-active-color            | _var(--blue)_         | -   |
-| --tabbar-item-active-background-color | _var(--white)_        | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签栏高度 | `--tabbar-height` | `50px * $hd` |  |
+| 标签栏层级 | `--tabbar-z-index` | `1` |  |
+| 标签栏背景色 | `--tabbar-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 标签栏项字体大小 | `--tabbar-item-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+| 标签栏项颜色 | `--tabbar-item-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 标签栏项行高 | `--tabbar-item-line-height` | `1` |  |
+| 标签栏项图标尺寸 | `--tabbar-item-icon-size` | `22px * $hd` |  |
+| 标签栏项底部外边距 | `--tabbar-item-margin-bottom` | `4px * $hd` |  |
+| 标签栏项激活颜色 | `--tabbar-item-active-color` | `$primary-color` |  |
+| 标签栏项激活背景色 | `--tabbar-item-active-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |

package/metaData/components/tabs/css-variables.md

@@ -0,0 +1,35 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 标签页样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签页激活颜色 | --tabs-active-color | $primary-color |  |
+| 标签页包裹高度 | --tabs-wrap-height | 44px | 44px |
+| 标签页卡片高度 | --tabs-card-height | 30px | 30px |
+| 标签页卡片外边距 | --tabs-card-margin | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 标签页卡片边框宽度 | --tabs-card-border-width | var(--border-width-base) | --border-width-base → 2px（基础边框宽度） |
+| 标签页卡片边框颜色 | --tabs-card-border-color | $tabs-active-color |  |
+| 标签页卡片圆角 | --tabs-card-border-radius | var(--border-radius-sm) | --border-radius-sm → 4px（小号圆角） |
+| 标签页导航背景色 | --tabs-nav-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 标签页线条宽度 | --tabs-line-width | 40px | 40px |
+| 标签页线条高度 | --tabs-line-height | 3px | 3px |
+| 标签页线条圆角 | --tabs-line-border-radius | $tabs-line-height |  |
+| 标签页线条背景色 | --tabs-line-background-color | $tabs-active-color |  |
+
+#### 标签样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签颜色 | --tab-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 标签内边距 | --tab-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 标签字体大小 | --tab-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 标签行高 | --tab-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+| 标签激活颜色 | --tab-active-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 标签激活字体粗细 | --tab-active-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 标签禁用颜色 | --tab-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+

package/metaData/components/tabs/doc.md

@@ -284,24 +284,31 @@ function TabsWithCustomTitle() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                         | 默认值                                          | 描述 |
-| ---------------------------- | ----------------------------------------------- | ---- |
-| --tabs-active-color          | _var(--danger-color)_                           | -    |
-| --tabs-wrap-height           | _44px \* $hd_                                   | -    |
-| --tabs-card-height           | _30px \* $hd_                                   | -    |
-| --tabs-card-margin           | _0 var(--padding-md)_                           | -    |
-| --tabs-card-border-width     | _var(--border-width-base, $border-width-base))_ | -    |
-| --tabs-card-border-color     | _var(--tabs-active-color)_                      | -    |
-| --tabs-card-border-radius    | _var(--border-radius-sm)_                       | -    |
-| --tabs-nav-background-color  | _var(--white)_                                  | -    |
-| --tabs-line-width            | _40px \* $hd_                                   | -    |
-| --tabs-line-height           | _3px \* $hd_                                    | -    |
-| --tabs-line-border-radius    | _var(--tabs-line-height)_                       | -    |
-| --tabs-line-background-color | _var(--tabs-active-color)_                      | -    |
-| --tab-color                  | _var(--gray-7)_                                 | -    |
-| --tab-padding                | _0 var(--padding-base)_                         | -    |
-| --tab-font-size              | _var(--font-size-md)_                           | -    |
-| --tab-line-height            | _var(--line-height-md)_                         | -    |
-| --tab-active-color           | _var(--text-color)_                             | -    |
-| --tab-active-font-weight     | _var(--font-weight-bold)_                       | -    |
-| --tab-disabled-color         | _var(--gray-5)_                                 | -    |
+#### 标签页样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签页激活颜色 | `--tabs-active-color` | `$primary-color` |  |
+| 标签页包裹高度 | `--tabs-wrap-height` | `44px * $hd` |  |
+| 标签页卡片高度 | `--tabs-card-height` | `30px * $hd` |  |
+| 标签页卡片外边距 | `--tabs-card-margin` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 标签页卡片边框宽度 | `--tabs-card-border-width` | `var(--border-width-base, $border-width-base)` | --border-width-base → 2px（基础边框宽度） |
+| 标签页卡片边框颜色 | `--tabs-card-border-color` | `$tabs-active-color` |  |
+| 标签页卡片圆角 | `--tabs-card-border-radius` | `var(--border-radius-sm, $border-radius-sm)` | --border-radius-sm → 4px（小号圆角） |
+| 标签页导航背景色 | `--tabs-nav-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 标签页线条宽度 | `--tabs-line-width` | `40px * $hd` |  |
+| 标签页线条高度 | `--tabs-line-height` | `3px * $hd` |  |
+| 标签页线条圆角 | `--tabs-line-border-radius` | `$tabs-line-height` |  |
+| 标签页线条背景色 | `--tabs-line-background-color` | `$tabs-active-color` |  |
+
+#### 标签样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签颜色 | `--tab-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 标签内边距 | `--tab-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 标签字体大小 | `--tab-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 标签行高 | `--tab-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |
+| 标签激活颜色 | `--tab-active-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 标签激活字体粗细 | `--tab-active-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 标签禁用颜色 | `--tab-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |

package/metaData/components/tag/css-variables.md

@@ -0,0 +1,81 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签内边距 | --tag-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 标签颜色 | --tag-color | var(--white) | --white → #FFFFFF（白色） |
+| 标签字体大小 | --tag-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 标签圆角 | --tag-border-radius | 2px | 2px |
+| 标签行高 | --tag-line-height | 16px | 16px |
+| 标签描边背景色 | --tag-outlined-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 标签边框颜色 | --tag-border-color | currentColor |  |
+
+#### 尺寸相关
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签中等内边距 | --tag-medium-padding | 2px 6px | 2px 6px |
+| 标签大号内边距 | --tag-large-padding | var(--padding-base) | --padding-base → 8px（基础内边距） --padding-xs → 16px（最小内边距） |
+| 标签大号圆角 | --tag-large-border-radius | var(--border-radius-md) | --border-radius-md → 8px（中号圆角） |
+| 标签大号字体大小 | --tag-large-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 标签中等右圆形内边距 | --tag-rounded-right-medium-padding | 2px 8px 2px 6px | 2px 8px 2px 6px |
+| 标签中等左圆形内边距 | --tag-rounded-left-medium-padding | 2px 6px 2px 8px | 2px 6px 2px 8px |
+| 标签大号右圆形内边距 | --tag-rounded-right-large-padding | var(--padding-base) | --padding-base → 8px（基础内边距） --padding-xs → 16px（最小内边距） |
+| 标签大号左圆形内边距 | --tag-rounded-left-large-padding | var(--padding-base) | --padding-base → 8px（基础内边距） --padding-xs → 16px（最小内边距） |
+
+#### 圆角相关
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签圆形圆角 | --tag-rounded-border-radius | var(--border-radius-max) | --border-radius-max → 999px（最大圆角） |
+| 标签右圆形内边距 | --tag-rounded-right-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 标签左圆形内边距 | --tag-rounded-left-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+
+#### 默认标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签默认颜色 | --tag-default-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 标签默认背景色 | --tag-default-background-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+
+#### 主要标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签主要颜色 | --tag-primary-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 标签主要背景色 | --tag-primary-background-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+
+#### 信息标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签信息颜色 | --tag-info-color | var(--info-color) | --info-color → #165DFF（信息色） |
+| 标签信息背景色 | --tag-info-background-color | var(--info-color) | --info-color → #165DFF（信息色） |
+
+#### 成功标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签成功颜色 | --tag-success-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 标签成功背景色 | --tag-success-background-color | var(--success-color) | --success-color → #00B42A（成功色） |
+
+#### 警告标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签警告颜色 | --tag-warning-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 标签警告背景色 | --tag-warning-background-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+
+#### 危险标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签危险颜色 | --tag-danger-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+| 标签危险背景色 | --tag-danger-background-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+

package/metaData/components/tag/doc.md

@@ -128,35 +128,77 @@ function CloseTag() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                    | 默认值                                                                  | 描述 |
-| --------------------------------------- | ----------------------------------------------------------------------- | ---- |
-| --tag-padding                           | _var(0 var(--padding-base))_                                            | -    |
-| --tag-color                             | _var(--white)_                                                          | -    |
-| --tag-font-size                         | _var(--font-size-sm)_                                                   | -    |
-| --tag-border-radius                     | _2px \* $hd_                                                            | -    |
-| --tag-line-height                       | _16px \* $hd_                                                           | -    |
-| --tag-medium-padding                    | _2px * $hd 6px * $hd_                                                   | -    |
-| --tag-large-padding                     | _var(--padding-base) var(--padding-xs)_                                 | -    |
-| --tag-large-border-radius               | _var(--border-radius-md)_                                               | -    |
-| --tag-large-font-size                   | _var(--font-size-md)_                                                   | -    |
-| --tag-rounded-border-radius             | _var(--border-radius-max)_                                              | -    |
-| --tag-rounded-right-padding             | _var(--tag-rounded-right-padding, 0 (6px \* $hd) 0 var(--padding-base)_ | -    |
-| --tag-rounded-left-padding              | _var(--tag-rounded-left-padding, 0 var(--padding-base) 0 (6px \* $hd))_ | -    |
-| --tag-rounded-right-medium-padding      | _2px * $hd 8px * $hd 2px * $hd 6px * $hd_                               | -    |
-| --tag-rounded-left-medium-padding       | _2px * $hd 6px * $hd 2px * $hd 8px * $hd_                               | -    |
-| --tag-rounded-right-large-padding       | _var(--padding-base) 6px \* $hd var(--padding-base) var(--padding-xs)_  | -    |
-| --tag-rounded-left-large-padding        | _var(--padding-base) var(--padding-xs) var(--padding-base) 6px \* $hd_  | -    |
-| --tag-default-color                     | _var(--gray-6)_                                                         | -    |
-| --tag-default-background-color          | _var(--gray-6)_                                                         | -    |
-| --tag-primary-color                     | _var(--primary-color)_                                                  | -    |
-| --tag-primary-background-color          | _var(--primary-color)_                                                  | -    |
-| --tag-info-color                        | _var(--info-color)_                                                     | -    |
-| --tag-info-background-color             | _var(--info-color)_                                                     | -    |
-| --tag-success-color                     | _var(--success-color)_                                                  | -    |
-| --tag-success-background-color          | _var(--success-color)_                                                  | -    |
-| --tag-warning-color                     | _var(--warning-color)_                                                  | -    |
-| --tag-warning-background-color          | _var(--warning-color)_                                                  | -    |
-| --tag-danger-color                      | _var(--danger-color)_                                                   | -    |
-| --tag-danger-background-color           | _var(--danger-color)_                                                   | -    |
-| --tag-outlined-background-color         | _var(--white)_                                                          | -    |
-| --tag-border-color <br>`v0.4.0-alpha.0` | _var(--tag-border-color, currentColor)_                                 | -    |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签内边距 | `--tag-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 标签颜色 | `--tag-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 标签字体大小 | `--tag-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+| 标签圆角 | `--tag-border-radius` | `2px * $hd` |  |
+| 标签行高 | `--tag-line-height` | `16px * $hd` |  |
+| 标签描边背景色 | `--tag-outlined-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 标签边框颜色 | `--tag-border-color` | `currentColor` |  |
+
+#### 尺寸相关
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签中等内边距 | `--tag-medium-padding` | `2px * $hd 6px * $hd` |  |
+| 标签大号内边距 | `--tag-large-padding` | `var(--padding-base, $padding-base) var(--padding-xs, $padding-xs)` | --padding-base → 8px（基础内边距） --padding-xs → 16px（最小内边距） |
+| 标签大号圆角 | `--tag-large-border-radius` | `var(--border-radius-md, $border-radius-md)` | --border-radius-md → 8px（中号圆角） |
+| 标签大号字体大小 | `--tag-large-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 标签中等右圆形内边距 | `--tag-rounded-right-medium-padding` | `2px * $hd 8px * $hd 2px * $hd 6px * $hd` |  |
+| 标签中等左圆形内边距 | `--tag-rounded-left-medium-padding` | `2px * $hd 6px * $hd 2px * $hd 8px * $hd` |  |
+| 标签大号右圆形内边距 | `--tag-rounded-right-large-padding` | `var(--padding-base, $padding-base) ($padding-xs + 2px * $hd) var(--padding-base, $padding-base) var(--padding-xs, $padding-xs)` | --padding-base → 8px（基础内边距） --padding-xs → 16px（最小内边距） |
+| 标签大号左圆形内边距 | `--tag-rounded-left-large-padding` | `var(--padding-base, $padding-base) var(--padding-xs, $padding-xs) var(--padding-base, $padding-base) ($padding-xs + 2px * $hd)` | --padding-base → 8px（基础内边距） --padding-xs → 16px（最小内边距） |
+
+#### 圆角相关
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签圆形圆角 | `--tag-rounded-border-radius` | `var(--border-radius-max, $border-radius-max)` | --border-radius-max → 999px（最大圆角） |
+| 标签右圆形内边距 | `--tag-rounded-right-padding` | `0 ($padding-base + 2px * $hd) 0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 标签左圆形内边距 | `--tag-rounded-left-padding` | `0 var(--padding-base, $padding-base) 0 ($padding-base + 2px * $hd)` | --padding-base → 8px（基础内边距） |
+
+#### 默认标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签默认颜色 | `--tag-default-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 标签默认背景色 | `--tag-default-background-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+
+#### 主要标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签主要颜色 | `--tag-primary-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 标签主要背景色 | `--tag-primary-background-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+
+#### 信息标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签信息颜色 | `--tag-info-color` | `var(--info-color, $info-color)` | --info-color → #165DFF（信息色） |
+| 标签信息背景色 | `--tag-info-background-color` | `var(--info-color, $info-color)` | --info-color → #165DFF（信息色） |
+
+#### 成功标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签成功颜色 | `--tag-success-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 标签成功背景色 | `--tag-success-background-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+
+#### 警告标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签警告颜色 | `--tag-warning-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 标签警告背景色 | `--tag-warning-background-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+
+#### 危险标签
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 标签危险颜色 | `--tag-danger-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |
+| 标签危险背景色 | `--tag-danger-background-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |

package/metaData/components/text-ellipsis/css-variables.md

@@ -0,0 +1,13 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 文字省略行高 | --text-ellipsis-line-height | 1.6 |  |
+| 文字省略操作颜色 | --text-ellipsis-action-color | $primary-color |  |
+

package/metaData/components/text-ellipsis/doc.md

@@ -127,9 +127,9 @@ return (
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                               | 默认值          | 描述           |
-| ---------------------------------- | --------------- | -------------- |
-| --text-ellipsis-font-size          | _14px \* $hd_   | 文本字体大小   |
-| --text-ellipsis-content-font-color | _var(--gray-8)_ | 文本字体颜色   |
-| --text-ellipsis-line-height        | _1.6_           | 文本的行高     |
-| --text-ellipsis-action-color       | _var(--blue)_   | 操作按钮的颜色 |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 文字省略行高 | `--text-ellipsis-line-height` | `1.6` |  |
+|  | `--text-ellipsis-content-font-size` | `$font-size-md` |  |
+|  | `--text-ellipsis-content-font-color` | `$text-color` |  |
+| 文字省略操作颜色 | `--text-ellipsis-action-color` | `$primary-color` |  |

package/metaData/components/timeline/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 时间线字体大小 | --timeline-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 时间线最小高度 | --timeline-min-height | 70px | 70px |
+| 时间线内容内边距 | --timeline-content-padding | 0 16px | 0 16px |
+| 时间线连接线边框颜色 | --timeline-connector-border-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 时间线连接线边框宽度 | --timeline-connector-border-width | 2PX |  |
+| 时间线连接线边框样式 | --timeline-connector-border-style | solid |  |
+| 时间线上连接线边框颜色 | --timeline-top-connector-border-color | $timeline-connector-border-color |  |
+| 时间线上连接线边框宽度 | --timeline-top-connector-border-width | $timeline-connector-border-width |  |
+| 时间线上连接线边框样式 | --timeline-top-connector-border-style | $timeline-connector-border-style |  |
+| 时间线下连接线边框颜色 | --timeline-bottom-connector-border-color | $timeline-connector-border-color |  |
+| 时间线下连接线边框宽度 | --timeline-bottom-connector-border-width | $timeline-connector-border-width |  |
+| 时间线下连接线边框样式 | --timeline-bottom-connector-border-style | $timeline-connector-border-style |  |
+| 时间线圆点尺寸 | --timeline-dot-size | 12px | 12px |
+| 时间线圆点外边距 | --timeline-dot-margin | 6px 0 | 6px 0 |
+| 时间线圆点内边距 | --timeline-dot-padding | 4PX |  |
+| 时间线圆点默认颜色 | --timeline-dot-default-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 时间线圆点主要颜色 | --timeline-dot-primary-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 时间线圆点信息颜色 | --timeline-dot-info-color | var(--info-color) | --info-color → #165DFF（信息色） |
+| 时间线圆点成功颜色 | --timeline-dot-success-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 时间线圆点警告颜色 | --timeline-dot-warning-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 时间线圆点危险颜色 | --timeline-dot-danger-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+

package/metaData/components/timeline/doc.md

@@ -179,32 +179,32 @@ function CustomTimeline() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                       | 默认值                                      | 描述  |
-|------------------------------------------|------------------------------------------|-----|
-| --timeline-color                         | _var(--white)_                           | -   |
-| --timeline-background-color              | _var(--gray-5)_                          | -   |
-| --timeline-border-color                  | _var(--white)_                           | -   |
-| --timeline-border-width                  | _2px * $hd_                              | -   |
-| --timeline-font-weight                   | _var(--font-weight-bold)_                | -   |
-| --timeline-font-size                     | _var(--font-size-md)_                    | -   |
-| --timeline-min-height                    | _70px * $hd_                             | -   |
-| --timeline-content-padding               | _0 16px * $hd_                           | -   |
-| --timeline-connector-border-color        | _var(--gray-5)_                          | -   |
-| --timeline-connector-border-width        | _2PX_                                    | -   |
-| --timeline-connector-border-style        | _solid_                                  | -   |
-| --timeline-top-connector-border-color    | _var(--timeline-connector-border-color)_ | -   |
-| --timeline-top-connector-border-width    | _var(--timeline-connector-border-width)_ | -   |
-| --timeline-top-connector-border-style    | _var(--timeline-connector-border-style)_ | -   |
-| --timeline-bottom-connector-border-color | _var(--timeline-connector-border-color)_ | -   |
-| --timeline-bottom-connector-border-width | _var(--timeline-connector-border-width)_ | -   |
-| --timeline-bottom-connector-border-style | _var(--timeline-connector-border-style)_ | -   |
-| --timeline-dot-size                      | _12px * $hd_                             | -   |
-| --timeline-dot-margin                    | _6px * $hd 0_                            | -   |
-| --timeline-dot-padding                   | _4PX_                                    | -   |
-| --timeline-dot-border-width              | _2PX_                                    | -   |
-| --timeline-dot-default-color             | _var(--gray-5)_                          | -   |
-| --timeline-dot-primary-color             | _var(--primary-color)_                   | -   |
-| --timeline-dot-info-color                | _var(--info-color)_                      | -   |
-| --timeline-dot-success-color             | _var(--success-color)_                   | -   |
-| --timeline-dot-warning-color             | _var(--warning-color)_                   | -   |
-| --timeline-dot-danger-color              | _var(--danger-color)_                    | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--avatar-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--avatar-background-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+|  | `--avatar-border-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--avatar-border-width` | `2px * $hd` |  |
+|  | `--avatar-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 时间线字体大小 | `--timeline-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 时间线最小高度 | `--timeline-min-height` | `70px * $hd` |  |
+| 时间线内容内边距 | `--timeline-content-padding` | `0 16px * $hd` |  |
+| 时间线连接线边框颜色 | `--timeline-connector-border-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 时间线连接线边框宽度 | `--timeline-connector-border-width` | `2PX` |  |
+| 时间线连接线边框样式 | `--timeline-connector-border-style` | `solid` |  |
+| 时间线上连接线边框颜色 | `--timeline-top-connector-border-color` | `$timeline-connector-border-color` |  |
+| 时间线上连接线边框宽度 | `--timeline-top-connector-border-width` | `$timeline-connector-border-width` |  |
+| 时间线上连接线边框样式 | `--timeline-top-connector-border-style` | `$timeline-connector-border-style` |  |
+| 时间线下连接线边框颜色 | `--timeline-bottom-connector-border-color` | `$timeline-connector-border-color` |  |
+| 时间线下连接线边框宽度 | `--timeline-bottom-connector-border-width` | `$timeline-connector-border-width` |  |
+| 时间线下连接线边框样式 | `--timeline-bottom-connector-border-style` | `$timeline-connector-border-style` |  |
+| 时间线圆点尺寸 | `--timeline-dot-size` | `12px * $hd` |  |
+| 时间线圆点外边距 | `--timeline-dot-margin` | `6px * $hd 0` |  |
+| 时间线圆点内边距 | `--timeline-dot-padding` | `4PX` |  |
+|  | `--timeline-dot-border` | `2PX` |  |
+| 时间线圆点默认颜色 | `--timeline-dot-default-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 时间线圆点主要颜色 | `--timeline-dot-primary-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 时间线圆点信息颜色 | `--timeline-dot-info-color` | `var(--info-color, $info-color)` | --info-color → #165DFF（信息色） |
+| 时间线圆点成功颜色 | `--timeline-dot-success-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 时间线圆点警告颜色 | `--timeline-dot-warning-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 时间线圆点危险颜色 | `--timeline-dot-danger-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |