@fjyueke/bify-mcp 1.0.9 → 1.0.10

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（危险色） |

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

@@ -0,0 +1,30 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 轻提示宽度 | --toast-width | 88px | 88px |
+| 轻提示最小高度 | --toast-min-height | 88px | 88px |
+| 轻提示最大宽度 | --toast-max-width | 70% |  |
+| 轻提示内边距 | --toast-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 轻提示字体大小 | --toast-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 轻提示行高 | --toast-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+| 轻提示颜色 | --toast-color | var(--white) | --white → #FFFFFF（白色） |
+| 轻提示背景色 | --toast-background-color | var(--black-rgb) | --black → #000000（黑色） |
+| 轻提示圆角 | --toast-border-radius | 2px | 2px |
+| 轻提示过渡时长 | --toast-transition-duration | var(--animation-duration-fast) | --animation-duration-fast → 0.2s（快速动画时长） |
+| 轻提示图标字体大小 | --toast-icon-font-size | 36px | 36px |
+| 轻提示图标颜色 | --toast-icon-color | var(--white) | --white → #FFFFFF（白色） |
+| 轻提示加载内边距 | --toast-loading-padding | 3px | 3px |
+| 轻提示加载颜色 | --toast-loading-color | var(--white) | --white → #FFFFFF（白色） |
+| 轻提示文字最小宽度 | --toast-text-min-width | 96px | 96px |
+| 轻提示文字内边距 | --toast-text-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） --padding-sm → 24px（小号内边距） |
+| 轻提示位置距离 | --toast-position-distance | 20% |  |
+| 轻提示顶部位置距离 | --toast-position-top-distance | $toast-position-distance |  |
+| 轻提示底部位置距离 | --toast-position-bottom-distance | $toast-position-distance |  |
+

package/metaData/components/toast/doc.md

@@ -232,25 +232,24 @@ function MultipleToastClose() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                             | 默认值                                | 描述 |
-| -------------------------------- | ------------------------------------- | ---- |
-| --toast-width                    | _88px \* $hd_                         | -    |
-| --toast-width                    | _88px \* $hd_                         | -    |
-| --toast-min-height               | _88px \* $hd_                         | -    |
-| --toast-max-width                | _70%_                                 | -    |
-| --toast-padding                  | _var(--padding-md)_                   | -    |
-| --toast-font-size                | _var(--font-size-md)_                 | -    |
-| --toast-line-height              | _var(--line-height-md)_               | -    |
-| --toast-color                    | _var(--white)_                        | -    |
-| --toast-background-color         | _rgba(var(--black-rgb), $alpha: 0.7)_ | -    |
-| --toast-border-radius            | _var(--border-radius-lg)_             | -    |
-| --toast-transition-duration      | _var(--animation-duration-fast)_      | -    |
-| --toast-icon-font-size           | _36px \* $hd_                         | -    |
-| --toast-icon-color               | _var(--white)_                        | -    |
-| --toast-loading-padding          | _3px \* $hd_                          | -    |
-| --toast-loading-color            | _var(--white)_                        | -    |
-| --toast-text-min-width           | _96px \* $hd_                         | -    |
-| --toast-text-padding             | _var(--padding-xs) var(--padding-sm)_ | -    |
-| --toast-position-distance        | _20%_                                 | -    |
-| --toast-position-top-distance    | _var(--toast-position-distance)_      | -    |
-| --toast-position-bottom-distance | _var(--toast-position-distance)_      | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 轻提示宽度 | `--toast-width` | `88px * $hd` |  |
+| 轻提示最小高度 | `--toast-min-height` | `88px * $hd` |  |
+| 轻提示最大宽度 | `--toast-max-width` | `70%` |  |
+| 轻提示内边距 | `--toast-padding` | `var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 轻提示字体大小 | `--toast-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 轻提示行高 | `--toast-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |
+| 轻提示颜色 | `--toast-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 轻提示背景色 | `--toast-background-color` | `rgba(var(--black-rgb, $black-rgb), $alpha: 0.7)` | --black → #000000（黑色） |
+| 轻提示圆角 | `--toast-border-radius` | `2px * $hd` |  |
+| 轻提示过渡时长 | `--toast-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s（快速动画时长） |
+| 轻提示图标字体大小 | `--toast-icon-font-size` | `36px * $hd` |  |
+| 轻提示图标颜色 | `--toast-icon-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 轻提示加载内边距 | `--toast-loading-padding` | `3px * $hd` |  |
+| 轻提示加载颜色 | `--toast-loading-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 轻提示文字最小宽度 | `--toast-text-min-width` | `96px * $hd` |  |
+| 轻提示文字内边距 | `--toast-text-padding` | `var(--padding-xs, $padding-xs) var(--padding-sm, $padding-sm)` | --padding-xs → 16px（最小内边距） --padding-sm → 24px（小号内边距） |
+| 轻提示位置距离 | `--toast-position-distance` | `20%` |  |
+| 轻提示顶部位置距离 | `--toast-position-top-distance` | `$toast-position-distance` |  |
+| 轻提示底部位置距离 | `--toast-position-bottom-distance` | `$toast-position-distance` |  |

package/metaData/components/tree-select/css-variables.md

@@ -0,0 +1,23 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 树形选择字体大小 | --tree-select-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 树形选择侧边栏背景色 | --tree-select-sidebar-background-color | var(--background-color) | --background-color → #F7F8FA（背景色） |
+| 树形选择内容背景色 | --tree-select-content-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 树形选择标签内边距 | --tree-select-tab-padding | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 树形选择选项内边距 | --tree-select-option-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 树形选择选项字体粗细 | --tree-select-option-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 树形选择选项行高 | --tree-select-option-line-height | 48px | 48px |
+| 树形选择选项激活颜色 | --tree-select-option-active-color | $primary-color |  |
+| 树形选择选项激活背景色 | --tree-select-option-active-background-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+| 树形选择选项禁用颜色 | --tree-select-option-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 树形选择选项激活图标右侧距离 | --tree-select-option-icon-active-right | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 树形选择选项激活图标字体大小 | --tree-select-option-icon-active-font-size | 16px | 16px |
+