el-text-editor 0.0.61 → 0.0.63

package/fesm2020/el-text-editor.mjs

@@ -1367,24 +1367,26 @@ class ElTextEditorComponent {
     convertTextToTable(text) {
         const rows = text.split('\n').filter(row => row.trim() !== '');
         const columnCount = rows[0]?.split('\t').length || 1; // Get the number of columns from the first row
-        // Define the column width percentage
-        const columnWidth = 100 / columnCount;
-        const tableRows = rows.map(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('');
+        <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 class="table-border-top" 
-          style="border-top: ${this.themeModeTableBorderTop()}; width: 100% !important;">
-        ${cells}
-      </tr>`;
+        <tr 
+          style="${borderTop} ${borderBottom} width: 100% !important;">
+          ${cells}
+        </tr>`;
         }).join('');
         return `
-    <table style="table-layout: fixed; width: 100%;"> 
-      ${tableRows}
-    </table>`;
+      <table style="table-layout: fixed; width: 100%;"> 
+        ${tableRows}
+      </table>`;
     }
     insertHtmlAtCaret(html) {
         const range = window.getSelection()?.getRangeAt(0);
@@ -1490,6 +1492,21 @@ class ElTextEditorComponent {
             }
         }
     }
+    //   formatTextWithDates(text: string): string {
+    //   // Regular expression to detect YYYY-MM-DD formatted dates
+    //   const dateRegex = /\b\d{4}-\d{2}-\d{2}\b/g;
+    //   // Replace found dates with a formatted version
+    //   return text.replace(dateRegex, (dateStr) => {
+    //     // Convert the detected date string into a Date object
+    //     const dateObj = new Date(dateStr);
+    //     // Format the date to 'Month Day, Year' (e.g., October 10, 2024)
+    //     return dateObj.toLocaleDateString('en-US', {
+    //       year: 'numeric',
+    //       month: 'long',
+    //       day: 'numeric',
+    //     });
+    //   });
+    // }
     formatTextWithDates(text) {
         // Regular expression to detect YYYY-MM-DD formatted dates
         const dateRegex = /\b\d{4}-\d{2}-\d{2}\b/g;
@@ -1497,12 +1514,12 @@ class ElTextEditorComponent {
         return text.replace(dateRegex, (dateStr) => {
             // Convert the detected date string into a Date object
             const dateObj = new Date(dateStr);
-            // Format the date to 'Month Day, Year' (e.g., October 10, 2024)
-            return dateObj.toLocaleDateString('en-US', {
-                year: 'numeric',
-                month: 'long',
-                day: 'numeric',
-            });
+            // Extract day, month, and year
+            const day = dateObj.getDate().toString().padStart(2, '0'); // Ensure day is two digits
+            const month = dateObj.toLocaleString('en-US', { month: 'short' }); // Get abbreviated month name
+            const year = dateObj.getFullYear(); // Get full year
+            // Format the date as 'dd/mmm/yyyy'
+            return `${day}/${month}/${year}`;
         });
     }
 }