src/feature/work/mockData.ts

import type { ArtworkData, Comment } from './types';

// 生成随机时间的工具函数
const generateRandomDate = (daysAgo: number): string => {
    const date = new Date();
    date.setDate(date.getDate() - Math.floor(Math.random() * daysAgo));
    return date.toLocaleString('zh-CN', {
        year: 'numeric',
        month: '2-digit',
        day: '2-digit',
        hour: '2-digit',
        minute: '2-digit'
    });
};

// 通用评论数据
const baseComments: Comment[] = [
    {
        id: 'comment_1',
        content: '这个作品真的很棒！设计思路很新颖，学到了很多东西。',
        author: '设计爱好者小王',
        authorId: 'user_wang_001',
        createdAt: generateRandomDate(3),
        child: [
            {
                id: 'comment_1_1',
                content: '同感！特别是色彩搭配的部分，很有启发性。',
                author: '视觉设计师李雷',
                authorId: 'user_lilei_002',
                createdAt: generateRandomDate(2),
                child: [],
            },
            {
                id: 'comment_1_2',
                content: '确实，作者的审美很在线，期待更多作品！',
                author: '创意总监韩梅梅',
                authorId: 'user_hanmeimei_003',
                createdAt: generateRandomDate(2),
                child: [
                    {
                        id: 'comment_1_2_1',
                        content: '@创意总监韩梅梅 您说得对，这种风格确实很难得',
                        author: '设计爱好者小王',
                        authorId: 'user_wang_001',
                        createdAt: generateRandomDate(1),
                        child: [],
                    }
                ],
            },
        ],
    },
    {
        id: 'comment_2',
        content: '技术实现方面有什么特别的难点吗？想了解一下制作过程。',
        author: '技术控阿明',
        authorId: 'user_aming_004',
        createdAt: generateRandomDate(5),
        child: [],
    },
    {
        id: 'comment_3',
        content: '看起来很专业，请问这是用什么软件制作的？',
        author: '新手小白',
        authorId: 'user_xiaobai_005',
        createdAt: generateRandomDate(4),
        child: [
            {
                id: 'comment_3_1',
                content: '从效果来看应该是用Adobe全家桶，主要是PS和AI',
                author: '软件专家老刘',
                authorId: 'user_laoliu_006',
                createdAt: generateRandomDate(3),
                child: [],
            }
        ],
    },
    {
        id: 'comment_4',
        content: '色彩运用得很巧妙，给人一种很舒服的视觉感受。',
        author: '色彩搭配师小张',
        authorId: 'user_xiaozhang_007',
        createdAt: generateRandomDate(6),
        child: [],
    },
    {
        id: 'comment_5',
        content: '作品质量很高，但是感觉在某些细节上还可以再优化一下。',
        author: '完美主义者',
        authorId: 'user_perfect_008',
        createdAt: generateRandomDate(7),
        child: [
            {
                id: 'comment_5_1',
                content: '能具体说说哪些地方可以优化吗？我也想学习学习',
                author: '求知者小陈',
                authorId: 'user_xiaochen_009',
                createdAt: generateRandomDate(6),
                child: [],
            }
        ],
    },
    {
        id: 'comment_6',
        content: '已经下载收藏了，感谢分享！🎉',
        author: '收藏家大佬',
        authorId: 'user_collector_010',
        createdAt: generateRandomDate(8),
        child: [],
    },
    {
        id: 'comment_7',
        content: '这个风格很适合我正在做的项目，能不能商用呢？',
        author: '商务合作方',
        authorId: 'user_business_011',
        createdAt: generateRandomDate(9),
        child: [],
    },
    {
        id: 'comment_8',
        content: '教程什么时候出？期待大神的分享！',
        author: '学习狂人',
        authorId: 'user_learner_012',
        createdAt: generateRandomDate(10),
        child: [],
    }
];

