general-basic-form 1.0.7 → 1.0.11
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 +4 -3
- package/package.json +5 -8
- package/src/GeneralBasicForm.vue +12 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# GeneralBasicForm
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
一个兼容Vue2和Vue3的表单组件 <br/>
|
|
4
4
|
示例:
|
|
5
5
|
|
|
6
6
|
<GeneralBasicForm
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
...一些传入插槽的内容
|
|
15
15
|
</GeneralBasicForm>
|
|
16
16
|
|
|
17
|
-
|
|
18
18
|
|
|
19
19
|
数据示例:
|
|
20
20
|
|
|
21
21
|
showSearch: true, // 显示搜索条件
|
|
22
22
|
getList(); //请求数据的函数
|
|
23
23
|
formItem: [
|
|
24
|
-
{ label: "款式名称", prop: "bsName", type: "input" },
|
|
24
|
+
{ label: "款式名称", prop: "bsName", type: "input", placeholder: "请输入图片名称/分类名称/图片标签", },
|
|
25
25
|
{
|
|
26
26
|
label: "二次工艺",
|
|
27
27
|
prop: "spName",
|
|
@@ -103,6 +103,7 @@
|
|
|
103
103
|
},
|
|
104
104
|
],
|
|
105
105
|
//分别支持input输入框，select单选框，date-picker日期选择器，cascader层级选择器 四种组件
|
|
106
|
+
//date-picker可以传入'start-placeholder'和'end-placeholder'，其他组件支持placeholder传入
|
|
106
107
|
|
|
107
108
|
安装：npm i general-basic-form<br/>
|
|
108
109
|
install: npm i general-basic-form
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "general-basic-form",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./src/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -11,7 +11,10 @@
|
|
|
11
11
|
"keywords": [
|
|
12
12
|
"general-basic-form",
|
|
13
13
|
"form",
|
|
14
|
+
"vue",
|
|
15
|
+
"vue2",
|
|
14
16
|
"vue3",
|
|
17
|
+
"element-plus",
|
|
15
18
|
"element-plus"
|
|
16
19
|
],
|
|
17
20
|
"author": "chendeli419287484@qq.com",
|
|
@@ -25,11 +28,5 @@
|
|
|
25
28
|
"eslint": "^7.32.0",
|
|
26
29
|
"eslint-plugin-vue": "^7.14.0"
|
|
27
30
|
},
|
|
28
|
-
"dependencies": {
|
|
29
|
-
"babel-eslint": "^10.1.0",
|
|
30
|
-
"element-plus": "^1.0.2-beta.70",
|
|
31
|
-
"eslint": "^7.32.0",
|
|
32
|
-
"vue": "^3.2.2",
|
|
33
|
-
"vue-router": "^4.0.5"
|
|
34
|
-
}
|
|
31
|
+
"dependencies": {}
|
|
35
32
|
}
|
package/src/GeneralBasicForm.vue
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
* @Author: 陈德立*******419287484@qq.com
|
|
3
3
|
* @Date: 2021-08-20 17:14:53
|
|
4
|
-
* @LastEditTime: 2021-
|
|
4
|
+
* @LastEditTime: 2021-09-03 16:58:34
|
|
5
5
|
* @LastEditors: 陈德立*******419287484@qq.com
|
|
6
6
|
* @Github: https://github.com/Alan1034
|
|
7
7
|
* @Description:
|
|
@@ -32,12 +32,15 @@
|
|
|
32
32
|
v-model="queryParams[item.prop]"
|
|
33
33
|
:size="size"
|
|
34
34
|
v-bind="inputSetting"
|
|
35
|
+
:placeholder="item.placeholder || inputSetting.placeholder"
|
|
35
36
|
></el-input>
|
|
36
37
|
<el-select
|
|
38
|
+
filterable
|
|
37
39
|
v-else-if="item.type === 'select'"
|
|
38
40
|
v-model="queryParams[item.prop]"
|
|
39
41
|
:size="size"
|
|
40
42
|
v-bind="selectSetting"
|
|
43
|
+
:placeholder="item.placeholder || selectSetting.placeholder"
|
|
41
44
|
>
|
|
42
45
|
<el-option
|
|
43
46
|
v-for="dict in item.option || []"
|
|
@@ -47,17 +50,25 @@
|
|
|
47
50
|
/>
|
|
48
51
|
</el-select>
|
|
49
52
|
<el-cascader
|
|
53
|
+
filterable
|
|
50
54
|
v-else-if="item.type === 'cascader'"
|
|
51
55
|
v-model="queryParams[item.prop]"
|
|
52
56
|
:size="size"
|
|
53
57
|
v-bind="selectSetting"
|
|
54
58
|
:options="item.options || []"
|
|
59
|
+
:placeholder="item.placeholder || selectSetting.placeholder"
|
|
55
60
|
></el-cascader>
|
|
56
61
|
<el-date-picker
|
|
57
62
|
v-else-if="item.type === 'date-picker'"
|
|
58
63
|
v-model="queryParams[item.prop]"
|
|
59
64
|
:size="size"
|
|
60
65
|
v-bind="datePackerSetting"
|
|
66
|
+
:start-placeholder="
|
|
67
|
+
item['start-placeholder'] || datePackerSetting['start-placeholder']
|
|
68
|
+
"
|
|
69
|
+
:end-placeholder="
|
|
70
|
+
item['end-placeholder'] || datePackerSetting['end-placeholder']
|
|
71
|
+
"
|
|
61
72
|
></el-date-picker>
|
|
62
73
|
</el-form-item>
|
|
63
74
|
<el-form-item>
|