eoss-ui 0.4.86 → 0.4.87

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.
Files changed (16) hide show
  1. package/lib/data-table.js +15 -5
  2. package/lib/eoss-ui.common.js +1626 -1502
  3. package/lib/form.js +6 -22
  4. package/lib/index.js +1 -1
  5. package/lib/nav.js +4 -4
  6. package/lib/table-form.js +6 -6
  7. package/lib/tabs.js +1565 -1435
  8. package/lib/upload.js +6 -6
  9. package/package.json +2 -2
  10. package/packages/data-table/src/main.vue +16 -0
  11. package/packages/form/src/main.vue +4 -18
  12. package/packages/form/src/table.vue +1 -1
  13. package/packages/nav/src/main.vue +2 -2
  14. package/packages/tabs/src/main.vue +479 -474
  15. package/packages/upload/src/main.vue +1 -1
  16. package/src/index.js +1 -1
package/packages/tabs/src/main.vue CHANGED
@@ -36,36 +36,251 @@
36
36
  <template v-else>{{ items.title }}</template>
37
37
  </span>
38
38
  </template>
39
- <es-tabs-panel v-bind="items" :show="activeName === String(indexs)">
40
- <template
41
- slot-scope="{ contents, average, data, title, show, isShow }"
42
- >
43
- <template v-if="Array.isArray(contents)">
44
- <template v-for="(item, index) in contents">
45
- <div class="es-tab-pane-list" :key="index" v-if="average">
46
- <div class="es-tab-pane-main">
47
- <template v-if="item.htmlType">
48
- <template v-if="item.htmlType === 'h1'">
49
- <h1
50
- v-if="item.html"
39
+ <template slot-scope="{ loaded }">
40
+ <es-tabs-panel v-bind="items" :show="loaded">
41
+ <template
42
+ slot-scope="{ contents, average, data, title, show, isShow }"
43
+ >
44
+ <template v-if="Array.isArray(contents)">
45
+ <template v-for="(item, index) in contents">
46
+ <div class="es-tab-pane-list" :key="index" v-if="average">
47
+ <div class="es-tab-pane-main">
48
+ <template v-if="item.htmlType">
49
+ <template v-if="item.htmlType === 'h1'">
50
+ <h1
51
+ v-if="item.html"
52
+ :style="item.style"
53
+ v-html="item.html"
54
+ ></h1>
55
+ <h1 v-else :style="item.style">
56
+ {{ item.text }}
57
+ </h1>
58
+ </template>
59
+ <template v-if="item.htmlType === 'h2'">
60
+ <h2
61
+ v-if="item.html"
62
+ :style="item.style"
63
+ v-html="item.html"
64
+ ></h2>
65
+ <h2 v-else :style="item.style">
66
+ {{ item.text }}
67
+ </h2>
68
+ </template>
69
+ <ul v-if="item.htmlType === 'ul'" :style="item.style">
70
+ <template v-for="(liItem, liIndex) in data">
71
+ <li
72
+ v-if="liitems.html"
73
+ :key="liIndex"
74
+ v-html="liitems.html"
75
+ ></li>
76
+ <li v-else :key="liIndex">
77
+ {{ liItem }}
78
+ </li>
79
+ </template>
80
+ </ul>
81
+ <img
82
+ v-if="
83
+ item.htmlType === 'image' || item.htmlType === 'img'
84
+ "
85
+ :src="item.url"
51
86
  :style="item.style"
52
- v-html="item.html"
53
- ></h1>
54
- <h1 v-else :style="item.style">
55
- {{ item.text }}
56
- </h1>
87
+ />
88
+ <template v-if="item.htmlType === 'p'">
89
+ <p
90
+ v-if="item.html"
91
+ :style="item.style"
92
+ v-html="item.html"
93
+ ></p>
94
+ <p v-else :style="item.style">
95
+ {{ item.text }}
96
+ </p>
97
+ </template>
98
+ <template v-if="item.htmlType === 'div'">
99
+ <div
100
+ v-if="item.html"
101
+ :style="item.style"
102
+ v-html="item.html"
103
+ ></div>
104
+ <div v-else :style="item.style">
105
+ {{ item.text }}
106
+ </div>
107
+ </template>
57
108
  </template>
