@fjyueke/bify-mcp 1.0.9 → 1.0.10

package/metaData/components/collapse/doc.md

@@ -131,12 +131,12 @@ function CustomCollapse() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                       | 默认值                                   | 描述  |
-|------------------------------------------|---------------------------------------|-----|
-| --collapse-item-title-disabled-color     | _var(--gray-5)_                       | -   |
-| --collapse-item-transition-duration      | _var(--animation-duration-base)_      | -   |
-| --collapse-item-content-padding          | _var(--padding-sm) var(--padding-md)_ | -   |
-| --collapse-item-content-font-size        | _var(--font-size-md)_                 | -   |
-| --collapse-item-content-line-height      | _1.5_                                 | -   |
-| --collapse-item-content-color            | _var(--gray-6)_                       | -   |
-| --collapse-item-content-background-color | _var(--white)_                        | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 折叠面板标题禁用颜色 | `--collapse-item-title-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 折叠面板过渡时长 | `--collapse-item-transition-duration` | `var(--animation-duration-base, $animation-duration-base)` | --animation-duration-base → 0.3s（基础动画时长） |
+| 折叠面板内容内边距 | `--collapse-item-content-padding` | `var(--padding-sm, $padding-sm) var(--padding-md, $padding-md)` | --padding-sm → 24px（小号内边距） --padding-md → 32px（中号内边距） |
+| 折叠面板内容字体大小 | `--collapse-item-content-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 折叠面板内容行高 | `--collapse-item-content-line-height` | `1.5` |  |
+| 折叠面板内容颜色 | `--collapse-item-content-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 折叠面板内容背景色 | `--collapse-item-content-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |

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

@@ -0,0 +1,14 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 倒计时颜色 | --countdown-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 倒计时字体大小 | --countdown-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 倒计时行高 | --countdown-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+

package/metaData/components/countdown/doc.md

