@neatui/css 4.2.6 → 4.4.0

package/GUIDE.md

@@ -1391,8 +1391,9 @@ cursor-move
 - `ux-click[-sub] / hover-underline / ui-hover=":underline"`：始终显示
   pointer 与下划线，不会绑定 click 或 hover 事件；
 - `ux-scale`：`:active` 时缩放到 `.95`；
-- `parent-hover:show / parent-hover:hide`：父级 `:hover` 或 `.active` 时只改变
-  opacity 与 pointer-events，DOM 节点始终保留；
+- `sub-hover / sun-hover` 与 `sub-hover:hide / sun-hover:hide`：祖先 `:hover`
+  或 `.active` 时只改变 opacity 与 pointer-events（`sub` 直接子级，`sun` 孙级），
+  DOM 节点始终保留；
 - `ev-none|auto[-sub|-sun]`：以 `!important` 控制 self、直接子级或孙级的
   pointer-events。
 

package/components/table/index.scss

@@ -1,3 +1,4 @@
 @forward './table@a.scss';
 @forward './table@b.scss';
 @forward './table@c.scss';
+@forward './table@d.scss';

package/components/table/table@d.scss

@@ -0,0 +1,17 @@
+// 主题
+@forward './base.scss';
+
+[ui-table~='@d'] {
+  & {
+    border-collapse: separate;
+    border-spacing: 0 0.5em;
+  }
+
+  thead,
+  tbody {
+    tr {
+      box-shadow: inset 0 0 0 1px var(--co-line);
+      border-radius: 0.35em;
+    }
+  }
+}

package/core/ux.scss

@@ -64,24 +64,30 @@
   }
 }
 
-// 移入显示（父级 :hover 或 .active 同效）
-.parent-hover\:show {
+// 移入显示（祖先 :hover 或 .active 同效；sub 子级，sun 孙级）
+.sub-hover,
+.sun-hover {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.1s;
 }
-*:hover > .parent-hover\:show,
-*.active > .parent-hover\:show {
+*:hover > .sub-hover,
+*.active > .sub-hover,
+*:hover > * > .sun-hover,
+*.active > * > .sun-hover {
   opacity: 1;
   pointer-events: auto;
 }
 
-// 移入隐藏（父级 :hover 或 .active 同效）
-.parent-hover\:hide {
+// 移入隐藏（祖先 :hover 或 .active 同效；sub 子级，sun 孙级）
+.sub-hover\:hide,
+.sun-hover\:hide {
   transition: opacity 0.1s;
 }
-*:hover > .parent-hover\:hide,
-*.active > .parent-hover\:hide {
+*:hover > .sub-hover\:hide,
+*.active > .sub-hover\:hide,
+*:hover > * > .sun-hover\:hide,
+*.active > * > .sun-hover\:hide {
   opacity: 0;
   pointer-events: none;
 }

package/dist/neatui.css

@@ -16687,22 +16687,22 @@ td[ui-col],th[ui-col]{
   transform:scale(.95);
 }
 
-.parent-hover\:show{
+.sub-hover,.sun-hover{
   opacity:0;
   pointer-events:none;
   transition:opacity .1s;
 }
 
-.active>.parent-hover\:show,:hover>.parent-hover\:show{
+.active>*>.sun-hover,.active>.sub-hover,:hover>*>.sun-hover,:hover>.sub-hover{
   opacity:1;
   pointer-events:auto;
 }
 
-.parent-hover\:hide{
+.sub-hover\:hide,.sun-hover\:hide{
   transition:opacity .1s;
 }
 
-.active>.parent-hover\:hide,:hover>.parent-hover\:hide{
+.active>*>.sun-hover\:hide,.active>.sub-hover\:hide,:hover>*>.sun-hover\:hide,:hover>.sub-hover\:hide{
   opacity:0;
   pointer-events:none;
 }
@@ -27500,6 +27500,15 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   background-color:var(--co-weak-w-lm);
 }
 
+[ui-table~="@d"]{
+  border-collapse:separate;
+  border-spacing:0 .5em;
+}
+[ui-table~="@d"] tbody tr,[ui-table~="@d"] thead tr{
+  border-radius:.35em;
+  box-shadow:inset 0 0 0 1px var(--co-line);
+}
+
 [ui-tabs~="@a"]{
   box-shadow:inset 0 -1px 0 var(--co-line);
   height:2.5em;