58
- <template v-if="item.htmlType === 'h2'">
59
- <h2
60
- v-if="item.html"
61
- :style="item.style"
62
- v-html="item.html"
63
- ></h2>
64
- <h2 v-else :style="item.style">
65
- {{ item.text }}
66
- </h2>
109
+ <template v-else>
110
+ <es-data-table
111
+ v-if="
112
+ item.type === 'data-table' ||
113
+ item.type === 'dataTable' ||
114
+ item.type === 'flow-list' ||
115
+ item.type === 'flowList'
116
+ "
117
+ v-bind="
118
+ handleExclAttribute({
119
+ data: item,
120
+ attrs: ['events', 'visible', 'type']
121
+ })
122
+ "
123
+ :display="show"
124
+ :class="{
125
+ 'es-flow-group-data-table':
126
+ item.type === 'data-table' ||
127
+ item.type === 'dataTable',
128
+ 'es-flow-list':
129
+ item.type === 'flow-list' ||
130
+ item.type === 'flowList'
131
+ }"
132
+ v-on="item.events"
133
+ >
134
+ <template v-if="item.dialog" slot="dialog">
135
+ <template v-if="Array.isArray(item.dialog)">
136
+ <es-dialog
137
+ v-for="(ele, ids) in item.dialog"
138
+ :isReload="true"
139
+ v-bind="
140
+ handleExclAttribute({
141
+ data: ele,
142
+ attrs: ['visible']
143
+ })
144
+ "
145
+ :key="ids"
146
+ :visible.sync="ele.visible"
147
+ v-on="{ ...ele.events }"
148
+ >
149
+ </es-dialog>
150
+ </template>
151
+ <es-dialog
152
+ v-else
153
+ :isReload="true"
154
+ v-bind="
155
+ handleExclAttribute({
156
+ data: item.dialog,
157
+ attrs: ['visible']
158
+ })
159
+ "
160
+ :visible.sync="item.dialog.visible"
161
+ v-on="{ ...item.dialog.events }"
162
+ >
163
+ </es-dialog>
164
+ </template>
165
+ </es-data-table>
166
+ <es-tree-group
167
+ v-if="
168
+ item.type === 'tree-group' ||
169
+ item.type === 'treeGroup'
170
+ "
171
+ v-bind="
172
+ handleExclAttribute({
173
+ data: item,
174
+ attrs: ['events', 'visible', 'type']
175
+ })
176
+ "
177
+ :display="show"
178
+ v-on="{ ...item.events }"
179
+ ></es-tree-group>
180
+ <iframe
181
+ v-if="item.type === 'iframe' && !item.blank"
182
+ :id="item.id || item.name"
183
+ :name="item.name"
184
+ frameborder="0"
185
+ width="100%"
186
+ height="100%"
187
+ :src="
188
+ handleUrlJoinParams({
189
+ url: item.url,
190
+ param: item.param || {}
191
+ })
192
+ "
193
+ ></iframe>
194
+ <es-upload
195
+ v-if="item.type === 'attachment'"
196
+ :file-count.sync="title.count"
197
+ height="auto"
198
+ class="es-attachment"
199
+ v-bind="
200
+ handleExclAttribute({
201
+ data: item,
202
+ attrs: ['events', 'type']
203
+ })
204
+ "
205
+ :display="show"
206
+ v-on="{ ...item.events }"
207
+ ></es-upload>
67
208
  </template>
