import QtQuick import QtQuick.Layouts import QtQuick.Window import QtQuick.Controls import FluentUI FluExpander{ property string code: "" headerText: "Source" contentHeight:content.height FluMultilineTextBox{ id:content width:parent.width readOnly:true text:highlightQmlCode(code) focus:false 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 Behavior on color{ ColorAnimation { duration: 300 } } } } FluIconButton{ iconSource:FluentIcons.Copy anchors{ right: parent.right top: parent.top rightMargin: 5 topMargin: 5 } onClicked:{ FluTools.clipText(content.text) showSuccess("复制成功") } } function htmlEncode(e){ var i,s; for(i in s={ "&":/&/g,//""//":/"/g,"'":/'/g, "<":/":/>/g,"
":/\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" ]; code = code.replace(/\n/g, "
"); code = code.replace(/ /g, " "); return code.replace(RegExp("\\b(" + qmlKeywords.join("|") + ")\\b", "g"), "$1"); } }