@neatui/css 4.0.0 → 4.0.2

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 (7) hide show
  1. package/GUIDE.md +8 -7
  2. package/MIGRATION-4.0.md +17 -17
  3. package/README.md +2 -0
  4. package/components/form/base.scss +5 -14
  5. package/components/form/form@c/base.scss +2 -0
  6. package/core/size.scss +3 -3
  7. package/package.json +1 -1
package/GUIDE.md CHANGED
@@ -211,14 +211,15 @@ xl → 5.5em
211
211
  | `w-` | width | `w-ll` | 宽度 5em |
212
212
  | `h-` | height | `h-sm` | 高度 1.5em |
213
213
  | `r-` | border-radius | `r-ms` | 圆角 0.5em |
214
- | `fs-` | font-size | `fs-lm` | 基础字号 1.625rem |
214
+ | `fs-` | font-size | `fs-lm` | 基础字号 1.375rem |
215
215
 
216
216
  ### 字号分段扩展
217
217
 
218
218
  ```scss
219
219
  基础字号:
220
- fs-xs // 0.625rem
221
- fs-xl // 1.875rem
220
+ fs-xs // 0.6875rem
221
+ fs-mm // 1rem
222
+ fs-xl // 1.75rem
222
223
 
223
224
  展示字号:
224
225
  fs-xs*s // 2rem
@@ -245,8 +246,8 @@ fs-body // 1rem
245
246
  fs-lead // 1.125rem
246
247
 
247
248
  fs-root // 1rem，重置到根字号
248
- fs++ // 1.125em，相对当前上下文放大
249
- fs-- // 0.875em，相对当前上下文缩小
249
+ fs++ // 1.0625em，相对当前上下文放大
250
+ fs-- // 0.9375em，相对当前上下文缩小
250
251
  ```
251
252
 
252
253
  `fs++ / fs--` 是4.0保留的上下文缩放语法，不属于已删除的 `fs-{size}+` 和 `fs-{size}*`。
