zhytech-ui v1.0.30

zhytechUI

简介

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

组件列表

1、dynamicForm

此组件为动态表单组件，目前包含基础组件：文本、输入框、单选框、复选框、评分、文件上传、图片上传；高级组件：分组面板、公司人员选择组件、公司岗位选择组件。 通过拖拽设计表单或试卷，以减少开发时间，此组件提供一个表单设计器和表单渲染器。

2、dynamicFilter

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

使用说明

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依赖。

后续计划：

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