@tmagic/table 1.5.22 → 1.5.23

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 (3) hide show
  1. package/dist/tmagic-table.js +241 -140
  2. package/dist/tmagic-table.umd.cjs +241 -140
  3. package/package.json +5 -5
package/dist/tmagic-table.js CHANGED
@@ -71,35 +71,43 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
71
71
  fixed: _ctx.config.fixed
72
72
  }, {
73
73
  default: withCtx((scope) => [
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)),
74
+ (openBlock(true), createElementBlock(
75
+ Fragment,
76
+ null,
77
+ renderList(_ctx.config.actions, (action, actionIndex) => {
78
+ return openBlock(), createBlock(unref(TMagicTooltip), {
79
+ placement: action.tooltipPlacement || "top",
80
+ key: actionIndex,
81
+ disabled: !Boolean(action.tooltip),
82
+ content: action.tooltip
83
+ }, {
84
+ default: withCtx(() => [
85
+ withDirectives(createVNode(unref(TMagicButton), {
86
+ class: "action-btn",
87
+ link: "",
88
+ size: "small",
89
+ type: action.buttonType || "primary",
90
+ icon: action.icon,
91
+ onClick: ($event) => actionHandler(action, scope.row, scope.$index)
92
+ }, {
93
+ default: withCtx(() => [
94
+ createElementVNode("span", {
95
+ innerHTML: formatter(action.text, scope.row)
96
+ }, null, 8, _hoisted_1$2)
97
+ ]),
98
+ _: 2
99
+ /* DYNAMIC */
100
+ }, 1032, ["type", "icon", "onClick"]), [
101
+ [vShow, display(action.display, scope.row) && !_ctx.editState[scope.$index]]
102
+ ])
103
+ ]),
104
+ _: 2
105
+ /* DYNAMIC */
106
+ }, 1032, ["placement", "disabled", "content"]);
107
+ }),
108
+ 128
109
+ /* KEYED_FRAGMENT */
110
+ )),
103
111
  withDirectives(createVNode(unref(TMagicButton), {
104
112
  class: "action-btn",
105
113
  link: "",
@@ -110,7 +118,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
110
118
  default: withCtx(() => _cache[0] || (_cache[0] = [
111
119
  createTextVNode("保存")
112
120
  ])),
113
- _: 2
121
+ _: 2,
122
+ __: [0]
114
123
  }, 1032, ["onClick"]), [
115
124
  [vShow, _ctx.editState[scope.$index]]
116
125
  ]),
@@ -124,12 +133,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
124
133
  default: withCtx(() => _cache[1] || (_cache[1] = [
125
134
  createTextVNode("取消")
126
135
  ])),
127
- _: 2
136
+ _: 2,
137
+ __: [1]
128
138
  }, 1032, ["onClick"]), [
129
139
  [vShow, _ctx.editState[scope.$index]]
130
140
  ])
131
141
  ]),
132
142
  _: 1
143
+ /* STABLE */
133
144
  }, 8, ["label", "width", "fixed"]);
134
145
  };
135
146
  }
@@ -167,9 +178,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
167
178
  prop: _ctx.config.prop
168
179
  }, {
169
180
  default: withCtx((scope) => [
170
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.config.component), mergeProps(componentProps(scope.row, scope.$index), toHandlers(componentListeners(scope.row, scope.$index))), null, 16))
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
+ ))
171
188
  ]),
172
189
  _: 1
190
+ /* STABLE */
173
191
  }, 8, ["label", "width", "fixed", "sortable", "prop"]);
174
192
  };
175
193
  }
@@ -193,31 +211,47 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
193
211
  return props.config.props || {};
194
212
  };