@@ -1202,8 +1203,8 @@ r-rb-{size} // 右下
1202
1203
  ```scss
1203
1204
  // 字号
1204
1205
  fs-no // 0
1205
- fs-xs // 0.625rem
1206
- fs-ss ~ fs-xl // 0.75rem ~ 1.875rem
1206
+ fs-xs // 0.6875rem
1207
+ fs-ss ~ fs-xl // 0.75rem ~ 1.75rem
1207
1208
  fs-xs*s ~ fs-xl*s // 2rem ~ 4.5rem
1208
1209
  fs-xs*m ~ fs-xl*m // 5rem ~ 10rem
1209
1210
  fs-xs*l ~ fs-xl*l // 11rem ~ 21rem
package/MIGRATION-4.0.md CHANGED
@@ -74,26 +74,26 @@ mob:w-ll 20em -> mob:w-ss*m 20em
74
74
 
75
75
  ## 字号旧值与迁移
76
76
 
77
- 3.x 字号是不规则序列；4.0 改为四段等差刻度。NeatUI 内部使用到的基础字号按最近值迁移：
77
+ 3.x 字号是不规则序列；4.0 改为四段分级刻度。以下表格直接从 3.x 实际值映射到最终 4.0 档位，不经过 4.0 开发期间尚未大规模使用的中间刻度。
78
78
 
79
79
  4.0 完整字号值如下，单位均为 `rem`：
80
80
 
81
81
  | 档位 | xs | ss | sm | sl | ms | mm | ml | ls | lm | ll | xl |
82
82
  |---|---:|---:|---:|---:|---:|---:|---:|---:|---:|---:|---:|
83
- | 基础 | 0.625 | 0.75 | 0.875 | 1 | 1.125 | 1.25 | 1.375 | 1.5 | 1.625 | 1.75 | 1.875 |
83
+ | 基础 | 0.6875 | 0.75 | 0.8125 | 0.875 | 0.9375 | 1 | 1.125 | 1.25 | 1.375 | 1.5 | 1.75 |
84
84
  | `*s` | 2 | 2.25 | 2.5 | 2.75 | 3 | 3.25 | 3.5 | 3.75 | 4 | 4.25 | 4.5 |
85
85
  | `*m` | 5 | 5.5 | 6 | 6.5 | 7 | 7.5 | 8 | 8.5 | 9 | 9.5 | 10 |
86
86
  | `*l` | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
87
87
 
88
88
  | 3.x 类名 | 旧值 | 4.0 类名 | 新值 | 结果 |
89
89
  |---|---:|---|---:|---|
90
- | `fs-xs` | 0.8rem | `fs-ss` | 0.75rem | 近似，-0.05rem |
91
- | `fs-ss` | 0.9rem | `fs-sm` | 0.875rem | 近似，-0.025rem |
92
- | `fs-sm` | 1rem | `fs-sl` | 1rem | 精确 |
93
- | `fs-sl` | 1.1rem | `fs-ms` | 1.125rem | 近似，+0.025rem |
94
- | `fs-ms` | 1.2rem | `fs-mm` | 1.25rem | 近似，+0.05rem |
95
- | `fs-mm` | 1.4rem | `fs-ml` | 1.375rem | 近似，-0.025rem |
96
- | `fs-ml` | 1.8rem | `fs-ll` | 1.75rem | 近似，-0.05rem |
90
+ | `fs-xs` | 0.8rem | `fs-sm` | 0.8125rem | 近似，+0.0125rem |
91
+ | `fs-ss` | 0.9rem | `fs-sl` | 0.875rem | 近似，-0.025rem |
92
+ | `fs-sm` | 1rem | `fs-mm` | 1rem | 精确 |
93
+ | `fs-sl` | 1.1rem | `fs-ml` | 1.125rem | 近似，+0.025rem |
94
+ | `fs-ms` | 1.2rem | `fs-ls` | 1.25rem | 近似，+0.05rem |
95
+ | `fs-mm` | 1.4rem | `fs-lm` | 1.375rem | 近似，-0.025rem |
96
+ | `fs-ml` | 1.8rem | `fs-xl` | 1.75rem | 近似，-0.05rem |
97
97
  | `fs-ls` | 2.2rem | `fs-ss*s` | 2.25rem | 近似，+0.05rem |
98
98
  | `fs-lm` | 2.6rem | `fs-sm*s` | 2.5rem | 近似，-0.1rem |
99
99
  | `fs-ll` | 3.2rem | `fs-mm*s` | 3.25rem | 近似，+0.05rem |
@@ -103,12 +103,12 @@ mob:w-ll 20em -> mob:w-ss*m 20em
103
103
 
104
104
  | 3.x 类名 | 旧值 | 4.0 类名 | 新值 | 结果 |
105
105
  |---|---:|---|---:|---|
106
- | `fs-xs+` | 0.85rem | `fs-sm` | 0.875rem | 近似，+0.025rem |
107
- | `fs-ss+` | 0.95rem | `fs-sl` | 1rem | 近似，+0.05rem |
108
- | `fs-sm+` | 1.05rem | `fs-sl` | 1rem | 近似，-0.05rem |
109
- | `fs-sl+` | 1.15rem | `fs-ms` | 1.125rem | 近似，-0.025rem |
110
- | `fs-ms+` | 1.25rem | `fs-mm` | 1.25rem | 精确 |
111
- | `fs-mm+` | 1.5rem | `fs-ls` | 1.5rem | 精确 |
106
+ | `fs-xs+` | 0.85rem | `fs-sl` | 0.875rem | 近似，+0.025rem |
107
+ | `fs-ss+` | 0.95rem | `fs-ms` | 0.9375rem | 近似，-0.0125rem |
108
+ | `fs-sm+` | 1.05rem | `fs-mm` | 1rem | 近似，-0.05rem |
109
+ | `fs-sl+` | 1.15rem | `fs-ml` | 1.125rem | 近似，-0.025rem |
110
+ | `fs-ms+` | 1.25rem | `fs-ls` | 1.25rem | 精确 |
111
+ | `fs-mm+` | 1.5rem | `fs-ll` | 1.5rem | 精确 |
112
112
  | `fs-ml+` | 2rem | `fs-xs*s` | 2rem | 精确 |
113
113
  | `fs-ls+` | 2.4rem | `fs-sm*s` | 2.5rem | 近似，+0.1rem |
114
114
  | `fs-lm+` | 2.8rem | `fs-sl*s` | 2.75rem | 近似，-0.05rem |
@@ -119,8 +119,8 @@ mob:w-ll 20em -> mob:w-ss*m 20em
119
119
 
120
120
  | 3.x 类名 | 旧值 | 4.0 类名 | 新值 | 结果 |
121
121
  |---|---:|---|---:|---|
122
- | `fs-xs*` | 1.6rem | `fs-lm` | 1.625rem | 近似，+0.025rem |
123
- | `fs-ss*` | 1.8rem | `fs-ll` | 1.75rem | 近似，-0.05rem |
122
+ | `fs-xs*` | 1.6rem | `fs-ll` | 1.5rem | 近似，-0.1rem |
123
+ | `fs-ss*` | 1.8rem | `fs-xl` | 1.75rem | 近似，-0.05rem |
124
124
  | `fs-sm*` | 2rem | `fs-xs*s` | 2rem | 精确 |
125
125
  | `fs-sl*` | 2.2rem | `fs-ss*s` | 2.25rem | 近似，+0.05rem |
126
126
  | `fs-ms*` | 2.4rem | `fs-sm*s` | 2.5rem | 近似，+0.1rem |
package/README.md CHANGED
@@ -76,6 +76,8 @@
76
76
  - `.fs-root`: 重置为 `1rem`
77
77
  - `.fs++ / .fs--`: 相对当前上下文放大或缩小
78
78
 
79
+ 基础字号在根字号为 `16px` 时对应 `11 / 12 / 13 / 14 / 15 / 16 / 18 / 20 / 22 / 24 / 28px`；随后由 `fs-xs*s` 从 `2rem / 32px` 接续。完整刻度按 `1 / 2 / 4 / 8 / 16px` 分段递增。
80
+
79
81
  4.0 已移除 `fs-{size}+`、`fs-{size}*` 和宽高 `+` 语法，并将 `*s / *m / *l` 改为分段刻度；`fs++ / fs--` 是保留的上下文缩放语法。升级项目请先阅读 [4.0 尺寸迁移指南](./MIGRATION-4.0.md)，按旧实际值选择新档位。
80
82
 
81
83
  - 行高：
package/components/form/base.scss CHANGED
@@ -265,11 +265,12 @@ $cos: 'main', 'text', 'read', 'note', 'idle', 'case', 'line', 'info', 'well', 'w
265
265
  // 清理
266
266
  [ui-form-clean] {
267
267
  position: relative;
268
- display: none;
268
+ display: inline-block;
269
269
  right: 0;
270
270
  background: none;
271
271
  box-shadow: none;
272
- opacity: 0.6;
272
+ opacity: 0;
273
+ pointer-events: none;
273
274
 
274
275
  &::before {
275
276
  position: relative;
@@ -289,21 +290,11 @@ $cos: 'main', 'text', 'read', 'note', 'idle', 'case', 'line', 'info', 'well', 'w
289
290
  box-shadow: inset 0 0 0 1px currentColor;
290
291
  }
291
292
  }
292
- @keyframes am-form-clean {
293
- 0% {
294
- opacity: 0;
295
- transform: scale3d(0.5, 0.5, 1);
296
- }
297
- 100% {
298
- opacity: 1;
299
- transform: scale3d(1, 1, 1);
300
- }
301
- }
302
293
  [ui-form] {
303
294
  &:hover {
304
295
  [ui-form-clean] {
305
- display: inline-block;
306
- animation: am-form-clean 0.2s;
296
+ opacity: 0.6;
297
+ pointer-events: auto;
307
298
  }
308
299
  }
309
300
  }
package/components/form/form@c/base.scss CHANGED
@@ -25,6 +25,8 @@
25
25
  // 清理
26
26
  [ui-form-clean] {
27
27
  display: inline-block;
28
+ opacity: 0.6;
29
+ pointer-events: auto;
28
30
 
29
31
  color: var(--co-case);
30
32
  background:
package/core/size.scss CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  // 分级字号
28
28
  @mixin randSize($d: '') {
29
- $base-sizes: ('xs' 0.625rem), ('ss' 0.75rem), ('sm' 0.875rem), ('sl' 1rem), ('ms' 1.125rem), ('mm' 1.25rem), ('ml' 1.375rem), ('ls' 1.5rem), ('lm' 1.625rem), ('ll' 1.75rem), ('xl' 1.875rem);
29
+ $base-sizes: ('xs' 0.6875rem), ('ss' 0.75rem), ('sm' 0.8125rem), ('sl' 0.875rem), ('ms' 0.9375rem), ('mm' 1rem), ('ml' 1.125rem), ('ls' 1.25rem), ('lm' 1.375rem), ('ll' 1.5rem), ('xl' 1.75rem);
30
30
  $display-sizes: ('xs\\*s' 2rem), ('ss\\*s' 2.25rem), ('sm\\*s' 2.5rem), ('sl\\*s' 2.75rem), ('ms\\*s' 3rem), ('mm\\*s' 3.25rem), ('ml\\*s' 3.5rem), ('ls\\*s' 3.75rem), ('lm\\*s' 4rem), ('ll\\*s' 4.25rem), ('xl\\*s' 4.5rem),
31
31
  ('xs\\*m' 5rem), ('ss\\*m' 5.5rem), ('sm\\*m' 6rem), ('sl\\*m' 6.5rem), ('ms\\*m' 7rem), ('mm\\*m' 7.5rem), ('ml\\*m' 8rem), ('ls\\*m' 8.5rem), ('lm\\*m' 9rem), ('ll\\*m' 9.5rem), ('xl\\*m' 10rem),
32
32
  ('xs\\*l' 11rem), ('ss\\*l' 12rem), ('sm\\*l' 13rem), ('sl\\*l' 14rem), ('ms\\*l' 15rem), ('mm\\*l' 16rem), ('ml\\*l' 17rem), ('ls\\*l' 18rem), ('lm\\*l' 19rem), ('ll\\*l' 20rem), ('xl\\*l' 21rem);
@@ -75,10 +75,10 @@
75
75
  font-size: 1rem;
76
76
  }
77
77
  .#{$d}fs\+\+ {
78
- font-size: 1.125em;
78
+ font-size: 1.0625em;
79
79
  }
80
80
  .#{$d}fs-- {
81
- font-size: 0.875em;
81
+ font-size: 0.9375em;
82
82
  }
83
83
 
84
84
  .#{$d}lh-no {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neatui/css",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "description": "neatui",
5
5
  "main": "./neatui.scss",
6
6
  "license": "MIT",