fix: version() 用 value("Version") 直接读取（DPluginMetaData 已展开 Plugin 层级）

package/components/AboutWindow.qml

@@ -2,9 +2,10 @@
 //
 // SPDX-License-Identifier: LGPL-3.0-or-later
 
-// 关于窗口：独立顶层窗口，桌面居中弹出，展示插件信息
+// 关于窗口：DTK 原生风格的独立顶层窗口，桌面居中弹出，展示插件信息
-// 从 networkview.qml 抽取，由父组件实例化并调用 show() 触发
+// 设计要点：白色圆角卡片 + 键值对信息布局，信息标签使用 deepin 蓝（#0081FF），
-// 对外依赖：accentColor（关闭按钮 hover 高亮色），由父组件传入
+// 关闭按钮 hover 高亮色由父组件通过 accentColor 传入（红色）
+// 对外依赖：accentColor，由 networkview.qml 实例化时传入，触发方式为 show()/raise()/requestActivate()
 import QtQuick 2.15
 import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
@@ -16,8 +17,16 @@ Window {
     // 默认值与 networkview.qml 中 root.accentRed 一致，确保独立可用
     property color accentColor: Qt.rgba(220 / 255, 38 / 255, 38 / 255, 1)
 
+    // 插件版本号，由父组件从 C++ 后端 applet.version 传入
+    // 默认值保证组件独立可用（如 qmlscene 预览时未传入）
+    property string version: "1.0"
+
+    // 复制成功状态标记：true 时复制图标变绿并显示"已复制"提示，
+    // 2 秒后由 copyResetTimer 复位
+    property bool copied: false
+
     width: 320
-    height: 230
+    height: 260
     visible: false
     flags: Qt.FramelessWindowHint | Qt.Window
     modality: Qt.NonModal
@@ -30,24 +39,25 @@ Window {
         }
     }
 
