@fjyueke/bify-mcp 1.0.9 → 1.0.10

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` | `` |  |

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

@@ -0,0 +1,30 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 搜索框内边距 | --search-padding | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 搜索框背景色 | --search-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 搜索框内容左侧内边距 | --search-content-padding-left | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 搜索框内容背景色 | --search-content-background-color | var(--gray-1) | --gray-1 → #F7F8FA（灰1） |
+| 搜索框内容圆角 | --search-content-border-radius | var(--border-radius-sm) | --border-radius-sm → 4px（小号圆角） |
+| 搜索框内容方形圆角 | --search-content-square-border-radius | 0 |  |
+| 搜索框内容圆形圆角 | --search-content-rounded-border-radius | var(--border-radius-max) | --border-radius-max → 999px（最大圆角） |
+| 搜索框输入高度 | --search-input-height | 34px | 34px |
+| 搜索框标签内边距 | --search-label-padding | 0 5px | 0 5px |
+| 搜索框标签颜色 | --search-label-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 搜索框标签字体大小 | --search-label-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 搜索框标签行高 | --search-label-line-height | $search-input-height |  |
+| 搜索框字段内边距 | --search-field-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 搜索框左侧图标颜色 | --search-left-icon-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 搜索框操作按钮内边距 | --search-action-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 搜索框操作按钮颜色 | --search-action-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 搜索框操作按钮行高 | --search-action-line-height | $search-input-height |  |
+| 搜索框操作按钮字体大小 | --search-action-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 搜索框操作按钮激活背景色 | --search-action-active-background-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+

package/metaData/components/search/doc.md

@@ -162,24 +162,24 @@ function CustomSearch() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                    | 默认值                                    | 描述 |
-| --------------------------------------- | ----------------------------------------- | ---- |
-| --search-padding                        | _10px \* $hd var(--padding-sm)_           | -    |
-| --search-background-color               | _var(--white)_                            | -    |
-| --search-content-padding-left           | _var(--padding-sm)_                       | -    |
-| --search-content-background-color       | _var(--gray-1)_                           | -    |
-| --search-content-border-radius          | _var(--border-radius-sm)_                 | -    |
-| --search-content-square-border-radius   | _0_                                       | -    |
-| --search-content-rounded-border-radius  | _var(--border-radius-max)_                | -    |
-| --search-input-height                   | _34px \* $hd_                             | -    |
-| --search-label-padding                  | _0 5px \* $hd_                            | -    |
-| --search-label-color                    | _var(--text-color)_                       | -    |
-| --search-label-font-size                | _var(--font-size-md)_                     | -    |
-| --search-label-line-height              | _var(--search-input-height)_              | -    |
-| --search-field-padding                  | _5px * $hd var(--padding-xs) 5px * $hd 0_ | -    |
-| --search-left-icon-color                | _var(--gray-6)_                           | -    |
-| --search-action-padding                 | _0 var(--padding-xs)_                     | -    |
-| --search-action-color                   | _var(--text-color)_                       | -    |
-| --search-action-line-height             | _var(--search-input-height)_              | -    |
-| --search-action-font-size               | _var(--font-size-md)_                     | -    |
-| --search-action-active-background-color | _var(--active-color)_                     | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 搜索框内边距 | `--search-padding` | `10px * $hd var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 搜索框背景色 | `--search-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 搜索框内容左侧内边距 | `--search-content-padding-left` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 搜索框内容背景色 | `--search-content-background-color` | `var(--gray-1, $gray-1)` | --gray-1 → #F7F8FA（灰1） |
+| 搜索框内容圆角 | `--search-content-border-radius` | `var(--border-radius-sm, $border-radius-sm)` | --border-radius-sm → 4px（小号圆角） |
+| 搜索框内容方形圆角 | `--search-content-square-border-radius` | `0` |  |
+| 搜索框内容圆形圆角 | `--search-content-rounded-border-radius` | `var(--border-radius-max, $border-radius-max)` | --border-radius-max → 999px（最大圆角） |
+| 搜索框输入高度 | `--search-input-height` | `34px * $hd` |  |
+| 搜索框标签内边距 | `--search-label-padding` | `0 5px * $hd` |  |
+| 搜索框标签颜色 | `--search-label-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 搜索框标签字体大小 | `--search-label-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 搜索框标签行高 | `--search-label-line-height` | `$search-input-height` |  |
+| 搜索框字段内边距 | `--search-field-padding` | `5px * $hd var(--padding-xs, $padding-xs) 5px * $hd 0` | --padding-xs → 16px（最小内边距） |
+| 搜索框左侧图标颜色 | `--search-left-icon-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 搜索框操作按钮内边距 | `--search-action-padding` | `0 var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 搜索框操作按钮颜色 | `--search-action-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 搜索框操作按钮行高 | `--search-action-line-height` | `$search-input-height` |  |
+| 搜索框操作按钮字体大小 | `--search-action-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 搜索框操作按钮激活背景色 | `--search-action-active-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |

package/metaData/components/share-sheet/css-variables.md

@@ -0,0 +1,26 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 分享面板描述字体大小 | --share-sheet-description-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 分享面板选项内边距 | --share-sheet-options-padding | var(--padding-md) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 分享面板选项图标外边距 | --share-sheet-option-icon-margin | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 分享面板选项图标尺寸 | --share-sheet-option-icon-size | 48px | 48px |
+| 分享面板选项图标宽度 | --share-sheet-option-icon-width | $share-sheet-option-icon-size |  |
+| 分享面板选项图标高度 | --share-sheet-option-icon-height | $share-sheet-option-icon-size |  |
+| 分享面板选项图标字体大小 | --share-sheet-option-icon-font-size | $share-sheet-option-icon-size |  |
+| 分享面板选项名称内边距 | --share-sheet-option-name-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 分享面板选项名称顶部外边距 | --share-sheet-option-name-margin-top | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 分享面板选项名称颜色 | --share-sheet-option-name-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 分享面板选项名称字体大小 | --share-sheet-option-name-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 分享面板选项名称行高 | --share-sheet-option-name-line-height | 1.4 |  |
+| 分享面板选项描述内边距 | --share-sheet-option-description-padding | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 分享面板选项描述颜色 | --share-sheet-option-description-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 分享面板选项描述字体大小 | --share-sheet-option-description-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+