Files
Flora/qml/panels/EditorPanel.qml
T

140 lines
6.1 KiB
QML

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
// Центральная панель: вкладки сверху, тулбар, редактор-текст, панель внизу.
// Всё — anchors, без ColumnLayout/RowLayout (SplitView не работает с ними).
Item {
id: root
property bool sideBySide: false
function baseName(p) {
const i = p.lastIndexOf("/")
return i >= 0 ? p.substring(i + 1) : p
}
// --- Вкладки (верх) ---
Rectangle {
id: tabRow
anchors.top: parent.top
anchors.left: parent.left
anchors.right: parent.right
height: 32
color: "#ececec"
RowLayout {
anchors.fill: parent; anchors.leftMargin: 4; spacing: 2
Repeater {
model: documentManager.openTabs
delegate: Rectangle {
id: tab
required property string modelData
required property int index
readonly property bool active: index === documentManager.activeIndex
width: Math.max(90, tabLabel.implicitWidth + 32)
height: 26; radius: 4
color: active ? "white" : "#e0e0e0"
MouseArea {
anchors.fill: parent
onClicked: documentManager.setActiveIndex(index)
onDoubleClicked: documentManager.closeTab(index)
}
Label {
id: tabLabel
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left; anchors.leftMargin: 8
text: root.baseName(modelData) + (documentManager.isDirty(index) ? " •" : "")
font.pixelSize: 12; color: tab.active ? "#111" : "#555"
}
ToolButton {
text: "\u2715"; anchors.right: parent.right; anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 9; width: 16
opacity: tab.active || hovered ? 1 : 0
onClicked: documentManager.closeTab(index)
}
}
}
Item { Layout.fillWidth: true }
Label { visible: documentManager.openTabs.length === 0; text: qsTr("Откройте файл"); color: "#999"; font.pixelSize: 12 }
ToolButton {
text: "\u25A1\u25A1"; checkable: true; checked: documentManager.sideBySide
enabled: documentManager.activeIndex >= 0
onClicked: { documentManager.setSecondaryIndex(documentManager.activeIndex); documentManager.setSideBySide(checked) }
}
}
}
// --- Тулбар (под вкладками) ---
FormatToolbar {
id: fmtBar
anchors.top: tabRow.bottom; anchors.left: parent.left; anchors.right: parent.right
height: 34
visible: documentManager.activeIndex >= 0
onTableRequested: { tableEditor.resetDialog(); tableEditor.open() }
}
// --- Текстовый редактор (основная область) ---
TextEdit {
id: textArea
anchors.top: fmtBar.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: toolbar.top
clip: true
visible: documentManager.activeIndex >= 0
text: documentManager.contentAt(documentManager.activeIndex)
color: "black"
font.family: "Menlo, Consolas, 'DejaVu Sans Mono', monospace"
font.pixelSize: 14
wrapMode: TextEdit.NoWrap
selectByMouse: true
onTextEdited: documentManager.updateContent(documentManager.activeIndex, text)
}
// --- Режим просмотра ---
TextEdit {
id: viewArea
anchors.top: fmtBar.bottom; anchors.left: parent.left; anchors.right: parent.right; anchors.bottom: toolbar.top
visible: false
readOnly: true; clip: true
textFormat: TextEdit.RichText
color: "black"
font.family: "Menlo, Consolas, 'DejaVu Sans Mono', monospace"
font.pixelSize: 14; wrapMode: TextEdit.Wrap
onLinkActivated: (href) => {
if (href.startsWith("flora://open/"))
documentManager.openDocument(decodeURIComponent(href.substring(13)))
}
}
// --- Серая панель ВНИЗУ (конец) ---
Rectangle {
id: toolbar
anchors.bottom: parent.bottom; anchors.left: parent.left; anchors.right: parent.right
height: 32; color: "#e0e0e0"; border.color: "#ccc"
RowLayout {
anchors.fill: parent; anchors.rightMargin: 4; spacing: 4
Item { Layout.fillWidth: true }
ToolButton { text: "✎"; checkable: true; checked: documentManager.activeIndex >= 0 && !viewArea.visible; onClicked: { viewArea.visible = false; textArea.visible = true } }
ToolButton { text: "👁"; checkable: true; checked: viewArea.visible; onClicked: {
viewArea.visible = true; textArea.visible = false
viewArea.text = mdParser.render(textArea.text, fileStore.vault, activeFileDir())
}}
ToolButton { text: "\u2715"; visible: false }
}
}
function activeFileDir() {
const p = documentManager.pathAt(documentManager.activeIndex)
const i = p.lastIndexOf("/")
return i >= 0 ? p.substring(0, i) : ""
}
TableEditor { id: tableEditor; onMarkdownReady: (md) => textArea.insert(textArea.cursorPosition, md) }
Shortcut { sequence: "Ctrl+S"; onActivated: documentManager.saveAll() }
Shortcut { sequence: "Ctrl+W"; onActivated: documentManager.closeTab(documentManager.activeIndex) }
Shortcut { sequence: "Ctrl+E"; onActivated: { viewArea.visible = !viewArea.visible; textArea.visible = !viewArea.visible } }
Shortcut { sequence: "Ctrl+Tab"; onActivated: { const n = documentManager.openTabs.length; if (n > 0) documentManager.setActiveIndex((documentManager.activeIndex + 1) % n) } }
}