fl-web-component

Vue 2.0 3D/2D 可视化组件库

功能特性

• 基于 Three.js 的 3D 模型展示组件
• 基于 Konva 的 2D 图纸渲染组件
• 基于 Element UI 封装的若干组件

安装

npm install fl-web-component

快速开始

import Vue from 'vue'
import FlWebComponent from 'fl-web-component' // 引入组件库
import 'fl-web-component/dist/fl-web-component.css' // 引入组件库样式

Vue.use(FlWebComponent)

// 3D模型组件
<fl-model/>

// 2D图纸组件 
<Fl2dcanvas :dxfData="dxfContent"/>

组件列表

| 组件 | 说明 | |------|------| | com-flcanvas | 2D图纸渲染组件 | | com-graphics | 3D模型容器 | | com-page | 分页组件 | | com-table | 增强表格组件 | | com-dialogWrapper | 弹窗封装组件 | | com-formDialog | 表单对话框组件 | | com-xxx | 持续完善中

文档

详细业务API文档、公共组件开发流程请联系前端开发人员

贡献

欢迎贡献代码和问题反馈。

更新日志

• 2.0.6 2026年5月21日
• 修复bug
• 2.0.4 2026-05-14

1. fix: 修复模型显示不出问题

• 2.0.3 2026-04-28

1. fix: 修复镜像模型的材质反转问题

• 2.0.2 2026-04-23

1. fix: 更新场景树逻辑调整

• 2.0.1 2026-04-22

1. 首次加载看不见模型问题
2. 测量点位不准

• 2.0.0 2026-04-20 升级渲染引擎新架构2.0，大幅提升场景模型加载性能
• 1.4.8 2026-02-28 pid 垂直居中调整
• 1.4.7 2026-02-02

1. 模型加载后默认居中
2. 修复browserslist兼容性问题

• 1.4.5 2026-01-26 修复轴网不显示问题
• 1.4.4 2026-01-21 修复图纸bug
• 1.4.3 2026-01-19

1. 图纸及三维模型新增双击滚轮居中、按下滚轮可拖动模型

• 1.3.22 2025-11-13

1. 修复楼板显示问题

• 1.3.21 2025-11-03

1. 修复pid问题

• 1.3.19 2025-10-31

1. 修复多引用问题

• 1.3.18 2025-10-30

1. 修复pidbug

• 1.3.17 2025-09-28

1. 修复pidbug

• 1.3.16 2025-09-18

1. 相机设置自动调整
2. 处理多渲染实例的问题
3. 添加transp透明度

• 1.3.15 2025-09-16

1. 更新全局剖切UI

• 1.3.13 2025-09-04

1. PID阶段图纸集放大缩小

• 1.3.12 2025-08-13

1. 支持esc取消测量操作，按下esc键，结束测量，清空标识
2. 解决测量时，点和提示框不跟随鼠标问题

• 1.3.8 2025-08-12

1. 新增 qt-devtools
2. 处理模型隐藏处理定位问题

• 1.3.7 2025-07-31

1. 添加模型隐藏
2. 添加模型截图功能

• 1.3.4 2025-07-29

1. 修复pdf显示不全

• 1.3.3 2025-07-28

1. 修复导出dxf缩放问题
2. 去除浏览器右键默认动作
3. 局部剖切-x轴默认剖切线应在中间

• 1.3.1 2025-07-27

1. 修复测量相对位移的计算问题
2. 修复图纸集显示不全问题

• 1.3.0 2025-07-24

1. 适配云构建窗体组件

• 1.2.19 2025-07-22

1. 处理相机orbit问题
2. 修复样式问题

• 1.2.14 2025-07-21

1. 添加自定义鼠标手势

• 1.2.13 2025-07-17

1. 优化模型渲染逻辑

• 1.2.12 2025-07-01

1. 二维clientwidth容错

• 1.2.11 2025-06-24

1. 优化文字绘制

• 1.2.10 2025-06-23

1. 修改文字渲染逻辑

• 1.2.9 2025-06-19

1. fix: matrix 容错

• 1.2.8 2025-06-19

1. 修改removeAll清除时drawObjMapInstance都清空

• 1.2.7 2025-06-19

1. 修复removeAll方法不生效问题

• 1.2.6 2025-06-18

1. 修复removeAll方法不生效问题

• 1.2.5 2025-06-17

1. 修改remoAll方法不生效问题

• 1.2.4 2025-06-12

1. 优化图形绘制效果

• 1.2.3 2025-06-11

1. 修改相机定位

• 1.2.2 2025-06-09

1. 优化图形绘制效果
2. 调整业务端交互模型时的位置偏差
3. 图纸模型新增点击、高亮、重置高亮等api，三维图形新增、获取中心点、计算实体大小等接口

• 1.2.1 2025-06-03

1. 修复模型拾取问题

• 1.2.0 2025-05-30

1. 图纸模型新增点击、高亮、重置高亮等api
2. 三维图形新增、获取中心点、计算实体大小等接口

• 1.1.11 2025-05-28

1. 调整视椎体可视范围

• 1.1.10 2025-05-27

1. 支持更改模型透明度

• 1.1.9 2025-05-26

1. 修复pid组件问题
2. 修复instance-parser解析问题

• 1.1.7 2025-05-22

1. 修复发版时递归发版的报错

• 1.1.0 2025-05-22

1. 新增FLPerControl,FlSvg组件
2. 新增功能方法，详细参考文档

• 1.0.12 2025-05-16

1. flcanvas组件更新

• 1.0.11 2025-05-15

1. 去除依赖方解析包，现在业务使用方无需配置解析器
2. 去除umd产物，提高打包速度
3. 优化打包产物，大幅减少产物体积
4. 优化打包产物为兼容语法

• 1.0.0 2025-05-12

1. 初始版本发布