@fjyueke/bify-mcp 1.0.8 → 1.0.10

package/metaData/components/number-keyboard/doc.md

@@ -221,27 +221,37 @@ function RandomNumberKeyboard(props: KeyboardProps) {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                          | 默认值                                         | 描述  |
-|---------------------------------------------|---------------------------------------------|-----|
-| number-keyboard-z-index                     | _100_                                       | -   |
-| number-keyboard-background-color            | _var(--gray-2)_                             | -   |
-| number-keyboard-with-title-border-radius    | _20px * $hd 20px * $hd 0 0_                 | -   |
-| number-keyboard-header-color                | _var(--gray-7)_                             | -   |
-| number-keyboard-header-padding-top          | _6px * $hd_                                 | -   |
-| number-keyboard-header-height               | _34px * $hd_                                | -   |
-| number-keyboard-header-font-size            | _var(--font-size-lg)_                       | -   |
-| number-keyboard-key-height                  | _48px * $hd_                                | -   |
-| number-keyboard-key-font-size               | _28px * $hd_                                | -   |
-| number-keyboard-key-background-color        | _var(--white, $white)_                      | -   |
-| number-keyboard-key-border-radius           | _var(--border-radius-lg)_                   | -   |
-| number-keyboard-key-line-height             | _1.5_                                       | -   |
-| number-keyboard-key-active-background-color | _var(--gray-3)_                             | -   |
-| number-keyboard-key-active-opacity          | _var(--active-opacity)_                     | -   |
-| number-keyboard-large-key-font-size         | _var(--font-size-lg)_                       | -   |
-| number-keyboard-hide-padding                | _0 var(--padding-md)_                       | -   |
-| number-keyboard-hide-font-size              | _24px * $hd_                                | -   |
-| number-keyboard-hide-color                  | _var(--text-link-color)_                    | -   |
-| number-keyboard-hide-active-opacity         | _var(--number-keyboard-key-active-opacity)_ | -   |
-| number-keyboard-backspace-font-size         | _22px * $hd_                                | -   |
-| number-keyboard-button-color                | _var(--white)_                              | -   |
-| number-keyboard-button-background-color     | _var(--primary-color)_                      | -   |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘层级 | `--number-keyboard-z-index` | `100` |  |
+| 数字键盘背景色 | `--number-keyboard-background-color` | `var(--gray-2, $gray-2)` | --gray-2 → #F2F3F5（灰2） |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘头部颜色 | `--number-keyboard-header-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 数字键盘头部顶部内边距 | `--number-keyboard-header-padding-top` | `6px * $hd` |  |
+| 数字键盘头部高度 | `--number-keyboard-header-height` | `34px * $hd` |  |
+
+#### 按键样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘按键高度 | `--number-keyboard-key-height` | `48px * $hd` |  |
+| 数字键盘按键字体大小 | `--number-keyboard-key-font-size` | `28px * $hd` |  |
+| 数字键盘按键行高 | `--number-keyboard-key-line-height` | `1.5` |  |
+
+#### 退格按键
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘退格按键字体大小 | `--number-keyboard-backspace-font-size` | `22px * $hd` |  |
+
+#### 确认按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘按钮颜色 | `--number-keyboard-button-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |

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

@@ -0,0 +1,23 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 分页高度 | --pagination-height | 40px | 40px |
+| 分页字体大小 | --pagination-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 分页背景色 | --pagination-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 分页项最小宽度 | --pagination-item-min-width | 36px | 36px |
+| 分页项颜色 | --pagination-item-color | $primary-color |  |
+| 分页项激活颜色 | --pagination-item-active-color | var(--white) | --white → #FFFFFF（白色） |
+| 分页项激活背景色 | --pagination-item-active-background-color | $pagination-item-color |  |
+| 分页项禁用颜色 | --pagination-item-disabled-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 分页项禁用背景色 | --pagination-item-disabled-background-color | var(--background-color) | --background-color → #F7F8FA（背景色） |
+| 分页项禁用透明度 | --pagination-item-disabled-opacity | var(--disabled-opacity) | --disabled-opacity → 0.5（禁用透明度） |
+| 分页按钮内边距 | --pagination-button-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 分页描述颜色 | --pagination-desc-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+

package/metaData/components/pagination/doc.md

@@ -97,17 +97,17 @@ function PaginationWithCustomButton() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                        | 默认值                         | 描述 |
-| ------------------------------------------- | ------------------------------ | ---- |
-| --pagination-height                         | _40px \* $hd_                  | -    |
-| --pagination-font-size                      | _var(--font-size-md)_          | -    |
-| --pagination-background-color               | _var(--white)_                 | -    |
-| --pagination-item-min-width                 | _36px \* $hd_                  | -    |
-| --pagination-item-color                     | _var(--blue)_                  | -    |
-| --pagination-item-active-color              | _var(--white)_                 | -    |
-| --pagination-item-active-background-color   | _var(--pagination-item-color)_ | -    |
-| --pagination-item-disabled-color            | _var(--gray-7)_                | -    |
-| --pagination-item-disabled-background-color | _var(--background-color)_      | -    |
-| --pagination-item-disabled-opacity          | _var(--disabled-opacity)_      | -    |
-| --pagination-button-padding                 | _0 var(--padding-base)_        | -    |
-| --pagination-desc-color                     | _var(--gray-7)_                | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 分页高度 | `--pagination-height` | `40px * $hd` |  |
+| 分页字体大小 | `--pagination-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 分页背景色 | `--pagination-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 分页项最小宽度 | `--pagination-item-min-width` | `36px * $hd` |  |
+| 分页项颜色 | `--pagination-item-color` | `$primary-color` |  |
+| 分页项激活颜色 | `--pagination-item-active-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 分页项激活背景色 | `--pagination-item-active-background-color` | `$pagination-item-color` |  |
+| 分页项禁用颜色 | `--pagination-item-disabled-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 分页项禁用背景色 | `--pagination-item-disabled-background-color` | `var(--background-color, $background-color)` | --background-color → #F7F8FA（背景色） |
+| 分页项禁用透明度 | `--pagination-item-disabled-opacity` | `var(--disabled-opacity, $disabled-opacity)` | --disabled-opacity → 0.5（禁用透明度） |
+| 分页按钮内边距 | `--pagination-button-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 分页描述颜色 | `--pagination-desc-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |

package/metaData/components/password-input/css-variables.md

@@ -0,0 +1,47 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框高度 | --password-input-height | 50px | 50px |
+| 密码输入框外边距 | --password-input-margin | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 密码输入框圆角 | --password-input-border-radius | 6px | 6px |
+| 密码输入框项字体大小 | --password-input-item-font-size | 20px | 20px |
+| 密码输入框项背景色 | --password-input-item-background-color | var(--white) | --white → #FFFFFF（白色） |
+
+#### 掩码样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框掩码尺寸 | --password-input-mask-size | 10px | 10px |
+| 密码输入框掩码宽度 | --password-input-mask-width | $password-input-mask-size |  |
+| 密码输入框掩码高度 | --password-input-mask-height | $password-input-mask-size |  |
+| 密码输入框掩码颜色 | --password-input-mask-color | var(--black) | --black → #000000（黑色） |
+
+#### 光标样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框光标颜色 | --password-input-cursor-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 密码输入框光标宽度 | --password-input-cursor-width | 1px | 1px |
+| 密码输入框光标高度 | --password-input-cursor-height | 40% |  |
+| 密码输入框光标动画时长 | --password-input-cursor-animation-duration | 1s |  |
+
+#### 反馈样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框反馈顶部外边距 | --password-input-feedback-margin-top | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 密码输入框反馈字体大小 | --password-input-feedback-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 密码输入框反馈颜色 | --password-input-feedback-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 密码输入框反馈主要颜色 | --password-input-feedback-primary-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 密码输入框反馈信息颜色 | --password-input-feedback-info-color | var(--info-color) | --info-color → #165DFF（信息色） |
+| 密码输入框反馈成功颜色 | --password-input-feedback-success-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 密码输入框反馈警告颜色 | --password-input-feedback-warning-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 密码输入框反馈危险颜色 | --password-input-feedback-danger-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+

package/metaData/components/password-input/doc.md

@@ -101,26 +101,43 @@ function BasicPasswordInput() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                       | 默认值                               | 描述  |
-|------------------------------------------|-----------------------------------|-----|
-| password-input-height                    | _50px * $hd_                      | -   |
-| password-input-margin                    | _0 var(--padding-md)_             | -   |
-| password-input-border-radius             | _6px * $hd_                       | -   |
-| password-input-item-font-size            | _20px * $hd_                      | -   |
-| password-input-item-background-color     | _var(--white)_                    | -   |
-| password-input-mask-size                 | _10px * $hd_                      | -   |
-| password-input-mask-width                | _var(--password-input-mask-size)_ | -   |
-| password-input-mask-height               | _var(--password-input-mask-size)_ | -   |
-| password-input-mask-color                | _var(--black)_                    | -   |
-| password-input-cursor-color              | _var(--text-color)_               | -   |
-| password-input-cursor-width              | _1px * $hd_                       | -   |
-| password-input-cursor-height             | _40%_                             | -   |
-| password-input-cursor-animation-duration | _1s_                              | -   |
-| password-input-feedback-margin-top       | _var(--padding-md)_               | -   |
-| password-input-feedback-font-size        | _var(--font-size-md)_             | -   |
-| password-input-feedback-color            | _var(--gray-6)_                   | -   |
-| password-input-feedback-primary-color    | _var(--primary-color)_            | -   |
-| password-input-feedback-info-color       | _var(--info-color)_               | -   |
-| password-input-feedback-success-color    | _var(--success-color)_            | -   |
-| password-input-feedback-warning-color    | _var(--warning-color)_            | -   |
-| password-input-feedback-danger-color     | _var(--danger-color)_             | -   |
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框高度 | `--password-input-height` | `50px * $hd` |  |
+| 密码输入框外边距 | `--password-input-margin` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 密码输入框圆角 | `--password-input-border-radius` | `6px * $hd` |  |
+| 密码输入框项字体大小 | `--password-input-item-font-size` | `20px * $hd` |  |
+| 密码输入框项背景色 | `--password-input-item-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+
+#### 掩码样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框掩码尺寸 | `--password-input-mask-size` | `10px * $hd` |  |
+| 密码输入框掩码宽度 | `--password-input-mask-width` | `$password-input-mask-size` |  |
+| 密码输入框掩码高度 | `--password-input-mask-height` | `$password-input-mask-size` |  |
+| 密码输入框掩码颜色 | `--password-input-mask-color` | `var(--black, $black)` | --black → #000000（黑色） |
+
+#### 光标样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框光标颜色 | `--password-input-cursor-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 密码输入框光标宽度 | `--password-input-cursor-width` | `1px * $hd` |  |
+| 密码输入框光标高度 | `--password-input-cursor-height` | `40%` |  |
+| 密码输入框光标动画时长 | `--password-input-cursor-animation-duration` | `1s` |  |
+
+#### 反馈样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 密码输入框反馈顶部外边距 | `--password-input-feedback-margin-top` | `var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 密码输入框反馈字体大小 | `--password-input-feedback-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 密码输入框反馈颜色 | `--password-input-feedback-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 密码输入框反馈主要颜色 | `--password-input-feedback-primary-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 密码输入框反馈信息颜色 | `--password-input-feedback-info-color` | `var(--info-color, $info-color)` | --info-color → #165DFF（信息色） |
+| 密码输入框反馈成功颜色 | `--password-input-feedback-success-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 密码输入框反馈警告颜色 | `--password-input-feedback-warning-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 密码输入框反馈危险颜色 | `--password-input-feedback-danger-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |

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

@@ -0,0 +1,12 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 选择器滑动过渡时长 | --picker-swipe-transition-duration | 800ms |  |
+

package/metaData/components/picker/doc.md

@@ -314,23 +314,15 @@ function ManualPicker() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                       | 默认值                                    | 描述 |
-| ------------------------------------------ | ----------------------------------------- | ---- |
-| --picker-background-color                  | _var(--white)_                            | -    |
-| --picker-toolbar-height                    | _44px \* $hd_                             | -    |
-| --picker-title-font-size                   | _var(--font-size-lg)_                     | -    |
-| --picker-title-line-height                 | _var(--line-height-md)_                   | -    |
-| --picker-action-padding                    | _0 var(--padding-md)_                     | -    |
-| --picker-action-font-size                  | _var(--font-size-md)_                     | -    |
-| --picker-confirm-action-color              | _var(--text-link-color)_                  | -    |
-| --picker-cancel-action-color               | _var(--gray-6)_                           | -    |
-| --picker-swipe-transition-duration         | _800ms_                                   | -    |
-| --picker-column-transition-zero-duration   | _0_                                       | -    |
-| --picker-column-transition-switch-duration | _200ms_                                   | -    |
-| --picker-column-transition-duration        | _var(--picker-swipe-transition-duration)_ | -    |
-| --picker-option-color                      | _var(--black)_                            | -    |
-| --picker-option-padding                    | _0 var(--padding-base)_                   | -    |
-| --picker-option-font-size                  | _var(--font-size-lg)_                     | -    |
-| --picker-option-disabled-opacity           | _0.3_                                     | -    |
-| --picker-loading-icon-color                | _var(--primary-color)_                    | -    |
-| --picker-loading-mask-color                | _rgba(255, 255, 255, 0.9)_                | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--white` | `$white` |  |
+|  | `--font-size-lg` | `$font-size-lg` |  |
+|  | `--line-height-md` | `$line-height-md` |  |
+|  | `--font-size-md` | `$font-size-md` |  |
+|  | `--text-link-color` | `$primary-color` |  |
+|  | `--gray-6` | `$gray-6` |  |
+| 选择器滑动过渡时长 | `--picker-swipe-transition-duration` | `800ms` |  |
+|  | `--black` | `$black` |  |
+|  | `--font-size-lg` | `$font-size-lg` |  |
+|  | `--primary-color` | `$primary-color` |  |

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

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 弹出层层级 | --popup-z-index | 1010 |  |
+| 弹出层背景色 | --popup-background-color | var(--background-color-light) | --background-color → #F7F8FA（背景色） --background-color-light → #FFFFFF（浅色背景） |
+| 弹出层动画时长 | --popup-animation-duration | var(--animation-duration-base) | --animation-duration-base → 0.3s（基础动画时长） |
+| 弹出层圆角 | --popup-rounded-border-radius | 8px | 8px |
+| 弹出层关闭图标层级 | --popup-close-icon-z-index | 1 |  |
+| 弹出层关闭图标尺寸 | --popup-close-icon-size | 22px | 22px |
+| 弹出层关闭图标颜色 | --popup-close-icon-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 弹出层关闭图标激活颜色 | --popup-close-icon-active-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 弹出层关闭图标外边距 | --popup-close-icon-margin | 16px | 16px |
+

package/metaData/components/popup/doc.md

@@ -137,14 +137,14 @@ import { Popup } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                            | 默认值                           | 描述 |
-| ------------------------------- | -------------------------------- | ---- |
-| --popup-z-index                 | _1010_                           | -    |
-| --popup-background-color        | _var(--background-color-light)_  | -    |
-| --popup-animation-duration      | _var(--animation-duration-base)_ | -    |
-| --popup-rounded-border-radius   | _16px \* $hd_                    | -    |
-| --popup-close-icon-z-index      | _1_                              | -    |
-| --popup-close-icon-size         | _22px \* $hd_                    | -    |
-| --popup-close-icon-color        | _var(--gray-5)_                  | -    |
-| --popup-close-icon-active-color | _var(--gray-6)_                  | -    |
-| --popup-close-icon-margin       | _16px \* $hd_                    | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 弹出层层级 | `--popup-z-index` | `1010` |  |
+| 弹出层背景色 | `--popup-background-color` | `var(--background-color-light, $background-color-light)` | --background-color → #F7F8FA（背景色） --background-color-light → #FFFFFF（浅色背景） |
+| 弹出层动画时长 | `--popup-animation-duration` | `var(--animation-duration-base, $animation-duration-base)` | --animation-duration-base → 0.3s（基础动画时长） |
+| 弹出层圆角 | `--popup-rounded-border-radius` | `8px * $hd` |  |
+| 弹出层关闭图标层级 | `--popup-close-icon-z-index` | `1` |  |
+| 弹出层关闭图标尺寸 | `--popup-close-icon-size` | `22px * $hd` |  |
+| 弹出层关闭图标颜色 | `--popup-close-icon-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 弹出层关闭图标激活颜色 | `--popup-close-icon-active-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 弹出层关闭图标外边距 | `--popup-close-icon-margin` | `16px * $hd` |  |

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

@@ -0,0 +1,21 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 进度条高度 | --progress-height | 14px | 14px |
+| 进度条圆角 | --progress-border-radius | $progress-height |  |
+| 进度条背景色 | --progress-background-color | var(--gray-3) | --gray-3 → #E5E6EB（灰3） |
+| 进度条分段字体大小 | --progress-portion-font-size | var(--font-size-xs) | --font-size-xs → 20px（最小字号） |
+| 进度条非活动背景色 | --progress-inactive-background-color | #cacaca |  |
+| 进度条主要分段背景色 | --progress-portion-primary-background-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 进度条信息分段背景色 | --progress-portion-info-background-color | var(--info-color) | --info-color → #165DFF（信息色） |
+| 进度条成功分段背景色 | --progress-portion-success-background-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 进度条警告分段背景色 | --progress-portion-warning-background-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 进度条危险分段背景色 | --progress-portion-danger-background-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+

package/metaData/components/progress/doc.md

@@ -90,16 +90,16 @@ import { Progress } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                        | 默认值                   | 描述 |
-| ------------------------------------------- | ------------------------ | ---- |
-| --progress-height                           | _14px \* $hd_            | -    |
-| --progress-border-radius                    | _var(--progress-height)_ | -    |
-| --progress-background-color                 | _var(--gray-3)_          | -    |
-| --progress-portion-color                    | _var(--white)_           | -    |
-| --progress-portion-font-size                | _var(--font-size-xs)_    | -    |
-| --progress-inactive-background-color        | _#cacaca_                | -    |
-| --progress-portion-primary-background-color | _var(--primary-color)_   | -    |
-| --progress-portion-info-background-color    | _var(--info-color)_      | -    |
-| --progress-portion-success-background-color | _var(--success-color)_   | -    |
-| --progress-portion-warning-background-color | _var(--warning-color)_   | -    |
-| --progress-portion-danger-background-color  | _var(--danger-color)_    | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 进度条高度 | `--progress-height` | `14px * $hd` |  |
+| 进度条圆角 | `--progress-border-radius` | `$progress-height` |  |
+| 进度条背景色 | `--progress-background-color` | `var(--gray-3, $gray-3)` | --gray-3 → #E5E6EB（灰3） |
+|  | `--progress-portion-text-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 进度条分段字体大小 | `--progress-portion-font-size` | `var(--font-size-xs, $font-size-xs)` | --font-size-xs → 20px（最小字号） |
+| 进度条非活动背景色 | `--progress-inactive-background-color` | `#cacaca` |  |
+| 进度条主要分段背景色 | `--progress-portion-primary-background-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 进度条信息分段背景色 | `--progress-portion-info-background-color` | `var(--info-color, $info-color)` | --info-color → #165DFF（信息色） |
+| 进度条成功分段背景色 | `--progress-portion-success-background-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 进度条警告分段背景色 | `--progress-portion-warning-background-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 进度条危险分段背景色 | `--progress-portion-danger-background-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |

package/metaData/components/pull-refresh/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉刷新头部高度 | --pull-refresh-head-height | 50px | 50px |
+| 下拉刷新头部行高 | --pull-refresh-head-line-height | $pull-refresh-head-height |  |
+| 下拉刷新头部字体大小 | --pull-refresh-head-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 下拉刷新头部颜色 | --pull-refresh-head-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 下拉刷新加载图标尺寸 | --pull-refresh-loading-icon-size | 16px | 16px |
+| 下拉刷新加载图标宽度 | --pull-refresh-loading-icon-width | $pull-refresh-loading-icon-size |  |
+| 下拉刷新加载图标高度 | --pull-refresh-loading-icon-height | $pull-refresh-loading-icon-size |  |
+

package/metaData/components/pull-refresh/doc.md

@@ -187,12 +187,12 @@ function BasicPullRefresh() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                 | 默认值                                     | 描述  |
-|------------------------------------|-----------------------------------------|-----|
-| --pull-refresh-head-height         | _50px * $hd_                            | -   |
-| --pull-refresh-head-line-height    | _var(--pull-refresh-head-height)_       | -   |
-| --pull-refresh-head-font-size      | _var(--font-size-md)_                   | -   |
-| --pull-refresh-head-color          | _var(--gray-6)_                         | -   |
-| --pull-refresh-loading-icon-size   | _16px * $hd_                            | -   |
-| --pull-refresh-loading-icon-width  | _var(--pull-refresh-loading-icon-size)_ | -   |
-| --pull-refresh-loading-icon-height | _var(--pull-refresh-loading-icon-size)_ | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 下拉刷新头部高度 | `--pull-refresh-head-height` | `50px * $hd` |  |
+| 下拉刷新头部行高 | `--pull-refresh-head-line-height` | `$pull-refresh-head-height` |  |
+| 下拉刷新头部字体大小 | `--pull-refresh-head-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 下拉刷新头部颜色 | `--pull-refresh-head-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 下拉刷新加载图标尺寸 | `--pull-refresh-loading-icon-size` | `16px * $hd` |  |
+| 下拉刷新加载图标宽度 | `--pull-refresh-loading-icon-width` | `$pull-refresh-loading-icon-size` |  |
+| 下拉刷新加载图标高度 | `--pull-refresh-loading-icon-height` | `$pull-refresh-loading-icon-size` |  |

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

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

package/metaData/components/radio/doc.md

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

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

@@ -0,0 +1,16 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 评分图标尺寸 | --rate-icon-size | 20px | 20px |
+| 评分图标间距 | --rate-icon-gutter | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 评分图标空颜色 | --rate-icon-empty-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 评分图标满颜色 | --rate-icon-full-color | $primary-color |  |
+| 评分图标禁用颜色 | --rate-icon-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+

package/metaData/components/rate/doc.md

@@ -113,10 +113,10 @@ import { Rate } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                       | 默认值                   | 描述  |
-|--------------------------|-----------------------|-----|
-| rate-icon-size           | _20px * $hd_          | -   |
-| rate-icon-gutter         | _var(--padding-base)_ | -   |
-| rate-icon-empty-color    | _var(--gray-5)_       | -   |
-| rate-icon-full-color     | _var(--danger-color)_ | -   |
-| rate-icon-disabled-color | _var(--gray-5)_       | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 评分图标尺寸 | `--rate-icon-size` | `20px * $hd` |  |
+| 评分图标间距 | `--rate-icon-gutter` | `var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 评分图标空颜色 | `--rate-icon-empty-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 评分图标满颜色 | `--rate-icon-full-color` | `$primary-color` |  |
+| 评分图标禁用颜色 | `--rate-icon-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |

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

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 滚动文字字体大小 | --rolling-text-font-size | $font-size-md |  |
+| 滚动文字颜色 | --rolling-text-color | $text-color |  |
+| 滚动文字间距 | --rolling-text-gap | 0 |  |
+| 滚动文字项宽度 | --rolling-text-item-width | 30px | 30px |
+| 滚动文字项圆角 | --rolling-text-item-border-radius | 0 |  |
+| 滚动文字背景 | --rolling-text-background | inherit |  |
+| 滚动文字动画时长 | --rolling-text-duration | $animation-duration-base |  |
+| 滚动文字延迟 | --rolling-text-delay |  |  |
+| 滚动文字偏移 | --rolling-text-translate |  |  |
+

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

@@ -143,11 +143,14 @@ function HandRollingText() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                              | 默认值    | 描述             |
-| --------------------------------- | --------- | ---------------- |
-| --rolling-text-background         | _inherit_ | 单个数位背景色   |
-| --rolling-text-color              | _#323233_ | 数字颜色         |
-| --rolling-text-font-size          | _28px_    | 字体大小         |
-| --rolling-text-gap                | _0px_     | 数位之间的间隔   |
-| --rolling-text-item-width         | _30px_    | 单个数位宽度     |
-| --rolling-text-item-border-radius | _0px_     | 单个数位边框圆角 |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 滚动文字字体大小 | `--rolling-text-font-size` | `$font-size-md` |  |
+| 滚动文字颜色 | `--rolling-text-color` | `$text-color` |  |
+| 滚动文字间距 | `--rolling-text-gap` | `0` |  |
+| 滚动文字项宽度 | `--rolling-text-item-width` | `30px` |  |
+| 滚动文字项圆角 | `--rolling-text-item-border-radius` | `0` |  |
+| 滚动文字背景 | `--rolling-text-background` | `inherit` |  |
+| 滚动文字动画时长 | `--rolling-text-duration` | `$animation-duration-base` |  |
+| 滚动文字延迟 | `--rolling-text-delay` | `` |  |
+| 滚动文字偏移 | `--rolling-text-translate` | `` |  |