refactor: replace manual object management with DccRepeater

1. Replaced Component-based manual object creation/destruction with
DccRepeater for dynamic content
2. Simplified PageDetails.qml by removing updateDetailsItems function
and connections
3. Restructured networkMain.qml to use DelegateChooser with role-based
delegation
4. Removed complex manual device tracking arrays (wiredDevs,
wirelessDevs)
5. Eliminated updateDevice function and its associated cleanup logic
6. Added Qt.labs.qmlmodels import for DelegateChooser support

The changes simplify dynamic object management by leveraging QML's
built-in repeater components instead of manual JavaScript object
lifecycle management. This reduces code complexity and potential memory
leaks while improving maintainability.

Influence:
1. Test network device list display with various device types
2. Verify dynamic addition/removal of network devices
3. Check that all device types (wired, wireless, VPN, DSL, hotspot,
proxy) render correctly
4. Test airplane mode toggle and its effect on hotspot availability
5. Verify network details page shows proper information for different
connections
6. Ensure proper weight ordering of network settings items

refactor: 使用 DccRepeater 替换手动对象管理

1. 使用 DccRepeater 替换基于 Component 的手动对象创建/销毁逻辑
2. 简化 PageDetails.qml，移除 updateDetailsItems 函数和相关连接
3. 重构 networkMain.qml 使用基于角色的 DelegateChooser 委托机制
4. 移除复杂的手动设备跟踪数组（wiredDevs、wirelessDevs）
5. 消除 updateDevice 函数及其相关的清理逻辑
6. 添加 Qt.labs.qmlmodels 导入以支持 DelegateChooser

这些更改通过利用 QML 内置的重复器组件简化了动态对象管理，替代了手动
JavaScript 对象生命周期管理。这降低了代码复杂性和潜在的内存泄漏风险，同
时提高了可维护性。

Influence:
1. 测试各种设备类型的网络设备列表显示
2. 验证网络设备的动态添加/移除功能
3. 检查所有设备类型（有线、无线、VPN、DSL、热点、代理）是否正确渲染
4. 测试飞行模式切换及其对热点可用性的影响
5. 验证网络详情页面显示不同连接的正确信息
6. 确保网络设置项的正确权重排序

Author: caixr23

dcc-network/qml/PageDetails.qml

