tianheng-ui 0.1.15 → 0.1.17
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/package.json
CHANGED
|
@@ -9,6 +9,30 @@ export const table = {
|
|
|
9
9
|
mounted: {
|
|
10
10
|
api: ""
|
|
11
11
|
},
|
|
12
|
+
style: {
|
|
13
|
+
cell: {
|
|
14
|
+
customStyle: "",
|
|
15
|
+
margin: "",
|
|
16
|
+
padding: "20rpx",
|
|
17
|
+
"border-bottom": "1px solid #e5e5e5"
|
|
18
|
+
},
|
|
19
|
+
title: {
|
|
20
|
+
customStyle: "",
|
|
21
|
+
margin: "",
|
|
22
|
+
padding: "",
|
|
23
|
+
width: "",
|
|
24
|
+
"text-align": "",
|
|
25
|
+
color: "#999"
|
|
26
|
+
},
|
|
27
|
+
value: {
|
|
28
|
+
customStyle: "",
|
|
29
|
+
margin: "",
|
|
30
|
+
padding: "",
|
|
31
|
+
width: "",
|
|
32
|
+
"text-align": "",
|
|
33
|
+
color: "#333"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
12
36
|
options: [],
|
|
13
37
|
pageInfo: {
|
|
14
38
|
show: true,
|
|
@@ -38,62 +62,86 @@ export const table = {
|
|
|
38
62
|
};
|
|
39
63
|
|
|
40
64
|
// 按钮配置
|
|
65
|
+
const buttonStyle = {
|
|
66
|
+
type: "",
|
|
67
|
+
size: "small",
|
|
68
|
+
plain: false,
|
|
69
|
+
round: false,
|
|
70
|
+
circle: false,
|
|
71
|
+
disabled: false,
|
|
72
|
+
icon: ""
|
|
73
|
+
};
|
|
74
|
+
|
|
41
75
|
export const tools = {
|
|
42
76
|
add: {
|
|
43
77
|
show: true,
|
|
78
|
+
type: "add",
|
|
44
79
|
name: "新增",
|
|
45
80
|
text: "新增",
|
|
46
81
|
position: "header",
|
|
47
82
|
form: "",
|
|
48
|
-
api: ""
|
|
83
|
+
api: "",
|
|
84
|
+
style: buttonStyle
|
|
49
85
|
},
|
|
50
86
|
edit: {
|
|
51
87
|
show: true,
|
|
88
|
+
type: "edit",
|
|
52
89
|
name: "编辑",
|
|
53
90
|
text: "编辑",
|
|
54
91
|
position: "row",
|
|
55
92
|
form: "",
|
|
56
|
-
api: ""
|
|
93
|
+
api: "",
|
|
94
|
+
style: buttonStyle
|
|
57
95
|
},
|
|
58
|
-
|
|
96
|
+
look: {
|
|
59
97
|
show: false,
|
|
98
|
+
type: "look",
|
|
60
99
|
name: "查看",
|
|
61
100
|
text: "查看",
|
|
62
101
|
position: "row",
|
|
63
102
|
form: "",
|
|
64
|
-
api: ""
|
|
103
|
+
api: "",
|
|
104
|
+
style: buttonStyle
|
|
65
105
|
},
|
|
66
106
|
delete: {
|
|
67
107
|
show: true,
|
|
108
|
+
type: "delete",
|
|
68
109
|
name: "删除",
|
|
69
110
|
text: "删除",
|
|
70
111
|
position: "row",
|
|
71
112
|
form: "",
|
|
72
|
-
api: ""
|
|
113
|
+
api: "",
|
|
114
|
+
style: buttonStyle
|
|
73
115
|
},
|
|
74
116
|
batchDelete: {
|
|
75
117
|
show: false,
|
|
118
|
+
type: "batchDelete",
|
|
76
119
|
name: "批量删除",
|
|
77
120
|
text: "批量删除",
|
|
78
121
|
position: "header",
|
|
79
122
|
form: "",
|
|
80
|
-
api: ""
|
|
123
|
+
api: "",
|
|
124
|
+
style: buttonStyle
|
|
81
125
|
},
|
|
82
126
|
export: {
|
|
83
127
|
show: false,
|
|
128
|
+
type: "export",
|
|
84
129
|
name: "导出",
|
|
85
130
|
text: "导出",
|
|
86
131
|
position: "header",
|
|
87
132
|
form: "",
|
|
88
|
-
api: ""
|
|
133
|
+
api: "",
|
|
134
|
+
style: buttonStyle
|
|
89
135
|
},
|
|
90
136
|
import: {
|
|
91
137
|
show: false,
|
|
138
|
+
type: "import",
|
|
92
139
|
name: "导入",
|
|
93
140
|
text: "导入",
|
|
94
141
|
position: "header",
|
|
95
142
|
form: "",
|
|
96
|
-
api: ""
|
|
143
|
+
api: "",
|
|
144
|
+
style: buttonStyle
|
|
97
145
|
}
|
|
98
146
|
};
|
|
99
147
|
|
|
@@ -139,13 +139,16 @@ export default {
|
|
|
139
139
|
}
|
|
140
140
|
})
|
|
141
141
|
.catch(err => {
|
|
142
|
+
if (!this.config.table.title) {
|
|
143
|
+
this.$message.warning("请选择列表名称");
|
|
144
|
+
return reject();
|
|
145
|
+
}
|
|
142
146
|
if (!this.config.table.mounted.api) {
|
|
143
147
|
this.$message.warning("请选择列表接口");
|
|
144
|
-
reject();
|
|
145
|
-
} else {
|
|
146
|
-
const data = deepClone(this.config);
|
|
147
|
-
resolve(data);
|
|
148
|
+
return reject();
|
|
148
149
|
}
|
|
150
|
+
const data = deepClone(this.config);
|
|
151
|
+
resolve(data);
|
|
149
152
|
})
|
|
150
153
|
);
|
|
151
154
|
}
|
|
@@ -54,6 +54,12 @@
|
|
|
54
54
|
>
|
|
55
55
|
<el-collapse v-model="tableCollapse">
|
|
56
56
|
<el-collapse-item title="表格配置" name="group-table">
|
|
57
|
+
<el-form-item label="列表名称" required prop="table.title">
|
|
58
|
+
<el-input
|
|
59
|
+
v-model="config.table.title"
|
|
60
|
+
placeholder="请输入"
|
|
61
|
+
></el-input>
|
|
62
|
+
</el-form-item>
|
|
57
63
|
<el-form-item label="列表接口" required prop="table.mounted.api">
|
|
58
64
|
<el-select
|
|
59
65
|
v-model="config.table.mounted.api"
|
|
@@ -157,6 +163,139 @@
|
|
|
157
163
|
<i class="el-icon-set-up" @click="handleActionConfig(item)"></i>
|
|
158
164
|
</div>
|
|
159
165
|
</el-collapse-item>
|
|
166
|
+
<el-collapse-item
|
|
167
|
+
title="cell 样式配置（移动端）"
|
|
168
|
+
name="group-style_cell"
|
|
169
|
+
>
|
|
170
|
+
<el-form-item label="外边距">
|
|
171
|
+
<el-input
|
|
172
|
+
v-model="config.table.style.cell.margin"
|
|
173
|
+
placeholder="请输入"
|
|
174
|
+
clearable
|
|
175
|
+
></el-input>
|
|
176
|
+
</el-form-item>
|
|
177
|
+
<el-form-item label="内边距">
|
|
178
|
+
<el-input
|
|
179
|
+
v-model="config.table.style.cell.padding"
|
|
180
|
+
placeholder="请输入"
|
|
181
|
+
clearable
|
|
182
|
+
></el-input>
|
|
183
|
+
</el-form-item>
|
|
184
|
+
<el-form-item label="分割线">
|
|
185
|
+
<el-input
|
|
186
|
+
v-model="config.table.style.cell['border-bottom']"
|
|
187
|
+
placeholder="请输入"
|
|
188
|
+
clearable
|
|
189
|
+
></el-input>
|
|
190
|
+
</el-form-item>
|
|
191
|
+
<el-form-item label="自定义">
|
|
192
|
+
<el-input
|
|
193
|
+
v-model="config.table.style.cell.customStyle"
|
|
194
|
+
type="textarea"
|
|
195
|
+
:rows="2"
|
|
196
|
+
placeholder="请输入"
|
|
197
|
+
>
|
|
198
|
+
</el-input>
|
|
199
|
+
</el-form-item>
|
|
200
|
+
</el-collapse-item>
|
|
201
|
+
<el-collapse-item
|
|
202
|
+
title="title 样式配置（移动端）"
|
|
203
|
+
name="group-style_title"
|
|
204
|
+
>
|
|
205
|
+
<el-form-item label="外边距">
|
|
206
|
+
<el-input
|
|
207
|
+
v-model="config.table.style.title.margin"
|
|
208
|
+
placeholder="请输入"
|
|
209
|
+
clearable
|
|
210
|
+
></el-input>
|
|
211
|
+
</el-form-item>
|
|
212
|
+
<el-form-item label="内边距">
|
|
213
|
+
<el-input
|
|
214
|
+
v-model="config.table.style.title.padding"
|
|
215
|
+
placeholder="请输入"
|
|
216
|
+
clearable
|
|
217
|
+
></el-input>
|
|
218
|
+
</el-form-item>
|
|
219
|
+
<el-form-item label="宽度">
|
|
220
|
+
<el-input
|
|
221
|
+
v-model="config.table.style.title.width"
|
|
222
|
+
placeholder="请输入"
|
|
223
|
+
clearable
|
|
224
|
+
></el-input>
|
|
225
|
+
</el-form-item>
|
|
226
|
+
<el-form-item label="对齐方式">
|
|
227
|
+
<el-input
|
|
228
|
+
v-model="config.table.style.title['text-align']"
|
|
229
|
+
placeholder="请输入"
|
|
230
|
+
clearable
|
|
231
|
+
></el-input>
|
|
232
|
+
</el-form-item>
|
|
233
|
+
<el-form-item label="颜色">
|
|
234
|
+
<el-input
|
|
235
|
+
v-model="config.table.style.title.color"
|
|
236
|
+
placeholder="请输入"
|
|
237
|
+
clearable
|
|
238
|
+
></el-input>
|
|
239
|
+
</el-form-item>
|
|
240
|
+
<el-form-item label="自定义">
|
|
241
|
+
<el-input
|
|
242
|
+
v-model="config.table.style.title.customStyle"
|
|
243
|
+
type="textarea"
|
|
244
|
+
:rows="2"
|
|
245
|
+
placeholder="请输入"
|
|
246
|
+
>
|
|
247
|
+
</el-input>
|
|
248
|
+
</el-form-item>
|
|
249
|
+
</el-collapse-item>
|
|
250
|
+
<el-collapse-item
|
|
251
|
+
title="value 样式配置（移动端）"
|
|
252
|
+
name="group-style_value"
|
|
253
|
+
>
|
|
254
|
+
<el-form-item label="外边距">
|
|
255
|
+
<el-input
|
|
256
|
+
v-model="config.table.style.value.margin"
|
|
257
|
+
placeholder="请输入"
|
|
258
|
+
clearable
|
|
259
|
+
></el-input>
|
|
260
|
+
</el-form-item>
|
|
261
|
+
<el-form-item label="内边距">
|
|
262
|
+
<el-input
|
|
263
|
+
v-model="config.table.style.value.padding"
|
|
264
|
+
placeholder="请输入"
|
|
265
|
+
clearable
|
|
266
|
+
></el-input>
|
|
267
|
+
</el-form-item>
|
|
268
|
+
<el-form-item label="宽度">
|
|
269
|
+
<el-input
|
|
270
|
+
v-model="config.table.style.value.width"
|
|
271
|
+
placeholder="请输入"
|
|
272
|
+
clearable
|
|
273
|
+
></el-input>
|
|
274
|
+
</el-form-item>
|
|
275
|
+
<el-form-item label="对齐方式">
|
|
276
|
+
<el-input
|
|
277
|
+
v-model="config.table.style.value['text-align']"
|
|
278
|
+
placeholder="请输入"
|
|
279
|
+
clearable
|
|
280
|
+
></el-input>
|
|
281
|
+
</el-form-item>
|
|
282
|
+
<el-form-item label="颜色">
|
|
283
|
+
<el-input
|
|
284
|
+
v-model="config.table.style.value.color"
|
|
285
|
+
placeholder="请输入"
|
|
286
|
+
clearable
|
|
287
|
+
></el-input>
|
|
288
|
+
</el-form-item>
|
|
289
|
+
<el-form-item label="自定义">
|
|
290
|
+
<el-input
|
|
291
|
+
v-model="config.table.style.value.customStyle"
|
|
292
|
+
type="textarea"
|
|
293
|
+
:rows="2"
|
|
294
|
+
placeholder="请输入"
|
|
295
|
+
>
|
|
296
|
+
</el-input>
|
|
297
|
+
</el-form-item>
|
|
298
|
+
</el-collapse-item>
|
|
160
299
|
</el-collapse>
|
|
161
300
|
</el-form>
|
|
162
301
|
</div>
|
|
@@ -168,7 +307,7 @@
|
|
|
168
307
|
:showFooter="false"
|
|
169
308
|
>
|
|
170
309
|
<div class="toolsSeting th-flex_box">
|
|
171
|
-
<el-card class="th-
|
|
310
|
+
<el-card class="th-flex_aside" style="width:200px;margin-right:10px;">
|
|
172
311
|
<el-tree
|
|
173
312
|
:data="Object.values(config.tools || [])"
|
|
174
313
|
:props="{ label: 'name' }"
|
|
@@ -176,7 +315,7 @@
|
|
|
176
315
|
@node-click="handleActionConfig"
|
|
177
316
|
></el-tree>
|
|
178
317
|
</el-card>
|
|
179
|
-
<el-card v-if="dialog.data" class="th-
|
|
318
|
+
<el-card v-if="dialog.data" class="th-fiex_content">
|
|
180
319
|
<el-form
|
|
181
320
|
ref="form"
|
|
182
321
|
:model="dialog.data"
|
|
@@ -185,10 +324,11 @@
|
|
|
185
324
|
>
|
|
186
325
|
<el-form-item label="按钮模型">
|
|
187
326
|
<el-button
|
|
188
|
-
:type="dialog.data.type"
|
|
189
|
-
:icon="dialog.data.icon"
|
|
190
|
-
:plain="dialog.data.plain"
|
|
191
|
-
:round="dialog.data.round"
|
|
327
|
+
:type="dialog.data.style.type"
|
|
328
|
+
:icon="dialog.data.style.icon"
|
|
329
|
+
:plain="dialog.data.style.plain"
|
|
330
|
+
:round="dialog.data.style.round"
|
|
331
|
+
:size="dialog.data.style.size"
|
|
192
332
|
>{{ dialog.data.text }}</el-button
|
|
193
333
|
>
|
|
194
334
|
</el-form-item>
|
|
@@ -196,7 +336,7 @@
|
|
|
196
336
|
<el-input v-model="dialog.data.text"></el-input>
|
|
197
337
|
</el-form-item>
|
|
198
338
|
<el-form-item label="按钮类型">
|
|
199
|
-
<el-radio-group v-model="dialog.data.type">
|
|
339
|
+
<el-radio-group v-model="dialog.data.style.type">
|
|
200
340
|
<el-radio label="">默认</el-radio>
|
|
201
341
|
<el-radio label="primary">主要按钮</el-radio>
|
|
202
342
|
<el-radio label="success">成功按钮</el-radio>
|
|
@@ -205,14 +345,25 @@
|
|
|
205
345
|
<el-radio label="danger">危险按钮</el-radio>
|
|
206
346
|
</el-radio-group>
|
|
207
347
|
</el-form-item>
|
|
208
|
-
<el-form-item label="
|
|
209
|
-
<el-
|
|
348
|
+
<el-form-item label="按钮大小">
|
|
349
|
+
<el-radio-group v-model="dialog.data.style.size" size="mini">
|
|
350
|
+
<el-radio-button label="medium"></el-radio-button>
|
|
351
|
+
<el-radio-button label="small"></el-radio-button>
|
|
352
|
+
<el-radio-button label="mini"></el-radio-button>
|
|
353
|
+
</el-radio-group>
|
|
354
|
+
</el-form-item>
|
|
355
|
+
|
|
356
|
+
<el-form-item label="是否空心">
|
|
357
|
+
<el-switch v-model="dialog.data.style.plain"> </el-switch>
|
|
358
|
+
</el-form-item>
|
|
359
|
+
<el-form-item label="是否圆角">
|
|
360
|
+
<el-switch v-model="dialog.data.style.round"> </el-switch>
|
|
210
361
|
</el-form-item>
|
|
211
|
-
<el-form-item label="
|
|
212
|
-
<el-switch v-model="dialog.data.round"> </el-switch>
|
|
362
|
+
<el-form-item label="是否圆型">
|
|
363
|
+
<el-switch v-model="dialog.data.style.round"> </el-switch>
|
|
213
364
|
</el-form-item>
|
|
214
365
|
<el-form-item label="按钮图标">
|
|
215
|
-
<th-icons v-model="dialog.data.icon"></th-icons>
|
|
366
|
+
<th-icons v-model="dialog.data.style.icon"></th-icons>
|
|
216
367
|
</el-form-item>
|
|
217
368
|
<el-form-item label="关联表单">
|
|
218
369
|
<el-select
|
|
@@ -282,7 +433,7 @@ export default {
|
|
|
282
433
|
{ title: "列表字段", value: 1 },
|
|
283
434
|
{ title: "列表属性", value: 2 }
|
|
284
435
|
],
|
|
285
|
-
activeTab: { title: "
|
|
436
|
+
activeTab: { title: "列表属性", value: 2 },
|
|
286
437
|
searchField: {
|
|
287
438
|
isCheckAll: false,
|
|
288
439
|
isIndeterminate: false
|
|
@@ -296,13 +447,19 @@ export default {
|
|
|
296
447
|
"group-pageInfo",
|
|
297
448
|
"group-sort",
|
|
298
449
|
"group-hint",
|
|
450
|
+
"group-style_cell",
|
|
451
|
+
"group-style_title",
|
|
452
|
+
"group-style_value",
|
|
299
453
|
"group-network",
|
|
300
454
|
"group-button"
|
|
301
455
|
],
|
|
302
456
|
formRules: {
|
|
457
|
+
"table.title": [
|
|
458
|
+
{ required: true, message: "请选择列表名称", trigger: "change" }
|
|
459
|
+
],
|
|
303
460
|
"table.mounted.api": [
|
|
304
461
|
{ required: true, message: "请选择列表接口", trigger: "change" }
|
|
305
|
-
]
|
|
462
|
+
],
|
|
306
463
|
},
|
|
307
464
|
dialog: { show: false, data: null }
|
|
308
465
|
};
|