Appearance
目录结构(Vue3)版本
/src 入口文件
- App.vue : 应用程序的根组件,包含路由视图和代码禁止调试判断
- main.js : 应用程序入口文件,负责初始化 Vue 应用、挂载路由、挂载全局状态pinia、注入全局组件、注入全局方法、注入全局自定义指令。
/src/assets/* 静态资源文件
- iconFont : 阿里妈妈图标库文件
- image : 项目中使用的图片
- previewIcon : 模型预览图片
- textures : 地面贴图
/src/components/* 公共组件文件
- Loading : loading 组件和自定义指令 loading
- index.ts: 组件全局导出文件
/src/config/* 全局常量配置
- constant : 常量文件
- defaultModel : 模型、几何体、光源、颜色默认数据
- echartsConfig : echarts 各类图表默认数据
- propertyConfig : 模型属性可编辑值、几何体模型参数边界值配置、颜色选择器默认配置、材质类型、渲染器色调映射、场景阴影、场景背景、场景环境光、地面贴图、雾配置
/src/enums/* 全局枚举
- indexDb : indexedDB枚举
- enum : 全局枚举
/src/layouts/* 全局布局文件
- RenderView : 渲染视图
/src/router/* 路由文件
- index : 路由配置
/src/store/* 全局状态
- indexDbStore : indexedDb 全局状态
- sceneEditStore : 场景内容 Api 全局状态
- pinia : pinia 注册
/src/style/* 全局样式
- iconFont : 阿里妈妈图标库样式类
- index : 入口文件
- reset : 样式重置
/src/types/* 全局TypeScript类
- global.d : 扩展 Vue 类型定义
- indexDbTypes : indexedDB ts类
- renderModelTypes : 全局 ts 类
- rightPanelTypes : 全局 ts 类
- three-css3d.d : 扩展 three.js CSS3DRenderer 类型定义
- three-utils.d : 扩展 three.js SkeletonUtils 类型定义
/src/utils/* 全局函数类方法
- directive : 自定义全局指令
- globalComponent : 全局组组件创建方法
- globalProperties : 全局方法创建函数
- indexedDB : indexedDB 方法封装
- renderScene : three.js API 操作方法封装
- utils : 全局工具函数
/src/utils/historyModules/* 历史操作记录模块
- command : 历史记录操作
- index : 历史记录操作方法
- transformCommand : 变换控制器操作记录
/src/utils/sceneModules/* three.js场景操作模块
- animationModules : 动画模块
- css3DRendererModules : 自定义 DOM(echarts) 节点模块
- lightModules : 灯光模块
- sceneModules : 场景模块
- transformControlsModules : 变换控制器模块
- weatherEffectsModules : 天气地面模块
/src/views/*
- sceneEdit : 场景编辑页面
- scenePreview : 场景预览页面