mirror of
https://github.com/zhuzichu520/FluentUI.git
synced 2024-11-23 19:20:59 +08:00
145 lines
4.5 KiB
QML
145 lines
4.5 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Window
|
|
import QtQuick.Controls
|
|
import FluentUI
|
|
|
|
FluExpander{
|
|
|
|
id:control
|
|
property string code: ""
|
|
headerText: "Source"
|
|
contentHeight:content.height
|
|
focus: false
|
|
|
|
FluMultilineTextBox{
|
|
id:content
|
|
width:parent.width
|
|
activeFocusOnTab: false
|
|
activeFocusOnPress: false
|
|
readOnly: true
|
|
text:highlightQmlCode(code)
|
|
textFormat: FluMultilineTextBox.RichText
|
|
KeyNavigation.priority: KeyNavigation.BeforeItem
|
|
background:Rectangle{
|
|
radius: 4
|
|
color:FluTheme.dark ? Qt.rgba(50/255,50/255,50/255,1) : Qt.rgba(247/255,247/255,247/255,1)
|
|
border.color: FluTheme.dark ? Qt.rgba(45/255,45/255,45/255,1) : Qt.rgba(226/255,229/255,234/255,1)
|
|
border.width: 1
|
|
}
|
|
}
|
|
|
|
FluIconButton{
|
|
iconSource:FluentIcons.Copy
|
|
anchors{
|
|
right: parent.right
|
|
top: parent.top
|
|
rightMargin: 5
|
|
topMargin: 5
|
|
}
|
|
onActiveFocusChanged: {
|
|
if(activeFocus){
|
|
control.expand = true
|
|
}
|
|
}
|
|
onClicked:{
|
|
FluTools.clipText(content.text)
|
|
showSuccess("复制成功")
|
|
}
|
|
}
|
|
|
|
function htmlEncode(e){
|
|
var i,s;
|
|
for(i in s={
|
|
"&":/&/g,//""//":/"/g,"'":/'/g,
|
|
"<":/</g,">":/>/g,"<br/>":/\n/g,
|
|
" ":/ /g," ":/\t/g
|
|
})e=e.replace(s[i],i);
|
|
return e;
|
|
}
|
|
|
|
function highlightQmlCode(code) {
|
|
// 定义 QML 关键字列表
|
|
var qmlKeywords = [
|
|
"FluTextButton",
|
|
"FluAppBar",
|
|
"FluAutoSuggestBox",
|
|
"FluBadge",
|
|
"FluButton",
|
|
"FluCalendarPicker",
|
|
"FluCalendarView",
|
|
"FluCarousel",
|
|
"FluCheckBox",
|
|
"FluColorPicker",
|
|
"FluColorView",
|
|
"FluComboBox",
|
|
"FluContentDialog",
|
|
"FluContentPage",
|
|
"FluDatePicker",
|
|
"FluDivider",
|
|
"FluDropDownButton",
|
|
"FluExpander",
|
|
"FluFilledButton",
|
|
"FluFlipView",
|
|
"FluFocusRectangle",
|
|
"FluIcon",
|
|
"FluIconButton",
|
|
"FluInfoBar",
|
|
"FluItem",
|
|
"FluMediaPlayer",
|
|
"FluMenu",
|
|
"FluMenuItem",
|
|
"FluMultilineTextBox",
|
|
"FluNavigationView",
|
|
"FluObject",
|
|
"FluPaneItem",
|
|
"FluPaneItemExpander",
|
|
"FluPaneItemHeader",
|
|
"FluPaneItemSeparator",
|
|
"FluPivot",
|
|
"FluPivotItem",
|
|
"FluProgressBar",
|
|
"FluProgressRing",
|
|
"FluRadioButton",
|
|
"FluRectangle",
|
|
"FluScrollablePage",
|
|
"FluScrollBar",
|
|
"FluShadow",
|
|
"FluSlider",
|
|
"FluTabView",
|
|
"FluText",
|
|
"FluTextArea",
|
|
"FluTextBox",
|
|
"FluTextBoxBackground",
|
|
"FluTextBoxMenu",
|
|
"FluTextButton",
|
|
"FluTextFiled",
|
|
"FluTimePicker",
|
|
"FluToggleSwitch",
|
|
"FluTooltip",
|
|
"FluTreeView",
|
|
"FluWindow",
|
|
"FluWindowResize",
|
|
"FluToggleButton",
|
|
"FluTableView",
|
|
"FluColors",
|
|
"FluTheme",
|
|
"FluStatusView",
|
|
"FluRatingControl",
|
|
"FluPasswordBox",
|
|
"FluBreadcrumbBar",
|
|
"FluCopyableText",
|
|
"FluAcrylic",
|
|
"FluRemoteLoader",
|
|
"FluMenuBar",
|
|
"FluPagination",
|
|
"FluRadioButtons",
|
|
"FluImage",
|
|
"FluSpinBox"
|
|
];
|
|
code = code.replace(/\n/g, "<br>");
|
|
code = code.replace(/ /g, " ");
|
|
return code.replace(RegExp("\\b(" + qmlKeywords.join("|") + ")\\b", "g"), "<span style='color: #c23a80'>$1</span>");
|
|
}
|
|
}
|