@neatui/css 5.4.0 → 5.5.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @neatui/css 更新记录
 
+## 5.5.0
+
+### 不兼容变更：换行只用 `ui-wrap`
+
+- 移除 `.wrap`、`.nowrap` 及 `pad:`、`mob:` 换行类。
+- `ui-wrap` 新增 `no`（不换行）。迁移：`nowrap` → `ui-wrap="no"`，`wrap` → `ui-wrap="all"`，`mob:wrap` → `ui-wrap="=mob"`，`pad:wrap` → `ui-wrap="<dpc"`。
+
 ## 5.2.1
 
 - `ui-icon="close"`：图案放大到 80%，线条更细；`steps` 内部使用的 `%icon-close` 不变。

package/GUIDE.md

@@ -935,11 +935,15 @@ dpc, dpc-s, dpc-m, dpc-l
 
 ### 按断点换行 `ui-wrap`
 
-元素带上 `ui-wrap` 即默认不换行，只在列出的范围内换行。取值与 `ui-hide` 相同（`>`、`<`、`=` + 九档细分值或设备段别名），可用空格组合；另有 `all` 表示全部换行，空值表示全部不换行。
+换行只用 `ui-wrap`（`wrap`、`nowrap` 及 `pad:`、`mob:` 换行类已移除）。三类取值：
+
+- `no`：不换行（`no` + `wrap`，对应 CSS `nowrap`）。
+- `all`：全部换行。
+- 断点值：与 `ui-hide` 相同（`>`、`<`、`=` + 九档细分值或设备段别名），可用空格组合，列出的范围换行、其余不换行。
 
 | 换行的端 | 写法 |
 | --- | --- |
-| 都不换行 | `ui-wrap=""` |
+| 都不换行 | `ui-wrap="no"` |
 | 仅移动 | `ui-wrap="=mob"` |
 | 仅平板 | `ui-wrap="=pad"` |
 | 仅桌面 | `ui-wrap="=dpc"` |
@@ -953,7 +957,7 @@ dpc, dpc-s, dpc-m, dpc-l
 <div ui-wrap="=pad-m">...</div>
 ```
 
-写了 `ui-wrap` 时由它全权决定：规则位于 `wrap`、`nowrap` 及 `pad:`、`mob:` 前缀类之后，同优先级下会覆盖它们，不要混用。
+迁移：`nowrap` → `ui-wrap="no"`，`wrap` → `ui-wrap="all"`，`mob:wrap` → `ui-wrap="=mob"`，`pad:wrap` → `ui-wrap="<dpc"`。
 `all` 不带媒体查询，比 `=mob =pad =dpc` 更可靠（后者在断点间的小数宽度，如 799.5px，不会命中）。
 
 ### 响应式 class 前缀

package/core/basic.scss

@@ -178,13 +178,6 @@
     overflow-y: auto;
   }
 
-  .#{$d}wrap {
-    white-space: normal;
-  }
-  .#{$d}nowrap {
-    white-space: nowrap;
-  }
-
   .#{$d}upper {
     text-transform: uppercase;
   }
@@ -205,10 +198,11 @@
   @include base("mob\\:");
 }
 
-// 按断点换行：有 ui-wrap 即默认不换行，列出的范围换行
-// 取值同 ui-hide（>pad / <pad / =pad 及九档细分值），可空格组合；all 全部换行，空值全部不换行
-// 必须位于 wrap / nowrap / pad: / mob: 之后，写了 ui-wrap 时由它全权决定
-[ui-wrap] {
+// 换行只用 ui-wrap（已移除 wrap / nowrap 类）：
+// no = 不换行（no + wrap，同 CSS nowrap）；all = 全部换行；
+// 断点值同 ui-hide（>pad / <pad / =pad 及九档细分值），可空格组合，列出的范围换行、其余不换行
+[ui-wrap],
+[ui-wrap~='no'] {
   white-space: nowrap;
 }
 [ui-wrap~='all'] {

package/dist/neatui.css

@@ -601,14 +601,6 @@ sup{
   overflow-y:auto;
 }
 
-.wrap{
-  white-space:normal;
-}
-
-.nowrap{
-  white-space:nowrap;
-}
-
 .upper{
   text-transform:uppercase;
 }
@@ -765,12 +757,6 @@ sup{
   .pad\:scroll-y{
     overflow-y:auto;
   }
-  .pad\:wrap{
-    white-space:normal;
-  }
-  .pad\:nowrap{
-    white-space:nowrap;
-  }
   .pad\:upper{
     text-transform:uppercase;
   }
@@ -926,12 +912,6 @@ sup{
   .mob\:scroll-y{
     overflow-y:auto;
   }
-  .mob\:wrap{
-    white-space:normal;
-  }
-  .mob\:nowrap{
-    white-space:nowrap;
-  }
   .mob\:upper{
     text-transform:uppercase;
   }
@@ -939,7 +919,7 @@ sup{
     text-transform:lowercase;
   }
 }
-[ui-wrap]{
+[ui-wrap],[ui-wrap~=no]{
   white-space:nowrap;
 }