eoss-ui 0.4.68 → 0.4.70

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 (20) hide show
  1. package/lib/data-table.js +17 -11
  2. package/lib/eoss-ui.common.js +1720 -1581
  3. package/lib/flow-group.js +1010 -898
  4. package/lib/flow-list.js +112 -110
  5. package/lib/form.js +2 -29
  6. package/lib/index.js +1 -1
  7. package/lib/main.js +7 -8
  8. package/lib/tabs-panel.js +24 -6
  9. package/lib/tabs.js +5 -2
  10. package/lib/tree.js +34 -8
  11. package/package.json +1 -1
  12. package/packages/data-table/src/main.vue +9 -5
  13. package/packages/flow-group/src/main.vue +267 -251
  14. package/packages/flow-list/src/main.vue +22 -16
  15. package/packages/form/src/main.vue +0 -10
  16. package/packages/main/src/message.vue +0 -1
  17. package/packages/tabs/src/main.vue +3 -1
  18. package/packages/tabs-panel/src/main.vue +15 -4
  19. package/packages/tree/src/main.vue +34 -6
  20. package/src/index.js +1 -1
package/packages/flow-group/src/main.vue CHANGED
@@ -33,15 +33,133 @@
33
33
  </template>
34
34
  <template v-else>{{ items.title }}</template>
35
35
  </span>
36
- <template v-if="items.contents">
37
- <template v-if="Array.isArray(items.contents)">
38
- <template v-for="(item, index) in items.contents">
39
- <div
40
- class="es-tab-pane-list"
41
- :key="index"
42
- v-if="items.average"
43
- >
44
- <div class="es-tab-pane-main">
36
+ <es-tabs-panel v-bind="items" :show="activeName === String(indexs)">
37
+ <template
38
+ slot-scope="{ contents, average, data, title, show, isShow }"
39
+ >
40
+ <template v-if="Array.isArray(contents)">
41
+ <template v-for="(item, index) in contents">
42
+ <div class="es-tab-pane-list" :key="index" v-if="average">
43
+ <div class="es-tab-pane-main">
44
+ <es-flow-list
45
+ v-if="
46
+ item.type === 'flow-list' ||
47
+ item.type === 'flowList'
48
+ "
49
+ :businessId="businessId"
50
+ v-bind="
51
+ handleExclAttribute({
52
+ data: item,
53
+ attrs: ['events', 'visible', 'type']
54
+ })
55
+ "
56
+ :display="activeName === String(indexs)"
57
+ :key="index"
58
+ ></es-flow-list>
59
+ <es-data-table
60
+ v-if="
61
+ item.type === 'data-table' ||
62
+ item.type === 'dataTable'
63
+ "
64
+ :appId="taskExamineAppId"
65
+ v-bind="
66
+ handleExclAttribute({
67
+ data: item,
68
+ attrs: ['events', 'visible', 'type']
69
+ })
70
+ "
71
+ :class="{
72
+ 'es-flow-group-data-table':
73
+ item.type === 'data-table' ||
74
+ item.type === 'dataTable'
75
+ }"
76
+ :display="activeName === String(indexs)"
77
+ v-on="item.events"
78
+ >
79
+ <template v-if="item.dialog" slot="dialog">
80
+ <template v-if="Array.isArray(item.dialog)">
81
+ <es-dialog
82
+ v-for="(ele, ids) in item.dialog"
83
+ :isReload="true"
84
+ v-bind="ele"
85
+ :key="ids"
86
+ :visible.sync="ele.visible"
87
+ v-on="{ ...ele.events }"
88
+ >
89
+ </es-dialog>
90
+ </template>
91
+ <es-dialog
92
+ v-else
93
+ :isReload="true"
94
+ v-bind="item.dialog"
95
+ :visible.sync="item.dialog.visible"
96
+ v-on="{ ...item.dialog.events }"
97
+ >
98
+ </es-dialog>
99
+ </template>
100
+ </es-data-table>
101
+ <es-tree-group
102
+ v-if="
103
+ item.type === 'tree-group' ||
104
+ item.type === 'treeGroup'
105
+ "
106
+ :appId="taskExamineAppId"
107
+ v-bind="
108
+ handleExclAttribute({
109
+ data: item,
110
+ attrs: ['events', 'visible', 'type']
111
+ })
112
+ "
113
+ :display="activeName === String(indexs)"
114
+ v-on="{ ...item.events }"
115
+ ></es-tree-group>
116
+ <iframe
117
+ v-if="item.type === 'iframe' && !item.blank"
118
+ :id="item.id || item.name"
119
+ :name="item.name"
120
+ frameborder="0"
121
+ width="100%"
122
+ height="100%"
123
+ :src="handleUrlJoinParams(item)"
124
+ ></iframe>
125
+ <es-upload
126
+ v-if="item.type === 'attachment'"
127
+ :file-count.sync="title.count"
128
+ height="auto"
129
+ class="es-attachment"
130
+ :ownId="businessId"
131
+ v-bind="
132
+ handleExclAttribute({
133
+ data: item,
134
+ attrs: ['events', 'type']
135
+ })
136
+ "
137
+ :display="activeName === String(indexs)"
138
+ v-on="{ ...item.events }"
139
+ ></es-upload>
140
+ </div>
141
+ </div>
142
+ <template v-else>
143
+ <es-form
144
+ v-if="item.type === 'form'"
145
+ ref="esFlowForm"
146
+ :showMsg="showMsg"
147
+ v-bind="
148
+ handleExclAttribute({
149
+ data: item,
150
+ attrs: ['events', 'visible', 'type', 'model', 'ref']
151
+ })
152
+ "
153
+ full
154
+ :key="index"
155
+ :autoId="true"
156
+ :show-button="false"
157
+ :closeDialog="false"
158
+ :display="activeName === String(indexs)"
159
+ :model="item.model"
160
+ :businessId.sync="businessId"
161
+ v-on="{ ...item.events }"
162
+ ></es-form>
45
163
  <es-flow-list
