@shival99/z-ui 2.0.60 → 2.0.61

package/fesm2022/shival99-z-ui-components-z-table.mjs

@@ -5287,8 +5287,7 @@ class ZTableComponent {
     cellSelectionOptions = computed(() => {
         const config = this.zConfig().cellSelection;
         if (config === false || config === undefined) {
-            return { enabled: true, range: true, contextMenu: true, copyWithHeaders: true };
-            // return { enabled: false, range: false, contextMenu: false, copyWithHeaders: false };
+            return { enabled: false, range: false, contextMenu: false, copyWithHeaders: false };
         }
         if (config === true) {
             return { enabled: true, range: true, contextMenu: true, copyWithHeaders: true };
@@ -7648,6 +7647,7 @@ class ZTableComponent {
             return;
         }
         const text = this._getContentEditClipboardText(menu.row.id, menu.columnId) ??
+            this._getRenderedCellClipboardValue(menu.row.id, menu.columnId) ??
             this._formatCellClipboardValue(menu.row.getValue(menu.columnId));
         void this._writeClipboardText(text);
         this.contentRowMenuControl()?.closeImmediate();
@@ -7997,7 +7997,8 @@ class ZTableComponent {
                 if (!this._isSelectableCell(row, columnId)) {
                     return '';
                 }
-                return this._formatCellClipboardValue(row.getValue(columnId));
+                return (this._getRenderedCellClipboardValue(row.id, columnId) ??
+                    this._formatCellClipboardValue(row.getValue(columnId)));
             })
                 .join('\t'));
         }
@@ -8063,6 +8064,30 @@ class ZTableComponent {
         }
         return String(value).replace(/\r?\n/g, ' ');
     }
+    _getRenderedCellClipboardValue(rowId, columnId) {
+        const cell = this._getRenderedBodyCell(rowId, columnId);
+        if (!cell) {
+            return null;
+        }
+        const renderedText = cell.innerText || cell.textContent || '';
+        return this._formatCellClipboardValue(renderedText.replace(/\u00a0/g, ' ').trim()).replace(/[ \t]+/g, ' ');
+    }
+    _getRenderedBodyCell(rowId, columnId) {
+        const rows = Array.from(this._host.nativeElement.querySelectorAll('tbody tr[data-row-id]'));
+        for (const row of rows) {
+            if (row.getAttribute('data-row-id') !== rowId) {
+                continue;
+            }
+            const cells = Array.from(row.querySelectorAll('td[data-column-id]'));
+            for (const cell of cells) {
+                if (cell.getAttribute('data-column-id') === columnId) {
+                    return cell instanceof HTMLElement ? cell : null;
+                }
+            }
+            return null;
+        }
+        return null;
+    }
     _getColumnCopyHeader(columnId) {
         const columnConfig = this._findColumnConfig(columnId);
         const header = columnConfig?.header;