195
213
  return (_ctx, _cache) => {
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"]);
214
+ return openBlock(), createElementBlock(
215
+ Fragment,
216
+ null,
217
+ [
218
+ createCommentVNode(" @ts-nocheck "),
219
+ createVNode(unref(TMagicTableColumn), {
220
+ type: "expand",
221
+ width: _ctx.config.width,
222
+ fixed: _ctx.config.fixed
223
+ }, {
224
+ default: withCtx((scope) => [
225
+ _ctx.config.table ? (openBlock(), createBlock(_sfc_main, {
226
+ key: 0,
227
+ "show-header": false,
228
+ columns: _ctx.config.table,
229
+ data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
230
+ }, null, 8, ["columns", "data"])) : createCommentVNode("v-if", true),
231
+ _ctx.config.form ? (openBlock(), createBlock(unref(MForm), {
232
+ key: 1,
233
+ config: _ctx.config.form,
234
+ "init-values": _ctx.config.values || _ctx.config.prop && scope.row[_ctx.config.prop] || {}
235
+ }, null, 8, ["config", "init-values"])) : createCommentVNode("v-if", true),
236
+ _ctx.config.expandContent ? (openBlock(), createElementBlock("div", {
237
+ key: 2,
238
+ innerHTML: _ctx.config.expandContent(scope.row, _ctx.config.prop)
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
+ );
221
255
  };
222
256
  }
223
257
  });
@@ -250,43 +284,65 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
250
284
  },
251
285
  setup(__props) {
252
286
  return (_ctx, _cache) => {
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
287
+ return openBlock(), createElementBlock(
288
+ Fragment,
289
+ null,
290
+ [
291
+ createCommentVNode(" @ts-nocheck "),
292
+ createVNode(unref(TMagicTableColumn), {
293
+ label: _ctx.config.label,
294
+ width: _ctx.config.width,
295
+ fixed: _ctx.config.fixed
265
296
  }, {
266
- reference: withCtx(() => [
267
- createVNode(unref(TMagicButton), {
268
- link: "",
269
- type: "primary"
297
+ default: withCtx((scope) => [
298
+ _ctx.config.popover ? (openBlock(), createBlock(unref(TMagicPopover), {
299
+ key: 0,
300
+ placement: _ctx.config.popover.placement,
301
+ width: _ctx.config.popover.width,
302
+ trigger: _ctx.config.popover.trigger,
303
+ "destroy-on-close": _ctx.config.popover.destroyOnClose ?? true
270
304
  }, {
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
+ ]),
271
327
  default: withCtx(() => [
272
- createTextVNode(toDisplayString(_ctx.config.text || unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
328
+ _ctx.config.popover.tableEmbed ? (openBlock(), createBlock(_sfc_main, {
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)
273
334
  ]),
274
335
  _: 2
275
- }, 1024)
336
+ /* DYNAMIC */
337
+ }, 1032, ["placement", "width", "trigger", "destroy-on-close"])) : createCommentVNode("v-if", true)
276
338
  ]),
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"]);
339
+ _: 1
340
+ /* STABLE */
341
+ }, 8, ["label", "width", "fixed"])
342
+ ],
343
+ 2112
344
+ /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
345
+ );
290
346
  };
291
347
  }
292
348
  });
@@ -319,7 +375,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
319
375
  prop: _ctx.config.prop
320
376
  }, {
321
377
  default: withCtx((scope) => [
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), {
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), {
323
385
  key: 1,
324
386
  "label-width": "0",
325
387
  model: _ctx.editState[scope.$index]
@@ -334,6 +396,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
334
396
  }, null, 8, ["prop", "rules", "config", "name", "model"])
335
397
  ]),
336
398
  _: 2
399
+ /* DYNAMIC */
337
400
  }, 1032, ["model"])) : _ctx.config.action === "actionLink" && _ctx.config.prop ? (openBlock(), createBlock(unref(TMagicButton), {
338
401
  key: 2,
339
402
  link: "",
@@ -346,6 +409,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
346
409
  }, null, 8, _hoisted_2)
347
410
  ]),
348
411
  _: 2