68
- <ul v-if="item.htmlType === 'ul'" :style="item.style">
209
+ </div>
210
+ </div>
211
+ <template v-else>
212
+ <template v-if="item.htmlType === 'h1'">
213
+ <h1
214
+ v-if="item.html"
215
+ v-bind="
216
+ handleExclAttribute({
217
+ data: item,
218
+ attrs: ['html', 'htmlType']
219
+ })
220
+ "
221
+ :key="index"
222
+ v-html="item.html"
223
+ ></h1>
224
+ <h1
225
+ v-else
226
+ v-bind="
227
+ handleExclAttribute({
228
+ data: item,
229
+ attrs: ['html', 'htmlType']
230
+ })
231
+ "
232
+ :key="index"
233
+ >
234
+ {{ item.text }}
235
+ </h1>
236
+ </template>
237
+ <template v-if="item.htmlType === 'h2'">
238
+ <h2
239
+ v-if="item.html"
240
+ v-bind="
241
+ handleExclAttribute({
242
+ data: item,
243
+ attrs: ['html', 'htmlType']
244
+ })
245
+ "
246
+ :key="index"
247
+ v-html="item.html"
248
+ ></h2>
249
+ <h2
250
+ v-else
251
+ v-bind="
252
+ handleExclAttribute({
253
+ data: item,
254
+ attrs: ['html', 'htmlType']
255
+ })
256
+ "
257
+ :key="index"
258
+ >
259
+ {{ item.text }}
260
+ </h2>
261
+ </template>
262
+ <template v-if="item.htmlType === 'ul'">
263
+ <ul
264
+ v-if="item.html"
265
+ v-bind="
266
+ handleExclAttribute({
267
+ data: item,
268
+ attrs: ['html', 'htmlType']
269
+ })
270
+ "
271
+ :key="index"
272
+ v-html="item.html"
273
+ ></ul>
274
+ <ul
275
+ v-else
276
+ v-bind="
277
+ handleExclAttribute({
278
+ data: item,
279
+ attrs: ['html', 'htmlType']
280
+ })
281
+ "
282
+ :key="index"
283
+ >
69
284
  <template v-for="(liItem, liIndex) in data">
70
285
  <li
71
286
  v-if="liitems.html"
@@ -77,534 +292,324 @@
77
292
  </li>
78
293
  </template>
79
294
  </ul>
295
+ </template>
296
+ <template
297
+ v-if="
298
+ item.htmlType === 'image' || item.htmlType === 'img'
299
+ "
300
+ >
80
301
  <img
81
- v-if="
82
- item.htmlType === 'image' || item.htmlType === 'img'
302
+ :key="index"
303
+ v-bind="
304
+ handleExclAttribute({
305
+ data: item,
306
+ attrs: ['html', 'htmlType', 'src']
307
+ })
83
308
  "
84
- :src="item.url"
85
- :style="item.style"
309
+ :src="item.url || item.src"
86
310
  />
87
- <template v-if="item.htmlType === 'p'">
88
- <p
89
- v-if="item.html"
90
- :style="item.style"
91
- v-html="item.html"
92
- ></p>
93
- <p v-else :style="item.style">
94
- {{ item.text }}
95
- </p>
96
- </template>
97
- <template v-if="item.htmlType === 'div'">
98
- <div
99
- v-if="item.html"
100
- :style="item.style"
101
- v-html="item.html"
102
- ></div>
103
- <div v-else :style="item.style">
104
- {{ item.text }}
105
- </div>
106
- </template>
107
311
  </template>
108
- <template v-else>
109
- <es-data-table
110
- v-if="
111
- item.type === 'data-table' ||
112
- item.type === 'dataTable' ||
113
- item.type === 'flow-list' ||
114
- item.type === 'flowList'
115
- "
312
+ <template v-if="item.htmlType === 'p'">
313
+ <p
314
+ v-if="item.html"
116
315
  v-bind="
117
316
  handleExclAttribute({
118
317
  data: item,
119
- attrs: ['events', 'visible', 'type']
318
+ attrs: ['html', 'htmlType']
120
319
  })
121
320
  "
