zhytech-ui 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -40
- package/dist/src/App.vue.d.ts +2 -0
- package/dist/src/hooks/useUtils.d.ts +3 -3
- package/dist/src/views/404.vue.d.ts +2 -0
- package/dist/src/views/dynamicFormDemo.vue.d.ts +2 -0
- package/dist/zhytech-ui.es.js +5681 -5675
- package/dist/zhytech-ui.umd.js +11 -11
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -1,46 +1,37 @@
|
|
|
1
1
|
# zhytechUI
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
|
|
17
|
-
2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
|
|
18
|
-
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
|
|
19
|
-
|
|
20
|
-
## Customize configuration
|
|
21
|
-
|
|
22
|
-
See [Vite Configuration Reference](https://vitejs.dev/config/).
|
|
23
|
-
|
|
24
|
-
## Project Setup
|
|
25
|
-
|
|
26
|
-
```sh
|
|
27
|
-
npm install
|
|
2
|
+
**介绍:一个基于Vue3 + ElementPlus + TypeScript封装的公司内部组件库**
|
|
3
|
+
|
|
4
|
+
**组件列表:**
|
|
5
|
+
> ### dynamicForm
|
|
6
|
+
此组件为动态表单组件,目前包含基础组件:文本、输入框、单选框、复选框、评分、文件上传、图片上传;高级组件:分组面板、公司人员选择组件、公司岗位选择组件。
|
|
7
|
+
通过拖拽设计表单或试卷,以减少开发时间,此组件提供一个表单设计器和表单渲染器。
|
|
8
|
+
|
|
9
|
+
> ### dynamicFilter
|
|
10
|
+
此组件为动态条件组件,支持传入多组项目、支持不同项目自定义不同的条件,支持子条件,支持无限嵌套
|
|
11
|
+
|
|
12
|
+
### 使用说明
|
|
13
|
+
##### 1、安装
|
|
14
|
+
```ts
|
|
15
|
+
npm i zhytech-ui -S
|
|
28
16
|
```
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
```sh
|
|
33
|
-
npm run dev
|
|
17
|
+
更新本版
|
|
18
|
+
```ts
|
|
19
|
+
npm i zhytech-ui@latest -S
|
|
34
20
|
```
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
21
|
+
##### 2、引入使用
|
|
22
|
+
1)、按需引入:在要使用的页面添加下面代码即可
|
|
23
|
+
```ts
|
|
24
|
+
import { dynamicFormData,dynamicFilter } from "zhytech-ui"
|
|
25
|
+
```
|
|
26
|
+
2)、全局引入:在项目内任何页面都不需要单独引入
|
|
27
|
+
```ts
|
|
28
|
+
import zhytechUI from "zhytech-ui";
|
|
29
|
+
import "../node_modules/zhytech-ui/dist/style.css";
|
|
30
|
+
createApp(app).use(zhytechUI)
|
|
40
31
|
```
|
|
41
32
|
|
|
42
|
-
|
|
33
|
+
**注意:此组件css样式依赖scss开发,使用者项目还需要添加scss依赖**
|
|
43
34
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
35
|
+
|
|
36
|
+
> #### 后续计划:
|
|
37
|
+
此组件还是一个雏形,后续会继续添加组件
|
|
@@ -25,16 +25,16 @@ export declare function useUtils(): {
|
|
|
25
25
|
stringifyJson: (jsonObject: object) => string;
|
|
26
26
|
/**
|
|
27
27
|
* @description: 克隆对象
|
|
28
|
-
* @param
|
|
28
|
+
* @param value
|
|
29
29
|
* @return
|
|
30
30
|
*/
|
|
31
|
-
clone(
|
|
31
|
+
clone: <T>(value: T) => T;
|
|
32
32
|
/**
|
|
33
33
|
* @description: 判断参数是否为空
|
|
34
34
|
* @param T param
|
|
35
35
|
* @return
|
|
36
36
|
*/
|
|
37
|
-
isEmpty: <
|
|
37
|
+
isEmpty: <T_1>(param: T_1) => boolean;
|
|
38
38
|
/**
|
|
39
39
|
* @description: 判断参数是否为空
|
|
40
40
|
* @param T obj
|