@fjyueke/bify-mcp 1.0.8 → 1.0.10

package/metaData/components/floating-bubble/doc.md

@@ -82,13 +82,13 @@ function CustomFloatingBubble() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                            | 默认值                 | 描述 |
-| ------------------------------- | ---------------------- | ---- |
-| --floating-bubble-size          | _96px_                 | -    |
-| --floating-bubble-initial-gap   | _48px_                 | -    |
-| --floating-bubble-background    | _var(--blue, $blue)_   | -    |
-| --floating-bubble-color         | _var(--white, $white)_ | -    |
-| --floating-bubble-border-radius | _999px_                | -    |
-| --floating-bubble-z-index       | _999_                  | -    |
-| --floating-bubble-duratio       | _0.3s_                 | -    |
-| --floating-bubble-icon-size     | _56px_                 | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动气泡尺寸 | `--floating-bubble-size` | `48px * $hd` |  |
+| 浮动气泡初始间距 | `--floating-bubble-initial-gap` | `24px * $hd` |  |
+| 浮动气泡背景 | `--floating-bubble-background` | `$primary-color` |  |
+| 浮动气泡颜色 | `--floating-bubble-color` | `$background-color-2` |  |
+| 浮动气泡圆角 | `--floating-bubble-border-radius` | `$border-radius-max` |  |
+| 浮动气泡层级 | `--floating-bubble-z-index` | `999` |  |
+|  | `--floating-bubble-duratio` | `$animation-duration-base` |  |
+| 浮动气泡图标尺寸 | `--floating-bubble-icon-size` | `28px * $hd` |  |

package/metaData/components/floating-panel/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动面板层级 | --floating-panel-z-index | 1010 |  |
+| 浮动面板圆角 | --floating-panel-rounded-border-radius | 16px | 16px |
+| 浮动面板头部高度 | --floating-panel-header-height | 60px | 60px |
+| 浮动面板滑块高度 | --floating-panel-bar-height | 6px | 6px |
+| 浮动面板滑块宽度 | --floating-panel-bar-width | 40px | 40px |
+| 浮动面板滑块颜色 | --floating-panel-bar-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 浮动面板背景 | --floating-panel-background | var(--background-color-light) | --background-color → #F7F8FA（背景色） --background-color-light → #FFFFFF（浅色背景） |
+

package/metaData/components/floating-panel/doc.md

