el-text-editor 0.0.31 → 0.0.32

package/fesm2020/el-text-editor.mjs

@@ -800,7 +800,7 @@ class ElTextEditorComponent {
         const cellMinWidth = tableWidth / cols; // Calculate minimum width for each cell
         let table = `<br /><table style="width: ${tableWidth}px;">`;
         for (let i = 0; i < 3; i++) { // Number of rows
-            table += '<tr style="border-bottom: 1px solid #000;">'; // Add border-bottom to the row
+            table += `<tr style="border-bottom: ${this.themeModeClrVerticalLineForTable()}">`; // Add border-bottom to the row
             for (let j = 0; j < cols; j++) {
                 table += `<td style="word-wrap: break-word; word-break: break-all; white-space: normal; min-width: ${cellMinWidth}px;">&nbsp;</td>`;
             }
@@ -867,7 +867,7 @@ class ElTextEditorComponent {
     addRow() {
         if (this.selectedTable) {
             let row = this.selectedTable.insertRow();
-            row.style.borderBottom = '1px solid black'; // Add bottom border to the row
+            row.style.borderBottom = this.themeModeClrVerticalLineForTable(); // Add bottom border to the row
             for (let i = 0; i < this.selectedTable.rows[0].cells.length; i++) {
                 let cell = row.insertCell(i);
                 cell.innerHTML = '&nbsp;';
@@ -956,7 +956,7 @@ class ElTextEditorComponent {
             }
             // Update existing rows' bottom border
             for (let i = 0; i < this.selectedTable.rows.length; i++) {
-                this.selectedTable.rows[i].style.borderBottom = '1px solid black';
+                this.selectedTable.rows[i].style.borderBottom = this.themeModeClrVerticalLineForTable();
             }
         }
     }
@@ -976,6 +976,15 @@ class ElTextEditorComponent {
             }
         }
     }
+    themeModeClrVerticalLineForTable() {
+        const clrMode = document.body.getAttribute('data-layout-color');
+        if (clrMode == 'dark') {
+            return '2px solid #414141 !important';
+        }
+        else {
+            return '2px solid #5F5F5F !important';
+        }
+    }
     adjustTableWidth(event) {
         if (this.selectedTable) {
             this.selectedTable.style.width = event.target.value + 'px';