412
+ /* DYNAMIC */
349
413
  }, 1032, ["onClick"])) : _ctx.config.action === "img" && _ctx.config.prop ? (openBlock(), createElementBlock("a", {
350
414
  key: 3,
351
415
  target: "_blank",
@@ -360,40 +424,64 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
360
424
  target: "_blank",
361
425
  href: scope.row[_ctx.config.prop],
362
426
  class: "keep-all"
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), {
427
+ }, toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_5)) : _ctx.config.action === "tip" ? (openBlock(), createBlock(
428
+ _component_el_tooltip,
429
+ {
430
+ key: 5,
431
+ placement: "left"
432
+ },
433
+ {
434
+ content: withCtx(() => [
435
+ createElementVNode(
436
+ "div",
437
+ null,
438
+ toDisplayString(unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
439
+ 1
440
+ /* TEXT */
441
+ )
442
+ ]),
443
+ default: withCtx(() => [
444
+ createVNode(unref(TMagicButton), {
445
+ link: "",
446
+ type: "primary"
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), {
383
465
  key: 6,
384
466
  type: typeof _ctx.config.type === "function" ? _ctx.config.type(scope.row[_ctx.config.prop], scope.row) : _ctx.config.type,
385
467
  "close-transition": ""
386
468
  }, {
387
469
  default: withCtx(() => [
388
- createTextVNode(toDisplayString(unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
470
+ createTextVNode(
471
+ toDisplayString(unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
472
+ 1
473
+ /* TEXT */
474
+ )
389
475
  ]),
390
476
  _: 2
477
+ /* DYNAMIC */
391
478
  }, 1032, ["type"])) : (openBlock(), createElementBlock("div", {
392
479
  key: 7,
393
480
  innerHTML: unref(formatter)(_ctx.config, scope.row, { index: scope.$index })
394
481
  }, null, 8, _hoisted_6))
395
482
  ]),
396
483
  _: 1
484
+ /* STABLE */
397
485
  }, 8, ["label", "width", "fixed", "sortable", "prop"]);
398
486
  };
399
487
  }
@@ -513,38 +601,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
513
601
  onExpandChange: expandChange
514
602
  }, {
515
603
  default: withCtx(() => [
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))
604
+ (openBlock(true), createElementBlock(
605
+ Fragment,
606
+ null,
607
+ renderList(_ctx.columns, (item, columnIndex) => {
608
+ return openBlock(), createElementBlock(
609
+ Fragment,
610
+ null,
611
+ [
612
+ item.type === "expand" ? (openBlock(), createBlock(_sfc_main$3, {
613
+ config: item,
614
+ key: columnIndex
615
+ }, null, 8, ["config"])) : item.type === "component" ? (openBlock(), createBlock(_sfc_main$4, {
616
+ config: item,
617
+ key: columnIndex
618
+ }, null, 8, ["config"])) : item.selection ? (openBlock(), createBlock(resolveDynamicComponent(unref(tableColumnComponent)?.component || "el-table-column"), {
619
+ width: "40",
620
+ type: "selection",
621
+ key: columnIndex,
622
+ selectable: item.selectable
623
+ }, null, 8, ["selectable"])) : item.actions ? (openBlock(), createBlock(_sfc_main$5, {
624
+ columns: _ctx.columns,
625
+ config: item,
626
+ "rowkey-name": _ctx.rowkeyName,
627
+ "edit-state": editState.value,
628
+ key: columnIndex,
629
+ onAfterAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("after-action"))
630
+ }, null, 8, ["columns", "config", "rowkey-name", "edit-state"])) : item.type === "popover" ? (openBlock(), createBlock(_sfc_main$2, {
631
+ key: columnIndex,
632
+ config: item
633
+ }, null, 8, ["config"])) : (openBlock(), createBlock(_sfc_main$1, {
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
+ ))
546
646
  ]),
547
647
  _: 1
648
+ /* STABLE */
548
649
  }, 8, ["data", "show-header", "max-height", "default-expand-all", "border", "row-key", "empty-text"])), [
549
650
  [_directive_loading, _ctx.loading]
550
651
  ]);
package/dist/tmagic-table.umd.cjs CHANGED
@@ -2096,35 +2096,43 @@
2096
2096
  fixed: _ctx.config.fixed
2097
2097
  }, {
2098
2098
  default: vue.withCtx((scope) => [
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)),
2099
+ (vue.openBlock(true), vue.createElementBlock(
2100
+ vue.Fragment,
2101
+ null,
2102
+ vue.renderList(_ctx.config.actions, (action, actionIndex) => {
2103
+ return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
2104
+ placement: action.tooltipPlacement || "top",
2105
+ key: actionIndex,
2106
+ disabled: !Boolean(action.tooltip),
2107
+ content: action.tooltip
2108
+ }, {
2109
+ default: vue.withCtx(() => [
2110
+ vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
2111
+ class: "action-btn",
2112
+ link: "",
2113
+ size: "small",
2114
+ type: action.buttonType || "primary",
2115
+ icon: action.icon,
2116
+ onClick: ($event) => actionHandler(action, scope.row, scope.$index)
2117
+ }, {
2118
+ default: vue.withCtx(() => [
2119
+ vue.createElementVNode("span", {
2120
+ innerHTML: formatter(action.text, scope.row)
2121
+ }, null, 8, _hoisted_1$2)
2122
+ ]),
2123
+ _: 2
2124
+ /* DYNAMIC */
2125
+ }, 1032, ["type", "icon", "onClick"]), [
2126
+ [vue.vShow, display(action.display, scope.row) && !_ctx.editState[scope.$index]]
2127
+ ])
2128
+ ]),
2129
+ _: 2
2130
+ /* DYNAMIC */
2131
+ }, 1032, ["placement", "disabled", "content"]);
2132
+ }),
2133
+ 128
2134
+ /* KEYED_FRAGMENT */
2135
+ )),
2128
2136
  vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
