目录结构
完整版目录结构 📚
text
├─ .cursor # cursor 规则文件
├─ .husky # 代码提交前校验配置文件
├─ .vscode # IDE 工具推荐配置文件
├─ node # 构建工具
├─ public # 静态资源
│ └─ tinymce # tinymce 富文本资源
│─ src
├─ common # 通用目录
│ ├─ api # 接口请求统一管理
│ ├─ assets # 字体、图片等静态资源
│ ├─ config # 全局配置
│ ├─ directives # 自定义指令
│ ├─ enums # 全局枚举类
│ ├─ http # Axios 配置，发送网络请求
│ ├─ languages # 国际化
│ ├─ styles # 全局样式
│ ├─ utils # 全局工具方法
├─
├─ components # 自定义通用组件
│ ├─ card # 卡片组件
│ │ ├─ banner-card # 横幅卡片组件
│ │ ├─ banner-image-card # 横幅图标卡片组件
│ │ ├─ bar-chart-card # 柱状图卡片
│ │ ├─ data-list-card # 数据列表卡片
│ │ ├─ donut-chart-card # 环型图卡片
│ │ ├─ line-chart-card # 折线图卡片
│ │ ├─ progress-card # 进度条卡片
│ │ ├─ stats-card # 统计卡片
│ │ ├─ timeline-list-card # 时间轴列表卡片
│ ├─ chart # 图表组件
│ │ ├─ bar-chart # 柱状图组件
│ │ ├─ chart-empty # 图表空状态组件
│ │ ├─ dual-bar-compare-chart # 双向堆叠柱状图组件
│ │ ├─ h-bar-chart # 水平柱状图组件
│ │ ├─ k-line-chart # k 线图表组件
│ │ ├─ line-chart # 折线图组件
│ │ ├─ map-chart # 地图图表组件
│ │ ├─ radar-chart # 雷达图组件
│ │ ├─ ring-chart # 环形图组件
│ │ ├─ scatter-chart # 散点图组件
│ ├─ core # 核心组件
│ │ ├─ icon # 图标组件
│ │ ├─ image-verify-code # 验证码组件
│ │ ├─ permission # 权限组件
│ │ ├─ point-tag # 圆圈点组件
│ │ ├─ switch-dark # 切换暗色主题组件
│ │ ├─ tooltip # 文字溢出提示组件
│ ├─ editor # 编辑器组件
│ │ ├─ code-mirror # 代码编辑器组件
│ │ ├─ tinymce # 富文本组件
│ │ ├─ wang-editor # 富文本组件
│ ├─ page # 页面组件
│ │ ├─ count-to # 计数组件
│ │ ├─ cropper # 剪切图组件
│ │ ├─ drag-drawer # 可拖动抽屉组件
│ │ ├─ draggable-item # 拖动块组件
│ │ ├─ draggable-list # 拖动列表组件
│ │ ├─ excel-upload # Excel 上传组件
│ │ ├─ highlight # 文字 Highlight 组件
│ │ ├─ icon-picker # 图标选择器组件
│ │ ├─ images-upload # 图片上传组件
│ │ ├─ qr-code # 二维码组件
│ │ ├─ seamless-scroll # 无线滚动组件
│ │ ├─ table-sort # 表格级联排序组件
│ │ ├─ video-player # 视频播放器组件
│ ├─ pro # 超级组件
│ │ ├─ descriptions # 超级描述组件
│ │ ├─ dialog # 超级弹框组件
│ │ ├─ drawer # 超级抽屉组件
│ │ ├─ form # 超级表单组件
│ │ ├─ form-dialog # 超级表单弹框组件
│ │ ├─ form-drawer # 超级表单抽屉组件
│ │ ├─ form-group # 超级表单组组件
│ │ ├─ form-item # 超级表单项组件
│ │ ├─ form-steps # 超级表单步骤条组件
│ │ ├─ grid # Grid 布局组件
│ │ ├─ image-viewer # 图片预览组件
│ │ ├─ page # 超级页面组件
│ │ ├─ pagination # 分页组件
│ │ ├─ search # 超级搜索组件
│ │ ├─ table # 超级表格组件
│ │ ├─ tree-filter # 树形筛选组件
├─
├─ composables 组合式函数
│ ├─ chart # EChart 函数
│ │ ├─ use-chart-component # EChart 组件操作函数
│ │ ├─ use-chart # EChart 操作函数
│ ├─ core # 核心函数
│ │ ├─ use-breadcrumb # 面包屑数据获取函数
│ │ ├─ use-browser-title # 浏览器标题获取函数
│ │ ├─ use-common # 通用函数
│ │ ├─ use-menu # 菜单数据获取函数
│ │ ├─ use-namespace # 命名空间函数
│ │ ├─ use-permission # 权限判断函数
│ │ ├─ use-route-fn # 路由加载函数
│ │ ├─ use-theme # 主题切换函数
│ │ ├─ use-upgrade # 版本升级函数
│ │ ├─ use-watch-css-var # 监听 css 变量函数
│ ├─ use-boolean # boolean 操作函数
│ ├─ use-clipboard # 剪切板函数
│ ├─ use-form-validator # ElForm 表单校验函数
├─
├─ layout # 页面布局
│ ├─ components # 布局组件
│ │ ├─ header # 头部
│ │ ├─ iframe # IFrame 嵌入
│ │ ├─ loading # 项目加载 Loading
│ │ ├─ menu # 菜单
│ │ ├─ page-content # 内容区
│ │ ├─ tab-nav # 标签页
│ │ └─ theme-panel # 主题面板
│ │ └─ watermark # 全局水印
│ ├─ layout-classic # 经典布局
│ ├─ layout-columns # 分栏布局
│ ├─ layout-horizontal # 横向布局
│ ├─ layout-iframe # 嵌入布局
│ ├─ layout-mixins # 混入布局
│ └─ layout-vertical # 纵向布局
├─ mock # 数据 mock
├─ pinia # pinia 状态管理
├─ router # 路由配置
├─ types # 全局 TS 类型配置
├─
└─views # 业务代码
├── .editorconfig # 编辑器读取文件格式及样式定义配置 https://editorconfig.org/
├── .env # 全局环境变量配置（当 .env 文件与 .env.development、.env.production、.env.staging 这三个文件之一存在相同的配置 key 时，.env 优先级更低）
├── .env.development # 开发环境变量配置
├── .env.production # 生产环境变量配置
├── .env.test # 测试环境变量配置
├── .eslintrc-globals # eslint 全局忽视变量配置
├── .gitignore # git 提交忽略文件
├── .prettierignore # prettier 语法检查忽略文件
├── .prettierrc.json # prettier 插件配置
├── .stylelintignore # stylelint 插件检查忽略文件
├── .stylelintrc.js # stylelint 插件配置
├── .versionrc # standard-version 配置
├── CHANGELOG.md # 版本更新日志
├── commitlint.config.js # git 提交前检查配置
├── eslint.config.js # eslint 语法检查配置
├── index.html # html 主入口
├── LICENSE # 证书
├── package.json # 依赖包管理以及命令配置
├── postcss.config.js # postcss 插件配置
├── README.md # README 文档
├── tsconfig.json # typescript 配置
└── vite.config.ts # vite 配置