@@ -163,12 +163,12 @@ function CustomHeight() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                   | 默认值                          | 描述 |
-| -------------------------------------- | ------------------------------- | ---- |
-| --floating-panel-z-index               | _1010_                          | -    |
-| --floating-panel-rounded-border-radius | _16px \* $hd_                   | -    |
-| --floating-panel-header-height         | _60px_                          | -    |
-| --floating-panel-bar-height            | _6px_                           | -    |
-| --floating-panel-bar-width             | _40px_                          | -    |
-| --floating-panel-bar-color             | _var(--gray-5, $gray-5)_        | -    |
-| --floating-panel-background            | _var(--background-color-light)_ | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 浮动面板层级 | `--floating-panel-z-index` | `1010` |  |
+| 浮动面板圆角 | `--floating-panel-rounded-border-radius` | `16px * $hd` |  |
+| 浮动面板头部高度 | `--floating-panel-header-height` | `60px` |  |
+| 浮动面板滑块高度 | `--floating-panel-bar-height` | `6px` |  |
+| 浮动面板滑块宽度 | `--floating-panel-bar-width` | `40px` |  |
+| 浮动面板滑块颜色 | `--floating-panel-bar-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 浮动面板背景 | `--floating-panel-background` | `var(--background-color-light, $background-color-light)` | --background-color → #F7F8FA（背景色） --background-color-light → #FFFFFF（浅色背景） |

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

@@ -0,0 +1,25 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 表单标签宽度 | --form-label-width | 6.2em |  |
+| 表单标签颜色 | --form-label-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 表单标签右侧外边距 | --form-label-margin-right | var(--padding-sm) | --padding-sm → 24px（小号内边距） |
+| 表单标签禁用颜色 | --form-label-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 表单项图标尺寸 | --form-item-icon-size | 16px | 16px |
+| 表单项右侧图标内边距 | --form-item-right-icon-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 表单项右侧图标右侧外边距 | --form-item-right-icon-margin-right | -8px | -8px |
+| 表单项右侧按钮左侧外边距 | --form-item-right-button-margin-left | var(--padding-xs) | --padding-xs → 16px（最小内边距） |
+| 表单控件颜色 | --form-control-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 表单控件最小高度 | --form-control-min-height | cell.$cell-line-height |  |
+| 表单反馈字体大小 | --form-feedback-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+| 表单反馈有效颜色 | --form-feedback-valid-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 表单反馈警告颜色 | --form-feedback-warning-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 表单反馈无效颜色 | --form-feedback-invalid-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+

package/metaData/components/form/doc.md

@@ -740,20 +740,20 @@ import { FormRule, FormItemInstance, FormListInstance, FormInstance } from "@fjy
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                               | 默认值                    | 描述 |
-| ---------------------------------- | ------------------------- | ---- |
-| form-label-width                   | _6.2em_                   | -    |
-| form-label-color                   | _var(--gray-7)_           | -    |
-| form-label-margin-right            | _var(--padding-sm)_       | -    |
-| form-label-disabled-color          | _var(--gray-5)_           | -    |
-| form-item-icon-size                | _16px \* $hd_             | -    |
-| form-item-right-icon-color         | _var(--gray-6)_           | -    |
-| form-item-right-icon-padding       | _0 var(--padding-xs)_     | -    |
-| form-item-right-icon-margin-right  | _-8px \* $hd_             | -    |
-| form-item-right-button-margin-left | _var(--padding-xs)_       | -    |
-| form-control-color                 | _var(--text-color)_       | -    |
-| form-control-min-height            | _var(--cell-line-height)_ | -    |
-| form-feedback-font-size            | _var(--font-size-sm)_     | -    |
-| form-feedback-valid-color          | _var(--success-color)_    | -    |
-| form-feedback-warning-color        | _var(--warning-color)_    | -    |
-| form-feedback-invalid-color        | _var(--danger-color)_     | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 表单标签宽度 | `--form-label-width` | `6.2em` |  |
+| 表单标签颜色 | `--form-label-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 表单标签右侧外边距 | `--form-label-margin-right` | `var(--padding-sm, $padding-sm)` | --padding-sm → 24px（小号内边距） |
+| 表单标签禁用颜色 | `--form-label-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 表单项图标尺寸 | `--form-item-icon-size` | `16px * $hd` |  |
+|  | `--gray-6` | `$gray-6` |  |
+| 表单项右侧图标内边距 | `--form-item-right-icon-padding` | `0 var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 表单项右侧图标右侧外边距 | `--form-item-right-icon-margin-right` | `-8px * $hd` |  |
+| 表单项右侧按钮左侧外边距 | `--form-item-right-button-margin-left` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） |
+| 表单控件颜色 | `--form-control-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 表单控件最小高度 | `--form-control-min-height` | `cell.$cell-line-height` |  |
+| 表单反馈字体大小 | `--form-feedback-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |
+| 表单反馈有效颜色 | `--form-feedback-valid-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 表单反馈警告颜色 | `--form-feedback-warning-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 表单反馈无效颜色 | `--form-feedback-invalid-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |

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

@@ -0,0 +1,17 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 网格项内容内边距 | --grid-item-content-padding | var(--padding-md) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 网格项内容背景色 | --grid-item-content-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 网格项内容激活颜色 | --grid-item-content-active-color | var(--active-color) | --active-color → #F2F3F5（激活色） |
+| 网格项图标字体大小 | --grid-item-icon-font-size | 28px | 28px |
+| 网格项文字颜色 | --grid-item-text-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 网格项文字字体大小 | --grid-item-text-font-size | var(--font-size-sm) | --font-size-sm → 24px（小号字号） |
+

package/metaData/components/grid/doc.md

@@ -157,11 +157,11 @@ import { Grid } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                   | 默认值                                   | 描述  |
-|--------------------------------------|---------------------------------------|-----|
-| --grid-item-content-padding          | _var(--padding-md) var(--padding-xs)_ | -   |
-| --grid-item-content-background-color | _var(--white)_                        | -   |
-| --grid-item-content-active-color     | _var(--active-color)_                 | -   |
-| --grid-item-icon-font-size           | _28px * $hd_                          | -   |
-| --grid-item-text-color               | _var(--gray-7)_                       | -   |
-| --grid-item-text-font-size           | _var(--font-size-sm)_                 | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 网格项内容内边距 | `--grid-item-content-padding` | `var(--padding-md, $padding-md) var(--padding-xs, $padding-xs)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 网格项内容背景色 | `--grid-item-content-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 网格项内容激活颜色 | `--grid-item-content-active-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5（激活色） |
+| 网格项图标字体大小 | `--grid-item-icon-font-size` | `28px * $hd` |  |
+| 网格项文字颜色 | `--grid-item-text-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785（灰7） |
+| 网格项文字字体大小 | `--grid-item-text-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px（小号字号） |

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

