tianheng-ui 0.1.15 → 0.1.16
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
|
|
|
@@ -157,6 +157,139 @@
|
|
|
157
157
|
<i class="el-icon-set-up" @click="handleActionConfig(item)"></i>
|
|
158
158
|
</div>
|
|
159
159
|
</el-collapse-item>
|
|
160
|
+
<el-collapse-item
|
|
161
|
+
title="cell 样式配置（移动端）"
|
|
162
|
+
name="group-style_cell"
|
|
163
|
+
>
|
|
164
|
+
<el-form-item label="外边距">
|
|
165
|
+
<el-input
|
|
166
|
+
v-model="config.table.style.cell.margin"
|
|
167
|
+
placeholder="请输入"
|
|
168
|
+
clearable
|
|
169
|
+
></el-input>
|
|
170
|
+
</el-form-item>
|
|
171
|
+
<el-form-item label="内边距">
|
|
172
|
+
<el-input
|
|
173
|
+
v-model="config.table.style.cell.padding"
|
|
174
|
+
placeholder="请输入"
|
|
175
|
+
clearable
|
|
176
|
+
></el-input>
|
|
177
|
+
</el-form-item>
|
|
178
|
+
<el-form-item label="分割线">
|
|
179
|
+
<el-input
|
|
180
|
+
v-model="config.table.style.cell['border-bottom']"
|
|
181
|
+
placeholder="请输入"
|
|
182
|
+
clearable
|
|
183
|
+
></el-input>
|
|
184
|
+
</el-form-item>
|
|
185
|
+
<el-form-item label="自定义">
|
|
186
|
+
<el-input
|
|
187
|
+
v-model="config.table.style.cell.customStyle"
|
|
188
|
+
type="textarea"
|
|
189
|
+
:rows="2"
|
|
190
|
+
placeholder="请输入"
|
|
191
|
+
>
|
|
192
|
+
</el-input>
|
|
193
|
+
</el-form-item>
|
|
194
|
+
</el-collapse-item>
|
|
195
|
+
<el-collapse-item
|
|
196
|
+
title="title 样式配置（移动端）"
|
|
197
|
+
name="group-style_title"
|
|
198
|
+
>
|
|
199
|
+
<el-form-item label="外边距">
|
|
200
|
+
<el-input
|
|
201
|
+
v-model="config.table.style.title.margin"
|
|
202
|
+
placeholder="请输入"
|
|
203
|
+
clearable
|
|
204
|
+
></el-input>
|
|
205
|
+
</el-form-item>
|
|
206
|
+
<el-form-item label="内边距">
|
|
207
|
+
<el-input
|
|
208
|
+
v-model="config.table.style.title.padding"
|
|
209
|
+
placeholder="请输入"
|
|
210
|
+
clearable
|
|
211
|
+
></el-input>
|
|
212
|
+
</el-form-item>
|
|
213
|
+
<el-form-item label="宽度">
|
|
214
|
+
<el-input
|
|
215
|
+
v-model="config.table.style.title.width"
|
|
216
|
+
placeholder="请输入"
|
|
217
|
+
clearable
|
|
218
|
+
></el-input>
|
|
219
|
+
</el-form-item>
|
|
220
|
+
<el-form-item label="对齐方式">
|
|
221
|
+
<el-input
|
|
222
|
+
v-model="config.table.style.title['text-align']"
|
|
223
|
+
placeholder="请输入"
|
|
224
|
+
clearable
|
|
225
|
+
></el-input>
|
|
226
|
+
</el-form-item>
|
|
227
|
+
<el-form-item label="颜色">
|
|
228
|
+
<el-input
|
|
229
|
+
v-model="config.table.style.title.color"
|
|
230
|
+
placeholder="请输入"
|
|
231
|
+
clearable
|
|
232
|
+
></el-input>
|
|
233
|
+
</el-form-item>
|
|
234
|
+
<el-form-item label="自定义">
|
|
235
|
+
<el-input
|
|
236
|
+
v-model="config.table.style.title.customStyle"
|
|
237
|
+
type="textarea"
|
|
238
|
+
:rows="2"
|
|
239
|
+
placeholder="请输入"
|
|
240
|
+
>
|
|
241
|
+
</el-input>
|
|
242
|
+
</el-form-item>
|
|
243
|
+
</el-collapse-item>
|
|
244
|
+
<el-collapse-item
|
|
245
|
+
title="value 样式配置（移动端）"
|
|
246
|
+
name="group-style_value"
|
|
247
|
+
>
|
|
248
|
+
<el-form-item label="外边距">
|
|
249
|
+
<el-input
|
|
250
|
+
v-model="config.table.style.value.margin"
|
|
251
|
+
placeholder="请输入"
|
|
252
|
+
clearable
|
|
253
|
+
></el-input>
|
|
254
|
+
</el-form-item>
|
|
255
|
+
<el-form-item label="内边距">
|
|
256
|
+
<el-input
|
|
257
|
+
v-model="config.table.style.value.padding"
|
|
258
|
+
placeholder="请输入"
|
|
259
|
+
clearable
|
|
260
|
+
></el-input>
|
|
261
|
+
</el-form-item>
|
|
262
|
+
<el-form-item label="宽度">
|
|
263
|
+
<el-input
|
|
264
|
+
v-model="config.table.style.value.width"
|
|
265
|
+
placeholder="请输入"
|
|
266
|
+
clearable
|
|
267
|
+
></el-input>
|
|
268
|
+
</el-form-item>
|
|
269
|
+
<el-form-item label="对齐方式">
|
|
270
|
+
<el-input
|
|
271
|
+
v-model="config.table.style.value['text-align']"
|
|
272
|
+
placeholder="请输入"
|
|
273
|
+
clearable
|
|
274
|
+
></el-input>
|
|
275
|
+
</el-form-item>
|
|
276
|
+
<el-form-item label="颜色">
|
|
277
|
+
<el-input
|
|
278
|
+
v-model="config.table.style.value.color"
|
|
279
|
+
placeholder="请输入"
|
|
280
|
+
clearable
|
|
281
|
+
></el-input>
|
|
282
|
+
</el-form-item>
|
|
283
|
+
<el-form-item label="自定义">
|
|
284
|
+
<el-input
|
|
285
|
+
v-model="config.table.style.value.customStyle"
|
|
286
|
+
type="textarea"
|
|
287
|
+
:rows="2"
|
|
288
|
+
placeholder="请输入"
|
|
289
|
+
>
|
|
290
|
+
</el-input>
|
|
291
|
+
</el-form-item>
|
|
292
|
+
</el-collapse-item>
|
|
160
293
|
</el-collapse>
|
|
161
294
|
</el-form>
|
|
162
295
|
</div>
|
|
@@ -168,7 +301,7 @@
|
|
|
168
301
|
:showFooter="false"
|
|
169
302
|
>
|
|
170
303
|
<div class="toolsSeting th-flex_box">
|
|
171
|
-
<el-card class="th-
|
|
304
|
+
<el-card class="th-flex_aside" style="width:200px;margin-right:10px;">
|
|
172
305
|
<el-tree
|
|
173
306
|
:data="Object.values(config.tools || [])"
|
|
174
307
|
:props="{ label: 'name' }"
|
|
@@ -176,7 +309,7 @@
|
|
|
176
309
|
@node-click="handleActionConfig"
|
|
177
310
|
></el-tree>
|
|
178
311
|
</el-card>
|
|
179
|
-
<el-card v-if="dialog.data" class="th-
|
|
312
|
+
<el-card v-if="dialog.data" class="th-fiex_content">
|
|
180
313
|
<el-form
|
|
181
314
|
ref="form"
|
|
182
315
|
:model="dialog.data"
|
|
@@ -185,10 +318,11 @@
|
|
|
185
318
|
>
|
|
186
319
|
<el-form-item label="按钮模型">
|
|
187
320
|
<el-button
|
|
188
|
-
:type="dialog.data.type"
|
|
189
|
-
:icon="dialog.data.icon"
|
|
190
|
-
:plain="dialog.data.plain"
|
|
191
|
-
:round="dialog.data.round"
|
|
321
|
+
:type="dialog.data.style.type"
|
|
322
|
+
:icon="dialog.data.style.icon"
|
|
323
|
+
:plain="dialog.data.style.plain"
|
|
324
|
+
:round="dialog.data.style.round"
|
|
325
|
+
:size="dialog.data.style.size"
|
|
192
326
|
>{{ dialog.data.text }}</el-button
|
|
193
327
|
>
|
|
194
328
|
</el-form-item>
|
|
@@ -196,7 +330,7 @@
|
|
|
196
330
|
<el-input v-model="dialog.data.text"></el-input>
|
|
197
331
|
</el-form-item>
|
|
198
332
|
<el-form-item label="按钮类型">
|
|
199
|
-
<el-radio-group v-model="dialog.data.type">
|
|
333
|
+
<el-radio-group v-model="dialog.data.style.type">
|
|
200
334
|
<el-radio label="">默认</el-radio>
|
|
201
335
|
<el-radio label="primary">主要按钮</el-radio>
|
|
202
336
|
<el-radio label="success">成功按钮</el-radio>
|
|
@@ -205,14 +339,25 @@
|
|
|
205
339
|
<el-radio label="danger">危险按钮</el-radio>
|
|
206
340
|
</el-radio-group>
|
|
207
341
|
</el-form-item>
|
|
208
|
-
<el-form-item label="
|
|
209
|
-
<el-
|
|
342
|
+
<el-form-item label="按钮大小">
|
|
343
|
+
<el-radio-group v-model="dialog.data.style.size" size="mini">
|
|
344
|
+
<el-radio-button label="medium"></el-radio-button>
|
|
345
|
+
<el-radio-button label="small"></el-radio-button>
|
|
346
|
+
<el-radio-button label="mini"></el-radio-button>
|
|
347
|
+
</el-radio-group>
|
|
348
|
+
</el-form-item>
|
|
349
|
+
|
|
350
|
+
<el-form-item label="是否空心">
|
|
351
|
+
<el-switch v-model="dialog.data.style.plain"> </el-switch>
|
|
352
|
+
</el-form-item>
|
|
353
|
+
<el-form-item label="是否圆角">
|
|
354
|
+
<el-switch v-model="dialog.data.style.round"> </el-switch>
|
|
210
355
|
</el-form-item>
|
|
211
|
-
<el-form-item label="
|
|
212
|
-
<el-switch v-model="dialog.data.round"> </el-switch>
|
|
356
|
+
<el-form-item label="是否圆型">
|
|
357
|
+
<el-switch v-model="dialog.data.style.round"> </el-switch>
|
|
213
358
|
</el-form-item>
|
|
214
359
|
<el-form-item label="按钮图标">
|
|
215
|
-
<th-icons v-model="dialog.data.icon"></th-icons>
|
|
360
|
+
<th-icons v-model="dialog.data.style.icon"></th-icons>
|
|
216
361
|
</el-form-item>
|
|
217
362
|
<el-form-item label="关联表单">
|
|
218
363
|
<el-select
|
|
@@ -296,6 +441,9 @@ export default {
|
|
|
296
441
|
"group-pageInfo",
|
|
297
442
|
"group-sort",
|
|
298
443
|
"group-hint",
|
|
444
|
+
"group-style_cell",
|
|
445
|
+
"group-style_title",
|
|
446
|
+
"group-style_value",
|
|
299
447
|
"group-network",
|
|
300
448
|
"group-button"
|
|
301
449
|
],
|