根目录
序号 | 路径(按照编辑器顺序) | 功能 |
1 | build | 执行 pnpm run build 相关 |
2 | doc | 可执行文档 |
3 | plop | 自动化生成相关 |
4 | public | 公共静态数据 |
5 | src | 项目源码目录 |
23 | types | TS 全局类型相关 |
24 | .env | 开发环境全局变量 |
25 | .env.development | 开发环境配置变量 |
26 | .env.production | 生产环境配置变量 |
27 | index.html | 单页入口 |
28 | Makefile | 快速执行文件 |
29 | tsconfig.json | TS 配置项 |
30 | vite.config.ts | TS 配置项 |
build目录
序号 | 模块名称 | 功能名称 |
1 | external | 扩展目录 |
2 | constant.ts | 常量配置 |
3 | getConfigFileName.ts | 获取配置文件名称 |
public目录
序号 | 模块名称 | 功能名称 |
1 | favicon.ico | 网站ico文件 |
src目录
序号 | 模块名称 | 功能名称 |
1 | api | api接口与类型目录 |
2 | assets | 静态文件目录 |
3 | components | 公共组件目录 |
4 | directives | 全局指令目录 |
5 | enums | 全局枚举目录 |
6 | hooks | 全局hooks |
7 | i18n | 全局国际化目录 |
8 | layout | 全局布局目录 |
9 | packages | 全局包目录 |
10 | plugins | 全局插件目录 |
11 | router | 项目路由目录 |
12 | settings | 全局设置目录 |
13 | store | 项目状态管理目录 |
14 | styles | 全局样式文件目录 |
15 | utils | 全局公共文件目录 |
16 | views | 项目页面目录 |
17 | App.vue | 路由出口 |
18 | main.tx | 入口文件 |
src/views/chart目录
序号 | 路径(按照编辑器顺序) | 功能 |
1 | src/views/chart/index.vue | 工作空间入口,右键注册 |
2 | src/views/chart/ContentBox | 封装每一列的布局(顶部,内容,底部,滚动条),包括颜色深浅 |
3 | src/views/chart/ContentCharts | 左侧图表展示区域 ..\components\ChartsItemBox\index.vue 文件里有拖拽起始代码,包括动态注册组件 |
4 | src/views/chart/ContentConfigurations | 目标图表的右侧的配置模块 |
5 | ———- edit start —– | 无 |
6 | src/views/chart/ContentEdit/index.vue | 画布,标尺,工具栏,底部控制 |
src/views/chart/ContentEdit/components/EditAlignLine | 拖动时的对齐线 | |
7 | src/views/chart/ContentEdit/components/EditBottom | 底部区域-样式布局 |
8 | src/views/chart/ContentEdit/components/EditHistory | 底部区域-历史记录 |
9 | src/views/chart/ContentEdit/components/EditRange | 注册在 index.vue,包裹所有图表,注册内容: 水印、标尺、辅助线、透明遮罩,包括点击事件等 |
10 | src/views/chart/ContentEdit/components/EditRule | 画布标尺 |
11 | src/views/chart/ContentEdit/components/EditShapeBox | 所有图表拖拽样式:锚点、选中样式、鼠标悬浮样式 |
12 | src/views/chart/ContentEdit/components/EditShortcutKey | 底部区域-快捷键展示 |
13 | src/views/chart/ContentEdit/components/EditTools | 工具栏:dock/侧边模块 |
14 | src/views/chart/ContentEdit/hook/useDrag.hook | 拖拽相关:拖拽到编辑区域、移动图表、鼠标移入/移出事件、移动锚点等 |
15 | src/views/chart/ContentEdit/hook/useLayout.hook | 布局处理(把 dom 发送到了 Pinia) |
16 | src/views/chart/ContentEdit/hook/useStyle.hook | 样式渲染相关:大小、锚点位置等 |
17 | ———- edit end —– | 无 |
18 | src/views/chart/ContentHeader/* | 顶部位置相关 |
19 | src/views/chart/ContentLayers/* | 图层相关 |
20 | src/views/chart/hooks/useContextMenu.hook | 右键处理 |
21 | src/views/chart/hooks/useKeyboard.hook | 键盘快捷键 |
src/packages目录
序号 | 路径 | 功能 |
1 | packages/index | 所有图表导出,图表动态加载方法等 |
2 | packages/index.d | 类型定义 |
3 | packages/public | 公共数据类,方法等 |
4 | packages/chartConfiguration | 图表基础配置 |
5 | packages/components/Charts | 图表模块 |
6 | packages/components/Informations | 信息模块 |
7 | packages/components/Tables | 表格模块 |
8 | packages/components/Decorates | 装饰模块 |
9 | packages/components/external | 扩展文件夹(保留待用) |
10 | packages/components/Icons | 图标模块 |
11 | packages/components/Photo | 图片模块 |