@fjyueke/bify-mcp 1.0.9 → 1.0.10

package/metaData/components/share-sheet/doc.md

@@ -177,25 +177,23 @@ function ShareSheetWithDescription() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                         | 默认值                                                       | 描述  |
-|--------------------------------------------|-----------------------------------------------------------|-----|
-| --share-sheet-description-font-size        | _var(--font-size-sm)_                                     | -   |
-| --share-sheet-options-padding              | _var(--padding-md) 0 var(--padding-md) var(--padding-xs)_ | -   |
-| --share-sheet-option-icon-margin           | _0 var(--padding-md)_                                     | -   |
-| --share-sheet-option-icon-size             | _48px * $hd_                                              | -   |
-| --share-sheet-option-icon-width            | _var(--share-sheet-option-icon-size)_                     | -   |
-| --share-sheet-option-icon-height           | _var(--share-sheet-option-icon-size)_                     | -   |
-| --share-sheet-option-icon-font-size        | _var(--share-sheet-option-icon-size)_                     | -   |
-| --share-sheet-option-name-padding          | _0 var(--padding-base)_                                   | -   |
-| --share-sheet-option-name-margin-top       | _var(--padding-xs)_                                       | -   |
-| --share-sheet-option-name-color            | _var(--gray-7)_                                           | -   |
-| --share-sheet-option-name-font-size        | _var(--font-size-sm)_                                     | -   |
-| --share-sheet-option-name-line-height      | _1.4_                                                     | -   |
-| --share-sheet-option-description-padding   | _0 var(--padding-base)_                                   | -   |
-| --share-sheet-option-description-color     | _var(--gray-5)_                                           | -   |
-| --share-sheet-option-description-font-size | _var(--font-size-sm)_                                     | -   |
-
-
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 分享面板描述字体大小 | `--share-sheet-description-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+| 分享面板选项内边距 | `--share-sheet-options-padding` | `var(--padding-md, $padding-md) 0 var(--padding-md, $padding-md) var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 分享面板选项图标外边距 | `--share-sheet-option-icon-margin` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 分享面板选项图标尺寸 | `--share-sheet-option-icon-size` | `48px * $hd` |  |
+| 分享面板选项图标宽度 | `--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` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 分享面板选项名称顶部外边距 | `--share-sheet-option-name-margin-top` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 分享面板选项名称颜色 | `--share-sheet-option-name-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 分享面板选项名称字体大小 | `--share-sheet-option-name-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+| 分享面板选项名称行高 | `--share-sheet-option-name-line-height` | `1.4` |  |
+| 分享面板选项描述内边距 | `--share-sheet-option-description-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 分享面板选项描述颜色 | `--share-sheet-option-description-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 分享面板选项描述字体大小 | `--share-sheet-option-description-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
 ## 常见问题
 
 ### 如何实现分享逻辑？

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

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

package/metaData/components/sidebar/doc.md

@@ -102,21 +102,21 @@ function EventSidebar() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                           | 默认值                                   | 描述  |
-|----------------------------------------------|---------------------------------------|-----|
-| --sidebar-width                              | _80px * $hd_                          | -   |
-| --sidebar-disabled-color                     | _var(--gray-5)_                       | -   |
-| --sidebar-tab-font-size                      | _var(--font-size-md)_                 | -   |
-| --sidebar-tab-line-height                    | _var(--line-height-md)_               | -   |
-| --sidebar-tab-color                          | _var(--text-color)_                   | -   |
-| --sidebar-tab-padding                        | _20px * $hd var(--padding-sm)_        | -   |
-| --sidebar-tab-background-color               | _var(--background-color)_             | -   |
-| --sidebar-tab-active-background-color        | _var(--active-color)_                 | -   |
-| --sidebar-tab-active-font-weight             | _var(--font-weight-bold)_             | -   |
-| --sidebar-tab-active-color                   | _var(--text-color)_                   | -   |
-| --sidebar-tab-active-border-width            | _4px * $hd_                           | -   |
-| --sidebar-tab-active-border-height           | _16px * $hd_                          | -   |
-| --sidebar-tab-active-border-color            | _var(--red)_                          | -   |
-| --sidebar-tab-active-active-background-color | _var(--white)_                        | -   |
-| --sidebar-tab-disabled-color                 | _var(--sidebar-disabled-color)_       | -   |
-| --sidebar-tab-disabled-background-color      | _var(--sidebar-tab-background-color)_ | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--sidebar-width` | `80px * $hd` |  |
+|  | `--sidebar-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+|  | `--sidebar-tab-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+|  | `--sidebar-tab-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |
+|  | `--sidebar-tab-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+|  | `--sidebar-tab-padding` | `20px * $hd var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+|  | `--sidebar-tab-background-color` | `var(--background-color, $background-color)` | --background-color → #F7F8FA（背景色） |
+|  | `--sidebar-tab-active-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+|  | `--sidebar-tab-active-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+|  | `--sidebar-active-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+|  | `--sidebar-active-border-width` | `4px * $hd` |  |
+|  | `--sidebar-active-border-height` | `16px * $hd` |  |
+|  | `--sidebar-active-border-color` | `$primary-color` |  |
+|  | `--sidebar-active-active-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--sidebar-tab-disabled-color` | `$sidebar-disabled-color` |  |
+|  | `--sidebar-tab-disabled-background-color` | `$sidebar-tab-background-color` |  |

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

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