2129
2137
  class: "action-btn",
2130
2138
  link: "",
@@ -2135,7 +2143,8 @@
2135
2143
  default: vue.withCtx(() => _cache[0] || (_cache[0] = [
2136
2144
  vue.createTextVNode("保存")
2137
2145
  ])),
2138
- _: 2
2146
+ _: 2,
2147
+ __: [0]
2139
2148
  }, 1032, ["onClick"]), [
2140
2149
  [vue.vShow, _ctx.editState[scope.$index]]
2141
2150
  ]),
@@ -2149,12 +2158,14 @@
2149
2158
  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
2150
2159
  vue.createTextVNode("取消")
2151
2160
  ])),
2152
- _: 2
2161
+ _: 2,
2162
+ __: [1]
2153
2163
  }, 1032, ["onClick"]), [
2154
2164
  [vue.vShow, _ctx.editState[scope.$index]]
2155
2165
  ])
2156
2166
  ]),
2157
2167
  _: 1
2168
+ /* STABLE */
2158
2169
  }, 8, ["label", "width", "fixed"]);
2159
2170
  };
2160
2171
  }
@@ -2192,9 +2203,16 @@
2192
2203
  prop: _ctx.config.prop
2193
2204
  }, {
2194
2205
  default: vue.withCtx((scope) => [
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))
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
+ ))
2196
2213
  ]),
2197
2214
  _: 1
2215
+ /* STABLE */
2198
2216
  }, 8, ["label", "width", "fixed", "sortable", "prop"]);
2199
2217
  };
2200
2218
  }
@@ -2218,31 +2236,47 @@
2218
2236
  return props.config.props || {};
2219
2237
  };
