1 个赞
vue3-print/
├── packages/
│ ├── core/ # 核心库（hiprint TS 适配层）
│ │ ├── src/
│ │ │ ├── types/ # 全局 TypeScript 类型定义
│ │ │ ├── hiprint/ # hiprint 全局对象封装
│ │ │ ├── template/ # PrintTemplate 模板对象
│ │ │ ├── provider/ # Provider 机制 & 元素类型管理
│ │ │ ├── elements/ # 9 种内置打印元素类型
│ │ │ ├── event/ # 事件系统 (hinnn.event)
│ │ │ ├── utils/ # 工具类 (单位转换/日期格式化/数字转大写)
│ │ │ ├── socket/ # WebSocket 客户端连接 (hiwebSocket)
│ │ │ ├── config/ # 全局配置 (HIPRINT_CONFIG)
│ │ │ └── index.ts # 统一导出
│ │ └── package.json
│ │
│ ├── designer/ # 设计器 Vue3 组件库
│ │ ├── src/
│ │ │ ├── components/
│ │ │ │ ├── Designer/ # 设计器主组件
│ │ │ │ ├── Header/ # 顶部栏 (logo/菜单/操作按钮)
│ │ │ │ ├── Toolbar/ # 工具栏 (撤销/重做/缩放/对齐/网格)
│ │ │ │ ├── DraggablePanel/ # 左侧可拖拽元素面板
│ │ │ │ ├── Canvas/ # 中间画布区域 (面板/标尺/网格)
│ │ │ │ ├── PropertyPanel/ # 右侧属性配置面板
│ │ │ │ ├── Footer/ # 底部状态栏
│ │ │ │ ├── Preview/ # 打印预览组件
│ │ │ │ └── DragBox/ # 拖拽容器组件
│ │ │ ├── composables/ # Vue3 组合式函数
│ │ │ ├── hooks/ # 设计器 hooks
│ │ │ ├── slots/ # 插槽类型定义
│ │ │ ├── theme/ # 主题系统
│ │ │ └── index.ts
│ │ └── package.json
│ │
│ ├── plugins/ # 官方插件包
│ │ ├── plugin-ele-bwip-js/ # 二维码/条形码
│ │ ├── plugin-ele-echarts/ # ECharts 图表
│ │ ├── plugin-ele-fabric/ # Fabric 绘制
│ │ ├── plugin-api-image/ # 导出图片
│ │ ├── plugin-api-pdf/ # 导出 PDF
│ │ ├── plugin-i18n/ # 国际化
│ │ ├── plugin-text-auto/ # 文本自适应
│ │ └── plugin-formatter/ # 数据格式化
│ │
│ └── utils/ # 共享工具
│
├── apps/
│ └── demo/ # 示例应用 (Vite + Vue3)
│ ├── src/
│ │ ├── views/ # 示例页面
│ │ ├── router/ # 路由
│ │ └── App.vue
│ └── package.json
│
├── pnpm-workspace.yaml
├── tsconfig.json
├── vite.config.ts
└── package.json
1 个赞
Week 1-2: 阶段一(工程化) + 阶段二(核心层)
Week 3-4: 阶段三(设计器 UI) + 阶段四(元素系统)
Week 5-6: 阶段五(模板管理) + 阶段六(打印引擎)
Week 7-8: 阶段七(插件系统) + 阶段八(主题系统)
Week 9-10: 阶段九(高级功能) + 阶段十(文档示例)
Web Solo规划了十个阶段，包括排期，实际上我一直让他按着阶段一~十执行，半天都不要就跑完了
1 个赞
