# plm-web-plugins

**Repository Path**: ibizplm-open/plm-web-plugins

## Basic Information

- **Project Name**: plm-web-plugins
- **Description**: 针对iBizPLM系统的前端功能增强插件包，采取Monorepo的方式管理，专门设计来改善用户界面（UI）的体验和扩展逻辑处理能力。这类插件使得iBizPLM系统能够更好地适应企业特定的工作流程和需求，提高产品生命周期管理的效率和灵活性。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-25
- **Last Updated**: 2025-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 介绍

针对iBizPLM系统的前端功能增强插件包，采取Monorepo的方式管理，专门设计来改善用户界面（UI）的体验和扩展逻辑处理能力。这类插件使得iBizPLM系统能够更好地适应企业特定的工作流程和需求，提高产品生命周期管理的效率和灵活性。

## 环境搭建

| 环境  | 版本  |
| ----- | ----- |
| Node  | 18+   |
| pnpm  | 8.x   |
| Lerna | 5.5.2 |

## 开发技术要求

掌握`Vue`、`TypeScript`、`scss`、`html`等技术。

## 开发调试

### link插件方式

以增强二级导航`drbar-ex`本地开发为例：

1. 插件终端操作。进入 `drbar-ex` 终端后，依次执行以下命令。
```bash
# 执行安装依赖命令
pnpm i

# 切换目录
cd packages/drbar-ex

# 添加全局link
pnpm link --global "@ibiz-template/vue3-util"
pnpm link --global "@ibiz-template/model-helper"
pnpm link --global "@ibiz-template/runtime"
pnpm link --global "@ibiz-template/core"
pnpm link --global "@ibiz-template/theme"

# 执行dev
pnpm dev

# link到全局，在执行dev完成后
pnpm link --global
```

2. 进入主项目终端
```
pnpm link --global "@ibiz-template-plm/drbar-ex"
```

3. 进入user-register.ts文件,注册插件依赖

```typescript
import { App } from "vue";
import DrbarEx from '@ibiz-template-plm/drbar-ex';
export default {
  install(app: App): void {
      app.use(DrbarEx);
        
        // 忽略远程插件影响
      ibiz.plugin.setDevIgnore(/@ibiz-template-plm\/drbar-ex/);
  },
};
```

4. 启动项目（确认主项目包link核心包与组件包无误）

```
# 启动项目
pnpm dev
```

### 本地拷贝开发

以route-picker插件本地开发为例：

1. 拷贝route-picker插件中src文件夹下所有文件到主项目src目录下

![image](public/images/image.png)

2. 进入user-register.ts文件,注册本地插件

```
import { App } from 'vue';
import RoutePicker from './plugins/route-picker/index';

export default {
  install(v: App): void {
    // 自定义插件注入
    v.use(RoutePicker);

    ibiz.plugin.setDevIgnore(/@ibiz-template-plm\/route-picker/);
  },
};
```

3. 启动项目（确认主项目包link核心包与组件包无误）

```
# 启动项目
pnpm dev
```

## 插件详情