2220
2238
  return (_ctx, _cache) => {
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"]);
2239
+ return vue.openBlock(), vue.createElementBlock(
2240
+ vue.Fragment,
2241
+ null,
2242
+ [
2243
+ vue.createCommentVNode(" @ts-nocheck "),
2244
+ vue.createVNode(vue.unref(design.TMagicTableColumn), {
2245
+ type: "expand",
2246
+ width: _ctx.config.width,
2247
+ fixed: _ctx.config.fixed
2248
+ }, {
2249
+ default: vue.withCtx((scope) => [
2250
+ _ctx.config.table ? (vue.openBlock(), vue.createBlock(_sfc_main, {
2251
+ key: 0,
2252
+ "show-header": false,
2253
+ columns: _ctx.config.table,
2254
+ data: _ctx.config.prop && scope.row[_ctx.config.prop] || []
2255
+ }, null, 8, ["columns", "data"])) : vue.createCommentVNode("v-if", true),
2256
+ _ctx.config.form ? (vue.openBlock(), vue.createBlock(vue.unref(form.MForm), {
2257
+ key: 1,
2258
+ config: _ctx.config.form,
2259
+ "init-values": _ctx.config.values || _ctx.config.prop && scope.row[_ctx.config.prop] || {}
2260
+ }, null, 8, ["config", "init-values"])) : vue.createCommentVNode("v-if", true),
2261
+ _ctx.config.expandContent ? (vue.openBlock(), vue.createElementBlock("div", {
2262
+ key: 2,
2263
+ innerHTML: _ctx.config.expandContent(scope.row, _ctx.config.prop)
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
+ );
2246
2280
  };
2247
2281
  }
2248
2282
  });
@@ -2275,43 +2309,65 @@
2275
2309
  },
2276
2310
  setup(__props) {
2277
2311
  return (_ctx, _cache) => {
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
2312
+ return vue.openBlock(), vue.createElementBlock(
2313
+ vue.Fragment,
2314
+ null,
2315
+ [
2316
+ vue.createCommentVNode(" @ts-nocheck "),
2317
+ vue.createVNode(vue.unref(design.TMagicTableColumn), {
2318
+ label: _ctx.config.label,
2319
+ width: _ctx.config.width,
2320
+ fixed: _ctx.config.fixed
2290
2321
  }, {
2291
- reference: vue.withCtx(() => [
2292
- vue.createVNode(vue.unref(design.TMagicButton), {
2293
- link: "",
2294
- type: "primary"
2322
+ default: vue.withCtx((scope) => [
2323
+ _ctx.config.popover ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
2324
+ key: 0,
2325
+ placement: _ctx.config.popover.placement,
2326
+ width: _ctx.config.popover.width,
2327
+ trigger: _ctx.config.popover.trigger,
2328
+ "destroy-on-close": _ctx.config.popover.destroyOnClose ?? true
2295
2329
  }, {
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
+ ]),
2296
2352
  default: vue.withCtx(() => [
2297
- vue.createTextVNode(vue.toDisplayString(_ctx.config.text || vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
2353
+ _ctx.config.popover.tableEmbed ? (vue.openBlock(), vue.createBlock(_sfc_main, {
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)
2298
2359
  ]),
2299
2360
  _: 2
2300
- }, 1024)
2361
+ /* DYNAMIC */
2362
+ }, 1032, ["placement", "width", "trigger", "destroy-on-close"])) : vue.createCommentVNode("v-if", true)
2301
2363
  ]),
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"]);
2364
+ _: 1
2365
+ /* STABLE */
2366
+ }, 8, ["label", "width", "fixed"])
2367
+ ],
2368
+ 2112
2369
+ /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
2370
+ );
2315
2371
  };
2316
2372
  }
2317
2373
  });
@@ -2344,7 +2400,13 @@
2344
2400
  prop: _ctx.config.prop
2345
2401
  }, {
2346
2402
  default: vue.withCtx((scope) => [
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), {
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), {
2348
2410
  key: 1,
2349
2411
  "label-width": "0",
2350
2412
  model: _ctx.editState[scope.$index]
@@ -2359,6 +2421,7 @@
2359
2421
  }, null, 8, ["prop", "rules", "config", "name", "model"])
2360
2422
  ]),
2361
2423
  _: 2
2424
+ /* DYNAMIC */
2362
2425
  }, 1032, ["model"])) : _ctx.config.action === "actionLink" && _ctx.config.prop ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
2363
2426
  key: 2,
2364
2427
  link: "",
@@ -2371,6 +2434,7 @@
2371
2434
  }, null, 8, _hoisted_2)
2372
2435
  ]),
2373
2436
  _: 2
