asiaint-lowcode 2.0.1 → 2.0.2
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 +0 -73
- package/dist/asiaint-lowcode.js +1 -1
- package/dist/asiaint-lowcode.umd.cjs +116 -116
- package/dist/index.d.ts +64 -157
- package/dist/lazy/{Card---AoXvYS.js → Card-op6i_z8G.js} +1 -1
- package/dist/lazy/{Cascader-BR70LGn1.js → Cascader-cy25S0M_.js} +1 -1
- package/dist/lazy/{Checkbox-BkN59USC.js → Checkbox-CQ56BycM.js} +2 -2
- package/dist/lazy/{Collapse-Dm754krv.js → Collapse-DXETETv8.js} +1 -1
- package/dist/lazy/{Component-wdoYPdpq.js → Component-BEqoz5jH.js} +1 -1
- package/dist/lazy/{Component-DT__xEY1.js → Component-BLahI--2.js} +1 -1
- package/dist/lazy/{Component-DF4pvvy0.js → Component-C69_b7D6.js} +1 -1
- package/dist/lazy/{Component-DJQM5OQV.js → Component-CcwERaPj.js} +1 -1
- package/dist/lazy/{Component-6kccf2p2.js → Component-IxyabXCT.js} +1 -1
- package/dist/lazy/{Custom-D5IoN5_M.js → Custom-D7E3J-kY.js} +1 -1
- package/dist/lazy/{DatePicker-DuIm95j0.js → DatePicker-B565iRox.js} +1 -1
- package/dist/lazy/{FormList-BjQT7shp.js → FormList-BAk7pGQ5.js} +1 -1
- package/dist/lazy/{Grid-BovYqDr-.js → Grid-CQ3I3JJA.js} +1 -1
- package/dist/lazy/{Inline-Cv5LyrT1.js → Inline-DqNMJ75M.js} +1 -1
- package/dist/lazy/{JsonEdit-Dp7eAHK0.js → JsonEdit-j4lAk68A.js} +1 -1
- package/dist/lazy/{ObjGroup-DT4UeHtF.js → ObjGroup-CKy7PIXn.js} +1 -1
- package/dist/lazy/{Radio-P_nuE_Fb.js → Radio-Cv3X53D3.js} +10 -10
- package/dist/lazy/{SearchSelect-Tec35-Iy.js → SearchSelect-BkYukJim.js} +4 -4
- package/dist/lazy/{Select-CnMIf_86.js → Select-MM2rUOPj.js} +11 -11
- package/dist/lazy/{Tabs-C7dXurre.js → Tabs-BVFfJAUT.js} +1 -1
- package/dist/lazy/{TextArea-DW5pxGGU.js → TextArea-KNtWavU4.js} +1 -1
- package/dist/lazy/{index-C9fXRITB.js → index-DoIvJXpY.js} +5069 -5037
- package/dist/lazy/{useSelect-DvhNm7sS.js → useSelect-DkY4BS54.js} +1 -1
- package/dist/style.css +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,18 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
使用了最新的前端技术栈,可以让你免去vue项目中表单的烦恼。
|
|
6
6
|
|
|
7
|
-
## 特性
|
|
8
|
-
|
|
9
|
-
- 可视化设计表单
|
|
10
|
-
- 支持三十多种的表单组件(el所有表单组件、内置组件)
|
|
11
|
-
- 支持收集Array数据(自增组件)
|
|
12
|
-
- 用法简单,又非常灵活高效的表单联动
|
|
13
|
-
- 可预览生成的json配置
|
|
14
|
-
- 可预览生成的VUE组件
|
|
15
|
-
- 高扩展性、支持自定义组件、支持各种ui组件库来替换ui
|
|
16
|
-
- 支持表单填写校验
|
|
17
|
-
- 组件无限深层嵌套,深层校验
|
|
18
|
-
|
|
19
7
|
### 安装
|
|
20
8
|
|
|
21
9
|
```js
|
|
@@ -41,64 +29,3 @@ app.use(ElementPlus)
|
|
|
41
29
|
app.use(AsiaintLowcode)
|
|
42
30
|
app.mount('#app')
|
|
43
31
|
```
|
|
44
|
-
|
|
45
|
-
### 使用
|
|
46
|
-
|
|
47
|
-
> 使用表单设计器
|
|
48
|
-
|
|
49
|
-
```vue
|
|
50
|
-
<template>
|
|
51
|
-
<div style="width:100vw;height:100vh">
|
|
52
|
-
<FormDesign />
|
|
53
|
-
</div>
|
|
54
|
-
</template>
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
> 使用表单渲染器
|
|
58
|
-
|
|
59
|
-
```vue
|
|
60
|
-
<template>
|
|
61
|
-
<FormRender v-model="formValues" :schema="schema" ref="formRef" />
|
|
62
|
-
<el-button @click="handleSubmit">提交</el-button>
|
|
63
|
-
</template>
|
|
64
|
-
|
|
65
|
-
<script setup lang="ts">
|
|
66
|
-
import { ref } from 'vue'
|
|
67
|
-
import type { FormSchema, FormInstance } from 'asiaint-lowcode'
|
|
68
|
-
|
|
69
|
-
const formRef = ref<FormInstance>()
|
|
70
|
-
|
|
71
|
-
const formValues = ref({})
|
|
72
|
-
|
|
73
|
-
const schema: FormSchema = {
|
|
74
|
-
labelWidth: 150,
|
|
75
|
-
labelPosition: 'right',
|
|
76
|
-
size: 'default',
|
|
77
|
-
items: [
|
|
78
|
-
{
|
|
79
|
-
label: '用户名',
|
|
80
|
-
component: 'Input',
|
|
81
|
-
name: 'username',
|
|
82
|
-
required: true,
|
|
83
|
-
props: {
|
|
84
|
-
placeholder: '请输入用户名'
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
label: '密码',
|
|
89
|
-
component: 'Password',
|
|
90
|
-
name: 'password',
|
|
91
|
-
required: true,
|
|
92
|
-
props: {
|
|
93
|
-
placeholder: '请输入密码'
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
]
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
const handleSubmit = async () => {
|
|
100
|
-
await formRef.value?.validate()
|
|
101
|
-
alert(JSON.stringify(formValues.value, null, 2))
|
|
102
|
-
}
|
|
103
|
-
</script>
|
|
104
|
-
```
|
package/dist/asiaint-lowcode.js
CHANGED