122
- :display="show"
123
- :class="{
124
- 'es-flow-group-data-table':
125
- item.type === 'data-table' ||
126
- item.type === 'dataTable',
127
- 'es-flow-list':
128
- item.type === 'flow-list' ||
129
- item.type === 'flowList'
130
- }"
131
- v-on="item.events"
132
- >
133
- <template v-if="item.dialog" slot="dialog">
134
- <template v-if="Array.isArray(item.dialog)">
135
- <es-dialog
136
- v-for="(ele, ids) in item.dialog"
137
- :isReload="true"
138
- v-bind="
139
- handleExclAttribute({
140
- data: ele,
141
- attrs: ['visible']
142
- })
143
- "
144
- :key="ids"
145
- :visible.sync="ele.visible"
146
- v-on="{ ...ele.events }"
147
- >
148
- </es-dialog>
149
- </template>
150
- <es-dialog
151
- v-else
152
- :isReload="true"
153
- v-bind="
154
- handleExclAttribute({
155
- data: item.dialog,
156
- attrs: ['visible']
157
- })
158
- "
159
- :visible.sync="item.dialog.visible"
160
- v-on="{ ...item.dialog.events }"
161
- >
162
- </es-dialog>
163
- </template>
164
- </es-data-table>
165
- <es-tree-group
166
- v-if="
167
- item.type === 'tree-group' ||
168
- item.type === 'treeGroup'
169
- "
321
+ :key="index"
322
+ v-html="item.html"
323
+ ></p>
324
+ <p
325
+ v-else
170
326
  v-bind="
171
327
  handleExclAttribute({
172
328
  data: item,
173
- attrs: ['events', 'visible', 'type']
329
+ attrs: ['text', 'htmlType']
174
330
  })
175
331
  "
