每到晚上 思绪万千 关上房门 开始磨代码。
白天是工作 晚上是兴趣 工作兴趣 爱代码。
续上次分享的内容,今天接着讲一讲 可视化流程组件 Ti-FlowChart。
Ti-FlowChart 是我自主研发的 一款插件。
组件供二次开发。 组件本身不能涉及业务,意味着植入的模块内容,有很大的自由开发空间。
那你会说 可视化组件有什么用呢? 组件会最大程度的提高可视化操作,实现在线编辑/实时同步,流程分享,配制分流结构等视觉图。
组件内部采用SVG勾勒,清晰可见,流程线采用直线/曲线 连线/分段线 等模式。
组件操作采用 左键一键式操作,内含停留触发模式等。
组件支持拖拉拽,提高操作使用方便便捷性。
组件支持 数据导入/自行创建管理,实现将数据可视化,可视化转化数据模式。
最关键是因组件不涉及任何第三方,采用原生构建,支持主流框架引用,可以很好的融入各种前端框架,满足业务需求实现可视化。 将可视化打造成低成本的定制化,迎合各个需求。
Ti-FlowChart团队 拥有 需求分析师,组件架构师,组件功能交互工程师,组件UI/UE设计师,组件测试工程师。
欢迎加入 成为体验师 快来吧
安装 npm i -g ti-flowchart
或者 yarn add ti-flowchart
目前版本0.2.0 以下是分享 各阶段的开发静态图 片段…