滚动条错误已修复

win_text_editor/lib/modules/template_parser/controllers/template_parser_controller.dart

@@ -1,5 +1,6 @@
 import 'package:file_picker/file_picker.dart';
 import 'package:win_text_editor/framework/controllers/logger.dart';
+import 'package:win_text_editor/modules/template_parser/models/template_node.dart';
 import 'package:win_text_editor/shared/base/base_content_controller.dart';
 import 'package:xml/xml.dart' as xml;
 import 'dart:io';
@@ -9,106 +10,128 @@ class TemplateParserController extends BaseContentController {
   List<TemplateNode> _treeNodes = [];
   List<TemplateItem> _templateItems = [];
   String? _errorMessage;
+  TemplateNode? _selectedNode;
 
   // Getters
   String get filePath => _filePath;
   List<TemplateNode> get treeNodes => _treeNodes;
   List<TemplateItem> get templateItems => _templateItems;
   String? get errorMessage => _errorMessage;
+  TemplateNode? get selectedNode => _selectedNode;
 
   Future<void> pickFile() async {
-    final result = await FilePicker.platform.pickFiles();
+    final result = await FilePicker.platform.pickFiles(
+      type: FileType.custom,
+      allowedExtensions: ['xml'],
+    );
     if (result != null) {
       _filePath = result.files.single.path!;
       await _loadTemplateData();
-      notifyListeners();
     }
   }
 
-  void setFilePath(String path) {
+  Future<void> setFilePath(String path) async {
     _filePath = path;
-    _loadTemplateData();
+    await _loadTemplateData();
-    notifyListeners();
   }
 
   void selectTreeNode(TemplateNode node) {
-    _templateItems = List.generate(
+    _selectedNode = node;
-      10,
+    _templateItems = _generateTemplateItems(node);
-      (index) => TemplateItem(id: index + 1, content: 'Content for ${node.name} item ${index + 1}'),
-    );
     notifyListeners();
   }
 
+  List<TemplateItem> _generateTemplateItems(TemplateNode node) {
+    // 实际项目中应从XML解析真实数据
+    return [
+      if (node.attributes != null)
+        ...node.attributes!.entries.map(
+          (e) => TemplateItem(
+            id: e.key.hashCode,
+            content: '${node.name}.${e.key}',
+            xPath: '${node.name}@${e.key}',
+            value: e.value,
+          ),
+        ),
+      if (node.text != null && node.text!.trim().isNotEmpty)
+        TemplateItem(
+          id: node.text.hashCode,
+          content: node.text!,
+          xPath: '${node.name}/text()',
+          value: node.text!,
+        ),
+    ];
+  }
+
   Future<void> _loadTemplateData() async {
-    _errorMessage = null;
+    try {
-    _treeNodes = [];
+      _errorMessage = null;
-    _templateItems = [];
+      _treeNodes = [];
+      _templateItems = [];
+      _selectedNode = null;
 
-    if (_filePath.isEmpty) return;
+      if (_filePath.isEmpty) return;
 
-    try {
       final file = File(_filePath);
       final content = await file.readAsString();
       await _parseXmlContent(content);
     } catch (e) {
-      _errorMessage = '格式错误: 不是有效的XML文档';
+      _errorMessage = 'Failed to load XML: ${e.toString()}';
-      Logger().error('Failed to parse XML: $e');
+      Logger().error('XML加载错误$_errorMessage');
+    } finally {
+      notifyListeners();
     }
-
-    notifyListeners();
   }
 
   Future<void> _parseXmlContent(String xmlContent) async {
-    try {
+    final document = xml.XmlDocument.parse(xmlContent);
-      final document = xml.XmlDocument.parse(xmlContent);
+    _treeNodes = _buildTreeNodes(document.rootElement, depth: 0);
-      _treeNodes = _buildTreeNodes(document.rootElement);
-    } on xml.XmlParserException catch (e) {
-      throw Exception('XML解析错误: ${e.message}');
-    }
   }
 
-  List<TemplateNode> _buildTreeNodes(xml.XmlElement element) {
+  List<TemplateNode> _buildTreeNodes(xml.XmlElement element, {required int depth}) {
-    return [
+    final node = TemplateNode(
-      TemplateNode(
+      name: element.name.local,
-        element.name.local,
+      children: [],
-        element.children
+      attributes:
-            .whereType<xml.XmlElement>()
+          element.attributes.isNotEmpty
-            .map((e) => _buildTreeNodes(e))
+              ? {for (var attr in element.attributes) attr.name.local: attr.value}
-            .expand((nodes) => nodes)
+              : null,
-            .toList(),
+      text: element.text.trim().isNotEmpty ? element.text : null,
-        attributes: element.attributes.fold(
+      depth: depth,
-          {},
+      isExpanded: depth < 1, // 默认展开第一层
-          (map, attr) => map!..[attr.name.local] = attr.value,
+    );
-        ),
+
-        text: element.text,
+    // 处理子元素
+    node.children.addAll(
+      element.children.whereType<xml.XmlElement>().map(
+        (e) => _buildTreeNodes(e, depth: depth + 1).first,
       ),
-    ];
+    );
+
+    // 添加属性节点
+    if (element.attributes.isNotEmpty) {
+      node.children.addAll(
+        element.attributes.map((attr) => TemplateNode.attribute(attr.name.local, attr.value)),
+      );
+    }
+
+    return [node];
   }
 
   @override
   void onOpenFile(String filePath) {
-    Logger().info('File selected: $filePath');
     setFilePath(filePath);
   }
 
+  @override
+  void dispose() {
+    _treeNodes.clear();
+    _templateItems.clear();
+    super.dispose();
+  }
+
   @override
   void onOpenFolder(String folderPath) {
     // TODO: implement onOpenFolder
   }
 }
-
-class TemplateNode {
-  final String name;
-  final List<TemplateNode> children;
-  final Map<String, String>? attributes;
-  final String? text;
-
-  TemplateNode(this.name, this.children, {this.attributes, this.text});
-}
-
-class TemplateItem {
-  final int id;
-  final String content;
-
-  TemplateItem({required this.id, required this.content});
-}

win_text_editor/lib/modules/template_parser/models/template_node.dart

@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:win_text_editor/shared/components/tree_view.dart';
+
+class TemplateNode implements TreeNode {
+  @override
+  final String id; // 使用路径或唯一标识作为ID
+  @override
+  final String name;
+  @override
+  final List<TemplateNode> children;
+  final Map<String, String>? attributes;
+  final String? text;
+
+  @override
+  final int depth; // 节点深度
+  @override
+  bool isExpanded; // 是否展开
+  bool isRepeated; // 是否重复节点
+
+  @override
+  bool get isDirectory => children.isNotEmpty; // 有子节点即为目录
+
+  @override
+  IconData? get iconData {
+    if (name.startsWith('@')) return Icons.code; // 属性节点
+    return isDirectory ? Icons.folder : Icons.insert_drive_file; // 元素节点
+  }
+
+  TemplateNode({
+    required this.name,
+    required this.children,
+    this.attributes,
+    this.text,
+    this.depth = 0,
+    this.isExpanded = false,
+    this.isRepeated = false,
+    String? id,
+  }) : id = id ?? '${depth}_${name}'; // 默认ID生成逻辑
+
+  // 转换为属性节点
+  TemplateNode.attribute(String name, String value)
+    : this(name: '@$name', children: const [], attributes: {name: value}, depth: 1);
+
+  // 克隆方法用于生成子节点
+  TemplateNode copyWith({int? depth, bool? isExpanded}) {
+    return TemplateNode(
+      name: name,
+      children: children,
+      attributes: attributes,
+      text: text,
+      depth: depth ?? this.depth,
+      isExpanded: isExpanded ?? this.isExpanded,
+      id: id,
+    );
+  }
+}
+
+class TemplateItem {
+  final int id;
+  final String content;
+  final String xPath;
+  final String value;
+
+  TemplateItem({required this.id, required this.content, required this.xPath, required this.value});
+
+  bool matches(TemplateNode node) {
+    if (node.name.startsWith('@')) {
+      final attrName = node.name.substring(1);
+      return xPath.contains('@$attrName');
+    }
+    return xPath.contains(node.name);
+  }
+}

win_text_editor/lib/modules/template_parser/widgets/template_parser_view.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:win_text_editor/framework/controllers/tab_items_controller.dart';
 import 'package:win_text_editor/modules/template_parser/controllers/template_parser_controller.dart';
+import 'package:win_text_editor/modules/template_parser/models/template_node.dart';
+import 'package:win_text_editor/shared/components/tree_view.dart';
 
 class TemplateParserView extends StatefulWidget {
   final String tabId;
@@ -92,58 +94,100 @@ class _TemplateParserViewState extends State<TemplateParserView> {
       return const Center(child: Text('No XML data available'));
     }
 
-    return ListView.builder(
+    return TreeView(
-      itemCount: nodes.length,
+      nodes: _processXmlNodes(nodes),
-      itemBuilder: (context, index) {
+      config: const TreeViewConfig(
-        return _buildTreeNode(nodes[index]);
+        showIcons: true,
+        singleSelect: true,
+        selectedColor: Colors.lightBlueAccent,
+        icons: {'element': Icons.label_outline, 'attribute': Icons.code},
+      ),
+      onNodeTap: (node) {
+        final templateNode = node as TemplateNode;
+        Provider.of<TemplateParserController>(context, listen: false).selectTreeNode(templateNode);
       },
+      nodeBuilder: (context, node, isSelected, onTap) => _buildCustomNode(node),
     );
   }
 
-  Widget _buildTreeNode(TemplateNode node) {
+  List<TreeNode> _processXmlNodes(List<TemplateNode> nodes) {
-    return ExpansionTile(
+    final uniqueNodes = <String, TemplateNode>{};
-      title: Column(
+    final result = <TreeNode>[];
-        crossAxisAlignment: CrossAxisAlignment.start,
+
-        children: [
+    for (final node in nodes) {
-          Text(node.name),
+      // 生成结构签名（节点名+属性名组合，忽略值）
-          if (node.attributes != null && node.attributes!.isNotEmpty)
+      final signature = '${node.name}:${node.attributes?.keys.join(',') ?? ''}';
-            Text(
+
-              node.attributes!.entries.map((e) => '${e.key}="${e.value}"').join(' '),
+      if (!uniqueNodes.containsKey(signature)) {
-              style: const TextStyle(fontSize: 12, color: Colors.grey),
+        uniqueNodes[signature] = node;
-            ),
+        result.add(node);
-          if (node.text != null && node.text!.trim().isNotEmpty)
+      } else {
-            Text(
+        // 标记为重复节点（可选）
-              'Text: ${node.text!.trim()}',
+        uniqueNodes[signature]!.isRepeated = true;
-              style: const TextStyle(fontSize: 12, color: Colors.blue),
+      }
-            ),
+    }
-        ],
+    return result.cast<TreeNode>();
+  }
+
+  Widget _buildCustomNode(TreeNode node) {
+    final templateNode = node as TemplateNode;
+    final isAttribute = node.depth > 0 && node.name.startsWith('@');
+
+    return Padding(
+      padding: EdgeInsets.only(left: 12.0 * node.depth), // 动态缩进
+      child: ListTile(
+        dense: true,
+        leading:
+            isAttribute
+                ? const Icon(Icons.code, size: 16, color: Colors.grey)
+                : const Icon(Icons.label_outline, size: 18, color: Colors.blue),
+        title: Text(
+          isAttribute ? templateNode.name.substring(1) : templateNode.name,
+          style: TextStyle(
+            color: isAttribute ? Colors.grey[600] : Colors.black,
+            fontWeight: isAttribute ? FontWeight.normal : FontWeight.w500,
+          ),
+        ),
+        trailing:
+            templateNode.isRepeated
+                ? const Text("(repeated)", style: TextStyle(color: Colors.grey))
+                : null,
+        onTap:
+            () => Provider.of<TemplateParserController>(
+              context,
+              listen: false,
+            ).selectTreeNode(templateNode),
       ),
-      children: node.children.map((child) => _buildTreeNode(child)).toList(),
-      onExpansionChanged: (expanded) {
-        if (expanded) {
-          Provider.of<TemplateParserController>(context, listen: false).selectTreeNode(node);
-        }
-      },
     );
   }
 
   Widget _buildGridView(List<TemplateItem> items) {
-    return GridView.builder(
+    return Consumer<TemplateParserController>(
-      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
+      builder: (context, controller, _) {
-        crossAxisCount: 2,
+        // 根据当前选中的节点/属性过滤数据
-        childAspectRatio: 5,
+        final filteredItems =
-      ),
+            controller.selectedNode != null
-      itemCount: items.length,
+                ? items.where((item) => item.matches(controller.selectedNode!))
-      itemBuilder: (context, index) {
+                : items;
-        final item = items[index];
+
-        return Card(
+        return GridView.builder(
-          child: Padding(
+          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-            padding: const EdgeInsets.all(8.0),
+            crossAxisCount: 2,
-            child: Column(
+            childAspectRatio: 5,
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [Text('ID: ${item.id}'), Text('Content: ${item.content}')],
-            ),
           ),
+          itemCount: filteredItems.length,
+          itemBuilder: (context, index) {
+            final item = filteredItems.elementAt(index);
+            return Card(
+              child: Padding(
+                padding: const EdgeInsets.all(8.0),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [Text('Path: ${item.xPath}'), Text('Value: ${item.value}')],
+                ),
+              ),
+            );
+          },
         );
       },
     );

win_text_editor/lib/shared/components/file_explorer.dart

@@ -19,15 +19,7 @@ class FileExplorer extends StatefulWidget {
 }
 
 class _FileExplorerState extends State<FileExplorer> {
-  final ScrollController _verticalScrollController = ScrollController();
+  // 移除所有 ScrollController
-  final ScrollController _horizontalScrollController = ScrollController();
-
-  @override
-  void dispose() {
-    _verticalScrollController.dispose();
-    _horizontalScrollController.dispose();
-    super.dispose();
-  }
 
   Future<void> _promptForDirectory(BuildContext context) async {
     final fileProvider = Provider.of<FileProvider>(context, listen: false);
@@ -79,26 +71,13 @@ class _FileExplorerState extends State<FileExplorer> {
                       ? const Center(child: CircularProgressIndicator())
                       : fileProvider.fileNodes.isEmpty
                       ? Center(child: _buildEmptyPrompt(context))
-                      : Scrollbar(
+                      : SizedBox(
-                        controller: _verticalScrollController,
+                        width: calculateTotalWidth(context, fileProvider),
-                        thumbVisibility: true,
+                        child: TreeView(
-                        child: SingleChildScrollView(
+                          nodes: fileProvider.fileNodes,
-                          scrollDirection: Axis.horizontal,
+                          config: const TreeViewConfig(showIcons: true, lazyLoad: true),
-                          controller: _horizontalScrollController,
+                          onNodeTap: (node) => _handleNodeTap(context, node as FileNode),
-                          child: Scrollbar(
+                          onNodeDoubleTap: (node) => _handleNodeDoubleTap(node as FileNode),
-                            controller: _horizontalScrollController,
-                            thumbVisibility: true,
-                            scrollbarOrientation: ScrollbarOrientation.bottom,
-                            child: SizedBox(
-                              width: calculateTotalWidth(context, fileProvider),
-                              child: TreeView(
-                                nodes: fileProvider.fileNodes,
-                                config: const TreeViewConfig(showIcons: true, lazyLoad: true),
-                                onNodeTap: (node) => _handleNodeTap(context, node as FileNode),
-                                onNodeDoubleTap: (node) => _handleNodeDoubleTap(node as FileNode),
-                              ),
-                            ),
-                          ),
                         ),
                       ),
             ),

win_text_editor/lib/shared/components/tree_view.dart

@@ -13,12 +13,13 @@ abstract class TreeNode {
 
 /// 树视图配置
 class TreeViewConfig {
-  final bool lazyLoad; // 是否延时加载
+  final bool lazyLoad;
-  final bool singleSelect; // 是否单一选择
+  final bool singleSelect;
-  final bool showCheckboxes; // 是否显示复选框
+  final bool showCheckboxes;
-  final bool showIcons; // 是否显示图标
+  final bool showIcons;
-  final Color? selectedColor; // 选中项背景色
+  final Color? selectedColor;
-  final double indentWidth; // 缩进宽度
+  final double indentWidth;
+  final Map<String, IconData> icons; // 改为final
 
   const TreeViewConfig({
     this.lazyLoad = false,
@@ -27,6 +28,7 @@ class TreeViewConfig {
     this.showIcons = true,
     this.selectedColor,
     this.indentWidth = 24.0,
+    this.icons = const {}, // 提供空Map作为默认值
   });
 }
 
@@ -37,6 +39,8 @@ class TreeView extends StatefulWidget {
   final Function(TreeNode)? onNodeTap;
   final Function(TreeNode)? onNodeDoubleTap;
   final Function(TreeNode, bool?)? onNodeCheckChanged;
+  final Widget Function(BuildContext, TreeNode, bool, VoidCallback)? nodeBuilder; // 新增参数
+  final ScrollController? scrollController;
 
   const TreeView({
     super.key,
@@ -45,6 +49,8 @@ class TreeView extends StatefulWidget {
     this.onNodeTap,
     this.onNodeDoubleTap,
     this.onNodeCheckChanged,
+    this.nodeBuilder,
+    this.scrollController,
   });
 
   @override
@@ -54,25 +60,61 @@ class TreeView extends StatefulWidget {
 class _TreeViewState extends State<TreeView> {
   final Set<String> _selectedIds = {};
   final Set<String> _checkedIds = {};
+  late ScrollController _effectiveController;
+
+  @override
+  void initState() {
+    super.initState();
+    _effectiveController = widget.scrollController ?? ScrollController();
+  }
+
+  @override
+  void didUpdateWidget(TreeView oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.scrollController != oldWidget.scrollController) {
+      if (oldWidget.scrollController == null) {
+        _effectiveController.dispose();
+      }
+      _effectiveController = widget.scrollController ?? ScrollController();
+    }
+  }
+
+  @override
+  void dispose() {
+    if (widget.scrollController == null) {
+      _effectiveController.dispose();
+    }
+    super.dispose();
+  }
 
   @override
   Widget build(BuildContext context) {
-    return ListView.builder(
+    return Scrollbar(
-      shrinkWrap: true,
+      controller: _effectiveController,
-      physics: const ClampingScrollPhysics(),
+      thumbVisibility: true,
-      itemCount: _countVisibleNodes(widget.nodes),
+      notificationPredicate: (_) => true, // 确保接收所有滚动通知
-      itemBuilder: (context, index) {
+      child: ListView.builder(
-        final node = _getVisibleNode(widget.nodes, index);
+        controller: _effectiveController,
-        return _TreeNodeWidget(
+        physics: const ClampingScrollPhysics(),
-          node: node,
+        itemCount: _countVisibleNodes(widget.nodes),
-          config: widget.config,
+        itemBuilder: (context, index) {
-          isSelected: _selectedIds.contains(node.id),
+          final node = _getVisibleNode(widget.nodes, index);
-          isChecked: _checkedIds.contains(node.id),
+          final isSelected = _selectedIds.contains(node.id);
-          onTap: () => _handleNodeTap(node),
+
-          onDoubleTap: () => widget.onNodeDoubleTap?.call(node),
+          // 使用自定义构建器或默认构建器
-          onCheckChanged: (value) => _handleNodeCheckChanged(node, value),
+          return widget.nodeBuilder != null
-        );
+              ? widget.nodeBuilder!(context, node, isSelected, () => _handleNodeTap(node))
-      },
+              : TreeNodeWidget(
+                node: node,
+                config: widget.config,
+                isSelected: isSelected,
+                isChecked: _checkedIds.contains(node.id),
+                onTap: () => _handleNodeTap(node),
+                onDoubleTap: () => widget.onNodeDoubleTap?.call(node),
+                onCheckChanged: (value) => _handleNodeCheckChanged(node, value),
+              );
+        },
+      ),
     );
   }
 
@@ -127,7 +169,7 @@ class _TreeViewState extends State<TreeView> {
   }
 }
 
-class _TreeNodeWidget extends StatelessWidget {
+class TreeNodeWidget extends StatelessWidget {
   final TreeNode node;
   final TreeViewConfig config;
   final bool isSelected;
@@ -136,7 +178,7 @@ class _TreeNodeWidget extends StatelessWidget {
   final VoidCallback onDoubleTap;
   final Function(bool?)? onCheckChanged;
 
-  const _TreeNodeWidget({
+  const TreeNodeWidget({
     required this.node,
     required this.config,
     required this.isSelected,