@fjyueke/bify-mcp 1.0.9 → 1.0.10

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

@@ -0,0 +1,75 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历弹窗高度 | --calendar-popup-height | 80% |  |
+| 日历激活颜色 | --calendar-active-color | $primary-color |  |
+| 日历背景色 | --calendar-background-color | var(--white) | --white → #FFFFFF（白色） |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历头部阴影 | --calendar-header-box-shadow | (0 2px 10px rgba(125, 126, 128, 0.16)) | (0 2px 10px rgba(125, 126, 128, 0.16)) |
+| 日历头部标题高度 | --calendar-header-title-height | 44px | 44px |
+| 日历头部标题字体大小 | --calendar-header-title-font-size | var(--font-size-lg) | --font-size-lg → 32px（大号字号） |
+| 日历头部副标题字体大小 | --calendar-header-subtitle-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+
+#### 星期样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历星期高度 | --calendar-weekdays-height | 30px | 30px |
+| 日历星期字体大小 | --calendar-weekdays-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+
+#### 月份样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历月份标题字体大小 | --calendar-month-title-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 日历月份水印颜色 | --calendar-month-watermark-color | rgba(242, 243, 245, 0.8) |  |
+| 日历月份水印字体大小 | --calendar-month-watermark-font-size | 160px | 160px |
+
+#### 范围样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历范围边缘颜色 | --calendar-range-edge-color | var(--white) | --white → #FFFFFF（白色） |
+| 日历范围边缘背景色 | --calendar-range-edge-background-color | $calendar-active-color |  |
+| 日历范围中间颜色 | --calendar-range-middle-color | $calendar-active-color |  |
+| 日历范围中间背景透明度 | --calendar-range-middle-background-opacity | 0.1 |  |
+
+#### 日期样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历日期高度 | --calendar-day-height | 64px | 64px |
+| 日历日期字体大小 | --calendar-day-font-size | var(--font-size-lg) | --font-size-lg → 32px（大号字号） |
+| 日历日期禁用颜色 | --calendar-day-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 日历激活日期尺寸 | --calendar-active-day-size | 54px | 54px |
+| 日历激活日期颜色 | --calendar-active-day-color | var(--white) | --white → #FFFFFF（白色） |
+| 日历激活日期背景色 | --calendar-active-day-background-color | $calendar-active-color |  |
+| 日历激活日期圆角 | --calendar-active-day-border-radius | var(--border-radius-md) | --border-radius-md → 8px（中号圆角） |
+| 日历日期信息字体大小 | --calendar-day-info-font-size | var(--font-size-xs) | --font-size-xs → 20px（最小字号） |
+| 日历日期信息行高 | --calendar-day-info-line-height | var(--line-height-xs) | --line-height-xs → 28px（最小行高） |
+
+#### 确认按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历确认按钮高度 | --calendar-confirm-button-height | 36px | 36px |
+| 日历确认按钮外边距 | --calendar-confirm-button-margin | 7px 0 | 7px 0 |
+| 日历确认按钮颜色 | --calendar-confirm-button-color | $calendar-active-color |  |
+
+#### 底部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历底部内边距 | --calendar-footer-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+

package/metaData/components/calendar/doc.md

