@wot-ui/ui 2.0.0-alpha.8 → 2.0.0
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/attributes.json +1 -1
- package/changelog.md +4 -86
- package/components/wd-action-sheet/index.scss +5 -5
- package/components/wd-avatar/index.scss +5 -5
- package/components/wd-backtop/index.scss +2 -2
- package/components/wd-badge/index.scss +2 -2
- package/components/wd-button/index.scss +5 -5
- package/components/wd-button/types.ts +10 -1
- package/components/wd-button/wd-button.vue +2 -2
- package/components/wd-calendar/index.scss +1 -1
- package/components/wd-calendar-view/index.scss +3 -3
- package/components/wd-card/index.scss +2 -2
- package/components/wd-cascader/index.scss +3 -3
- package/components/wd-cell/index.scss +8 -8
- package/components/wd-checkbox/index.scss +3 -3
- package/components/wd-circle/index.scss +1 -1
- package/components/wd-collapse-item/index.scss +2 -2
- package/components/wd-config-provider/types.ts +1 -1
- package/components/wd-count-down/index.scss +1 -1
- package/components/wd-count-to/index.scss +2 -2
- package/components/wd-datetime-picker/index.scss +3 -3
- package/components/wd-dialog/index.scss +3 -3
- package/components/wd-divider/index.scss +1 -1
- package/components/wd-drop-menu/index.scss +1 -1
- package/components/wd-drop-menu-item/index.scss +2 -2
- package/components/wd-empty/index.scss +1 -1
- package/components/wd-form-item/index.scss +1 -1
- package/components/wd-grid-item/index.scss +1 -1
- package/components/wd-icon/types.ts +8 -5
- package/components/wd-icon/wd-icon.vue +20 -6
- package/components/wd-image-preview/index.scss +1 -1
- package/components/wd-img/index.scss +1 -1
- package/components/wd-index-bar/index.scss +3 -3
- package/components/wd-input/index.scss +1 -1
- package/components/wd-input-number/index.scss +1 -1
- package/components/wd-keyboard/key/index.scss +3 -3
- package/components/wd-loading/index.scss +5 -5
- package/components/wd-loadmore/index.scss +2 -2
- package/components/wd-notice-bar/index.scss +1 -1
- package/components/wd-notify/index.scss +1 -1
- package/components/wd-pagination/index.scss +2 -2
- package/components/wd-password-input/index.scss +2 -2
- package/components/wd-picker/index.scss +1 -1
- package/components/wd-popover/index.scss +1 -1
- package/components/wd-progress/index.scss +2 -2
- package/components/wd-radio/index.scss +3 -3
- package/components/wd-search/index.scss +4 -4
- package/components/wd-segmented/index.scss +1 -1
- package/components/wd-sidebar-item/index.scss +1 -1
- package/components/wd-skeleton/index.scss +1 -1
- package/components/wd-slide-verify/index.scss +1 -1
- package/components/wd-slider/index.scss +4 -4
- package/components/wd-sort-button/index.scss +1 -1
- package/components/wd-step/index.scss +4 -4
- package/components/wd-swiper-nav/index.scss +3 -3
- package/components/wd-switch/index.scss +2 -2
- package/components/wd-switch/types.ts +33 -5
- package/components/wd-switch/wd-switch.vue +23 -3
- package/components/wd-tabbar/index.scss +1 -1
- package/components/wd-tabbar-item/index.scss +1 -1
- package/components/wd-table/index.scss +1 -1
- package/components/wd-tabs/index.scss +4 -4
- package/components/wd-tag/index.scss +6 -6
- package/components/wd-text/index.scss +1 -1
- package/components/wd-textarea/index.scss +2 -2
- package/components/wd-toast/index.scss +1 -1
- package/components/wd-toast/types.ts +14 -4
- package/components/wd-toast/wd-toast.vue +5 -2
- package/components/wd-tooltip/index.scss +1 -1
- package/components/wd-tour/index.scss +1 -1
- package/components/wd-upload/index.scss +3 -3
- package/package.json +1 -1
- package/styles/theme/base/radius.scss +1 -1
- package/styles/theme/base/typography.scss +13 -13
- package/styles/variable.scss +14 -14
- package/tags.json +1 -1
- package/web-types.json +1 -1
package/changelog.md
CHANGED
|
@@ -1,98 +1,16 @@
|
|
|
1
1
|
# 更新日志
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
## [2.0.0
|
|
4
|
+
## [2.0.0](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.21...v2.0.0) (2026-04-21)
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
### ✏️ Documentation | 文档
|
|
8
8
|
|
|
9
|
-
* ✏️
|
|
10
|
-
|
|
11
|
-
## [2.0.0-alpha.7](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.6...v2.0.0-alpha.7) (2026-04-12)
|
|
12
|
-
|
|
13
|
-
## [2.0.0-alpha.6](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2026-04-12)
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
### ✨ Features | 新功能
|
|
17
|
-
|
|
18
|
-
* ✨ WIP ([9582280](https://github.com/wot-ui/wot-ui/commit/9582280662b6a336f52707d4cabb436f15d4a2cb))
|
|
19
|
-
* ✨ WIP ([9d8a173](https://github.com/wot-ui/wot-ui/commit/9d8a1734fb7f7387e044d806392b70936da314a7))
|
|
20
|
-
* ✨ WIP ([cb70bfd](https://github.com/wot-ui/wot-ui/commit/cb70bfd76fb549e6137968d0584c28e7a7014d71))
|
|
21
|
-
* ✨ WIP ([aef0140](https://github.com/wot-ui/wot-ui/commit/aef0140e0c72faa7c36238b1309642d1316c21fd))
|
|
22
|
-
* ✨ WIP ([e9c7159](https://github.com/wot-ui/wot-ui/commit/e9c71596af0e18f7545d242cc0925872f1848cfb))
|
|
23
|
-
* ✨ WIP ([cec770b](https://github.com/wot-ui/wot-ui/commit/cec770b08893e7df7be7767b8817e9a6fe2685ee))
|
|
24
|
-
* ✨ WIP ([3c2b401](https://github.com/wot-ui/wot-ui/commit/3c2b4018abcd8833d39c485fe8ea5354d0fe7061))
|
|
25
|
-
* ✨ WIP ([343fc11](https://github.com/wot-ui/wot-ui/commit/343fc11f71ba800b8049d9ce05976022499fbb35))
|
|
26
|
-
* **button:** ✨ 新增 soft 类型变体 ([#1](https://github.com/wot-ui/wot-ui/issues/1)) ([a9c15df](https://github.com/wot-ui/wot-ui/commit/a9c15df53b9f92528ad61bbbd725c1c6781c33d0))
|
|
27
|
-
|
|
28
|
-
## [2.0.0-alpha.5](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.4...v2.0.0-alpha.5) (2026-04-08)
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
### ✨ Features | 新功能
|
|
32
|
-
|
|
33
|
-
* ✨ WIP ([4aaab9b](https://github.com/wot-ui/wot-ui/commit/4aaab9b311677933c0f9fe800649aecb0ea8088c))
|
|
34
|
-
* ✨ WIP ([fa64e4f](https://github.com/wot-ui/wot-ui/commit/fa64e4f2f2d3049b85322883e63fdb968fde9cfa))
|
|
35
|
-
* ✨ WIP ([96ad504](https://github.com/wot-ui/wot-ui/commit/96ad5040c2b56b648007a76d956c8604890d291c))
|
|
36
|
-
* ✨ WIP ([4c0be9a](https://github.com/wot-ui/wot-ui/commit/4c0be9a08472390be77cd6eec7987b57e6e1c35a))
|
|
37
|
-
* ✨ WIP ([50a0e03](https://github.com/wot-ui/wot-ui/commit/50a0e03cb9f9b9873e456fd212a0053c233c6d8a))
|
|
38
|
-
|
|
39
|
-
## [2.0.0-alpha.4](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.3...v2.0.0-alpha.4) (2026-04-07)
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
### ✨ Features | 新功能
|
|
43
|
-
|
|
44
|
-
* ✨ WIP ([a1de9b1](https://github.com/wot-ui/wot-ui/commit/a1de9b16c441163d7f176f2e39619efc6eb3b8be))
|
|
45
|
-
* ✨ WIP ([4a1a4c9](https://github.com/wot-ui/wot-ui/commit/4a1a4c97fba796ab5c270c91800b7ea43e2736c6))
|
|
46
|
-
* ✨ WIP ([72d3d60](https://github.com/wot-ui/wot-ui/commit/72d3d60f8fb4e00d2979b9113194c5fc78936f98))
|
|
47
|
-
* ✨ WIP ([124bd88](https://github.com/wot-ui/wot-ui/commit/124bd886b1df4db98a1f206b7d64784140524c93))
|
|
48
|
-
|
|
49
|
-
## [2.0.0-alpha.3](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.2...v2.0.0-alpha.3) (2026-04-06)
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
### ✨ Features | 新功能
|
|
53
|
-
|
|
54
|
-
* ✨ WIP ([a21ee36](https://github.com/wot-ui/wot-ui/commit/a21ee36e66e970f0e8df1e8957f57948c535aad6))
|
|
55
|
-
* ✨ WIP ([f1529f3](https://github.com/wot-ui/wot-ui/commit/f1529f324285f728a2e40cf332563a2aefb596ec))
|
|
56
|
-
* ✨ WIP ([3c48af8](https://github.com/wot-ui/wot-ui/commit/3c48af810294e5864de5cb79ba563de1f10e1cfa))
|
|
57
|
-
|
|
58
|
-
## [2.0.0-alpha.2](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2026-04-06)
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
### ✨ Features | 新功能
|
|
62
|
-
|
|
63
|
-
* ✨ WIP ([73317ee](https://github.com/wot-ui/wot-ui/commit/73317ee090cef1f55d8619919aa8a05b43eb1ccd))
|
|
64
|
-
|
|
65
|
-
## [2.0.0-alpha.1](https://github.com/wot-ui/wot-ui/compare/v2.0.0-alpha.0...v2.0.0-alpha.1) (2026-04-06)
|
|
9
|
+
* ✏️ 更新 banner 背景样式和按钮过渡效果,增强视觉效果 ([0dedfc1](https://github.com/wot-ui/wot-ui/commit/0dedfc16966c5946a0ad464b22ef5c95ae44a147))
|
|
66
10
|
|
|
67
11
|
|
|
68
12
|
### ✨ Features | 新功能
|
|
69
13
|
|
|
70
|
-
* ✨
|
|
14
|
+
* ✨ wot-ui v2 发布 ([2e96ba1](https://github.com/wot-ui/wot-ui/commit/2e96ba168360672521df51aa120ce03a1cf31ca0))
|
|
71
15
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
### ✏️ Documentation | 文档
|
|
76
|
-
|
|
77
|
-
* ✏️ 优化首页标题展示效果 ([3b6833c](https://github.com/wot-ui/wot-ui/commit/3b6833c911f6d091c8e8385078e4ef376d9b2d2a))
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
### ✨ Features | 新功能
|
|
81
|
-
|
|
82
|
-
* ✨ v2 初始化 ([219f4d4](https://github.com/wot-ui/wot-ui/commit/219f4d4dcdd11b9161065fc5e5fcbe67a36e0f0a))
|
|
83
|
-
* ✨ WIP ([a65b6e2](https://github.com/wot-ui/wot-ui/commit/a65b6e249eb5081037a055ab998f65253cb61df8))
|
|
84
|
-
* ✨ WIP ([08dc4f2](https://github.com/wot-ui/wot-ui/commit/08dc4f2759641e1db1a158bd03477f53e044de58))
|
|
85
|
-
* ✨ WIP ([4b94773](https://github.com/wot-ui/wot-ui/commit/4b94773629af81e253bd27ef583a520cca9f983e))
|
|
86
|
-
* ✨ WIP ([9d03ea1](https://github.com/wot-ui/wot-ui/commit/9d03ea1e2787a15359f243081f0e871e87277bba))
|
|
87
|
-
* ✨ WIP ([0c75bdc](https://github.com/wot-ui/wot-ui/commit/0c75bdc84c02a5aa725308c3e4c6ca873c675c6a))
|
|
88
|
-
* ✨ WIP ([ddca5c3](https://github.com/wot-ui/wot-ui/commit/ddca5c361978e2366041454b98d789f5fe94ccdd))
|
|
89
|
-
* ✨ WIP ([651fc4e](https://github.com/wot-ui/wot-ui/commit/651fc4e6079010067af2895011a846257c07b0a1))
|
|
90
|
-
* ✨ WIP ([83f1afb](https://github.com/wot-ui/wot-ui/commit/83f1afbd71a9ac1da6052ea0e366cac2c116ac47))
|
|
91
|
-
* ✨ WIP ([105ac1b](https://github.com/wot-ui/wot-ui/commit/105ac1b9e5170bde9669b1c9088514199667b177))
|
|
92
|
-
* ✨ WIP ([611bee9](https://github.com/wot-ui/wot-ui/commit/611bee9dc9b6e9e5c920aa142564fb0e04058b1b))
|
|
93
|
-
* ✨ WIP ([0f5ad92](https://github.com/wot-ui/wot-ui/commit/0f5ad92c6c1baaf16009987d257622b6a2006bd4))
|
|
94
|
-
* ✨ WIP ([d284db9](https://github.com/wot-ui/wot-ui/commit/d284db952157398b4a30f99b54c8f006304cbf28))
|
|
95
|
-
* ✨ WIP ([19eaa47](https://github.com/wot-ui/wot-ui/commit/19eaa474a9ea7efcb63de3557c4d9a1d7198733f))
|
|
96
|
-
* ✨ WIP ([8ef0b9c](https://github.com/wot-ui/wot-ui/commit/8ef0b9c3ea4ecefada742eca0a25922201c62f30))
|
|
97
|
-
* ✨ WIP ([1333cc6](https://github.com/wot-ui/wot-ui/commit/1333cc6b93647369fea1f7862406b0865f6e41af))
|
|
98
|
-
* ✨ WIP ([7f3f18c](https://github.com/wot-ui/wot-ui/commit/7f3f18ce60cb780d0509b7b421b133f080f9527b))
|
|
16
|
+
# 更新日志
|
|
@@ -10,7 +10,7 @@ $action-sheet-action-bg: var(--wot-action-sheet-action-bg, $filled-oppo) !defaul
|
|
|
10
10
|
// 操作项字体大小
|
|
11
11
|
$action-sheet-action-font-size: var(--wot-action-sheet-action-font-size, $typography-title-size-main) !default;
|
|
12
12
|
// 操作项行高
|
|
13
|
-
$action-sheet-action-line-height: var(--wot-action-sheet-action-line-height, $typography-title-line
|
|
13
|
+
$action-sheet-action-line-height: var(--wot-action-sheet-action-line-height, $typography-title-line-height-size-main) !default;
|
|
14
14
|
// 操作项文字颜色
|
|
15
15
|
$action-sheet-action-color: var(--wot-action-sheet-action-color, $text-main) !default;
|
|
16
16
|
// 操作项内边距
|
|
@@ -22,7 +22,7 @@ $action-sheet-cancel-bg: var(--wot-action-sheet-cancel-bg, $filled-oppo) !defaul
|
|
|
22
22
|
// 取消按钮字体大小
|
|
23
23
|
$action-sheet-cancel-font-size: var(--wot-action-sheet-cancel-font-size, $typography-title-size-main) !default;
|
|
24
24
|
// 取消按钮行高
|
|
25
|
-
$action-sheet-cancel-line-height: var(--wot-action-sheet-cancel-line-height, $typography-title-line
|
|
25
|
+
$action-sheet-cancel-line-height: var(--wot-action-sheet-cancel-line-height, $typography-title-line-height-size-main) !default;
|
|
26
26
|
// 取消按钮文字颜色
|
|
27
27
|
$action-sheet-cancel-color: var(--wot-action-sheet-cancel-color, $text-main) !default;
|
|
28
28
|
// 取消按钮内边距
|
|
@@ -32,7 +32,7 @@ $action-sheet-gap-height: var(--wot-action-sheet-gap-height, $spacing-tight) !de
|
|
|
32
32
|
// 描述文本字体大小
|
|
33
33
|
$action-sheet-description-font-size: var(--wot-action-sheet-description-font-size, $typography-body-size-main) !default;
|
|
34
34
|
// 描述文本行高
|
|
35
|
-
$action-sheet-description-line-height: var(--wot-action-sheet-description-line-height, $typography-body-line
|
|
35
|
+
$action-sheet-description-line-height: var(--wot-action-sheet-description-line-height, $typography-body-line-height-size-main) !default;
|
|
36
36
|
// 描述文本颜色
|
|
37
37
|
$action-sheet-description-color: var(--wot-action-sheet-description-color, $text-auxiliary) !default;
|
|
38
38
|
// 描述文本顶部外边距
|
|
@@ -56,7 +56,7 @@ $action-sheet-panel-img-radius: var(--wot-action-sheet-panel-img-radius, $radius
|
|
|
56
56
|
// 面板标题字体大小
|
|
57
57
|
$action-sheet-panel-title-font-size: var(--wot-action-sheet-panel-title-font-size, $typography-label-size-main) !default;
|
|
58
58
|
// 面板标题行高
|
|
59
|
-
$action-sheet-panel-title-line-height: var(--wot-action-sheet-panel-title-line-height, $typography-label-line
|
|
59
|
+
$action-sheet-panel-title-line-height: var(--wot-action-sheet-panel-title-line-height, $typography-label-line-height-size-main) !default;
|
|
60
60
|
// 面板标题颜色
|
|
61
61
|
$action-sheet-panel-title-color: var(--wot-action-sheet-panel-title-color, $text-auxiliary) !default;
|
|
62
62
|
// 标题背景色
|
|
@@ -68,7 +68,7 @@ $action-sheet-title-height: var(--wot-action-sheet-title-height, $n-56) !default
|
|
|
68
68
|
// 标题字体大小
|
|
69
69
|
$action-sheet-title-font-size: var(--wot-action-sheet-title-font-size, $typography-title-size-main) !default;
|
|
70
70
|
// 标题行高
|
|
71
|
-
$action-sheet-title-line-height: var(--wot-action-sheet-title-line-height, $typography-title-line
|
|
71
|
+
$action-sheet-title-line-height: var(--wot-action-sheet-title-line-height, $typography-title-line-height-size-main) !default;
|
|
72
72
|
// 标题字重
|
|
73
73
|
$action-sheet-title-font-weight: var(--wot-action-sheet-title-font-weight, $font-weight-medium) !default;
|
|
74
74
|
// 关闭图标右侧偏移
|
|
@@ -22,19 +22,19 @@ $avatar-font-size-medium: var(--wot-avatar-font-size-medium, $typography-title-s
|
|
|
22
22
|
// 小尺寸文字字号
|
|
23
23
|
$avatar-font-size-small: var(--wot-avatar-font-size-small, $typography-title-size-main) !default;
|
|
24
24
|
// 默认文字行高
|
|
25
|
-
$avatar-line-height: var(--wot-avatar-line-height, $typography-title-line
|
|
25
|
+
$avatar-line-height: var(--wot-avatar-line-height, $typography-title-line-height-size-large) !default;
|
|
26
26
|
// 大尺寸文字行高
|
|
27
|
-
$avatar-line-height-large: var(--wot-avatar-line-height-large, $typography-title-line
|
|
27
|
+
$avatar-line-height-large: var(--wot-avatar-line-height-large, $typography-title-line-height-size-extra-large) !default;
|
|
28
28
|
// 中尺寸文字行高
|
|
29
|
-
$avatar-line-height-medium: var(--wot-avatar-line-height-medium, $typography-title-line
|
|
29
|
+
$avatar-line-height-medium: var(--wot-avatar-line-height-medium, $typography-title-line-height-size-large) !default;
|
|
30
30
|
// 小尺寸文字行高
|
|
31
|
-
$avatar-line-height-small: var(--wot-avatar-line-height-small, $typography-title-line
|
|
31
|
+
$avatar-line-height-small: var(--wot-avatar-line-height-small, $typography-title-line-height-size-main) !default;
|
|
32
32
|
// 头像背景颜色
|
|
33
33
|
$avatar-bg: var(--wot-avatar-bg, $filled-strong) !default;
|
|
34
34
|
// 默认圆角
|
|
35
35
|
$avatar-border-radius: var(--wot-avatar-border-radius, $radius-main) !default;
|
|
36
36
|
// 全圆角
|
|
37
|
-
$avatar-border-radius-full: var(--wot-avatar-border-radius-full, $radius-
|
|
37
|
+
$avatar-border-radius-full: var(--wot-avatar-border-radius-full, $radius-full) !default;
|
|
38
38
|
// 头像重叠距离
|
|
39
39
|
$avatar-overlap: var(--wot-avatar-overlap) !default;
|
|
40
40
|
// 图标颜色
|
|
@@ -12,7 +12,7 @@ $backtop-height: var(--wot-backtop-height, $n-48) !default;
|
|
|
12
12
|
// 方形模式圆角
|
|
13
13
|
$backtop-radius: var(--wot-backtop-radius, $radius-main) !default;
|
|
14
14
|
// 圆形模式圆角
|
|
15
|
-
$backtop-radius-circle: var(--wot-backtop-radius-circle, $radius-
|
|
15
|
+
$backtop-radius-circle: var(--wot-backtop-radius-circle, $radius-full) !default;
|
|
16
16
|
// 按钮图标颜色
|
|
17
17
|
$backtop-color: var(--wot-backtop-color, $icon-main) !default;
|
|
18
18
|
// 按钮图标尺寸
|
|
@@ -22,7 +22,7 @@ $backtop-text-font-size: var(--wot-backtop-text-font-size, $typography-label-siz
|
|
|
22
22
|
// 文本颜色
|
|
23
23
|
$backtop-text-color: var(--wot-backtop-text-color, $text-main) !default;
|
|
24
24
|
// 文本行高
|
|
25
|
-
$backtop-text-line-height: var(--wot-backtop-text-line-height, $typography-label-line
|
|
25
|
+
$backtop-text-line-height: var(--wot-backtop-text-line-height, $typography-label-line-height-size-main) !default;
|
|
26
26
|
// 组件层级
|
|
27
27
|
$backtop-z-index: var(--wot-backtop-z-index, 100) !default;
|
|
28
28
|
|
|
@@ -24,9 +24,9 @@ $badge-info-color: var(--wot-badge-info-color, $text-secondary) !default;
|
|
|
24
24
|
// 徽标文本字号
|
|
25
25
|
$badge-font-size: var(--wot-badge-font-size, $typography-label-size-extra-small) !default;
|
|
26
26
|
// 徽标文本行高
|
|
27
|
-
$badge-line-height: var(--wot-badge-line-height, $typography-label-line
|
|
27
|
+
$badge-line-height: var(--wot-badge-line-height, $typography-label-line-height-size-extra-small) !default;
|
|
28
28
|
// 默认圆角
|
|
29
|
-
$badge-border-radius: var(--wot-badge-border-radius, $radius-
|
|
29
|
+
$badge-border-radius: var(--wot-badge-border-radius, $radius-full) !default;
|
|
30
30
|
// 方形圆角
|
|
31
31
|
$badge-square-border-radius: var(--wot-badge-square-border-radius, $radius-main) !default;
|
|
32
32
|
// 气泡圆角
|
|
@@ -125,13 +125,13 @@ $button-font-size-medium: var(--wot-button-font-size-medium, $typography-body-si
|
|
|
125
125
|
// large 尺寸文字字号
|
|
126
126
|
$button-font-size-large: var(--wot-button-font-size-large, $typography-body-size-extra-large) !default;
|
|
127
127
|
// mini 尺寸文字行高
|
|
128
|
-
$button-line-height-mini: var(--wot-button-line-height-mini, $typography-body-line
|
|
128
|
+
$button-line-height-mini: var(--wot-button-line-height-mini, $typography-body-line-height-size-main) !default;
|
|
129
129
|
// small 尺寸文字行高
|
|
130
|
-
$button-line-height-small: var(--wot-button-line-height-small, $typography-body-line
|
|
130
|
+
$button-line-height-small: var(--wot-button-line-height-small, $typography-body-line-height-size-main) !default;
|
|
131
131
|
// medium 尺寸文字行高
|
|
132
|
-
$button-line-height-medium: var(--wot-button-line-height-medium, $typography-body-line
|
|
132
|
+
$button-line-height-medium: var(--wot-button-line-height-medium, $typography-body-line-height-size-extra-large) !default;
|
|
133
133
|
// large 尺寸文字行高
|
|
134
|
-
$button-line-height-large: var(--wot-button-line-height-large, $typography-body-line
|
|
134
|
+
$button-line-height-large: var(--wot-button-line-height-large, $typography-body-line-height-size-extra-large) !default;
|
|
135
135
|
// mini 尺寸左右内边距
|
|
136
136
|
$button-left-right-padding-mini: var(--wot-button-left-right-padding-mini, $padding-loose) !default;
|
|
137
137
|
// small 尺寸左右内边距
|
|
@@ -169,7 +169,7 @@ $button-spacing-block: var(--wot-button-spacing-block, $spacing-tight) !default;
|
|
|
169
169
|
// 默认圆角
|
|
170
170
|
$button-radius-main: var(--wot-button-radius-main, $radius-main) !default;
|
|
171
171
|
// 圆形圆角
|
|
172
|
-
$button-radius-full: var(--wot-button-radius-full, $radius-
|
|
172
|
+
$button-radius-full: var(--wot-button-radius-full, $radius-full) !default;
|
|
173
173
|
// 禁用态透明度
|
|
174
174
|
$button-disabled: var(--wot-button-disabled, $opacity-disabled) !default;
|
|
175
175
|
|
|
@@ -106,10 +106,19 @@ export const buttonProps = {
|
|
|
106
106
|
*/
|
|
107
107
|
icon: String,
|
|
108
108
|
/**
|
|
109
|
-
* 类名前缀,用于使用自定义图标,用法参考Icon组件
|
|
109
|
+
* 类名前缀,用于使用自定义图标,用法参考 Icon 组件
|
|
110
110
|
* 默认值: 'wd-icon'
|
|
111
111
|
*/
|
|
112
112
|
classPrefix: makeStringProp('wd-icon'),
|
|
113
|
+
/**
|
|
114
|
+
* CSS 图标,用法参考 Icon 组件
|
|
115
|
+
* 类型: boolean | string
|
|
116
|
+
* 默认值: false
|
|
117
|
+
*/
|
|
118
|
+
cssIcon: {
|
|
119
|
+
type: [Boolean, String],
|
|
120
|
+
default: false
|
|
121
|
+
},
|
|
113
122
|
/**
|
|
114
123
|
* 加载中按钮
|
|
115
124
|
* 默认值: false
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
>
|
|
43
43
|
<view class="wd-button__content">
|
|
44
44
|
<wd-loading v-if="loading" v-bind="customLoadingProps"></wd-loading>
|
|
45
|
-
<wd-icon v-else-if="icon" custom-class="wd-button__icon" :name="icon" :
|
|
45
|
+
<wd-icon v-else-if="icon || cssIcon" custom-class="wd-button__icon" :name="icon" :class-prefix="classPrefix" :css-icon="cssIcon"></wd-icon>
|
|
46
46
|
<view class="wd-button__text" v-if="$slots.default || text">
|
|
47
47
|
<slot>{{ text }}</slot>
|
|
48
48
|
</view>
|
|
@@ -107,7 +107,7 @@ const openTypeValue = computed(() => {
|
|
|
107
107
|
* 是否仅展示图标
|
|
108
108
|
*/
|
|
109
109
|
const isIcon = computed(() => {
|
|
110
|
-
return !slots.default && !props.text && props.icon
|
|
110
|
+
return !slots.default && !props.text && !!(props.icon || props.cssIcon)
|
|
111
111
|
})
|
|
112
112
|
|
|
113
113
|
/**
|
|
@@ -10,7 +10,7 @@ $calendar-range-padding: var(--wot-calendar-range-padding, $padding-zero $paddin
|
|
|
10
10
|
$calendar-range-font-size: var(--wot-calendar-range-font-size, $typography-body-size-main) !default; // 范围标签字号
|
|
11
11
|
$calendar-range-item-font-size: var(--wot-calendar-range-item-font-size, $typography-body-size-extra-large) !default; // 范围标签项字号
|
|
12
12
|
$calendar-range-item-font-weight: var(--wot-calendar-range-item-font-weight, $font-weight-medium) !default; // 范围标签项字重
|
|
13
|
-
$calendar-range-item-line-height: var(--wot-calendar-range-item-line-height, $typography-body-line
|
|
13
|
+
$calendar-range-item-line-height: var(--wot-calendar-range-item-line-height, $typography-body-line-height-size-extra-large) !default; // 范围标签项行高
|
|
14
14
|
$calendar-range-item-padding: var(--wot-calendar-range-item-padding, $spacing-loose $spacing-zero) !default; // 范围标签项内边距
|
|
15
15
|
$calendar-range-item-color: var(--wot-calendar-range-item-color, $primary-6) !default; // 范围标签项颜色
|
|
16
16
|
$calendar-range-item-color-placeholder: var(--wot-calendar-range-item-color-placeholder, $text-placeholder) !default; // 占位符颜色
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use '../../styles/variable.scss' as *;
|
|
2
2
|
|
|
3
3
|
$calendar-view-panel-title-font-size: var(--wot-calendar-view-panel-title-font-size, $typography-body-size-main) !default; // 面板标题字号
|
|
4
|
-
$calendar-view-panel-title-line-height: var(--wot-calendar-view-panel-title-line-height, $typography-body-line
|
|
4
|
+
$calendar-view-panel-title-line-height: var(--wot-calendar-view-panel-title-line-height, $typography-body-line-height-size-main) !default; // 面板标题行高
|
|
5
5
|
$calendar-view-panel-title-color: var(--wot-calendar-view-panel-title-color, $text-main) !default; // 面板标题文字颜色
|
|
6
6
|
$calendar-view-panel-title-padding: var(--wot-calendar-view-panel-title-padding, $padding-extra-tight $padding-loose) !default; // 面板标题内边距
|
|
7
7
|
$calendar-view-panel-title-font-weight: var(--wot-calendar-view-panel-title-font-weight, $font-weight-medium) !default; // 面板标题字重
|
|
@@ -9,7 +9,7 @@ $calendar-view-panel-title-margin: var(--wot-calendar-view-panel-title-margin, $
|
|
|
9
9
|
$calendar-view-weeks-padding: var(--wot-calendar-view-weeks-padding, $padding-tight $spacing-loose) !default; // 星期栏内边距
|
|
10
10
|
$calendar-view-week-color: var(--wot-calendar-view-week-color, $text-secondary) !default; // 星期文字颜色
|
|
11
11
|
$calendar-view-week-font-size: var(--wot-calendar-view-week-font-size, $typography-body-size-main) !default; // 星期文字字号
|
|
12
|
-
$calendar-view-week-line-height: var(--wot-calendar-view-week-line-height, $typography-body-line
|
|
12
|
+
$calendar-view-week-line-height: var(--wot-calendar-view-week-line-height, $typography-body-line-height-size-main) !default; // 星期文字行高
|
|
13
13
|
$calendar-view-day-font-size: var(--wot-calendar-view-day-font-size, $typography-body-size-extra-large) !default; // 日期单元字号
|
|
14
14
|
$calendar-view-day-color: var(--wot-calendar-view-day-color, $text-main) !default; // 日期单元文字颜色
|
|
15
15
|
$calendar-view-day-font-weight: var(--wot-calendar-view-day-font-weight, $font-weight-medium) !default; // 日期单元字重
|
|
@@ -24,7 +24,7 @@ $calendar-view-range-bg: var(--wot-calendar-view-range-bg, $primary-2) !default;
|
|
|
24
24
|
$calendar-view-range-color: var(--wot-calendar-view-range-color, $text-main) !default; // 区间态文字颜色
|
|
25
25
|
$calendar-view-border-radius-active: var(--wot-calendar-view-border-radius-active, $radius-main) !default; // 激活态圆角
|
|
26
26
|
$calendar-view-info-font-size: var(--wot-calendar-view-info-font-size, $typography-label-size-extra-small) !default; // 顶部/底部辅助信息字号
|
|
27
|
-
$calendar-view-info-line-height: var(--wot-calendar-view-info-line-height, $typography-label-line
|
|
27
|
+
$calendar-view-info-line-height: var(--wot-calendar-view-info-line-height, $typography-label-line-height-size-extra-small) !default; // 顶部/底部辅助信息行高
|
|
28
28
|
$calendar-view-info-position: var(--wot-calendar-view-info-position, $spacing-extra-tight) !default; // 顶部/底部辅助信息偏移位置
|
|
29
29
|
$calendar-view-item-margin-bottom: var(--wot-calendar-view-item-margin-bottom, $spacing-super-tight) !default; // 日期/月份单元底部间距
|
|
30
30
|
$calendar-view-item-padding: var(--wot-calendar-view-item-padding, $padding-zero $spacing-loose) !default; // 日期/月份容器内边距
|
|
@@ -24,7 +24,7 @@ $card-title-font-size: var(--wot-card-title-font-size, $typography-title-size-ma
|
|
|
24
24
|
// 标题字重
|
|
25
25
|
$card-title-font-weight: var(--wot-card-title-font-weight, $font-weight-medium) !default;
|
|
26
26
|
// 标题行高
|
|
27
|
-
$card-title-line-height: var(--wot-card-title-line-height, $typography-body-line
|
|
27
|
+
$card-title-line-height: var(--wot-card-title-line-height, $typography-body-line-height-size-main) !default;
|
|
28
28
|
// 标题内间距
|
|
29
29
|
$card-title-padding: var(--wot-card-title-padding, $padding-loose $padding-extra-loose) !default;
|
|
30
30
|
// 内容文字颜色
|
|
@@ -32,7 +32,7 @@ $card-content-color: var(--wot-card-content-color, $text-secondary) !default;
|
|
|
32
32
|
// 内容字号
|
|
33
33
|
$card-content-font-size: var(--wot-card-content-font-size, $typography-body-size-main) !default;
|
|
34
34
|
// 内容行高
|
|
35
|
-
$card-content-line-height: var(--wot-card-content-line-height, $typography-body-line
|
|
35
|
+
$card-content-line-height: var(--wot-card-content-line-height, $typography-body-line-height-size-main) !default;
|
|
36
36
|
// 内容内边距
|
|
37
37
|
$card-content-padding: var(--wot-card-content-padding, $padding-main $padding-loose) !default;
|
|
38
38
|
// 内容区域边框颜色
|
|
@@ -12,7 +12,7 @@ $cascader-list-item-opacity-disabled: var(--wot-cascader-list-item-opacity-disab
|
|
|
12
12
|
// 选项文字字号
|
|
13
13
|
$cascader-list-item-font-size: var(--wot-cascader-list-item-font-size, $typography-body-size-extra-large) !default;
|
|
14
14
|
// 选项文字行高
|
|
15
|
-
$cascader-list-item-line-height: var(--wot-cascader-list-item-line-height, $typography-body-line
|
|
15
|
+
$cascader-list-item-line-height: var(--wot-cascader-list-item-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
16
16
|
// 选项内边距
|
|
17
17
|
$cascader-list-item-padding: var(--wot-cascader-list-item-padding, $padding-extra-loose $padding-loose) !default;
|
|
18
18
|
// 选项选中态文字颜色
|
|
@@ -24,7 +24,7 @@ $cascader-list-tip-color: var(--wot-cascader-list-tip-color, $text-secondary) !d
|
|
|
24
24
|
// 选项提示文字字号
|
|
25
25
|
$cascader-list-tip-font-size: var(--wot-cascader-list-tip-font-size, $typography-label-size-main) !default;
|
|
26
26
|
// 选项提示文字行高
|
|
27
|
-
$cascader-list-tip-line-height: var(--wot-cascader-list-tip-line-height, $typography-label-line
|
|
27
|
+
$cascader-list-tip-line-height: var(--wot-cascader-list-tip-line-height, $typography-label-line-height-size-main) !default;
|
|
28
28
|
// 选项提示顶部外边距
|
|
29
29
|
$cascader-list-tip-margin-top: var(--wot-cascader-list-tip-margin-top, $spacing-ultra-tight) !default;
|
|
30
30
|
// 选中图标尺寸
|
|
@@ -40,7 +40,7 @@ $cascader-confirm-opacity-disabled: var(--wot-cascader-confirm-opacity-disabled,
|
|
|
40
40
|
// checkStrictly模式确认按钮字号
|
|
41
41
|
$cascader-confirm-font-size: var(--wot-cascader-confirm-font-size, $typography-body-size-large) !default;
|
|
42
42
|
// checkStrictly模式确认按钮行高
|
|
43
|
-
$cascader-confirm-line-height: var(--wot-cascader-confirm-line-height, $typography-body-line
|
|
43
|
+
$cascader-confirm-line-height: var(--wot-cascader-confirm-line-height, $typography-body-line-height-size-large) !default;
|
|
44
44
|
// checkStrictly模式确认按钮字重
|
|
45
45
|
$cascader-confirm-font-weight: var(--wot-cascader-confirm-font-weight, $font-weight-regular) !default;
|
|
46
46
|
// loading 状态下选项区透明度
|
|
@@ -34,35 +34,35 @@ $cell-icon-size: var(--wot-cell-icon-size, $n-20) !default;
|
|
|
34
34
|
// 标题字号
|
|
35
35
|
$cell-title-font-size: var(--wot-cell-title-font-size, $typography-body-size-main) !default;
|
|
36
36
|
// 标题行高
|
|
37
|
-
$cell-title-line-height: var(--wot-cell-title-line-height, $typography-body-line
|
|
37
|
+
$cell-title-line-height: var(--wot-cell-title-line-height, $typography-body-line-height-size-main) !default;
|
|
38
38
|
// 标签字号
|
|
39
39
|
$cell-label-font-size: var(--wot-cell-label-font-size, $typography-body-size-main) !default;
|
|
40
40
|
// 标签行高
|
|
41
|
-
$cell-label-line-height: var(--wot-cell-label-line-height, $typography-body-line
|
|
41
|
+
$cell-label-line-height: var(--wot-cell-label-line-height, $typography-body-line-height-size-main) !default;
|
|
42
42
|
// 值字号
|
|
43
43
|
$cell-value-font-size: var(--wot-cell-value-font-size, $typography-body-size-main) !default;
|
|
44
44
|
// 值行高
|
|
45
|
-
$cell-value-line-height: var(--wot-cell-value-line-height, $typography-body-line
|
|
45
|
+
$cell-value-line-height: var(--wot-cell-value-line-height, $typography-body-line-height-size-main) !default;
|
|
46
46
|
// 大尺寸值字号
|
|
47
47
|
$cell-value-font-size-large: var(--wot-cell-value-font-size-large, $typography-body-size-extra-large) !default;
|
|
48
48
|
// 大尺寸值行高
|
|
49
|
-
$cell-value-line-height-large: var(--wot-cell-value-line-height-large, $typography-body-line
|
|
49
|
+
$cell-value-line-height-large: var(--wot-cell-value-line-height-large, $typography-body-line-height-size-extra-large) !default;
|
|
50
50
|
// 大尺寸标题字号
|
|
51
51
|
$cell-title-font-size-large: var(--wot-cell-title-font-size-large, $typography-body-size-extra-large) !default;
|
|
52
52
|
// 大尺寸标题行高
|
|
53
|
-
$cell-title-line-height-large: var(--wot-cell-title-line-height-large, $typography-body-line
|
|
53
|
+
$cell-title-line-height-large: var(--wot-cell-title-line-height-large, $typography-body-line-height-size-extra-large) !default;
|
|
54
54
|
// 大尺寸标签字号
|
|
55
55
|
$cell-label-font-size-large: var(--wot-cell-label-font-size-large, $typography-body-size-extra-large) !default;
|
|
56
56
|
// 大尺寸标签行高
|
|
57
|
-
$cell-label-line-height-large: var(--wot-cell-label-line-height-large, $typography-body-line
|
|
57
|
+
$cell-label-line-height-large: var(--wot-cell-label-line-height-large, $typography-body-line-height-size-extra-large) !default;
|
|
58
58
|
// 必填标记字号
|
|
59
59
|
$cell-required-font-size: var(--wot-cell-required-font-size, $typography-body-size-main) !default;
|
|
60
60
|
// 必填标记行高
|
|
61
|
-
$cell-required-line-height: var(--wot-cell-required-line-height, $typography-body-line
|
|
61
|
+
$cell-required-line-height: var(--wot-cell-required-line-height, $typography-body-line-height-size-main) !default;
|
|
62
62
|
// 占位符字号
|
|
63
63
|
$cell-placeholder-font-size: var(--wot-cell-placeholder-font-size, $typography-body-size-main) !default;
|
|
64
64
|
// 占位符行高
|
|
65
|
-
$cell-placeholder-line-height: var(--wot-cell-placeholder-line-height, $typography-body-line
|
|
65
|
+
$cell-placeholder-line-height: var(--wot-cell-placeholder-line-height, $typography-body-line-height-size-main) !default;
|
|
66
66
|
// 单元格内边距
|
|
67
67
|
$cell-padding: var(--wot-cell-padding, $padding-loose) !default;
|
|
68
68
|
// 大尺寸单元格内边距
|
|
@@ -7,15 +7,15 @@ $checkbox-icon-size: var(--wot-checkbox-icon-size, $n-22) !default; // 图标尺
|
|
|
7
7
|
$checkbox-unchecked-color: var(--wot-checkbox-unchecked-color, $coolgrey-3) !default; // 未选中图标颜色
|
|
8
8
|
$checkbox-label-font-size: var(--wot-checkbox-label-font-size, $typography-body-size-main) !default; // 文字字号
|
|
9
9
|
$checkbox-label-color: var(--wot-checkbox-label-color, $text-main) !default; // 文字颜色
|
|
10
|
-
$checkbox-label-line-height: var(--wot-checkbox-label-line-height, $typography-body-line
|
|
10
|
+
$checkbox-label-line-height: var(--wot-checkbox-label-line-height, $typography-body-line-height-size-main) !default; // 文字行高
|
|
11
11
|
$checkbox-opacity-disabled: var(--wot-checkbox-opacity-disabled, $opacity-disabled) !default; // 禁用态透明度
|
|
12
12
|
$checkbox-horizontal-margin: var(--wot-checkbox-horizontal-margin, $spacing-zero $spacing-extra-loose $spacing-zero $spacing-zero) !default; // 水平模式多个单选框距离
|
|
13
13
|
$checkbox-button-margin: var(--wot-checkbox-button-margin, $spacing-zero $spacing-extra-loose $spacing-extra-loose $spacing-zero) !default; // 按钮模式多个单选框距离
|
|
14
14
|
$checkbox-button-border-width: var(--wot-checkbox-button-border-width, $stroke-main) !default; // 边框宽度
|
|
15
|
-
$checkbox-button-shape-border-radius: var(--wot-checkbox-button-shape-border-radius, $radius-
|
|
15
|
+
$checkbox-button-shape-border-radius: var(--wot-checkbox-button-shape-border-radius, $radius-full) !default; // 按钮模式图标圆角大小
|
|
16
16
|
$checkbox-button-shape-size: var(--wot-checkbox-button-shape-size, $n-26) !default; // 按钮模式图标容器大小
|
|
17
17
|
$checkbox-button-font-size: var(--wot-checkbox-button-font-size, $typography-body-size-main) !default; // 按钮模式字号
|
|
18
|
-
$checkbox-button-line-height: var(--wot-checkbox-button-line-height, $typography-body-line
|
|
18
|
+
$checkbox-button-line-height: var(--wot-checkbox-button-line-height, $typography-body-line-height-size-main) !default; // 按钮模式行高
|
|
19
19
|
$checkbox-button-bg: var(--wot-checkbox-button-bg, $filled-bottom) !default; // 按钮模式背景颜色
|
|
20
20
|
$checkbox-button-bg-checked: var(--wot-checkbox-button-bg-checked, $filled-oppo) !default; // 按钮模式选中状态背景颜色
|
|
21
21
|
$checkbox-button-icon-size: var(--wot-checkbox-icon-size, $n-10) !default; // 按钮模式图标尺寸
|
|
@@ -6,7 +6,7 @@ $circle-text-color: var(--wot-circle-text-color, currentColor) !default;
|
|
|
6
6
|
// 圆环文字字号
|
|
7
7
|
$circle-text-font-size: var(--wot-circle-text-size, $typography-title-size-large) !default;
|
|
8
8
|
// 圆环文字行高
|
|
9
|
-
$circle-text-line-height: var(--wot-circle-text-line-height, $typography-title-line
|
|
9
|
+
$circle-text-line-height: var(--wot-circle-text-line-height, $typography-title-line-height-size-large) !default;
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
@include b(circle) {
|
|
@@ -8,7 +8,7 @@ $collapse-item-title-color: var(--wot-collapse-item-title-color, $text-main) !de
|
|
|
8
8
|
// 折叠项标题文字字号
|
|
9
9
|
$collapse-item-title-font-size: var(--wot-collapse-item-title-font-size, $typography-body-size-extra-large) !default;
|
|
10
10
|
// 折叠项标题文字行高
|
|
11
|
-
$collapse-item-title-line-height: var(--wot-collapse-item-title-line-height, $typography-body-line
|
|
11
|
+
$collapse-item-title-line-height: var(--wot-collapse-item-title-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
12
12
|
// 折叠项箭头尺寸
|
|
13
13
|
$collapse-item-arrow-size: var(--wot-collapse-item-arrow-size, $n-16) !default;
|
|
14
14
|
// 折叠项箭头颜色
|
|
@@ -18,7 +18,7 @@ $collapse-item-body-color: var(--wot-collapse-item-body-color, $text-auxiliary)
|
|
|
18
18
|
// 折叠项内容文字字号
|
|
19
19
|
$collapse-item-body-font-size: var(--wot-collapse-item-body-font-size, $typography-label-size-large) !default;
|
|
20
20
|
// 折叠项内容文字行高
|
|
21
|
-
$collapse-item-body-line-height: var(--wot-collapse-item-body-line-height, $typography-label-line
|
|
21
|
+
$collapse-item-body-line-height: var(--wot-collapse-item-body-line-height, $typography-label-line-height-size-large) !default;
|
|
22
22
|
// 折叠项内容区域内边距
|
|
23
23
|
$collapse-item-body-padding: var(--wot-collapse-item-body-padding, $padding-loose $padding-extra-loose) !default;
|
|
24
24
|
|
|
@@ -282,9 +282,9 @@ export type baseThemeVars = {
|
|
|
282
282
|
purple9?: string
|
|
283
283
|
purpleOpac?: string
|
|
284
284
|
radiusExtraLarge?: string
|
|
285
|
+
radiusFull?: string
|
|
285
286
|
radiusLarge?: string
|
|
286
287
|
radiusMain?: string
|
|
287
|
-
radiusRadiusFull?: string
|
|
288
288
|
radiusSmall?: string
|
|
289
289
|
radiusSuperLarge?: string
|
|
290
290
|
radiusUltraLarge?: string
|
|
@@ -6,7 +6,7 @@ $count-down-text-color: var(--wot-count-down-text-color, $text-main) !default;
|
|
|
6
6
|
// 倒计时文本字号
|
|
7
7
|
$count-down-font-size: var(--wot-count-down-font-size, $typography-body-size-main) !default;
|
|
8
8
|
// 倒计时文本行高
|
|
9
|
-
$count-down-line-height: var(--wot-count-down-line-height, $typography-body-line
|
|
9
|
+
$count-down-line-height: var(--wot-count-down-line-height, $typography-body-line-height-size-main) !default;
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
@include b(count-down) {
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
// 数字主体文本字号
|
|
5
5
|
$count-to-text-font-size: var(--wot-count-to-text-font-size, $typography-body-size-ultra-large) !default;
|
|
6
6
|
// 数字主体文本行高
|
|
7
|
-
$count-to-text-line-height: var(--wot-count-to-text-line-height, $typography-body-line
|
|
7
|
+
$count-to-text-line-height: var(--wot-count-to-text-line-height, $typography-body-line-height-size-ultra-large) !default;
|
|
8
8
|
// 分隔文本字号
|
|
9
9
|
$count-to-separator-text-font-size: var(--wot-count-to-separator-text-font-size, $typography-label-size-main) !default;
|
|
10
10
|
// 分隔文本行高
|
|
11
|
-
$count-to-separator-text-line-height: var(--wot-count-to-separator-text-line-height, $typography-label-line
|
|
11
|
+
$count-to-separator-text-line-height: var(--wot-count-to-separator-text-line-height, $typography-label-line-height-size-main) !default;
|
|
12
12
|
|
|
13
13
|
@include b(count-to) {
|
|
14
14
|
vertical-align: bottom;
|
|
@@ -10,7 +10,7 @@ $datetime-picker-title-height: var(--wot-datetime-picker-title-height, $n-56) !d
|
|
|
10
10
|
// 标题文字字号
|
|
11
11
|
$datetime-picker-title-font-size: var(--wot-datetime-picker-title-font-size, $typography-title-size-main) !default;
|
|
12
12
|
// 标题文字行高
|
|
13
|
-
$datetime-picker-title-line-height: var(--wot-datetime-picker-title-line-height, $typography-title-line
|
|
13
|
+
$datetime-picker-title-line-height: var(--wot-datetime-picker-title-line-height, $typography-title-line-height-size-main) !default;
|
|
14
14
|
// 标题文字字重
|
|
15
15
|
$datetime-picker-title-font-weight: var(--wot-datetime-picker-title-font-weight, $font-weight-medium) !default;
|
|
16
16
|
// 标题区域内边距
|
|
@@ -18,7 +18,7 @@ $datetime-picker-title-padding: var(--wot-datetime-picker-title-padding, $paddin
|
|
|
18
18
|
// 操作按钮字号
|
|
19
19
|
$datetime-picker-action-font-size: var(--wot-datetime-picker-action-font-size, $typography-body-size-large) !default;
|
|
20
20
|
// 操作按钮行高
|
|
21
|
-
$datetime-picker-action-line-height: var(--wot-datetime-picker-action-line-height, $typography-body-line
|
|
21
|
+
$datetime-picker-action-line-height: var(--wot-datetime-picker-action-line-height, $typography-body-line-height-size-large) !default;
|
|
22
22
|
// 操作按钮文字颜色
|
|
23
23
|
$datetime-picker-action-color: var(--wot-datetime-picker-action-color, $primary-6) !default;
|
|
24
24
|
// 范围标签内边距
|
|
@@ -30,7 +30,7 @@ $datetime-picker-range-item-font-size: var(--wot-datetime-picker-range-item-font
|
|
|
30
30
|
// 范围标签项字重
|
|
31
31
|
$datetime-picker-range-item-font-weight: var(--wot-datetime-picker-range-item-font-weight, $font-weight-medium) !default;
|
|
32
32
|
// 范围标签项行高
|
|
33
|
-
$datetime-picker-range-item-line-height: var(--wot-datetime-picker-range-item-line-height, $typography-body-line
|
|
33
|
+
$datetime-picker-range-item-line-height: var(--wot-datetime-picker-range-item-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
34
34
|
// 范围标签项内边距
|
|
35
35
|
$datetime-picker-range-item-padding: var(--wot-datetime-picker-range-item-padding, $spacing-loose $spacing-zero) !default;
|
|
36
36
|
// 范围标签项颜色
|
|
@@ -18,7 +18,7 @@ $dialog-title-color: var(--wot-dialog-title-color, $text-main) !default;
|
|
|
18
18
|
// 标题文字字号
|
|
19
19
|
$dialog-title-font-size: var(--wot-dialog-title-font-size, $typography-body-size-extra-large) !default;
|
|
20
20
|
// 标题文字行高
|
|
21
|
-
$dialog-title-line-height: var(--wot-dialog-title-line-height, $typography-body-line
|
|
21
|
+
$dialog-title-line-height: var(--wot-dialog-title-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
22
22
|
// 标题文字字重
|
|
23
23
|
$dialog-title-font-weight: var(--wot-dialog-title-font-weight, $font-weight-medium) !default;
|
|
24
24
|
// 标题底部外边距
|
|
@@ -28,7 +28,7 @@ $dialog-content-color: var(--wot-dialog-content-color, $text-secondary) !default
|
|
|
28
28
|
// 内容文字字号
|
|
29
29
|
$dialog-content-font-size: var(--wot-dialog-content-font-size, $typography-body-size-main) !default;
|
|
30
30
|
// 内容文字行高
|
|
31
|
-
$dialog-content-line-height: var(--wot-dialog-content-line-height, $typography-body-line
|
|
31
|
+
$dialog-content-line-height: var(--wot-dialog-content-line-height, $typography-body-line-height-size-main) !default;
|
|
32
32
|
// 内容区内边距
|
|
33
33
|
$dialog-content-padding: var(--wot-dialog-content-padding, $spacing-loose) !default;
|
|
34
34
|
// 内容区最大高度
|
|
@@ -40,7 +40,7 @@ $dialog-content-input-error-color: var(--wot-dialog-content-input-error-color, $
|
|
|
40
40
|
// 输入错误文字字号
|
|
41
41
|
$dialog-content-input-font-size: var(--wot-dialog-content-input-font-size, $typography-label-size-main) !default;
|
|
42
42
|
// 输入错误文字行高
|
|
43
|
-
$dialog-content-input-line-height: var(--wot-dialog-content-input-line-height, $typography-label-line
|
|
43
|
+
$dialog-content-input-line-height: var(--wot-dialog-content-input-line-height, $typography-label-line-height-size-main) !default;
|
|
44
44
|
// 输入提示顶部内边距
|
|
45
45
|
$dialog-content-input-padding-top: var(--wot-dialog-content-input-padding-top, $spacing-tight) !default;
|
|
46
46
|
// 滚动条颜色
|
|
@@ -12,7 +12,7 @@ $divider-margin: var(--wot-divider-margin, $spacing-extra-loose $spacing-zero) !
|
|
|
12
12
|
// 分割线厚度
|
|
13
13
|
$divider-line-height: var(--wot-divider-line-height, $n-3) !default;
|
|
14
14
|
// 内容文字行高
|
|
15
|
-
$divider-size-line-height: var(--wot-divider-size-line-height, $typography-body-line
|
|
15
|
+
$divider-size-line-height: var(--wot-divider-size-line-height, $typography-body-line-height-size-main) !default;
|
|
16
16
|
// 纵向分割线高度
|
|
17
17
|
$divider-size-vertical-height: var(--wot-divider-size-vertical-height, $spacing-extra-loose) !default;
|
|
18
18
|
// 纵向分割线宽度
|
|
@@ -25,7 +25,7 @@ $drop-menu-text-color: var(--wot-drop-menu-text-color, $text-main) !default;
|
|
|
25
25
|
// 菜单文字字号
|
|
26
26
|
$drop-menu-text-font-size: var(--wot-drop-menu-text-font-size, $typography-body-size-extra-large) !default;
|
|
27
27
|
// 菜单文字行高
|
|
28
|
-
$drop-menu-text-line-height: var(--wot-drop-menu-text-line-height, $typography-body-line
|
|
28
|
+
$drop-menu-text-line-height: var(--wot-drop-menu-text-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
29
29
|
// 菜单激活态字重
|
|
30
30
|
$drop-menu-text-font-weight-active: var(--wot-drop-menu-text-font-weight-active, $font-weight-medium) !default;
|
|
31
31
|
// 菜单激活态文字颜色
|
|
@@ -12,7 +12,7 @@ $drop-item-tip-color-active: var(--wot-drop-item-tip-color-active, $primary-5) !
|
|
|
12
12
|
// 提示文字字号
|
|
13
13
|
$drop-item-tip-font-size: var(--wot-drop-item-tip-font-size, $typography-body-size-main) !default;
|
|
14
14
|
// 提示文字行高
|
|
15
|
-
$drop-item-tip-line-height: var(--wot-drop-item-tip-line-height, $typography-body-line
|
|
15
|
+
$drop-item-tip-line-height: var(--wot-drop-item-tip-line-height, $typography-body-line-height-size-main) !default;
|
|
16
16
|
// 提示文字间距
|
|
17
17
|
$drop-item-tip-spacing: var(--wot-drop-item-tip-spacing, $spacing-tight) !default;
|
|
18
18
|
// 勾选图标尺寸
|
|
@@ -24,7 +24,7 @@ $drop-item-modal-bg: var(--wot-drop-item-modal-bg, $opac-7_55) !default;
|
|
|
24
24
|
// 选项文字字号
|
|
25
25
|
$drop-item-text-font-size: var(--wot-drop-item-text-font-size, $typography-body-size-extra-large) !default;
|
|
26
26
|
// 选项文字行高
|
|
27
|
-
$drop-item-text-line-height: var(--wot-drop-item-text-line-height, $typography-body-line
|
|
27
|
+
$drop-item-text-line-height: var(--wot-drop-item-text-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
28
28
|
// 选项文字颜色
|
|
29
29
|
$drop-item-text-color: var(--wot-drop-item-text-color, $text-main) !default;
|
|
30
30
|
// 弹层顶部边线样式
|
|
@@ -6,7 +6,7 @@ $empty-icon-color: var(--wot-empty-icon-color, $icon-disabled) !default;
|
|
|
6
6
|
// 文案字号
|
|
7
7
|
$empty-text-font-size: var(--wot-empty-text-font-size, $typography-body-size-extra-large) !default;
|
|
8
8
|
// 文案行高
|
|
9
|
-
$empty-text-line-height: var(--wot-empty-text-line-height, $typography-body-line
|
|
9
|
+
$empty-text-line-height: var(--wot-empty-text-line-height, $typography-body-line-height-size-extra-large) !default;
|
|
10
10
|
// 文案字重
|
|
11
11
|
$empty-text-font-weight: var(--wot-empty-text-font-weight, $typography-body-font-weight-strong) !default;
|
|
12
12
|
// 文案颜色
|
|
@@ -6,7 +6,7 @@ $form-item-error-message-color: var(--wot-form-item-error-message-color, $danger
|
|
|
6
6
|
// 错误提示文字字号
|
|
7
7
|
$form-item-error-message-font-size: var(--wot-form-item-error-message-font-size, $typography-label-size-main) !default;
|
|
8
8
|
// 错误提示文字行高
|
|
9
|
-
$form-item-error-message-line-height: var(--wot-form-item-error-message-line-height, $typography-label-line
|
|
9
|
+
$form-item-error-message-line-height: var(--wot-form-item-error-message-line-height, $typography-label-line-height-size-small) !default;
|
|
10
10
|
// 错误提示顶部外边距
|
|
11
11
|
$form-item-error-message-margin-top: var(--wot-form-item-error-message-margin-top, $spacing-super-tight) !default;
|
|
12
12
|
// 占位符文字颜色
|