46
164
  v-if="
47
165
  item.type === 'flow-list' || item.type === 'flowList'
@@ -53,8 +171,8 @@
53
171
  attrs: ['events', 'visible', 'type']
54
172
  })
55
173
  "
174
+ :display="activeName === String(indexs)"
56
175
  :key="index"
57
- v-on="item.events"
58
176
  ></es-flow-list>
59
177
  <es-data-table
60
178
  v-if="
@@ -68,6 +186,7 @@
68
186
  attrs: ['events', 'visible', 'type']
69
187
  })
70
188
  "
189
+ :key="index"
71
190
  :class="{
72
191
  'es-flow-group-data-table':
73
192
  item.type === 'data-table' ||
@@ -110,21 +229,22 @@
110
229
  attrs: ['events', 'visible', 'type']
111
230
  })
112
231
  "
232
+ :key="index"
113
233
  :display="activeName === String(indexs)"
114
234
  v-on="{ ...item.events }"
115
235
  ></es-tree-group>
116
236
  <iframe
117
237
  v-if="item.type === 'iframe' && !item.blank"
118
- :id="item.id || item.name"
119
- :name="item.name"
120
238
  frameborder="0"
121
239
  width="100%"
122
240
  height="100%"
241
+ :key="index"
242
+ :id="item.id || item.name"
243
+ :name="item.name"
123
244
  :src="handleUrlJoinParams(item)"
124
245
  ></iframe>
125
246
  <es-upload
126
247
  v-if="item.type === 'attachment'"
127
- :file-count.sync="items.title.count"
128
248
  height="auto"
129
249
  class="es-attachment"
130
250
  :ownId="businessId"
@@ -134,252 +254,144 @@
134
254
  attrs: ['events', 'type']
135
255
  })
136
256
  "
257
+ :key="index"
258
+ :file-count.sync="title.count"
137
259
  :display="activeName === String(indexs)"
138
260
  v-on="{ ...item.events }"
139
261
  ></es-upload>
