@zjpcy/simple-design 1.8.27 → 1.8.29

package/dist/cjs/components/Flex/index.js

@@ -1 +1 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=function(i){var r=i.children,o=i.layout,n=void 0===o?"horizontal":o,a=i.direction,l=i.justify,s=void 0===l?"flex-start":l,c=i.align,u=void 0===c?"stretch":c,d=i.wrap,f=void 0===d?"nowrap":d,p=i.gap,v=i.style,x=void 0===v?{}:v,m=a||("column"===n?"column":"row");return t.jsx("div",{className:"flex",style:e.__assign({gap:"number"==typeof p?"".concat(p,"px"):p,justifyContent:s,alignItems:u,flexWrap:f,flexDirection:m},x),children:r})};module.exports=i;
+"use strict";var i=require("tslib"),t=require("react/jsx-runtime"),e=function(e){var r=e.children,n=e.layout,o=void 0===n?"horizontal":n,a=e.direction,l=e.justify,s=void 0===l?"flex-start":l,c=e.align,u=void 0===c?"stretch":c,d=e.wrap,m=void 0===d?"nowrap":d,x=e.gap,f=e.style,p=void 0===f?{}:f,v=a||("column"===o?"column":"row");return t.jsx("div",{className:"flex",style:i.__assign({minWidth:0,maxWidth:"100%",gap:"number"==typeof x?"".concat(x,"px"):x,justifyContent:s,alignItems:u,flexWrap:m,flexDirection:v},p),children:r})};module.exports=e;

package/dist/cjs/index.css

@@ -4132,6 +4132,11 @@ html, body {
 .flex {
   display: flex;
   box-sizing: border-box;
+  /* 确保Flex容器在父元素（如Table单元格）中能够正确收缩 */
+  /* min-width: 0 允许flex容器在table-layout: fixed的表格中正确收缩 */
+  min-width: 0;
+  /* max-width: 100% 确保不会超出父容器宽度 */
+  max-width: 100%;
 }
 
 .flex > * {
@@ -8418,6 +8423,8 @@ html, body {
   hyphens: auto;
   transition: background-color var(--zjpcy-transition-duration, 0.2s) var(--zjpcy-transition-timing-function, ease-in-out);
   color: var(--zjpcy-text-color-secondary, rgba(0, 0, 0, 0.65));
+  /* 防止单元格内容溢出到相邻列 */
+  overflow: hidden;
 }
 
 /* 表格行悬停效果 */
@@ -15140,6 +15147,8 @@ html, body {
     transition: all 0.2s ease;
     background-color: var(--tag-bg-color, #f5f5f5);
     color: var(--tag-text-color, #333);
+    flex-shrink: 0;
+    flex-wrap: wrap;
 }
 
 /* 尺寸样式 */

package/dist/es/components/Flex/index.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{jsx as o}from"react/jsx-runtime";var r=function(r){var i=r.children,e=r.layout,a=void 0===e?"horizontal":e,n=r.direction,l=r.justify,c=void 0===l?"flex-start":l,s=r.align,f=void 0===s?"stretch":s,d=r.wrap,m=void 0===d?"nowrap":d,p=r.gap,u=r.style,v=void 0===u?{}:u,x=n||("column"===a?"column":"row");return o("div",{className:"flex",style:t({gap:"number"==typeof p?"".concat(p,"px"):p,justifyContent:c,alignItems:f,flexWrap:m,flexDirection:x},v),children:i})};export{r as default};
+import{__assign as t}from"tslib";import{jsx as i}from"react/jsx-runtime";var o=function(o){var r=o.children,e=o.layout,a=void 0===e?"horizontal":e,n=o.direction,l=o.justify,c=void 0===l?"flex-start":l,d=o.align,m=void 0===d?"stretch":d,s=o.wrap,f=void 0===s?"nowrap":s,p=o.gap,u=o.style,v=void 0===u?{}:u,x=n||("column"===a?"column":"row");return i("div",{className:"flex",style:t({minWidth:0,maxWidth:"100%",gap:"number"==typeof p?"".concat(p,"px"):p,justifyContent:c,alignItems:m,flexWrap:f,flexDirection:x},v),children:r})};export{o as default};

package/dist/es/index.css

@@ -4132,6 +4132,11 @@ html, body {
 .flex {
   display: flex;
   box-sizing: border-box;
+  /* 确保Flex容器在父元素（如Table单元格）中能够正确收缩 */
+  /* min-width: 0 允许flex容器在table-layout: fixed的表格中正确收缩 */
+  min-width: 0;
+  /* max-width: 100% 确保不会超出父容器宽度 */
+  max-width: 100%;
 }
 
 .flex > * {
@@ -8418,6 +8423,8 @@ html, body {
   hyphens: auto;
   transition: background-color var(--zjpcy-transition-duration, 0.2s) var(--zjpcy-transition-timing-function, ease-in-out);
   color: var(--zjpcy-text-color-secondary, rgba(0, 0, 0, 0.65));
+  /* 防止单元格内容溢出到相邻列 */
+  overflow: hidden;
 }
 
 /* 表格行悬停效果 */
@@ -15140,6 +15147,8 @@ html, body {
     transition: all 0.2s ease;
     background-color: var(--tag-bg-color, #f5f5f5);
     color: var(--tag-text-color, #333);
+    flex-shrink: 0;
+    flex-wrap: wrap;
 }
 
 /* 尺寸样式 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjpcy/simple-design",
-  "version": "1.8.27",
+  "version": "1.8.29",
   "description": "zjpcy Studio Design System - React Component Library",
   "main": "dist/cjs/components/index.js",
   "module": "dist/es/components/index.js",