@hzab/flowlong-designer

组件模板

• [email protected]

• 注意：首次克隆先执行 npm run prepare 命令

组件

示例

import Demo from "@hzab/flowlong-designer";

<Demo />;

API

InfoPanel Attributes

| 参数 | 类型 | 必填 | 默认值 | 说明 | | ------------------- | ------ | ---- | ------ | ------------------- | | value | Object | 否 | - | 数据信息的 schema | | listConfig | Object | 否 | - | 人员选择的 config | | roleListConfig | Object | 否 | - | 角色选择的 config | | initiatorListConfig | Object | 否 | - | 发起人选择的 config |

InfoPanel listConfig ｜ roleListConfig ｜ initiatorListConfig

| 参数 | 类型 | 必填 | 默认值 | 说明 | | ------------------- | ------- | ---- | -------- | ----------------------------------- | | value | Object | 否 | [] | 选中的人员数据 | | model | Object | 否 | - | 列表的请求 model （getListApi） | | searchModel | Object | 否 | - | 搜索列表的请求 model （getListApi） | | queryKey | string | 否 | parentId | 列表的请求 model 的入参 key | | searchQueryKey | string | 否 | search | 搜索列表的请求 model 的入参 key | | labelKey | string | 否 | label | labelKey | | valueKey | string | 否 | value | valueKey | | imgKey | string | 否 | img | imgKey 头像 | | isUserKey | string | 否 | isUser | 区分部门和人员 | | hasPagination | boolean | 否 | true | 列表是否分页 | | hasSearch | boolean | 否 | true | 是否有搜索 | | hasSearchPagination | boolean | 否 | true | 搜索列表是否分页 |

组件开发流程

• 在 config/webpack.config.js 中按需修改 library 配置的文件名
• 在 config/webpack.config.js 中按需修改 alias 配置的包名，便于本地调试
• 在 tsconfig.json 中按需修改 paths 配置的包名，解决 ts 报错问题
• npm run dev

文件目录

• example 本地开发测试代码
• src 组件源码

命令

• 生成文档：npm run docs
• 本地运行：npm run dev
• 打包编译：npm run build

发布

• npm 源和云效源都需要发布

• 命令：npm publish --access public

• 发布目录：

  • src

nrm

• 安装 npm install -g nrm
• 增加源 nrm add aliyun https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/
• 切换源 nrm use aliyun nrm use npm
• 登录（账号密码在 https://packages.aliyun.com/npm/npm-registry/guide 查看） npm login --registry=https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/

配置

配置文件

• 本地配置文件：config/config.js

webpack 配置文件

• config/webpack.config.js