140
- </div>
141
- </div>
142
- <template v-else>
143
- <es-form
144
- v-if="item.type === 'form'"
145
- ref="esFlowForm"
146
- :showMsg="showMsg"
147
- v-bind="
148
- handleExclAttribute({
149
- data: item,
150
- attrs: ['events', 'visible', 'type', 'model', 'ref']
151
- })
152
- "
153
- full
154
- :key="index"
155
- :autoId="true"
156
- :show-button="false"
157
- :closeDialog="false"
158
- :display="activeName === String(indexs)"
159
- :model="item.model"
160
- :businessId.sync="businessId"
161
- v-on="{ ...item.events }"
162
- ></es-form>
163
- <es-flow-list
164
- v-if="
165
- item.type === 'flow-list' || item.type === 'flowList'
166
- "
167
- :businessId="businessId"
168
- v-bind="
169
- handleExclAttribute({
170
- data: item,
171
- attrs: ['events', 'visible', 'type']
172
- })
173
- "
174
- :key="index"
175
- ></es-flow-list>
176
- <es-data-table
177
- v-if="
178
- item.type === 'data-table' || item.type === 'dataTable'
179
- "
180
- :appId="taskExamineAppId"
181
- v-bind="
182
- handleExclAttribute({
183
- data: item,
184
- attrs: ['events', 'visible', 'type']
185
- })
186
- "
187
- :key="index"
188
- :class="{
189
- 'es-flow-group-data-table':
190
- item.type === 'data-table' ||
191
- item.type === 'dataTable'
192
- }"
193
- :display="activeName === String(indexs)"
194
- v-on="item.events"
195
- >
196
- <template v-if="item.dialog" slot="dialog">
197
- <template v-if="Array.isArray(item.dialog)">
198
- <es-dialog
199
- v-for="(ele, ids) in item.dialog"
200
- :isReload="true"
201
- v-bind="ele"
202
- :key="ids"
203
- :visible.sync="ele.visible"
204
- v-on="{ ...ele.events }"
205
- >
206
- </es-dialog>
207
- </template>
262
+ <es-dialog
263
+ v-if="
264
+ item.type === 'dialog' &&
265
+ activeName === String(indexs)
266
+ "
267
+ :isReload="true"
268
+ v-bind="item"
269
+ :key="index"
270
+ :visible.sync="item.visible"
271
+ v-on="{ ...item.events }"
272
+ >
273
+ </es-dialog>
274
+ </template>
275
+ </template>
276
+ </template>
277
+ <template v-else>
278
+ <es-form
279
+ v-if="contents.type === 'form'"
280
+ :show-button="false"
281
+ ref="esFlowForm"
282
+ :showMsg="showMsg"
283
+ v-bind="
284
+ handleExclAttribute({
285
+ data: contents,
286
+ attrs: ['events', 'visible', 'type', 'model', 'ref']
287
+ })
288
+ "
289
+ full
290
+ :autoId="true"
291
+ :businessId.sync="businessId"
292
+ :closeDialog="false"
293
+ :display="activeName === String(indexs)"
294
+ :model="contents.model"
295
+ v-on="{ ...contents.events }"
296
+ ></es-form>
297
+ <es-flow-list
298
+ v-if="
299
+ contents.type === 'flow-list' ||
300
+ contents.type === 'flowList'
301
+ "
302
+ :businessId="businessId"
303
+ v-bind="
304
+ handleExclAttribute({
305
+ data: contents,
306
+ attrs: ['events', 'visible', 'type']
307
+ })
308
+ "
309
+ :display="activeName === String(indexs)"
310
+ ></es-flow-list>
311
+ <es-data-table
312
+ v-if="
313
+ contents.type === 'data-table' ||
314
+ contents.type === 'dataTable'
315
+ "
316
+ :appId="taskExamineAppId"
317
+ v-bind="
318
+ handleExclAttribute({
319
+ data: contents,
320
+ attrs: ['events', 'visible', 'type']
321
+ })
322
+ "
323
+ :class="{
324
+ 'es-flow-group-data-table':
325
+ contents.type === 'data-table' ||
326
+ contents.type === 'dataTable'
327
+ }"
328
+ :display="activeName === String(indexs)"
329
+ v-on="contents.events"
330
+ >
331
+ <template v-if="contents.dialog" slot="dialog">
332
+ <template v-if="Array.isArray(contents.dialog)">
208
333
  <es-dialog
209
- v-else
334
+ v-for="(ele, ids) in contents.dialog"
210
335
  :isReload="true"
211
- v-bind="item.dialog"
212
- :visible.sync="item.dialog.visible"
213
- v-on="{ ...item.dialog.events }"
336
+ v-bind="ele"
337
+ :key="ids"
338
+ :visible.sync="ele.visible"
339
+ v-on="{ ...ele.events }"
214
340
  >