+    // 窗口主体：白色圆角卡片，1px 浅灰边框模拟 DTK 窗口描边
     Rectangle {
         anchors.fill: parent
-        color: "#f5f5f5"
+        color: "#FFFFFF"
         radius: 12
         border.width: 1
-        border.color: "#e0e0e0"
+        border.color: "#E8E8E8"
 
         ColumnLayout {
             anchors.fill: parent
-            anchors.margins: 0
             spacing: 0
 
-            // 自定义标题栏（可拖动）
+            // 自定义标题栏：左侧"关于"标题 + 右侧圆形关闭按钮，整栏可拖动窗口
             Rectangle {
                 Layout.fillWidth: true
                 Layout.preferredHeight: 44
                 color: "transparent"
 
+                // 拖动层：声明在关闭按钮之前（位于其下方），避免遮挡按钮点击与 hover
                 MouseArea {
                     anchors.fill: parent
                     drag.target: root
@@ -63,6 +73,7 @@ Window {
                     color: "#333333"
                 }
 
+                // 关闭按钮：28x28 圆形，hover 时淡红底 + 红色 ×（颜色由 accentColor 决定）
                 Rectangle {
                     anchors.right: parent.right
                     anchors.rightMargin: 12
@@ -90,78 +101,244 @@ Window {
                 }
             }
 
-            // 内容区
+            // 标题区上方间距
+            Item {
+                Layout.preferredHeight: 12
+            }
+
+            // 标题区：插件中文名 + 英文名，整体居中
+            // 注意：用 Layout.fillWidth + horizontalAlignment 而非 Layout.alignment，
+            // 后者在 ColumnLayout 内对 Text 不可靠（实测会左对齐贴边）
             ColumnLayout {
                 Layout.fillWidth: true
-                Layout.fillHeight: true
-                anchors.margins: 0
-                spacing: 10
-                Layout.leftMargin: 24
-                Layout.rightMargin: 24
-                Layout.topMargin: 4
-
-                // 标题组：插件名 + 英文名紧凑排列
-                ColumnLayout {
                 spacing: 2
-                    Layout.alignment: Qt.AlignHCenter
 
                 Text {
                     text: qsTr("网络速度监控")
                     font.pixelSize: 18
                     font.weight: Font.Bold
                     color: "#333333"
-                        Layout.alignment: Qt.AlignHCenter
+                    Layout.fillWidth: true
+                    horizontalAlignment: Text.AlignHCenter
                 }
 
                 Text {
                     text: "JNetApplet"
                     font.pixelSize: 12
                     color: "#999999"
-                        Layout.alignment: Qt.AlignHCenter
+                    Layout.fillWidth: true
+                    horizontalAlignment: Text.AlignHCenter
                 }
             }
 
-                // 分隔线
+            // 标题区下方间距
+            Item {
+                Layout.preferredHeight: 12
+            }
+
+            // 分隔线：左右留 24px 边距，与信息区对齐
             Rectangle {
                 Layout.fillWidth: true
+                Layout.leftMargin: 24
+                Layout.rightMargin: 24
                 Layout.preferredHeight: 1
-                    color: "#e0e0e0"
+                color: "#E8E8E8"
             }
 
-                // 信息行
+            // 信息区上方间距
+            Item {
+                Layout.preferredHeight: 12
+            }
+
+            // 信息区：键值对布局，左侧标签固定 56px 宽（deepin 蓝），右侧为值
             ColumnLayout {
-                    spacing: 6
                 Layout.fillWidth: true
+                Layout.leftMargin: 24
+                Layout.rightMargin: 24
+                spacing: 8
+
+                // 版本行
+                RowLayout {
+                    Layout.fillWidth: true
+                    spacing: 0
 
                     Text {
-                        text: qsTr("版本：1.0")
+                        text: qsTr("版本")
                         font.pixelSize: 12
-                        color: "#666666"
+                        color: "#0081FF"
+                        Layout.preferredWidth: 56
+                        Layout.alignment: Qt.AlignTop
                     }
 
                     Text {
-                        text: qsTr("作者：Jokul")
+                        text: version
                         font.pixelSize: 12
-                        color: "#666666"
+                        color: "#333333"
+                        Layout.fillWidth: true
+                    }
+                }
+
+                // 作者行
+                RowLayout {
+                    Layout.fillWidth: true
+                    spacing: 0
+
+                    Text {
+                        text: qsTr("作者")
+                        font.pixelSize: 12
+                        color: "#0081FF"
+                        Layout.preferredWidth: 56
+                        Layout.alignment: Qt.AlignTop
                     }
 
                     Text {
-                        text: qsTr("描述：监控网络速度和流量")
+                        text: "Jokul"
                         font.pixelSize: 12
-                        color: "#666666"
+                        color: "#333333"
+                        Layout.fillWidth: true
+                    }
+                }
+
+                // 描述行
+                RowLayout {
+                    Layout.fillWidth: true
+                    spacing: 0
+
+                    Text {
+                        text: qsTr("描述")
+                        font.pixelSize: 12
+                        color: "#0081FF"
+                        Layout.preferredWidth: 56
+                        Layout.alignment: Qt.AlignTop
+                    }
+
+                    Text {
+                        text: qsTr("监控网络速度和流量")
+                        font.pixelSize: 12
+                        color: "#333333"
                         Layout.fillWidth: true
                         wrapMode: Text.WordWrap
                     }
+                }
+
+                // 仓库行：URL 无空格，需 WrapAnywhere 才能在窄宽度下正确折行
+                RowLayout {
+                    Layout.fillWidth: true
+                    spacing: 0
 
                     Text {
-                        text: qsTr("仓库：git.jokul.space/Jokul/JNetApplet")
+                        text: qsTr("仓库")
+                        font.pixelSize: 12
+                        color: "#0081FF"
+                        Layout.preferredWidth: 56
+                        Layout.alignment: Qt.AlignTop
+                    }
+
+                    Text {
+                        text: "git.jokul.space/Jokul/JNetApplet"
                         font.pixelSize: 11
                         color: "#999999"
                         Layout.fillWidth: true
-                        wrapMode: Text.WordWrap
+                        wrapMode: Text.WrapAnywhere
+                    }
+
+                    // 复制按钮：点击复制仓库地址到剪贴板，成功后图标变绿并显示"已复制"提示 2 秒
+                    Item {
+                        Layout.preferredWidth: 24
+                        Layout.preferredHeight: 24
+                        Layout.alignment: Qt.AlignTop
+
+                        // "已复制"提示：白底绿字小标签，显示在按钮左侧，
+                        // 覆盖于 URL 文字上方，避免与值文本混排
+                        Rectangle {
+                            anchors.right: parent.left
+                            anchors.rightMargin: 4
+                            anchors.verticalCenter: parent.verticalCenter
+                            visible: copied
+                            width: copiedHintText.implicitWidth + 10
+                            height: 18
+                            radius: 4
+                            color: "#FFFFFF"
+                            border.width: 1
+                            border.color: "#22A34A"
+
+                            Text {
+                                id: copiedHintText
+                                anchors.centerIn: parent
+                                text: qsTr("已复制")
+                                font.pixelSize: 10
+                                color: "#22A34A"
+                            }
+                        }
+
+                        MouseArea {
+                            id: copyRepoMouse
+                            anchors.fill: parent
+                            hoverEnabled: true
+                            cursorShape: Qt.PointingHandCursor
+                            onClicked: {
+                                clipboardHelper.text = "git.jokul.space/Jokul/JNetApplet"
+                                clipboardHelper.selectAll()
+                                clipboardHelper.copy()
+                                copied = true
+                                copyResetTimer.restart()
+                            }
+                        }
+
+                        // 复制图标：两个重叠的小圆角矩形
+                        // 前层矩形白底压住后层边框重叠区，形成"堆叠纸张"的视觉效果
+                        // 后层矩形（向右下偏移 2px）
+                        Rectangle {
+                            x: 8
+                            y: 8
+                            width: 10
+                            height: 10
+                            radius: 2
+                            color: "#FFFFFF"
+                            border.width: 1
+                            border.color: copyRepoMouse.containsMouse ? "#333333" : "#999999"
+                        }
+
+                        // 前层矩形（左上），复制成功时边框短暂变绿
+                        Rectangle {
+                            x: 6
+                            y: 6
+                            width: 10
+                            height: 10
+                            radius: 2
+                            color: "#FFFFFF"
+                            border.width: 1
+                            border.color: copied ? "#22A34A" : (copyRepoMouse.containsMouse ? "#333333" : "#999999")
                         }
                     }
                 }
             }
+
+            // 弹性空间：吸收多余高度，保证底部内边距固定为 16px
+            Item {
+                Layout.fillHeight: true
+            }
+
+            // 底部内边距
+            Item {
+                Layout.preferredHeight: 16
+            }
+        }
+    }
+
+    // 隐藏的 TextEdit 用于复制仓库地址到剪贴板
+    // QML 没有直接剪贴板 API，用 TextEdit.selectAll()+copy() 实现
+    //（与 networkview.qml 中 clipboardHelper 同模式）
+    TextEdit {
+        id: clipboardHelper
+        visible: false
+        text: ""
+    }
+
+    // 复制状态还原定时器：2 秒后将 copied 复位，图标与"已复制"提示恢复原状
+    Timer {
+        id: copyResetTimer
+        interval: 2000
+        onTriggered: root.copied = false
     }
 }

package/networkview.qml

@@ -675,10 +675,11 @@ AppletItem {
     }
 
     // 关于窗口：抽取为独立组件 package/components/AboutWindow.qml
-    // 依赖通过属性传入：accentColor = root.accentRed
+    // 依赖通过属性传入：accentColor = root.accentRed，version 取自 C++ 后端 applet.version
     AboutWindow {
         id: aboutWindow
         accentColor: root.accentRed
+        version: root.applet ? root.applet.version : "1.0"
     }
 
     // 设置窗口：独立顶层窗口，在桌面中间弹出

src/networkmonitorapplet.cpp

@@ -116,6 +116,17 @@ QString NetworkMonitorApplet::ipv6Address() const
     return m_ipv6Address;
 }
 
+// 返回插件版本号，从 dde-shell 插件元数据（metadata.json）读取
+// 版本唯一源为 CMakeLists.txt 的 project(VERSION)，经 configure_file 写入 metadata.json，
+// dde-shell 加载时存入 DPluginMetaData，此处通过继承自 DApplet 的 pluginMetaData() 读取
+QString NetworkMonitorApplet::version() const
+{
+    // DPluginMetaData::value() 已在 "Plugin" 层级内部查找（源码：frame/pluginmetadata.cpp）
+    // metadata.json 的 { "Plugin": { "Version": "x.y.z" } } 被 DPluginMetaData 加载后，
+    // value("Version") 直接返回版本号，无需再 .value("Plugin").toMap() 展开
+    return pluginMetaData().value("Version").toString();
+}
+
 void NetworkMonitorApplet::refresh()
 {
     readNetworkStats();

src/networkmonitorapplet.h

@@ -42,6 +42,8 @@ class NetworkMonitorApplet : public DApplet
     Q_PROPERTY(QString ipAddress READ ipAddress NOTIFY ipAddressChanged)
     // 活动接口的 IPv6 全球地址（已过滤 link-local 和 loopback），供 QML 显示
     Q_PROPERTY(QString ipv6Address READ ipv6Address NOTIFY ipv6AddressChanged)
+    // 插件版本号，从 dde-shell 元数据读取，版本唯一源为 CMakeLists.txt project(VERSION)
+    Q_PROPERTY(QString version READ version CONSTANT)
 
 public:
     explicit NetworkMonitorApplet(QObject *parent = nullptr);
@@ -60,6 +62,8 @@ public:
     QString activeInterface() const;
     QString ipAddress() const;
     QString ipv6Address() const;
+    // 返回插件版本号，从 dde-shell 插件元数据（metadata.json）读取
+    QString version() const;
 
     Q_INVOKABLE void refresh();
     Q_INVOKABLE void setActiveInterface(const QString &interface);