@@ -0,0 +1,16 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 图片占位颜色 | --image-placeholder-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 图片占位字体大小 | --image-placeholder-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 图片占位图标尺寸 | --image-placeholder-icon-size | 32px | 32px |
+| 图片占位图标颜色 | --image-placeholder-icon-color | var(--gray-4) | --gray-4 → #C9CDD4（灰4） |
+| 图片占位背景色 | --image-placeholder-background-color | var(--background-color) | --background-color → #F7F8FA（背景色） |
+

package/metaData/components/image/doc.md

@@ -108,10 +108,10 @@ import { Photo, PhotoFail } from "@fjyueke/bify-icons"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                 | 默认值                    | 描述 |
-| ------------------------------------ | ------------------------- | ---- |
-| --image-placeholder-color            | _var(var(--gray-6)_       | -    |
-| --image-placeholder-font-size        | _var(--font-size-md)_     | -    |
-| --image-placeholder-icon-size        | _32px \* $hd_             | -    |
-| --image-placeholder-icon-color       | _var(--gray-4)_           | -    |
-| --image-placeholder-background-color | _var(--background-color)_ | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 图片占位颜色 | `--image-placeholder-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 图片占位字体大小 | `--image-placeholder-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 图片占位图标尺寸 | `--image-placeholder-icon-size` | `32px * $hd` |  |
+| 图片占位图标颜色 | `--image-placeholder-icon-color` | `var(--gray-4, $gray-4)` | --gray-4 → #C9CDD4（灰4） |
+| 图片占位背景色 | `--image-placeholder-background-color` | `var(--background-color, $background-color)` | --background-color → #F7F8FA（背景色） |

package/metaData/components/index-list/css-variables.md

@@ -0,0 +1,25 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 索引列表侧边栏层级 | --index-list-sidebar-z-index | 2 |  |
+| 索引列表索引字体大小 | --index-list-index-font-size | var(--font-size-xs) | --font-size-xs → 20px（最小字号） |
+| 索引列表索引行高 | --index-list-index-line-height | var(--line-height-xs) | --line-height-xs → 28px（最小行高） |
+| 索引列表索引内边距 | --index-list-index-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 索引列表索引激活颜色 | --index-list-index-active-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+| 索引锚点层级 | --index-anchor-z-index | 1 |  |
+| 索引锚点内边距 | --index-anchor-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 索引锚点颜色 | --index-anchor-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+| 索引锚点字体粗细 | --index-anchor-font-weight | var(--font-weight-bold) | --font-weight-bold → 500（加粗字体） |
+| 索引锚点字体大小 | --index-anchor-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 索引锚点行高 | --index-anchor-line-height | 32px | 32px |
+| 索引锚点背景色 | --index-anchor-background-color | transparent（透明） ❓ |  |
+| 索引锚点粘性颜色 | --index-anchor-sticky-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+| 索引锚点粘性背景色 | --index-anchor-sticky-background-color | var(--white) | --white → #FFFFFF（白色） |
+

package/metaData/components/index-list/doc.md

@@ -157,20 +157,20 @@ function PopupIndexBar() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                                   | 默认值                                   | 描述 |
-| -------------------------------------- | ---------------------------------------- | ---- |
-| --index-list-sidebar-z-index           | _2_                                      | -    |
-| --index-list-index-font-size           | _var(--font-size-xs)_                    | -    |
-| --index-list-index-line-height         | _var(--line-height-xs)_                  | -    |
-| --index-list-index-font-weight         | _var(--font-weight-bold)_                | -    |
-| --index-list-index-padding             | _0 var(--padding-xs 0 var(--padding-md)_ | -    |
-| --index-list-index-active-color        | _var(--danger-color)_                    | -    |
-| --index-anchor-z-index                 | _1_                                      | -    |
-| --index-anchor-padding                 | _0 var(--padding-md)_                    | -    |
-| --index-anchor-color                   | _var(--text-color)_                      | -    |
-| --index-anchor-font-weight             | _var(--font-weight-bold)_                | -    |
-| --index-anchor-font-size               | _var(--font-size-md)_                    | -    |
-| --index-anchor-line-height             | _32px \* $hd_                            | -    |
-| --index-anchor-background-color        | _transparent_                            | -    |
-| --index-anchor-sticky-color            | _var(--danger-color)_                    | -    |
-| --index-anchor-sticky-background-color | _var(--white)_                           | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 索引列表侧边栏层级 | `--index-list-sidebar-z-index` | `2` |  |
+| 索引列表索引字体大小 | `--index-list-index-font-size` | `var(--font-size-xs, $font-size-xs)` | --font-size-xs → 20px（最小字号） |
+| 索引列表索引行高 | `--index-list-index-line-height` | `var(--line-height-xs, $line-height-xs)` | --line-height-xs → 28px（最小行高） |
+|  | `--index-list-index-weight-bold` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 索引列表索引内边距 | `--index-list-index-padding` | `0 var(--padding-xs, $padding-xs) 0 var(--padding-md, $padding-md)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 索引列表索引激活颜色 | `--index-list-index-active-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |
+| 索引锚点层级 | `--index-anchor-z-index` | `1` |  |
+| 索引锚点内边距 | `--index-anchor-padding` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 索引锚点颜色 | `--index-anchor-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |
+| 索引锚点字体粗细 | `--index-anchor-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500（加粗字体） |
+| 索引锚点字体大小 | `--index-anchor-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 索引锚点行高 | `--index-anchor-line-height` | `32px * $hd` |  |
+| 索引锚点背景色 | `--index-anchor-background-color` | `transparent` |  |
+| 索引锚点粘性颜色 | `--index-anchor-sticky-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |
+| 索引锚点粘性背景色 | `--index-anchor-sticky-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |

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

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

package/metaData/components/list/doc.md

@@ -247,15 +247,14 @@ function PullRefreshList() {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                       | 默认值                          | 描述 |
-| -------------------------- | ------------------------------- | ---- |
-| --list-text-color          | _var(--gray-6)_                 | -    |
-| --list-text-font-size      | _var(--font-size-md)_           | -    |
-| --list-text-line-height    | _50px \* $hd_                   | -    |
-| --list-loading-icon-size   | _16px \* $hd_                   | -    |
-| --list-loading-icon-width  | _var(--list-loading-icon-size)_ | -    |
-| --list-loading-icon-height | _var(--list-loading-icon-size)_ | -    |
-
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 列表文字颜色 | `--list-text-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 列表文字字体大小 | `--list-text-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 列表文字行高 | `--list-text-line-height` | `50px * $hd` |  |
+| 列表加载图标尺寸 | `--list-loading-icon-size` | `16px * $hd` |  |
+| 列表加载图标宽度 | `--list-loading-icon-width` | `$list-loading-icon-size` |  |
+| 列表加载图标高度 | `--list-loading-icon-height` | `$list-loading-icon-size` |  |
 ## 常见问题
 
 ### List 的运行机制是什么？

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

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 加载颜色 | --loading-color | var(--gray-5) | --gray-5 → #A9AEB8（灰5） |
+| 加载尺寸 | --loading-size | 30px | 30px |
+| 加载动画时长 | --loading-animation-duration | 0.8s |  |
+| 加载圆形边框宽度 | --loading-circular-border-width | 1px | 1px |
+| 加载文字颜色 | --loading-text-color | var(--gray-6) | --gray-6 → #86909C（灰6） |
+| 加载文字字体大小 | --loading-text-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 加载文字行高 | --loading-text-line-height | 20px | 20px |
+

package/metaData/components/loading/doc.md

@@ -102,12 +102,12 @@ import { Loading } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                              | 默认值                   | 描述  |
-|---------------------------------|-----------------------|-----|
-| --loading-color                 | _var(--gray-5)_       | -   |
-| --loading-size                  | _30px * $hd_          | -   |
-| --loading-animation-duration    | _0.8s_                | -   |
-| --loading-circular-border-width | _1px * $hd_           | -   |
-| --loading-text-color            | _var(--gray-6)_       | -   |
-| --loading-text-font-size        | _var(--font-size-md)_ | -   |
-| --loading-text-line-height      | _20px * $hd_          | -   |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 加载颜色 | `--loading-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8（灰5） |
+| 加载尺寸 | `--loading-size` | `30px * $hd` |  |
+| 加载动画时长 | `--loading-animation-duration` | `0.8s` |  |
+| 加载圆形边框宽度 | `--loading-circular-border-width` | `1px * $hd` |  |
+| 加载文字颜色 | `--loading-text-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C（灰6） |
+| 加载文字字体大小 | `--loading-text-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 加载文字行高 | `--loading-text-line-height` | `20px * $hd` |  |

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

@@ -0,0 +1,21 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 导航栏层级 | --navbar-z-index | 1 |  |
+| 导航栏高度 | --navbar-height | 44px | 44px |
+| 导航栏行高 | --navbar-line-height | var(--line-height-lg) | --line-height-lg → 44px（大号行高） |
+| 导航栏背景色 | --navbar-background-color | var(--white) | --white → #FFFFFF（白色） |
+| 导航栏图标右侧外边距 | --navbar-icon-margin-right | var(--padding-base) | --padding-base → 8px（基础内边距） |
+| 导航栏图标字体大小 | --navbar-icon-font-size | 16px | 16px |
+| 导航栏图标颜色 | --navbar-icon-color | $primary-color |  |
+| 导航栏文字颜色 | --navbar-text-color | $primary-color |  |
+| 导航栏标题字体大小 | --navbar-title-font-size | var(--font-size-lg) | --font-size-lg → 32px（大号字号） |
+| 导航栏标题颜色 | --navbar-title-color | var(--text-color) | --text-color → #4E5969（主文字色） |
+

package/metaData/components/navbar/doc.md

@@ -70,16 +70,15 @@ import { Navbar } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                       | 默认值                    | 描述 |
-| -------------------------- | ------------------------- | ---- |
-| --navbar-z-index           | _1_                       | -    |
-| --navbar-height            | _46px \* $hd_             | -    |
-| --navbar-line-height       | _var(--line-height-lg)_   | -    |
-| --navbar-background-color  | _var(--white)_            | -    |
-| --navbar-icon-margin-right | _var(--padding-base)_     | -    |
-| --navbar-icon-font-size    | _16px \* $hd_             | -    |
-| --navbar-icon-color        | _var(--blue)_             | -    |
-| --navbar-text-color        | _var(--blue)_             | -    |
-| --navbar-title-font-size   | _var(--font-size-lg)_     | -    |
-| --navbar-title-font-weight | _var(--font-weight-bold)_ | -    |
-| --navbar-title-color       | _var(--text-color)_       | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 导航栏层级 | `--navbar-z-index` | `1` |  |
+| 导航栏高度 | `--navbar-height` | `44px * $hd` |  |
+| 导航栏行高 | `--navbar-line-height` | `var(--line-height-lg, $line-height-lg)` | --line-height-lg → 44px（大号行高） |
+| 导航栏背景色 | `--navbar-background-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 导航栏图标右侧外边距 | `--navbar-icon-margin-right` | `var(--padding-base, $padding-base)` | --padding-base → 8px（基础内边距） |
+| 导航栏图标字体大小 | `--navbar-icon-font-size` | `16px * $hd` |  |
+| 导航栏图标颜色 | `--navbar-icon-color` | `$primary-color` |  |
+| 导航栏文字颜色 | `--navbar-text-color` | `$primary-color` |  |
+| 导航栏标题字体大小 | `--navbar-title-font-size` | `var(--font-size-lg, $font-size-lg)` | --font-size-lg → 32px（大号字号） |
+| 导航栏标题颜色 | `--navbar-title-color` | `var(--text-color, $text-color)` | --text-color → #4E5969（主文字色） |

package/metaData/components/notice-bar/css-variables.md

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 通知栏高度 | --notice-bar-height | 40px | 40px |
+| 通知栏内边距 | --notice-bar-padding | var(--padding-md) | --padding-md → 32px（中号内边距） |
+| 通知栏换行内边距 | --notice-bar-wordwrap-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 通知栏颜色 | --notice-bar-color | $primary-color |  |
+| 通知栏字体大小 | --notice-bar-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 通知栏行高 | --notice-bar-line-height | 24px | 24px |
+| 通知栏背景色 | --notice-bar-background-color | $gray-1 |  |
+| 通知栏图标尺寸 | --notice-bar-icon-size | 16px | 16px |
+| 通知栏图标最小宽度 | --notice-bar-icon-min-width | 24px | 24px |
+

package/metaData/components/notice-bar/doc.md

@@ -141,14 +141,14 @@ import { NoticeBar } from "@fjyueke/bify-core"
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                          | 默认值                                | 描述 |
-| ----------------------------- | ------------------------------------- | ---- |
-| --notice-bar-height           | _40px \* $hd_                         | -    |
-| --notice-bar-padding          | _0 var(--padding-md)_                 | -    |
-| --notice-bar-wordwrap-padding | _var(--padding-xs) var(--padding-md)_ | -    |
-| --notice-bar-color            | _var(--orange-dark)_                  | -    |
-| --notice-bar-font-size        | _var(--font-size-md)_                 | -    |
-| --notice-bar-line-height      | _24px \* $hd_                         | -    |
-| --notice-bar-background-color | _var(--orange-light)_                 | -    |
-| --notice-bar-icon-size        | _16px \* $hd_                         | -    |
-| --notice-bar-icon-min-width   | _24px \* $hd_                         | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 通知栏高度 | `--notice-bar-height` | `40px * $hd` |  |
+| 通知栏内边距 | `--notice-bar-padding` | `0 var(--padding-md, $padding-md)` | --padding-md → 32px（中号内边距） |
+| 通知栏换行内边距 | `--notice-bar-wordwrap-padding` | `var(--padding-xs, $padding-xs) var(--padding-md, $padding-md)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 通知栏颜色 | `--notice-bar-color` | `$primary-color` |  |
+| 通知栏字体大小 | `--notice-bar-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 通知栏行高 | `--notice-bar-line-height` | `24px * $hd` |  |
+| 通知栏背景色 | `--notice-bar-background-color` | `$gray-1` |  |
+| 通知栏图标尺寸 | `--notice-bar-icon-size` | `16px * $hd` |  |
+| 通知栏图标最小宽度 | `--notice-bar-icon-min-width` | `24px * $hd` |  |

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

@@ -0,0 +1,19 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 通知颜色 | --notify-color | var(--white) | --white → #FFFFFF（白色） |
+| 通知内边距 | --notify-padding | var(--padding-xs) | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 通知字体大小 | --notify-font-size | var(--font-size-md) | --font-size-md → 28px（中号字号） |
+| 通知行高 | --notify-line-height | var(--line-height-md) | --line-height-md → 40px（中号行高） |
+| 通知主要背景色 | --notify-primary-background-color | var(--primary-color) | --primary-color → #165DFF（主题色） |
+| 通知成功背景色 | --notify-success-background-color | var(--success-color) | --success-color → #00B42A（成功色） |
+| 通知警告背景色 | --notify-warning-background-color | var(--warning-color) | --warning-color → #FF7D00（警告色） |
+| 通知危险背景色 | --notify-danger-background-color | var(--danger-color) | --danger-color → #F53F3F（危险色） |
+

package/metaData/components/notify/doc.md

@@ -128,13 +128,13 @@ Notify.open({
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
 
-| 名称                              | 默认值                                | 描述 |
-| --------------------------------- | ------------------------------------- | ---- |
-| --notify-color                    | _var(--white)_                        | -    |
-| --notify-padding                  | _var(--padding-xs) var(--padding-md)_ | -    |
-| --notify-font-size                | _var(--font-size-md)_                 | -    |
-| --notify-line-height              | _var(--line-height-md)_               | -    |
-| --notify-primary-background-color | _var(--primary-color)_                | -    |
-| --notify-success-background-color | _var(--success-color)_                | -    |
-| --notify-warning-background-color | _var(--warning-color)_                | -    |
-| --notify-danger-background-color  | _var(--danger-color)_                 | -    |
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 通知颜色 | `--notify-color` | `var(--white, $white)` | --white → #FFFFFF（白色） |
+| 通知内边距 | `--notify-padding` | `var(--padding-xs, $padding-xs) var(--padding-md, $padding-md)` | --padding-xs → 16px（最小内边距） --padding-md → 32px（中号内边距） |
+| 通知字体大小 | `--notify-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px（中号字号） |
+| 通知行高 | `--notify-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px（中号行高） |
+| 通知主要背景色 | `--notify-primary-background-color` | `var(--primary-color, $primary-color)` | --primary-color → #165DFF（主题色） |
+| 通知成功背景色 | `--notify-success-background-color` | `var(--success-color, $success-color)` | --success-color → #00B42A（成功色） |
+| 通知警告背景色 | `--notify-warning-background-color` | `var(--warning-color, $warning-color)` | --warning-color → #FF7D00（警告色） |
+| 通知危险背景色 | `--notify-danger-background-color` | `var(--danger-color, $danger-color)` | --danger-color → #F53F3F（危险色） |

package/metaData/components/number-keyboard/css-variables.md

@@ -0,0 +1,41 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+#### 基础样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘层级 | --number-keyboard-z-index | 100 |  |
+| 数字键盘背景色 | --number-keyboard-background-color | var(--gray-2) | --gray-2 → #F2F3F5（灰2） |
+
+#### 头部样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘头部颜色 | --number-keyboard-header-color | var(--gray-7) | --gray-7 → #6B7785（灰7） |
+| 数字键盘头部顶部内边距 | --number-keyboard-header-padding-top | 6px | 6px |
+| 数字键盘头部高度 | --number-keyboard-header-height | 34px | 34px |
+
+#### 按键样式
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘按键高度 | --number-keyboard-key-height | 48px | 48px |
+| 数字键盘按键字体大小 | --number-keyboard-key-font-size | 28px | 28px |
+| 数字键盘按键行高 | --number-keyboard-key-line-height | 1.5 |  |
+
+#### 退格按键
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘退格按键字体大小 | --number-keyboard-backspace-font-size | 22px | 22px |
+
+#### 确认按钮
+
+| 描述 | 名称 | 默认值 | 备注 |
+| --- | --- | --- | --- |
+| 数字键盘按钮颜色 | --number-keyboard-button-color | var(--white) | --white → #FFFFFF（白色） |
+