@fjyueke/bify-mcp 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/README.md +21 -0
  2. package/dist/index.js +98 -12
  3. package/metaData/components/action-sheet/css-variables.md +16 -0
  4. package/metaData/components/action-sheet/doc.md +7 -7
  5. package/metaData/components/avatar/css-variables.md +53 -0
  6. package/metaData/components/avatar/doc.md +46 -24
  7. package/metaData/components/back-top/css-variables.md +18 -0
  8. package/metaData/components/back-top/doc.md +9 -9
  9. package/metaData/components/backdrop/css-variables.md +13 -0
  10. package/metaData/components/backdrop/doc.md +4 -4
  11. package/metaData/components/badge/css-variables.md +23 -0
  12. package/metaData/components/badge/doc.md +14 -14
  13. package/metaData/components/button/css-variables.md +97 -0
  14. package/metaData/components/button/doc.md +90 -38
  15. package/metaData/components/calendar/css-variables.md +75 -0
  16. package/metaData/components/calendar/doc.md +68 -30
  17. package/metaData/components/cascader/css-variables.md +45 -0
  18. package/metaData/components/cascader/doc.md +38 -21
  19. package/metaData/components/cell/css-variables.md +50 -0
  20. package/metaData/components/cell/doc.md +44 -32
  21. package/metaData/components/checkbox/css-variables.md +27 -0
  22. package/metaData/components/checkbox/doc.md +18 -18
  23. package/metaData/components/circle/css-variables.md +22 -0
  24. package/metaData/components/circle/doc.md +13 -13
  25. package/metaData/components/collapse/css-variables.md +18 -0
  26. package/metaData/components/collapse/doc.md +9 -9
  27. package/metaData/components/countdown/css-variables.md +14 -0
  28. package/metaData/components/countdown/doc.md +5 -5
  29. package/metaData/components/dialog/css-variables.md +58 -0
  30. package/metaData/components/dialog/doc.md +51 -29
  31. package/metaData/components/divider/css-variables.md +21 -0
  32. package/metaData/components/divider/doc.md +12 -12
  33. package/metaData/components/dropdown-menu/css-variables.md +31 -0
  34. package/metaData/components/dropdown-menu/doc.md +24 -17
  35. package/metaData/components/empty/css-variables.md +19 -0
  36. package/metaData/components/empty/doc.md +11 -11
  37. package/metaData/components/fixed-nav/css-variables.md +17 -0
  38. package/metaData/components/fixed-nav/doc.md +9 -8
  39. package/metaData/components/fixed-view/css-variables.md +12 -0
  40. package/metaData/components/fixed-view/doc.md +11 -0
  41. package/metaData/components/floating-bubble/css-variables.md +18 -0
  42. package/metaData/components/floating-bubble/doc.md +10 -10
  43. package/metaData/components/floating-panel/css-variables.md +18 -0
  44. package/metaData/components/floating-panel/doc.md +9 -9
  45. package/metaData/components/form/css-variables.md +25 -0
  46. package/metaData/components/form/doc.md +17 -17
  47. package/metaData/components/grid/css-variables.md +17 -0
  48. package/metaData/components/grid/doc.md +8 -8
  49. package/metaData/components/image/css-variables.md +16 -0
  50. package/metaData/components/image/doc.md +7 -7
  51. package/metaData/components/index-list/css-variables.md +25 -0
  52. package/metaData/components/index-list/doc.md +17 -17
  53. package/metaData/components/list/css-variables.md +17 -0
  54. package/metaData/components/list/doc.md +8 -9
  55. package/metaData/components/loading/css-variables.md +18 -0
  56. package/metaData/components/loading/doc.md +9 -9
  57. package/metaData/components/navbar/css-variables.md +21 -0
  58. package/metaData/components/navbar/doc.md +12 -13
  59. package/metaData/components/notice-bar/css-variables.md +20 -0
  60. package/metaData/components/notice-bar/doc.md +11 -11
  61. package/metaData/components/notify/css-variables.md +19 -0
  62. package/metaData/components/notify/doc.md +10 -10
  63. package/metaData/components/number-keyboard/css-variables.md +41 -0
  64. package/metaData/components/number-keyboard/doc.md +34 -24
  65. package/metaData/components/pagination/css-variables.md +23 -0
  66. package/metaData/components/pagination/doc.md +14 -14
  67. package/metaData/components/password-input/css-variables.md +47 -0
  68. package/metaData/components/password-input/doc.md +40 -23
  69. package/metaData/components/picker/css-variables.md +12 -0
  70. package/metaData/components/picker/doc.md +12 -20
  71. package/metaData/components/popup/css-variables.md +20 -0
  72. package/metaData/components/popup/doc.md +11 -11
  73. package/metaData/components/progress/css-variables.md +21 -0
  74. package/metaData/components/progress/doc.md +13 -13
  75. package/metaData/components/pull-refresh/css-variables.md +18 -0
  76. package/metaData/components/pull-refresh/doc.md +9 -9
  77. package/metaData/components/radio/css-variables.md +27 -0
  78. package/metaData/components/radio/doc.md +18 -18
  79. package/metaData/components/rate/css-variables.md +16 -0
  80. package/metaData/components/rate/doc.md +7 -7
  81. package/metaData/components/rolling-text/css-variables.md +20 -0
  82. package/metaData/components/rolling-text/doc.md +11 -8
  83. package/metaData/components/search/css-variables.md +30 -0
  84. package/metaData/components/search/doc.md +21 -21
  85. package/metaData/components/share-sheet/css-variables.md +26 -0
  86. package/metaData/components/share-sheet/doc.md +17 -19
  87. package/metaData/components/sidebar/css-variables.md +11 -0
  88. package/metaData/components/sidebar/doc.md +18 -18
  89. package/metaData/components/signature/css-variables.md +11 -0
  90. package/metaData/components/signature/doc.md +7 -7
  91. package/metaData/components/skeleton/css-variables.md +11 -0
  92. package/metaData/components/skeleton/doc.md +11 -11
  93. package/metaData/components/slider/css-variables.md +11 -0
  94. package/metaData/components/slider/doc.md +13 -13
  95. package/metaData/components/space/css-variables.md +11 -0
  96. package/metaData/components/space/doc.md +14 -14
  97. package/metaData/components/stepper/css-variables.md +30 -0
  98. package/metaData/components/stepper/doc.md +24 -24
  99. package/metaData/components/steps/css-variables.md +32 -0
  100. package/metaData/components/steps/doc.md +23 -23
  101. package/metaData/components/sticky/css-variables.md +12 -0
  102. package/metaData/components/sticky/doc.md +3 -3
  103. package/metaData/components/swiper/css-variables.md +20 -0
  104. package/metaData/components/swiper/doc.md +11 -11
  105. package/metaData/components/switch/css-variables.md +11 -0
  106. package/metaData/components/switch/doc.md +18 -19
  107. package/metaData/components/tabbar/css-variables.md +21 -0
  108. package/metaData/components/tabbar/doc.md +12 -12
  109. package/metaData/components/tabs/css-variables.md +35 -0
  110. package/metaData/components/tabs/doc.md +28 -21
  111. package/metaData/components/tag/css-variables.md +81 -0
  112. package/metaData/components/tag/doc.md +74 -32
  113. package/metaData/components/text-ellipsis/css-variables.md +13 -0
  114. package/metaData/components/text-ellipsis/doc.md +6 -6
  115. package/metaData/components/timeline/css-variables.md +32 -0
  116. package/metaData/components/timeline/doc.md +29 -29
  117. package/metaData/components/toast/css-variables.md +30 -0
  118. package/metaData/components/toast/doc.md +21 -22
  119. package/metaData/components/tree-select/css-variables.md +23 -0
  120. package/metaData/components/tree-select/doc.md +14 -14
  121. package/metaData/components/uploader/css-variables.md +86 -0
  122. package/metaData/components/uploader/doc.md +79 -47
  123. package/metaData/components/watermark/css-variables.md +12 -0
  124. package/metaData/components/watermark/doc.md +4 -4
  125. package/package.json +3 -3
