ikuaitu / vue-fabric-editor

快图设计-基于fabric.js和Vue的开源图片编辑器,可自定义字体、素材、设计模板。fabric.js and Vue based image editor, can customize fonts, materials, design templates.
https://ikuaitu.github.io/doc/#/
MIT License
5.73k stars 1.06k forks source link

refactor: 重构home-拆分组件 #530

Closed gt-wangqiaoling01 closed 1 week ago

gt-wangqiaoling01 commented 4 weeks ago

将home/index.vue中的头部,左侧面板和右侧属性面板拆分出来:

nihaojob commented 3 weeks ago

感谢贡献者参与快图开源项目,当多位贡献者为同一个功能提交 PR时,按如下规则进行评选:

  1. 更快:在【改动代码相同】的情况下,以最先提交的 PR为准。
  2. 更完善:以架构更合理、细节更完善、代码更清晰可扩展,优先选择。
  3. 易判断:如PR 中增加预览地址、更清晰的描述 PR、符合commit 规范,管理员可快速判断改动, 优先选择。

11 月15 日前给出评选结果,请您耐心等待。

Qiu-Jun commented 1 week ago

将home/index.vue中的头部,左侧面板和右侧属性面板拆分出来:

  • component/homeHeader:头部
  • component/homeLeft:左侧面板
  • component/homeRight:右侧属性面板

我觉得拆分结构应该如下,整体分为上下结构,编辑器部分分为左中右。可以参考下element版本的,使用hooks可以代理那边的pinia image

nihaojob commented 1 week ago

感谢大佬参加开源,toolsBarShow 部分 与 index 并没有直接关联关系,放在子组件中跟合适一些,这个 PR 将关闭哈。

https://github.com/ikuaitu/vue-fabric-editor/pull/531