@@ -160,8 +160,8 @@ function CountdownWithManualControl() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                      | 默认值                     | 描述  |
-|-------------------------|-------------------------|-----|
-| --countdown-color       | _var(--text-color)_     | -   |
-| --countdown-font-size   | _var(--font-size-md)_   | -   |
-| --countdown-line-height | _var(--line-height-md)_ | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 倒计时颜色 | `--countdown-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 倒计时字体大小 | `--countdown-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 倒计时行高 | `--countdown-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |

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

@@ -0,0 +1,58 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框宽度 | --dialog-width | 270px | 270px |
+| 对话框小屏幕宽度 | --dialog-small-screen-width | 90% |  |
+| 对话框字体大小 | --dialog-font-size | 17px | 17px |
+| 对话框过渡 | --dialog-transition | var(--animation-duration-base) | --animation-duration-base → 0.3s（基础动画时长） |
+| 对话框圆角 | --dialog-border-radius | 8px | 8px |
+| 对话框背景色 | --dialog-background-color | var(--white) | --white → #FFFFFF（白色） |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框头部字体粗细 | --dialog-header-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 对话框头部行高 | --dialog-header-line-height | 24px | 24px |
+| 对话框头部顶部内边距 | --dialog-header-padding-top | 26px | 26px |
+| 对话框独立头部内边距 | --dialog-header-isolated-padding | var(--padding-lg) | --padding-lg → 48px（大号内边距） |
+
+#### 消息样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框消息内边距 | --dialog-message-padding | var(--padding-lg) | --padding-lg → 48px（大号内边距） |
+| 对话框消息字体大小 | --dialog-message-font-size | 15px | 15px |
+| 对话框消息行高 | --dialog-message-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+| 对话框消息字体粗细 | --dialog-message-font-weight | 'normal' |  |
+| 对话框消息最大高度 | --dialog-message-max-height | 60vh |  |
+| 对话框有标题时消息颜色 | --dialog-has-title-message-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 对话框有标题时消息顶部内边距 | --dialog-has-title-message-padding-top | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 对话框有标题时消息字体粗细 | --dialog-has-title-message-font-weight | 'normal' |  |
+
+#### 按钮样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框按钮高度 | --dialog-button-height | 44px | 44px |
+| 对话框确认按钮颜色 | --dialog-confirm-button-color | $primary-color |  |
+
+#### 圆角按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框圆角底部内边距 | --dialog-footer-rounded-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） --padding-lg → 48px（大号内边距） |
+| 对话框圆角按钮激活颜色 | --dialog-rounded-button-active-color | var(--white) | --white → #FFFFFF（白色） |
+| 对话框圆角按钮字体大小 | --dialog-rounded-button-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 对话框圆角按钮高度 | --dialog-rounded-button-height | 36px | 36px |
+| 对话框圆角按钮圆角 | --dialog-rounded-button-border-radius | var(--border-radius-max) | --border-radius-max → 999px（最大圆角） |
+| 对话框圆角确认按钮背景色 | --dialog-rounded-confirm-button-background-color | var(--gradient-red) | --gradient-red → linear-gradient(to right, #F76560, #F53F3F)（红色渐变） |
+| 对话框圆角取消按钮背景色 | --dialog-rounded-cancel-button-background-color | var(--gradient-orange) | --gradient-orange → linear-gradient(to right, #FF9A2E, #FF7D00)（橙色渐变） |
+

package/metaData/components/dialog/doc.md

@@ -261,32 +261,54 @@ function AsyncCloseDialog() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                             | 默认值                                                  | 描述 |
-| ------------------------------------------------ | ------------------------------------------------------- | ---- |
-| --dialog-width                                   | _320px \* $hd_                                          | -    |
-| --dialog-small-screen-width                      | _90%_                                                   | -    |
-| --dialog-font-size                               | _var(--font-size-lg)_                                   | -    |
-| --dialog-transition                              | _var(--animation-duration-base)_                        | -    |
-| --dialog-border-radius                           | _16px \* $hd_                                           | -    |
-| --dialog-background-color                        | _var(--white)_                                          | -    |
-| --dialog-header-font-weight                      | _var(--font-weight-bold)_                               | -    |
-| --dialog-header-line-height                      | _24px \* $hd_                                           | -    |
-| --dialog-header-padding-top                      | _26px \* $hd_                                           | -    |
-| --dialog-header-isolated-padding                 | _var(--padding-lg) 0_                                   | -    |
-| --dialog-message-padding                         | _26px \* $hd var(--padding-lg)_                         | -    |
-| --dialog-message-font-size                       | _var(--font-size-md)_                                   | -    |
-| --dialog-message-line-height                     | _var(--line-height-md)_                                 | -    |
-| --dialog-message-font-weight                     | _var(--dialog-message-font-weight)_                     | -    |
-| --dialog-message-max-height                      | _60vh_                                                  | -    |
-| --dialog-has-title-message-color                 | _var(--gray-7)_                                         | -    |
-| --dialog-has-title-message-padding-top           | _var(--padding-xs)_                                     | -    |
-| --dialog-has-title-message-font-weight           | _var(--dialog-has-title-message-font-weight)_           | -    |
-| --dialog-button-height                           | _48px \* $hd_                                           | -    |
-| --dialog-confirm-button-color                    | _var(--primary-color)_                                            | -    |
-| --dialog-footer-rounded-padding                  | _var(--padding-xs) var(--padding-lg) var(--padding-md)_ | -    |
-| --dialog-rounded-button-active-color             | _var(--white)_                                          | -    |
-| --dialog-rounded-button-font-size                | _var(--font-size-md)_                                   | -    |
-| --dialog-rounded-button-height                   | _36px \* $hd_                                           | -    |
-| --dialog-rounded-button-border-radius            | _var(--border-radius-max)_                              | -    |
-| --dialog-rounded-confirm-button-background-color | _var(--gradient-red)_                                   | -    |
-| --dialog-rounded-cancel-button-background-color  | _var(--gradient-orange)_                                | -    |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框宽度 | `--dialog-width` | `270px * $hd` |  |
+| 对话框小屏幕宽度 | `--dialog-small-screen-width` | `90%` |  |
+| 对话框字体大小 | `--dialog-font-size` | `17px * $hd` |  |
+| 对话框过渡 | `--dialog-transition` | `var(--animation-duration-base, $animation-duration-base)` | --animation-duration-base → 0.3s（基础动画时长） |
+| 对话框圆角 | `--dialog-border-radius` | `8px * $hd` |  |
+| 对话框背景色 | `--dialog-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框头部字体粗细 | `--dialog-header-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 对话框头部行高 | `--dialog-header-line-height` | `24px * $hd` |  |
+| 对话框头部顶部内边距 | `--dialog-header-padding-top` | `26px * $hd` |  |
+| 对话框独立头部内边距 | `--dialog-header-isolated-padding` | `var(--padding-lg, $padding-lg) 0` | --padding-lg → 48px（大号内边距） |
+
+#### 消息样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框消息内边距 | `--dialog-message-padding` | `26px * $hd var(--padding-lg, $padding-lg)` | --padding-lg → 48px（大号内边距） |
+| 对话框消息字体大小 | `--dialog-message-font-size` | `15px * $hd` |  |
+| 对话框消息行高 | `--dialog-message-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |
+| 对话框消息字体粗细 | `--dialog-message-font-weight` | `'normal'` |  |
+| 对话框消息最大高度 | `--dialog-message-max-height` | `60vh` |  |
+| 对话框有标题时消息颜色 | `--dialog-has-title-message-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 对话框有标题时消息顶部内边距 | `--dialog-has-title-message-padding-top` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 对话框有标题时消息字体粗细 | `--dialog-has-title-message-font-weight` | `'normal'` |  |
+
+#### 按钮样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框按钮高度 | `--dialog-button-height` | `44px * $hd` |  |
+| 对话框确认按钮颜色 | `--dialog-confirm-button-color` | `$primary-color` |  |
+
+#### 圆角按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 对话框圆角底部内边距 | `--dialog-footer-rounded-padding` | `var(--padding-xs, $padding-xs) var(--padding-lg, $padding-lg) var(--padding-md, $padding-md)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） --padding-lg → 48px（大号内边距） |
+| 对话框圆角按钮激活颜色 | `--dialog-rounded-button-active-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 对话框圆角按钮字体大小 | `--dialog-rounded-button-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 对话框圆角按钮高度 | `--dialog-rounded-button-height` | `36px * $hd` |  |
+| 对话框圆角按钮圆角 | `--dialog-rounded-button-border-radius` | `var(--border-radius-max, $border-radius-max)` | --border-radius-max → 999px（最大圆角） |
+| 对话框圆角确认按钮背景色 | `--dialog-rounded-confirm-button-background-color` | `var(--gradient-red, $gradient-red)` | --gradient-red → linear-gradient(to right, #F76560, #F53F3F)（红色渐变） |
+| 对话框圆角取消按钮背景色 | `--dialog-rounded-cancel-button-background-color` | `var(--gradient-orange, $gradient-orange)` | --gradient-orange → linear-gradient(to right, #FF9A2E, #FF7D00)（橙色渐变） |

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

@@ -0,0 +1,21 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 分割线外边距 | --divider-margin | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 分割线垂直内边距 | --divider-vertical-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 分割线颜色 | --divider-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 分割线字体大小 | --divider-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 分割线行高 | --divider-line-height | 24px | 24px |
+| 分割线边框颜色 | --divider-border-color | var(--border-color) | --border-color → #E5E6EB（边框色） |
+| 分割线边框宽度 | --divider-border-width | var(--border-width-base) | --border-width-base → 2px（基础边框宽度） |
+| 分割线内容内边距 | --divider-content-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 分割线内容左侧宽度 | --divider-content-left-width | 10% |  |
+| 分割线内容右侧宽度 | --divider-content-right-width | 10% |  |
+

package/metaData/components/divider/doc.md

@@ -94,15 +94,15 @@ import { Divider } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                            | 默认值                            | 描述  |
-|-------------------------------|--------------------------------|-----|
-| --divider-margin              | _var(--padding-md) 0_          | -   |
-| --divider-vertical-padding    | _0 var(--padding-xs)_          | -   |
-| --divider-color               | _var(--gray-6)_                | -   |
-| --divider-font-size           | _var(--font-size-md)_          | -   |
-| --divider-line-height         | _24px * $hd_                   | -   |
-| --divider-border-color        | _var(--border-color)_          | -   |
-| --divider-border-width        | _var(--border-width-base) 0 0_ | -   |
-| --divider-content-padding     | _var(--padding-md)_            | -   |
-| --divider-content-left-width  | _10%_                          | -   |
-| --divider-content-right-width | _10%_                          | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 分割线外边距 | `--divider-margin` | `var(--padding-md, $padding-md) 0` | --padding-md → 32px（中号内边距） |
+| 分割线垂直内边距 | `--divider-vertical-padding` | `0 var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 分割线颜色 | `--divider-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 分割线字体大小 | `--divider-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 分割线行高 | `--divider-line-height` | `24px * $hd` |  |
+| 分割线边框颜色 | `--divider-border-color` | `var(--border-color, $border-color)` | --border-color → #E5E6EB（边框色） |
+| 分割线边框宽度 | `--divider-border-width` | `var(--border-width-base, $border-width-base) 0 0` | --border-width-base → 2px（基础边框宽度） |
+| 分割线内容内边距 | `--divider-content-padding` | `var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 分割线内容左侧宽度 | `--divider-content-left-width` | `10%` |  |
+| 分割线内容右侧宽度 | `--divider-content-right-width` | `10%` |  |

package/metaData/components/dropdown-menu/css-variables.md

@@ -0,0 +1,31 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 菜单样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉菜单高度 | --dropdown-menu-height | 48px | 48px |
+| 下拉菜单背景色 | --dropdown-menu-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 下拉菜单层级 | --dropdown-menu-z-index | 11 |  |
+
+#### 标题样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉菜单标题字体大小 | --dropdown-menu-title-font-size | 15px | 15px |
+| 下拉菜单标题颜色 | --dropdown-menu-title-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 下拉菜单标题内边距 | --dropdown-menu-title-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 下拉菜单标题激活颜色 | --dropdown-menu-title-active-color | $primary-color |  |
+
+#### 选项样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉菜单项层级 | --dropdown-menu-item-z-index | calc(#{$dropdown-menu-z-index} - 1) |  |
+| 下拉菜单项内容最大高度 | --dropdown-menu-item-content-max-height | 80% |  |
+| 下拉菜单选项激活颜色 | --dropdown-menu-option-active-color | $primary-color |  |
+

package/metaData/components/dropdown-menu/doc.md

@@ -260,20 +260,27 @@ function BasicDropdownMenu() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                            | 默认值                                             | 描述 |
-| ----------------------------------------------- | -------------------------------------------------- | ---- |
-| --dropdown-menu-height                          | _48px \* $hd_                                      | -    |
-| --dropdown-menu-background-color                | _var(--white)_                                     | -    |
-| --dropdown-menu-z-index                         | _11_                                               | -    |
-| --dropdown-menu-box-shadow                      | _0 2px * $hd 12px * $hd rgba(100, 101, 102, 0.12)_ | -    |
-| --dropdown-menu-title-font-size                 | _15px \* $hd_                                      | -    |
-| --dropdown-menu-title-color                     | _var(--text-color)_                                | -    |
-| --dropdown-menu-title-padding                   | _0 var(--padding-xs)_                              | -    |
-| --dropdown-menu-title-line-height               | _var(--line-height-lg)_                            | -    |
-| --dropdown-menu-title-active-opacity            | _var(--active-opacity)_                            | -    |
-| --dropdown-menu-title-active-color              | _var(--danger-color)_                              | -    |
-| --dropdown-menu-title-disabled-color            | _var(--gray-6)_                                    | -    |
-| --dropdown-menu-item-z-index                    | _calc(var(--dropdown-menu-z-index) - 1)_           | -    |
-| --dropdown-menu-item-content-max-height         | _80%_                                              | -    |
-| --dropdown-menu-item-content-animation-duration | _var(--animation-duration-fast)_                   | -    |
-| --dropdown-menu-option-active-color             | _var(--danger-color)_                              | -    |
+#### 菜单样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉菜单高度 | `--dropdown-menu-height` | `48px * $hd` |  |
+| 下拉菜单背景色 | `--dropdown-menu-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 下拉菜单层级 | `--dropdown-menu-z-index` | `11` |  |
+
+#### 标题样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉菜单标题字体大小 | `--dropdown-menu-title-font-size` | `15px * $hd` |  |
+| 下拉菜单标题颜色 | `--dropdown-menu-title-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 下拉菜单标题内边距 | `--dropdown-menu-title-padding` | `0 var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 下拉菜单标题激活颜色 | `--dropdown-menu-title-active-color` | `$primary-color` |  |
+
+#### 选项样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉菜单项层级 | `--dropdown-menu-item-z-index` | `calc(#{$dropdown-menu-z-index} - 1` |  |
+| 下拉菜单项内容最大高度 | `--dropdown-menu-item-content-max-height` | `80%` |  |
+| 下拉菜单选项激活颜色 | `--dropdown-menu-option-active-color` | `$primary-color` |  |

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

@@ -0,0 +1,19 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 空状态内边距 | --empty-padding | var(--padding-xl) | --padding-xl → 64px（超大内边距） |
+| 空状态图片尺寸 | --empty-image-size | 160px | 160px |
+| 空状态图片宽度 | --empty-image-width | $empty-image-size |  |
+| 空状态图片高度 | --empty-image-height | $empty-image-size |  |
+| 空状态描述内边距 | --empty-description-padding | 0 60px | 0 60px |
+| 空状态描述颜色 | --empty-description-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 空状态描述字体大小 | --empty-description-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 空状态描述行高 | --empty-description-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+

package/metaData/components/empty/doc.md

@@ -113,14 +113,14 @@ Empty 组件内置了多种占位图片类型，可以在不同业务场景下
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                              | 默认值                       | 描述  |
-|---------------------------------|---------------------------|-----|
-| --empty-padding                 | _var(--padding-xl) 0_     | -   |
-| --empty-image-size              | _160px * $hd_             | -   |
-| --empty-image-width             | _var(--empty-image-size)_ | -   |
-| --empty-image-height            | _var(--empty-image-size)_ | -   |
-| --empty-description-margin-top  | _var(--padding-md)_       | -   |
-| --empty-description-padding     | _0 60px * $hd_            | -   |
-| --empty-description-color       | _var(--gray-6)_           | -   |
-| --empty-description-font-size   | _var(--font-size-md)_     | -   |
-| --empty-description-line-height | _var(--line-height-md)_   | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 空状态内边距 | `--empty-padding` | `var(--padding-xl, $padding-xl) 0` | --padding-xl → 64px（超大内边距） |
+| 空状态图片尺寸 | `--empty-image-size` | `160px * $hd` |  |
+| 空状态图片宽度 | `--empty-image-width` | `$empty-image-size` |  |
+| 空状态图片高度 | `--empty-image-height` | `$empty-image-size` |  |
+| 空状态描述内边距 | `--empty-description-padding` | `var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 空状态描述内边距 | `--empty-description-padding` | `0 60px * $hd` |  |
+| 空状态描述颜色 | `--empty-description-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 空状态描述字体大小 | `--empty-description-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 空状态描述行高 | `--empty-description-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |

package/metaData/components/fixed-nav/css-variables.md

@@ -0,0 +1,17 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 固定导航层级 | --fixed-nav-z-index | 1010 |  |
+| 固定导航高度 | --fixed-nav-height | 50px | 50px |
+| 固定导航按钮背景 | --fixed-nav-button-background | $primary-color |  |
+| 固定导航按钮字体大小 | --fixed-nav-button-font-size | $font-size-sm |  |
+| 固定导航背景色 | --fixed-nav-background-color | $background-color-2 |  |
+| 固定导航颜色 | --fixed-nav-color | $text-color |  |
+

package/metaData/components/fixed-nav/doc.md

@@ -186,11 +186,12 @@ const CustomerFixedNav = () => {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                          | 默认值                   | 描述 |
-| ----------------------------- | ------------------------ | ---- |
-| --fixed-nav-z-index           | _1010_                   | -    |
-| --fixed-nav-z-content-index   | _1009_                   | -    |
-| --fixed-nav-button-background | _var(--blue, $blue)_     | -    |
-| --fixed-nav-button-font-size  | _12px \* $hd_            | -    |
-| --fixed-nav-background-color  | _var(--white, $white)_   | -    |
-| --fixed-nav-color             | _var(--gray-8, $gray-8)_ | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 固定导航层级 | `--fixed-nav-z-index` | `1010` |  |
+| 固定导航高度 | `--fixed-nav-height` | `50px * $hd` |  |
+|  | `--fixed-nav-z-content-index` | `1009` |  |
+| 固定导航按钮背景 | `--fixed-nav-button-background` | `$primary-color` |  |
+| 固定导航按钮字体大小 | `--fixed-nav-button-font-size` | `$font-size-sm` |  |
+| 固定导航背景色 | `--fixed-nav-background-color` | `$background-color-2` |  |
+| 固定导航颜色 | `--fixed-nav-color` | `$text-color` |  |

package/metaData/components/fixed-view/css-variables.md

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

package/metaData/components/fixed-view/doc.md

@@ -23,3 +23,14 @@
 | safeArea      | 安全区域，可选值 `top` `bottom`                    | _string_  | -       |
 | nativeSafeTop | 是否启用顶部安全区域原生属性                       | _boolean_ | `false` |
 | placeholder   | 固定在底部时，是否在标签位置生成一个等高的占位元素 | _boolean_ | -       |
+
+
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 固定视图层级 | `--fixed-view-z-index` | `1` |  |

package/metaData/components/floating-bubble/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动气泡尺寸 | --floating-bubble-size | 48px | 48px |
+| 浮动气泡初始间距 | --floating-bubble-initial-gap | 24px | 24px |
+| 浮动气泡背景 | --floating-bubble-background | $primary-color |  |
+| 浮动气泡颜色 | --floating-bubble-color | $background-color-2 |  |
+| 浮动气泡圆角 | --floating-bubble-border-radius | $border-radius-max |  |
+| 浮动气泡层级 | --floating-bubble-z-index | 999 |  |
+| 浮动气泡图标尺寸 | --floating-bubble-icon-size | 28px | 28px |
+

package/metaData/components/floating-bubble/doc.md

@@ -82,13 +82,13 @@ function CustomFloatingBubble() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                            | 默认值                 | 描述 |
-| ------------------------------- | ---------------------- | ---- |
-| --floating-bubble-size          | _96px_                 | -    |
-| --floating-bubble-initial-gap   | _48px_                 | -    |
-| --floating-bubble-background    | _var(--blue, $blue)_   | -    |
-| --floating-bubble-color         | _var(--white, $white)_ | -    |
-| --floating-bubble-border-radius | _999px_                | -    |
-| --floating-bubble-z-index       | _999_                  | -    |
-| --floating-bubble-duratio       | _0.3s_                 | -    |
-| --floating-bubble-icon-size     | _56px_                 | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动气泡尺寸 | `--floating-bubble-size` | `48px * $hd` |  |
+| 浮动气泡初始间距 | `--floating-bubble-initial-gap` | `24px * $hd` |  |
+| 浮动气泡背景 | `--floating-bubble-background` | `$primary-color` |  |
+| 浮动气泡颜色 | `--floating-bubble-color` | `$background-color-2` |  |
+| 浮动气泡圆角 | `--floating-bubble-border-radius` | `$border-radius-max` |  |
+| 浮动气泡层级 | `--floating-bubble-z-index` | `999` |  |
+|  | `--floating-bubble-duratio` | `$animation-duration-base` |  |
+| 浮动气泡图标尺寸 | `--floating-bubble-icon-size` | `28px * $hd` |  |

package/metaData/components/floating-panel/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动面板层级 | --floating-panel-z-index | 1010 |  |
+| 浮动面板圆角 | --floating-panel-rounded-border-radius | 16px | 16px |
+| 浮动面板头部高度 | --floating-panel-header-height | 60px | 60px |
+| 浮动面板滑块高度 | --floating-panel-bar-height | 6px | 6px |
+| 浮动面板滑块宽度 | --floating-panel-bar-width | 40px | 40px |
+| 浮动面板滑块颜色 | --floating-panel-bar-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 浮动面板背景 | --floating-panel-background | var(--background-color-light) | --background-color → #F7F8FA（背景色） --background-color-light → #FFFFFF（浅色背景） |
+

package/metaData/components/floating-panel/doc.md

@@ -163,12 +163,12 @@ function CustomHeight() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                   | 默认值                          | 描述 |
-| -------------------------------------- | ------------------------------- | ---- |
-| --floating-panel-z-index               | _1010_                          | -    |
-| --floating-panel-rounded-border-radius | _16px \* $hd_                   | -    |
-| --floating-panel-header-height         | _60px_                          | -    |
-| --floating-panel-bar-height            | _6px_                           | -    |
-| --floating-panel-bar-width             | _40px_                          | -    |
-| --floating-panel-bar-color             | _var(--gray-5, $gray-5)_        | -    |
-| --floating-panel-background            | _var(--background-color-light)_ | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动面板层级 | `--floating-panel-z-index` | `1010` |  |
+| 浮动面板圆角 | `--floating-panel-rounded-border-radius` | `16px * $hd` |  |
+| 浮动面板头部高度 | `--floating-panel-header-height` | `60px` |  |
+| 浮动面板滑块高度 | `--floating-panel-bar-height` | `6px` |  |
+| 浮动面板滑块宽度 | `--floating-panel-bar-width` | `40px` |  |
+| 浮动面板滑块颜色 | `--floating-panel-bar-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 浮动面板背景 | `--floating-panel-background` | `var(--background-color-light, $background-color-light)` | --background-color → #F7F8FA（背景色） --background-color-light → #FFFFFF（浅色背景） |

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

@@ -0,0 +1,25 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 表单标签宽度 | --form-label-width | 6.2em |  |
+| 表单标签颜色 | --form-label-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 表单标签右侧外边距 | --form-label-margin-right | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 表单标签禁用颜色 | --form-label-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 表单项图标尺寸 | --form-item-icon-size | 16px | 16px |
+| 表单项右侧图标内边距 | --form-item-right-icon-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 表单项右侧图标右侧外边距 | --form-item-right-icon-margin-right | -8px | -8px |
+| 表单项右侧按钮左侧外边距 | --form-item-right-button-margin-left | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 表单控件颜色 | --form-control-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 表单控件最小高度 | --form-control-min-height | cell.$cell-line-height |  |
+| 表单反馈字体大小 | --form-feedback-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 表单反馈有效颜色 | --form-feedback-valid-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 表单反馈警告颜色 | --form-feedback-warning-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 表单反馈无效颜色 | --form-feedback-invalid-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+