// 作品数据集合
export const mockArtworks: Record<string, ArtworkData> = {
    '12345': {
        artworkId: '12345',
        artworkCover: 'https://picsum.photos/300/400?random=1',
        author: '视觉设计师张三',
        authorId: 'author_zhangsan_001',
        artworkName: '未来城市概念设计',
        artworkCategory: '概念设计',
        comments: [],
        artworkDescription: `# 未来城市概念设计

这是一个关于2050年智慧城市的概念设计作品。整个设计融合了**可持续发展**、**人工智能**和**绿色科技**的理念。

## 设计理念

- 🌱 **生态友好**：建筑与自然和谐共生
- 🤖 **智能化**：AI驱动的城市管理系统
- 🚗 **零排放**：全面电动化的交通系统
- 🏗️ **模块化**：可扩展的建筑结构

## 技术特点

采用了最新的**参数化设计**方法，通过算法生成建筑形态，确保每个结构都能最大化利用自然光和风能。

*希望这个设计能为未来城市规划提供一些启发。*`,
        versionList: [
            {
                version: '1.0',
                seedFile: 'magnet:?xt=urn:btih:future_city_v1_0&dn=未来城市v1.0.zip',
                versionDescription: `## 初始版本 v1.0

### 包含内容
- 🎨 **高分辨率效果图** (4K)
- 📐 **CAD源文件** (.dwg)
- 🖼️ **PSD分层文件**
- 📄 **设计说明文档**

### 更新说明
首次发布，包含完整的设计方案和素材文件。`,
            },
            {
                version: '1.1',
                seedFile: 'magnet:?xt=urn:btih:future_city_v1_1&dn=未来城市v1.1.zip',
                versionDescription: `## 更新版本 v1.1

### 新增内容
- 🌃 **夜景渲染图**
- 🎬 **动画演示视频** (1080p)
- 🔧 **Blender源文件**

### 修复内容
- 修复了部分贴图丢失问题
- 优化了文件结构
- 添加了英文版说明文档`,
            },
        ],
        usersSeedingCurrently: [
            { username: '设计师小李', userId: 'user_xiaoli_101' },
            { username: '建筑师王工', userId: 'user_wanggong_102' },
            { username: '学生小赵', userId: 'user_xiaozhao_103' },
            { username: '创意总监', userId: 'user_director_104' },
        ],
        usersSeedingHistory: [
            {
                username: '资深下载者', uploadTotal: '156.8GB',
                userId: ''
            },
            {
                username: '设计素材库', uploadTotal: '89.2GB',
                userId: ''
            },
            {
                username: '创意工作室', uploadTotal: '67.5GB',
                userId: ''
            },
            {
                username: '学院资源组', uploadTotal: '45.3GB',
                userId: ''
            },
            {
                username: '独立设计师', uploadTotal: '23.7GB',
                userId: ''
            },
        ],
    },
    
    '23456': {
        artworkId: '23456',
        artworkCover: 'https://picsum.photos/300/400?random=2',
        author: 'UI设计师李四',
        authorId: 'author_lisi_002',
        artworkName: '移动应用界面设计套件',
        artworkCategory: 'UI/UX设计',
        comments: [],
        artworkDescription: `# 移动应用界面设计套件

一套完整的移动端UI设计规范和组件库，包含**100+个精美界面**和**500+个设计组件**。

## 包含内容

### 📱 界面设计
- 登录注册页面
- 主页和导航
- 商品展示页面
- 个人中心
- 设置页面

### 🎨 设计系统
- **颜色规范**：主色调、辅助色、状态色
- **字体系统**：标题、正文、注释文字
- **图标库**：线性图标、填充图标
- **组件库**：按钮、输入框、卡片等`,
        versionList: [
            {
                version: '1.0',
                seedFile: 'magnet:?xt=urn:btih:ui_kit_v1_0&dn=UI设计套件v1.0.zip',
                versionDescription: `## 基础版本 v1.0

### 核心功能
- 📱 **50个界面模板**
- 🎨 **基础组件库**
- 📋 **设计规范文档**
- 🎯 **Sketch源文件**`,
            },
        ],
        usersSeedingCurrently: [
            { username: 'UI设计新手', userId: 'user_ui_newbie_201' },
            { username: '产品经理小王', userId: 'user_pm_wang_202' },
        ],
        usersSeedingHistory: [
            {
                username: 'UI设计公司', uploadTotal: '78.9GB',
                userId: ''
            },
            {
                username: '设计师联盟', uploadTotal: '45.6GB',
                userId: ''
            },
            {
                username: '学习小组', uploadTotal: '23.4GB',
                userId: ''
            },
        ],
    },

    '67890': {
        artworkId: '67890',
        artworkCover: 'https://picsum.photos/300/400?random=6',
        author: '刘松林',
        authorId: '2', // 用户ID为2
        artworkName: 'React组件库开发指南',
        artworkCategory: '前端开发',
        comments: [],
        artworkDescription: `# React组件库开发指南

一套完整的**企业级React组件库**开发教程和源码，包含从设计到发布的完整流程。

## 项目特色

### 🚀 技术栈
- **React 18** + **TypeScript**
- **Styled-components** 样式解决方案
- **Storybook** 组件文档
- **Jest** + **Testing Library** 测试

### 📦 组件覆盖
- **基础组件**: Button, Input, Select, Modal等
- **布局组件**: Grid, Layout, Container等  
- **数据展示**: Table, List, Card, Timeline等`,
        versionList: [
            {
                version: '1.0',
                seedFile: 'magnet:?xt=urn:btih:react_components_v1_0&dn=React组件库v1.0.zip',
                versionDescription: `## 基础版本 v1.0

### 核心内容
- 📚 **完整教程文档** (50+页)
- 💻 **基础组件源码** (20+个组件)
- 🧪 **单元测试示例**
- 📖 **Storybook配置**`,
            },
        ],
        usersSeedingCurrently: [
            { username: '前端新手小李', userId: 'user_frontend_newbie_601' },
            { username: 'React爱好者', userId: 'user_react_fan_602' },
        ],
        usersSeedingHistory: [
            {
                username: '大厂前端团队', uploadTotal: '567.8GB',
                userId: ''
            },
            {
                username: '开源社区', uploadTotal: '234.5GB',
                userId: ''
            },
            {
                username: '技术培训机构', uploadTotal: '189.7GB',
                userId: ''
            },
        ],
    },
};