215
341
  </es-dialog>
216
342
  </template>
217
- </es-data-table>
218
- <es-tree-group
219
- v-if="
220
- item.type === 'tree-group' || item.type === 'treeGroup'
221
- "
222
- :appId="taskExamineAppId"
223
- v-bind="
224
- handleExclAttribute({
225
- data: item,
226
- attrs: ['events', 'visible', 'type']
227
- })
228
- "
229
- :key="index"
230
- :display="activeName === String(indexs)"
231
- v-on="{ ...item.events }"
232
- ></es-tree-group>
233
- <iframe
234
- v-if="item.type === 'iframe' && !item.blank"
235
- frameborder="0"
236
- width="100%"
237
- height="100%"
238
- :key="index"
239
- :id="item.id || item.name"
240
- :name="item.name"
241
- :src="handleUrlJoinParams(item)"
242
- ></iframe>
243
- <es-upload
244
- v-if="item.type === 'attachment'"
245
- height="auto"
246
- class="es-attachment"
247
- :ownId="businessId"
248
- v-bind="
249
- handleExclAttribute({
250
- data: item,
251
- attrs: ['events', 'type']
252
- })
253
- "
254
- :key="index"
255
- :file-count.sync="items.title.count"
256
- :display="activeName === String(indexs)"
257
- v-on="{ ...item.events }"
258
- ></es-upload>
259
- <es-dialog
260
- v-if="
261
- item.type === 'dialog' && activeName === String(indexs)
262
- "
263
- :isReload="true"
264
- v-bind="item"
265
- :key="index"
266
- :visible.sync="item.visible"
267
- v-on="{ ...item.events }"
268
- >
269
- </es-dialog>
270
- </template>
271
- </template>
272
- </template>
273
- <template v-else>
274
- <es-form
275
- v-if="items.contents.type === 'form'"
276
- :show-button="false"
277
- ref="esFlowForm"
278
- :showMsg="showMsg"
279
- v-bind="
280
- handleExclAttribute({
281
- data: items.contents,
282
- attrs: ['events', 'visible', 'type', 'model', 'ref']
283
- })
284
- "
285
- full
286
- :autoId="true"
287
- :businessId.sync="businessId"
288
- :closeDialog="false"
289
- :display="activeName === String(indexs)"
290
- :model="items.contents.model"
291
- v-on="{ ...items.contents.events }"
292
- ></es-form>
293
- <es-data-table
294
- v-if="
295
- items.contents.type === 'data-table' ||
296
- items.contents.type === 'dataTable' ||
297
- items.contents.type === 'flow-list' ||
298
- items.contents.type === 'flowList'
299
- "
300
- :appId="taskExamineAppId"
301
- v-bind="
302
- handleExclAttribute({
303
- data: items.contents,
304
- attrs: ['events', 'visible', 'type']
305
- })
306
- "
307
- :class="{
308
- 'es-flow-group-data-table':
309
- items.contents.type === 'data-table' ||
310
- items.contents.type === 'dataTable',
311
- 'es-flow-list':
312
- items.contents.type === 'flow-list' ||
313
- items.contents.type === 'flowList'
314
- }"
315
- :display="activeName === String(indexs)"
316
- v-on="items.contents.events"
317
- >
318
- <template v-if="items.contents.dialog" slot="dialog">
319
- <template v-if="Array.isArray(items.contents.dialog)">
320
343
  <es-dialog
321
- v-for="(ele, ids) in items.contents.dialog"
344
+ v-else
322
345
  :isReload="true"
323
- v-bind="ele"
324
- :key="ids"
325
- :visible.sync="ele.visible"
326
- v-on="{ ...ele.events }"
346
+ v-bind="contents.dialog"
347
+ :visible.sync="contents.dialog.visible"
348
+ v-on="{ ...contents.dialog.events }"
327
349
  >
328
350
  </es-dialog>
329
351
  </template>
