wkjp-list-page 1.0.39 → 1.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wkjp-list-page",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "Vue2 + ElementUI CommonListPage component",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/CommonListPage.vue

@@ -867,6 +867,19 @@ export default {
         return slotLayout;
       }
       
+      // 获取表头和内容的最大字符长度
+      var maxLen = this.getColumnMaxContentLength(col);
+      
+      // 计算基于内容的宽度（字符数转像素）
+      var charPx = Number(this.columnAutoWidthCharPx);
+      var pad = Number(this.columnAutoWidthPadding);
+      if (!Number.isFinite(charPx) || charPx <= 0) charPx = 16;
+      if (!Number.isFinite(pad) || pad < 0) pad = 32;
+      
+      // 计算内容宽度（像素）
+      var widthChars = Math.max(maxLen, 1);
+      var contentWidthPx = Math.ceil(widthChars * charPx + pad);
+      
       // 获取用户设置的 minWidth（如果有）
       var userMinWidth = null;
       if (col.minWidth != null && col.minWidth !== "") {
@@ -880,8 +893,11 @@ export default {
       var defaultMinW = Number(this.columnAutoMinWidth);
       if (!Number.isFinite(defaultMinW) || defaultMinW <= 0) defaultMinW = 120;
       
-      // 计算最终的最小宽度：max(用户设置的minWidth, 默认minWidth)
-      var finalMinWidth = defaultMinW;
+      // 计算最终的最小宽度：max(用户设置的minWidth, 默认minWidth, 内容宽度)
+      var finalMinWidth = Math.max(
+        defaultMinW,
+        contentWidthPx
+      );
       if (userMinWidth !== null) {
         finalMinWidth = Math.max(finalMinWidth, userMinWidth);
       }