tm-table 1.0.82 → 1.0.84
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/vue2/tm-table.css +1 -1
- package/dist/vue2/tm-table.es.js +547 -238
- package/dist/vue2/tm-table.umd.js +1 -1
- package/dist/vue3/tm-table.css +1 -1
- package/dist/vue3/tm-table.es.js +1061 -689
- package/dist/vue3/tm-table.umd.js +1 -1
- package/package.json +1 -1
package/dist/vue2/tm-table.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "vue";
|
|
2
2
|
import p from "sortablejs";
|
|
3
|
-
const y = (t) => t, d = () => "mini",
|
|
3
|
+
const y = (t) => t, d = () => "mini", P = {
|
|
4
4
|
today: "今天",
|
|
5
5
|
yesterday: "昨天",
|
|
6
6
|
last7days: "最近7天",
|
|
@@ -36,8 +36,10 @@ const y = (t) => t, d = () => "mini", I = {
|
|
|
36
36
|
rightFixed: "固定到右侧",
|
|
37
37
|
cancelLeftFixed: "取消左侧固定",
|
|
38
38
|
leftFixed: "固定到左侧",
|
|
39
|
-
cancelTop: "取消置顶"
|
|
40
|
-
|
|
39
|
+
cancelTop: "取消置顶",
|
|
40
|
+
copySuccess: "复制成功",
|
|
41
|
+
copyFailed: "复制失败"
|
|
42
|
+
}, N = {
|
|
41
43
|
today: "Today",
|
|
42
44
|
yesterday: "Yesterday",
|
|
43
45
|
last7days: "Last 7 days",
|
|
@@ -73,39 +75,41 @@ const y = (t) => t, d = () => "mini", I = {
|
|
|
73
75
|
rightFixed: "Fixed to right",
|
|
74
76
|
cancelLeftFixed: "Cancel left fixed",
|
|
75
77
|
leftFixed: "Fixed to left",
|
|
76
|
-
cancelTop: "Cancel top"
|
|
77
|
-
|
|
78
|
-
"
|
|
79
|
-
|
|
78
|
+
cancelTop: "Cancel top",
|
|
79
|
+
copySuccess: "Copy successfully",
|
|
80
|
+
copyFailed: "Copy failed"
|
|
81
|
+
}, B = {
|
|
82
|
+
"zh-CN": P,
|
|
83
|
+
"en-US": N
|
|
80
84
|
};
|
|
81
|
-
let
|
|
82
|
-
var
|
|
85
|
+
let v = { value: "zh-CN" };
|
|
86
|
+
var F;
|
|
83
87
|
{
|
|
84
88
|
const t = require("vue");
|
|
85
|
-
t.observable || (
|
|
89
|
+
t.observable || (F = t.default) != null && F.observable ? v = t.default.observable(v) : v = new t({
|
|
86
90
|
data() {
|
|
87
|
-
return { currentLang:
|
|
91
|
+
return { currentLang: v };
|
|
88
92
|
}
|
|
89
93
|
}).$data.currentLang;
|
|
90
94
|
}
|
|
91
|
-
const
|
|
95
|
+
const j = (t) => {
|
|
92
96
|
var e;
|
|
93
|
-
return ((e =
|
|
94
|
-
},
|
|
95
|
-
|
|
96
|
-
},
|
|
97
|
-
t:
|
|
98
|
-
setLang:
|
|
99
|
-
currentLang:
|
|
97
|
+
return ((e = B[v.value]) == null ? void 0 : e[t]) || t;
|
|
98
|
+
}, w = (t) => {
|
|
99
|
+
v.value = t;
|
|
100
|
+
}, f = () => ({
|
|
101
|
+
t: j,
|
|
102
|
+
setLang: w,
|
|
103
|
+
currentLang: v
|
|
100
104
|
});
|
|
101
|
-
function
|
|
105
|
+
function r(t, e, i, s, a, l, n, c) {
|
|
102
106
|
var o = typeof t == "function" ? t.options : t;
|
|
103
107
|
return e && (o.render = e, o.staticRenderFns = i, o._compiled = !0), l && (o._scopeId = "data-v-" + l), {
|
|
104
108
|
exports: t,
|
|
105
109
|
options: o
|
|
106
110
|
};
|
|
107
111
|
}
|
|
108
|
-
const
|
|
112
|
+
const U = !0, J = !1, _ = "value", Q = "input", K = {
|
|
109
113
|
name: "TmSelectFilter",
|
|
110
114
|
props: {
|
|
111
115
|
[_]: {
|
|
@@ -158,9 +162,9 @@ const N = !0, W = !1, _ = "value", B = "input", U = {
|
|
|
158
162
|
},
|
|
159
163
|
data() {
|
|
160
164
|
return {
|
|
161
|
-
t:
|
|
162
|
-
isVue2:
|
|
163
|
-
isVue3:
|
|
165
|
+
t: f().t,
|
|
166
|
+
isVue2: U,
|
|
167
|
+
isVue3: J,
|
|
164
168
|
getDefaultSize: d,
|
|
165
169
|
optionsList: [],
|
|
166
170
|
loading: !1,
|
|
@@ -175,7 +179,7 @@ const N = !0, W = !1, _ = "value", B = "input", U = {
|
|
|
175
179
|
return this[_];
|
|
176
180
|
},
|
|
177
181
|
set(t) {
|
|
178
|
-
this.$emit(
|
|
182
|
+
this.$emit(Q, t), this.$emit("change", t);
|
|
179
183
|
}
|
|
180
184
|
},
|
|
181
185
|
fieldValue: {
|
|
@@ -226,7 +230,7 @@ const N = !0, W = !1, _ = "value", B = "input", U = {
|
|
|
226
230
|
}
|
|
227
231
|
}
|
|
228
232
|
};
|
|
229
|
-
var
|
|
233
|
+
var q = function() {
|
|
230
234
|
var e = this, i = e._self._c;
|
|
231
235
|
return i("div", { staticClass: "advanced-select", class: { hasField: e.labelOptions && e.labelOptions.length > 0 } }, [e.labelOptions && e.labelOptions.length > 0 ? i("el-select", { staticClass: "field-select", class: `field-select--${e.isVue2 ? "v2" : "v3"}`, style: `z-index:${e.activedSelect === "left" ? 2 : 0}`, attrs: { size: e.getDefaultSize() }, on: { focus: function(s) {
|
|
232
236
|
return e.setActivedSelect("left");
|
|
@@ -260,15 +264,15 @@ var J = function() {
|
|
|
260
264
|
}, { item: s })], 2);
|
|
261
265
|
});
|
|
262
266
|
})], 2)], 1);
|
|
263
|
-
},
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
+
}, G = [], Y = /* @__PURE__ */ r(
|
|
268
|
+
K,
|
|
269
|
+
q,
|
|
270
|
+
G,
|
|
267
271
|
!1,
|
|
268
272
|
null,
|
|
269
273
|
"062139ab"
|
|
270
274
|
);
|
|
271
|
-
const
|
|
275
|
+
const k = Y.exports, X = {
|
|
272
276
|
name: "BaseIcon",
|
|
273
277
|
props: {
|
|
274
278
|
path: {
|
|
@@ -287,18 +291,18 @@ const T = Q.exports, K = {
|
|
|
287
291
|
}
|
|
288
292
|
}
|
|
289
293
|
};
|
|
290
|
-
var
|
|
294
|
+
var Z = function() {
|
|
291
295
|
var e = this, i = e._self._c;
|
|
292
296
|
return i("i", { staticClass: "tm-icon", on: { click: e.handleClick } }, [i("svg", { style: { color: e.color }, attrs: { width: e.size, height: e.size, viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" } }, [i("path", { attrs: { d: e.path } })])]);
|
|
293
|
-
},
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
+
}, ee = [], te = /* @__PURE__ */ r(
|
|
298
|
+
X,
|
|
299
|
+
Z,
|
|
300
|
+
ee,
|
|
297
301
|
!1,
|
|
298
302
|
null,
|
|
299
303
|
"1c30ca93"
|
|
300
304
|
);
|
|
301
|
-
const
|
|
305
|
+
const ie = te.exports, se = {
|
|
302
306
|
menu: "M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z",
|
|
303
307
|
more: "M76.92892277 192.94787572h864.34120754c23.20379058 0 46.40758118-17.40284367 46.40758118-46.40758118s-23.20379058-46.40758118-46.40758118-46.40758116H76.92892277c-29.00473897 0-46.40758264 17.40284367-46.40758264 46.40758116s23.20379058 46.40758118 46.40758264 46.40758118zM941.27013031 465.59241882H76.92892277c-29.00473897 0-46.40758264 17.40284367-46.40758264 46.40758118s23.20379058 46.40758118 46.40758264 46.40758118h864.34120754c23.20379058 0 46.40758118-17.40284367 46.40758118-46.40758118s-23.20379058-46.40758118-46.40758118-46.40758118zM941.27013031 825.25117589H76.92892277c-29.00473897 0-46.40758264 17.40284367-46.40758264 46.40758118s23.20379058 46.40758118 46.40758264 46.40758264h864.34120754c23.20379058 0 46.40758118-17.40284367 46.40758118-46.40758264s-23.20379058-46.40758118-46.40758118-46.40758118z",
|
|
304
308
|
refresh: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z",
|
|
@@ -310,7 +314,7 @@ const X = Y.exports, Z = {
|
|
|
310
314
|
download: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z",
|
|
311
315
|
delete: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32",
|
|
312
316
|
copy: "M128 320v576h576V320zm-32-64h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32M960 96v704a32 32 0 0 1-32 32h-96v-64h64V128H384v64h-64V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32M256 672h320v64H256zm0-192h320v64H256z"
|
|
313
|
-
},
|
|
317
|
+
}, u = Object.entries(se).reduce((t, [e, i]) => {
|
|
314
318
|
const s = `${e}Icon`, a = {
|
|
315
319
|
name: s,
|
|
316
320
|
props: {
|
|
@@ -326,7 +330,7 @@ const X = Y.exports, Z = {
|
|
|
326
330
|
}
|
|
327
331
|
},
|
|
328
332
|
render(l) {
|
|
329
|
-
return l(
|
|
333
|
+
return l(ie, {
|
|
330
334
|
props: this.$props,
|
|
331
335
|
on: {
|
|
332
336
|
click: () => this.$emit("click")
|
|
@@ -337,12 +341,12 @@ const X = Y.exports, Z = {
|
|
|
337
341
|
return a.install = (l) => {
|
|
338
342
|
l.component(s, a);
|
|
339
343
|
}, t[e] = a, t;
|
|
340
|
-
}, {}),
|
|
341
|
-
|
|
342
|
-
const
|
|
344
|
+
}, {}), ae = u.menu, le = u.refresh, ne = u.move;
|
|
345
|
+
u["column-setting"];
|
|
346
|
+
const oe = u.more, re = u["fixed-left"], ce = u["fixed-right"], ue = u.upload, de = u.download, he = u.delete, L = u.copy, { t: x } = f(), pe = !0, fe = !1, me = {
|
|
343
347
|
name: "TmEllipsisText",
|
|
344
348
|
components: {
|
|
345
|
-
CopyIcon:
|
|
349
|
+
CopyIcon: L
|
|
346
350
|
},
|
|
347
351
|
props: {
|
|
348
352
|
text: {
|
|
@@ -375,8 +379,8 @@ const se = c.more, ae = c["fixed-left"], le = c["fixed-right"], ne = c.upload, o
|
|
|
375
379
|
},
|
|
376
380
|
data() {
|
|
377
381
|
return {
|
|
378
|
-
isVue2:
|
|
379
|
-
isVue3:
|
|
382
|
+
isVue2: pe,
|
|
383
|
+
isVue3: fe,
|
|
380
384
|
isOverflow: !1,
|
|
381
385
|
currentLines: 1
|
|
382
386
|
};
|
|
@@ -417,7 +421,7 @@ const se = c.more, ae = c["fixed-left"], le = c["fixed-right"], ne = c.upload, o
|
|
|
417
421
|
},
|
|
418
422
|
handleCopy() {
|
|
419
423
|
navigator.clipboard && window.isSecureContext ? navigator.clipboard.writeText(this.text).then(() => {
|
|
420
|
-
this.$message.success("
|
|
424
|
+
this.$message.success(x("copySuccess"));
|
|
421
425
|
}).catch(() => {
|
|
422
426
|
this.fallbackCopy();
|
|
423
427
|
}) : this.fallbackCopy();
|
|
@@ -426,32 +430,32 @@ const se = c.more, ae = c["fixed-left"], le = c["fixed-right"], ne = c.upload, o
|
|
|
426
430
|
const t = document.createElement("textarea");
|
|
427
431
|
t.value = this.text, t.style.position = "fixed", t.style.left = "-999999px", t.style.top = "-999999px", document.body.appendChild(t), t.focus(), t.select();
|
|
428
432
|
try {
|
|
429
|
-
document.execCommand("copy"), this.$message.success("
|
|
433
|
+
document.execCommand("copy"), this.$message.success(x("copySuccess"));
|
|
430
434
|
} catch {
|
|
431
|
-
this.$message.error("
|
|
435
|
+
this.$message.error(x("copyFailed"));
|
|
432
436
|
}
|
|
433
437
|
document.body.removeChild(t);
|
|
434
438
|
}
|
|
435
439
|
}
|
|
436
440
|
};
|
|
437
|
-
var
|
|
441
|
+
var ge = function() {
|
|
438
442
|
var e = this, i = e._self._c;
|
|
439
443
|
return i("el-tooltip", e._b({ attrs: { disabled: e.tooltipDisabled, content: e.text, effect: "dark", placement: "top" } }, "el-tooltip", {
|
|
440
444
|
[e.isVue2 ? "open-delay" : "show-after"]: 300
|
|
441
445
|
}, !1), [i("div", { staticClass: "ellipsis-text-container" }, [i("div", { ref: "textEl", staticClass: "ellipsis-text", style: e.textStyle }, [e._v(" " + e._s(e.text) + " ")]), i("div", { staticClass: "toolbar", class: { multiline: e.currentLines > 1 && e.lines > 1 } }, [e.copyable ? i("CopyIcon", { staticClass: "icon-item", on: { click: e.handleCopy } }) : e._e()], 1)])]);
|
|
442
|
-
},
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
+
}, be = [], ve = /* @__PURE__ */ r(
|
|
447
|
+
me,
|
|
448
|
+
ge,
|
|
449
|
+
be,
|
|
446
450
|
!1,
|
|
447
451
|
null,
|
|
448
|
-
"
|
|
452
|
+
"b0e14655"
|
|
449
453
|
);
|
|
450
|
-
const
|
|
454
|
+
const V = ve.exports, ye = !0, Ce = !1, _e = {
|
|
451
455
|
name: "TmAdvancedInputFilter",
|
|
452
456
|
components: {
|
|
453
|
-
MoreIcon:
|
|
454
|
-
EllipsisText:
|
|
457
|
+
MoreIcon: oe,
|
|
458
|
+
EllipsisText: V
|
|
455
459
|
},
|
|
456
460
|
props: {
|
|
457
461
|
label: {
|
|
@@ -481,9 +485,9 @@ const $ = me.exports, ge = !0, be = !1, ve = {
|
|
|
481
485
|
},
|
|
482
486
|
data() {
|
|
483
487
|
return {
|
|
484
|
-
t:
|
|
485
|
-
isVue3:
|
|
486
|
-
isVue2:
|
|
488
|
+
t: f().t,
|
|
489
|
+
isVue3: Ce,
|
|
490
|
+
isVue2: ye,
|
|
487
491
|
getDefaultSize: d,
|
|
488
492
|
getCompatSize: y,
|
|
489
493
|
exactValue: "",
|
|
@@ -569,7 +573,7 @@ const $ = me.exports, ge = !0, be = !1, ve = {
|
|
|
569
573
|
this.updateCurrentOptionMultiple();
|
|
570
574
|
}
|
|
571
575
|
};
|
|
572
|
-
var
|
|
576
|
+
var xe = function() {
|
|
573
577
|
var e = this, i = e._self._c;
|
|
574
578
|
return i("div", { staticClass: "tm-advanced-input", class: `tm-advanced-input--${e.isVue3 ? "v3" : "v2"}`, style: { width: e.width } }, [e.labelOptions && e.labelOptions.length ? i("el-select", { staticClass: "left-select", staticStyle: { width: "100px", "flex-shrink": "0" }, attrs: { placeholder: e.t("selectPlaceholder"), size: e.getDefaultSize() }, on: { change: e.handlefieldChange }, model: { value: e.fieldValue, callback: function(s) {
|
|
575
579
|
e.fieldValue = s;
|
|
@@ -595,15 +599,15 @@ var ye = function() {
|
|
|
595
599
|
}, proxy: !0 } : null], null, !0), model: { value: e.inputValue, callback: function(s) {
|
|
596
600
|
e.inputValue = s;
|
|
597
601
|
}, expression: "inputValue" } })], 1);
|
|
598
|
-
},
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
+
}, Se = [], $e = /* @__PURE__ */ r(
|
|
603
|
+
_e,
|
|
604
|
+
xe,
|
|
605
|
+
Se,
|
|
602
606
|
!1,
|
|
603
607
|
null,
|
|
604
608
|
"96a2075d"
|
|
605
609
|
);
|
|
606
|
-
const z =
|
|
610
|
+
const z = $e.exports, { t: b } = f(), Te = !0, Ve = !1, Fe = {
|
|
607
611
|
name: "TmAdvancedDateFilter",
|
|
608
612
|
props: {
|
|
609
613
|
value: {
|
|
@@ -660,42 +664,42 @@ const z = _e.exports, { t: g } = v(), xe = !0, Se = !1, $e = {
|
|
|
660
664
|
return {
|
|
661
665
|
shortcuts: [
|
|
662
666
|
{
|
|
663
|
-
text:
|
|
667
|
+
text: b("today"),
|
|
664
668
|
onClick(t) {
|
|
665
669
|
const e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
|
|
666
670
|
t.$emit("pick", [i, e]);
|
|
667
671
|
}
|
|
668
672
|
},
|
|
669
673
|
{
|
|
670
|
-
text:
|
|
674
|
+
text: b("yesterday"),
|
|
671
675
|
onClick(t) {
|
|
672
676
|
const e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
|
|
673
677
|
i.setTime(i.getTime() - 3600 * 1e3 * 24), e.setTime(e.getTime() - 3600 * 1e3 * 24), t.$emit("pick", [i, e]);
|
|
674
678
|
}
|
|
675
679
|
},
|
|
676
680
|
{
|
|
677
|
-
text:
|
|
681
|
+
text: b("last7days"),
|
|
678
682
|
onClick(t) {
|
|
679
683
|
const e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
|
|
680
684
|
i.setTime(i.getTime() - 3600 * 1e3 * 24 * 7), t.$emit("pick", [i, e]);
|
|
681
685
|
}
|
|
682
686
|
},
|
|
683
687
|
{
|
|
684
|
-
text:
|
|
688
|
+
text: b("last30days"),
|
|
685
689
|
onClick(t) {
|
|
686
690
|
const e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
|
|
687
691
|
i.setTime(i.getTime() - 3600 * 1e3 * 24 * 30), t.$emit("pick", [i, e]);
|
|
688
692
|
}
|
|
689
693
|
},
|
|
690
694
|
{
|
|
691
|
-
text:
|
|
695
|
+
text: b("thisMonth"),
|
|
692
696
|
onClick(t) {
|
|
693
697
|
const e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
|
|
694
698
|
i.setDate(1), t.$emit("pick", [i, e]);
|
|
695
699
|
}
|
|
696
700
|
},
|
|
697
701
|
{
|
|
698
|
-
text:
|
|
702
|
+
text: b("lastMonth"),
|
|
699
703
|
onClick(t) {
|
|
700
704
|
const e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date();
|
|
701
705
|
i.setMonth(i.getMonth() - 1), i.setDate(1), e.setDate(0), t.$emit("pick", [i, e]);
|
|
@@ -724,9 +728,9 @@ const z = _e.exports, { t: g } = v(), xe = !0, Se = !1, $e = {
|
|
|
724
728
|
},
|
|
725
729
|
data() {
|
|
726
730
|
return {
|
|
727
|
-
t:
|
|
728
|
-
isVue2:
|
|
729
|
-
isVue3:
|
|
731
|
+
t: b,
|
|
732
|
+
isVue2: Te,
|
|
733
|
+
isVue3: Ve,
|
|
730
734
|
getDefaultSize: d
|
|
731
735
|
};
|
|
732
736
|
},
|
|
@@ -740,7 +744,7 @@ const z = _e.exports, { t: g } = v(), xe = !0, Se = !1, $e = {
|
|
|
740
744
|
}
|
|
741
745
|
}
|
|
742
746
|
};
|
|
743
|
-
var
|
|
747
|
+
var we = function() {
|
|
744
748
|
var e = this, i = e._self._c;
|
|
745
749
|
return i("div", { staticClass: "tm-date-picker", class: `tm-date-picker--${e.isVue3 ? "v3" : "v2"}` }, [i("el-select", { staticStyle: { width: "100px" }, attrs: { size: e.getDefaultSize() }, model: { value: e.fieldValue, callback: function(s) {
|
|
746
750
|
e.fieldValue = s;
|
|
@@ -749,15 +753,15 @@ var Ve = function() {
|
|
|
749
753
|
}), 1), i("el-date-picker", { staticStyle: { width: "206px" }, attrs: { type: "daterange", size: e.getDefaultSize(), "range-separator": "-", "start-placeholder": e.startPlaceholder === void 0 ? e.t("startDate") : e.startPlaceholder, "end-placeholder": e.endPlaceholder === void 0 ? e.t("endDate") : e.endPlaceholder, "picker-options": e.computedPickerOptions, format: e.computedFormat, "value-format": e.computedFormat }, model: { value: e.dateValue, callback: function(s) {
|
|
750
754
|
e.dateValue = s;
|
|
751
755
|
}, expression: "dateValue" } })], 1);
|
|
752
|
-
},
|
|
753
|
-
$e,
|
|
754
|
-
Ve,
|
|
756
|
+
}, ke = [], Le = /* @__PURE__ */ r(
|
|
755
757
|
Fe,
|
|
758
|
+
we,
|
|
759
|
+
ke,
|
|
756
760
|
!1,
|
|
757
761
|
null,
|
|
758
762
|
"3cd3ede3"
|
|
759
763
|
);
|
|
760
|
-
const
|
|
764
|
+
const O = Le.exports, ze = !0, Oe = {
|
|
761
765
|
name: "TmCascaderFilter",
|
|
762
766
|
props: {
|
|
763
767
|
value: {
|
|
@@ -855,7 +859,7 @@ const k = Te.exports, ze = !0, ke = {
|
|
|
855
859
|
}
|
|
856
860
|
}
|
|
857
861
|
};
|
|
858
|
-
var
|
|
862
|
+
var Me = function() {
|
|
859
863
|
var e = this, i = e._self._c;
|
|
860
864
|
return i("el-cascader", e._g(e._b({ ref: "cascader", staticClass: "tm-cascader", class: `tm-cascader--${e.isVue2 ? "v2" : "v3"}`, staticStyle: { width: "200px" }, scopedSlots: e._u([{ key: "default", fn: function({ node: s, data: a }) {
|
|
861
865
|
return [e._t("default", function() {
|
|
@@ -875,15 +879,15 @@ var we = function() {
|
|
|
875
879
|
options: e.optionsList,
|
|
876
880
|
loading: e.loading
|
|
877
881
|
}, !1), e.isVue2 ? e.$listeners : {}));
|
|
878
|
-
},
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
+
}, Ae = [], Re = /* @__PURE__ */ r(
|
|
883
|
+
Oe,
|
|
884
|
+
Me,
|
|
885
|
+
Ae,
|
|
882
886
|
!1,
|
|
883
887
|
null,
|
|
884
888
|
null
|
|
885
889
|
);
|
|
886
|
-
const
|
|
890
|
+
const M = Re.exports, De = !0, He = !1, Ee = {
|
|
887
891
|
name: "TmRadioFilter",
|
|
888
892
|
props: {
|
|
889
893
|
value: {
|
|
@@ -913,8 +917,8 @@ const w = Oe.exports, Ae = !0, Me = !1, De = {
|
|
|
913
917
|
},
|
|
914
918
|
data() {
|
|
915
919
|
return {
|
|
916
|
-
isVue2:
|
|
917
|
-
isVue3:
|
|
920
|
+
isVue2: De,
|
|
921
|
+
isVue3: He,
|
|
918
922
|
getDefaultSize: d,
|
|
919
923
|
selectedValue: this.value,
|
|
920
924
|
optionsList: [],
|
|
@@ -975,7 +979,7 @@ const w = Oe.exports, Ae = !0, Me = !1, De = {
|
|
|
975
979
|
}
|
|
976
980
|
}
|
|
977
981
|
};
|
|
978
|
-
var
|
|
982
|
+
var Ie = function() {
|
|
979
983
|
var e = this, i = e._self._c;
|
|
980
984
|
return i("div", { staticClass: "tm-radio", class: {
|
|
981
985
|
"wide-mode": e.hasWideOptions,
|
|
@@ -995,15 +999,15 @@ var Re = function() {
|
|
|
995
999
|
return [e._v(e._s(s[e.propMap.label]))];
|
|
996
1000
|
}, { item: s })], 2);
|
|
997
1001
|
})], 2)], 1);
|
|
998
|
-
},
|
|
999
|
-
|
|
1000
|
-
Re,
|
|
1002
|
+
}, We = [], Pe = /* @__PURE__ */ r(
|
|
1003
|
+
Ee,
|
|
1001
1004
|
Ie,
|
|
1005
|
+
We,
|
|
1002
1006
|
!1,
|
|
1003
1007
|
null,
|
|
1004
1008
|
"61fed13d"
|
|
1005
1009
|
);
|
|
1006
|
-
const
|
|
1010
|
+
const A = Pe.exports, Ne = !0, Be = !1, je = {
|
|
1007
1011
|
name: "TmCheckboxFilter",
|
|
1008
1012
|
props: {
|
|
1009
1013
|
value: {
|
|
@@ -1033,8 +1037,8 @@ const L = He.exports, Ee = !0, Pe = !1, Ne = {
|
|
|
1033
1037
|
},
|
|
1034
1038
|
data() {
|
|
1035
1039
|
return {
|
|
1036
|
-
isVue2:
|
|
1037
|
-
isVue3:
|
|
1040
|
+
isVue2: Ne,
|
|
1041
|
+
isVue3: Be,
|
|
1038
1042
|
getDefaultSize: d,
|
|
1039
1043
|
selectedValue: this.value || [],
|
|
1040
1044
|
optionsList: [],
|
|
@@ -1097,7 +1101,7 @@ const L = He.exports, Ee = !0, Pe = !1, Ne = {
|
|
|
1097
1101
|
}
|
|
1098
1102
|
}
|
|
1099
1103
|
};
|
|
1100
|
-
var
|
|
1104
|
+
var Ue = function() {
|
|
1101
1105
|
var e = this, i = e._self._c;
|
|
1102
1106
|
return i("div", { staticClass: "tm-checkbox", class: {
|
|
1103
1107
|
"wide-mode": e.hasWideOptions,
|
|
@@ -1117,15 +1121,15 @@ var We = function() {
|
|
|
1117
1121
|
return [e._v(e._s(s[e.propMap.label]))];
|
|
1118
1122
|
}, { item: s })], 2);
|
|
1119
1123
|
})], 2)], 1);
|
|
1120
|
-
},
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
+
}, Je = [], Qe = /* @__PURE__ */ r(
|
|
1125
|
+
je,
|
|
1126
|
+
Ue,
|
|
1127
|
+
Je,
|
|
1124
1128
|
!1,
|
|
1125
1129
|
null,
|
|
1126
1130
|
"b44866b1"
|
|
1127
1131
|
);
|
|
1128
|
-
const
|
|
1132
|
+
const R = Qe.exports, Ke = !0, qe = {
|
|
1129
1133
|
name: "TmSwitchFilter",
|
|
1130
1134
|
props: {
|
|
1131
1135
|
value: {
|
|
@@ -1139,7 +1143,7 @@ const O = Ue.exports, Je = !0, je = {
|
|
|
1139
1143
|
},
|
|
1140
1144
|
data() {
|
|
1141
1145
|
return {
|
|
1142
|
-
isVue2:
|
|
1146
|
+
isVue2: Ke,
|
|
1143
1147
|
getDefaultSize: d,
|
|
1144
1148
|
switchValue: this.value
|
|
1145
1149
|
};
|
|
@@ -1150,8 +1154,8 @@ const O = Ue.exports, Je = !0, je = {
|
|
|
1150
1154
|
const t = (l) => {
|
|
1151
1155
|
if (!l) return 0;
|
|
1152
1156
|
let n = 0;
|
|
1153
|
-
for (let
|
|
1154
|
-
const o = l.charAt(
|
|
1157
|
+
for (let c = 0; c < l.length; c++) {
|
|
1158
|
+
const o = l.charAt(c);
|
|
1155
1159
|
n += /[\u4e00-\u9fa5]/.test(o) ? 2 : 1;
|
|
1156
1160
|
}
|
|
1157
1161
|
return n;
|
|
@@ -1171,20 +1175,20 @@ const O = Ue.exports, Je = !0, je = {
|
|
|
1171
1175
|
}
|
|
1172
1176
|
}
|
|
1173
1177
|
};
|
|
1174
|
-
var
|
|
1178
|
+
var Ge = function() {
|
|
1175
1179
|
var e = this, i = e._self._c;
|
|
1176
1180
|
return i("div", { staticClass: "tm-switch", class: e.containerWidthClass }, [e.label ? i("span", { staticClass: "switch-label" }, [e._v(e._s(e.label))]) : e._e(), i("el-switch", e._g(e._b({ ref: "switch", attrs: { size: e.getDefaultSize() }, model: { value: e.switchValue, callback: function(s) {
|
|
1177
1181
|
e.switchValue = s;
|
|
1178
1182
|
}, expression: "switchValue" } }, "el-switch", e.$attrs, !1), e.isVue2 ? e.$listeners : {}))], 1);
|
|
1179
|
-
},
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
+
}, Ye = [], Xe = /* @__PURE__ */ r(
|
|
1184
|
+
qe,
|
|
1185
|
+
Ge,
|
|
1186
|
+
Ye,
|
|
1183
1187
|
!1,
|
|
1184
1188
|
null,
|
|
1185
1189
|
"9e7a342f"
|
|
1186
1190
|
);
|
|
1187
|
-
const
|
|
1191
|
+
const D = Xe.exports, Ze = {
|
|
1188
1192
|
name: "DynamicSlot",
|
|
1189
1193
|
functional: !0,
|
|
1190
1194
|
props: {
|
|
@@ -1212,26 +1216,26 @@ const A = qe.exports, Ge = {
|
|
|
1212
1216
|
}
|
|
1213
1217
|
return a ? a(i.slotProps) : t();
|
|
1214
1218
|
}
|
|
1215
|
-
},
|
|
1216
|
-
var
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1219
|
+
}, et = null, tt = null;
|
|
1220
|
+
var it = /* @__PURE__ */ r(
|
|
1221
|
+
Ze,
|
|
1222
|
+
et,
|
|
1223
|
+
tt,
|
|
1220
1224
|
!1,
|
|
1221
1225
|
null,
|
|
1222
1226
|
null
|
|
1223
1227
|
);
|
|
1224
|
-
const
|
|
1228
|
+
const st = it.exports, { t: at } = f(), lt = !0, nt = !1, ot = {
|
|
1225
1229
|
name: "TmTableSearch",
|
|
1226
1230
|
components: {
|
|
1227
|
-
TmSelect:
|
|
1231
|
+
TmSelect: k,
|
|
1228
1232
|
TmAdvancedInput: z,
|
|
1229
|
-
TmAdvancedDate:
|
|
1230
|
-
TmCascader:
|
|
1231
|
-
TmRadio:
|
|
1232
|
-
TmCheckbox:
|
|
1233
|
-
TmSwitch:
|
|
1234
|
-
DynamicSlot:
|
|
1233
|
+
TmAdvancedDate: O,
|
|
1234
|
+
TmCascader: M,
|
|
1235
|
+
TmRadio: A,
|
|
1236
|
+
TmCheckbox: R,
|
|
1237
|
+
TmSwitch: D,
|
|
1238
|
+
DynamicSlot: st
|
|
1235
1239
|
},
|
|
1236
1240
|
props: {
|
|
1237
1241
|
disabled: {
|
|
@@ -1249,9 +1253,9 @@ const et = Ze.exports, { t: tt } = v(), it = !0, st = !1, at = {
|
|
|
1249
1253
|
},
|
|
1250
1254
|
data() {
|
|
1251
1255
|
return {
|
|
1252
|
-
t:
|
|
1253
|
-
isVue2:
|
|
1254
|
-
isVue3:
|
|
1256
|
+
t: at,
|
|
1257
|
+
isVue2: lt,
|
|
1258
|
+
isVue3: nt,
|
|
1255
1259
|
getCompatSize: y,
|
|
1256
1260
|
getDefaultSize: d,
|
|
1257
1261
|
// 用于存储初始默认值,重置时恢复
|
|
@@ -1365,8 +1369,8 @@ const et = Ze.exports, { t: tt } = v(), it = !0, st = !1, at = {
|
|
|
1365
1369
|
}
|
|
1366
1370
|
const a = this.getFieldDefault(e, "value");
|
|
1367
1371
|
if (i && a !== void 0 && !(i in this.computedSearchForm) ? e.type === "date" && !Array.isArray(a) ? t[i] = [] : e.type === "checkbox" && !Array.isArray(a) ? t[i] = a ? [a] : [] : e.type === "switch" && typeof a != "boolean" ? t[i] = !!a : t[i] = a : i && !(i in this.computedSearchForm) && (e.type === "checkbox" ? t[i] = [] : e.type === "switch" && (t[i] = !1)), e.type === "date") {
|
|
1368
|
-
const l = this.getFieldValue(e, "start"), n = this.getFieldValue(e, "end"),
|
|
1369
|
-
l &&
|
|
1372
|
+
const l = this.getFieldValue(e, "start"), n = this.getFieldValue(e, "end"), c = this.getFieldDefault(e, "start"), o = this.getFieldDefault(e, "end");
|
|
1373
|
+
l && c !== void 0 && !(l in this.computedSearchForm) && (t[l] = c), n && o !== void 0 && !(n in this.computedSearchForm) && (t[n] = o);
|
|
1370
1374
|
}
|
|
1371
1375
|
}), this.defaultValues = t, this.$emit("update:search-form", {
|
|
1372
1376
|
...t,
|
|
@@ -1389,7 +1393,7 @@ const et = Ze.exports, { t: tt } = v(), it = !0, st = !1, at = {
|
|
|
1389
1393
|
}
|
|
1390
1394
|
}
|
|
1391
1395
|
};
|
|
1392
|
-
var
|
|
1396
|
+
var rt = function() {
|
|
1393
1397
|
var e = this, i = e._self._c;
|
|
1394
1398
|
return i("div", { staticClass: "table-search", class: `table-search--${e.isVue2 ? "v2" : "v3"}` }, [i("div", { staticClass: "search-content" }, [e.hasDefaultSlot() ? e._t("default") : e.searchColumns && e.searchColumns.length ? [e._l(e.searchColumns, function(s, a) {
|
|
1395
1399
|
return [typeof s == "string" ? i("div", { key: `str-${s}-${a}`, staticClass: "search-item" }, [i("dynamic-slot", { key: s, attrs: { name: `search-${s}`, "slot-props": { searchForm: e.searchForm } } })], 1) : i("div", { key: `obj-${a}`, staticClass: "search-item" }, [s.fields ? [e.hasSearchSlot(`search-${e.getFieldValue(s, "value")}`) ? [i("dynamic-slot", { key: e.getFieldValue(s, "value"), attrs: { name: `search-${e.getFieldValue(s, "value")}`, "slot-props": { searchForm: e.searchForm, col: s } } })] : [i("div", { key: e.getFieldValue(s, "value") || `col-${a}`, staticStyle: { display: "flex" } }, [s.type === "input" ? i("tm-advanced-input", { attrs: { label: s.label, value: e.computedSearchForm[e.getFieldValue(s, "value")], field: e.computedSearchForm[e.getFieldValue(s, "label")], multiple: s.multiple, labelOptions: s.labelOptions, placeholder: s.placeholder }, on: { "value-change": (l) => e.handleUpdate(s, l, "value"), "field-change": (l) => e.handleUpdate(s, l, "label"), search: e.handleSearch } }) : e._e(), s.type === "date" ? i("tm-advanced-date", { attrs: { label: s.label, value: e.computedSearchForm[e.getFieldValue(s, "value")], field: e.computedSearchForm[e.getFieldValue(s, "label")], start: e.computedSearchForm[e.getFieldValue(s, "start")], end: e.computedSearchForm[e.getFieldValue(s, "end")], labelOptions: s.labelOptions, "start-placeholder": s.startPlaceholder, "end-placeholder": s.endPlaceholder }, on: { "field-change": (l) => e.handleUpdate(s, l, "label"), "value-change": (l) => e.handleUpdateDate(s, l), "start-change": (l) => e.handleUpdateDate(s, l), "end-change": (l) => e.handleUpdateDate(s, l) } }) : e._e(), s.type === "select" ? i("tm-select", { attrs: { label: s.label, field: e.computedSearchForm[e.getFieldValue(s, "label")], options: s.options, labelOptions: s.labelOptions, placeholder: s.placeholder, multiple: s.multiple, "show-check-all": s.checkAll }, on: { "field-change": (l) => e.handleUpdate(s, l, "label") }, model: { value: e.computedSearchForm[e.getFieldValue(s, "value")], callback: function(l) {
|
|
@@ -1404,15 +1408,15 @@ var lt = function() {
|
|
|
1404
1408
|
e.$set(e.computedSearchForm, e.getFieldValue(s, "value"), l);
|
|
1405
1409
|
}, expression: "computedSearchForm[getFieldValue(col, 'value')]" } }) : e._e()], 1)]] : [i("div", { key: `error-${a}`, staticClass: "search-error-message" }, [e._v(" 缺少 fields 配置,无法渲染此组件 ")])]], 2)];
|
|
1406
1410
|
})] : e._e(), i("div", { staticClass: "search-actions" }, [i("el-button", { attrs: { type: "primary", size: e.getDefaultSize() }, on: { click: e.handleSearch } }, [e._v(e._s(e.t("query")))]), i("el-button", { attrs: { size: e.getDefaultSize() }, on: { click: e.handleReset } }, [e._v(e._s(e.t("reset")))])], 1)], 2)]);
|
|
1407
|
-
},
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
+
}, ct = [], ut = /* @__PURE__ */ r(
|
|
1412
|
+
ot,
|
|
1413
|
+
rt,
|
|
1414
|
+
ct,
|
|
1411
1415
|
!1,
|
|
1412
1416
|
null,
|
|
1413
1417
|
"572f884b"
|
|
1414
1418
|
);
|
|
1415
|
-
const
|
|
1419
|
+
const H = ut.exports, dt = !0, ht = {
|
|
1416
1420
|
name: "TablePagination",
|
|
1417
1421
|
props: {
|
|
1418
1422
|
current: {
|
|
@@ -1434,7 +1438,7 @@ const M = ot.exports, rt = !0, ut = {
|
|
|
1434
1438
|
},
|
|
1435
1439
|
data() {
|
|
1436
1440
|
return {
|
|
1437
|
-
isVue2:
|
|
1441
|
+
isVue2: dt,
|
|
1438
1442
|
getCompatSize: y
|
|
1439
1443
|
};
|
|
1440
1444
|
},
|
|
@@ -1447,22 +1451,22 @@ const M = ot.exports, rt = !0, ut = {
|
|
|
1447
1451
|
}
|
|
1448
1452
|
}
|
|
1449
1453
|
};
|
|
1450
|
-
var
|
|
1454
|
+
var pt = function() {
|
|
1451
1455
|
var e = this, i = e._self._c;
|
|
1452
1456
|
return i("div", { staticClass: "tm-pagination" }, [i("el-pagination", e._g(e._b({ staticStyle: { "text-align": "right" }, attrs: { "current-page": e.current, "page-size": e.pageSize, total: e.total, "page-sizes": [10, 20, 50, 100, 300, 500, 1e3, 2e3], size: e.getCompatSize("mini"), layout: "total, sizes, prev, pager, next, jumper" }, on: { "size-change": e.handleSizeChange, "update:current-page": function(s) {
|
|
1453
1457
|
return e.$emit("update:current", s);
|
|
1454
1458
|
}, "update:page-size": function(s) {
|
|
1455
1459
|
return e.$emit("update:pageSize", s);
|
|
1456
1460
|
}, "current-change": e.handleCurrentChange } }, "el-pagination", e.$attrs, !1), e.isVue2 ? e.$listeners : {}))], 1);
|
|
1457
|
-
},
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
+
}, ft = [], mt = /* @__PURE__ */ r(
|
|
1462
|
+
ht,
|
|
1463
|
+
pt,
|
|
1464
|
+
ft,
|
|
1461
1465
|
!1,
|
|
1462
1466
|
null,
|
|
1463
1467
|
"4dbdf6e7"
|
|
1464
1468
|
);
|
|
1465
|
-
const
|
|
1469
|
+
const gt = mt.exports, bt = {
|
|
1466
1470
|
name: "TmTableMenu",
|
|
1467
1471
|
props: {
|
|
1468
1472
|
size: {
|
|
@@ -1471,18 +1475,18 @@ const pt = ht.exports, ft = {
|
|
|
1471
1475
|
}
|
|
1472
1476
|
}
|
|
1473
1477
|
};
|
|
1474
|
-
var
|
|
1478
|
+
var vt = function() {
|
|
1475
1479
|
var e = this, i = e._self._c;
|
|
1476
1480
|
return i("div", { staticClass: "tm-table-menu", attrs: { size: "small", inline: "" } }, [i("div", { staticClass: "left" }, [e._t("left")], 2), i("div", { staticClass: "right" }, [e._t("right")], 2)]);
|
|
1477
|
-
},
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
+
}, yt = [], Ct = /* @__PURE__ */ r(
|
|
1482
|
+
bt,
|
|
1483
|
+
vt,
|
|
1484
|
+
yt,
|
|
1481
1485
|
!1,
|
|
1482
1486
|
null,
|
|
1483
1487
|
"579dd2c3"
|
|
1484
1488
|
);
|
|
1485
|
-
const
|
|
1489
|
+
const _t = Ct.exports, S = (t) => t ? t.data && t.data.attrs || {} : {}, $ = (t, e) => {
|
|
1486
1490
|
t && (t.data || (t.data = {}), t.data.attrs || (t.data.attrs = {}), typeof e == "object" && Object.assign(t.data.attrs, e));
|
|
1487
1491
|
}, C = {
|
|
1488
1492
|
// 默认实现:使用localStorage获取配置
|
|
@@ -1512,20 +1516,20 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1512
1516
|
return Promise.reject(e);
|
|
1513
1517
|
}
|
|
1514
1518
|
}
|
|
1515
|
-
},
|
|
1519
|
+
}, xt = (t) => C.getTableConfig(t.key), St = (t) => C.setTableConfig(t), $t = (t) => {
|
|
1516
1520
|
t && (typeof t.getTableConfig == "function" && (C.getTableConfig = t.getTableConfig), typeof t.setTableConfig == "function" && (C.setTableConfig = t.setTableConfig));
|
|
1517
|
-
}, { t:
|
|
1521
|
+
}, { t: Tt } = f(), Vt = !0, Ft = !1, wt = {
|
|
1518
1522
|
formatter: (t, e, i, s) => [void 0, null, ""].includes(i) ? "-" : i
|
|
1519
|
-
},
|
|
1523
|
+
}, kt = {
|
|
1520
1524
|
name: "TmColumnConfig",
|
|
1521
1525
|
components: {
|
|
1522
|
-
MoveIcon:
|
|
1523
|
-
FixedLeftIcon:
|
|
1524
|
-
FixedRightIcon:
|
|
1525
|
-
UploadIcon:
|
|
1526
|
-
DownloadIcon:
|
|
1527
|
-
DeleteIcon:
|
|
1528
|
-
MenuIcon:
|
|
1526
|
+
MoveIcon: ne,
|
|
1527
|
+
FixedLeftIcon: re,
|
|
1528
|
+
FixedRightIcon: ce,
|
|
1529
|
+
UploadIcon: ue,
|
|
1530
|
+
DownloadIcon: de,
|
|
1531
|
+
DeleteIcon: he,
|
|
1532
|
+
MenuIcon: ae
|
|
1529
1533
|
},
|
|
1530
1534
|
props: {
|
|
1531
1535
|
// 表格列数据,从$slots.default传入
|
|
@@ -1562,9 +1566,9 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1562
1566
|
},
|
|
1563
1567
|
data() {
|
|
1564
1568
|
return {
|
|
1565
|
-
t:
|
|
1566
|
-
isVue2:
|
|
1567
|
-
isVue3:
|
|
1569
|
+
t: Tt,
|
|
1570
|
+
isVue2: Vt,
|
|
1571
|
+
isVue3: Ft,
|
|
1568
1572
|
getDefaultSize: d,
|
|
1569
1573
|
getCompatSize: y,
|
|
1570
1574
|
buttonType: { type: "text" },
|
|
@@ -1648,15 +1652,15 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1648
1652
|
const t = this.columns || [];
|
|
1649
1653
|
let e = {};
|
|
1650
1654
|
this.defaultColumnsConfig = t.filter((i) => {
|
|
1651
|
-
const s =
|
|
1655
|
+
const s = S(i);
|
|
1652
1656
|
return !(!s.prop || this.ignoredColumnConfigTypes.includes(s.type));
|
|
1653
1657
|
}).map((i, s) => {
|
|
1654
|
-
const a =
|
|
1655
|
-
...
|
|
1658
|
+
const a = S(i), l = {
|
|
1659
|
+
...wt,
|
|
1656
1660
|
...a
|
|
1657
1661
|
};
|
|
1658
|
-
|
|
1659
|
-
const n = a.prop === "operation" || a.label && a.label.includes("操作"),
|
|
1662
|
+
$(i, l), a.prop && (e[a.prop] = i);
|
|
1663
|
+
const n = a.prop === "operation" || a.label && a.label.includes("操作"), c = a.hasOwnProperty("visible") ? a.visible !== !1 : !0;
|
|
1660
1664
|
return {
|
|
1661
1665
|
prop: a.prop,
|
|
1662
1666
|
label: a.label,
|
|
@@ -1665,13 +1669,13 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1665
1669
|
// 标记是否为操作列
|
|
1666
1670
|
sort: s,
|
|
1667
1671
|
cancellable: a.hasOwnProperty("cancellable") ? a.cancellable : !0,
|
|
1668
|
-
visible:
|
|
1672
|
+
visible: c
|
|
1669
1673
|
};
|
|
1670
1674
|
}), this.columnMap = e;
|
|
1671
1675
|
},
|
|
1672
1676
|
// 加载列配置
|
|
1673
1677
|
loadColumnConfig() {
|
|
1674
|
-
|
|
1678
|
+
xt({
|
|
1675
1679
|
key: this.computedTableKey
|
|
1676
1680
|
}).then((t) => {
|
|
1677
1681
|
var i;
|
|
@@ -1694,22 +1698,22 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1694
1698
|
},
|
|
1695
1699
|
applyColumnConfig(t, e = !1) {
|
|
1696
1700
|
let i = this.columns.filter((a) => {
|
|
1697
|
-
const l =
|
|
1701
|
+
const l = S(a);
|
|
1698
1702
|
return this.ignoredColumnConfigTypes.includes(l.type);
|
|
1699
1703
|
}), s = [];
|
|
1700
1704
|
return [...t].sort((a, l) => {
|
|
1701
|
-
const n = a.sort !== void 0 ? a.sort : 1 / 0,
|
|
1702
|
-
return n -
|
|
1705
|
+
const n = a.sort !== void 0 ? a.sort : 1 / 0, c = l.sort !== void 0 ? l.sort : 1 / 0;
|
|
1706
|
+
return n - c;
|
|
1703
1707
|
}).forEach((a) => {
|
|
1704
1708
|
if (a.prop) {
|
|
1705
1709
|
let l = this.columnMap[a.prop];
|
|
1706
|
-
l && (
|
|
1710
|
+
l && ($(l, {
|
|
1707
1711
|
fixed: a.fixed || void 0,
|
|
1708
1712
|
visible: a.visible
|
|
1709
1713
|
}), (!e && a.visible || e) && s.push(l));
|
|
1710
1714
|
}
|
|
1711
1715
|
}), i.forEach((a) => {
|
|
1712
|
-
|
|
1716
|
+
$(a, { visible: !0 });
|
|
1713
1717
|
}), [...i, ...s];
|
|
1714
1718
|
},
|
|
1715
1719
|
crateSortable() {
|
|
@@ -1742,23 +1746,23 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1742
1746
|
const { target: s, related: a } = i;
|
|
1743
1747
|
if (!s || !a)
|
|
1744
1748
|
return !1;
|
|
1745
|
-
const l = a ? a.getAttribute("data-prop") : null, n = l ? this.sortedTableColumns.find((
|
|
1749
|
+
const l = a ? a.getAttribute("data-prop") : null, n = l ? this.sortedTableColumns.find((g) => g.prop === l) : null, c = s.getAttribute("data-prop"), o = c ? this.sortedTableColumns.find((g) => g.prop === c) : null;
|
|
1746
1750
|
if (o && o.isOperation && n && n.fixed === "left")
|
|
1747
1751
|
return s.classList.add("no-drop-zone"), !1;
|
|
1748
|
-
const h = n && n.fixed === "left",
|
|
1749
|
-
return this.isDraggingFrozen && !h || this.isDraggingFrozenRight && !
|
|
1750
|
-
|
|
1752
|
+
const h = n && n.fixed === "left", m = n && n.fixed === "right";
|
|
1753
|
+
return this.isDraggingFrozen && !h || this.isDraggingFrozenRight && !m || !this.isDraggingFrozen && !this.isDraggingFrozenRight && (h || m) ? (s.classList.add("no-drop-zone"), !1) : (document.querySelectorAll(".no-drop-zone").forEach((g) => {
|
|
1754
|
+
g.classList.remove("no-drop-zone");
|
|
1751
1755
|
}), !0);
|
|
1752
1756
|
},
|
|
1753
1757
|
onEnd: ({ item: i, newIndex: s, oldIndex: a }) => {
|
|
1754
1758
|
if (s === void 0 || a === void 0 || s < 0 || a < 0 || s >= this.sortedTableColumns.length || a >= this.sortedTableColumns.length)
|
|
1755
1759
|
return;
|
|
1756
|
-
document.querySelectorAll(".no-drop-zone").forEach((
|
|
1757
|
-
|
|
1760
|
+
document.querySelectorAll(".no-drop-zone").forEach((g) => {
|
|
1761
|
+
g.classList.remove("no-drop-zone");
|
|
1758
1762
|
}), i.classList.remove("sortable-drag");
|
|
1759
|
-
const l = this.sortedTableColumns[a], n = l.fixed === "left",
|
|
1760
|
-
let
|
|
1761
|
-
if (n ? (o && o.fixed !== "left" || h && h.fixed === "right") && (
|
|
1763
|
+
const l = this.sortedTableColumns[a], n = l.fixed === "left", c = l.fixed === "right", o = s > 0 ? this.sortedTableColumns[s - 1] : null, h = s < this.sortedTableColumns.length - 1 ? this.sortedTableColumns[s + 1] : null;
|
|
1764
|
+
let m = !1;
|
|
1765
|
+
if (n ? (o && o.fixed !== "left" || h && h.fixed === "right") && (m = !0) : c ? (o && o.fixed !== "right" || h && h.fixed !== "right") && (m = !0) : (o && o.fixed === "right" || h && h.fixed === "left") && (m = !0), m) {
|
|
1762
1766
|
this.rollbackSort();
|
|
1763
1767
|
return;
|
|
1764
1768
|
}
|
|
@@ -1919,7 +1923,7 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1919
1923
|
);
|
|
1920
1924
|
return s && (i.sort = s.sort, i.fixed = s.fixed, i.visible = s.visible), i;
|
|
1921
1925
|
});
|
|
1922
|
-
|
|
1926
|
+
St({
|
|
1923
1927
|
key: this.computedTableKey,
|
|
1924
1928
|
info: JSON.stringify({
|
|
1925
1929
|
columnsConfig: t,
|
|
@@ -1951,7 +1955,7 @@ const vt = bt.exports, x = (t) => t ? t.data && t.data.attrs || {} : {}, S = (t,
|
|
|
1951
1955
|
}
|
|
1952
1956
|
}
|
|
1953
1957
|
};
|
|
1954
|
-
var
|
|
1958
|
+
var Lt = function() {
|
|
1955
1959
|
var e = this, i = e._self._c;
|
|
1956
1960
|
return i("el-popover", e._g(e._b({ attrs: { "popper-class": "column-config-popover", width: 680, "show-arrow": !1, placement: e.placement, trigger: "click" }, on: { show: e.handlePopoverShow, hide: e.handlePopoverHide }, scopedSlots: e._u([{ key: "reference", fn: function() {
|
|
1957
1961
|
return [i("div", { staticStyle: { display: "inline-block", "margin-left": "10px" } }, [i("el-tooltip", e._b({ attrs: { content: e.t("columnSetting"), placement: "top" } }, "el-tooltip", e.afterOpenDelay, !1), [i("el-button", { ref: "operationRef", attrs: { size: e.getDefaultSize(), circle: "" } }, [i("MenuIcon")], 1)], 1)], 1)];
|
|
@@ -1982,22 +1986,22 @@ var Tt = function() {
|
|
|
1982
1986
|
}), 0)])]), i("div", { staticClass: "footer" }, [i("div", { staticClass: "footer-left" }, [i("el-button", { attrs: { size: e.getCompatSize("mini") }, on: { click: e.handleRestoreDefault } }, [e._v(e._s(e.t("restoreDefault")))])], 1), i("div", { staticClass: "footer-right" }, [i("el-button", { attrs: { size: e.getCompatSize("mini") }, on: { click: function(s) {
|
|
1983
1987
|
e.popoverVisible = !1;
|
|
1984
1988
|
} } }, [e._v(e._s(e.t("cancel")))]), i("el-button", { attrs: { size: e.getCompatSize("mini"), type: "primary" }, on: { click: e.onSave } }, [e._v(e._s(e.t("saveAndApply")))])], 1)])]) : e._e()]);
|
|
1985
|
-
}, zt = [],
|
|
1986
|
-
|
|
1987
|
-
|
|
1989
|
+
}, zt = [], Ot = /* @__PURE__ */ r(
|
|
1990
|
+
kt,
|
|
1991
|
+
Lt,
|
|
1988
1992
|
zt,
|
|
1989
1993
|
!1,
|
|
1990
1994
|
null,
|
|
1991
|
-
"
|
|
1995
|
+
"f3445124"
|
|
1992
1996
|
);
|
|
1993
|
-
const
|
|
1997
|
+
const Mt = Ot.exports, At = !0, Rt = !1, Dt = {
|
|
1994
1998
|
name: "TmTable",
|
|
1995
1999
|
components: {
|
|
1996
|
-
TableSearch:
|
|
1997
|
-
TablePagination:
|
|
1998
|
-
TableMenu:
|
|
1999
|
-
ColumnConfig:
|
|
2000
|
-
RefreshIcon:
|
|
2000
|
+
TableSearch: H,
|
|
2001
|
+
TablePagination: gt,
|
|
2002
|
+
TableMenu: _t,
|
|
2003
|
+
ColumnConfig: Mt,
|
|
2004
|
+
RefreshIcon: le,
|
|
2001
2005
|
// 用于渲染VNode的组件
|
|
2002
2006
|
ColumnRenderer: {
|
|
2003
2007
|
props: ["vnode"],
|
|
@@ -2093,9 +2097,9 @@ const wt = kt.exports, Lt = !0, Ot = !1, At = {
|
|
|
2093
2097
|
return {
|
|
2094
2098
|
getDefaultSize: d,
|
|
2095
2099
|
getCompatSize: y,
|
|
2096
|
-
isVue3:
|
|
2097
|
-
isVue2:
|
|
2098
|
-
t:
|
|
2100
|
+
isVue3: Rt,
|
|
2101
|
+
isVue2: At,
|
|
2102
|
+
t: f().t,
|
|
2099
2103
|
tableData: [],
|
|
2100
2104
|
tableLoading: !1,
|
|
2101
2105
|
columnsLoading: !1,
|
|
@@ -2124,6 +2128,9 @@ const wt = kt.exports, Lt = !0, Ot = !1, At = {
|
|
|
2124
2128
|
},
|
|
2125
2129
|
computedTableKey() {
|
|
2126
2130
|
return this.tableKey ? this.tableKey : this.$route.path.slice(1).replace(/\//g, "-");
|
|
2131
|
+
},
|
|
2132
|
+
computedShowPagination() {
|
|
2133
|
+
return this.showPagination && typeof this.data == "function";
|
|
2127
2134
|
}
|
|
2128
2135
|
},
|
|
2129
2136
|
watch: {
|
|
@@ -2169,6 +2176,7 @@ const wt = kt.exports, Lt = !0, Ot = !1, At = {
|
|
|
2169
2176
|
if (Array.isArray(this.data))
|
|
2170
2177
|
this.tableData = this.data;
|
|
2171
2178
|
else if (typeof this.data == "function") {
|
|
2179
|
+
if (this.tableLoading) return;
|
|
2172
2180
|
this.tableLoading = !0;
|
|
2173
2181
|
try {
|
|
2174
2182
|
const t = await this.data({
|
|
@@ -2226,24 +2234,24 @@ const wt = kt.exports, Lt = !0, Ot = !1, At = {
|
|
|
2226
2234
|
}
|
|
2227
2235
|
}
|
|
2228
2236
|
};
|
|
2229
|
-
var
|
|
2237
|
+
var Ht = function() {
|
|
2230
2238
|
var e = this, i = e._self._c;
|
|
2231
2239
|
return i("div", { ref: "tablePage", staticClass: "tm-table" }, [e.searchColumns && e.searchColumns.length > 0 ? i("table-search", { ref: "search", attrs: { disabled: e.pageLoading, "search-columns": e.searchColumns, "search-form": e.searchForm }, on: { search: e.search, reset: e.reset, "update:search-form": e.handleUpdateSearchForm } }, [e._t("search")], 2) : e._e(), e.showMenu ? i("table-menu", { scopedSlots: e._u([{ key: "left", fn: function() {
|
|
2232
2240
|
return [e._t("menu-left")];
|
|
2233
2241
|
}, proxy: !0 }, { key: "right", fn: function() {
|
|
2234
|
-
return [e._t("menu-right"), e.refreshButton ? i("el-tooltip", e._b({ attrs: { content: e.t("refresh"), placement: "top" } }, "el-tooltip", e.afterOpenDelay, !1), [i("el-button", { attrs: { circle: "", size: e.getDefaultSize() }, on: { click: e.handleRefresh } }, [i("RefreshIcon")], 1)], 1) : e._e(), e.columnSettingButton ? i("ColumnConfig", { attrs: { maxFixedLeftQuantity: e.maxFixedLeftQuantity, maxFixedRightQuantity: e.maxFixedRightQuantity, tableKey: e.computedTableKey, columns: e.originalColumns }, on: { complete: e.handleColumnConfigComplete } }) : e._e()];
|
|
2242
|
+
return [e._t("menu-right"), e.refreshButton && typeof e.data == "function" ? i("el-tooltip", e._b({ attrs: { content: e.t("refresh"), placement: "top" } }, "el-tooltip", e.afterOpenDelay, !1), [i("el-button", { attrs: { circle: "", size: e.getDefaultSize() }, on: { click: e.handleRefresh } }, [i("RefreshIcon")], 1)], 1) : e._e(), e.columnSettingButton ? i("ColumnConfig", { attrs: { maxFixedLeftQuantity: e.maxFixedLeftQuantity, maxFixedRightQuantity: e.maxFixedRightQuantity, tableKey: e.computedTableKey, columns: e.originalColumns }, on: { complete: e.handleColumnConfigComplete } }) : e._e()];
|
|
2235
2243
|
}, proxy: !0 }], null, !0) }) : e._e(), i("el-table", e._g(e._b({ directives: [{ name: "loading", rawName: "v-loading", value: e.pageLoading, expression: "pageLoading" }], key: e.tableReload, ref: "table", attrs: { data: e.tableData, height: e.tableHeight, size: e.getCompatSize("mini") }, on: { "selection-change": e.handleSelectionChange } }, "el-table", { ...e.$attrs, border: e.border }, !1), e.isVue2 ? e.$listeners : {}), e._l(e.displayColumns, function(s) {
|
|
2236
2244
|
return i("columnRenderer", { key: e.isVue3 ? s.id : s.data.attrs.prop, attrs: { vnode: s } });
|
|
2237
|
-
}), 1), e.
|
|
2238
|
-
},
|
|
2239
|
-
At,
|
|
2240
|
-
Mt,
|
|
2245
|
+
}), 1), e.computedShowPagination ? i("table-pagination", { ref: "tmPagination", attrs: { "page-size": e.paginationInfo.pageSize, "current-page": e.paginationInfo.current, total: e.paginationInfo.total, disabled: e.tableLoading }, on: { "size-change": e.handleSizeChange, "current-change": e.handleCurrentChange } }) : e._e()], 1);
|
|
2246
|
+
}, Et = [], It = /* @__PURE__ */ r(
|
|
2241
2247
|
Dt,
|
|
2248
|
+
Ht,
|
|
2249
|
+
Et,
|
|
2242
2250
|
!1,
|
|
2243
2251
|
null,
|
|
2244
2252
|
null
|
|
2245
2253
|
);
|
|
2246
|
-
const
|
|
2254
|
+
const E = It.exports, Wt = !0, Pt = !1, Nt = {
|
|
2247
2255
|
name: "TmTableColumn",
|
|
2248
2256
|
inheritAttrs: !1,
|
|
2249
2257
|
computed: {
|
|
@@ -2256,8 +2264,8 @@ const D = Rt.exports, It = !0, Ht = !1, Et = {
|
|
|
2256
2264
|
},
|
|
2257
2265
|
data() {
|
|
2258
2266
|
return {
|
|
2259
|
-
isVue2:
|
|
2260
|
-
isVue3:
|
|
2267
|
+
isVue2: Wt,
|
|
2268
|
+
isVue3: Pt
|
|
2261
2269
|
};
|
|
2262
2270
|
},
|
|
2263
2271
|
created() {
|
|
@@ -2267,54 +2275,355 @@ const D = Rt.exports, It = !0, Ht = !1, Et = {
|
|
|
2267
2275
|
});
|
|
2268
2276
|
}
|
|
2269
2277
|
};
|
|
2270
|
-
var
|
|
2278
|
+
var Bt = function() {
|
|
2271
2279
|
var e = this, i = e._self._c;
|
|
2272
2280
|
return e.isVisible ? i("el-table-column", e._g(e._b({ scopedSlots: e._u([e._l(e.slots, function(s, a) {
|
|
2273
2281
|
return { key: a, fn: function(l) {
|
|
2274
2282
|
return [e._t(a, null, null, l)];
|
|
2275
2283
|
} };
|
|
2276
2284
|
})], null, !0) }, "el-table-column", e.$attrs, !1), e.isVue2 ? e.$listeners : {})) : e._e();
|
|
2277
|
-
},
|
|
2278
|
-
Et,
|
|
2279
|
-
Pt,
|
|
2285
|
+
}, jt = [], Ut = /* @__PURE__ */ r(
|
|
2280
2286
|
Nt,
|
|
2287
|
+
Bt,
|
|
2288
|
+
jt,
|
|
2281
2289
|
!1,
|
|
2282
2290
|
null,
|
|
2283
2291
|
null
|
|
2284
2292
|
);
|
|
2285
|
-
const
|
|
2293
|
+
const I = Ut.exports, { t: T } = f(), Jt = {
|
|
2294
|
+
name: "TmAdvancedEllipsisText",
|
|
2295
|
+
components: {
|
|
2296
|
+
CopyIcon: L
|
|
2297
|
+
},
|
|
2298
|
+
props: {
|
|
2299
|
+
rows: {
|
|
2300
|
+
type: Number,
|
|
2301
|
+
default: 1
|
|
2302
|
+
},
|
|
2303
|
+
width: {
|
|
2304
|
+
type: String,
|
|
2305
|
+
default: "100%"
|
|
2306
|
+
},
|
|
2307
|
+
maxWidth: {
|
|
2308
|
+
type: String,
|
|
2309
|
+
default: ""
|
|
2310
|
+
},
|
|
2311
|
+
showToolbar: {
|
|
2312
|
+
type: Boolean,
|
|
2313
|
+
default: !1
|
|
2314
|
+
},
|
|
2315
|
+
text: {
|
|
2316
|
+
type: String,
|
|
2317
|
+
default: ""
|
|
2318
|
+
},
|
|
2319
|
+
showTooltip: {
|
|
2320
|
+
type: Boolean,
|
|
2321
|
+
default: !0
|
|
2322
|
+
},
|
|
2323
|
+
copyable: {
|
|
2324
|
+
type: Boolean,
|
|
2325
|
+
default: !1
|
|
2326
|
+
}
|
|
2327
|
+
},
|
|
2328
|
+
data() {
|
|
2329
|
+
return {
|
|
2330
|
+
isVue2: !0,
|
|
2331
|
+
originalText: "",
|
|
2332
|
+
isHovered: !1,
|
|
2333
|
+
lineHeight: 0,
|
|
2334
|
+
containerWidth: 0,
|
|
2335
|
+
resizeObserver: null,
|
|
2336
|
+
isCalculating: !1,
|
|
2337
|
+
// 计算结果
|
|
2338
|
+
frontLines: [],
|
|
2339
|
+
lastLineText: "",
|
|
2340
|
+
isLastLineEllipsis: !1,
|
|
2341
|
+
// 表格行悬浮监听
|
|
2342
|
+
tableRowElement: null
|
|
2343
|
+
};
|
|
2344
|
+
},
|
|
2345
|
+
computed: {
|
|
2346
|
+
containerStyle() {
|
|
2347
|
+
const t = {};
|
|
2348
|
+
return this.maxWidth ? (t.maxWidth = this.maxWidth, t.width = this.width) : t.width = this.width, t;
|
|
2349
|
+
},
|
|
2350
|
+
hasToolbarSlot() {
|
|
2351
|
+
return this.$slots.toolbar ? this.$slots.toolbar && this.$slots.toolbar.length > 0 : !1;
|
|
2352
|
+
},
|
|
2353
|
+
hasToolbarContent() {
|
|
2354
|
+
return this.copyable || this.hasToolbarSlot;
|
|
2355
|
+
},
|
|
2356
|
+
shouldShowToolbar() {
|
|
2357
|
+
return this.showToolbar || this.isHovered && this.hasToolbarContent;
|
|
2358
|
+
}
|
|
2359
|
+
},
|
|
2360
|
+
mounted() {
|
|
2361
|
+
this.initComponent(), this.setupResizeObserver(), this.setupTableRowHover();
|
|
2362
|
+
},
|
|
2363
|
+
updated() {
|
|
2364
|
+
const t = this.getTextContent();
|
|
2365
|
+
t !== this.originalText && (this.originalText = t, this.$nextTick(() => {
|
|
2366
|
+
this.calculateLayout();
|
|
2367
|
+
}));
|
|
2368
|
+
},
|
|
2369
|
+
beforeDestroy() {
|
|
2370
|
+
this.cleanupResizeObserver(), this.cleanupTableRowHover();
|
|
2371
|
+
},
|
|
2372
|
+
beforeUnmount() {
|
|
2373
|
+
this.cleanupResizeObserver(), this.cleanupTableRowHover();
|
|
2374
|
+
},
|
|
2375
|
+
watch: {
|
|
2376
|
+
text: {
|
|
2377
|
+
handler() {
|
|
2378
|
+
this.$nextTick(() => {
|
|
2379
|
+
this.originalText = this.getTextContent(), this.calculateLayout();
|
|
2380
|
+
});
|
|
2381
|
+
},
|
|
2382
|
+
immediate: !0
|
|
2383
|
+
},
|
|
2384
|
+
rows() {
|
|
2385
|
+
this.$nextTick(() => {
|
|
2386
|
+
this.calculateLayout();
|
|
2387
|
+
});
|
|
2388
|
+
},
|
|
2389
|
+
shouldShowToolbar() {
|
|
2390
|
+
this.$nextTick(() => {
|
|
2391
|
+
this.calculateLayout();
|
|
2392
|
+
});
|
|
2393
|
+
},
|
|
2394
|
+
"$slots.default": {
|
|
2395
|
+
handler() {
|
|
2396
|
+
this.$nextTick(() => {
|
|
2397
|
+
this.originalText = this.getTextContent(), this.calculateLayout();
|
|
2398
|
+
});
|
|
2399
|
+
},
|
|
2400
|
+
deep: !0
|
|
2401
|
+
}
|
|
2402
|
+
},
|
|
2403
|
+
methods: {
|
|
2404
|
+
initComponent() {
|
|
2405
|
+
this.$nextTick(() => {
|
|
2406
|
+
this.originalText = this.getTextContent(), this.calculateLineHeight(), this.$nextTick(() => {
|
|
2407
|
+
this.calculateLayout();
|
|
2408
|
+
});
|
|
2409
|
+
});
|
|
2410
|
+
},
|
|
2411
|
+
handleCopy() {
|
|
2412
|
+
navigator.clipboard && window.isSecureContext ? navigator.clipboard.writeText(this.originalText).then(() => {
|
|
2413
|
+
this.$message.success(T("copySuccess"));
|
|
2414
|
+
}).catch(() => {
|
|
2415
|
+
this.fallbackCopy();
|
|
2416
|
+
}) : this.fallbackCopy();
|
|
2417
|
+
},
|
|
2418
|
+
fallbackCopy() {
|
|
2419
|
+
const t = document.createElement("textarea");
|
|
2420
|
+
t.value = this.originalText, t.style.position = "fixed", t.style.left = "-999999px", t.style.top = "-999999px", document.body.appendChild(t), t.focus(), t.select();
|
|
2421
|
+
try {
|
|
2422
|
+
document.execCommand("copy"), this.$message.success(T("copySuccess"));
|
|
2423
|
+
} catch {
|
|
2424
|
+
this.$message.error(T("copyFailed"));
|
|
2425
|
+
}
|
|
2426
|
+
document.body.removeChild(t);
|
|
2427
|
+
},
|
|
2428
|
+
getTextContent() {
|
|
2429
|
+
return this.$slots.default ? this.$slots.default.map((e) => e.text ? e.text : e.children && typeof e.children == "string" ? e.children : e.children && Array.isArray(e.children) ? e.children.map((i) => i.text || "").join("") : "").join("") : this.text || "";
|
|
2430
|
+
},
|
|
2431
|
+
calculateLineHeight() {
|
|
2432
|
+
const t = this.$refs.containerRef;
|
|
2433
|
+
if (!t) return;
|
|
2434
|
+
const e = window.getComputedStyle(t);
|
|
2435
|
+
this.containerWidth = t.offsetWidth;
|
|
2436
|
+
const i = this.$refs.measureRef;
|
|
2437
|
+
if (i) {
|
|
2438
|
+
this.setMeasureElementStyle(i, {
|
|
2439
|
+
width: this.containerWidth + "px",
|
|
2440
|
+
wordBreak: "break-all",
|
|
2441
|
+
whiteSpace: "normal"
|
|
2442
|
+
}), i.textContent = "测", i.offsetHeight;
|
|
2443
|
+
const s = i.offsetHeight;
|
|
2444
|
+
i.innerHTML = "", this.lineHeight = s;
|
|
2445
|
+
} else {
|
|
2446
|
+
const s = e.lineHeight;
|
|
2447
|
+
if (s && s !== "normal")
|
|
2448
|
+
this.lineHeight = parseInt(s);
|
|
2449
|
+
else {
|
|
2450
|
+
const a = parseInt(e.fontSize);
|
|
2451
|
+
this.lineHeight = a * 1.2;
|
|
2452
|
+
}
|
|
2453
|
+
}
|
|
2454
|
+
},
|
|
2455
|
+
calculateLayout() {
|
|
2456
|
+
if (!this.isCalculating) {
|
|
2457
|
+
if (!this.originalText || this.rows <= 0) {
|
|
2458
|
+
this.frontLines = [], this.lastLineText = this.originalText || "", this.isLastLineEllipsis = !1;
|
|
2459
|
+
return;
|
|
2460
|
+
}
|
|
2461
|
+
this.isCalculating = !0, this.$nextTick(() => {
|
|
2462
|
+
requestAnimationFrame(() => {
|
|
2463
|
+
this.performLayoutCalculation();
|
|
2464
|
+
});
|
|
2465
|
+
});
|
|
2466
|
+
}
|
|
2467
|
+
},
|
|
2468
|
+
performLayoutCalculation() {
|
|
2469
|
+
const t = this.originalText;
|
|
2470
|
+
if (this.rows === 1)
|
|
2471
|
+
this.frontLines = [], this.lastLineText = t, this.isLastLineEllipsis = this.checkIfTextOverflows(t);
|
|
2472
|
+
else {
|
|
2473
|
+
const e = this.lineHeight;
|
|
2474
|
+
if (this.getTextHeight(t) <= e)
|
|
2475
|
+
this.frontLines = [], this.lastLineText = t, this.isLastLineEllipsis = this.checkIfTextOverflows(t);
|
|
2476
|
+
else {
|
|
2477
|
+
const s = this.lineHeight * (this.rows - 1), a = this.findTextForHeight(t, s);
|
|
2478
|
+
this.frontLines = this.splitTextToLines(a);
|
|
2479
|
+
const l = t.substring(a.length);
|
|
2480
|
+
this.lastLineText = l, this.isLastLineEllipsis = l.length > 0 && this.checkIfTextOverflows(l);
|
|
2481
|
+
}
|
|
2482
|
+
}
|
|
2483
|
+
this.isCalculating = !1;
|
|
2484
|
+
},
|
|
2485
|
+
findTextForHeight(t, e) {
|
|
2486
|
+
if (this.getTextHeight(t) <= e)
|
|
2487
|
+
return t;
|
|
2488
|
+
let i = 0, s = t.length, a = "";
|
|
2489
|
+
for (; i <= s; ) {
|
|
2490
|
+
const l = Math.floor((i + s) / 2), n = t.substring(0, l);
|
|
2491
|
+
this.getTextHeight(n) <= e ? (a = n, i = l + 1) : s = l - 1;
|
|
2492
|
+
}
|
|
2493
|
+
return a;
|
|
2494
|
+
},
|
|
2495
|
+
splitTextToLines(t) {
|
|
2496
|
+
if (!t) return [];
|
|
2497
|
+
const e = [];
|
|
2498
|
+
let i = t;
|
|
2499
|
+
for (; i.length > 0; ) {
|
|
2500
|
+
const s = this.findTextForHeight(i, this.lineHeight);
|
|
2501
|
+
if (s.length === 0) break;
|
|
2502
|
+
e.push(s), i = i.substring(s.length);
|
|
2503
|
+
}
|
|
2504
|
+
return e;
|
|
2505
|
+
},
|
|
2506
|
+
checkIfTextOverflows(t) {
|
|
2507
|
+
if (!t) return !1;
|
|
2508
|
+
const e = this.getTextWidth(t), i = this.shouldShowToolbar && this.hasToolbarContent ? this.getToolbarWidth() : 0, s = this.containerWidth - i - 5;
|
|
2509
|
+
return e > s;
|
|
2510
|
+
},
|
|
2511
|
+
getToolbarWidth() {
|
|
2512
|
+
let t = 0;
|
|
2513
|
+
return this.copyable && (t += 20), this.hasToolbarSlot && (t += 40), t;
|
|
2514
|
+
},
|
|
2515
|
+
getTextHeight(t) {
|
|
2516
|
+
return this.measureText(t, {
|
|
2517
|
+
width: this.containerWidth + "px",
|
|
2518
|
+
wordBreak: "break-all",
|
|
2519
|
+
whiteSpace: "normal"
|
|
2520
|
+
});
|
|
2521
|
+
},
|
|
2522
|
+
getTextWidth(t) {
|
|
2523
|
+
return this.measureText(t, { whiteSpace: "nowrap" });
|
|
2524
|
+
},
|
|
2525
|
+
measureText(t, e = {}) {
|
|
2526
|
+
if (!this.$refs.containerRef || !this.$refs.measureRef)
|
|
2527
|
+
return 0;
|
|
2528
|
+
const i = this.$refs.measureRef, s = i.style.cssText;
|
|
2529
|
+
this.setMeasureElementStyle(i, e), i.textContent = t, i.offsetHeight;
|
|
2530
|
+
const a = e.whiteSpace === "nowrap" ? i.offsetWidth : i.offsetHeight;
|
|
2531
|
+
return i.style.cssText = s, i.innerHTML = "", a;
|
|
2532
|
+
},
|
|
2533
|
+
setMeasureElementStyle(t, e = {}) {
|
|
2534
|
+
const i = window.getComputedStyle(this.$refs.containerRef);
|
|
2535
|
+
t.style.cssText = "", t.style.position = "absolute", t.style.left = "-9999px", t.style.top = "-9999px", t.style.visibility = "hidden", t.style.pointerEvents = "none", t.style.zIndex = "-1", t.style.fontSize = i.fontSize, t.style.fontFamily = i.fontFamily, t.style.fontWeight = i.fontWeight, t.style.lineHeight = i.lineHeight, t.style.letterSpacing = i.letterSpacing, t.style.wordSpacing = i.wordSpacing, t.style.padding = "0", t.style.margin = "0", t.style.border = "none", t.style.boxSizing = "border-box", Object.entries(e).forEach(([s, a]) => {
|
|
2536
|
+
t.style[s] = a;
|
|
2537
|
+
});
|
|
2538
|
+
},
|
|
2539
|
+
handleMouseEnter() {
|
|
2540
|
+
this.isHovered = !0;
|
|
2541
|
+
},
|
|
2542
|
+
handleMouseLeave() {
|
|
2543
|
+
this.isHovered = !1;
|
|
2544
|
+
},
|
|
2545
|
+
setupResizeObserver() {
|
|
2546
|
+
typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver((t) => {
|
|
2547
|
+
const e = t[0];
|
|
2548
|
+
if (e) {
|
|
2549
|
+
const i = e.contentRect.width;
|
|
2550
|
+
Math.abs(i - this.containerWidth) > 1 && requestAnimationFrame(() => {
|
|
2551
|
+
this.calculateLineHeight(), this.calculateLayout();
|
|
2552
|
+
});
|
|
2553
|
+
}
|
|
2554
|
+
}), this.$refs.containerRef && this.resizeObserver.observe(this.$refs.containerRef));
|
|
2555
|
+
},
|
|
2556
|
+
cleanupResizeObserver() {
|
|
2557
|
+
this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null);
|
|
2558
|
+
},
|
|
2559
|
+
setupTableRowHover() {
|
|
2560
|
+
let t = this.$el;
|
|
2561
|
+
for (; t && t !== document.body; ) {
|
|
2562
|
+
if (t.classList && t.classList.contains("el-table__row")) {
|
|
2563
|
+
this.tableRowElement = t;
|
|
2564
|
+
break;
|
|
2565
|
+
}
|
|
2566
|
+
t = t.parentElement;
|
|
2567
|
+
}
|
|
2568
|
+
this.tableRowElement && (this.tableRowElement.addEventListener("mouseenter", this.handleMouseEnter), this.tableRowElement.addEventListener("mouseleave", this.handleMouseLeave));
|
|
2569
|
+
},
|
|
2570
|
+
cleanupTableRowHover() {
|
|
2571
|
+
this.tableRowElement && (this.tableRowElement.removeEventListener("mouseenter", this.handleMouseEnter), this.tableRowElement.removeEventListener("mouseleave", this.handleMouseLeave), this.tableRowElement = null);
|
|
2572
|
+
}
|
|
2573
|
+
}
|
|
2574
|
+
};
|
|
2575
|
+
var Qt = function() {
|
|
2576
|
+
var e = this, i = e._self._c;
|
|
2577
|
+
return i("div", { ref: "containerRef", staticClass: "tm-ellipsis-text", style: e.containerStyle, on: { mouseenter: e.handleMouseEnter, mouseleave: e.handleMouseLeave } }, [e.showTooltip && e.isLastLineEllipsis ? i("el-tooltip", e._b({ attrs: { content: e.originalText, disabled: !e.showTooltip || !e.isLastLineEllipsis, placement: "top" } }, "el-tooltip", {
|
|
2578
|
+
[e.isVue2 ? "open-delay" : "show-after"]: 300
|
|
2579
|
+
}, !1), [i("div", { staticClass: "tm-ellipsis-text-wrapper" }, [e._l(e.frontLines, function(s, a) {
|
|
2580
|
+
return i("div", { key: "front-" + a, staticClass: "tm-ellipsis-line", domProps: { innerHTML: e._s(s) } });
|
|
2581
|
+
}), i("div", { staticClass: "tm-ellipsis-last-line" }, [i("div", { staticClass: "tm-ellipsis-text-part", domProps: { innerHTML: e._s(e.lastLineText) } }), e.shouldShowToolbar && e.hasToolbarContent ? i("div", { staticClass: "tm-ellipsis-toolbar-part" }, [e.copyable ? i("CopyIcon", { staticClass: "icon-item", on: { click: e.handleCopy } }) : e._e(), e._t("toolbar")], 2) : e._e()])], 2)]) : i("div", { staticClass: "tm-ellipsis-text-wrapper" }, [e._l(e.frontLines, function(s, a) {
|
|
2582
|
+
return i("div", { key: "front-" + a, staticClass: "tm-ellipsis-line", domProps: { innerHTML: e._s(s) } });
|
|
2583
|
+
}), i("div", { staticClass: "tm-ellipsis-last-line" }, [i("div", { staticClass: "tm-ellipsis-text-part", domProps: { innerHTML: e._s(e.lastLineText) } }), e.shouldShowToolbar && e.hasToolbarContent ? i("div", { staticClass: "tm-ellipsis-toolbar-part" }, [e.copyable ? i("CopyIcon", { staticClass: "icon-item", on: { click: e.handleCopy } }) : e._e(), e._t("toolbar")], 2) : e._e()])], 2), i("div", { ref: "measureRef", staticClass: "tm-ellipsis-measure" })], 1);
|
|
2584
|
+
}, Kt = [], qt = /* @__PURE__ */ r(
|
|
2585
|
+
Jt,
|
|
2586
|
+
Qt,
|
|
2587
|
+
Kt,
|
|
2588
|
+
!1,
|
|
2589
|
+
null,
|
|
2590
|
+
"16643222"
|
|
2591
|
+
);
|
|
2592
|
+
const W = qt.exports, Gt = {
|
|
2286
2593
|
install(t, e = {}) {
|
|
2287
|
-
[
|
|
2594
|
+
[E, I, V, W].forEach((i) => t.component(i.name, i)), e.tableConfigProvider && $t(e.tableConfigProvider);
|
|
2288
2595
|
}
|
|
2289
|
-
},
|
|
2290
|
-
install:
|
|
2291
|
-
Table:
|
|
2292
|
-
Column:
|
|
2293
|
-
Search:
|
|
2294
|
-
Select:
|
|
2596
|
+
}, Zt = {
|
|
2597
|
+
install: Gt.install,
|
|
2598
|
+
Table: E,
|
|
2599
|
+
Column: I,
|
|
2600
|
+
Search: H,
|
|
2601
|
+
Select: k,
|
|
2295
2602
|
AdvancedInput: z,
|
|
2296
|
-
AdvancedDate:
|
|
2297
|
-
Cascader:
|
|
2298
|
-
Radio:
|
|
2299
|
-
Checkbox:
|
|
2300
|
-
Switch:
|
|
2301
|
-
EllipsisText:
|
|
2302
|
-
|
|
2303
|
-
|
|
2603
|
+
AdvancedDate: O,
|
|
2604
|
+
Cascader: M,
|
|
2605
|
+
Radio: A,
|
|
2606
|
+
Checkbox: R,
|
|
2607
|
+
Switch: D,
|
|
2608
|
+
EllipsisText: V,
|
|
2609
|
+
AdvancedEllipsisText: W,
|
|
2610
|
+
setLang: w,
|
|
2611
|
+
useLocale: f
|
|
2304
2612
|
};
|
|
2305
2613
|
export {
|
|
2306
|
-
|
|
2614
|
+
O as AdvancedDate,
|
|
2615
|
+
W as AdvancedEllipsisText,
|
|
2307
2616
|
z as AdvancedInput,
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2617
|
+
M as Cascader,
|
|
2618
|
+
R as Checkbox,
|
|
2619
|
+
I as Column,
|
|
2620
|
+
V as EllipsisText,
|
|
2621
|
+
A as Radio,
|
|
2622
|
+
H as Search,
|
|
2623
|
+
k as Select,
|
|
2624
|
+
D as Switch,
|
|
2625
|
+
E as Table,
|
|
2626
|
+
Zt as default,
|
|
2627
|
+
w as setLang,
|
|
2628
|
+
f as useLocale
|
|
2320
2629
|
};
|