@neatui/css 5.1.4 → 5.1.5

package/GUIDE.md

@@ -1346,6 +1346,7 @@ hidden     // display: none
 
 // Flex 子项
 flex-block // flex: 1
+flex-fill // flex: 1，不裁切（overflow 不变，min-width: 0）
 flex-auto  // flex: auto
 flex-none  // flex: none
 ```

package/components/form/form@a/input.scss

@@ -55,6 +55,8 @@ value	       规定输入字段的默认值。
       flex-grow: 1;
       // 未知原因如果不设宽度会把 ui-form-subffix 挤出框外
       width: 100%;
+      // 输入框默认最小宽度是内容宽度（size 约 20 字），窄栏里会把整个框撑出容器
+      min-width: 0;
       height: 100%;
       padding: 0 0.25em;
       border: 0;

package/core/flex.scss

@@ -20,6 +20,11 @@
     flex: 1;
     overflow: hidden;
   }
+  // 占满剩余空间但不裁切（浮在外面的提示、负外边距的栅格不会被切掉），min-width 0 让内容可收缩
+  .#{$med}flex-fill {
+    flex: 1;
+    min-width: 0;
+  }
   .#{$med}flex-grow {
     flex-grow: 1;
     flex-shrink: 0;

package/dist/neatui.css

@@ -15487,6 +15487,11 @@ td[ui-col],th[ui-col]{
   overflow:hidden;
 }
 
+.flex-fill{
+  flex:1;
+  min-width:0;
+}
+
 .flex-grow{
   flex-grow:1;
   flex-shrink:0;
@@ -15778,6 +15783,10 @@ td[ui-col],th[ui-col]{
     flex:1;
     overflow:hidden;
   }
+  .pad\:flex-fill{
+    flex:1;
+    min-width:0;
+  }
   .pad\:flex-grow{
     flex-grow:1;
     flex-shrink:0;
@@ -16060,6 +16069,10 @@ td[ui-col],th[ui-col]{
     flex:1;
     overflow:hidden;
   }
+  .mob\:flex-fill{
+    flex:1;
+    min-width:0;
+  }
   .mob\:flex-grow{
     flex-grow:1;
     flex-shrink:0;
@@ -22583,6 +22596,7 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
   flex-grow:1;
   flex-shrink:1;
   height:100%;
+  min-width:0;
   overflow:hidden;
   padding:0 .25em;
   text-overflow:ellipsis;