feat: 优化拖动组件逻辑，加入tailwind支持，更新readme
This commit is contained in:
539943419 committed
1 parent
34d7c7df30
commit
42479f2265
14 files changed
+477
-95
No files matched your search
@@ -25,4 +25,122 @@
|
||||
|
||||
## 碎碎念：
|
||||
|
||||
写的真潦草
|
||||
写的真潦草
|
||||
|
||||
## 让cursor生成了个架构图，可能不是很专业，不过我看了感觉没啥问题：
|
||||
```
|
||||
┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
|
||||
│ miaoDirectory前端架构 │
|
||||
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
|
||||
▲
|
||||
│
|
||||
│ HTTP API通信
|
||||
│
|
||||
┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
|
||||
│ 后端服务 │
|
||||
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
|
||||
|
||||
|
||||
┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
|
||||
│ 应用入口 (App.vue) │
|
||||
│ ┌──────────────────────────┐ ┌────────────────────────────┐ ┌────────────────────────────────┐ │
|
||||
│ │ 全局状态初始化 │ │ 全局消息提供器 │ │ 全局导航菜单 │ │
|
||||
│ │ (初始化各个系统核心实例) │ │ (miaoAlertTipProvider) │ │ │ │
|
||||
│ └──────────────┬───────────┘ └─────────────┬──────────────┘ └────────────────────────────────┘ │
|
||||
│ │ │ │
|
||||
│ ▼ ▼ │
|
||||
│ ┌──────────────────────────┐ ┌────────────────────────────┐ │
|
||||
│ │ 视图控制器渲染 │ │ 视图容器渲染 │ │
|
||||
│ │ (ViewController) │ │ (ViewContainer) │ │
|
||||
│ └──────────────────────────┘ └────────────────────────────┘ │
|
||||
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
|
||||
│ │
|
||||
│ │
|
||||
▼ ▼
|
||||
┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
|
||||
│ 多页面系统 │
|
||||
│ │
|
||||
│ ┌──────────────────────────────────────────┐ ┌───────────────────────────────────────────────┐ │
|
||||
│ │ VirtualPages类 │ │ VirtualPage类 │ │
|
||||
│ │ ┌────────────────────────────────────┐ │ │ ┌─────────────────────────────────────────┐ │ │
|
||||
│ │ │ _views │ │ │ │ component: 页面使用的组件 │ │ │
|
||||
│ │ │ (存储所有虚拟页面的响应式数组) │ │ │ │ name: 页面名 │ │ │
|
||||
│ │ └────────────────────────────────────┘ │ │ │ visible: 是否可见 │ │ │
|
||||
│ │ │ │ │ currentDirectories: 当前使用的目录 │ │ │
|
||||
│ │ ┌────────────────────────────────────┐ │ │ │ currentFiles: 当前使用的文件 │ │ │
|
||||
│ │ │ getIndex(): 获取页面索引 │ │ │ │ id: 唯一标识符 │ │ │
|
||||
│ │ │ getView(): 根据ID获取页面 │ │ │ │ color: 页面颜色 │ │ │
|
||||
│ │ │ push(): 添加新页面 │◄──┼────┼─┤ title: 页面标题 │ │ │
|
||||
│ │ │ deleteView(): 删除页面 │ │ │ │ exitConfirm: 关闭时是否需要确认 │ │ │
|
||||
│ │ │ find(): 查找页面 │ │ │ │ allowCopy: 是否允许复制页面 │ │ │
|
||||
│ │ └────────────────────────────────────┘ │ │ └─────────────────────────────────────────┘ │ │
|
||||
│ └──────────────────────────────────────────┘ │ │ │
|
||||
│ ▲ │ ┌─────────────────────────────────────────┐ │ │
|
||||
│ │ │ │ setTitle(): 设置标题 │ │ │
|
||||
│ │ │ │ switchShow(): 切换显示状态 │ │ │
|
||||
│ │ │ │ refresh(): 刷新页面 │ │ │
|
||||
│ │ │ └─────────────────────────────────────────┘ │ │
|
||||
│ │ └───────────────────────────────────────────────┘ │
|
||||
│ │ ▲ │
|
||||
│ │ │ │
|
||||
│ useVirtualPages() │ │
|
||||
│ (全局单例访问钩子) │ │
|
||||
│ │ │
|
||||
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
|
||||
│ │
|
||||
│ │
|
||||
▼ │
|
||||
┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
|
||||
│ 插件系统 │
|
||||
│ │
|
||||
│ ┌──────────────────────────────────────────┐ ┌───────────────────────────────────────────────┐ │
|
||||
│ │ PluginCenter类 │ │ 插件接口定义 │ │
|
||||
│ │ ┌────────────────────────────────────┐ │ │ ┌─────────────────────────────────────────┐ │ │
|
||||
│ │ │ pluginsMap │ │ │ │ name: 插件名称 │ │ │
|
||||
│ │ │ (存储已注册插件的映射表) │ │ │ │ icon: 插件图标 │ │ │
|
||||
│ │ └────────────────────────────────────┘ │ │ │ disable: 是否禁用 │ │ │
|
||||
│ │ │ │ │ group: 所属插件组 │ │ │
|
||||
│ │ ┌────────────────────────────────────┐ │ │ │ priority: 优先级 │ │ │
|
||||
│ │ │ register(): 注册插件 │ │ │ │ filter(): 适用性过滤函数 │ │ │
|
||||
│ │ │ deregister(): 注销插件 │ │ │ │ func(): 插件主函数 │ │ │
|
||||
│ │ │ registerComponent(): 注册组件插件 │ │ │ └─────────────────────────────────────────┘ │ │
|
||||
│ │ │ getUsablePlugin(): 获取可用插件 │───┼────┼─► 创建虚拟页面 │ │
|
||||
│ │ │ usePlugin(): 使用插件 │ │ │ │ │
|
||||
│ │ └────────────────────────────────────┘ │ │ ┌─────────────────────────────────────────┐ │ │
|
||||
│ └──────────────────────────────────────────┘ │ │ 插件分组(PluginGroup) │ │ │
|
||||
│ ▲ │ │ │ │ │
|
||||
│ │ │ │ default: 默认组 │ │ │
|
||||
│ │ │ │ mainMenu: 主菜单组 │ │ │
|
||||
│ │ │ │ immediately: 立即执行组 │ │ │
|
||||
│ │ │ └─────────────────────────────────────────┘ │ │
|
||||
│ │ └───────────────────────────────────────────────┘ │
|
||||
│ │ │
|
||||
│ usePluginCenter() │
|
||||
│ (全局单例访问钩子) │
|
||||
│ │
|
||||
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
|
||||
│
|
||||
│
|
||||
▼
|
||||
┌────────────────────────────────────────────────────────────────────────────────────────────────────┐
|
||||
│ 虚拟文件系统 │
|
||||
│ │
|
||||
│ ┌──────────────────────────────────────────┐ ┌───────────────────────────────────────────────┐ │
|
||||
│ │ VirtualDirectory类 │ │ VirtualFile类 │ │
|
||||
│ │ ┌────────────────────────────────────┐ │ │ ┌─────────────────────────────────────────┐ │ │
|
||||
│ │ │ name: 目录名 │ │ │ │ name: 文件名 │ │ │
|
||||
│ │ │ path: 完整路径 │ │ │ │ size: 文件大小 │ │ │
|
||||
│ │ │ stats: 文件状态信息 │ │ │ │ stats: 文件状态信息 │ │ │
|
||||
│ │ │ files: 文件列表 │◄──┼────┼─► parent: 父目录 │ │ │
|
||||
│ │ │ directories: 子目录列表 │ │ │ │ id: 唯一标识符 │ │ │
|
||||
│ │ │ parent?: 父目录 │ │ │ │ path: 完整路径(计算属性) │ │ │
|
||||
│ │ └────────────────────────────────────┘ │ │ └─────────────────────────────────────────┘ │ │
|
||||
│ └──────────────────────────────────────────┘ └───────────────────────────────────────────────┘ │
|
||||
│ ▲ │
|
||||
│ │ │
|
||||
│ │ │
|
||||
│ useRootVDirectory() │
|
||||
│ (获取根目录实例钩子) │
|
||||
│ │
|
||||
└────────────────────────────────────────────────────────────────────────────────────────────────────┘
|
||||
```
|
||||
Reference in new issue
Block a user