@sdata/web-vue 4.6.0 → 4.7.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/dist/sd.css +37 -37
- package/dist/sd.min.css +2 -2
- package/es/auto-complete/style/index.css +1 -1
- package/es/bloom-menu/style/index.css +2 -2
- package/es/card/style/index.css +3 -3
- package/es/card/style/index.scss +9 -3
- package/es/cascader/style/index.css +2 -2
- package/es/color-picker/style/index.css +5 -5
- package/es/copy/style/index.css +1 -1
- package/es/cropper/style/index.css +1 -1
- package/es/date-picker/style/index.css +1 -1
- package/es/dropdown/style/index.css +1 -1
- package/es/index.css +37 -37
- package/es/json-form/style/index.css +2 -2
- package/es/layout/style/index.css +3 -3
- package/es/menu/style/index.css +2 -2
- package/es/message/style/index.css +1 -1
- package/es/notification/style/index.css +1 -1
- package/es/notification/style/index.scss +3 -1
- package/es/popconfirm/style/index.css +1 -1
- package/es/popover/style/index.css +1 -1
- package/es/select/style/index.css +1 -1
- package/es/slider/style/index.css +1 -1
- package/es/style/theme/_tokens.scss +1 -1
- package/es/style/theme/global.scss +69 -31
- package/es/style/theme/index.scss +5 -2
- package/es/table/style/index.css +1 -1
- package/es/time-picker/style/index.css +1 -1
- package/es/tour/style/index.css +1 -1
- package/es/tree-select/style/index.css +1 -1
- package/json/web-types.json +1 -1
- package/package.json +1 -1
|
@@ -27,11 +27,11 @@ $border-dashed: dashed;
|
|
|
27
27
|
$border-dotted: dotted;
|
|
28
28
|
|
|
29
29
|
/******** radius *******/
|
|
30
|
-
|
|
30
|
+
// Apple HIG「Clarity」：更圆润的连续圆角观感（squircle 以 CSS 近似取整数值）
|
|
31
31
|
$border-radius-none: 0;
|
|
32
|
-
$border-radius-small:
|
|
33
|
-
$border-radius-medium:
|
|
34
|
-
$border-radius-large:
|
|
32
|
+
$border-radius-small: 4px;
|
|
33
|
+
$border-radius-medium: 6px;
|
|
34
|
+
$border-radius-large: 10px;
|
|
35
35
|
$border-radius-circle: 50%;
|
|
36
36
|
|
|
37
37
|
/******** shadow distance *******/
|
|
@@ -131,35 +131,73 @@ $color-transparent: transparent;
|
|
|
131
131
|
|
|
132
132
|
/******** shadow *******/
|
|
133
133
|
|
|
134
|
+
// Apple HIG「Depth」：低透明度、双层（贴地 + 环境）的柔和投影；
|
|
135
|
+
// 保持原有的方向 / 层级语义不变，仅重设各层模糊与透明度。
|
|
134
136
|
$shadow-none: none;
|
|
135
137
|
$shadow-special: 0 0 1px rgb(0 0 0 / 30%);
|
|
136
|
-
$shadow1-center: 0 0
|
|
137
|
-
$shadow1-up: 0 -
|
|
138
|
-
$shadow1-down: 0
|
|
139
|
-
$shadow1-left: -
|
|
140
|
-
$shadow1-right:
|
|
141
|
-
$shadow1-left-up: -
|
|
142
|
-
$shadow1-left-down: -
|
|
143
|
-
$shadow1-right-up:
|
|
144
|
-
$shadow1-right-down:
|
|
145
|
-
$shadow2-center:
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
$shadow2-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
$shadow2-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
$
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
$
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
$
|
|
161
|
-
|
|
162
|
-
|
|
138
|
+
$shadow1-center: 0 0 3px rgb(0 0 0 / 6%);
|
|
139
|
+
$shadow1-up: 0 -1px 3px rgb(0 0 0 / 6%);
|
|
140
|
+
$shadow1-down: 0 1px 3px rgb(0 0 0 / 6%);
|
|
141
|
+
$shadow1-left: -1px 0 3px rgb(0 0 0 / 6%);
|
|
142
|
+
$shadow1-right: 1px 0 3px rgb(0 0 0 / 6%);
|
|
143
|
+
$shadow1-left-up: -1px -1px 3px rgb(0 0 0 / 6%);
|
|
144
|
+
$shadow1-left-down: -1px 1px 3px rgb(0 0 0 / 6%);
|
|
145
|
+
$shadow1-right-up: 1px -1px 3px rgb(0 0 0 / 6%);
|
|
146
|
+
$shadow1-right-down: 1px 1px 3px rgb(0 0 0 / 6%);
|
|
147
|
+
$shadow2-center:
|
|
148
|
+
0 0 6px rgb(0 0 0 / 6%),
|
|
149
|
+
0 0 20px rgb(0 0 0 / 8%);
|
|
150
|
+
$shadow2-up:
|
|
151
|
+
0 -2px 6px rgb(0 0 0 / 6%),
|
|
152
|
+
0 -8px 24px rgb(0 0 0 / 8%);
|
|
153
|
+
$shadow2-down:
|
|
154
|
+
0 2px 6px rgb(0 0 0 / 6%),
|
|
155
|
+
0 8px 24px rgb(0 0 0 / 8%);
|
|
156
|
+
$shadow2-left:
|
|
157
|
+
-2px 0 6px rgb(0 0 0 / 6%),
|
|
158
|
+
-8px 0 24px rgb(0 0 0 / 8%);
|
|
159
|
+
$shadow2-right:
|
|
160
|
+
2px 0 6px rgb(0 0 0 / 6%),
|
|
161
|
+
8px 0 24px rgb(0 0 0 / 8%);
|
|
162
|
+
$shadow2-left-up:
|
|
163
|
+
-2px -2px 6px rgb(0 0 0 / 6%),
|
|
164
|
+
-6px -6px 24px rgb(0 0 0 / 8%);
|
|
165
|
+
$shadow2-left-down:
|
|
166
|
+
-2px 2px 6px rgb(0 0 0 / 6%),
|
|
167
|
+
-6px 6px 24px rgb(0 0 0 / 8%);
|
|
168
|
+
$shadow2-right-up:
|
|
169
|
+
2px -2px 6px rgb(0 0 0 / 6%),
|
|
170
|
+
6px -6px 24px rgb(0 0 0 / 8%);
|
|
171
|
+
$shadow2-right-down:
|
|
172
|
+
2px 2px 6px rgb(0 0 0 / 6%),
|
|
173
|
+
6px 6px 24px rgb(0 0 0 / 8%);
|
|
174
|
+
$shadow3-center:
|
|
175
|
+
0 0 12px rgb(0 0 0 / 8%),
|
|
176
|
+
0 0 40px rgb(0 0 0 / 10%);
|
|
177
|
+
$shadow3-up:
|
|
178
|
+
0 -4px 12px rgb(0 0 0 / 8%),
|
|
179
|
+
0 -16px 40px rgb(0 0 0 / 10%);
|
|
180
|
+
$shadow3-down:
|
|
181
|
+
0 4px 12px rgb(0 0 0 / 8%),
|
|
182
|
+
0 16px 40px rgb(0 0 0 / 10%);
|
|
183
|
+
$shadow3-left:
|
|
184
|
+
-4px 0 12px rgb(0 0 0 / 8%),
|
|
185
|
+
-16px 0 40px rgb(0 0 0 / 10%);
|
|
186
|
+
$shadow3-right:
|
|
187
|
+
4px 0 12px rgb(0 0 0 / 8%),
|
|
188
|
+
16px 0 40px rgb(0 0 0 / 10%);
|
|
189
|
+
$shadow3-left-up:
|
|
190
|
+
-4px -4px 12px rgb(0 0 0 / 8%),
|
|
191
|
+
-10px -10px 40px rgb(0 0 0 / 10%);
|
|
192
|
+
$shadow3-left-down:
|
|
193
|
+
-4px 4px 12px rgb(0 0 0 / 8%),
|
|
194
|
+
-10px 10px 40px rgb(0 0 0 / 10%);
|
|
195
|
+
$shadow3-right-up:
|
|
196
|
+
4px -4px 12px rgb(0 0 0 / 8%),
|
|
197
|
+
10px -10px 40px rgb(0 0 0 / 10%);
|
|
198
|
+
$shadow3-right-down:
|
|
199
|
+
4px 4px 12px rgb(0 0 0 / 8%),
|
|
200
|
+
10px 10px 40px rgb(0 0 0 / 10%);
|
|
163
201
|
|
|
164
202
|
/******** opacity *******/
|
|
165
203
|
|
|
@@ -17,7 +17,9 @@ $sd-cssvars-prefix: string.unquote('--sd');
|
|
|
17
17
|
$prefix: sd;
|
|
18
18
|
|
|
19
19
|
$font-family:
|
|
20
|
-
|
|
20
|
+
// Apple HIG「Deference」：优先系统字体（SF Pro / PingFang），宿主再按需提供 inter
|
|
21
|
+
|
|
22
|
+
-apple-system, blinkmacsystemfont, 'inter', 'PingFang SC', 'Hiragino Sans GB', 'noto sans',
|
|
21
23
|
'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
|
|
22
24
|
|
|
23
25
|
$code-family: consolas, menlo;
|
|
@@ -55,4 +57,5 @@ $z-index-image-preview: $z-index-modal; // 1001
|
|
|
55
57
|
|
|
56
58
|
$line-height-base: 1.5715;
|
|
57
59
|
|
|
58
|
-
|
|
60
|
+
// 与 select / dropdown 等弹层统一使用二层阴影，保持「Depth」一致
|
|
61
|
+
$popup-box-shadow-base: $shadow2-down;
|
package/es/table/style/index.css
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
background: var(--sd-color-bg-5);
|
|
22
22
|
border: 1px solid var(--sd-color-neutral-3);
|
|
23
23
|
border-radius: var(--sd-border-radius-medium);
|
|
24
|
-
box-shadow: 0
|
|
24
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
25
25
|
}
|
|
26
26
|
.sd-table-filters-list {
|
|
27
27
|
max-height: 200px;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
background-color: var(--sd-color-bg-popup);
|
|
27
27
|
border: 1px solid var(--sd-color-neutral-3);
|
|
28
28
|
border-radius: var(--sd-border-radius-medium);
|
|
29
|
-
box-shadow: 0 2px
|
|
29
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
|
|
30
30
|
}
|
|
31
31
|
.sd-timepicker-column {
|
|
32
32
|
box-sizing: border-box;
|
package/es/tour/style/index.css
CHANGED
|
@@ -65,7 +65,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
65
65
|
background-color: var(--sd-color-bg-popup);
|
|
66
66
|
border: 1px solid var(--sd-color-neutral-3);
|
|
67
67
|
border-radius: var(--sd-border-radius-medium);
|
|
68
|
-
box-shadow: 0
|
|
68
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.sd-tour-popover .sd-tour-content {
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
background-color: var(--sd-color-bg-popup);
|
|
29
29
|
border: 1px solid var(--sd-color-fill-3);
|
|
30
30
|
border-radius: var(--sd-border-radius-medium);
|
|
31
|
-
box-shadow: 0
|
|
31
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
|
|
32
32
|
}
|
|
33
33
|
.sd-tree-select-popup .sd-tree-select-tree-wrapper {
|
|
34
34
|
height: 100%;
|
package/json/web-types.json
CHANGED