wkjp-list-page 1.0.37 → 1.0.39

package/package.json

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

package/src/components/CommonListPage.vue

@@ -447,12 +447,6 @@ export default {
     exportBefore: { type: Function, default: null },
     /** 与列表当前 `total` 比较，超出则提示不导出；不传则不限制 */
     exportMaxLimit: { type: Number, default: null },
-    /**
-     * 未在列上写 `width` / `minWidth` 时，按表头与当前页单元格内容估算列宽；
-     * 内容最长超过该字符宽度单位数则固定按该宽度算宽并开启 `showOverflowTooltip`。
-     * 注：中文字符宽度为2，英文字母和数字宽度为1。
-     */
-    columnOverflowTooltipChars: { type: Number, default: 20 },
     /** 自动列宽：每字符宽度单位折算像素（12px 字号下，半角字符约8px，全角字符约16px） */
     columnAutoWidthCharPx: { type: Number, default: 8 },
     /** 自动列宽：单元格左右内边距等额外宽度 */
@@ -766,80 +760,17 @@ export default {
       return length;
     },
     // 判断文本是否需要显示省略号
-    // 中文字符：超过20个字符宽度单位（约10个中文字）
-    // 英文字母/数字：超过40个字符宽度单位（约40个英文字母/数字）
+    // 现在只通过列配置中的 showOverflowTooltip 属性来控制
+    // 不再根据字符长度自动判断
     shouldShowOverflowTooltip(text) {
-      var str = String(text == null ? "" : text);
-      
-      // 如果字符串为空，不显示省略号
-      if (str.length === 0) {
-        return false;
-      }
-      
-      var fullWidthCount = 0; // 全角字符计数
-      var halfWidthCount = 0; // 半角字符计数
-      var isPureNumberOrLetter = true; // 标记是否为纯数字或字母
-      
-      for (var i = 0; i < str.length; i++) {
-        var charCode = str.charCodeAt(i);
-        var char = str.charAt(i);
-        
-        // 检查是否为全角字符
-        if (
-          (charCode >= 0x4E00 && charCode <= 0x9FFF) || // 中文
-          (charCode >= 0x3000 && charCode <= 0x303F) || // CJK符号和标点
-          (charCode >= 0xFF00 && charCode <= 0xFFEF)    // 全角字符
-        ) {
-          fullWidthCount++;
-          isPureNumberOrLetter = false; // 包含全角字符，不是纯数字/字母
-        } else {
-          halfWidthCount++;
-          // 检查是否为数字或字母（半角）
-          if (!((charCode >= 48 && charCode <= 57) || // 数字 0-9
-                (charCode >= 65 && charCode <= 90) || // 大写字母 A-Z
-                (charCode >= 97 && charCode <= 122))) { // 小写字母 a-z
-            isPureNumberOrLetter = false; // 包含非数字字母字符
-          }
-        }
-      }
-      
-      // 纯数字或字母内容不显示省略号
-      if (isPureNumberOrLetter && halfWidthCount > 0 && fullWidthCount === 0) {
-        return false;
-      }
-      
-      // 计算总宽度单位：全角字符*2 + 半角字符*1
-      var totalWidth = fullWidthCount * 2 + halfWidthCount;
-      
-      // 如果包含全角字符，使用20个宽度单位的阈值
-      // 如果只有半角字符，使用40个宽度单位的阈值
-      var threshold = fullWidthCount > 0 ? 20 : 40;
-      
-      return totalWidth > threshold;
+      // 永远返回 false，不自动显示省略号
+      // 省略号显示完全由列配置中的 showOverflowTooltip 属性控制
+      return false;
     },
     // 根据字符类型获取动态阈值
+    // 现在不再使用，但保留方法避免错误
     getDynamicThreshold(text) {
-      var str = String(text == null ? "" : text);
-      var fullWidthCount = 0; // 全角字符计数
-      
-      for (var i = 0; i < str.length; i++) {
-        var charCode = str.charCodeAt(i);
-        if (
-          (charCode >= 0x4E00 && charCode <= 0x9FFF) || // 中文
-          (charCode >= 0x3000 && charCode <= 0x303F) || // CJK符号和标点
-          (charCode >= 0xFF00 && charCode <= 0xFFEF)    // 全角字符
-        ) {
-          fullWidthCount++;
-        }
-      }
-      
-      // 如果包含全角字符，使用20个宽度单位的阈值
-      // 如果只有半角字符，使用40个宽度单位的阈值
-      return fullWidthCount > 0 ? 20 : 40;
-    },
-    columnOverflowThreshold() {
-      var n = Number(this.columnOverflowTooltipChars);
-      return Number.isFinite(n) && n > 0 ? Math.floor(n) : 20;
+      return 20; // 返回默认值
     },
     /** 表头 + 当前页数据中最长展示文本的字符数（slot 列仅表头） */
     getColumnMaxContentLength(col) {
@@ -929,33 +860,13 @@ export default {
         // slot 列可以设置 showOverflowTooltip
         // 对于 slot 列，我们只检查用户是否显式设置了 showOverflowTooltip
         // 因为 slot 列的内容是自定义的，无法自动判断是否需要省略号
+        // 注意：slot列无法自动判断内容是否为纯数字字母，所以这里保留用户设置
         if (col.showOverflowTooltip === true) {
           slotLayout.showOverflowTooltip = true;
         }
         return slotLayout;
       }
       
-      // 获取表头和内容的最大字符长度
-      var maxLen = this.getColumnMaxContentLength(col);
-      var threshold = this.columnOverflowThreshold();
-      
-      // 计算基于内容的宽度（字符数转像素）
-      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 maxContentText = this.getColumnMaxContentText(col);
-      var shouldShowTooltip = this.shouldShowOverflowTooltip(maxContentText);
-      
-      // 根据字符类型动态调整阈值
-      // 如果应该显示省略号，使用动态阈值计算宽度
-      var dynamicThreshold = this.getDynamicThreshold(maxContentText);
-      var widthChars = shouldShowTooltip ? dynamicThreshold : Math.max(maxLen, 1);
-      var contentWidthPx = Math.ceil(widthChars * charPx + pad);
-      
       // 获取用户设置的 minWidth（如果有）
       var userMinWidth = null;
       if (col.minWidth != null && col.minWidth !== "") {
@@ -969,11 +880,8 @@ export default {
       var defaultMinW = Number(this.columnAutoMinWidth);
       if (!Number.isFinite(defaultMinW) || defaultMinW <= 0) defaultMinW = 120;
       
-      // 计算最终的最小宽度：max(用户设置的minWidth, 默认minWidth, 内容宽度)
-      var finalMinWidth = Math.max(
-        defaultMinW,
-        contentWidthPx
-      );
+      // 计算最终的最小宽度：max(用户设置的minWidth, 默认minWidth)
+      var finalMinWidth = defaultMinW;
       if (userMinWidth !== null) {
         finalMinWidth = Math.max(finalMinWidth, userMinWidth);
       }
@@ -982,12 +890,15 @@ export default {
       if (col.width != null && col.width !== "") {
         var userWidth = Number(col.width);
         if (Number.isFinite(userWidth) && userWidth > 0) {
-          // 获取最长内容的字符串来判断是否需要显示省略号
-          var maxContentText = this.getColumnMaxContentText(col);
-          var shouldShowTooltip = this.shouldShowOverflowTooltip(maxContentText) || col.showOverflowTooltip === true;
+          // 只根据列配置中的 showOverflowTooltip 属性决定是否显示省略号
+          if (col.showOverflowTooltip === true) {
+            return {
+              width: userWidth,
+              showOverflowTooltip: true
+            };
+          }
           return {
-            width: userWidth,
-            showOverflowTooltip: shouldShowTooltip
+            width: userWidth
           };
         }
       }
@@ -996,11 +907,8 @@ export default {
         minWidth: finalMinWidth
       };
       
-      // 判断是否需要显示 tooltip
-      // 获取最长内容的字符串来判断是否需要显示省略号
-      var maxContentText = this.getColumnMaxContentText(col);
-      var shouldShowTooltip = this.shouldShowOverflowTooltip(maxContentText) || col.showOverflowTooltip === true;
-      if (shouldShowTooltip) {
+      // 只根据列配置中的 showOverflowTooltip 属性决定是否显示省略号
+      if (col.showOverflowTooltip === true) {
         layout.showOverflowTooltip = true;
       }