tianheng-ui 0.1.39 → 0.1.41
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/lib/theme-chalk/styles/feature.scss +2 -4
- package/lib/theme-chalk/styles/variable.scss +2 -0
- package/lib/tianheng-ui.js +13 -13
- package/package.json +1 -1
- package/packages/Dialog/index.vue +1 -4
- package/packages/FormMaking/GenerateForm.vue +1 -1
- package/packages/FormMaking/GenerateFormItem.vue +4 -5
- package/packages/FormMaking/GenerateFormItemH5.vue +2 -2
- package/packages/FormMaking/WidgetConfig.vue +83 -81
- package/packages/FormMaking/WidgetForm.vue +1 -0
- package/packages/FormMaking/WidgetFormItem.vue +8 -16
- package/packages/FormMaking/WidgetTools.vue +2 -3
- package/packages/FormMaking/custom/config.js +34 -5
- package/packages/FormMaking/custom/index.js +1 -1
- package/packages/FormMaking/custom/items/list_dev.vue +122 -0
- package/packages/FormMaking/custom/items/list_pro.vue +18 -0
- package/packages/FormMaking/custom/items/tableH5_pro.vue +4 -5
- package/packages/FormMaking/custom/items/upload.vue +1 -1
- package/packages/FormMaking/index.vue +6 -2
- package/packages/FormMaking/styles/index.scss +18 -18
- package/packages/TableMaking/WidgetTools.vue +3 -3
- package/packages/TableMaking/custom/items/search/index-h5.vue +13 -2
- package/packages/TableMaking/custom/items/search/index-pc.vue +12 -1
- package/packages/TableMaking/custom/items/table/index-pc.vue +23 -7
- package/packages/TableMaking/generateTable.vue +3 -3
- package/packages/TableMaking/widgetConfig.vue +181 -151
- package/packages/TableMaking/widgetTable.vue +20 -4
- package/packages/FormMaking/FormConfig.vue +0 -190
@@ -69,13 +69,12 @@ export default {
|
|
69
69
|
methods: {
|
70
70
|
handleTableAdd() {
|
71
71
|
let dic = {};
|
72
|
-
this.widget.options.columns.
|
72
|
+
this.widget.options.columns.map(item => {
|
73
73
|
if (item.type === "grid") {
|
74
74
|
for (let i = 0; i < item.options.columns.length; i++) {
|
75
|
-
const
|
76
|
-
for (
|
77
|
-
|
78
|
-
dic[element2.model] = element2.options.defaultValue;
|
75
|
+
const column = item.options.columns[i];
|
76
|
+
for (const element of column.list) {
|
77
|
+
dic[element.model] = element.options.defaultValue;
|
79
78
|
}
|
80
79
|
}
|
81
80
|
} else {
|
@@ -55,7 +55,9 @@
|
|
55
55
|
v-for="(item, index) in getAdvanceComponents"
|
56
56
|
class="fields-label"
|
57
57
|
:class="{
|
58
|
-
'no-put': ['table', 'tableH5', 'tabs'].includes(
|
58
|
+
'no-put': ['table', 'tableH5', 'list', 'tabs'].includes(
|
59
|
+
item.type
|
60
|
+
),
|
59
61
|
[item.type]: true
|
60
62
|
}"
|
61
63
|
:key="index"
|
@@ -212,7 +214,7 @@ export default {
|
|
212
214
|
},
|
213
215
|
advanceFields: {
|
214
216
|
type: Array,
|
215
|
-
default: () => ["table", "tableH5", "tabs", "blank"]
|
217
|
+
default: () => ["table", "tableH5", "list", "tabs", "blank"]
|
216
218
|
},
|
217
219
|
layoutFields: {
|
218
220
|
type: Array,
|
@@ -263,6 +265,7 @@ export default {
|
|
263
265
|
},
|
264
266
|
config(val) {
|
265
267
|
this.setConfig(val);
|
268
|
+
this.initApiConfig();
|
266
269
|
},
|
267
270
|
apiOptions(val) {
|
268
271
|
this.initApiConfig();
|
@@ -314,6 +317,7 @@ export default {
|
|
314
317
|
this.apiConfig[item.id] = item;
|
315
318
|
});
|
316
319
|
}
|
320
|
+
this.formConfig.config.network = this.apiConfig;
|
317
321
|
},
|
318
322
|
|
319
323
|
handleConfigSelect(value) {
|
@@ -69,25 +69,25 @@ $primary-background-color: #ecf5ff;
|
|
69
69
|
// background-color: rgba(69, 90, 100, 0.2);
|
70
70
|
// }
|
71
71
|
|
72
|
-
.tableH5 {
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
72
|
+
// .tableH5 {
|
73
|
+
// min-height: 50px;
|
74
|
+
// border: 1px dashed #ccc;
|
75
|
+
// background: #fff;
|
76
|
+
// white-space: nowrap;
|
77
|
+
// overflow-x: scroll;
|
78
|
+
|
79
|
+
// .tableH5-item:nth-child(1) {
|
80
|
+
// display: flex;
|
81
81
|
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
}
|
82
|
+
// .actions {
|
83
|
+
// align-items: center;
|
84
|
+
// justify-content: right;
|
85
|
+
// }
|
86
|
+
// }
|
87
|
+
// .tableH5-item-widget {
|
88
|
+
// width: calc(100% - 5px);
|
89
|
+
// }
|
90
|
+
// }
|
91
91
|
|
92
92
|
.widgetFormItem {
|
93
93
|
min-width: 100px;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<template>
|
2
|
-
<div class="widgetTools
|
2
|
+
<div class="widgetTools">
|
3
3
|
<div class="left">
|
4
4
|
<slot> </slot>
|
5
5
|
</div>
|
@@ -123,7 +123,7 @@
|
|
123
123
|
<th-dialog
|
124
124
|
v-model="dialog.show"
|
125
125
|
:title="dialogTitles[dialog.action]"
|
126
|
-
:modal="
|
126
|
+
:modal="false"
|
127
127
|
:modal-append-to-body="false"
|
128
128
|
:showFooter="['importJson', 'importTemplate'].includes(dialog.action)"
|
129
129
|
@on-fullscreen="handleDialogFullscreen"
|
@@ -245,7 +245,7 @@ export default {
|
|
245
245
|
width: 100%;
|
246
246
|
height: 45px;
|
247
247
|
padding: 0 15px;
|
248
|
-
|
248
|
+
border-bottom: solid 1px #e4e7ed;
|
249
249
|
|
250
250
|
.left {
|
251
251
|
}
|
@@ -2,9 +2,9 @@
|
|
2
2
|
<div class="generateTable-search">
|
3
3
|
<el-row :gutter="10">
|
4
4
|
<el-col
|
5
|
-
v-for="item in
|
5
|
+
v-for="item in getList"
|
6
6
|
:key="item.prop"
|
7
|
-
:span="24 /
|
7
|
+
:span="24 / getList.length"
|
8
8
|
>
|
9
9
|
<el-input
|
10
10
|
v-if="item.type === 'input' || item.elType === 'input'"
|
@@ -81,6 +81,17 @@ export default {
|
|
81
81
|
data() {
|
82
82
|
return {};
|
83
83
|
},
|
84
|
+
computed: {
|
85
|
+
getList() {
|
86
|
+
if (this.options) {
|
87
|
+
const data = this.options.filter(item => {
|
88
|
+
return !item.hide;
|
89
|
+
});
|
90
|
+
return data;
|
91
|
+
}
|
92
|
+
return [];
|
93
|
+
}
|
94
|
+
},
|
84
95
|
methods: {
|
85
96
|
doSearch() {
|
86
97
|
this.$emit("search", this.data);
|
@@ -2,7 +2,7 @@
|
|
2
2
|
<div class="generateTable-search">
|
3
3
|
<el-form :inline="true" :model="data" size="small">
|
4
4
|
<el-form-item
|
5
|
-
v-for="item in
|
5
|
+
v-for="item in getList"
|
6
6
|
:key="item.prop"
|
7
7
|
:label="item.label"
|
8
8
|
>
|
@@ -95,6 +95,17 @@ export default {
|
|
95
95
|
data() {
|
96
96
|
return {};
|
97
97
|
},
|
98
|
+
computed: {
|
99
|
+
getList() {
|
100
|
+
if (this.options) {
|
101
|
+
const data = this.options.filter(item => {
|
102
|
+
return !item.hide;
|
103
|
+
});
|
104
|
+
return data;
|
105
|
+
}
|
106
|
+
return [];
|
107
|
+
}
|
108
|
+
},
|
98
109
|
methods: {
|
99
110
|
doSearch() {
|
100
111
|
this.$emit("search", this.data);
|
@@ -9,10 +9,10 @@
|
|
9
9
|
v-loading="config.loading.show"
|
10
10
|
:element-loading-text="config.loading.text"
|
11
11
|
>
|
12
|
-
<template v-for="item in
|
12
|
+
<template v-for="item in getList">
|
13
13
|
<el-table-column
|
14
14
|
v-if="item.type"
|
15
|
-
:key="item.
|
15
|
+
:key="item.type"
|
16
16
|
:type="item.type"
|
17
17
|
:label="item.label"
|
18
18
|
:width="item.width || 50"
|
@@ -20,10 +20,10 @@
|
|
20
20
|
</el-table-column>
|
21
21
|
<el-table-column
|
22
22
|
v-else
|
23
|
-
:key="item.
|
24
|
-
:prop="item.
|
23
|
+
:key="item.pProp"
|
24
|
+
:prop="item.pProp"
|
25
25
|
:label="item.label"
|
26
|
-
:width="item.width
|
26
|
+
:width="item.width"
|
27
27
|
>
|
28
28
|
<template slot-scope="scope">
|
29
29
|
<slot
|
@@ -32,7 +32,7 @@
|
|
32
32
|
:scope="scope"
|
33
33
|
:option="item"
|
34
34
|
/>
|
35
|
-
<span v-else>{{ scope.row
|
35
|
+
<span v-else>{{ getValue(scope.row, item.pProp) }}</span>
|
36
36
|
</template>
|
37
37
|
</el-table-column>
|
38
38
|
</template>
|
@@ -54,9 +54,25 @@ export default {
|
|
54
54
|
data() {
|
55
55
|
return {};
|
56
56
|
},
|
57
|
+
|
58
|
+
computed: {
|
59
|
+
getList() {
|
60
|
+
if (this.config.options) {
|
61
|
+
const data = this.config.options.filter(item => {
|
62
|
+
return !item.hide;
|
63
|
+
});
|
64
|
+
return data;
|
65
|
+
}
|
66
|
+
return [];
|
67
|
+
}
|
68
|
+
},
|
57
69
|
created() {},
|
58
70
|
mounted() {},
|
59
|
-
methods: {
|
71
|
+
methods: {
|
72
|
+
getValue(item, key) {
|
73
|
+
return eval(`item.${key}`);
|
74
|
+
}
|
75
|
+
}
|
60
76
|
};
|
61
77
|
</script>
|
62
78
|
|
@@ -393,14 +393,14 @@ export default {
|
|
393
393
|
}
|
394
394
|
|
395
395
|
const request = {
|
396
|
-
url:
|
396
|
+
url: config.url,
|
397
397
|
method: config.method,
|
398
398
|
headers: { ...config.headers, actionType }
|
399
399
|
};
|
400
400
|
let params = {};
|
401
401
|
switch (actionType) {
|
402
402
|
case "list":
|
403
|
-
for (let key of Object.keys(config.
|
403
|
+
for (let key of Object.keys(config.interfaceParameterInputList)) {
|
404
404
|
params[key] = paramsData[key] || this.query[key];
|
405
405
|
}
|
406
406
|
if (this.tableConfig.pageInfo.show) {
|
@@ -411,7 +411,7 @@ export default {
|
|
411
411
|
case "add":
|
412
412
|
case "edit":
|
413
413
|
case "delete":
|
414
|
-
for (let key of Object.keys(config.
|
414
|
+
for (let key of Object.keys(config.interfaceParameterInputList)) {
|
415
415
|
params[key] = paramsData[key];
|
416
416
|
}
|
417
417
|
break;
|