@@ -21,10 +21,12 @@ DccObject {
     description: qsTr("View all network configurations")
     icon: "dcc_netinfo"
     page: DccSettingsView {}
-    Component {
-        id: detailsInfo
-        DccObject {
-            property var infoItem: null
+    DccRepeater {
+        model: NetItemModel {
+            root: item
+        }
+        delegate: DccObject {
+            property var infoItem: model.item
 
             name: infoItem.name
             parentName: root.name + "/body"
@@ -93,7 +95,6 @@ DccObject {
                     Repeater {
                         id: repeater
                         model: infoItem.details
-
                         delegate: ItemDelegate {
                             implicitHeight: 36
                             text: modelData[0]
@@ -176,39 +177,4 @@ DccObject {
             }
         }
     }
-
-    function updateDetailsItems() {
-        if (item) {
-            const delDetailsItems = detailsItems.concat()
-            for (let i in item.children) {
-                let child = item.children[i]
-                let index = delDetailsItems.findIndex(tmpItem => tmpItem.infoItem === child)
-                if (index >= 0) {
-                    delDetailsItems.splice(index, 1)
-                } else {
-                    let details = detailsInfo.createObject(root, {
-                                                               "infoItem": child
-                                                           })
-                    DccApp.addObject(details)
-                    detailsItems.push(details)
-                }
-            }
-            for (const delItem of delDetailsItems) {
-                DccApp.removeObject(delItem)
-                let index = detailsItems.findIndex(item => delItem === item)
-                if (index >= 0) {
-                    detailsItems.splice(index, 1)
-                }
-                delItem.destroy()
-            }
-        }
-    }
-
-    onItemChanged: updateDetailsItems()
-    Connections {
-        target: item
-        function onChildrenChanged() {
-            updateDetailsItems()
-        }
-    }
 }

dcc-network/qml/network.qml

@@ -4,9 +4,10 @@ import org.deepin.dcc 1.0
 
 DccObject {
     property string cmd
+    property var showPageFun
     function showPage() {
-        if (cmd.length !== 0 && children.length !== 0) {
-            children[0].showPage(cmd)
+        if (cmd.length !== 0 && showPageFun) {
+            showPageFun(cmd)
             cmd = ""
         }
     }
@@ -15,7 +16,7 @@ DccObject {
     displayName: qsTr("Network")
     icon: "dcc_network"
     weight: 20
-    onChildrenChanged: showPage()
+    onShowPageFunChanged: showPage()
     onActive: function (cmdParam) {
         cmd = cmdParam
         showPage()

dcc-network/qml/networkMain.qml

@@ -3,6 +3,7 @@
 import QtQuick 2.15
 import QtQuick.Controls 2.0
 import QtQuick.Layouts 1.15
+import Qt.labs.qmlmodels
 
 import org.deepin.dtk 1.0 as D
 
@@ -17,100 +18,7 @@ DccObject {
     function showPage(cmd) {
         dccData.exec(NetManager.ShowPage, cmd, {})
     }
-    function updateDevice() {
-        const delWiredDevs = wiredDevs.concat()
-        const delWirelessDevs = wirelessDevs.concat()
-        for (let i in dccData.root.children) {
-            let item = dccData.root.children[i]
-            switch (item.itemType) {
-            case NetType.WiredDeviceItem:
-            {
-                let index = delWiredDevs.findIndex(d => d.item === item)
-                if (index >= 0) {
-                    delWiredDevs.splice(index, 1)
-                } else {
-                    let dev = wiredComponent.createObject(root, {
-                                                              "item": item
-                                                          })
-                    DccApp.addObject(dev)
-                    wiredDevs.push(dev)
-                }
-            }
-            break
-            case NetType.WirelessDeviceItem:
-            {
-                let index = delWirelessDevs.findIndex(d => d.item === item)
-                if (index >= 0) {
-                    delWirelessDevs.splice(index, 1)
-                } else {
-                    let dev = wirelessComponent.createObject(root, {
-                                                                 "item": item,
-                                                                 "airplaneItem": dccData.root
-                                                             })
-                    DccApp.addObject(dev)
-                    wirelessDevs.push(dev)
-                }
-            }
-            break
-            case NetType.VPNControlItem:
-                if (vpnPage.item !== item) {
-                    vpnPage.item = item
-                }
-                break
-            case NetType.SystemProxyControlItem:
-                if (systemProxyPage.item !== item) {
-                    systemProxyPage.setItem(item)
-                }
-                break
-            case NetType.AppProxyControlItem:
-                // if (appProxyPage.item !== item) {
-                //     appProxyPage.item = item
-                // }
-                break
-            case NetType.HotspotControlItem:
-                hotspotPage.setItem(item)
-                break
-            case NetType.DSLControlItem:
-                if (dslPage.item !== item) {
-                    dslPage.item = item
-                }
-                break
-            case NetType.DetailsItem:
-                if (detailsPage.item !== item) {
-                    detailsPage.item = item
-                }
-                break
-            }
-        }
-        for (const delDev of delWiredDevs) {
-            DccApp.removeObject(delDev)
-            let index = wiredDevs.findIndex(item => delDev === item)
-            if (index >= 0) {
-                wiredDevs.splice(index, 1)
-            }
-            delDev.destroy()
-        }
-        for (const delDev of delWirelessDevs) {
-            DccApp.removeObject(delDev)
-            let index = wirelessDevs.findIndex(item => delDev === item)
-            if (index >= 0) {
-                wirelessDevs.splice(index, 1)
-            }
-            delDev.destroy()
-        }
-    }
-    Component {
-        id: wiredComponent
-        PageWiredDevice {
-            property var showPage: root.showPage
-        }
-    }
-    Component {
-        id: wirelessComponent
-        PageWirelessDevice {
-            property var showPage: root.showPage
-        }
-    }
+    Component.onCompleted: dccModule.showPageFun = showPage
     DccTitleObject {
         name: "connectionSettings"
         parentName: "network"
@@ -122,20 +30,6 @@ DccObject {
             }
         }
     }
-    PageVPN {
-        id: vpnPage
-        property var showPage: root.showPage
-        name: "networkVpn"
-        parentName: "network"
-        weight: 3010
-    }
-    PageDSL {
-        id: dslPage
-        property var showPage: root.showPage
-        name: "dsl"
-        parentName: "network"
-        weight: 3020
-    }
     DccTitleObject {
         name: "relatedSettings"
         parentName: "network"
@@ -147,49 +41,85 @@ DccObject {
             }
         }
     }
-    PageHotspot {
-        id: hotspotPage
-        property var showPage: root.showPage
-        name: "personalHotspot"
-        parentName: "network"
-        isAirplane: dccData.root.isEnabled
-        weight: 3030
-    }
     PageAirplane {
         name: "airplaneMode"
-        property var showPage: root.showPage
         parentName: "network"
         weight: 3040
         item: dccData.root
     }
-    PageSystemProxy {
-        id: systemProxyPage
-        property var showPage: root.showPage
-        name: "systemProxy"
-        parentName: "network"
-        weight: 3050
-    }
-    PageAppProxy {
-        id: appProxyPage
-        property var showPage: root.showPage
-        name: "applicationProxy"
-        parentName: "network"
-        weight: 3060
-    }
-    PageDetails {
-        id: detailsPage
-        property var showPage: root.showPage
-        name: "networkDetails"
-        parentName: "network"
-        weight: 3070
-    }
-    Connections {
-        target: dccData.root
-        function onChildrenChanged() {
-            updateDevice()
+    DccRepeater {
+        model: NetItemModel {
+            root: dccData.root
+        }
+        delegate: DelegateChooser {
+            role: "type"
+            DelegateChoice {
+                roleValue: NetType.WiredDeviceItem
+                delegate: PageWiredDevice {
+                    item: model.item
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.WirelessDeviceItem
+                delegate: PageWirelessDevice {
+                    item: model.item
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.VPNControlItem
+                delegate: PageVPN {
+                    name: "networkVpn"
+                    parentName: "network"
+                    weight: 3010
+                    item: model.item
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.DSLControlItem
+                delegate: PageDSL {
+                    name: "dsl"
+                    parentName: "network"
+                    weight: 3020
+                    item: model.item
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.HotspotControlItem
+                delegate: PageHotspot {
+                    name: "personalHotspot"
+                    parentName: "network"
+                    isAirplane: dccData.root.isEnabled
+                    weight: 3030
+                    Component.onCompleted: setItem(model.item)
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.SystemProxyControlItem
+                delegate: PageSystemProxy {
+                    name: "systemProxy"
+                    parentName: "network"
+                    weight: 3050
+                    Component.onCompleted: setItem(model.item)
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.AppProxyControlItem
+                delegate: PageAppProxy {
+                    name: "applicationProxy"
+                    parentName: "network"
+                    weight: 3060
+                    item: model.item
+                }
+            }
+            DelegateChoice {
+                roleValue: NetType.DetailsItem
+                delegate: PageDetails {
+                    name: "networkDetails"
+                    parentName: "network"
+                    weight: 3070
+                    item: model.item
+                }
+            }
         }
-    }
-    Component.onCompleted: {
-        updateDevice()
     }
 }

net-view/operation/nettype.h

@@ -108,7 +108,7 @@ class NetType
         Net_DockFlags = Net_Device | Net_VPN | Net_SysProxy | Net_Airplane | Net_AirplaneTips | Net_VPNTips | Net_tipsLinkEnabled | Net_UseSecretAgent | Net_CheckPortal | Net_8021xToControlCenterUnderConnect | Net_autoUpdateHiddenConfig,
         Net_LockFlags = Net_Device | Net_VPN | Net_SysProxy | Net_Airplane | Net_AirplaneTips | Net_VPNTips | Net_UseSecretAgent | Net_CheckPortal | Net_8021xSendNotifyUnderConnect,
         Net_GreeterFlags = Net_Device | Net_Airplane | Net_AirplaneTips | Net_ServiceNM | Net_MonitorNotify | Net_AutoAddConnection | Net_UseSecretAgent | Net_CheckPortal | Net_8021xSendNotifyUnderConnect,
-        Net_DccFlags = Net_Device | Net_VPN | Net_VPNChildren | Net_SysProxy | Net_AppProxy | Net_Hotspot | Net_Airplane | Net_DSL | Net_Details,
+        Net_DccFlags = Net_Device | Net_VPN | Net_VPNChildren | Net_SysProxy | Net_Hotspot | Net_Airplane | Net_DSL | Net_Details,
         //
         Net_8021xMask = 0x00000F00,
     };