@@ -484,33 +484,71 @@ function CustomConfirmCalendar() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                       | 默认值                                             | 描述 |
-| ------------------------------------------ | -------------------------------------------------- | ---- |
-| --calendar-active-color                    | _var(--blue, $blue)_                               | -    |
-| --calendar-background-color                | _var(--white)_                                     | -    |
-| --calendar-header-box-shadow               | _0 2px * $hd 10px * $hd rgba(125, 126, 128, 0.16)_ | -    |
-| --calendar-header-title-height             | _44px \* $hd_                                      | -    |
-| --calendar-header-title-font-size          | _var(--font-size-lg)_                              | -    |
-| --calendar-header-subtitle-font-size       | _var(--font-size-md)_                              | -    |
-| --calendar-weekdays-height                 | _30px \* $hd_                                      | -    |
-| --calendar-weekdays-font-size              | _var(--font-size-sm)_                              | -    |
-| --calendar-month-title-font-size           | _var(--font-size-md)_                              | -    |
-| --calendar-month-watermark-color           | _rgba(242, 243, 245, 0.8)_                         | -    |
-| --calendar-month-watermark-font-size       | _160px \* $hd_                                     | -    |
-| --calendar-range-edge-color                | _var(--white)_                                     | -    |
-| --calendar-range-edge-background-color     | _var(--calendar-active-color)_                     | -    |
-| --calendar-range-middle-color              | _var(--calendar-active-color)_                     | -    |
-| --calendar-range-middle-background-opacity | _0.1_                                              | -    |
-| --calendar-day-height                      | _64px \* $hd_                                      | -    |
-| --calendar-day-font-size                   | _var(--font-size-lg)_                              | -    |
-| --calendar-day-disabled-color              | _var(--gray-5)_                                    | -    |
-| --calendar-active-day-size                 | _54px \* $hd_                                      | -    |
-| --calendar-active-day-color                | _var(--white)_                                     | -    |
-| --calendar-active-day-background-color     | _var(--calendar-active-color)_                     | -    |
-| --calendar-active-day-border-radius        | _var(--border-radius-md)_                          | -    |
-| --calendar-day-info-font-size              | _var(--font-size-xs)_                              | -    |
-| --calendar-day-info-line-height            | _var(--line-height-xs)_                            | -    |
-| --calendar-confirm-button-height           | _36px \* $hd_                                      | -    |
-| --calendar-confirm-button-margin           | _7px \* $hd 0_                                     | -    |
-| --calendar-confirm-button-color            | _var(--calendar-active-color)_                     | -    |
-| --calendar-footer-padding                  | _0 var(--padding-md)_                              | -    |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历弹窗高度 | `--calendar-popup-height` | `80%` |  |
+| 日历激活颜色 | `--calendar-active-color` | `$primary-color` |  |
+| 日历背景色 | `--calendar-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历头部阴影 | `--calendar-header-box-shadow` | `(0 2px * $hd 10px * $hd rgba(125, 126, 128, 0.16` |  |
+| 日历头部标题高度 | `--calendar-header-title-height` | `44px * $hd` |  |
+| 日历头部标题字体大小 | `--calendar-header-title-font-size` | `var(--font-size-lg, $font-size-lg)` | --font-size-lg → 32px（大号字号） |
+| 日历头部副标题字体大小 | `--calendar-header-subtitle-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+
+#### 星期样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历星期高度 | `--calendar-weekdays-height` | `30px * $hd` |  |
+| 日历星期字体大小 | `--calendar-weekdays-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+
+#### 月份样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历月份标题字体大小 | `--calendar-month-title-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 日历月份水印颜色 | `--calendar-month-watermark-color` | `rgba(242, 243, 245, 0.8` |  |
+| 日历月份水印字体大小 | `--calendar-month-watermark-font-size` | `160px * $hd` |  |
+
+#### 范围样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历范围边缘颜色 | `--calendar-range-edge-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 日历范围边缘背景色 | `--calendar-range-edge-background-color` | `$calendar-active-color` |  |
+| 日历范围中间颜色 | `--calendar-range-middle-color` | `$calendar-active-color` |  |
+| 日历范围中间背景透明度 | `--calendar-range-middle-background-opacity` | `0.1` |  |
+
+#### 日期样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历日期高度 | `--calendar-day-height` | `64px * $hd` |  |
+| 日历日期字体大小 | `--calendar-day-font-size` | `var(--font-size-lg, $font-size-lg)` | --font-size-lg → 32px（大号字号） |
+| 日历日期禁用颜色 | `--calendar-day-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 日历激活日期尺寸 | `--calendar-active-day-size` | `54px * $hd` |  |
+| 日历激活日期颜色 | `--calendar-active-day-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 日历激活日期背景色 | `--calendar-active-day-background-color` | `$calendar-active-color` |  |
+| 日历激活日期圆角 | `--calendar-active-day-border-radius` | `var(--border-radius-md, $border-radius-md)` | --border-radius-md → 8px（中号圆角） |
+| 日历日期信息字体大小 | `--calendar-day-info-font-size` | `var(--font-size-xs, $font-size-xs)` | --font-size-xs → 20px（最小字号） |
+| 日历日期信息行高 | `--calendar-day-info-line-height` | `var(--line-height-xs, $line-height-xs)` | --line-height-xs → 28px（最小行高） |
+
+#### 确认按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历确认按钮高度 | `--calendar-confirm-button-height` | `36px * $hd` |  |
+| 日历确认按钮外边距 | `--calendar-confirm-button-margin` | `7px * $hd 0` |  |
+| 日历确认按钮颜色 | `--calendar-confirm-button-color` | `$calendar-active-color` |  |
+
+#### 底部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 日历底部内边距 | `--calendar-footer-padding` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |

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

@@ -0,0 +1,45 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择激活颜色 | --cascader-active-color | $primary-color |  |
+| 级联选择标签高度 | --cascader-tabs-height | 48px | 48px |
+| 级联选择选项高度 | --cascader-options-height | 384px | 384px |
+| 级联选择激活图标字体大小 | --cascader-active-icon-font-size | 18px | 18px |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择头部高度 | --cascader-header-height | 48px | 48px |
+| 级联选择头部内边距 | --cascader-header-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 级联选择头部字体大小 | --cascader-header-font-size | var(--font-size-lg) | --font-size-lg → 32px（大号字号） |
+| 级联选择头部字体粗细 | --cascader-header-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 级联选择头部行高 | --cascader-header-line-height | 20px | 20px |
+
+#### 标签样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择标签字体粗细 | --cascader-tab-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 级联选择标签颜色 | --cascader-tab-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 级联选择未激活标签颜色 | --cascader-inactive-tab-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+
+#### 选项样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择选项内边距 | --cascader-option-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 级联选择选项字体大小 | --cascader-option-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 级联选择选项行高 | --cascader-option-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+| 级联选择选项激活背景色 | --cascader-option-active-background-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+| 级联选择禁用选项颜色 | --cascader-disabled-option-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 级联选择激活选项颜色 | --cascader-active-option-color | $cascader-active-color |  |
+| 级联选择激活选项字体粗细 | --cascader-active-option-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+

package/metaData/components/cascader/doc.md

@@ -335,24 +335,41 @@ import type {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                      | 默认值                          | 描述 |
-| ----------------------------------------- | ------------------------------- | ---- |
-| --cascader-active-color                   | _var(--blue, $blue)_            | -    |
-| --cascader-header-height                  | _48px \* $hd_                   | -    |
-| --cascader-header-padding                 | _0 var(--padding-md)_           | -    |
-| --cascader-header-font-size               | _var(--font-size-lg)_           | -    |
-| --cascader-header-font-weight             | _var(--font-weight-bold)_       | -    |
-| --cascader-header-line-height             | _20px \* $hd_                   | -    |
-| --cascader-tabs-height                    | _48px \* $hd_                   | -    |
-| --cascader-tab-font-weight                | _var(--font-weight-bold)_       | -    |
-| --cascader-tab-color                      | _var(--text-color)_             | -    |
-| --cascader-inactive-tab-color             | _var(--gray-6)_                 | -    |
-| --cascader-options-height                 | _384px \* $hd_                  | -    |
-| --cascader-option-padding                 | _10px \* $hd var(--padding-md)_ | -    |
-| --cascader-option-font-size               | _var(--font-size-md)_           | -    |
-| --cascader-option-line-height             | _var(--line-height-md)_         | -    |
-| --cascader-option-active-background-color | _var(--active-color)_           | -    |
-| --cascader-disabled-option-color          | _var(--gray-5)_                 | -    |
-| --cascader-active-option-color            | _var(--cascader-active-color)_  | -    |
-| --cascader-active-option-font-weight      | _var(--font-weight-bold)_       | -    |
-| --cascader-active-icon-font-size          | _18px \* $hd_                   | -    |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择激活颜色 | `--cascader-active-color` | `$primary-color` |  |
+| 级联选择标签高度 | `--cascader-tabs-height` | `48px * $hd` |  |
+| 级联选择选项高度 | `--cascader-options-height` | `384px * $hd` |  |
+| 级联选择激活图标字体大小 | `--cascader-active-icon-font-size` | `18px * $hd` |  |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择头部高度 | `--cascader-header-height` | `48px * $hd` |  |
+| 级联选择头部内边距 | `--cascader-header-padding` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 级联选择头部字体大小 | `--cascader-header-font-size` | `var(--font-size-lg, $font-size-lg)` | --font-size-lg → 32px（大号字号） |
+| 级联选择头部字体粗细 | `--cascader-header-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 级联选择头部行高 | `--cascader-header-line-height` | `20px * $hd` |  |
+
+#### 标签样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择标签字体粗细 | `--cascader-tab-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 级联选择标签颜色 | `--cascader-tab-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 级联选择未激活标签颜色 | `--cascader-inactive-tab-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+
+#### 选项样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 级联选择选项内边距 | `--cascader-option-padding` | `10px * $hd var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 级联选择选项字体大小 | `--cascader-option-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 级联选择选项行高 | `--cascader-option-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |
+| 级联选择选项激活背景色 | `--cascader-option-active-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+| 级联选择禁用选项颜色 | `--cascader-disabled-option-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 级联选择激活选项颜色 | `--cascader-active-option-color` | `$cascader-active-color` |  |
+| 级联选择激活选项字体粗细 | `--cascader-active-option-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |

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

@@ -0,0 +1,50 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 单元格字体大小 | --cell-font-size | 15px | 15px |
+| 单元格行高 | --cell-line-height | 22px | 22px |
+| 单元格颜色 | --cell-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 单元格背景色 | --cell-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 单元格边框颜色 | --cell-border-color | var(--border-color) | --border-color → #E5E6EB（边框色） |
+| 单元格值颜色 | --cell-value-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 单元格激活颜色 | --cell-active-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+| 单元格必填星号颜色 | --cell-required-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+| 单元格必填星号右侧内边距 | --cell-required-padding-right | 2px | 2px |
+| 单元格图标大小 | --cell-icon-size | 16px | 16px |
+| 单元格图标左侧外边距 | --cell-icon-margin-left | 4px | 4px |
+| 单元格右侧图标右侧外边距 | --cell-right-icon-margin-right | 4px | 4px |
+| 单元格描述顶部外边距 | --cell-brief-margin-top | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 单元格描述字体大小 | --cell-brief-font-size | 14px | 14px |
+| 单元格描述行高 | --cell-brief-line-height | var(--line-height-sm) | --line-height-sm → 36px（小号行高） |
+| 单元格描述颜色 | --cell-brief-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 单元格垂直内边距 | --cell-vertical-padding | 10px | 10px |
+| 单元格水平内边距 | --cell-horizontal-padding | 16px | 16px |
+| 单元格大号垂直内边距 | --cell-vertical-padding-large | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 单元格大号标题字体大小 | --cell-title-font-size-large | var(--font-size-lg) | --font-size-lg → 32px（大号字号） |
+| 单元格大号副标题字体大小 | --cell-subtitle-font-size-large | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+
+#### 单元格分组
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 单元格分组背景色 | --cell-group-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 单元格分组标题颜色 | --cell-group-title-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 单元格分组标题内边距 | --cell-group-title-padding | var(--padding-md) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 单元格分组标题字体大小 | --cell-group-title-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 单元格分组标题行高 | --cell-group-title-line-height | 16px | 16px |
+
+#### 单元格圆角分组
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 单元格分组圆角内边距 | --cell-group-inset-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 单元格分组圆角边框半径 | --cell-group-inset-border-radius | var(--border-radius-lg) | --border-radius-lg → 16px（大号圆角） |
+| 单元格分组圆角标题内边距 | --cell-group-inset-title-padding | var(--padding-md) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） --padding-xl → 64px（超大内边距） |
+

package/metaData/components/cell/doc.md

@@ -1,4 +1,4 @@
-# Cell 单元格
+# Cell 单元格
 
 ### 介绍
 
@@ -125,34 +125,46 @@ import { Cell } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                             | 默认值                                                                    | 描述 |
-| -------------------------------- | ------------------------------------------------------------------------- | ---- |
-| --cell-font-size                 | _var(--font-size-md)_                                                     | -    |
-| --cell-line-height               | _24px \* $hd_                                                             | -    |
-| --cell-color                     | _var(--text-color)_                                                       | -    |
-| --cell-background-color          | _var(--white)_                                                            | -    |
-| --cell-border-color              | _var(--border-color)_                                                     | -    |
-| --cell-value-color               | _var(--gray-6)_                                                           | -    |
-| --cell-active-color              | _var(--active-color)_                                                     | -    |
-| --cell-required-color            | _var(--danger-color)_                                                     | -    |
-| --cell-required-padding-right    | _2px \* $hd_                                                              | -    |
-| --cell-icon-size                 | _16px \* $hd_                                                             | -    |
-| --cell-icon-margin-left          | _4px \* $hd_                                                              | -    |
-| --cell-right-icon-margin-right   | _4px \* $hd_                                                              | -    |
-| --cell-brief-margin-top          | _var(--padding-base)_                                                     | -    |
-| --cell-brief-font-size           | _var(--font-size-sm)_                                                     | -    |
-| --cell-brief-line-height         | _var(--line-height-sm)_                                                   | -    |
-| --cell-brief-color               | _var(--gray-6)_                                                           | -    |
-| --cell-vertical-padding          | _10px \* $hd_                                                             | -    |
-| --cell-horizontal-padding        | _var(--padding-md)_                                                       | -    |
-| --cell-vertical-padding-large    | _var(--padding-sm)_                                                       | -    |
-| --cell-title-font-size-large     | _var(--font-size-lg)_                                                     | -    |
-| --cell-subtitle-font-size-large  | _var(--font-size-md)_                                                     | -    |
-| --cell-group-background-color    | _var(--white)_                                                            | -    |
-| --cell-group-title-color         | _var(--gray-6)_                                                           | -    |
-| --cell-group-title-padding       | _var(--padding-md) var(--padding-md) var(--padding-xs)_                   | -    |
-| --cell-group-title-font-size     | _var(--font-size-md)_                                                     | -    |
-| --cell-group-title-line-height   | _16px \* $hd_                                                             | -    |
-| --cell-group-inset-padding       | _0 var(--padding-md)_                                                     | -    |
-| --cell-group-inset-border-radius | _var(--border-radius-lg)_                                                 | -    |
-| --cell-group-inset-title-padding | _var(--padding-md) var(--padding-md) var(--padding-xs) var(--padding-xl)_ | -    |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 单元格字体大小 | `--cell-font-size` | `15px * $hd` |  |
+| 单元格行高 | `--cell-line-height` | `22px * $hd` |  |
+| 单元格颜色 | `--cell-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 单元格背景色 | `--cell-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 单元格边框颜色 | `--cell-border-color` | `var(--border-color, $border-color)` | --border-color → #E5E6EB（边框色） |
+| 单元格值颜色 | `--cell-value-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 单元格激活颜色 | `--cell-active-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+| 单元格必填星号颜色 | `--cell-required-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |
+| 单元格必填星号右侧内边距 | `--cell-required-padding-right` | `2px * $hd` |  |
+| 单元格图标大小 | `--cell-icon-size` | `16px * $hd` |  |
+| 单元格图标左侧外边距 | `--cell-icon-margin-left` | `4px * $hd` |  |
+| 单元格右侧图标右侧外边距 | `--cell-right-icon-margin-right` | `4px * $hd` |  |
+| 单元格描述顶部外边距 | `--cell-brief-margin-top` | `var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 单元格描述字体大小 | `--cell-brief-font-size` | `14px * $hd` |  |
+| 单元格描述行高 | `--cell-brief-line-height` | `var(--line-height-sm, $line-height-sm)` | --line-height-sm → 36px（小号行高） |
+| 单元格描述颜色 | `--cell-brief-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 单元格垂直内边距 | `--cell-vertical-padding` | `10px * $hd` |  |
+| 单元格水平内边距 | `--cell-horizontal-padding` | `16px * $hd` |  |
+| 单元格大号垂直内边距 | `--cell-vertical-padding-large` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 单元格大号标题字体大小 | `--cell-title-font-size-large` | `var(--font-size-lg, $font-size-lg)` | --font-size-lg → 32px（大号字号） |
+| 单元格大号副标题字体大小 | `--cell-subtitle-font-size-large` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+
+#### 单元格分组
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 单元格分组背景色 | `--cell-group-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 单元格分组标题颜色 | `--cell-group-title-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 单元格分组标题内边距 | `--cell-group-title-padding` | `var(--padding-md, $padding-md) var(--padding-md, $padding-md) var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 单元格分组标题字体大小 | `--cell-group-title-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 单元格分组标题行高 | `--cell-group-title-line-height` | `16px * $hd` |  |
+
+#### 单元格圆角分组
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 单元格分组圆角内边距 | `--cell-group-inset-padding` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 单元格分组圆角边框半径 | `--cell-group-inset-border-radius` | `var(--border-radius-lg, $border-radius-lg)` | --border-radius-lg → 16px（大号圆角） |
+| 单元格分组圆角标题内边距 | `--cell-group-inset-title-padding` | `var(--padding-md, $padding-md) var(--padding-md, $padding-md) var(--padding-xs, $padding-xs) var(--padding-xl, $padding-xl)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） --padding-xl → 64px（超大内边距） |

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

@@ -0,0 +1,27 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 复选框尺寸 | --checkbox-size | 20px | 20px |
+| 复选框字体大小 | --checkbox-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 复选框边框颜色 | --checkbox-border-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 复选框过渡时长 | --checkbox-transition-duration | var(--animation-duration-fast) | --animation-duration-fast → 0.2s（快速动画时长） |
+| 复选框间距 | --checkbox-gap | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 复选框标签外边距 | --checkbox-label-margin | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 复选框标签颜色 | --checkbox-label-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 复选框标签行高 | --checkbox-label-line-height | $checkbox-size |  |
+| 复选框禁用标签颜色 | --checkbox-disabled-label-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 复选框图标字体大小 | --checkbox-icon-font-size | $checkbox-size |  |
+| 复选框选中图标颜色 | --checkbox-checked-icon-color | var(--white) | --white → #FFFFFF（白色） |
+| 复选框选中图标边框颜色 | --checkbox-checked-icon-border-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 复选框选中图标背景色 | --checkbox-checked-icon-background-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 复选框禁用图标颜色 | --checkbox-disabled-icon-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 复选框禁用图标边框颜色 | --checkbox-disabled-icon-border-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 复选框禁用图标背景色 | --checkbox-disabled-icon-background-color | var(--border-color) | --border-color → #E5E6EB（边框色） |
+

package/metaData/components/checkbox/doc.md

@@ -183,21 +183,21 @@ function CheckboxWithCustomIcon() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                        | 默认值                              | 描述  |
-|-------------------------------------------|----------------------------------|-----|
-| --checkbox-size                           | _20px * $hd_                     | -   |
-| --checkbox-font-size                      | _var(--font-size-lg)_            | -   |
-| --checkbox-border-color                   | _var(--gray-5)_                  | -   |
-| --checkbox-transition-duration            | _var(--animation-duration-fast)_ | -   |
-| --checkbox-gap                            | _var(--padding-sm)_              | -   |
-| --checkbox-label-margin                   | _var(--padding-xs)_              | -   |
-| --checkbox-label-color                    | _var(--text-color)_              | -   |
-| --checkbox-label-line-height              | _var(--checkbox-size)_           | -   |
-| --checkbox-disabled-label-color           | _var(--gray-5)_                  | -   |
-| --checkbox-icon-font-size                 | _var(--checkbox-size)_           | -   |
-| --checkbox-checked-icon-color             | _var(--white)_                   | -   |
-| --checkbox-checked-icon-border-color      | _var(--primary-color)_           | -   |
-| --checkbox-checked-icon-background-color  | _var(--primary-color)_           | -   |
-| --checkbox-disabled-icon-color            | _var(--gray-5)_                  | -   |
-| --checkbox-disabled-icon-border-color     | _var(--gray-5)_                  | -   |
-| --checkbox-disabled-icon-background-color | _var(--border-color)_            | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 复选框尺寸 | `--checkbox-size` | `20px * $hd` |  |
+| 复选框字体大小 | `--checkbox-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 复选框边框颜色 | `--checkbox-border-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 复选框过渡时长 | `--checkbox-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s（快速动画时长） |
+| 复选框间距 | `--checkbox-gap` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 复选框标签外边距 | `--checkbox-label-margin` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 复选框标签颜色 | `--checkbox-label-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 复选框标签行高 | `--checkbox-label-line-height` | `$checkbox-size` |  |
+| 复选框禁用标签颜色 | `--checkbox-disabled-label-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 复选框图标字体大小 | `--checkbox-icon-font-size` | `$checkbox-size` |  |
+| 复选框选中图标颜色 | `--checkbox-checked-icon-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 复选框选中图标边框颜色 | `--checkbox-checked-icon-border-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 复选框选中图标背景色 | `--checkbox-checked-icon-background-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 复选框禁用图标颜色 | `--checkbox-disabled-icon-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 复选框禁用图标边框颜色 | `--checkbox-disabled-icon-border-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 复选框禁用图标背景色 | `--checkbox-disabled-icon-background-color` | `var(--border-color, $border-color)` | --border-color → #E5E6EB（边框色） |

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

@@ -0,0 +1,22 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 环形进度尺寸 | --circle-size | 100px | 100px |
+| 环形进度宽度 | --circle-width | $circle-size |  |
+| 环形进度高度 | --circle-height | $circle-size |  |
+| 环形进度颜色 | --circle-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 环形进度悬停描边 | --circle-hover-stroke | $circle-color |  |
+| 环形进度层级描边 | --circle-layer-stroke | var(--white) | --white → #FFFFFF（白色） |
+| 环形进度文字内边距 | --circle-text-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 环形进度文字颜色 | --circle-text-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 环形进度文字粗细 | --circle-text-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 环形进度文字字体大小 | --circle-text-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 环形进度文字行高 | --circle-text-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+

package/metaData/components/circle/doc.md

@@ -108,16 +108,16 @@ function BasicCircle({ percent }: PercentProps) {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                      | 默认值                    | 描述 |
-| ------------------------- | ------------------------- | ---- |
-| --circle-size             | _100px \* $hd_            | -    |
-| --circle-width            | _var(--circle-size)_      | -    |
-| --circle-height           | _var(--circle-size)_      | -    |
-| --circle-color            | _var(--primary-color)_    | -    |
-| --circle-hover-stroke     | _var(--circle-color)_     | -    |
-| --circle-layer-stroke     | _var(--white)_            | -    |
-| --circle-text-padding     | _0 var(--padding-base)_   | -    |
-| --circle-text-color       | _var(--text-color)_       | -    |
-| --circle-text-font-weight | _var(--font-weight-bold)_ | -    |
-| --circle-text-font-size   | _var(--font-size-md)_     | -    |
-| --circle-text-line-height | _var(--line-height-md)_   | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 环形进度尺寸 | `--circle-size` | `100px * $hd` |  |
+| 环形进度宽度 | `--circle-width` | `$circle-size` |  |
+| 环形进度高度 | `--circle-height` | `$circle-size` |  |
+| 环形进度颜色 | `--circle-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 环形进度悬停描边 | `--circle-hover-stroke` | `$circle-color` |  |
+| 环形进度层级描边 | `--circle-layer-stroke` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 环形进度文字内边距 | `--circle-text-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 环形进度文字颜色 | `--circle-text-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 环形进度文字粗细 | `--circle-text-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 环形进度文字字体大小 | `--circle-text-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 环形进度文字行高 | `--circle-text-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |

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

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