# notebase-frontend

**Repository Path**: agents-hub/notebase-frontend

## Basic Information

- **Project Name**: notebase-frontend
- **Description**: 知数 NoteBase：面向企业的轻量级知识库与文档协作平台，融合文件管理、多类型编辑器、实时协同与企业级权限。  
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-29
- **Last Updated**: 2026-04-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 知数 NoteBase - 企业级知识库与文档协作平台

知数 NoteBase 是一个面向企业的轻量级知识库与文档协作平台，融合文件管理、多类型编辑器、实时协同与企业级权限管理。

## 🌟 产品特性

- **统一管理企业知识资产** - 支持多知识库、文集树形结构管理
- **多模态编辑器** - 富文本、在线表格、脑图、流程图等多种编辑器
- **实时协同** - 多人实时编辑，提升团队协作效率
- **精细权限** - 基于角色的访问控制（所有者、管理员、编辑者、查看者）
- **智能搜索** - 全局搜索功能，快速定位文档内容
- **模板库** - 提供丰富的文档模板，加速内容创建

## 🚀 技术栈

- **前端框架**: React 19 + TypeScript
- **构建工具**: Vite
- **UI组件库**: Ant Design 6
- **富文本编辑器**: Tiptap (支持扩展：代码块高亮、表格、任务列表等)
- **状态管理**: Zustand
- **路由**: React Router DOM
- **图标**: @ant-design/icons
- **日期处理**: dayjs

## 📦 安装与运行

```bash
# 克隆项目
git clone <repository-url>
cd NoteBase

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview
```

## 🏗️ 项目结构

```
src/
├── components/          # 组件目录
│   ├── DocListView/     # 文档列表视图
│   ├── EditorView/      # 编辑器视图
│   ├── FilePreview/     # 文件预览组件
│   ├── FlowChartEditor/ # 流程图编辑器
│   ├── MainContent/     # 主内容区域
│   ├── MindMapEditor/   # 脑图编辑器
│   ├── RichTextEditor/  # 富文本编辑器
│   ├── RightPanel/      # 右侧面板
│   ├── SearchModal/     # 搜索模态框
│   ├── Sidebar/         # 侧边栏
│   ├── SpreadsheetEditor/# 表格编辑器
│   └── Workspace/       # 工作台
├── store/               # 状态管理
├── styles/              # 全局样式
├── types/               # TypeScript 类型定义
└── App.tsx             # 应用入口
```

## 🔧 开发指南

### 可用脚本

- `npm run dev` - 启动开发服务器
- `npm run build` - 构建生产版本
- `npm run lint` - 运行 ESLint 检查
- `npm run preview` - 预览生产构建

### 环境变量

本项目无需特殊环境变量配置，开箱即用。

## 📄 许可证

MIT License