2437
+ /* DYNAMIC */
2374
2438
  }, 1032, ["onClick"])) : _ctx.config.action === "img" && _ctx.config.prop ? (vue.openBlock(), vue.createElementBlock("a", {
2375
2439
  key: 3,
2376
2440
  target: "_blank",
@@ -2385,40 +2449,64 @@
2385
2449
  target: "_blank",
2386
2450
  href: scope.row[_ctx.config.prop],
2387
2451
  class: "keep-all"
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), {
2452
+ }, vue.toDisplayString(scope.row[_ctx.config.prop]), 9, _hoisted_5)) : _ctx.config.action === "tip" ? (vue.openBlock(), vue.createBlock(
2453
+ _component_el_tooltip,
2454
+ {
2455
+ key: 5,
2456
+ placement: "left"
2457
+ },
2458
+ {
2459
+ content: vue.withCtx(() => [
2460
+ vue.createElementVNode(
2461
+ "div",
2462
+ null,
2463
+ vue.toDisplayString(vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
2464
+ 1
2465
+ /* TEXT */
2466
+ )
2467
+ ]),
2468
+ default: vue.withCtx(() => [
2469
+ vue.createVNode(vue.unref(design.TMagicButton), {
2470
+ link: "",
2471
+ type: "primary"
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), {
2408
2490
  key: 6,
2409
2491
  type: typeof _ctx.config.type === "function" ? _ctx.config.type(scope.row[_ctx.config.prop], scope.row) : _ctx.config.type,
2410
2492
  "close-transition": ""
2411
2493
  }, {
2412
2494
  default: vue.withCtx(() => [
2413
- vue.createTextVNode(vue.toDisplayString(vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })), 1)
2495
+ vue.createTextVNode(
2496
+ vue.toDisplayString(vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })),
2497
+ 1
2498
+ /* TEXT */
2499
+ )
2414
2500
  ]),
2415
2501
  _: 2
2502
+ /* DYNAMIC */
2416
2503
  }, 1032, ["type"])) : (vue.openBlock(), vue.createElementBlock("div", {
2417
2504
  key: 7,
2418
2505
  innerHTML: vue.unref(formatter)(_ctx.config, scope.row, { index: scope.$index })
2419
2506
  }, null, 8, _hoisted_6))
2420
2507
  ]),
2421
2508
  _: 1
2509
+ /* STABLE */
2422
2510
  }, 8, ["label", "width", "fixed", "sortable", "prop"]);
2423
2511
  };
2424
2512
  }
@@ -2538,38 +2626,51 @@
2538
2626
  onExpandChange: expandChange
2539
2627
  }, {
2540
2628
  default: vue.withCtx(() => [
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))
2629
+ (vue.openBlock(true), vue.createElementBlock(
2630
+ vue.Fragment,
2631
+ null,
2632
+ vue.renderList(_ctx.columns, (item, columnIndex) => {
2633
+ return vue.openBlock(), vue.createElementBlock(
2634
+ vue.Fragment,
2635
+ null,
2636
+ [
2637
+ item.type === "expand" ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
2638
+ config: item,
2639
+ key: columnIndex
2640
+ }, null, 8, ["config"])) : item.type === "component" ? (vue.openBlock(), vue.createBlock(_sfc_main$4, {
2641
+ config: item,
2642
+ key: columnIndex
2643
+ }, null, 8, ["config"])) : item.selection ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tableColumnComponent)?.component || "el-table-column"), {
2644
+ width: "40",
2645
+ type: "selection",
2646
+ key: columnIndex,
2647
+ selectable: item.selectable
2648
+ }, null, 8, ["selectable"])) : item.actions ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
2649
+ columns: _ctx.columns,
2650
+ config: item,
2651
+ "rowkey-name": _ctx.rowkeyName,
2652
+ "edit-state": editState.value,
2653
+ key: columnIndex,
2654
+ onAfterAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("after-action"))
2655
+ }, null, 8, ["columns", "config", "rowkey-name", "edit-state"])) : item.type === "popover" ? (vue.openBlock(), vue.createBlock(_sfc_main$2, {
2656
+ key: columnIndex,
2657
+ config: item
2658
+ }, null, 8, ["config"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
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
+ ))
2571
2671
  ]),
2572
2672
  _: 1
2673
+ /* STABLE */
2573
2674
  }, 8, ["data", "show-header", "max-height", "default-expand-all", "border", "row-key", "empty-text"])), [
2574
2675
  [_directive_loading, _ctx.loading]
2575
2676
  ]);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.5.22",
2
+ "version": "1.5.23",
3
3
  "name": "@tmagic/table",
4
4
  "type": "module",
5
5
  "sideEffects": [
@@ -42,10 +42,10 @@
42
42
  "@types/lodash-es": "^4.17.4"
43
43
  },
44
44
  "peerDependencies": {
45
- "vue": ">=3.5.0",
46
- "typescript": "*",
47
- "@tmagic/design": "1.5.22",
48
- "@tmagic/form": "1.5.22"
45
+ "vue": "^3.5.17",
46
+ "typescript": "^5.8.3",
47
+ "@tmagic/design": "1.5.23",
48
+ "@tmagic/form": "1.5.23"
49
49
  },
50
50
  "peerDependenciesMeta": {
51
51
  "typescript": {