330
- <es-dialog
331
- v-else
332
- :isReload="true"
333
- v-bind="items.contents.dialog"
334
- :visible.sync="items.contents.dialog.visible"
335
- v-on="{ ...items.contents.dialog.events }"
336
- >
337
- </es-dialog>
338
- </template>
339
- </es-data-table>
340
- <es-tree-group
341
- v-if="
342
- items.contents.type === 'tree-group' ||
343
- items.contents.type === 'treeGroup'
344
- "
345
- :appId="taskExamineAppId"
346
- v-bind="
347
- handleExclAttribute({
348
- data: items.contents,
349
- attrs: ['events', 'visible', 'type']
350
- })
351
- "
352
- :display="activeName === String(indexs)"
353
- v-on="{ ...items.contents.events }"
354
- ></es-tree-group>
355
- <iframe
356
- v-if="
357
- items.contents.type === 'iframe' && !items.contents.blank
358
- "
359
- :id="items.contents.id || items.contents.name"
360
- :name="items.contents.name"
361
- frameborder="0"
362
- width="100%"
363
- height="100%"
364
- :src="handleUrlJoinParams(items.contents)"
365
- ></iframe>
366
- <es-upload
367
- v-if="items.contents.type === 'attachment'"
368
- :ownId="businessId"
369
- v-bind="
370
- handleExclAttribute({
371
- data: items.contents,
372
- attrs: ['events', 'type']
373
- })
374
- "
375
- :file-count.sync="items.title.count"
376
- :display="activeName === String(indexs)"
377
- height="auto"
378
- class="es-attachment"
379
- v-on="{ ...items.contents.events }"
380
- ></es-upload>
352
+ </es-data-table>
353
+ <es-tree-group
354
+ v-if="
355
+ contents.type === 'tree-group' ||
356
+ contents.type === 'treeGroup'
357
+ "
358
+ :appId="taskExamineAppId"
359
+ v-bind="
360
+ handleExclAttribute({
361
+ data: contents,
362
+ attrs: ['events', 'visible', 'type']
363
+ })
364
+ "
365
+ :display="activeName === String(indexs)"
366
+ v-on="{ ...contents.events }"
367
+ ></es-tree-group>
368
+ <iframe
369
+ v-if="contents.type === 'iframe' && !contents.blank"
370
+ :id="contents.id || contents.name"
371
+ :name="contents.name"
372
+ frameborder="0"
373
+ width="100%"
374
+ height="100%"
375
+ :src="handleUrlJoinParams(contents)"
376
+ ></iframe>
377
+ <es-upload
378
+ v-if="contents.type === 'attachment'"
379
+ :ownId="businessId"
380
+ v-bind="
381
+ handleExclAttribute({
382
+ data: contents,
383
+ attrs: ['events', 'type']
384
+ })
385
+ "
386
+ :file-count.sync="title.count"
387
+ :display="activeName === String(indexs)"
388
+ height="auto"
389
+ class="es-attachment"
390
+ v-on="{ ...contents.events }"
391
+ ></es-upload>
392
+ </template>
381
393
  </template>
382
- </template>
394
+ </es-tabs-panel>
383
395
  </el-tab-pane>
384
396
  </template>
385
397
  </el-tabs>
@@ -387,8 +399,7 @@
387
399
  <es-flow
388
400
  v-if="isShow"
389
401
  class="es-group-flow"
390
- :pendingId="pendingId"
391
- v-bind="flow"
402
+ v-bind="_flow"
392
403
  :style="{ width: _width }"
393
404
  :before-submit="handleSubmit"
394
405
  :businessId="businessId"
@@ -474,6 +485,11 @@ export default {
474
485
  },
475
486
  _width() {
476
487
  return parseInt(this.width, 10) + 'px';
488
+ },
489
+ _flow() {
490
+ return !this.flow.pendingId
491
+ ? { ...this.flow, pendingId: this.pendingId }
492
+ : this.flow;
477
493
  }
478
494
  },
479
495
  watch: {
@@ -484,12 +500,12 @@ export default {
484
500
  this.handleChangeData({ businessId: val });
485
501
  }
486
502
  },
487
- mounted() {
488
- if (this.pendingId || this.flow.pendingId || this.flow.businessId) {
489
- this.businessId =
490
- this.pendingId || this.flow.pendingId || this.flow.businessId;
503
+ created() {
504
+ if (this.flow.businessId || this.flow.pendingId) {
505
+ this.businessId = this.flow.businessId || this.flow.pendingId;
491
506
  }
492
507
  },
508
+ mounted() {},
493
509
  methods: {
494
510
  handleHide(res) {
495
511
  return typeof res === 'boolean'