@tmagic/table 1.5.20 → 1.5.22
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/dist/tmagic-table.js +138 -239
- package/dist/tmagic-table.umd.cjs +138 -239
- package/package.json +3 -3
- package/types/index.d.ts +5 -5
package/dist/tmagic-table.js
CHANGED
|
@@ -71,43 +71,35 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
71
71
|
fixed: _ctx.config.fixed
|
|
72
72
|
}, {
|
|
73
73
|
default: withCtx((scope) => [
|
|
74
|
-
(openBlock(true), createElementBlock(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
]),
|
|
104
|
-
_: 2
|
|
105
|
-
/* DYNAMIC */
|
|
106
|
-
}, 1032, ["placement", "disabled", "content"]);
|
|
107
|
-
}),
|
|
108
|
-
128
|
|
109
|
-
/* KEYED_FRAGMENT */
|
|
110
|
-
)),
|
|
74
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.actions, (action, actionIndex) => {
|
|
75
|
+
return openBlock(), createBlock(unref(TMagicTooltip), {
|
|
76
|
+
placement: action.tooltipPlacement || "top",
|
|
77
|
+
key: actionIndex,
|
|
78
|
+
disabled: !Boolean(action.tooltip),
|
|
79
|
+
content: action.tooltip
|
|
80
|
+
}, {
|
|
81
|
+
default: withCtx(() => [
|
|
82
|
+
withDirectives(createVNode(unref(TMagicButton), {
|
|
83
|
+
class: "action-btn",
|
|
84
|
+
link: "",
|
|
85
|
+
size: "small",
|
|
86
|
+
type: action.buttonType || "primary",
|
|
87
|
+
icon: action.icon,
|
|
88
|
+
onClick: ($event) => actionHandler(action, scope.row, scope.$index)
|
|
89
|
+
}, {
|
|
90
|
+
default: withCtx(() => [
|
|
91
|
+
createElementVNode("span", {
|
|
92
|
+
innerHTML: formatter(action.text, scope.row)
|
|
93
|
+
}, null, 8, _hoisted_1$2)
|
|
94
|
+
]),
|
|
95
|
+
_: 2
|
|
96
|
+
}, 1032, ["type", "icon", "onClick"]), [
|
|
97
|
+
[vShow, display(action.display, scope.row) && !_ctx.editState[scope.$index]]
|
|
98
|
+
])
|
|
99
|
+
]),
|
|
100
|
+
_: 2
|
|
101
|
+
}, 1032, ["placement", "disabled", "content"]);
|
|
102
|
+
}), 128)),
|
|
111
103
|
withDirectives(createVNode(unref(TMagicButton), {
|
|
112
104
|
class: "action-btn",
|
|
113
105
|
link: "",
|
|
@@ -119,7 +111,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
119
111
|
createTextVNode("保存")
|
|
120
112
|
])),
|
|
121
113
|
_: 2
|
|
122
|
-
/* DYNAMIC */
|
|
123
114
|
}, 1032, ["onClick"]), [
|
|
124
115
|
[vShow, _ctx.editState[scope.$index]]
|
|
125
116
|
]),
|
|
@@ -134,13 +125,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
134
125
|
createTextVNode("取消")
|
|
135
126
|
])),
|
|
136
127
|
_: 2
|
|
137
|
-
/* DYNAMIC */
|
|
138
128
|
}, 1032, ["onClick"]), [
|
|
139
129
|
[vShow, _ctx.editState[scope.$index]]
|
|
140
130
|
])
|
|
141
131
|
]),
|
|
142
132
|
_: 1
|
|
143
|
-
/* STABLE */
|
|
144
133
|
}, 8, ["label", "width", "fixed"]);
|
|
145
134
|
};
|
|
146
135
|
}
|
|
@@ -178,16 +167,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
178
167
|
prop: _ctx.config.prop
|
|
179
168
|
}, {
|
|
180
169
|
default: withCtx((scope) => [
|
|
181
|
-
(openBlock(), createBlock(
|
|
182
|
-
resolveDynamicComponent(_ctx.config.component),
|
|
183
|
-
mergeProps(componentProps(scope.row, scope.$index), toHandlers(componentListeners(scope.row, scope.$index))),
|
|
184
|
-
null,
|
|
185
|
-
16
|
|
186
|
-
/* FULL_PROPS */
|
|
187
|
-
))
|
|
170
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.config.component), mergeProps(componentProps(scope.row, scope.$index), toHandlers(componentListeners(scope.row, scope.$index))), null, 16))
|
|
188
171
|
]),
|
|
189
172
|
_: 1
|
|
190
|
-
/* STABLE */
|
|
191
173
|
}, 8, ["label", "width", "fixed", "sortable", "prop"]);
|
|
192
174
|
};
|
|
193
175
|
}
|
|
@@ -211,47 +193,31 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
211
193
|
return props.config.props || {};
|
|
212
194
|
};
|
|
213
195
|
return (_ctx, _cache) => {
|
|
214
|
-
return openBlock(),
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
}, null, 8, _hoisted_1$1)) : createCommentVNode("v-if", true),
|
|
240
|
-
_ctx.config.component ? (openBlock(), createBlock(
|
|
241
|
-
resolveDynamicComponent(_ctx.config.component),
|
|
242
|
-
normalizeProps(mergeProps({ key: 3 }, componentProps(scope.row))),
|
|
243
|
-
null,
|
|
244
|
-
16
|
|
245
|
-
/* FULL_PROPS */
|
|
246
|
-
)) : createCommentVNode("v-if", true)
|
|
247
|
-
]),
|
|
248
|
-
_: 1
|
|
249
|
-
/* STABLE */
|
|
250
|
-
}, 8, ["width", "fixed"])
|
|
251
|
-
],
|
|
252
|
-
2112
|
|
253
|
-
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
254
|
-
);
|
|
196
|
+
return openBlock(), createBlock(unref(TMagicTableColumn), {
|
|
197
|
+
type: "expand",
|
|
198
|
+
width: _ctx.config.width,
|
|
199
|
+
fixed: _ctx.config.fixed
|
|
200
|
+
}, {
|
|
201
|
+
default: withCtx((scope) => [
|
|
202
|
+
_ctx.config.table ? (openBlock(), createBlock(_sfc_main, {
|
|
203
|
+
key: 0,
|
|
204
|
+
"show-header": false,
|
|
205
|
+
columns: _ctx.config.table,
|
|
206
|
+
data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
|
|
207
|
+
}, null, 8, ["columns", "data"])) : createCommentVNode("", true),
|
|
208
|
+
_ctx.config.form ? (openBlock(), createBlock(unref(MForm), {
|
|
209
|
+
key: 1,
|
|
210
|
+
config: _ctx.config.form,
|
|
211
|
+
"init-values": _ctx.config.values || _ctx.config.prop && scope.row[_ctx.config.prop] || {}
|
|
212
|
+
}, null, 8, ["config", "init-values"])) : createCommentVNode("", true),
|
|
213
|
+
_ctx.config.expandContent ? (openBlock(), createElementBlock("div", {
|
|
214
|
+
key: 2,
|
|
215
|
+
innerHTML: _ctx.config.expandContent(scope.row, _ctx.config.prop)
|
|
216
|
+
}, null, 8, _hoisted_1$1)) : createCommentVNode("", true),
|
|
217
|
+
_ctx.config.component ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.config.component), normalizeProps(mergeProps({ key: 3 }, componentProps(scope.row))), null, 16)) : createCommentVNode("", true)
|
|
218
|
+
]),
|
|
219
|
+
_: 1
|
|
220
|
+
}, 8, ["width", "fixed"]);
|
|
255
221
|
};
|
|
256
222
|
}
|
|
257
223
|
});
|
|
@@ -284,65 +250,43 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
284
250
|
},
|
|
285
251
|
setup(__props) {
|
|
286
252
|
return (_ctx, _cache) => {
|
|
287
|
-
return openBlock(),
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
253
|
+
return openBlock(), createBlock(unref(TMagicTableColumn), {
|
|
254
|
+
label: _ctx.config.label,
|
|
255
|
+
width: _ctx.config.width,
|
|
256
|
+
fixed: _ctx.config.fixed
|
|
257
|
+
}, {
|
|
258
|
+
default: withCtx((scope) => [
|
|
259
|
+
_ctx.config.popover ? (openBlock(), createBlock(unref(TMagicPopover), {
|
|
260
|
+
key: 0,
|
|
261
|
+
placement: _ctx.config.popover.placement,
|
|
262
|
+
width: _ctx.config.popover.width,
|
|
263
|
+
trigger: _ctx.config.popover.trigger,
|
|
264
|
+
"destroy-on-close": _ctx.config.popover.destroyOnClose ?? true
|
|
296
265
|
}, {
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
width: _ctx.config.popover.width,
|
|
302
|
-
trigger: _ctx.config.popover.trigger,
|
|
303
|
-
"destroy-on-close": _ctx.config.popover.destroyOnClose ?? true
|
|
266
|
+
reference: withCtx(() => [
|
|
267
|
+
createVNode(unref(TMagicButton), {
|
|
268
|
+
link: "",
|
|
269
|
+
type: "primary"
|
|
304
270
|
}, {
|
|
305
|
-
reference: withCtx(() => [
|
|
306
|
-
createVNode(
|
|
307
|
-
unref(TMagicButton),
|
|
308
|
-
{
|
|
309
|
-
link: "",
|
|
310
|
-
type: "primary"
|
|
311
|
-
},
|
|
312
|
-
{
|
|
313
|
-
default: withCtx(() => [
|
|
314
|
-
createTextVNode(
|
|
315
|
-
toDisplayString(_ctx.config.text || unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
|
|
316
|
-
1
|
|
317
|
-
/* TEXT */
|
|
318
|
-
)
|
|
319
|
-
]),
|
|
320
|
-
_: 2
|
|
321
|
-
/* DYNAMIC */
|
|
322
|
-
},
|
|
323
|
-
1024
|
|
324
|
-
/* DYNAMIC_SLOTS */
|
|
325
|
-
)
|
|
326
|
-
]),
|
|
327
271
|
default: withCtx(() => [
|
|
328
|
-
_ctx.config.
|
|
329
|
-
key: 0,
|
|
330
|
-
"show-header": _ctx.config.showHeader,
|
|
331
|
-
columns: _ctx.config.table,
|
|
332
|
-
data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
|
|
333
|
-
}, null, 8, ["show-header", "columns", "data"])) : createCommentVNode("v-if", true)
|
|
272
|
+
createTextVNode(toDisplayString(_ctx.config.text || unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
|
|
334
273
|
]),
|
|
335
274
|
_: 2
|
|
336
|
-
|
|
337
|
-
}, 1032, ["placement", "width", "trigger", "destroy-on-close"])) : createCommentVNode("v-if", true)
|
|
275
|
+
}, 1024)
|
|
338
276
|
]),
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
277
|
+
default: withCtx(() => [
|
|
278
|
+
_ctx.config.popover.tableEmbed ? (openBlock(), createBlock(_sfc_main, {
|
|
279
|
+
key: 0,
|
|
280
|
+
"show-header": _ctx.config.showHeader,
|
|
281
|
+
columns: _ctx.config.table,
|
|
282
|
+
data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
|
|
283
|
+
}, null, 8, ["show-header", "columns", "data"])) : createCommentVNode("", true)
|
|
284
|
+
]),
|
|
285
|
+
_: 2
|
|
286
|
+
}, 1032, ["placement", "width", "trigger", "destroy-on-close"])) : createCommentVNode("", true)
|
|
287
|
+
]),
|
|
288
|
+
_: 1
|
|
289
|
+
}, 8, ["label", "width", "fixed"]);
|
|
346
290
|
};
|
|
347
291
|
}
|
|
348
292
|
});
|
|
@@ -375,13 +319,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
375
319
|
prop: _ctx.config.prop
|
|
376
320
|
}, {
|
|
377
321
|
default: withCtx((scope) => [
|
|
378
|
-
_ctx.config.type === "index" ? (openBlock(), createElementBlock(
|
|
379
|
-
"div",
|
|
380
|
-
_hoisted_1,
|
|
381
|
-
toDisplayString(_ctx.config.pageIndex && _ctx.config.pageSize ? _ctx.config.pageIndex * _ctx.config.pageSize + scope.$index + 1 : scope.$index + 1),
|
|
382
|
-
1
|
|
383
|
-
/* TEXT */
|
|
384
|
-
)) : _ctx.config.type && _ctx.editState[scope.$index] ? (openBlock(), createBlock(unref(TMagicForm), {
|
|
322
|
+
_ctx.config.type === "index" ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.config.pageIndex && _ctx.config.pageSize ? _ctx.config.pageIndex * _ctx.config.pageSize + scope.$index + 1 : scope.$index + 1), 1)) : _ctx.config.type && _ctx.editState[scope.$index] ? (openBlock(), createBlock(unref(TMagicForm), {
|
|
385
323
|
key: 1,
|
|
386
324
|
"label-width": "0",
|
|
387
325
|
model: _ctx.editState[scope.$index]
|
|
@@ -396,7 +334,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
396
334
|
}, null, 8, ["prop", "rules", "config", "name", "model"])
|
|
397
335
|
]),
|
|
398
336
|
_: 2
|
|
399
|
-
/* DYNAMIC */
|
|
400
337
|
}, 1032, ["model"])) : _ctx.config.action === "actionLink" && _ctx.config.prop ? (openBlock(), createBlock(unref(TMagicButton), {
|
|
401
338
|
key: 2,
|
|
402
339
|
link: "",
|
|
@@ -409,7 +346,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
409
346
|
}, null, 8, _hoisted_2)
|
|
410
347
|
]),
|
|
411
348
|
_: 2
|
|
412
|
-
/* DYNAMIC */
|
|
413
349
|
}, 1032, ["onClick"])) : _ctx.config.action === "img" && _ctx.config.prop ? (openBlock(), createElementBlock("a", {
|
|
414
350
|
key: 3,
|
|
415
351
|
target: "_blank",
|
|
@@ -424,64 +360,40 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
424
360
|
target: "_blank",
|
|
425
361
|
href: scope.row[_ctx.config.prop],
|
|
426
362
|
class: "keep-all"
|
|
427
|
-
}, toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_5)) : _ctx.config.action === "tip" ? (openBlock(), createBlock(
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
)
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
}, {
|
|
448
|
-
default: withCtx(() => [
|
|
449
|
-
createTextVNode(
|
|
450
|
-
toDisplayString(_ctx.config.buttonText || "扩展配置"),
|
|
451
|
-
1
|
|
452
|
-
/* TEXT */
|
|
453
|
-
)
|
|
454
|
-
]),
|
|
455
|
-
_: 1
|
|
456
|
-
/* STABLE */
|
|
457
|
-
})
|
|
458
|
-
]),
|
|
459
|
-
_: 2
|
|
460
|
-
/* DYNAMIC */
|
|
461
|
-
},
|
|
462
|
-
1024
|
|
463
|
-
/* DYNAMIC_SLOTS */
|
|
464
|
-
)) : _ctx.config.action === "tag" && _ctx.config.prop ? (openBlock(), createBlock(unref(TMagicTag), {
|
|
363
|
+
}, toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_5)) : _ctx.config.action === "tip" ? (openBlock(), createBlock(_component_el_tooltip, {
|
|
364
|
+
key: 5,
|
|
365
|
+
placement: "left"
|
|
366
|
+
}, {
|
|
367
|
+
content: withCtx(() => [
|
|
368
|
+
createElementVNode("div", null, toDisplayString(unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
|
|
369
|
+
]),
|
|
370
|
+
default: withCtx(() => [
|
|
371
|
+
createVNode(unref(TMagicButton), {
|
|
372
|
+
link: "",
|
|
373
|
+
type: "primary"
|
|
374
|
+
}, {
|
|
375
|
+
default: withCtx(() => [
|
|
376
|
+
createTextVNode(toDisplayString(_ctx.config.buttonText || "扩展配置"), 1)
|
|
377
|
+
]),
|
|
378
|
+
_: 1
|
|
379
|
+
})
|
|
380
|
+
]),
|
|
381
|
+
_: 2
|
|
382
|
+
}, 1024)) : _ctx.config.action === "tag" && _ctx.config.prop ? (openBlock(), createBlock(unref(TMagicTag), {
|
|
465
383
|
key: 6,
|
|
466
384
|
type: typeof _ctx.config.type === "function" ? _ctx.config.type(scope.row[_ctx.config.prop], scope.row) : _ctx.config.type,
|
|
467
385
|
"close-transition": ""
|
|
468
386
|
}, {
|
|
469
387
|
default: withCtx(() => [
|
|
470
|
-
createTextVNode(
|
|
471
|
-
toDisplayString(unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
|
|
472
|
-
1
|
|
473
|
-
/* TEXT */
|
|
474
|
-
)
|
|
388
|
+
createTextVNode(toDisplayString(unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
|
|
475
389
|
]),
|
|
476
390
|
_: 2
|
|
477
|
-
/* DYNAMIC */
|
|
478
391
|
}, 1032, ["type"])) : (openBlock(), createElementBlock("div", {
|
|
479
392
|
key: 7,
|
|
480
393
|
innerHTML: unref(formatter)(_ctx.config, scope.row, { index: scope.$index })
|
|
481
394
|
}, null, 8, _hoisted_6))
|
|
482
395
|
]),
|
|
483
396
|
_: 1
|
|
484
|
-
/* STABLE */
|
|
485
397
|
}, 8, ["label", "width", "fixed", "sortable", "prop"]);
|
|
486
398
|
};
|
|
487
399
|
}
|
|
@@ -601,51 +513,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
601
513
|
onExpandChange: expandChange
|
|
602
514
|
}, {
|
|
603
515
|
default: withCtx(() => [
|
|
604
|
-
(openBlock(true), createElementBlock(
|
|
605
|
-
Fragment,
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
key: columnIndex,
|
|
635
|
-
config: item,
|
|
636
|
-
"edit-state": editState.value
|
|
637
|
-
}, null, 8, ["config", "edit-state"]))
|
|
638
|
-
],
|
|
639
|
-
64
|
|
640
|
-
/* STABLE_FRAGMENT */
|
|
641
|
-
);
|
|
642
|
-
}),
|
|
643
|
-
256
|
|
644
|
-
/* UNKEYED_FRAGMENT */
|
|
645
|
-
))
|
|
516
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (item, columnIndex) => {
|
|
517
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
518
|
+
item.type === "expand" ? (openBlock(), createBlock(_sfc_main$3, {
|
|
519
|
+
config: item,
|
|
520
|
+
key: columnIndex
|
|
521
|
+
}, null, 8, ["config"])) : item.type === "component" ? (openBlock(), createBlock(_sfc_main$4, {
|
|
522
|
+
config: item,
|
|
523
|
+
key: columnIndex
|
|
524
|
+
}, null, 8, ["config"])) : item.selection ? (openBlock(), createBlock(resolveDynamicComponent(unref(tableColumnComponent)?.component || "el-table-column"), {
|
|
525
|
+
width: "40",
|
|
526
|
+
type: "selection",
|
|
527
|
+
key: columnIndex,
|
|
528
|
+
selectable: item.selectable
|
|
529
|
+
}, null, 8, ["selectable"])) : item.actions ? (openBlock(), createBlock(_sfc_main$5, {
|
|
530
|
+
columns: _ctx.columns,
|
|
531
|
+
config: item,
|
|
532
|
+
"rowkey-name": _ctx.rowkeyName,
|
|
533
|
+
"edit-state": editState.value,
|
|
534
|
+
key: columnIndex,
|
|
535
|
+
onAfterAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("after-action"))
|
|
536
|
+
}, null, 8, ["columns", "config", "rowkey-name", "edit-state"])) : item.type === "popover" ? (openBlock(), createBlock(_sfc_main$2, {
|
|
537
|
+
key: columnIndex,
|
|
538
|
+
config: item
|
|
539
|
+
}, null, 8, ["config"])) : (openBlock(), createBlock(_sfc_main$1, {
|
|
540
|
+
key: columnIndex,
|
|
541
|
+
config: item,
|
|
542
|
+
"edit-state": editState.value
|
|
543
|
+
}, null, 8, ["config", "edit-state"]))
|
|
544
|
+
], 64);
|
|
545
|
+
}), 256))
|
|
646
546
|
]),
|
|
647
547
|
_: 1
|
|
648
|
-
/* STABLE */
|
|
649
548
|
}, 8, ["data", "show-header", "max-height", "default-expand-all", "border", "row-key", "empty-text"])), [
|
|
650
549
|
[_directive_loading, _ctx.loading]
|
|
651
550
|
]);
|
|
@@ -2096,43 +2096,35 @@
|
|
|
2096
2096
|
fixed: _ctx.config.fixed
|
|
2097
2097
|
}, {
|
|
2098
2098
|
default: vue.withCtx((scope) => [
|
|
2099
|
-
(vue.openBlock(true), vue.createElementBlock(
|
|
2100
|
-
vue.
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
]),
|
|
2129
|
-
_: 2
|
|
2130
|
-
/* DYNAMIC */
|
|
2131
|
-
}, 1032, ["placement", "disabled", "content"]);
|
|
2132
|
-
}),
|
|
2133
|
-
128
|
|
2134
|
-
/* KEYED_FRAGMENT */
|
|
2135
|
-
)),
|
|
2099
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.actions, (action, actionIndex) => {
|
|
2100
|
+
return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
|
|
2101
|
+
placement: action.tooltipPlacement || "top",
|
|
2102
|
+
key: actionIndex,
|
|
2103
|
+
disabled: !Boolean(action.tooltip),
|
|
2104
|
+
content: action.tooltip
|
|
2105
|
+
}, {
|
|
2106
|
+
default: vue.withCtx(() => [
|
|
2107
|
+
vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
|
|
2108
|
+
class: "action-btn",
|
|
2109
|
+
link: "",
|
|
2110
|
+
size: "small",
|
|
2111
|
+
type: action.buttonType || "primary",
|
|
2112
|
+
icon: action.icon,
|
|
2113
|
+
onClick: ($event) => actionHandler(action, scope.row, scope.$index)
|
|
2114
|
+
}, {
|
|
2115
|
+
default: vue.withCtx(() => [
|
|
2116
|
+
vue.createElementVNode("span", {
|
|
2117
|
+
innerHTML: formatter(action.text, scope.row)
|
|
2118
|
+
}, null, 8, _hoisted_1$2)
|
|
2119
|
+
]),
|
|
2120
|
+
_: 2
|
|
2121
|
+
}, 1032, ["type", "icon", "onClick"]), [
|
|
2122
|
+
[vue.vShow, display(action.display, scope.row) && !_ctx.editState[scope.$index]]
|
|
2123
|
+
])
|
|
2124
|
+
]),
|
|
2125
|
+
_: 2
|
|
2126
|
+
}, 1032, ["placement", "disabled", "content"]);
|
|
2127
|
+
}), 128)),
|
|
2136
2128
|
vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
|
|
2137
2129
|
class: "action-btn",
|
|
2138
2130
|
link: "",
|
|
@@ -2144,7 +2136,6 @@
|
|
|
2144
2136
|
vue.createTextVNode("保存")
|
|
2145
2137
|
])),
|
|
2146
2138
|
_: 2
|
|
2147
|
-
/* DYNAMIC */
|
|
2148
2139
|
}, 1032, ["onClick"]), [
|
|
2149
2140
|
[vue.vShow, _ctx.editState[scope.$index]]
|
|
2150
2141
|
]),
|
|
@@ -2159,13 +2150,11 @@
|
|
|
2159
2150
|
vue.createTextVNode("取消")
|
|
2160
2151
|
])),
|
|
2161
2152
|
_: 2
|
|
2162
|
-
/* DYNAMIC */
|
|
2163
2153
|
}, 1032, ["onClick"]), [
|
|
2164
2154
|
[vue.vShow, _ctx.editState[scope.$index]]
|
|
2165
2155
|
])
|
|
2166
2156
|
]),
|
|
2167
2157
|
_: 1
|
|
2168
|
-
/* STABLE */
|
|
2169
2158
|
}, 8, ["label", "width", "fixed"]);
|
|
2170
2159
|
};
|
|
2171
2160
|
}
|
|
@@ -2203,16 +2192,9 @@
|
|
|
2203
2192
|
prop: _ctx.config.prop
|
|
2204
2193
|
}, {
|
|
2205
2194
|
default: vue.withCtx((scope) => [
|
|
2206
|
-
(vue.openBlock(), vue.createBlock(
|
|
2207
|
-
vue.resolveDynamicComponent(_ctx.config.component),
|
|
2208
|
-
vue.mergeProps(componentProps(scope.row, scope.$index), vue.toHandlers(componentListeners(scope.row, scope.$index))),
|
|
2209
|
-
null,
|
|
2210
|
-
16
|
|
2211
|
-
/* FULL_PROPS */
|
|
2212
|
-
))
|
|
2195
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.config.component), vue.mergeProps(componentProps(scope.row, scope.$index), vue.toHandlers(componentListeners(scope.row, scope.$index))), null, 16))
|
|
2213
2196
|
]),
|
|
2214
2197
|
_: 1
|
|
2215
|
-
/* STABLE */
|
|
2216
2198
|
}, 8, ["label", "width", "fixed", "sortable", "prop"]);
|
|
2217
2199
|
};
|
|
2218
2200
|
}
|
|
@@ -2236,47 +2218,31 @@
|
|
|
2236
2218
|
return props.config.props || {};
|
|
2237
2219
|
};
|
|
2238
2220
|
return (_ctx, _cache) => {
|
|
2239
|
-
return vue.openBlock(), vue.
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
}, null, 8, _hoisted_1$1)) : vue.createCommentVNode("v-if", true),
|
|
2265
|
-
_ctx.config.component ? (vue.openBlock(), vue.createBlock(
|
|
2266
|
-
vue.resolveDynamicComponent(_ctx.config.component),
|
|
2267
|
-
vue.normalizeProps(vue.mergeProps({ key: 3 }, componentProps(scope.row))),
|
|
2268
|
-
null,
|
|
2269
|
-
16
|
|
2270
|
-
/* FULL_PROPS */
|
|
2271
|
-
)) : vue.createCommentVNode("v-if", true)
|
|
2272
|
-
]),
|
|
2273
|
-
_: 1
|
|
2274
|
-
/* STABLE */
|
|
2275
|
-
}, 8, ["width", "fixed"])
|
|
2276
|
-
],
|
|
2277
|
-
2112
|
|
2278
|
-
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
|
|
2279
|
-
);
|
|
2221
|
+
return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
|
|
2222
|
+
type: "expand",
|
|
2223
|
+
width: _ctx.config.width,
|
|
2224
|
+
fixed: _ctx.config.fixed
|
|
2225
|
+
}, {
|
|
2226
|
+
default: vue.withCtx((scope) => [
|
|
2227
|
+
_ctx.config.table ? (vue.openBlock(), vue.createBlock(_sfc_main, {
|
|
2228
|
+
key: 0,
|
|
2229
|
+
"show-header": false,
|
|
2230
|
+
columns: _ctx.config.table,
|
|
2231
|
+
data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
|
|
2232
|
+
}, null, 8, ["columns", "data"])) : vue.createCommentVNode("", true),
|
|
2233
|
+
_ctx.config.form ? (vue.openBlock(), vue.createBlock(vue.unref(form.MForm), {
|
|
2234
|
+
key: 1,
|
|
2235
|
+
config: _ctx.config.form,
|
|
2236
|
+
"init-values": _ctx.config.values || _ctx.config.prop && scope.row[_ctx.config.prop] || {}
|
|
2237
|
+
}, null, 8, ["config", "init-values"])) : vue.createCommentVNode("", true),
|
|
2238
|
+
_ctx.config.expandContent ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
2239
|
+
key: 2,
|
|
2240
|
+
innerHTML: _ctx.config.expandContent(scope.row, _ctx.config.prop)
|
|
2241
|
+
}, null, 8, _hoisted_1$1)) : vue.createCommentVNode("", true),
|
|
2242
|
+
_ctx.config.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.config.component), vue.normalizeProps(vue.mergeProps({ key: 3 }, componentProps(scope.row))), null, 16)) : vue.createCommentVNode("", true)
|
|
2243
|
+
]),
|
|
2244
|
+
_: 1
|
|
2245
|
+
}, 8, ["width", "fixed"]);
|
|
2280
2246
|
};
|
|
2281
2247
|
}
|
|
2282
2248
|
});
|
|
@@ -2309,65 +2275,43 @@
|
|
|
2309
2275
|
},
|
|
2310
2276
|
setup(__props) {
|
|
2311
2277
|
return (_ctx, _cache) => {
|
|
2312
|
-
return vue.openBlock(), vue.
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2278
|
+
return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
|
|
2279
|
+
label: _ctx.config.label,
|
|
2280
|
+
width: _ctx.config.width,
|
|
2281
|
+
fixed: _ctx.config.fixed
|
|
2282
|
+
}, {
|
|
2283
|
+
default: vue.withCtx((scope) => [
|
|
2284
|
+
_ctx.config.popover ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
|
|
2285
|
+
key: 0,
|
|
2286
|
+
placement: _ctx.config.popover.placement,
|
|
2287
|
+
width: _ctx.config.popover.width,
|
|
2288
|
+
trigger: _ctx.config.popover.trigger,
|
|
2289
|
+
"destroy-on-close": _ctx.config.popover.destroyOnClose ?? true
|
|
2321
2290
|
}, {
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
width: _ctx.config.popover.width,
|
|
2327
|
-
trigger: _ctx.config.popover.trigger,
|
|
2328
|
-
"destroy-on-close": _ctx.config.popover.destroyOnClose ?? true
|
|
2291
|
+
reference: vue.withCtx(() => [
|
|
2292
|
+
vue.createVNode(vue.unref(design.TMagicButton), {
|
|
2293
|
+
link: "",
|
|
2294
|
+
type: "primary"
|
|
2329
2295
|
}, {
|
|
2330
|
-
reference: vue.withCtx(() => [
|
|
2331
|
-
vue.createVNode(
|
|
2332
|
-
vue.unref(design.TMagicButton),
|
|
2333
|
-
{
|
|
2334
|
-
link: "",
|
|
2335
|
-
type: "primary"
|
|
2336
|
-
},
|
|
2337
|
-
{
|
|
2338
|
-
default: vue.withCtx(() => [
|
|
2339
|
-
vue.createTextVNode(
|
|
2340
|
-
vue.toDisplayString(_ctx.config.text || vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
|
|
2341
|
-
1
|
|
2342
|
-
/* TEXT */
|
|
2343
|
-
)
|
|
2344
|
-
]),
|
|
2345
|
-
_: 2
|
|
2346
|
-
/* DYNAMIC */
|
|
2347
|
-
},
|
|
2348
|
-
1024
|
|
2349
|
-
/* DYNAMIC_SLOTS */
|
|
2350
|
-
)
|
|
2351
|
-
]),
|
|
2352
2296
|
default: vue.withCtx(() => [
|
|
2353
|
-
_ctx.config.
|
|
2354
|
-
key: 0,
|
|
2355
|
-
"show-header": _ctx.config.showHeader,
|
|
2356
|
-
columns: _ctx.config.table,
|
|
2357
|
-
data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
|
|
2358
|
-
}, null, 8, ["show-header", "columns", "data"])) : vue.createCommentVNode("v-if", true)
|
|
2297
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.config.text || vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
|
|
2359
2298
|
]),
|
|
2360
2299
|
_: 2
|
|
2361
|
-
|
|
2362
|
-
}, 1032, ["placement", "width", "trigger", "destroy-on-close"])) : vue.createCommentVNode("v-if", true)
|
|
2300
|
+
}, 1024)
|
|
2363
2301
|
]),
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2302
|
+
default: vue.withCtx(() => [
|
|
2303
|
+
_ctx.config.popover.tableEmbed ? (vue.openBlock(), vue.createBlock(_sfc_main, {
|
|
2304
|
+
key: 0,
|
|
2305
|
+
"show-header": _ctx.config.showHeader,
|
|
2306
|
+
columns: _ctx.config.table,
|
|
2307
|
+
data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
|
|
2308
|
+
}, null, 8, ["show-header", "columns", "data"])) : vue.createCommentVNode("", true)
|
|
2309
|
+
]),
|
|
2310
|
+
_: 2
|
|
2311
|
+
}, 1032, ["placement", "width", "trigger", "destroy-on-close"])) : vue.createCommentVNode("", true)
|
|
2312
|
+
]),
|
|
2313
|
+
_: 1
|
|
2314
|
+
}, 8, ["label", "width", "fixed"]);
|
|
2371
2315
|
};
|
|
2372
2316
|
}
|
|
2373
2317
|
});
|
|
@@ -2400,13 +2344,7 @@
|
|
|
2400
2344
|
prop: _ctx.config.prop
|
|
2401
2345
|
}, {
|
|
2402
2346
|
default: vue.withCtx((scope) => [
|
|
2403
|
-
_ctx.config.type === "index" ? (vue.openBlock(), vue.createElementBlock(
|
|
2404
|
-
"div",
|
|
2405
|
-
_hoisted_1,
|
|
2406
|
-
vue.toDisplayString(_ctx.config.pageIndex && _ctx.config.pageSize ? _ctx.config.pageIndex * _ctx.config.pageSize + scope.$index + 1 : scope.$index + 1),
|
|
2407
|
-
1
|
|
2408
|
-
/* TEXT */
|
|
2409
|
-
)) : _ctx.config.type && _ctx.editState[scope.$index] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicForm), {
|
|
2347
|
+
_ctx.config.type === "index" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(_ctx.config.pageIndex && _ctx.config.pageSize ? _ctx.config.pageIndex * _ctx.config.pageSize + scope.$index + 1 : scope.$index + 1), 1)) : _ctx.config.type && _ctx.editState[scope.$index] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicForm), {
|
|
2410
2348
|
key: 1,
|
|
2411
2349
|
"label-width": "0",
|
|
2412
2350
|
model: _ctx.editState[scope.$index]
|
|
@@ -2421,7 +2359,6 @@
|
|
|
2421
2359
|
}, null, 8, ["prop", "rules", "config", "name", "model"])
|
|
2422
2360
|
]),
|
|
2423
2361
|
_: 2
|
|
2424
|
-
/* DYNAMIC */
|
|
2425
2362
|
}, 1032, ["model"])) : _ctx.config.action === "actionLink" && _ctx.config.prop ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
|
|
2426
2363
|
key: 2,
|
|
2427
2364
|
link: "",
|
|
@@ -2434,7 +2371,6 @@
|
|
|
2434
2371
|
}, null, 8, _hoisted_2)
|
|
2435
2372
|
]),
|
|
2436
2373
|
_: 2
|
|
2437
|
-
/* DYNAMIC */
|
|
2438
2374
|
}, 1032, ["onClick"])) : _ctx.config.action === "img" && _ctx.config.prop ? (vue.openBlock(), vue.createElementBlock("a", {
|
|
2439
2375
|
key: 3,
|
|
2440
2376
|
target: "_blank",
|
|
@@ -2449,64 +2385,40 @@
|
|
|
2449
2385
|
target: "_blank",
|
|
2450
2386
|
href: scope.row[_ctx.config.prop],
|
|
2451
2387
|
class: "keep-all"
|
|
2452
|
-
}, vue.toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_5)) : _ctx.config.action === "tip" ? (vue.openBlock(), vue.createBlock(
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
)
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
}, {
|
|
2473
|
-
default: vue.withCtx(() => [
|
|
2474
|
-
vue.createTextVNode(
|
|
2475
|
-
vue.toDisplayString(_ctx.config.buttonText || "扩展配置"),
|
|
2476
|
-
1
|
|
2477
|
-
/* TEXT */
|
|
2478
|
-
)
|
|
2479
|
-
]),
|
|
2480
|
-
_: 1
|
|
2481
|
-
/* STABLE */
|
|
2482
|
-
})
|
|
2483
|
-
]),
|
|
2484
|
-
_: 2
|
|
2485
|
-
/* DYNAMIC */
|
|
2486
|
-
},
|
|
2487
|
-
1024
|
|
2488
|
-
/* DYNAMIC_SLOTS */
|
|
2489
|
-
)) : _ctx.config.action === "tag" && _ctx.config.prop ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTag), {
|
|
2388
|
+
}, vue.toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_5)) : _ctx.config.action === "tip" ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
|
|
2389
|
+
key: 5,
|
|
2390
|
+
placement: "left"
|
|
2391
|
+
}, {
|
|
2392
|
+
content: vue.withCtx(() => [
|
|
2393
|
+
vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
|
|
2394
|
+
]),
|
|
2395
|
+
default: vue.withCtx(() => [
|
|
2396
|
+
vue.createVNode(vue.unref(design.TMagicButton), {
|
|
2397
|
+
link: "",
|
|
2398
|
+
type: "primary"
|
|
2399
|
+
}, {
|
|
2400
|
+
default: vue.withCtx(() => [
|
|
2401
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.config.buttonText || "扩展配置"), 1)
|
|
2402
|
+
]),
|
|
2403
|
+
_: 1
|
|
2404
|
+
})
|
|
2405
|
+
]),
|
|
2406
|
+
_: 2
|
|
2407
|
+
}, 1024)) : _ctx.config.action === "tag" && _ctx.config.prop ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTag), {
|
|
2490
2408
|
key: 6,
|
|
2491
2409
|
type: typeof _ctx.config.type === "function" ? _ctx.config.type(scope.row[_ctx.config.prop], scope.row) : _ctx.config.type,
|
|
2492
2410
|
"close-transition": ""
|
|
2493
2411
|
}, {
|
|
2494
2412
|
default: vue.withCtx(() => [
|
|
2495
|
-
vue.createTextVNode(
|
|
2496
|
-
vue.toDisplayString(vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
|
|
2497
|
-
1
|
|
2498
|
-
/* TEXT */
|
|
2499
|
-
)
|
|
2413
|
+
vue.createTextVNode(vue.toDisplayString(vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
|
|
2500
2414
|
]),
|
|
2501
2415
|
_: 2
|
|
2502
|
-
/* DYNAMIC */
|
|
2503
2416
|
}, 1032, ["type"])) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
2504
2417
|
key: 7,
|
|
2505
2418
|
innerHTML: vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })
|
|
2506
2419
|
}, null, 8, _hoisted_6))
|
|
2507
2420
|
]),
|
|
2508
2421
|
_: 1
|
|
2509
|
-
/* STABLE */
|
|
2510
2422
|
}, 8, ["label", "width", "fixed", "sortable", "prop"]);
|
|
2511
2423
|
};
|
|
2512
2424
|
}
|
|
@@ -2626,51 +2538,38 @@
|
|
|
2626
2538
|
onExpandChange: expandChange
|
|
2627
2539
|
}, {
|
|
2628
2540
|
default: vue.withCtx(() => [
|
|
2629
|
-
(vue.openBlock(true), vue.createElementBlock(
|
|
2630
|
-
vue.Fragment,
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
key: columnIndex,
|
|
2660
|
-
config: item,
|
|
2661
|
-
"edit-state": editState.value
|
|
2662
|
-
}, null, 8, ["config", "edit-state"]))
|
|
2663
|
-
],
|
|
2664
|
-
64
|
|
2665
|
-
/* STABLE_FRAGMENT */
|
|
2666
|
-
);
|
|
2667
|
-
}),
|
|
2668
|
-
256
|
|
2669
|
-
/* UNKEYED_FRAGMENT */
|
|
2670
|
-
))
|
|
2541
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (item, columnIndex) => {
|
|
2542
|
+
return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
2543
|
+
item.type === "expand" ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
|
|
2544
|
+
config: item,
|
|
2545
|
+
key: columnIndex
|
|
2546
|
+
}, null, 8, ["config"])) : item.type === "component" ? (vue.openBlock(), vue.createBlock(_sfc_main$4, {
|
|
2547
|
+
config: item,
|
|
2548
|
+
key: columnIndex
|
|
2549
|
+
}, null, 8, ["config"])) : item.selection ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tableColumnComponent)?.component || "el-table-column"), {
|
|
2550
|
+
width: "40",
|
|
2551
|
+
type: "selection",
|
|
2552
|
+
key: columnIndex,
|
|
2553
|
+
selectable: item.selectable
|
|
2554
|
+
}, null, 8, ["selectable"])) : item.actions ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
|
|
2555
|
+
columns: _ctx.columns,
|
|
2556
|
+
config: item,
|
|
2557
|
+
"rowkey-name": _ctx.rowkeyName,
|
|
2558
|
+
"edit-state": editState.value,
|
|
2559
|
+
key: columnIndex,
|
|
2560
|
+
onAfterAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("after-action"))
|
|
2561
|
+
}, null, 8, ["columns", "config", "rowkey-name", "edit-state"])) : item.type === "popover" ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
|
|
2562
|
+
key: columnIndex,
|
|
2563
|
+
config: item
|
|
2564
|
+
}, null, 8, ["config"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
|
|
2565
|
+
key: columnIndex,
|
|
2566
|
+
config: item,
|
|
2567
|
+
"edit-state": editState.value
|
|
2568
|
+
}, null, 8, ["config", "edit-state"]))
|
|
2569
|
+
], 64);
|
|
2570
|
+
}), 256))
|
|
2671
2571
|
]),
|
|
2672
2572
|
_: 1
|
|
2673
|
-
/* STABLE */
|
|
2674
2573
|
}, 8, ["data", "show-header", "max-height", "default-expand-all", "border", "row-key", "empty-text"])), [
|
|
2675
2574
|
[_directive_loading, _ctx.loading]
|
|
2676
2575
|
]);
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.5.
|
|
2
|
+
"version": "1.5.22",
|
|
3
3
|
"name": "@tmagic/table",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"vue": ">=3.5.0",
|
|
46
46
|
"typescript": "*",
|
|
47
|
-
"@tmagic/design": "1.5.
|
|
48
|
-
"@tmagic/form": "1.5.
|
|
47
|
+
"@tmagic/design": "1.5.22",
|
|
48
|
+
"@tmagic/form": "1.5.22"
|
|
49
49
|
},
|
|
50
50
|
"peerDependenciesMeta": {
|
|
51
51
|
"typescript": {
|
package/types/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as vue from 'vue';
|
|
2
1
|
import { App } from 'vue';
|
|
2
|
+
import * as _vue_runtime_core from '@vue/runtime-core';
|
|
3
3
|
import { FormConfig, FormValue } from '@tmagic/form';
|
|
4
4
|
|
|
5
5
|
interface ColumnActionConfig {
|
|
@@ -84,11 +84,11 @@ type __VLS_Props = {
|
|
|
84
84
|
/** 是否带有纵向边框 */
|
|
85
85
|
border?: boolean;
|
|
86
86
|
};
|
|
87
|
-
declare const _default$1:
|
|
87
|
+
declare const _default$1: _vue_runtime_core.DefineComponent<__VLS_Props, {
|
|
88
88
|
toggleRowSelection: (row: any, selected: boolean) => void;
|
|
89
89
|
toggleRowExpansion: (row: any, expanded: boolean) => void;
|
|
90
90
|
clearSelection: () => void;
|
|
91
|
-
}, {}, {}, {},
|
|
91
|
+
}, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {
|
|
92
92
|
select: (...args: any[]) => void;
|
|
93
93
|
"sort-change": (...args: any[]) => void;
|
|
94
94
|
"expand-change": (...args: any[]) => void;
|
|
@@ -96,7 +96,7 @@ declare const _default$1: vue.DefineComponent<__VLS_Props, {
|
|
|
96
96
|
"after-action": (...args: any[]) => void;
|
|
97
97
|
"select-all": (...args: any[]) => void;
|
|
98
98
|
"selection-change": (...args: any[]) => void;
|
|
99
|
-
}, string,
|
|
99
|
+
}, string, _vue_runtime_core.PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
100
100
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
101
101
|
"onSort-change"?: ((...args: any[]) => any) | undefined;
|
|
102
102
|
"onExpand-change"?: ((...args: any[]) => any) | undefined;
|
|
@@ -110,7 +110,7 @@ declare const _default$1: vue.DefineComponent<__VLS_Props, {
|
|
|
110
110
|
defaultExpandAll: boolean;
|
|
111
111
|
columns: ColumnConfig[];
|
|
112
112
|
showHeader: boolean;
|
|
113
|
-
}, {}, {}, {}, string,
|
|
113
|
+
}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, false, {}, any>;
|
|
114
114
|
|
|
115
115
|
declare const formatter: (item: ColumnConfig, row: any, data: {
|
|
116
116
|
index: number;
|