el-text-editor 0.0.60 → 0.0.62

package/fesm2015/el-text-editor.mjs

@@ -1360,13 +1360,38 @@ class ElTextEditorComponent {
         const rows = text.split('\n');
         return rows.length > 1 && rows[0].split('\t').length > 1;
     }
+    // convertTextToTable(text: string): string {
+    //   const rows = text.split('\n').filter(row => row.trim() !== '');
+    //   const tableRows = rows.map(row => {
+    //     const cells = row.split('\t').map(cell => `<td class="px-1 py-1" >${cell}</td>`).join('');
+    //     return `<tr class="table-border-top" style="border-top: ${this.themeModeTableBorderTop()}; width: 100% !important">${cells}</tr>`;
+    //   }).join('');
+    //   return `<table>${tableRows}</table>`;
+    // }
     convertTextToTable(text) {
+        var _a;
         const rows = text.split('\n').filter(row => row.trim() !== '');
-        const tableRows = rows.map(row => {
-            const cells = row.split('\t').map(cell => `<td class="px-1 py-1" >${cell}</td>`).join('');
-            return `<tr class="table-border-top" style="border-top: ${this.themeModeTableBorderTop()}; width: 100% !important">${cells}</tr>`;
+        const columnCount = ((_a = rows[0]) === null || _a === void 0 ? void 0 : _a.split('\t').length) || 1; // Get the number of columns from the first row
+        const columnWidth = 100 / columnCount; // Calculate column width
+        const tableRows = rows.map((row, index) => {
+            const cells = row.split('\t').map(cell => `
+        <td class="px-1 py-1 text-truncate" 
+            style="max-width: ${columnWidth}%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+          ${cell}
+        </td>`).join('');
+            // Add a border-top for all rows except the first and border-bottom for the last row
+            const borderTop = index === 0 ? '' : `border-top: ${this.themeModeTableBorderTop()};`;
+            const borderBottom = index === rows.length - 1 ? `border-bottom: ${this.themeModeTableBorderTop()};` : '';
+            return `
+        <tr 
+          style="${borderTop} ${borderBottom} width: 100% !important;">
+          ${cells}
+        </tr>`;
         }).join('');
-        return `<table>${tableRows}</table>`;
+        return `
+      <table style="table-layout: fixed; width: 100%;"> 
+        ${tableRows}
+      </table>`;
     }
     insertHtmlAtCaret(html) {
         var _a;