176
- :display="show"
177
- v-on="{ ...item.events }"
178
- ></es-tree-group>
179
- <iframe
180
- v-if="item.type === 'iframe' && !item.blank"
181
- :id="item.id || item.name"
182
- :name="item.name"
183
- frameborder="0"
184
- width="100%"
185
- height="100%"
186
- :src="
187
- handleUrlJoinParams({
188
- url: item.url,
189
- param: item.param || {}
332
+ :key="index"
333
+ >
334
+ {{ item.text }}
335
+ </p>
336
+ </template>
337
+ <template v-if="item.htmlType === 'div'">
338
+ <div
339
+ v-if="item.html"
340
+ v-bind="
341
+ handleExclAttribute({
342
+ data: item,
343
+ attrs: ['html', 'htmlType']
190
344
  })
191
345
  "
192
- ></iframe>
193
- <es-upload
194
- v-if="item.type === 'attachment'"
195
- :file-count.sync="title.count"
196
- height="auto"
197
- class="es-attachment"
346
+ :key="index"
347
+ v-html="item.html"
348
+ ></div>
349
+ <div
350
+ v-else
198
351
  v-bind="
199
352
  handleExclAttribute({
200
353
  data: item,
201
- attrs: ['events', 'type']
354
+ attrs: ['html', 'htmlType']
202
355
  })
203
356
  "
204
- :display="show"
205
- v-on="{ ...item.events }"
206
- ></es-upload>
357
+ :key="index"
358
+ >
359
+ {{ item.text }}
360
+ </div>
207
361
  </template>
208
- </div>
209
- </div>
210
- <template v-else>
211
- <template v-if="item.htmlType === 'h1'">
212
- <h1
213
- v-if="item.html"
362
+ <es-form
363
+ v-if="item.type === 'form'"
364
+ ref="esFlowForm"
214
365
  v-bind="
215
366
  handleExclAttribute({
216
367
  data: item,
217
- attrs: ['html', 'htmlType']
368
+ attrs: ['events', 'visible', 'model', 'type', 'ref']
218
369
  })
219
370
  "
371
+ full
372
+ :model.sync="item.model"
373
+ :display="show"
220
374
  :key="index"
221
- v-html="item.html"
222
- ></h1>
223
- <h1
224
- v-else
225
- v-bind="
226
- handleExclAttribute({
227
- data: item,
228
- attrs: ['html', 'htmlType']
229
- })
375
+ :closeDialog="false"
376
+ v-on="{ ...item.events }"
377
+ ></es-form>
378
+ <es-data-table
379
+ v-if="
380
+ item.type === 'data-table' ||
381
+ item.type === 'dataTable' ||
382
+ item.type === 'flow-list' ||
383
+ item.type === 'flowList'
230
384
  "
231
- :key="index"
232
- >
233
- {{ item.text }}
234
- </h1>
235
- </template>
236
- <template v-if="item.htmlType === 'h2'">
237
- <h2
238
- v-if="item.html"
239
- v-bind="
240
- handleExclAttribute({
241
- data: item,
242
- attrs: ['html', 'htmlType']
243
- })
244
- "
245
- :key="index"
246
- v-html="item.html"
247
- ></h2>
248
- <h2
249
- v-else
250
385
  v-bind="
251
386
  handleExclAttribute({
252
387
  data: item,
253
- attrs: ['html', 'htmlType']
254
- })
255
- "
256
- :key="index"
257
- >
258
- {{ item.text }}
259
- </h2>
260
- </template>
261
- <template v-if="item.htmlType === 'ul'">
262
- <ul
263
- v-if="item.html"
264
- v-bind="
265
- handleExclAttribute({
266
- data: item,
267
- attrs: ['html', 'htmlType']
268
- })
269
- "
270
- :key="index"
271
- v-html="item.html"
272
- ></ul>
273
- <ul
274
- v-else
275
- v-bind="
276
- handleExclAttribute({
277
- data: item,
278
- attrs: ['html', 'htmlType']
388
+ attrs: ['events', 'visible', 'type']
279
389
  })
280
390
  "
391
+ :class="{
392
+ 'es-flow-group-data-table':
393
+ item.type === 'data-table' ||
394
+ item.type === 'dataTable',
395
+ 'es-flow-list':
396
+ item.type === 'flow-list' || item.type === 'flowList'
397
+ }"
398
+ :display="show"
281
399
  :key="index"
400
+ v-on="item.events"
282
401
  >
283
- <template v-for="(liItem, liIndex) in data">
284
- <li
285
- v-if="liitems.html"
286
- :key="liIndex"
287
- v-html="liitems.html"
288
- ></li>
289
- <li v-else :key="liIndex">
290
- {{ liItem }}
291
- </li>
402
+ <template v-if="item.dialog" slot="dialog">
403
+ <template v-if="Array.isArray(item.dialog)">
404
+ <es-dialog
405
+ v-for="(ele, ids) in item.dialog"
406
+ :isReload="true"
407
+ v-bind="
408
+ handleExclAttribute({
409
+ data: ele,
410
+ attrs: ['visible']
411
+ })
412
+ "
413
+ :key="ids"
414
+ :visible.sync="ele.visible"
415
+ v-on="{ ...ele.events }"
416
+ >
417
+ </es-dialog>
418
+ </template>
419
+ <es-dialog
420
+ v-else
421
+ :isReload="true"
422
+ v-bind="
423
+ handleExclAttribute({
424
+ data: item.dialog,
425
+ attrs: ['visible']
426
+ })
427
+ "
428
+ :visible.sync="item.dialog.visible"
429
+ v-on="{ ...item.dialog.events }"
430
+ >
431
+ </es-dialog>
292
432
  </template>
293
- </ul>
294
- </template>
295
- <template
296
- v-if="item.htmlType === 'image' || item.htmlType === 'img'"
297
- >
298
- <img
299
- :key="index"
300
- v-bind="
301
- handleExclAttribute({
302
- data: item,
303
- attrs: ['html', 'htmlType', 'src']
304
- })
433
+ </es-data-table>
434
+ <es-tree-group
435
+ v-if="
436
+ item.type === 'tree-group' || item.type === 'treeGroup'
305
437
  "
306
- :src="item.url || item.src"
307
- />
308
- </template>
309
- <template v-if="item.htmlType === 'p'">
310
- <p
311
- v-if="item.html"
312
438
  v-bind="
313
439
  handleExclAttribute({
314
440
  data: item,
315
- attrs: ['html', 'htmlType']
441
+ attrs: ['events', 'visible', 'type']
316
442
  })
317
443
  "
318
444
  :key="index"
319
- v-html="item.html"
320
- ></p>
321
- <p
322
- v-else
323
- v-bind="
324
- handleExclAttribute({
325
- data: item,
326
- attrs: ['text', 'htmlType']
445
+ :display="show"
446
+ v-on="{ ...item.events }"
447
+ ></es-tree-group>
448
+ <iframe
449
+ v-if="item.type === 'iframe' && !item.blank"
450
+ frameborder="0"
451
+ width="100%"
452
+ height="100%"
453
+ :key="index"
454
+ :id="item.id || item.name"
455
+ :name="item.name"
456
+ :src="
457
+ handleUrlJoinParams({
458
+ url: item.url,
459
+ param: item.param || {}
327
460
  })
328
461
  "
329
- :key="index"
330
- >
331
- {{ item.text }}
332
- </p>
333
- </template>
334
- <template v-if="item.htmlType === 'div'">
335
- <div
336
- v-if="item.html"
462
+ ></iframe>
463
+ <es-upload
464
+ v-if="item.type === 'attachment'"
465
+ height="auto"
466
+ class="es-attachment"
337
467
  v-bind="
338
468
  handleExclAttribute({
339
469
  data: item,
340
- attrs: ['html', 'htmlType']
470
+ attrs: ['events', 'type']
341
471
  })
342
472
  "
473
+ :file-count.sync="title.count"
343
474
  :key="index"
344
- v-html="item.html"
345
- ></div>
346
- <div
347
- v-else
475
+ :display="show"
476
+ v-on="{ ...item.events }"
477
+ ></es-upload>
478
+ <es-dialog
479
+ v-if="item.type === 'dialog'"
480
+ :isReload="true"
348
481
  v-bind="
349
482
  handleExclAttribute({
350
483
  data: item,
351
- attrs: ['html', 'htmlType']
484
+ attrs: ['visible', 'type']
352
485
  })
353
486
  "
354
487
  :key="index"
488
+ :visible.sync="item.visible"
489
+ v-on="{ ...item.events }"
355
490
  >
356
- {{ item.text }}
357
- </div>
491
+ </es-dialog>
358
492
  </template>
359
- <es-form
360
- v-if="item.type === 'form'"
361
- ref="esFlowForm"
362
- v-bind="
363
- handleExclAttribute({
364
- data: item,
365
- attrs: ['events', 'visible', 'model', 'type', 'ref']
366
- })
367
- "
368
- full
369
- :model.sync="item.model"
370
- :display="show"
371
- :key="index"
372
- :closeDialog="false"
373
- v-on="{ ...item.events }"
374
- ></es-form>
375
- <es-data-table
376
- v-if="
377
- item.type === 'data-table' ||
378
- item.type === 'dataTable' ||
379
- item.type === 'flow-list' ||
380
- item.type === 'flowList'
381
- "
382
- v-bind="
383
- handleExclAttribute({
384
- data: item,
385
- attrs: ['events', 'visible', 'type']
386
- })
387
- "
388
- :class="{
389
- 'es-flow-group-data-table':
390
- item.type === 'data-table' || item.type === 'dataTable',
391
- 'es-flow-list':
392
- item.type === 'flow-list' || item.type === 'flowList'
393
- }"
394
- :display="show"
395
- :key="index"
396
- v-on="item.events"
397
- >
398
- <template v-if="item.dialog" slot="dialog">
399
- <template v-if="Array.isArray(item.dialog)">
400
- <es-dialog
401
- v-for="(ele, ids) in item.dialog"
402
- :isReload="true"
403
- v-bind="
404
- handleExclAttribute({
405
- data: ele,
406
- attrs: ['visible']
407
- })
408
- "
409
- :key="ids"
410
- :visible.sync="ele.visible"
411
- v-on="{ ...ele.events }"
412
- >
413
- </es-dialog>
414
- </template>
493
+ </template>
494
+ </template>
495
+ <template v-else>
496
+ <es-form
497
+ v-if="contents.type === 'form'"
498
+ ref="esFlowForm"
499
+ v-bind="
500
+ handleExclAttribute({
501
+ data: contents,
502
+ attrs: ['events', 'visible', 'model', 'type', 'ref']
503
+ })
504
+ "
505
+ full
506
+ :model.sync="contents.model"
507
+ :display="show"
508
+ :closeDialog="false"
509
+ v-on="{ ...contents.events }"
510
+ ></es-form>
511
+ <es-data-table
512
+ v-if="
513
+ contents.type === 'data-table' ||
514
+ contents.type === 'dataTable' ||
515
+ contents.type === 'flow-list' ||
516
+ items.contents.type === 'flowList'
517
+ "
518
+ v-bind="
519
+ handleExclAttribute({
520
+ data: contents,
521
+ attrs: ['events', 'visible', 'type']
522
+ })
523
+ "
524
+ :class="{
525
+ 'es-flow-group-data-table':
526
+ contents.type === 'data-table' ||
527
+ items.contents.type === 'dataTable',
528
+ 'es-flow-list':
529
+ contents.type === 'flow-list' ||
530
+ contents.type === 'flowList'
531
+ }"
532
+ :display="show"
533
+ v-on="contents.events"
534
+ >
535
+ <template v-if="contents.dialog" slot="dialog">
536
+ <template v-if="Array.isArray(contents.dialog)">
415
537
  <es-dialog
416
- v-else
538
+ v-for="(ele, ids) in contents.dialog"
417
539
  :isReload="true"
418
540
  v-bind="
419
541
  handleExclAttribute({
420
- data: item.dialog,
542
+ data: ele,
421
543
  attrs: ['visible']
422
544
  })
423
545
  "
424
- :visible.sync="item.dialog.visible"
425
- v-on="{ ...item.dialog.events }"
546
+ :key="ids"
547
+ :visible.sync="ele.visible"
548
+ v-on="{ ...ele.events }"
426
549
  >
427
550
  </es-dialog>
428
551
  </template>
429
- </es-data-table>
430
- <es-tree-group
431
- v-if="
432
- item.type === 'tree-group' || item.type === 'treeGroup'
433
- "
434
- v-bind="
435
- handleExclAttribute({
436
- data: item,
437
- attrs: ['events', 'visible', 'type']
438
- })
439
- "
440
- :key="index"
441
- :display="show"
442
- v-on="{ ...item.events }"
443
- ></es-tree-group>
444
- <iframe
445
- v-if="item.type === 'iframe' && !item.blank"
446
- frameborder="0"
447
- width="100%"
448
- height="100%"
449
- :key="index"
450
- :id="item.id || item.name"
451
- :name="item.name"
452
- :src="
453
- handleUrlJoinParams({
454
- url: item.url,
455
- param: item.param || {}
456
- })
457
- "
458
- ></iframe>
459
- <es-upload
460
- v-if="item.type === 'attachment'"
461
- height="auto"
462
- class="es-attachment"
463
- v-bind="
464
- handleExclAttribute({
465
- data: item,
466
- attrs: ['events', 'type']
467
- })
468
- "
469
- :file-count.sync="title.count"
470
- :key="index"
471
- :display="show"
472
- v-on="{ ...item.events }"
473
- ></es-upload>
474
- <es-dialog
475
- v-if="item.type === 'dialog'"
476
- :isReload="true"
477
- v-bind="
478
- handleExclAttribute({
479
- data: item,
480
- attrs: ['visible', 'type']
481
- })
482
- "
483
- :key="index"
484
- :visible.sync="item.visible"
485
- v-on="{ ...item.events }"
486
- >
487
- </es-dialog>
488
- </template>
489
- </template>
490
- </template>
491
- <template v-else>
492
- <es-form
493
- v-if="contents.type === 'form'"
494
- ref="esFlowForm"
495
- v-bind="
496
- handleExclAttribute({
497
- data: contents,
498
- attrs: ['events', 'visible', 'model', 'type', 'ref']
499
- })
500
- "
501
- full
502
- :model.sync="contents.model"
503
- :display="show"
504
- :closeDialog="false"
505
- v-on="{ ...contents.events }"
506
- ></es-form>
507
- <es-data-table
508
- v-if="
509
- contents.type === 'data-table' ||
510
- contents.type === 'dataTable' ||
511
- contents.type === 'flow-list' ||
512
- items.contents.type === 'flowList'
513
- "
514
- v-bind="
515
- handleExclAttribute({
516
- data: contents,
517
- attrs: ['events', 'visible', 'type']
518
- })
519
- "
520
- :class="{
521
- 'es-flow-group-data-table':
522
- contents.type === 'data-table' ||
523
- items.contents.type === 'dataTable',
524
- 'es-flow-list':
525
- contents.type === 'flow-list' ||
526
- contents.type === 'flowList'
527
- }"
528
- :display="show"
529
- v-on="contents.events"
530
- >
531
- <template v-if="contents.dialog" slot="dialog">
532
- <template v-if="Array.isArray(contents.dialog)">
533
552
  <es-dialog
