blog.csdn.net
获得徽章 0
- 望向窗外 月亮很亮， 今晚继续分享 组件开发状态。 目前版本是 0.2.1 （ npm install ti-flowchart ）
版本发布LOG：
1. UI介入对局部的样式进行规范化。
2. 新增 流转线动效， 让用户能直观看出流向。
3. 新增 操作界面的缩放能力，方便用户可以直观全景。
组件的目标：组件UI色调大气，成品操作好用，二次开发简便。
以下是当前版本的部分效果图。
效果图分别呈现对应的是：
图1. 模块含悬停触发器
图2. 模块状态（ 选中 / 未选中 ）
图3. 编辑器的缩放功能
原文链接：
blog.csdn.net 展开
赞过
评论1 - Ti-FlowChart 是我自主研发的 一款插件。
原创 泥巴树 TUI 上海智能平台 2024-03-29 23:51 上海
每到晚上 思绪万千 关上房门 开始磨代码。
白天是工作 晚上是兴趣 工作兴趣 爱代码。
续上次分享的内容，今天接着讲一讲 可视化流程组件 Ti-FlowChart。
Ti-FlowChart 是我自主研发的 一款插件。
组件供二次开发。 组件本身不能涉及业务，意味着植入的模块内容，有很大的自由开发空间。
那你会说 可视化组件有什么用呢？ 组件会最大程度的提高可视化操作，实现在线编辑/实时同步，流程分享，配制分流结构等视觉图。
组件内部采用SVG勾勒，清晰可见，流程线采用直线/曲线 连线/分段线 等模式。
组件操作采用 左键一键式操作，内含停留触发模式等。
组件支持拖拉拽，提高操作使用方便便捷性。
组件支持 数据导入/自行创建管理，实现将数据可视化，可视化转化数据模式。
最关键是因组件不涉及任何第三方，采用原生构建，支持主流框架引用，可以很好的融入各种前端框架，满足业务需求实现可视化。 将可视化打造成低成本的定制化，迎合各个需求。
Ti-FlowChart团队 拥有 需求分析师，组件架构师，组件功能交互工程师，组件UI/UE设计师，组件测试工程师。
欢迎加入 成为体验师 快来吧
安装 npm i -g ti-flowchart
或者 yarn add ti-flowchart
目前版本0.2.0 以下是分享 各阶段的开发静态图 片段…
#前端开发现状#
展开赞过 评论1 - 在“三八”国际女神节，送上一套配置化组件 ti-element-vue 给最好的她们，真是一个美好的祝福礼物！ti-element-vue 是基于 Element Plus 的业务配置化开发，为她们的 Web 开发提供了更便捷和高效的工具。
您可以通过以下方式安装 ti-element-vue：
使用 npm：
npm i ti-element-vue
或者使用 yarn：
yarn add ti-element-vue
希望这份礼物能够为她们的工作、生活带来便利和喜悦。祝“三八”国际女神节快乐！
Element UI 是 vue.js 的 组件库
Element Plus 是 Element UI 的升级版
ti-element-vue 是 基于 Element Plus 的 业务配置化开发。
示例：GitHub - Timtance/ti-element-vue-test展开赞过 评论1
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
![[碰拳]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_114.4b8db8b.png)