package/metaData/components/signature/doc.md

@@ -106,10 +106,10 @@ function BasicSignature() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                           | 默认值                      | 描述         |
-| ------------------------------ | --------------------------- | ------------ |
-| --signature-padding            | _var(--van-padding-xs)_     | -            |
-| --signature-content-height     | _200px_                     | 画布高度     |
-| --signature-content-background | _var(--background-color-2)_ | 画布背景色   |
-| --signature-content-border     | _1px dotted #dadada_        | 画布边框样式 |
-| --signature-border-radius      | _8px_                       | 画布圆角     |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--signature-padding` | `$padding-xs` |  |
+|  | `--signature-content-height` | `200px * $hd` |  |
+|  | `--signature-content-background` | `$background-color-2` |  |
+|  | `--signature-content-border` | `1px dotted #dadada` |  |
+|  | `--signature-border-radius` | `$border-radius-lg` |  |

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

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

package/metaData/components/skeleton/doc.md

@@ -118,14 +118,14 @@ const template = () => {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                         | 默认值                         | 描述 |
-|---------------------------------------------|-------------------------------|-----|
-| --skeleton-avatar-size                      | _32px * $hd_                  | -   |
-| --skeleton-avatar-background                | _var(--active-color)_         | -   |
-| --skeleton-duration                         | _1.2s_                        | -   |
-| --skeleton-paragraph-height                 | _16px * $hd_                  | -   |
-| --skeleton-paragraph-background             | _var(--active-color)_         | -   |
-| --skeleton-title-width                      | _40%_                         | -   |
-| --skeleton-paragraph-margin-top             | _var(--padding-xs)_           | -   |
-| --skeleton-image-size                       | _96px * $hd_                  | -   |
-| --skeleton-image-radius                     | _24px * $hd_                  | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--skeleton-avatar-size` | `32px * $hd` |  |
+|  | `--skeleton-avatar-background` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+|  | `--skeleton-duration` | `1.2s` |  |
+|  | `--skeleton-paragraph-height` | `16px * $hd` |  |
+|  | `--skeleton-paragraph-background` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+|  | `--skeleton-title-width` | `40%` |  |
+|  | `--skeleton-paragraph-margin-top` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+|  | `--skeleton-image-size` | `96px * $hd` |  |
+|  | `--skeleton-image-radius` | `24px * $hd` |  |

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

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

package/metaData/components/slider/doc.md

@@ -136,16 +136,16 @@ function StyledThumbSlider() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                 | 默认值                                        | 描述  |
-|------------------------------------|--------------------------------------------|-----|
-| --slider-border-radius             | _var(--border-radius-max)_                 | -   |
-| --slider-active-background-color   | _var(--blue)_                              | -   |
-| --slider-inactive-background-color | _var(--gray-3)_                            | -   |
-| --slider-disabled-opacity          | _var(--disabled-opacity)_                  | -   |
-| --slider-track-height              | _2px * $hd_                                | -   |
-| --slider-track-transition-duration | _var(--animation-duration-fast)_           | -   |
-| --slider-thumb-width               | _24px * $hd_                               | -   |
-| --slider-thumb-height              | _24px * $hd_                               | -   |
-| --slider-thumb-border-radius       | _50%_                                      | -   |
-| --slider-thumb-background-color    | _var(--white)_                             | -   |
-| --slider-thumb-box-shadow          | _0 1px * $hd 2px * $hd rgba(0, 0, 0, 0.5)_ | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--slider-border-radius` | `var(--border-radius-max, $border-radius-max)` | --border-radius-max → 999px（最大圆角） |
+|  | `--slider-active-background-color` | `$primary-color` |  |
+|  | `--slider-inactive-background-color` | `var(--gray-3, $gray-3)` | --gray-3 → #E5E6EB（灰3） |
+|  | `--slider-disabled-opacity` | `var(--disabled-opacity, $disabled-opacity)` | --disabled-opacity → 0.5（禁用透明度） |
+|  | `--slider-track-height` | `2px * $hd` |  |
+|  | `--slider-track-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s（快速动画时长） |
+|  | `--slider-thumb-width` | `24px * $hd` |  |
+|  | `--slider-thumb-height` | `24px * $hd` |  |
+|  | `--slider-thumb-border-radius` | `50%` |  |
+|  | `--slider-thumb-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--slider-thumb-box-shadow` | `0 1px * $hd 2px * $hd rgba(0, 0, 0, 0.5` |  |

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

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

package/metaData/components/space/doc.md

@@ -109,17 +109,17 @@ import { Button, Space } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                               | 默认值                         | 描述 |
-| ---------------------------------- | ------------------------------ | ---- |
-| --space-item-gap-mini              | _var(--padding-xs)_            | -    |
-| --space-item-gap-small             | _var(--padding-sm)_            | -    |
-| --space-item-gap-medium            | _var(--padding-md)_            | -    |
-| --space-item-gap-large             | _var(--padding-lg)_            | -    |
-| --space-item-vertical-gap-mini     | _var(--space-item-gap-mini)_   | -    |
-| --space-item-vertical-gap-small    | _var(--space-item-gap-small)_  | -    |
-| --space-item-vertical-gap-medium   | _var(--space-item-gap-medium)_ | -    |
-| --space-item-vertical-gap-large    | _var(--space-item-gap-large)_  | -    |
-| --space-item-horizontal-gap-mini   | _var(--space-item-gap-mini)_   | -    |
-| --space-item-horizontal-gap-small  | _var(--space-item-gap-small)_  | -    |
-| --space-item-horizontal-gap-medium | _var(--space-item-gap-medium)_ | -    |
-| --space-item-horizontal-gap-large  | _var(--space-item-gap-large)_  | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--space-item-gap-mini` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+|  | `--space-item-gap-small` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+|  | `--space-item-gap-medium` | `var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+|  | `--space-item-gap-large` | `var(--padding-lg, $padding-lg)` | --padding-lg → 48px（大号内边距） |
+|  | `--space-item-vertical-gap-mini` | `$space-item-gap-mini` |  |
+|  | `--space-item-vertical-gap-small` | `$space-item-gap-small` |  |
+|  | `--space-item-vertical-gap-medium` | `$space-item-gap-medium` |  |
+|  | `--space-item-vertical-gap-large` | `$space-item-gap-large` |  |
+|  | `--space-item-horizontal-gap-mini` | `$space-item-gap-mini` |  |
+|  | `--space-item-horizontal-gap-small` | `$space-item-gap-small` |  |
+|  | `--space-item-horizontal-gap-medium` | `$space-item-gap-medium` |  |
+|  | `--space-item-horizontal-gap-large` | `$space-item-gap-large` |  |

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

@@ -0,0 +1,30 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 步进器激活背景色 | --stepper-active-background-color | $gray-3 |  |
+| 步进器背景色 | --stepper-background-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+| 步进器输入框宽度 | --stepper-input-width | 32px | 32px |
+| 步进器输入框高度 | --stepper-input-height | 28px | 28px |
+| 步进器输入框外边距 | --stepper-input-margin | 0 2px | 0 2px |
+| 步进器输入框字体大小 | --stepper-input-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 步进器输入框行高 | --stepper-input-line-height | normal |  |
+| 步进器输入框颜色 | --stepper-input-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 步进器输入框背景色 | --stepper-input-background-color | $stepper-background-color |  |
+| 步进器输入框禁用颜色 | --stepper-input-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 步进器输入框禁用背景色 | --stepper-input-disabled-background-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+| 步进器按钮图标颜色 | --stepper-button-icon-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 步进器按钮禁用颜色 | --stepper-button-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 步进器按钮禁用背景色 | --stepper-button-disabled-background-color | var(--background-color) | --background-color → #F7F8FA（背景色） |
+| 步进器圆角按钮圆角 | --stepper-rounded-button-border-radius | var(--border-radius-md) | --border-radius-md → 8px（中号圆角） |
+| 步进器圆角减少按钮圆角 | --stepper-rounded-decrease-button-border-radius | $stepper-rounded-button-border-radius |  |
+| 步进器圆角增加按钮圆角 | --stepper-rounded-increase-button-border-radius | $stepper-rounded-button-border-radius |  |
+| 步进器圆形增加按钮颜色 | --stepper-circular-increase-button-color | var(--white) | --white → #FFFFFF（白色） |
+| 步进器圆形增加按钮背景色 | --stepper-circular-increase-button-background-color | $primary-color |  |
+

package/metaData/components/stepper/doc.md

@@ -126,27 +126,27 @@ import { Stepper } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                                | 默认值                                        | 描述 |
-| --------------------------------------------------- | --------------------------------------------- | ---- |
-| --stepper-active-background-color                   | _#e8e8e8_                                     | -    |
-| --stepper-background-color                          | _var(--active-color)_                         | -    |
-| --stepper-input-width                               | _32px \* $hd_                                 | -    |
-| --stepper-input-height                              | _28px \* $hd_                                 | -    |
-| --stepper-input-margin                              | _0 2px \* $hd_                                | -    |
-| --stepper-input-font-size                           | _var(--font-size-md)_                         | -    |
-| --stepper-input-line-height                         | _normal_                                      | -    |
-| --stepper-input-color                               | _var(--text-color)_                           | -    |
-| --stepper-input-background-color                    | _var(--stepper-background-color)_             | -    |
-| --stepper-input-disabled-color                      | _var(--gray-5)_                               | -    |
-| --stepper-input-disabled-background-color           | _var(--active-color)_                         | -    |
-| --stepper-button-icon-color                         | _var(--text-color)_                           | -    |
-| --stepper-button-disabled-color                     | _var(--gray-5)_                               | -    |
-| --stepper-button-disabled-background-color          | _var(--background-color)_                     | -    |
-| --stepper-rounded-button-border-radius              | _var(--border-radius-md)_                     | -    |
-| --stepper-rounded-decrease-button-border-radius     | _var(--stepper-rounded-button-border-radius)_ | -    |
-| --stepper-rounded-increase-button-border-radius     | _var(--stepper-rounded-button-border-radius)_ | -    |
-| --stepper-circular-decrease-button-color            | _var(--danger-color)_                         | -    |
-| --stepper-circular-decrease-button-background-color | _var(--white)_                                | -    |
-| --stepper-circular-decrease-button-border-color     | _var(--danger-color)_                         | -    |
-| --stepper-circular-increase-button-color            | _var(--white)_                                | -    |
-| --stepper-circular-increase-button-background-color | _var(--blue, $blue)_                          | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 步进器激活背景色 | `--stepper-active-background-color` | `$gray-3` |  |
+| 步进器背景色 | `--stepper-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+| 步进器输入框宽度 | `--stepper-input-width` | `32px * $hd` |  |
+| 步进器输入框高度 | `--stepper-input-height` | `28px * $hd` |  |
+| 步进器输入框外边距 | `--stepper-input-margin` | `0 2px * $hd` |  |
+| 步进器输入框字体大小 | `--stepper-input-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 步进器输入框行高 | `--stepper-input-line-height` | `normal` |  |
+| 步进器输入框颜色 | `--stepper-input-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 步进器输入框背景色 | `--stepper-input-background-color` | `$stepper-background-color` |  |
+| 步进器输入框禁用颜色 | `--stepper-input-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 步进器输入框禁用背景色 | `--stepper-input-disabled-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+| 步进器按钮图标颜色 | `--stepper-button-icon-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 步进器按钮禁用颜色 | `--stepper-button-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 步进器按钮禁用背景色 | `--stepper-button-disabled-background-color` | `var(--background-color, $background-color)` | --background-color → #F7F8FA（背景色） |
+| 步进器圆角按钮圆角 | `--stepper-rounded-button-border-radius` | `var(--border-radius-md, $border-radius-md)` | --border-radius-md → 8px（中号圆角） |
+| 步进器圆角减少按钮圆角 | `--stepper-rounded-decrease-button-border-radius` | `$stepper-rounded-button-border-radius` |  |
+| 步进器圆角增加按钮圆角 | `--stepper-rounded-increase-button-border-radius` | `$stepper-rounded-button-border-radius` |  |
+| 步进器圆形增加按钮颜色 | `--stepper-circular-increase-button-color` | `$primary-color` |  |
+| 步进器圆形增加按钮背景色 | `--stepper-circular-increase-button-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--stepper-circular-increase-button-border-color` | `$primary-color` |  |
+| 步进器圆形增加按钮颜色 | `--stepper-circular-increase-button-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 步进器圆形增加按钮背景色 | `--stepper-circular-increase-button-background-color` | `$primary-color` |  |

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

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 步骤条背景色 | --steps-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 步骤条水平内边距 | --steps-horizontal-padding | 10px 0 | 10px 0 |
+| 步骤条垂直内边距 | --steps-vertical-padding | var(--padding-xl) | --padding-xl → 64px（超大内边距） |
+| 步骤颜色 | --step-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 步骤激活颜色 | --step-active-color | $primary-color |  |
+| 步骤进行中颜色 | --step-process-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 步骤字体大小 | --step-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 步骤图标字体大小 | --step-icon-font-size | 12px | 12px |
+| 步骤线背景色 | --step-line-background-color | var(--border-color) | --border-color → #E5E6EB（边框色） |
+| 步骤线过渡时长 | --step-line-transition-duration | var(--animation-duration-base) | --animation-duration-base → 0.3s（基础动画时长） |
+| 步骤完成颜色 | --step-completed-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 步骤完成线背景色 | --step-completed-line-background-color | $primary-color |  |
+| 步骤圆点尺寸 | --step-circle-size | 5PX |  |
+| 步骤圆点宽度 | --step-circle-width | $step-circle-size |  |
+| 步骤圆点高度 | --step-circle-height | $step-circle-size |  |
+| 步骤圆点外边距 | --step-circle-margin | 3px | 3px |
+| 步骤圆点背景色 | --step-circle-background-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 步骤圆点圆角 | --step-circle-border-radius | 50% |  |
+| 步骤水平标题字体大小 | --step-horizontal-title-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 步骤垂直行高 | --step-vertical-line-height | var(--line-height-sm) | --line-height-sm → 36px（小号行高） |
+| 步骤垂直内边距 | --step-vertical-padding | 10px 10px 10px 0 | 10px 10px 10px 0 |
+

package/metaData/components/steps/doc.md

@@ -118,26 +118,26 @@ import { Steps } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                     | 默认值                                  | 描述  |
-|----------------------------------------|--------------------------------------|-----|
-| --steps-background-color               | _var(var(--whit)_                    | -   |
-| --steps-horizontal-padding             | _10px * $hd 0_                       | -   |
-| --steps-vertical-padding               | _0 0 0 var(--padding-xl)_            | -   |
-| --step-color                           | _var(--gray-6)_                      | -   |
-| --step-active-color                    | _var(--green)_                       | -   |
-| --step-process-color                   | _var(--text-color)_                  | -   |
-| --step-font-size                       | _var(--font-size-md)_                | -   |
-| --step-icon-font-size                  | _12px * $hd_                         | -   |
-| --step-line-background-color           | _var(--border-color)_                | -   |
-| --step-line-transition-duration        | _var(--animation-duration-base)_     | -   |
-| --step-completed-color                 | _var(--text-color)_                  | -   |
-| --step-completed-line-background-color | _var(--green)_                       | -   |
-| --step-circle-size                     | _5PX_                                | -   |
-| --step-circle-width                    | _var(--step-circle-size)_            | -   |
-| --step-circle-height                   | _var(--step-circle-size)_            | -   |
-| --step-circle-margin                   | _3px * $hd_                          | -   |
-| --step-circle-background-color         | _var(--gray-6)_                      | -   |
-| --step-circle-border-radius            | _50%_                                | -   |
-| --step-horizontal-title-font-size      | _var(--font-size-sm)_                | -   |
-| --step-vertical-line-height            | _var(--line-height-sm)_              | -   |
-| --step-vertical-padding                | _10px * $hd 10px * $hd 10px * $hd 0_ | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 步骤条背景色 | `--steps-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 步骤条水平内边距 | `--steps-horizontal-padding` | `10px * $hd 0` |  |
+| 步骤条垂直内边距 | `--steps-vertical-padding` | `0 0 0 var(--padding-xl, $padding-xl)` | --padding-xl → 64px（超大内边距） |
+| 步骤颜色 | `--step-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 步骤激活颜色 | `--step-active-color` | `$primary-color` |  |
+| 步骤进行中颜色 | `--step-process-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 步骤字体大小 | `--step-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 步骤图标字体大小 | `--step-icon-font-size` | `12px * $hd` |  |
+| 步骤线背景色 | `--step-line-background-color` | `var(--border-color, $border-color)` | --border-color → #E5E6EB（边框色） |
+| 步骤线过渡时长 | `--step-line-transition-duration` | `var(--animation-duration-base, $animation-duration-base)` | --animation-duration-base → 0.3s（基础动画时长） |
+| 步骤完成颜色 | `--step-completed-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 步骤完成线背景色 | `--step-completed-line-background-color` | `$primary-color` |  |
+| 步骤圆点尺寸 | `--step-circle-size` | `5PX` |  |
+| 步骤圆点宽度 | `--step-circle-width` | `$step-circle-size` |  |
+| 步骤圆点高度 | `--step-circle-height` | `$step-circle-size` |  |
+| 步骤圆点外边距 | `--step-circle-margin` | `3px * $hd` |  |
+| 步骤圆点背景色 | `--step-circle-background-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 步骤圆点圆角 | `--step-circle-border-radius` | `50%` |  |
+| 步骤水平标题字体大小 | `--step-horizontal-title-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+| 步骤垂直行高 | `--step-vertical-line-height` | `var(--line-height-sm, $line-height-sm)` | --line-height-sm → 36px（小号行高） |
+| 步骤垂直内边距 | `--step-vertical-padding` | `10px * $hd 10px * $hd 10px * $hd 0` |  |

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

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

package/metaData/components/sticky/doc.md

@@ -82,6 +82,6 @@ function StickyWithContainer() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称               | 默认值  | 描述  |
-|------------------|------|-----|
-| --sticky-z-index | _99_ | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 粘性定位层级 | `--sticky-z-index` | `99` |  |

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

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 轮播指示器外边距 | --swiper-indicators-margin | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 轮播指示器尺寸 | --swiper-indicator-size | 6px | 6px |
+| 轮播指示器宽度 | --swiper-indicator-width | $swiper-indicator-size |  |
+| 轮播指示器高度 | --swiper-indicator-height | $swiper-indicator-size |  |
+| 轮播指示器透明度 | --swiper-indicator-opacity | 0.3 |  |
+| 轮播指示器背景色 | --swiper-indicator-background-color | var(--border-color) | --border-color → #E5E6EB（边框色） |
+| 轮播指示器过渡时长 | --swiper-indicator-transition-duration | var(--animation-duration-fast) | --animation-duration-fast → 0.2s（快速动画时长） |
+| 轮播指示器激活透明度 | --swiper-indicator-active-opacity | 1 |  |
+| 轮播指示器激活背景色 | --swiper-indicator-active-background-color | $primary-color |  |
+

package/metaData/components/swiper/doc.md

@@ -215,14 +215,14 @@ function SwiperWithCustomIndicator() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                         | 默认值                              | 描述  |
-|--------------------------------------------|----------------------------------|-----|
-| --swiper-indicators-margin                 | _var(--padding-sm)_              | -   |
-| --swiper-indicator-size                    | _6px * $hd_                      | -   |
-| --swiper-indicator-width                   | _var(--swiper-indicator-size)_   | -   |
-| --swiper-indicator-height                  | _var(--swiper-indicator-size)_   | -   |
-| --swiper-indicator-opacity                 | _0.3_                            | -   |
-| --swiper-indicator-background-color        | _var(--border-color)_            | -   |
-| --swiper-indicator-transition-duration     | _var(--animation-duration-fast)_ | -   |
-| --swiper-indicator-active-opacity          | _1_                              | -   |
-| --swiper-indicator-active-background-color | _var(--blue)_                    | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 轮播指示器外边距 | `--swiper-indicators-margin` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 轮播指示器尺寸 | `--swiper-indicator-size` | `6px * $hd` |  |
+| 轮播指示器宽度 | `--swiper-indicator-width` | `$swiper-indicator-size` |  |
+| 轮播指示器高度 | `--swiper-indicator-height` | `$swiper-indicator-size` |  |
+| 轮播指示器透明度 | `--swiper-indicator-opacity` | `0.3` |  |
+| 轮播指示器背景色 | `--swiper-indicator-background-color` | `var(--border-color, $border-color)` | --border-color → #E5E6EB（边框色） |
+| 轮播指示器过渡时长 | `--swiper-indicator-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s（快速动画时长） |
+| 轮播指示器激活透明度 | `--swiper-indicator-active-opacity` | `1` |  |
+| 轮播指示器激活背景色 | `--swiper-indicator-active-background-color` | `$primary-color` |  |

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

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

package/metaData/components/switch/doc.md

@@ -89,22 +89,21 @@ import { Switch } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                              | 默认值                                                                                                                                              | 描述  |
-|---------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|-----|
-| switch-size                     | _30px * $hd_                                                                                                                                     | -   |
-| switch-font-size                | _var(--switch-size)_                                                                                                                             | -   |
-| switch-width                    | _2em_                                                                                                                                            | -   |
-| switch-height                   | _1em_                                                                                                                                            | -   |
-| switch-border                   | _var(--border-width-base) solid rgba(0, 0, 0, 0.1)_                                                                                              | -   |
-| switch-background-color         | _var(--white)_                                                                                                                                   | -   |
-| switch-transition-duration      | _var(--animation-duration-base)_                                                                                                                 | -   |
-| switch-node-size                | _1em_                                                                                                                                            | -   |
-| switch-node-width               | _var(--switch-node-size)_                                                                                                                        | -   |
-| switch-node-height              | _var(--switch-node-size)_                                                                                                                        | -   |
-| switch-node-translate-x         | _translateX(calc(var(--switch-width) - var(--switch-node-size)))_                                                                                | -   |
-| switch-node-background-color    | _var(--white)_                                                                                                                                   | -   |
-| switch-node-box-shadow          | _0 3px * $hd 1px * $hd 0 rgba(0, 0, 0, 0.05), <br/>0 2px * $hd 2px * $hd 0 rgba(0, 0, 0, 0.1),<br/> 0 3px * $hd 3px * $hd 0 rgba(0, 0, 0, 0.05)_ | -   |
-| switch-checked-color            | _var(var(--primary-color)_                                                                                                                       | -   |
-| switch-checked-background-color | _var(--switch-checked-color)_                                                                                                                    | -   |
-| switch-loading-color            | _var(--switch-checked-color)_                                                                                                                    | -   |
-| switch-disabled-opacity         | _var(--disabled-opacity)_                                                                                                                        | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+|  | `--switch-size` | `31px * $hd` |  |
+|  | `--switch-font-size` | `$switch-size` |  |
+|  | `--switch-width` | `51px * $hd` |  |
+|  | `--switch-height` | `31px * $hd` |  |
+|  | `--switch-border` | `0` |  |
+|  | `--switch-background-color` | `rgba(17,17,17,.15` |  |
+|  | `--switch-transition-duration` | `var(--animation-duration-base, $animation-duration-base)` | --animation-duration-base → 0.3s（基础动画时长） |
+|  | `--switch-node-size` | `1em` |  |
+|  | `--switch-node-width` | `$switch-node-size` |  |
+|  | `--switch-node-height` | `$switch-node-size` |  |
+|  | `--switch-node-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+|  | `--switch-node-box-shadow` | `#{0 3px * $hd 1px * $hd 0 rgba(0, 0, 0, 0.05)}` |  |
+|  | `--switch-checked-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+|  | `--switch-checked-background-color` | `$switch-checked-color` |  |
+|  | `--switch-loading-color` | `var(--switch-checked-color, $switch-checked-color)` |  |
+|  | `--switch-disabled-opacity` | `var(--disabled-opacity, $disabled-opacity)` | --disabled-opacity → 0.5（禁用透明度） |