@@ -0,0 +1,30 @@
1
+ ## 主题定制
2
+
3
+ ### 样式变量
4
+
5
+ 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 ConfigProvider 组件。
6
+
7
+ #### 基础样式
8
+
9
+ | 描述 | 名称 | 默认值 | 备注 |
10
+ | --- | --- | --- | --- |
11
+ | 轻提示宽度 | --toast-width | 88px | 88px |
12
+ | 轻提示最小高度 | --toast-min-height | 88px | 88px |
13
+ | 轻提示最大宽度 | --toast-max-width | 70% | |
14
+ | 轻提示内边距 | --toast-padding | var(--padding-md) | --padding-md → 32px(中号内边距) |
15
+ | 轻提示字体大小 | --toast-font-size | var(--font-size-md) | --font-size-md → 28px(中号字号) |
16
+ | 轻提示行高 | --toast-line-height | var(--line-height-md) | --line-height-md → 40px(中号行高) |
17
+ | 轻提示颜色 | --toast-color | var(--white) | --white → #FFFFFF(白色) |
18
+ | 轻提示背景色 | --toast-background-color | var(--black-rgb) | --black → #000000(黑色) |
19
+ | 轻提示圆角 | --toast-border-radius | 2px | 2px |
20
+ | 轻提示过渡时长 | --toast-transition-duration | var(--animation-duration-fast) | --animation-duration-fast → 0.2s(快速动画时长) |
21
+ | 轻提示图标字体大小 | --toast-icon-font-size | 36px | 36px |
22
+ | 轻提示图标颜色 | --toast-icon-color | var(--white) | --white → #FFFFFF(白色) |
23
+ | 轻提示加载内边距 | --toast-loading-padding | 3px | 3px |
24
+ | 轻提示加载颜色 | --toast-loading-color | var(--white) | --white → #FFFFFF(白色) |
25
+ | 轻提示文字最小宽度 | --toast-text-min-width | 96px | 96px |
26
+ | 轻提示文字内边距 | --toast-text-padding | var(--padding-xs) | --padding-xs → 16px(最小内边距) --padding-sm → 24px(小号内边距) |
27
+ | 轻提示位置距离 | --toast-position-distance | 20% | |
28
+ | 轻提示顶部位置距离 | --toast-position-top-distance | $toast-position-distance | |
29
+ | 轻提示底部位置距离 | --toast-position-bottom-distance | $toast-position-distance | |
30
+
@@ -232,25 +232,24 @@ function MultipleToastClose() {
232
232
 
233
233
  组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
234
234
 
235
- | 名称 | 默认值 | 描述 |
236
- | -------------------------------- | ------------------------------------- | ---- |
237
- | --toast-width | _88px \* $hd_ | - |
238
- | --toast-width | _88px \* $hd_ | - |
239
- | --toast-min-height | _88px \* $hd_ | - |
240
- | --toast-max-width | _70%_ | - |
241
- | --toast-padding | _var(--padding-md)_ | - |
242
- | --toast-font-size | _var(--font-size-md)_ | - |
243
- | --toast-line-height | _var(--line-height-md)_ | - |
244
- | --toast-color | _var(--white)_ | - |
245
- | --toast-background-color | _rgba(var(--black-rgb), $alpha: 0.7)_ | - |
246
- | --toast-border-radius | _var(--border-radius-lg)_ | - |
247
- | --toast-transition-duration | _var(--animation-duration-fast)_ | - |
248
- | --toast-icon-font-size | _36px \* $hd_ | - |
249
- | --toast-icon-color | _var(--white)_ | - |
250
- | --toast-loading-padding | _3px \* $hd_ | - |
251
- | --toast-loading-color | _var(--white)_ | - |
252
- | --toast-text-min-width | _96px \* $hd_ | - |
253
- | --toast-text-padding | _var(--padding-xs) var(--padding-sm)_ | - |
254
- | --toast-position-distance | _20%_ | - |
255
- | --toast-position-top-distance | _var(--toast-position-distance)_ | - |
256
- | --toast-position-bottom-distance | _var(--toast-position-distance)_ | - |
235
+ | 描述 | 名称 | 默认值 | 备注 |
236
+ | --- | --- | --- | --- |
237
+ | 轻提示宽度 | `--toast-width` | `88px * $hd` | |
238
+ | 轻提示最小高度 | `--toast-min-height` | `88px * $hd` | |
239
+ | 轻提示最大宽度 | `--toast-max-width` | `70%` | |
240
+ | 轻提示内边距 | `--toast-padding` | `var(--padding-md, $padding-md)` | --padding-md → 32px(中号内边距) |
241
+ | 轻提示字体大小 | `--toast-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px(中号字号) |
242
+ | 轻提示行高 | `--toast-line-height` | `var(--line-height-md, $line-height-md)` | --line-height-md → 40px(中号行高) |
243
+ | 轻提示颜色 | `--toast-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
244
+ | 轻提示背景色 | `--toast-background-color` | `rgba(var(--black-rgb, $black-rgb), $alpha: 0.7)` | --black → #000000(黑色) |
245
+ | 轻提示圆角 | `--toast-border-radius` | `2px * $hd` | |
246
+ | 轻提示过渡时长 | `--toast-transition-duration` | `var(--animation-duration-fast, $animation-duration-fast)` | --animation-duration-fast → 0.2s(快速动画时长) |
247
+ | 轻提示图标字体大小 | `--toast-icon-font-size` | `36px * $hd` | |
248
+ | 轻提示图标颜色 | `--toast-icon-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
249
+ | 轻提示加载内边距 | `--toast-loading-padding` | `3px * $hd` | |
250
+ | 轻提示加载颜色 | `--toast-loading-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
251
+ | 轻提示文字最小宽度 | `--toast-text-min-width` | `96px * $hd` | |
252
+ | 轻提示文字内边距 | `--toast-text-padding` | `var(--padding-xs, $padding-xs) var(--padding-sm, $padding-sm)` | --padding-xs → 16px(最小内边距) --padding-sm → 24px(小号内边距) |
253
+ | 轻提示位置距离 | `--toast-position-distance` | `20%` | |
254
+ | 轻提示顶部位置距离 | `--toast-position-top-distance` | `$toast-position-distance` | |
255
+ | 轻提示底部位置距离 | `--toast-position-bottom-distance` | `$toast-position-distance` | |
@@ -0,0 +1,23 @@
1
+ ## 主题定制
2
+
3
+ ### 样式变量
4
+
5
+ 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 ConfigProvider 组件。
6
+
7
+ #### 基础样式
8
+
9
+ | 描述 | 名称 | 默认值 | 备注 |
10
+ | --- | --- | --- | --- |
11
+ | 树形选择字体大小 | --tree-select-font-size | var(--font-size-md) | --font-size-md → 28px(中号字号) |
12
+ | 树形选择侧边栏背景色 | --tree-select-sidebar-background-color | var(--background-color) | --background-color → #F7F8FA(背景色) |
13
+ | 树形选择内容背景色 | --tree-select-content-background-color | var(--white) | --white → #FFFFFF(白色) |
14
+ | 树形选择标签内边距 | --tree-select-tab-padding | var(--padding-sm) | --padding-sm → 24px(小号内边距) |
15
+ | 树形选择选项内边距 | --tree-select-option-padding | var(--padding-md) | --padding-md → 32px(中号内边距) |
16
+ | 树形选择选项字体粗细 | --tree-select-option-font-weight | var(--font-weight-bold) | --font-weight-bold → 500(加粗字体) |
17
+ | 树形选择选项行高 | --tree-select-option-line-height | 48px | 48px |
18
+ | 树形选择选项激活颜色 | --tree-select-option-active-color | $primary-color | |
19
+ | 树形选择选项激活背景色 | --tree-select-option-active-background-color | var(--active-color) | --active-color → #F2F3F5(激活色) |
20
+ | 树形选择选项禁用颜色 | --tree-select-option-disabled-color | var(--gray-5) | --gray-5 → #A9AEB8(灰5) |
21
+ | 树形选择选项激活图标右侧距离 | --tree-select-option-icon-active-right | var(--padding-md) | --padding-md → 32px(中号内边距) |
22
+ | 树形选择选项激活图标字体大小 | --tree-select-option-icon-active-font-size | 16px | 16px |
23
+
@@ -169,17 +169,17 @@ function BadgeTreeSelect() {
169
169
 
170
170
  组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
171
171
 
172
- | 名称 | 默认值 | 描述 |
173
- |----------------------------------------------|------------------------------------|-----|
174
- | --tree-select-font-size | _var(--font-size-md)_ | - |
175
- | --tree-select-sidebar-background-color | _var(--background-color)_ | - |
176
- | --tree-select-content-background-color | _var(--white)_ | - |
177
- | --tree-select-tab-padding | _14px * $hd var(--padding-sm)_ | - |
178
- | --tree-select-option-padding | _0 32px * $hd 0 var(--padding-md)_ | - |
179
- | --tree-select-option-font-weight | _var(--font-weight-bold)_ | - |
180
- | --tree-select-option-line-height | _48px * $hd_ | - |
181
- | --tree-select-option-active-color | _var(--danger-color)_ | - |
182
- | --tree-select-option-active-background-color | _var(--active-color)_ | - |
183
- | --tree-select-option-disabled-color | _var(--gray-5)_ | - |
184
- | --tree-select-option-icon-active-right | _var(--padding-md, $padding-md)_ | - |
185
- | --tree-select-option-icon-active-font-size | _16px * $hd_ | - |
172
+ | 描述 | 名称 | 默认值 | 备注 |
173
+ | --- | --- | --- | --- |
174
+ | 树形选择字体大小 | `--tree-select-font-size` | `var(--font-size-md, $font-size-md)` | --font-size-md → 28px(中号字号) |
175
+ | 树形选择侧边栏背景色 | `--tree-select-sidebar-background-color` | `var(--background-color, $background-color)` | --background-color → #F7F8FA(背景色) |
176
+ | 树形选择内容背景色 | `--tree-select-content-background-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
177
+ | 树形选择标签内边距 | `--tree-select-tab-padding` | `14px * $hd var(--padding-sm, $padding-sm)` | --padding-sm → 24px(小号内边距) |
178
+ | 树形选择选项内边距 | `--tree-select-option-padding` | `0 32px * $hd 0 var(--padding-md, $padding-md)` | --padding-md → 32px(中号内边距) |
179
+ | 树形选择选项字体粗细 | `--tree-select-option-font-weight` | `var(--font-weight-bold, $font-weight-bold)` | --font-weight-bold → 500(加粗字体) |
180
+ | 树形选择选项行高 | `--tree-select-option-line-height` | `48px * $hd` | |
181
+ | 树形选择选项激活颜色 | `--tree-select-option-active-color` | `$primary-color` | |
182
+ | 树形选择选项激活背景色 | `--tree-select-option-active-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5(激活色) |
183
+ | 树形选择选项禁用颜色 | `--tree-select-option-disabled-color` | `var(--gray-5, $gray-5)` | --gray-5 → #A9AEB8(灰5) |
184
+ | 树形选择选项激活图标右侧距离 | `--tree-select-option-icon-active-right` | `var(--padding-md, $padding-md)` | --padding-md → 32px(中号内边距) |
185
+ | 树形选择选项激活图标字体大小 | `--tree-select-option-icon-active-font-size` | `16px * $hd` | |
@@ -0,0 +1,86 @@
1
+ ## 主题定制
2
+
3
+ ### 样式变量
4
+
5
+ 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 ConfigProvider 组件。
6
+
7
+ #### 基础样式
8
+
9
+ | 描述 | 名称 | 默认值 | 备注 |
10
+ | --- | --- | --- | --- |
11
+ | 上传组件尺寸 | --uploader-size | 80px | 80px |
12
+ | 上传组件禁用透明度 | --uploader-disabled-opacity | var(--disabled-opacity) | --disabled-opacity → 0.5(禁用透明度) |
13
+
14
+ #### 上传按钮
15
+
16
+ | 描述 | 名称 | 默认值 | 备注 |
17
+ | --- | --- | --- | --- |
18
+ | 上传按钮尺寸 | --uploader-upload-size | $uploader-size | |
19
+ | 上传按钮宽度 | --uploader-upload-width | $uploader-upload-size | |
20
+ | 上传按钮高度 | --uploader-upload-height | $uploader-upload-size | |
21
+ | 上传按钮外边距 | --uploader-upload-margin | var(--padding-xs) | --padding-xs → 16px(最小内边距) |
22
+ | 上传按钮背景色 | --uploader-upload-background-color | var(--gray-1) | --gray-1 → #F7F8FA(灰1) |
23
+ | 上传按钮激活背景色 | --uploader-upload-active-background-color | var(--active-color) | --active-color → #F2F3F5(激活色) |
24
+ | 上传按钮图标颜色 | --uploader-upload-icon-color | var(--gray-4) | --gray-4 → #C9CDD4(灰4) |
25
+ | 上传按钮图标字体大小 | --uploader-upload-icon-font-size | 24px | 24px |
26
+ | 上传按钮文字顶部外边距 | --uploader-upload-text-margin-top | var(--padding-xs) | --padding-xs → 16px(最小内边距) |
27
+ | 上传按钮文字颜色 | --uploader-upload-text-color | var(--gray-6) | --gray-6 → #86909C(灰6) |
28
+ | 上传按钮文字字体大小 | --uploader-upload-text-font-size | var(--font-size-sm) | --font-size-sm → 24px(小号字号) |
29
+
30
+ #### 预览样式
31
+
32
+ | 描述 | 名称 | 默认值 | 备注 |
33
+ | --- | --- | --- | --- |
34
+ | 上传预览外边距 | --uploader-preview-margin | var(--padding-xs) | --padding-xs → 16px(最小内边距) |
35
+ | 上传预览图片尺寸 | --uploader-preview-image-size | $uploader-size | |
36
+ | 上传预览图片宽度 | --uploader-preview-image-width | $uploader-preview-image-size | |
37
+ | 上传预览图片高度 | --uploader-preview-image-height | $uploader-preview-image-size | |
38
+
39
+ #### 移除按钮
40
+
41
+ | 描述 | 名称 | 默认值 | 备注 |
42
+ | --- | --- | --- | --- |
43
+ | 上传移除按钮尺寸 | --uploader-remove-size | 14px | 14px |
44
+ | 上传移除按钮宽度 | --uploader-remove-width | $uploader-remove-size | $uploader-remove-size |
45
+ | 上传移除按钮高度 | --uploader-remove-height | $uploader-remove-size | $uploader-remove-size |
46
+ | 上传移除按钮背景色 | --uploader-remove-background-color | rgba(0, 0, 0, 0.7) | |
47
+ | 上传移除按钮圆角 | --uploader-remove-border-radius | 0 0 0 12px | 0 0 0 12px |
48
+ | 上传移除按钮图标字体大小 | --uploader-remove-icon-font-size | 16px | 16px |
49
+ | 上传移除按钮图标颜色 | --uploader-remove-icon-color | var(--white) | --white → #FFFFFF(白色) |
50
+
51
+ #### 文件样式
52
+
53
+ | 描述 | 名称 | 默认值 | 备注 |
54
+ | --- | --- | --- | --- |
55
+ | 上传文件尺寸 | --uploader-file-size | $uploader-size | |
56
+ | 上传文件宽度 | --uploader-file-width | $uploader-file-size | |
57
+ | 上传文件高度 | --uploader-file-height | $uploader-file-size | |
58
+ | 上传文件背景色 | --uploader-file-background-color | var(--background-color) | --background-color → #F7F8FA(背景色) |
59
+ | 上传文件图标字体大小 | --uploader-file-icon-font-size | 20px | 20px |
60
+ | 上传文件图标颜色 | --uploader-file-icon-color | var(--gray-7) | --gray-7 → #6B7785(灰7) |
61
+ | 上传文件名内边距 | --uploader-file-name-padding | var(--padding-base) | --padding-base → 8px(基础内边距) |
62
+ | 上传文件名顶部外边距 | --uploader-file-name-margin-top | var(--padding-xs) | --padding-xs → 16px(最小内边距) |
63
+ | 上传文件名字体大小 | --uploader-file-name-font-size | var(--font-size-sm) | --font-size-sm → 24px(小号字号) |
64
+ | 上传文件名颜色 | --uploader-file-name-color | var(--gray-7) | --gray-7 → #6B7785(灰7) |
65
+
66
+ #### 遮罩样式
67
+
68
+ | 描述 | 名称 | 默认值 | 备注 |
69
+ | --- | --- | --- | --- |
70
+ | 上传遮罩颜色 | --uploader-mask-color | var(--white) | --white → #FFFFFF(白色) |
71
+ | 上传遮罩背景色 | --uploader-mask-background-color | rgba(50, 50, 51, 0.88) | |
72
+ | 上传遮罩图标尺寸 | --uploader-mask-icon-size | 22px | 22px |
73
+ | 上传遮罩消息顶部外边距 | --uploader-mask-message-margin-top | 6px | 6px |
74
+ | 上传遮罩消息内边距 | --uploader-mask-message-padding | var(--padding-base) | --padding-base → 8px(基础内边距) |
75
+ | 上传遮罩消息字体大小 | --uploader-mask-message-font-size | var(--font-size-sm) | --font-size-sm → 24px(小号字号) |
76
+ | 上传遮罩消息行高 | --uploader-mask-message-line-height | var(--line-height-xs) | --line-height-xs → 28px(最小行高) |
77
+
78
+ #### 加载样式
79
+
80
+ | 描述 | 名称 | 默认值 | 备注 |
81
+ | --- | --- | --- | --- |
82
+ | 上传加载图标尺寸 | --uploader-loading-icon-size | 22px | 22px |
83
+ | 上传加载图标宽度 | --uploader-loading-icon-width | $uploader-loading-icon-size | |
84
+ | 上传加载图标高度 | --uploader-loading-icon-height | $uploader-loading-icon-size | |
85
+ | 上传加载图标颜色 | --uploader-loading-icon-color | var(--white) | --white → #FFFFFF(白色) |
86
+
@@ -291,50 +291,82 @@ function CustomPreviewUploader() {
291
291
 
292
292
  组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
293
293
 
294
- | 名称 | 默认值 | 描述 |
295
- |-------------------------------------------|-------------------------------------------|-----|
296
- | --uploader-size | _80px * $hd_ | - |
297
- | --uploader-disabled-opacity | _var(--disabled-opacity)_ | - |
298
- | --uploader-upload-size | _var(--uploader-size)_ | - |
299
- | --uploader-upload-width | _var(--uploader-upload-size)_ | - |
300
- | --uploader-upload-height | _var(--uploader-upload-size)_ | - |
301
- | --uploader-upload-margin | _0 var(--padding-xs) var(--padding-xs) 0_ | - |
302
- | --uploader-upload-background-color | _var(--gray-1)_ | - |
303
- | --uploader-upload-active-background-color | _var(--active-color)_ | - |
304
- | --uploader-upload-icon-color | _var(--gray-4)_ | - |
305
- | --uploader-upload-icon-font-size | _24px * $hd_ | - |
306
- | --uploader-upload-text-margin-top | _var(--padding-xs)_ | - |
307
- | --uploader-upload-text-color | _var(--gray-6)_ | - |
308
- | --uploader-upload-text-font-size | _var(--font-size-sm)_ | - |
309
- | --uploader-preview-margin | _0 var(--padding-xs) var(--padding-xs) 0_ | - |
310
- | --uploader-preview-image-size | _var(--uploader-size)_ | - |
311
- | --uploader-preview-image-width | _var(--uploader-preview-image-size)_ | - |
312
- | --uploader-preview-image-height | _var(--uploader-preview-image-size)_ | - |
313
- | --uploader-remove-size | _14px * $hd_ | - |
314
- | --uploader-remove-width | _var(--uploader-remove-size)_ | - |
315
- | --uploader-remove-height | _var(--uploader-remove-size)_ | - |
316
- | --uploader-remove-background-color | _rgba(0, 0, 0, 0.7)_ | - |
317
- | --uploader-remove-border-radius | _0 0 0 12px * $hd_ | - |
318
- | --uploader-remove-icon-font-size | _16px * $hd_ | - |
319
- | --uploader-remove-icon-color | _var(--white)_ | - |
320
- | --uploader-file-size | _var(--uploader-size)_ | - |
321
- | --uploader-file-width | _var(--uploader-file-size)_ | - |
322
- | --uploader-file-height | _var(--uploader-file-size)_ | - |
323
- | --uploader-file-background-color | _var(--background-color)_ | - |
324
- | --uploader-file-icon-font-size | _20px * $hd_ | - |
325
- | --uploader-file-icon-color | _var(--gray-7)_ | - |
326
- | --uploader-file-name-padding | _0 var(--padding-base)_ | - |
327
- | --uploader-file-name-margin-top | _var(--padding-xs)_ | - |
328
- | --uploader-file-name-font-size | _var(--font-size-sm)_ | - |
329
- | --uploader-file-name-color | _var(--gray-7)_ | - |
330
- | --uploader-mask-color | _var(--white)_ | - |
331
- | --uploader-mask-background-color | _rgba(50, 50, 51, 0.88)_ | - |
332
- | --uploader-mask-icon-size | _22px * $hd_ | - |
333
- | --uploader-mask-message-margin-top | _6px * $hd_ | - |
334
- | --uploader-mask-message-padding | _0 var(--padding-base)_ | - |
335
- | --uploader-mask-message-font-size | _var(--font-size-sm)_ | - |
336
- | --uploader-mask-message-line-height | _var(--line-height-xs)_ | - |
337
- | --uploader-loading-icon-size | _22px * $hd_ | - |
338
- | --uploader-loading-icon-width | _var(--uploader-loading-icon-size)_ | - |
339
- | --uploader-loading-icon-height | _var(--uploader-loading-icon-size)_ | - |
340
- | --uploader-loading-icon-color | _var(--white)_ | - |
294
+ #### 基础样式
295
+
296
+ | 描述 | 名称 | 默认值 | 备注 |
297
+ | --- | --- | --- | --- |
298
+ | 上传组件尺寸 | `--uploader-size` | `80px * $hd` | |
299
+ | 上传组件禁用透明度 | `--uploader-disabled-opacity` | `var(--disabled-opacity, $disabled-opacity)` | --disabled-opacity → 0.5(禁用透明度) |
300
+
301
+ #### 上传按钮
302
+
303
+ | 描述 | 名称 | 默认值 | 备注 |
304
+ | --- | --- | --- | --- |
305
+ | 上传按钮尺寸 | `--uploader-upload-size` | `$uploader-size` | |
306
+ | 上传按钮宽度 | `--uploader-upload-width` | `$uploader-upload-size` | |
307
+ | 上传按钮高度 | `--uploader-upload-height` | `$uploader-upload-size` | |
308
+ | 上传按钮外边距 | `--uploader-upload-margin` | `0 var(--padding-xs, $padding-xs) var(--padding-xs, $padding-xs) 0` | --padding-xs → 16px(最小内边距) |
309
+ | 上传按钮背景色 | `--uploader-upload-background-color` | `var(--gray-1, $gray-1)` | --gray-1 #F7F8FA(灰1) |
310
+ | 上传按钮激活背景色 | `--uploader-upload-active-background-color` | `var(--active-color, $active-color)` | --active-color → #F2F3F5(激活色) |
311
+ | 上传按钮图标颜色 | `--uploader-upload-icon-color` | `var(--gray-4, $gray-4)` | --gray-4 → #C9CDD4(灰4) |
312
+ | 上传按钮图标字体大小 | `--uploader-upload-icon-font-size` | `24px * $hd` | |
313
+ | 上传按钮文字顶部外边距 | `--uploader-upload-text-margin-top` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px(最小内边距) |
314
+ | 上传按钮文字颜色 | `--uploader-upload-text-color` | `var(--gray-6, $gray-6)` | --gray-6 → #86909C(灰6) |
315
+ | 上传按钮文字字体大小 | `--uploader-upload-text-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px(小号字号) |
316
+
317
+ #### 预览样式
318
+
319
+ | 描述 | 名称 | 默认值 | 备注 |
320
+ | --- | --- | --- | --- |
321
+ | 上传预览外边距 | `--uploader-preview-margin` | `0 var(--padding-xs, $padding-xs) var(--padding-xs, $padding-xs) 0` | --padding-xs → 16px(最小内边距) |
322
+ | 上传预览图片尺寸 | `--uploader-preview-image-size` | `$uploader-size` | |
323
+ | 上传预览图片宽度 | `--uploader-preview-image-width` | `$uploader-preview-image-size` | |
324
+ | 上传预览图片高度 | `--uploader-preview-image-height` | `$uploader-preview-image-size` | |
325
+
326
+ #### 移除按钮
327
+
328
+ | 描述 | 名称 | 默认值 | 备注 |
329
+ | --- | --- | --- | --- |
330
+ | 上传移除按钮尺寸 | `--uploader-remove-size` | `14px * $hd` | |
331
+ | 上传移除按钮宽度 | `--uploader-remove-width` | `$uploader-remove-size` | |
332
+ | 上传移除按钮高度 | `--uploader-remove-height` | `$uploader-remove-size` | |
333
+ | 上传移除按钮背景色 | `--uploader-remove-background-color` | `rgba(0, 0, 0, 0.7` | |
334
+ | 上传移除按钮圆角 | `--uploader-remove-border-radius` | `0 0 0 12px * $hd` | |
335
+ | 上传移除按钮图标字体大小 | `--uploader-remove-icon-font-size` | `16px * $hd` | |
336
+ | 上传移除按钮图标颜色 | `--uploader-remove-icon-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
337
+
338
+ #### 文件样式
339
+
340
+ | 描述 | 名称 | 默认值 | 备注 |
341
+ | --- | --- | --- | --- |
342
+ | 上传文件尺寸 | `--uploader-file-size` | `$uploader-size` | |
343
+ | 上传文件宽度 | `--uploader-file-width` | `$uploader-file-size` | |
344
+ | 上传文件高度 | `--uploader-file-height` | `$uploader-file-size` | |
345
+ | 上传文件背景色 | `--uploader-file-background-color` | `var(--background-color, $background-color)` | --background-color → #F7F8FA(背景色) |
346
+ | 上传文件图标字体大小 | `--uploader-file-icon-font-size` | `20px * $hd` | |
347
+ | 上传文件图标颜色 | `--uploader-file-icon-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785(灰7) |
348
+ | 上传文件名内边距 | `--uploader-file-name-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px(基础内边距) |
349
+ | 上传文件名顶部外边距 | `--uploader-file-name-margin-top` | `var(--padding-xs, $padding-xs)` | --padding-xs → 16px(最小内边距) |
350
+ | 上传文件名字体大小 | `--uploader-file-name-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px(小号字号) |
351
+ | 上传文件名颜色 | `--uploader-file-name-color` | `var(--gray-7, $gray-7)` | --gray-7 → #6B7785(灰7) |
352
+
353
+ #### 遮罩样式
354
+
355
+ | 描述 | 名称 | 默认值 | 备注 |
356
+ | --- | --- | --- | --- |
357
+ | 上传遮罩颜色 | `--uploader-mask-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
358
+ | 上传遮罩背景色 | `--uploader-mask-background-color` | `rgba(50, 50, 51, 0.88` | |
359
+ | 上传遮罩图标尺寸 | `--uploader-mask-icon-size` | `22px * $hd` | |
360
+ | 上传遮罩消息顶部外边距 | `--uploader-mask-message-margin-top` | `6px * $hd` | |
361
+ | 上传遮罩消息内边距 | `--uploader-mask-message-padding` | `0 var(--padding-base, $padding-base)` | --padding-base → 8px(基础内边距) |
362
+ | 上传遮罩消息字体大小 | `--uploader-mask-message-font-size` | `var(--font-size-sm, $font-size-sm)` | --font-size-sm → 24px(小号字号) |
363
+ | 上传遮罩消息行高 | `--uploader-mask-message-line-height` | `var(--line-height-xs, $line-height-xs)` | --line-height-xs → 28px(最小行高) |
364
+
365
+ #### 加载样式
366
+
367
+ | 描述 | 名称 | 默认值 | 备注 |
368
+ | --- | --- | --- | --- |
369
+ | 上传加载图标尺寸 | `--uploader-loading-icon-size` | `22px * $hd` | |
370
+ | 上传加载图标宽度 | `--uploader-loading-icon-width` | `$uploader-loading-icon-size` | |
371
+ | 上传加载图标高度 | `--uploader-loading-icon-height` | `$uploader-loading-icon-size` | |
372
+ | 上传加载图标颜色 | `--uploader-loading-icon-color` | `var(--white, $white)` | --white → #FFFFFF(白色) |
@@ -0,0 +1,12 @@
1
+ ## 主题定制
2
+
3
+ ### 样式变量
4
+
5
+ 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 ConfigProvider 组件。
6
+
7
+ #### 基础样式
8
+
9
+ | 描述 | 名称 | 默认值 | 备注 |
10
+ | --- | --- | --- | --- |
11
+ | 水印层级 | --watermark-z-index | 100 | |
12
+
@@ -90,8 +90,8 @@ import { Watermark } from "@fjyueke/bify-core"
90
90
 
91
91
  ### 样式变量
92
92
 
93
- 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider 组件](/components/config-provider)
93
+ 组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
94
94
 
95
- | 名称 | 默认值 | 描述 |
96
- | ------------------- | ------ | --------------------- |
97
- | --watermark-z-index | _100_ | 根节点的 z-index 层级 |
95
+ | 描述 | 名称 | 默认值 | 备注 |
96
+ | --- | --- | --- | --- |
97
+ | 水印层级 | `--watermark-z-index` | `100` | |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fjyueke/bify-mcp",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "type": "module",
5
5
  "description": "MCP UI builder by Bify",
6
6
  "license": "MIT",
@@ -26,8 +26,8 @@
26
26
  "build": "tsup",
27
27
  "download": "jiti scripts/downloadRepo",
28
28
  "analyze": "jiti scripts/analyze-doc",
29
- "sync": "jiti scripts/syncFromYktify",
30
- "sync:build": "jiti scripts/syncFromYktify && tsup"
29
+ "sync": "jiti scripts/syncFromBify",
30
+ "sync:build": "jiti scripts/syncFromBify && tsup"
31
31
  },
32
32
  "dependencies": {
33
33
  "@modelcontextprotocol/sdk": "^1.9.0",