Ti-FlowChart 是一款插件 可视化

每到晚上 思绪万千 关上房门 开始磨代码。

白天是工作 晚上是兴趣 工作兴趣 爱代码。

续上次分享的内容,今天接着讲一讲 可视化流程组件 Ti-FlowChart。

Ti-FlowChart 是我自主研发的 一款插件。

组件供二次开发。 组件本身不能涉及业务,意味着植入的模块内容,有很大的自由开发空间。

那你会说 可视化组件有什么用呢? 组件会最大程度的提高可视化操作,实现在线编辑/实时同步,流程分享,配制分流结构等视觉图。

组件内部采用SVG勾勒,清晰可见,流程线采用直线/曲线 连线/分段线 等模式。

组件操作采用 左键一键式操作,内含停留触发模式等。

组件支持拖拉拽,提高操作使用方便便捷性。

组件支持 数据导入/自行创建管理,实现将数据可视化,可视化转化数据模式。

最关键是因组件不涉及任何第三方,采用原生构建,支持主流框架引用,可以很好的融入各种前端框架,满足业务需求实现可视化。 将可视化打造成低成本的定制化,迎合各个需求。

Ti-FlowChart团队 拥有 需求分析师,组件架构师,组件功能交互工程师,组件UI/UE设计师,组件测试工程师。

欢迎加入 成为体验师 快来吧

安装 npm i -g ti-flowchart 
或者 yarn add ti-flowchart

目前版本0.2.0 以下是分享 各阶段的开发静态图 片段…

 

0035bf08c8e94438b4aba0c9934e00d7.gif

49019d879c0a490693a16e69e3b9912f.gif 

faf9e0da48934737a1e5d715072a3c3c.gif 

e33ef02d302c47eba4451b7dab878a9f.gif 

598bc0683c344e28addc25dc15fb99e4.gif 

68581feebfd44bb1bd5bc7bf2409e20b.gif 

35d57c0b312e4d1a999e547afc609767.gif 

 

02fa8fac81b04d6895e4d609d91ee0b6.png 

 

  • 14
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值