Files
superport/lib/screens/company/components/company_tree_view.dart

221 lines
6.7 KiB
Dart

import 'package:flutter/material.dart';
import 'package:superport/domain/entities/company_hierarchy.dart';
import 'package:superport/screens/common/theme_shadcn.dart';
/// 회사 계층 구조 Tree View 컴포넌트
class CompanyTreeView extends StatelessWidget {
final CompanyHierarchy hierarchy;
final Map<String, bool> expandedNodes;
final Function(String) onToggleExpand;
final Function(String)? onNodeTap;
final Function(String)? onEdit;
final Function(String)? onDelete;
final String? selectedNodeId;
const CompanyTreeView({
super.key,
required this.hierarchy,
required this.expandedNodes,
required this.onToggleExpand,
this.onNodeTap,
this.onEdit,
this.onDelete,
this.selectedNodeId,
});
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: ShadcnTheme.card,
borderRadius: BorderRadius.circular(8),
border: Border.all(color: ShadcnTheme.border),
),
child: SingleChildScrollView(
child: Column(
children: hierarchy.children
.map((node) => _buildTreeNode(context, node, 0))
.toList(),
),
),
);
}
Widget _buildTreeNode(BuildContext context, CompanyHierarchy node, int level) {
final isExpanded = expandedNodes[node.id] ?? false;
final hasChildren = node.children.isNotEmpty;
final isSelected = selectedNodeId == node.id;
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// 노드 헤더
InkWell(
onTap: () => onNodeTap?.call(node.id),
child: Container(
decoration: BoxDecoration(
color: isSelected ? ShadcnTheme.accent.withValues(alpha: 0.1) : null,
border: Border(
bottom: BorderSide(
color: ShadcnTheme.border.withValues(alpha: 0.5),
width: 0.5,
),
),
),
child: Padding(
padding: EdgeInsets.only(
left: 16.0 + (level * 24.0),
right: 8.0,
top: 8.0,
bottom: 8.0,
),
child: Row(
children: [
// 확장/축소 버튼
if (hasChildren)
GestureDetector(
onTap: () => onToggleExpand(node.id),
child: Padding(
padding: const EdgeInsets.only(right: 8.0),
child: Icon(
isExpanded
? Icons.keyboard_arrow_down
: Icons.keyboard_arrow_right,
size: 20,
color: ShadcnTheme.muted,
),
),
)
else
const SizedBox(width: 28),
// 아이콘
Icon(
level == 0 ? Icons.business : Icons.domain,
size: 18,
color: level == 0 ? ShadcnTheme.primary : ShadcnTheme.muted,
),
const SizedBox(width: 8),
// 회사명
Expanded(
child: Text(
node.name,
style: ShadcnTheme.bodyMedium.copyWith(
fontWeight: level == 0 ? FontWeight.w600 : FontWeight.normal,
color: isSelected ? ShadcnTheme.primary : null,
),
),
),
// 자손 수 표시
if (node.totalDescendants > 0)
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 2,
),
decoration: BoxDecoration(
color: ShadcnTheme.muted.withValues(alpha: 0.2),
borderRadius: BorderRadius.circular(12),
),
child: Text(
'${node.totalDescendants}',
style: ShadcnTheme.bodySmall.copyWith(
fontSize: 11,
color: ShadcnTheme.mutedForeground,
),
),
),
// 액션 버튼들
if (onEdit != null || onDelete != null) ...[
const SizedBox(width: 8),
_buildActionButtons(node.id),
],
],
),
),
),
),
// 자식 노드들
if (hasChildren && isExpanded)
...node.children
.map((childNode) => _buildTreeNode(context, childNode, level + 1))
,
],
);
}
Widget _buildActionButtons(String nodeId) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
if (onEdit != null)
IconButton(
icon: const Icon(Icons.edit_outlined),
iconSize: 16,
padding: const EdgeInsets.all(4),
constraints: const BoxConstraints(
minWidth: 24,
minHeight: 24,
),
onPressed: () => onEdit!(nodeId),
color: ShadcnTheme.muted,
tooltip: '수정',
),
if (onDelete != null)
IconButton(
icon: const Icon(Icons.delete_outline),
iconSize: 16,
padding: const EdgeInsets.all(4),
constraints: const BoxConstraints(
minWidth: 24,
minHeight: 24,
),
onPressed: () => onDelete!(nodeId),
color: ShadcnTheme.destructive,
tooltip: '삭제',
),
],
);
}
}
/// 계층 구조 경로 표시 위젯 (Breadcrumb)
class CompanyHierarchyPath extends StatelessWidget {
final String fullPath;
final TextStyle? style;
const CompanyHierarchyPath({
super.key,
required this.fullPath,
this.style,
});
@override
Widget build(BuildContext context) {
final pathParts = fullPath.split('/').where((p) => p.isNotEmpty).toList();
return Row(
children: [
Icon(
Icons.account_tree,
size: 14,
color: ShadcnTheme.muted,
),
const SizedBox(width: 4),
Expanded(
child: Text(
pathParts.join(' > '),
style: style ?? ShadcnTheme.bodySmall.copyWith(
color: ShadcnTheme.mutedForeground,
),
overflow: TextOverflow.ellipsis,
),
),
],
);
}
}