@fjyueke/bify-mcp 1.0.8 → 1.0.10

package/metaData/components/button/doc.md

@@ -195,41 +195,93 @@ import { Button } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                | 默认值                                      | 描述  |
-|-----------------------------------|------------------------------------------|-----|
-| --button-line-height              | _1.2_                                    | -   |
-| --button-border-width             | _var(--border-width-base)_               | -   |
-| --button-border-radius            | _var(--border-radius-sm)_                | -   |
-| --button-border-radius-max        | _var(--border-radius-max)_               | -   |
-| --button-transition-duration      | _var(--animation-duration-fast)_         | -   |
-| --button-disabled-opacity         | _var(--disabled-opacity)_                | -   |
-| --button-loading-icon-size        | _20px * $hd_                             | -   |
-| --button-height-mini              | _24px * $hd_                             | -   |
-| --button-padding-mini             | _0 var(--padding-base)_                  | -   |
-| --button-font-size-mini           | _var(--font-size-xs)_                    | -   |
-| --button-height-small             | _32px * $hd_                             | -   |
-| --button-padding-small            | _0 var(--padding-xs)_                    | -   |
-| --button-font-size-small          | _var(--font-size-sm)_                    | -   |
-| --button-height-medium            | _44px * $hd_                             | -   |
-| --button-padding-medium           | _0 var(--padding-md)_                    | -   |
-| --button-font-size-medium         | _var(--font-size-md)_                    | -   |
-| --button-height-large             | _50px * $hd_                             | -   |
-| --button-font-size-large          | _var(--font-size-lg)_                    | -   |
-| --button-default-color            | _var(--text-color)_                      | -   |
-| --button-default-background-color | _var(--white)_                           | -   |
-| --button-default-border-color     | _var(--border-color)_                    | -   |
-| --button-primary-color            | _var(--white)_                           | -   |
-| --button-primary-background-color | _var(--primary-color)_                   | -   |
-| --button-primary-border-color     | _var(--button-primary-background-color)_ | -   |
-| --button-info-color               | _var(--white)_                           | -   |
-| --button-info-background-color    | _var(--info-color)_                      | -   |
-| --button-info-border-color        | _var(--button-info-background-color)_    | -   |
-| --button-success-color            | _var(--white)_                           | -   |
-| --button-success-background-color | _var(--success-color)_                   | -   |
-| --button-success-border-color     | _var(--button-success-background-color)_ | -   |
-| --button-warning-color            | _var(--white)_                           | -   |
-| --button-warning-background-color | _var(--warning-color)_                   | -   |
-| --button-warning-border-color     | _var(--button-warning-background-color)_ | -   |
-| --button-danger-color             | _var(--white)_                           | -   |
-| --button-danger-background-color  | _var(--danger-color)_                    | -   |
-| --button-danger-border-color      | _var(--button-danger-background-color)_  | -   |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 按钮行高 | `--button-line-height` | `1.2` |  |
+| 按钮边框宽度 | `--button-border-width` | `var(--border-width-base, $border-width-base)` | --border-width-base → 2px（基础边框宽度） |
+| 按钮圆角 | `--button-border-radius` | `2px * $hd` |  |
+| 按钮最大圆角 | `--button-border-radius-max` | `var(--border-radius-max, $border-radius-max)` | --border-radius-max → 999px（最大圆角） |
+| 按钮过渡时长 | `--button-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s（快速动画时长） |
+| 按钮禁用透明度 | `--button-disabled-opacity` | `var(--disabled-opacity, $disabled-opacity)` | --disabled-opacity → 0.5（禁用透明度） |
+| 按钮加载图标尺寸 | `--button-loading-icon-size` | `20px * $hd` |  |
+| 信息按钮文字颜色 | `--button-color-info` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+
+#### 迷你按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 迷你按钮高度 | `--button-height-mini` | `24px * $hd` |  |
+| 迷你按钮内边距 | `--button-padding-mini` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 迷你按钮字体大小 | `--button-font-size-mini` | `var(--font-size-xs, $font-size-xs)` | --font-size-xs → 20px（最小字号） |
+
+#### 小号按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 小号按钮高度 | `--button-height-small` | `28px * $hd` |  |
+| 小号按钮内边距 | `--button-padding-small` | `0 var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 小号按钮字体大小 | `--button-font-size-small` | `14px * $hd` |  |
+
+#### 中号按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 中号按钮高度 | `--button-height-medium` | `32px * $hd` |  |
+| 中号按钮内边距 | `--button-padding-medium` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 中号按钮字体大小 | `--button-font-size-medium` | `14px * $hd` |  |
+
+#### 大号按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 大号按钮高度 | `--button-height-large` | `36px * $hd` |  |
+| 大号按钮字体大小 | `--button-font-size-large` | `15px * $hd` |  |
+
+#### 默认按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 默认按钮文字颜色 | `--button-default-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 默认按钮背景色 | `--button-default-background-color` | `var(--white, $background-color-2)` | --white → #FFFFFF（白色） |
+| 默认按钮边框颜色 | `--button-default-border-color` | `var(--border-color, $gray-4)` | --border-color → #E5E6EB（边框色） |
+
+#### 主要按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 主要按钮文字颜色 | `--button-primary-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 主要按钮背景色 | `--button-primary-background-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 主要按钮边框颜色 | `--button-primary-border-color` | `$button-primary-background-color` |  |
+
+#### 信息按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 信息按钮背景色 | `--button-info-background-color` | `var(--info-color, $info-color)` | --info-color → #165DFF（信息色） |
+| 信息按钮边框颜色 | `--button-info-border-color` | `$button-info-background-color` |  |
+
+#### 成功按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 成功按钮文字颜色 | `--button-success-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 成功按钮背景色 | `--button-success-background-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 成功按钮边框颜色 | `--button-success-border-color` | `$button-success-background-color` |  |
+
+#### 警告按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 警告按钮文字颜色 | `--button-warning-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 警告按钮背景色 | `--button-warning-background-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 警告按钮边框颜色 | `--button-warning-border-color` | `$button-warning-background-color` |  |
+
+#### 危险按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 危险按钮文字颜色 | `--button-danger-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 危险按钮背景色 | `--button-danger-background-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |
+| 危险按钮边框颜色 | `--button-danger-border-color` | `$button-danger-background-color` |  |

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（边框色） |
+