// 获取指定作品的评论数据
export const getCommentsForArtwork = (artworkId: string): Comment[] => {
    // 为不同作品生成不同的评论
    const commentVariations: Record<string, Comment[]> = {
        '12345': baseComments,
        '23456': baseComments.slice(0, 5).map(comment => ({
            ...comment,
            id: `ui_${comment.id}`,
            content: comment.content.replace('作品', 'UI套件').replace('设计', '界面设计'),
        })),
        '67890': [
            {
                id: 'dev_comment_1',
                content: '这个组件库的设计思路很棒！TypeScript类型定义特别完善。',
                author: '前端架构师张工',
                authorId: 'user_architect_zhang',
                createdAt: generateRandomDate(2),
                child: [
                    {
                        id: 'dev_comment_1_1',
                        content: '同感！特别是组件API的设计，很符合React的设计理念。',
                        author: 'React核心开发者',
                        authorId: 'user_react_core',
                        createdAt: generateRandomDate(1),
                        child: [],
                    }
                ],
            },
            {
                id: 'dev_comment_2',
                content: '构建配置写得很详细，我们团队已经参考这个搭建了自己的组件库。',
                author: '技术负责人小刘',
                authorId: 'user_tech_liu',
                createdAt: generateRandomDate(3),
                child: [],
            },
        ],
    };
    
    return commentVariations[artworkId] || baseComments;
};

// 根据作品ID获取作品数据
export const getArtworkById = (artworkId: string): ArtworkData | null => {
    const artwork = mockArtworks[artworkId];
    if (artwork) {
        return {
            ...artwork,
            comments: getCommentsForArtwork(artworkId)
        };
    }
    return null;
};

// 获取所有作品列表
export const getAllArtworks = (): ArtworkData[] => {
    return Object.values(mockArtworks);
};

// 按分类获取作品
export const getArtworksByCategory = (category: string): ArtworkData[] => {
    return Object.values(mockArtworks).filter(artwork => artwork.artworkCategory === category);
};

// 搜索作品
export const searchArtworks = (keyword: string): ArtworkData[] => {
    const lowerKeyword = keyword.toLowerCase();
    return Object.values(mockArtworks).filter(artwork => 
        artwork.artworkName.toLowerCase().includes(lowerKeyword) ||
        artwork.artworkDescription.toLowerCase().includes(lowerKeyword) ||
        artwork.author.toLowerCase().includes(lowerKeyword) ||
        artwork.artworkCategory.toLowerCase().includes(lowerKeyword)
    );
};