zhytechUI

简介

一个基于Vue3 + ElementPlus + TypeScript封装的公司内部组件库

组件列表

1、dynamicForm

动态表单组件：通过拖拽设计表单或试卷，以减少开发时间，此组件提供一个表单设计器和表单渲染器。 支持基础组件（文本、输入框、单选框、复选框）、高级组件（文件上传、图片上传）、应用组件（质控评分、公司人员选择组件、公司岗位选择组件）、布局组件（分组、标签页）。 。

2、dynamicFilter

动态条件组件，支持传入多组项目、支持不同项目自定义不同的条件，支持子条件，支持无限嵌套

3、icon

图标组件

使用说明

1、安装

npm i zhytech-ui -S

更新本版

npm i zhytech-ui@latest -S

2、引入使用

1)、按需引入：在要使用的页面添加下面代码即可

import { ZhyFormDesigner, ZhyFormRenderer } from "zhytech-ui"

2)、全局引入：在项目内任何页面都不需要单独引入

import zhytechUI from "zhytech-ui";
import "../node_modules/zhytech-ui/dist/style.css";
createApp(app).use(zhytechUI)

2、使用组件

   <zhy-form-designer :formData="formData"></zhy-form-designer>

3、使用组件提供的类型

   import type { batchAddComponentParam, dynamicFormData, uploadOption } from "zhytech-ui";

注意：

1)、此组件库提供的所有组件在使用时均需要添加zhy前缀，如：zhy-form-designer

2)、此组件css样式依赖scss开发，使用者项目还需要添加scss依赖。

版本更新清单：

V 1.0.35

1. zhy-form-designer组件新增tabs标签页子组件
2. zhy-form-designer组件新增change事件，用于监听组件异动
3. zhy-form-renderer组件新增allowCreateDictionary属性，设置是否允许新增字典项目，默认true
4. zhy-form-renderer组件新增hiddenTitle属性，设置是否显示表单标题，默认true
5. zhy-form-renderer组件参数souceTypeMap的size大于1时，字典候选项列表中显示字典来源

后续计划：

此组件库目前还处于雏形，后续会继续添加组件