| 插件名称         | 插件类型             | 描述                                                         |
| ---------------- | -------------------- | ------------------------------------------------------------ |
| 锚点富文本       | 编辑器自定义绘制插件 | 基于直接内容（HTML）扩展，可以根据富文本HTML的内容自动生成锚点目录, 单击目录项可以自动滚动到具体内容位置等。 |
| 附件表格插件     | 数据表格绘制插件       | 基于表格部件扩展，业务级表格。                               |
| 关注             | 编辑器自定义绘制插件 | 基于数据选择（下拉）扩展，主要功能所有人员或者指定部门之中选择关注人，并能够设置当前登录者的关注状态。 |
| 自动规则插件      | 编辑器自定义绘制插件 | 基于下拉列表框扩展，根据配置的代码表项的属性来决定该属性的变动规则。 |
| 头像自定义插件    | 编辑器自定义绘制插件 | 基于图片（单项）编辑器扩展，主要用于选择自定义的头像，并可对头像图片的一部分进行截取作为头像。 |
| 基线比对插件      | 数据表格绘制插件     | 基于表格扩展，使用两个表格比较同一数据下，指定的两个版本之间的差异变化情况。 |
| 面包屑导航插件    | 自定义部件绘制插件   | 基于基础面板项扩展，用于展示左侧树导航打开的菜单项以及菜单项的层级关系，并且可以通过点击面包屑打开对应的菜单项，触发页面的导航跳转。 |
| 面包屑导航占位插件| 自定义部件绘制插件   | 基于基础导航占位扩展，主要用于嵌入视图绘制，和面包屑导航功能。 |
| 修改密码          | 应用实体界面行为插件 | 支持业务级调整密码。 |
| 报表详情插件      | 图表绘制插件         | 基于图表部件扩展，显示配置的图表的基础上，同时绘制一个简单表格去辅助图表进行数据展示。 |
| 多选框表格       | 数据表格绘制插件       | 基于表格部件扩展，将表格样式改为多选框样式，在选择视图中使用。 |
| 选项框列表增强   | 编辑器自定义绘制插件 | 基于选项框列表扩展,主要针对选项列表框功能单一，呈现模式简单进行增强。 |
| 剪切板         | 编辑器自定义绘制插件  | 基于标签编辑器扩展，用于快捷复制，在鼠标移入后显示一个复制图标，点击即可复制当前标签显示值。 |
| 评论列表项      | 编辑器自定义绘制插件 | 基于直接内容扩展，增强图片预览功能，在直接内容中绘制的图片可以点击预览。 |
| 评论回复列表    | 编辑器自定义绘制插件  | 基于文本框进行扩展，用于在回显评论时，以列表形式展现评论，并且允许添加评论。 |
| cron表达式编辑器 | 编辑器自定义绘制插件 | 基于文本框进行扩展，用于提供Cron表达式编辑与生成，用来定义任务在特定时间或时间间隔执行的规则。 |
| 自定义图表（标签）| 图表绘制插件           | 基于图表部件扩展，计算图表堆叠柱状图的总数并显示在label上。                    |
| 自定义用户信息  | 自定义部件绘制插件         | 基于用户信息组件扩展，实现以弹框方式打开配置的用户信息视图，解决自定义用户信息显示。 |
| 树导航栏（默认展开指定节点）| 自定义部件绘制插件 | 其中 DEFAULT_EXPAND 的字符串识别${context.xxx}和${param.xxx} |
| 增强导航栏     | 自定义部件绘制插件     | 基于数据关系栏部件扩展，对数据关系栏进行增强。               |
| 表情输入框      | 编辑器自定义绘制插件 | 基于数据选择（下拉）扩展，用于提供高效的表情选择与灵活的标题输入功能。 |
| 文件下载        | 应用实体界面行为插件 | 支持业务级的文件下载。 |
| 文件上传       | 应用实体界面行为插件 | 支持业务级的文件上传。 |
| 过滤条件编辑器  | 编辑器自定义绘制插件 | 基于多行输入框扩展，可增加和删除自定义过滤条件。自定义过滤条件包含连接符、属性、操作符和值。属性项通过请求jsonSchema获取。 |
| 编辑表单数据对比 | 自定义部件绘制插件   | 基于编辑表单扩展，使用两个表单比较同一数据下，指定的两个版本之间的差异变化情况。 |
| 表格列变更版本  | 数据表格列绘制插件   | 基于表格列扩展，用于在表格列中，切换原版本数据用于对比。 |
| 表格列（支持获取编辑列） | 数据表格列绘制插件     | 基于表格列扩展，通过popover下拉的形式展示当前列配置的界面行为组以及当前行的编辑列，并允许直接使用各自的编辑器更改这些列的数据。 |
| 表格直接代码编辑列  | 数据表格列绘制插件   | 基于表格列扩展，用于初始化脚本代码与值变更脚本代码。 |
| 表格列人员信息  | 数据表格列绘制插件 | 基于表格列扩展，用于属性列绘制人员头像。 |
| 表格列评审结果  | 数据表格列绘制插件  | 基于表格列扩展，用于显示评审结果阶段的不同状态。 |
| 分组树        | 树视图绘制插件         | 基于树部件扩展，可通过界面逻辑调用插件能力实现树节点自定义增删改。 |
| 评论富文本    | 编辑器自定义绘制插件 | 基于html富文本扩展，主要功能有折叠展开、@提及用户、#提及工作项、上传附件、代码段、页面等。 |
| 表格列图标    | 数据表格列绘制插件     | 基于表格列扩展，在表格列中只显示图标，不显示文字。           |
| 锚点富文本    | 编辑器自定义绘制插件 | 基于直接内容（HTML）扩展，可以根据富文本HTML的内容自动生成锚点目录, 单击目录项可以自动滚动到具体内容位置等。 |
| 编号标题栏    | 自定义部件绘制插件     | 基于面板项扩展，主要用于模态弹框标题，支持标题的复制及当前路由路径的复制。 |
| json-schema  | 编辑器自定义绘制插件 | 基于文本编辑器扩展，用于验证 JSON 数据结构。 |
| 看板快捷操作  | 表单自定义控件绘制插件 | 基于面板项按钮扩展，激活用于以popover弹窗形式展示看板上配置的界面行为组。 |
| 列表树        | 树视图绘制插件         | 基于树部件扩展，以列表展示，实现了分组禁止收缩及所有分组项对齐等效果。 |
| luckysheet编辑插件 | 编辑器自定义绘制插件 | 基于多行输入框扩展，用于支持在线excel功能。 |
| 数据选择（管理） | 编辑器自定义绘制插件 | 基于数据选择编辑器扩展，支持自填模式-附加界面行为组、选择视图。且选中数据不会立即进行抛值，而是点击确定按钮进行抛值，点击取消将清空选中数据。 |
| 移动端添加人员后更新本地缓存 | 应用实体界面行为插件 | 支持业务级的移动端列表刷新。 |
| 移动端添加测试库成员   | 应用实体界面行为 | 支持业务级的移动端添加测试库成员。 |
| 移动端锚点富文本    | 编辑器自定义绘制插件 | 基于直接内容（HTML）扩展，主要是可以根据富文本HTML的内容自动生成锚点目录, 单击目录项可以自动滚动到具体内容位置等。 |
| 移动端组装选中数据  | 应用实体界面行为 | 支持将多数据部件的数据传入打开的选择视图。 |
| 移动端附件列表    | 自定义部件绘制插件 | 基于移动端多数据列表扩展，主要是能上传附件文件，在附件上传成功之后通知多数据列表所在表单进行保存。 |
| 移动端用例步骤重复器    | 表单自定义控件绘制插件 | 基于表单自定义控件扩展，主要是新增了支持分组、排序、复制、新建默认值、动态逻辑等功能。 |
| 移动端评论列表项  | 编辑器自定义绘制插件 | 基于直接内容扩展，主要用于对评论中的文字，颜色，图片等做回显。 |
| 移动端日期范围自定义下拉选择插件 | 编辑器自定义绘制插件 |  基于时间选择扩展，主要是通过下拉显示周，月，季度，以及自定义选择范围等选项。 |
| 移动端评论富文本      | 编辑器自定义绘制插件 | 基于html富文本扩展，主要功能有@提及用户、#提及工作项、代码段等。 |
| 移动端编号标题栏  | 自定义部件绘制插件 | 基于页面标题扩展，主要是用于视图标题显示编号。 |
| 移动端多数据列表树 | 自定义部件绘制插件 | 基于移动端多数据列表扩展，主要在发送请求时携带srfshowmode=true参数，然后将响应数据构建为树形数据，并在界面上呈现。 |
| 移动端人员信息   | 编辑器自定义绘制插件 | 基于标签扩展，主要是将人员名称以图标的形式展示，并根据不同的人员名称计算为不同的图标背景颜色。 |
| 移动端人员选择树 | 树视图绘制插件 | 基于树部件扩展，主要是用于在弹框内进行人员选择及部门选择。 |
| 移动端人员选择   | 编辑器自定义绘制插件 | 基于数据选择编辑器扩展，主要是用于显示选择的人员及打开人员选择树视图。 |
| 移动端项目属性       | 编辑表单绘制插件     | 基于编辑表单扩展，用于展示项目中扩展属性和属性值，支持多种属性类型。 |
| 移动端简单列表  | 列表绘制插件        | 基于列表扩展，主要用于显示数据选择的时候集中显示已选择的数据，正常情况下该列表不在界面上显示。 |
| 移动端分页分组下拉导航树  | 树视图绘制插件 | 基于树部件扩展，主要用于将树的第一层子节点作为平铺的分页，将第二层子节点通过配置的导航视图参数去获取要下拉展现的节点列表。 |
| 移动端团队选择  | 编辑器自定义绘制插件 | 基于数据选择器扩展，用于在团队数据集中选择指定团队，或者选择自己组织或个人。 |
| 移动端树视图增强 | 树视图绘制插件 | 基于树部件扩展，用于扩展其呈现样式。 |
| 序号表格       | 数据表格绘制插件       | 基于表格部件扩展，业务级表格。                               |
| 人员信息       | 编辑器自定义绘制插件 | 基于标签进行扩展，将人员名称以图标的方式展示，并根据不同的人员名称计算为不同的图标背景颜色。 |
| 人员选择       | 编辑器自定义绘制插件 | 基于数据选择（下拉）扩展，用来选择所有人员或者指定部门中的数据。 |
| 项目属性插件   | 编辑表单绘制插件     | 基于编辑表单扩展，用于展示项目中扩展属性和属性值，支持多种属性类型。 |
| 直接内容（活动）| 编辑器自定义绘制插件 | 基于直接内容的扩展，主要功能新老数据做diff比对。 |
| 重复器表单     | 表单自定义控件绘制插件 | 基于表单自定义控件扩展，主要扩展其呈现样式，使用表格边框包围。 |
| 用例步骤       | 表单自定义控件绘制插件 | 基于表单自定义控件扩展，其支持分组、排序、复制、新建默认值、动态逻辑等功能。 |
| 资源甘特图     | 树视图绘制插件       | 基于甘特图扩展，将甘特图定制化为资源甘特图的样式。 |
| 评审内容排序   | 应用实体界面行为插件 | 支持业务级评审内容自定义字段进行排序。 |
| 评审列表       | 列表绘制插件        | 基于列表扩展，将列表部件定制化为评审列表的样式。 |
| 路由导航插件   | 自定义部件绘制插件   | 该插件分为两部分，第一部分基于数据关系栏扩展，第二部分基于数据分页栏增强。主要增强对应的路由跳转功能。 |
| 数据选择（路由）| 编辑器自定义绘制插件 | 基于数据选择实现扩展，选择数据后跳转对应的项目主视图，同时支持搜索、自填模式界面行为组。 |
| 简单列表       | 列表绘制插件        | 基于列表扩展，修改了简单列表的样式和布局，主要在多项选择视图中使用，可点击删除图标取消选中。 |
| 搜索栏过滤条件编辑器 | 编辑器自定义绘制插件 | 基于多行输入框扩展，可增加和删除过滤条件，过滤条件包含连接符、属性、操作符和值，属性项通过视图的搜索栏模型获取。 |
| 共享校验页面   | 实体视图绘制插件 | 基于视图扩展，主要用于当通过分享链接进入指定分享知识空间视图时进行分享链接校验。 |
| 显示模式切换工具栏项插件 | 工具栏项绘制插件    | 基于工具栏项扩展，用于序号表格插件树状显示模式及平铺显示模式的切换。 |
| 阶段进度条     | 编辑器自定义绘制插件 | 基于标签（数据链接）扩展，用于发布阶段信息的清晰展示，适配只读态及操作态下的不同样式。 |
| 步骤看板       | 自定义部件绘制插件     | 基于看板部件扩展，对看板分组后再次进行分组的情况，再次分组的看板与默认看板拥有一样的功能。 |
| 切换显示模式   | 自定义部件绘制插件     | 基于面板项自定义按钮扩展，主要用于序号表格插件树状模式及平铺模式显示的切换。 |
| 分页导航下拉   | 自定义部件绘制插件     | 基于分页导航扩展，用于将分页导航的分页以下拉形式展现，配合搜索表单，同步刷新配置视图里面的表格和图表。 |
| 团队选择器     | 编辑器自定义绘制插件 | 基于数据选择器扩展，用于在团队数据集中选择指定团队，或者选择自己组织或个人。 |
| 个人团队选择   | 编辑器自定义绘制插件 | 基于数据选择器扩展，用于在选择团队或个人的场景。 |
| 跟踪树表格     | 树视图绘制插件 | 基于树部件扩展，用于其特殊呈现样式，并且可配置布局面板绘制单元格内容。 |
| 过渡时间线     | 自定义部件绘制插件     | 基于日历部件扩展，增强了日历时间线显示样式。                 |
| 树选择         | 编辑器自定义绘制插件  | 基于下拉列表框（多选）扩展，用于树型代码表项的选择和呈现，可选择多个节点，并且选中子节点时会选中父节点。 |
| 工时表格       | 数据表格绘制插件       | 基于表格部件扩展，显示工时日历，工时表格特殊识别控件动态参数【DATERANGE】，以此来指定识别的搜索表单项作为时间范围，以此来绘制甘特列数据。 |