534
- v-for="(ele, ids) in contents.dialog"
553
+ v-else
535
554
  :isReload="true"
536
555
  v-bind="
537
556
  handleExclAttribute({
538
- data: ele,
557
+ data: contents.dialog,
539
558
  attrs: ['visible']
540
559
  })
541
560
  "
542
- :key="ids"
543
- :visible.sync="ele.visible"
544
- v-on="{ ...ele.events }"
561
+ :visible.sync="contents.dialog.visible"
562
+ v-on="{ ...contents.dialog.events }"
545
563
  >
546
564
  </es-dialog>
547
565
  </template>
548
- <es-dialog
549
- v-else
550
- :isReload="true"
551
- v-bind="
552
- handleExclAttribute({
553
- data: contents.dialog,
554
- attrs: ['visible']
555
- })
556
- "
557
- :visible.sync="contents.dialog.visible"
558
- v-on="{ ...contents.dialog.events }"
559
- >
560
- </es-dialog>
561
- </template>
562
- </es-data-table>
563
- <es-tree-group
564
- v-if="
565
- contents.type === 'tree-group' ||
566
- contents.type === 'treeGroup'
567
- "
568
- v-bind="
569
- handleExclAttribute({
570
- data: contents,
571
- attrs: ['events', 'visible', 'type']
572
- })
573
- "
574
- :display="show"
575
- v-on="{ ...contents.events }"
576
- ></es-tree-group>
577
- <iframe
578
- v-if="contents.type === 'iframe' && !contents.blank"
579
- :id="contents.id || contents.name"
580
- :name="contents.name"
581
- frameborder="0"
582
- width="100%"
583
- height="100%"
584
- :src="
585
- handleUrlJoinParams({
586
- url: contents.url,
587
- param: contents.param || {}
588
- })
589
- "
590
- ></iframe>
591
- <es-upload
592
- v-if="contents.type === 'attachment'"
593
- v-bind="
594
- handleExclAttribute({
595
- data: contents,
596
- attrs: ['events', 'type']
597
- })
598
- "
599
- :display="show"
600
- :file-count.sync="title.count"
601
- height="auto"
602
- class="es-attachment"
603
- v-on="{ ...contents.events }"
604
- ></es-upload>
566
+ </es-data-table>
567
+ <es-tree-group
568
+ v-if="
569
+ contents.type === 'tree-group' ||
570
+ contents.type === 'treeGroup'
571
+ "
572
+ v-bind="
573
+ handleExclAttribute({
574
+ data: contents,
575
+ attrs: ['events', 'visible', 'type']
576
+ })
577
+ "
578
+ :display="show"
579
+ v-on="{ ...contents.events }"
580
+ ></es-tree-group>
581
+ <iframe
582
+ v-if="contents.type === 'iframe' && !contents.blank"
583
+ :id="contents.id || contents.name"
584
+ :name="contents.name"
585
+ frameborder="0"
586
+ width="100%"
587
+ height="100%"
588
+ :src="
589
+ handleUrlJoinParams({
590
+ url: contents.url,
591
+ param: contents.param || {}
592
+ })
593
+ "
594
+ ></iframe>
595
+ <es-upload
596
+ v-if="contents.type === 'attachment'"
597
+ v-bind="
598
+ handleExclAttribute({
599
+ data: contents,
600
+ attrs: ['events', 'type']
601
+ })
602
+ "
603
+ :display="show"
604
+ :file-count.sync="title.count"
605
+ height="auto"
606
+ class="es-attachment"
607
+ v-on="{ ...contents.events }"
608
+ ></es-upload>
609
+ </template>
605
610
  </template>
606
- </template>
607
- </es-tabs-panel>
611
+ </es-tabs-panel>
612
+ </template>
608
613
  </el-tab-pane>
609
614
  </template>
610
615
  </el-tabs>