@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.
- package/README.md +21 -0
- package/dist/index.js +98 -12
- package/metaData/components/action-sheet/css-variables.md +16 -0
- package/metaData/components/action-sheet/doc.md +7 -7
- package/metaData/components/avatar/css-variables.md +53 -0
- package/metaData/components/avatar/doc.md +46 -24
- package/metaData/components/back-top/css-variables.md +18 -0
- package/metaData/components/back-top/doc.md +9 -9
- package/metaData/components/backdrop/css-variables.md +13 -0
- package/metaData/components/backdrop/doc.md +4 -4
- package/metaData/components/badge/css-variables.md +23 -0
- package/metaData/components/badge/doc.md +14 -14
- package/metaData/components/button/css-variables.md +97 -0
- package/metaData/components/button/doc.md +90 -38
- package/metaData/components/calendar/css-variables.md +75 -0
- package/metaData/components/calendar/doc.md +68 -30
- package/metaData/components/cascader/css-variables.md +45 -0
- package/metaData/components/cascader/doc.md +38 -21
- package/metaData/components/cell/css-variables.md +50 -0
- package/metaData/components/cell/doc.md +44 -32
- package/metaData/components/checkbox/css-variables.md +27 -0
- package/metaData/components/checkbox/doc.md +18 -18
- package/metaData/components/circle/css-variables.md +22 -0
- package/metaData/components/circle/doc.md +13 -13
- package/metaData/components/collapse/css-variables.md +18 -0
- package/metaData/components/collapse/doc.md +9 -9
- package/metaData/components/countdown/css-variables.md +14 -0
- package/metaData/components/countdown/doc.md +5 -5
- package/metaData/components/dialog/css-variables.md +58 -0
- package/metaData/components/dialog/doc.md +51 -29
- package/metaData/components/divider/css-variables.md +21 -0
- package/metaData/components/divider/doc.md +12 -12
- package/metaData/components/dropdown-menu/css-variables.md +31 -0
- package/metaData/components/dropdown-menu/doc.md +24 -17
- package/metaData/components/empty/css-variables.md +19 -0
- package/metaData/components/empty/doc.md +11 -11
- package/metaData/components/fixed-nav/css-variables.md +17 -0
- package/metaData/components/fixed-nav/doc.md +9 -8
- package/metaData/components/fixed-view/css-variables.md +12 -0
- package/metaData/components/fixed-view/doc.md +11 -0
- package/metaData/components/floating-bubble/css-variables.md +18 -0
- package/metaData/components/floating-bubble/doc.md +10 -10
- package/metaData/components/floating-panel/css-variables.md +18 -0
- package/metaData/components/floating-panel/doc.md +9 -9
- package/metaData/components/form/css-variables.md +25 -0
- package/metaData/components/form/doc.md +17 -17
- package/metaData/components/grid/css-variables.md +17 -0
- package/metaData/components/grid/doc.md +8 -8
- package/metaData/components/image/css-variables.md +16 -0
- package/metaData/components/image/doc.md +7 -7
- package/metaData/components/index-list/css-variables.md +25 -0
- package/metaData/components/index-list/doc.md +17 -17
- package/metaData/components/list/css-variables.md +17 -0
- package/metaData/components/list/doc.md +8 -9
- package/metaData/components/loading/css-variables.md +18 -0
- package/metaData/components/loading/doc.md +9 -9
- package/metaData/components/navbar/css-variables.md +21 -0
- package/metaData/components/navbar/doc.md +12 -13
- package/metaData/components/notice-bar/css-variables.md +20 -0
- package/metaData/components/notice-bar/doc.md +11 -11
- package/metaData/components/notify/css-variables.md +19 -0
- package/metaData/components/notify/doc.md +10 -10
- package/metaData/components/number-keyboard/css-variables.md +41 -0
- package/metaData/components/number-keyboard/doc.md +34 -24
- package/metaData/components/pagination/css-variables.md +23 -0
- package/metaData/components/pagination/doc.md +14 -14
- package/metaData/components/password-input/css-variables.md +47 -0
- package/metaData/components/password-input/doc.md +40 -23
- package/metaData/components/picker/css-variables.md +12 -0
- package/metaData/components/picker/doc.md +12 -20
- package/metaData/components/popup/css-variables.md +20 -0
- package/metaData/components/popup/doc.md +11 -11
- package/metaData/components/progress/css-variables.md +21 -0
- package/metaData/components/progress/doc.md +13 -13
- package/metaData/components/pull-refresh/css-variables.md +18 -0
- package/metaData/components/pull-refresh/doc.md +9 -9
- package/metaData/components/radio/css-variables.md +27 -0
- package/metaData/components/radio/doc.md +18 -18
- package/metaData/components/rate/css-variables.md +16 -0
- package/metaData/components/rate/doc.md +7 -7
- package/metaData/components/rolling-text/css-variables.md +20 -0
- package/metaData/components/rolling-text/doc.md +11 -8
- package/metaData/components/search/css-variables.md +30 -0
- package/metaData/components/search/doc.md +21 -21
- package/metaData/components/share-sheet/css-variables.md +26 -0
- package/metaData/components/share-sheet/doc.md +17 -19
- package/metaData/components/sidebar/css-variables.md +11 -0
- package/metaData/components/sidebar/doc.md +18 -18
- package/metaData/components/signature/css-variables.md +11 -0
- package/metaData/components/signature/doc.md +7 -7
- package/metaData/components/skeleton/css-variables.md +11 -0
- package/metaData/components/skeleton/doc.md +11 -11
- package/metaData/components/slider/css-variables.md +11 -0
- package/metaData/components/slider/doc.md +13 -13
- package/metaData/components/space/css-variables.md +11 -0
- package/metaData/components/space/doc.md +14 -14
- package/metaData/components/stepper/css-variables.md +30 -0
- package/metaData/components/stepper/doc.md +24 -24
- package/metaData/components/steps/css-variables.md +32 -0
- package/metaData/components/steps/doc.md +23 -23
- package/metaData/components/sticky/css-variables.md +12 -0
- package/metaData/components/sticky/doc.md +3 -3
- package/metaData/components/swiper/css-variables.md +20 -0
- package/metaData/components/swiper/doc.md +11 -11
- package/metaData/components/switch/css-variables.md +11 -0
- package/metaData/components/switch/doc.md +18 -19
- package/metaData/components/tabbar/css-variables.md +21 -0
- package/metaData/components/tabbar/doc.md +12 -12
- package/metaData/components/tabs/css-variables.md +35 -0
- package/metaData/components/tabs/doc.md +28 -21
- package/metaData/components/tag/css-variables.md +81 -0
- package/metaData/components/tag/doc.md +74 -32
- package/metaData/components/text-ellipsis/css-variables.md +13 -0
- package/metaData/components/text-ellipsis/doc.md +6 -6
- package/metaData/components/timeline/css-variables.md +32 -0
- package/metaData/components/timeline/doc.md +29 -29
- package/metaData/components/toast/css-variables.md +30 -0
- package/metaData/components/toast/doc.md +21 -22
- package/metaData/components/tree-select/css-variables.md +23 -0
- package/metaData/components/tree-select/doc.md +14 -14
- package/metaData/components/uploader/css-variables.md +86 -0
- package/metaData/components/uploader/doc.md +79 -47
- package/metaData/components/watermark/css-variables.md +12 -0
- package/metaData/components/watermark/doc.md +4 -4
- 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
|
-
|
|
|
238
|
-
|
|
|
239
|
-
|
|
|
240
|
-
|
|
|
241
|
-
|
|
|
242
|
-
|
|
|
243
|
-
|
|
|
244
|
-
|
|
|
245
|
-
|
|
|
246
|
-
|
|
|
247
|
-
|
|
|
248
|
-
|
|
|
249
|
-
|
|
|
250
|
-
|
|
|
251
|
-
|
|
|
252
|
-
|
|
|
253
|
-
|
|
|
254
|
-
|
|
|
255
|
-
|
|
|
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
|
-
|
|
|
175
|
-
|
|
|
176
|
-
|
|
|
177
|
-
|
|
|
178
|
-
|
|
|
179
|
-
|
|
|
180
|
-
|
|
|
181
|
-
|
|
|
182
|
-
|
|
|
183
|
-
|
|
|
184
|
-
|
|
|
185
|
-
|
|
|
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
|
-
|
|
|
297
|
-
|
|
|
298
|
-
|
|
|
299
|
-
|
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
|
304
|
-
|
|
|
305
|
-
|
|
|
306
|
-
|
|
|
307
|
-
|
|
|
308
|
-
|
|
|
309
|
-
|
|
|
310
|
-
|
|
|
311
|
-
|
|
|
312
|
-
|
|
|
313
|
-
|
|
|
314
|
-
|
|
|
315
|
-
|
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
|
320
|
-
|
|
|
321
|
-
|
|
|
322
|
-
|
|
|
323
|
-
|
|
|
324
|
-
|
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
|
329
|
-
|
|
|
330
|
-
|
|
|
331
|
-
|
|
|
332
|
-
|
|
|
333
|
-
|
|
|
334
|
-
|
|
|
335
|
-
|
|
|
336
|
-
|
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
|
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(白色) |
|
|
@@ -90,8 +90,8 @@ import { Watermark } from "@fjyueke/bify-core"
|
|
|
90
90
|
|
|
91
91
|
### 样式变量
|
|
92
92
|
|
|
93
|
-
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider
|
|
93
|
+
组件提供了下列 CSS 变量,可用于自定义样式,使用方法请参考 [ConfigProvider](/components/config-provider/) 组件。
|
|
94
94
|
|
|
95
|
-
| 名称
|
|
96
|
-
|
|
|
97
|
-
|
|
|
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.
|
|
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/
|
|
30
|
-
"sync:build": "jiti scripts/
|
|
29
|
+
"sync": "jiti scripts/syncFromBify",
|
|
30
|
+
"sync:build": "jiti scripts/syncFromBify && tsup"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@modelcontextprotocol/sdk": "^1.9.0",
|