feat: Optimize export dialog with NSOutlineView for 60fps performance

TablePro/Views/Export/ExportDialog.swift

@@ -164,10 +164,11 @@ struct ExportDialog: View {
                     Spacer()
                 }
             } else {
-                ExportTableTreeView(
+                ExportTableOutlineView(
                     databaseItems: $databaseItems,
                     format: config.format
                 )
+                .frame(minHeight: 300, maxHeight: .infinity)
             }
         }
     }

TablePro/Views/Export/ExportTableCellViews.swift

@@ -0,0 +1,233 @@
+//
+//  ExportTableCellViews.swift
+//  TablePro
+//
+//  Custom NSTableCellView implementations for export table outline view.
+//  Provides high-performance cell reuse for database and table rows.
+//
+
+import AppKit
+import SwiftUI
+
+// MARK: - Database Row Cell
+
+/// Cell view for database rows with tristate checkbox and name
+final class DatabaseRowCellView: NSTableCellView {
+
+    private let checkbox: NSButton
+    private let iconView: NSImageView
+    private let nameLabel: NSTextField
+
+    var checkboxAction: ((NSButton) -> Void)?
+
+    override init(frame frameRect: NSRect) {
+        // Create checkbox
+        checkbox = NSButton(checkboxWithTitle: "", target: nil, action: nil)
+        checkbox.allowsMixedState = true
+        checkbox.translatesAutoresizingMaskIntoConstraints = false
+
+        // Create icon
+        iconView = NSImageView()
+        iconView.image = NSImage(systemSymbolName: "cylinder", accessibilityDescription: "Database")
+        iconView.contentTintColor = .systemBlue
+        iconView.translatesAutoresizingMaskIntoConstraints = false
+
+        // Create name label
+        nameLabel = NSTextField(labelWithString: "")
+        nameLabel.font = .systemFont(ofSize: 13)
+        nameLabel.lineBreakMode = .byTruncatingMiddle
+        nameLabel.translatesAutoresizingMaskIntoConstraints = false
+
+        super.init(frame: frameRect)
+
+        addSubview(checkbox)
+        addSubview(iconView)
+        addSubview(nameLabel)
+
+        NSLayoutConstraint.activate([
+            // Checkbox
+            checkbox.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 2),
+            checkbox.centerYAnchor.constraint(equalTo: centerYAnchor),
+            checkbox.widthAnchor.constraint(equalToConstant: 16),
+
+            // Icon
+            iconView.leadingAnchor.constraint(equalTo: checkbox.trailingAnchor, constant: 3),
+            iconView.centerYAnchor.constraint(equalTo: centerYAnchor),
+            iconView.widthAnchor.constraint(equalToConstant: 16),
+            iconView.heightAnchor.constraint(equalToConstant: 16),
+
+            // Name
+            nameLabel.leadingAnchor.constraint(equalTo: iconView.trailingAnchor, constant: 3),
+            nameLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
+            nameLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -2),
+        ])
+
+        checkbox.target = self
+        checkbox.action = #selector(checkboxToggled(_:))
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    @objc private func checkboxToggled(_ sender: NSButton) {
+        checkboxAction?(sender)
+    }
+
+    func configure(database: ExportDatabaseItem, action: @escaping (NSButton) -> Void) {
+        nameLabel.stringValue = database.name
+        checkboxAction = action
+
+        // Calculate tristate based on table selection
+        if database.tables.isEmpty {
+            // Explicitly handle databases with no tables: keep visual "off" but disable interaction
+            checkbox.state = .off
+            checkbox.isEnabled = false
+        } else {
+            let selectedCount = database.tables.filter(\.isSelected).count
+            if selectedCount == 0 {
+                checkbox.state = .off
+            } else if selectedCount == database.tables.count {
+                checkbox.state = .on
+            } else {
+                checkbox.state = .mixed
+            }
+            checkbox.isEnabled = true
+        }
+
+        checkbox.setAccessibilityLabel("Select database \(database.name)")
+    }
+}
+
+// MARK: - Table Row Cell
+
+/// Cell view for table rows with selection checkbox, name, and optional SQL options
+final class TableRowCellView: NSTableCellView {
+
+    private let selectionCheckbox: NSButton
+    private let iconView: NSImageView
+    private let nameLabel: NSTextField
+
+    var selectionAction: ((NSButton) -> Void)?
+
+    override init(frame frameRect: NSRect) {
+        // Create selection checkbox
+        selectionCheckbox = NSButton(checkboxWithTitle: "", target: nil, action: nil)
+        selectionCheckbox.translatesAutoresizingMaskIntoConstraints = false
+
+        // Create icon
+        iconView = NSImageView()
+        iconView.image = NSImage(systemSymbolName: "tablecells", accessibilityDescription: "Table")
+        iconView.contentTintColor = .systemGray
+        iconView.translatesAutoresizingMaskIntoConstraints = false
+
+        // Create name label
+        nameLabel = NSTextField(labelWithString: "")
+        nameLabel.font = .systemFont(ofSize: 13)
+        nameLabel.lineBreakMode = .byTruncatingMiddle
+        nameLabel.translatesAutoresizingMaskIntoConstraints = false
+
+        super.init(frame: frameRect)
+
+        addSubview(selectionCheckbox)
+        addSubview(iconView)
+        addSubview(nameLabel)
+
+        NSLayoutConstraint.activate([
+            // Selection checkbox (NSOutlineView handles indentation)
+            selectionCheckbox.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 2),
+            selectionCheckbox.centerYAnchor.constraint(equalTo: centerYAnchor),
+            selectionCheckbox.widthAnchor.constraint(equalToConstant: 16),
+
+            // Icon
+            iconView.leadingAnchor.constraint(equalTo: selectionCheckbox.trailingAnchor, constant: 3),
+            iconView.centerYAnchor.constraint(equalTo: centerYAnchor),
+            iconView.widthAnchor.constraint(equalToConstant: 16),
+            iconView.heightAnchor.constraint(equalToConstant: 16),
+
+            // Name
+            nameLabel.leadingAnchor.constraint(equalTo: iconView.trailingAnchor, constant: 3),
+            nameLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
+            nameLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -2),
+        ])
+
+        selectionCheckbox.target = self
+        selectionCheckbox.action = #selector(selectionToggled(_:))
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    @objc private func selectionToggled(_ sender: NSButton) {
+        selectionAction?(sender)
+    }
+
+    func configure(table: ExportTableItem, selectionAction: @escaping (NSButton) -> Void) {
+        nameLabel.stringValue = table.name
+        selectionCheckbox.state = table.isSelected ? .on : .off
+        self.selectionAction = selectionAction
+        selectionCheckbox.setAccessibilityLabel("Select table \(table.name)")
+
+        // Update icon based on whether this item is a view or a regular table
+        if #available(macOS 11.0, *) {
+            let symbolName: String
+            let tintColor: NSColor
+
+            if table.type == .view {
+                symbolName = "eye"
+                tintColor = .systemPurple
+            } else {
+                symbolName = "tablecells"
+                tintColor = .systemGray
+            }
+
+            if let image = NSImage(systemSymbolName: symbolName, accessibilityDescription: nil) {
+                iconView.image = image
+                iconView.contentTintColor = tintColor
+            }
+        }
+    }
+}
+
+// MARK: - SQL Option Cell
+
+/// Cell view for SQL option columns (Structure, Drop, Data)
+final class SQLOptionCellView: NSTableCellView {
+    private let checkbox: NSButton
+
+    var checkboxAction: ((NSButton) -> Void)?
+
+    override init(frame frameRect: NSRect) {
+        checkbox = NSButton(checkboxWithTitle: "", target: nil, action: nil)
+        checkbox.translatesAutoresizingMaskIntoConstraints = false
+
+        super.init(frame: frameRect)
+
+        addSubview(checkbox)
+
+        NSLayoutConstraint.activate([
+            checkbox.centerXAnchor.constraint(equalTo: centerXAnchor),
+            checkbox.centerYAnchor.constraint(equalTo: centerYAnchor),
+            checkbox.widthAnchor.constraint(equalToConstant: 16),
+        ])
+
+        checkbox.target = self
+        checkbox.action = #selector(checkboxToggled(_:))
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    @objc private func checkboxToggled(_ sender: NSButton) {
+        checkboxAction?(sender)
+    }
+
+    func configure(isChecked: Bool, isEnabled: Bool, action: @escaping (NSButton) -> Void) {
+        checkbox.state = isChecked ? .on : .off
+        checkbox.isEnabled = isEnabled
+        checkbox.alphaValue = isEnabled ? 1.0 : 0.4
+        checkboxAction = action
+    }
+}