mc-plus 1.0.13 → 1.0.14
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/es/index.js
CHANGED
|
@@ -8,44 +8,44 @@ import { a as p } from "./mc-icon-BeM-PhUM.js";
|
|
|
8
8
|
import { M as f } from "./mc-input-D6rFMciN.js";
|
|
9
9
|
import { M as M2, c, l } from "./mc-light-box-BOFSLPYP.js";
|
|
10
10
|
import { M as M3, a as a2 } from "./mc-message-CzKjhY9t.js";
|
|
11
|
-
import { M as j, a as
|
|
12
|
-
import { M as
|
|
11
|
+
import { M as j, a as g } from "./mc-radio-BqtGdBKj.js";
|
|
12
|
+
import { M as x, a as n, b as h } from "./mc-select-zjg-qgVl.js";
|
|
13
13
|
import { M as T } from "./mc-switch-CeO7jQm6.js";
|
|
14
|
-
import "
|
|
15
|
-
import {
|
|
16
|
-
import { M as
|
|
17
|
-
import { M as
|
|
18
|
-
import { M as
|
|
19
|
-
import { M as
|
|
20
|
-
const
|
|
14
|
+
import { M as S } from "./mc-table-7sRvtQ6q.js";
|
|
15
|
+
import { u, a as a3, b } from "./mc-table-7sRvtQ6q.js";
|
|
16
|
+
import { M as M4 } from "./mc-tag-NIAZfHeJ.js";
|
|
17
|
+
import { M as M5, c as c2, t, e, a as a4, b as b2, d } from "./mc-toast-CLs2RBL9.js";
|
|
18
|
+
import { M as L } from "./mc-tooltip-CnA9TYJE.js";
|
|
19
|
+
import { M as P, b as k } from "./mc-form-OFkkUeNw.js";
|
|
20
|
+
const w = [m, i, L, S, T, j, g, x, n, h, r, P, k, f, p];
|
|
21
21
|
s();
|
|
22
|
-
const
|
|
22
|
+
const y = o(w);
|
|
23
23
|
export {
|
|
24
24
|
M as McAlert,
|
|
25
25
|
m as McButton,
|
|
26
26
|
r as McCheckbox,
|
|
27
27
|
i as McCollapse,
|
|
28
28
|
a as McCollapseItem,
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
P as McForm,
|
|
30
|
+
k as McFormItem,
|
|
31
31
|
p as McIcon,
|
|
32
32
|
f as McInput,
|
|
33
33
|
M2 as McLightBox,
|
|
34
34
|
M3 as McMessage,
|
|
35
35
|
j as McRadio,
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
g as McRadioGroup,
|
|
37
|
+
x as McSelect,
|
|
38
38
|
n as McSelectGroup,
|
|
39
39
|
h as McSelectOption,
|
|
40
40
|
T as McSwitch,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
S as McTable,
|
|
42
|
+
M4 as McTag,
|
|
43
|
+
M5 as McToast,
|
|
44
|
+
L as McTooltip,
|
|
45
45
|
a2 as Message,
|
|
46
46
|
c as createLightbox,
|
|
47
47
|
c2 as createToast,
|
|
48
|
-
|
|
48
|
+
y as default,
|
|
49
49
|
l as lightbox,
|
|
50
50
|
t as toast,
|
|
51
51
|
e as toastError,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as n, openBlock as t, normalizeClass as o, renderSlot as i, Fragment as s, createTextVNode as c, toDisplayString as r, useSlots as u, ref as p, normalizeStyle as d, createElementVNode as g, renderList as m, createVNode as v, unref as h, createBlock as f, createSlots as _, withCtx as b, mergeProps as y, watch as w, withDirectives as x, vModelSelect as k, onMounted as S, nextTick as C, toRefs as z, normalizeProps as I, guardReactiveProps as M } from "vue";
|
|
2
2
|
import { M as R } from "./mc-checkbox-DVNDqYj9.js";
|
|
3
|
-
import { _ as
|
|
4
|
-
import { M as
|
|
5
|
-
const
|
|
3
|
+
import { _ as $, w as P } from "./utils-ylUc-vYY.js";
|
|
4
|
+
import { M as H } from "./mc-icon-BeM-PhUM.js";
|
|
5
|
+
const W = ["rowspan", "colspan"], O = $(e({ __name: "mc-table-cell", props: { row: {}, column: {}, rowIndex: {}, columnIndex: {}, pagination: {}, spanMethod: { type: Function } }, setup(e2) {
|
|
6
6
|
const u2 = e2, p2 = a(() => {
|
|
7
7
|
if (u2.spanMethod) {
|
|
8
8
|
const e3 = u2.pagination && u2.pagination.currentPage && u2.pagination.pageSize ? (u2.pagination.currentPage - 1) * u2.pagination.pageSize + u2.rowIndex : u2.rowIndex, a2 = u2.spanMethod({ row: u2.row, column: u2.column, rowIndex: e3, columnIndex: u2.columnIndex });
|
|
@@ -39,28 +39,28 @@ const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { ro
|
|
|
39
39
|
}
|
|
40
40
|
return true;
|
|
41
41
|
});
|
|
42
|
-
return (e3, a2) => g2.value ? (t(), l("td", { key: 0, class: o([e3.column.className, e3.column.align ? `is-${e3.column.align}` : "", e3.column.fixed ? `is-fixed-${"boolean" == typeof e3.column.fixed ? "left" : e3.column.fixed}` : "", "is-display-" + (0 === d2.value ? "none" : "table-cell")]), rowspan: p2.value, colspan: d2.value }, [i(e3.$slots, "cell", { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop], prop: e3.column.prop }, () => [i(e3.$slots, e3.column.slot || e3.column.prop, { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop] }, () => [e3.column.formatter ? (t(), l(s, { key: 0 }, [c(r(e3.column.formatter(e3.row, e3.column, e3.row[e3.column.prop], e3.rowIndex)), 1)], 64)) : (t(), l(s, { key: 1 }, [c(r(e3.row[e3.column.prop]), 1)], 64))], true)], true)], 10,
|
|
43
|
-
} }), [["__scopeId", "data-v-5892a88f"]]),
|
|
42
|
+
return (e3, a2) => g2.value ? (t(), l("td", { key: 0, class: o([e3.column.className, e3.column.align ? `is-${e3.column.align}` : "", e3.column.fixed ? `is-fixed-${"boolean" == typeof e3.column.fixed ? "left" : e3.column.fixed}` : "", "is-display-" + (0 === d2.value ? "none" : "table-cell")]), rowspan: p2.value, colspan: d2.value }, [i(e3.$slots, "cell", { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop], prop: e3.column.prop }, () => [i(e3.$slots, e3.column.slot || e3.column.prop, { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop] }, () => [e3.column.formatter ? (t(), l(s, { key: 0 }, [c(r(e3.column.formatter(e3.row, e3.column, e3.row[e3.column.prop], e3.rowIndex)), 1)], 64)) : (t(), l(s, { key: 1 }, [c(r(e3.row[e3.column.prop]), 1)], 64))], true)], true)], 10, W)) : n("", true);
|
|
43
|
+
} }), [["__scopeId", "data-v-5892a88f"]]), D = { class: "mc-table__body", cellspacing: "0", cellpadding: "0", border: "0" }, B = { key: 0, width: "50" }, L = ["width"], T = ["onClick"], A = { key: 0, class: "mc-table__selection-column" }, K = { class: "mc-table__cell" }, N = { key: 1 }, j = ["colspan"], E = { key: 1 }, F = $(e({ __name: "mc-table-body", props: { data: {}, columns: {}, rowKey: {}, emptyText: {}, height: {}, maxHeight: {}, pagination: {}, spanMethod: {}, getRowClass: {}, selectable: { type: Boolean, default: false }, selectedRows: {}, selectOnRowClick: { type: Boolean, default: false } }, emits: ["row-click", "select"], setup(e2, { expose: c2, emit: w2 }) {
|
|
44
44
|
const x2 = e2, k2 = u(), S2 = w2, C2 = p(), z2 = a(() => {
|
|
45
45
|
const e3 = {};
|
|
46
46
|
return x2.height && (e3.height = "number" == typeof x2.height ? `${x2.height}px` : x2.height), x2.maxHeight && (e3.maxHeight = "number" == typeof x2.maxHeight ? `${x2.maxHeight}px` : x2.maxHeight), e3;
|
|
47
47
|
}), I2 = (e3) => !!x2.selectedRows && x2.selectedRows.some((a2) => x2.rowKey ? a2[x2.rowKey] === e3[x2.rowKey] : a2 === e3);
|
|
48
|
-
return c2({ bodyWrapper: C2 }), (e3, a2) => (t(), l("div", { class: "mc-table__body-wrapper", ref_key: "bodyWrapper", ref: C2, style: d(z2.value) }, [g("table",
|
|
48
|
+
return c2({ bodyWrapper: C2 }), (e3, a2) => (t(), l("div", { class: "mc-table__body-wrapper", ref_key: "bodyWrapper", ref: C2, style: d(z2.value) }, [g("table", D, [g("colgroup", null, [e3.selectable ? (t(), l("col", B)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a3) => (t(), l("col", { key: a3, width: e4.width }, null, 8, L))), 128))]), g("tbody", null, [e3.data && e3.data.length > 0 ? (t(true), l(s, { key: 0 }, m(e3.data, (a3, c3) => (t(), l("tr", { key: e3.rowKey ? a3[e3.rowKey] : c3, class: o(e3.getRowClass ? e3.getRowClass(a3, c3) : []), onClick: (e4) => function(e5, a4) {
|
|
49
49
|
S2("row-click", e5, a4);
|
|
50
|
-
}(a3, c3) }, [e3.selectable ? (t(), l("td",
|
|
50
|
+
}(a3, c3) }, [e3.selectable ? (t(), l("td", A, [g("div", K, [v(h(R), { "model-value": I2(a3), onChange: (e4) => function(e5, a4) {
|
|
51
51
|
S2("select", e5, a4);
|
|
52
|
-
}(a3, e4) }, null, 8, ["model-value", "onChange"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (l2, n2) => (t(), f(
|
|
53
|
-
} }), [["__scopeId", "data-v-a0a8dc5a"]]),
|
|
52
|
+
}(a3, e4) }, null, 8, ["model-value", "onChange"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (l2, n2) => (t(), f(O, { key: n2, row: a3, column: l2, "row-index": c3, "column-index": n2, "span-method": e3.spanMethod, pagination: e3.pagination }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a4) => ({ name: a4, fn: b((l3) => [i(e3.$slots, a4, y({ ref_for: true }, l3), void 0, true)]) }))]), 1032, ["row", "column", "row-index", "column-index", "span-method", "pagination"]))), 128))], 10, T))), 128)) : (t(), l("tr", N, [g("td", { colspan: e3.selectable ? e3.columns.length + 1 : e3.columns.length, class: "mc-table__empty-cell" }, [h(k2).empty ? i(e3.$slots, "empty", { key: 0 }, void 0, true) : (t(), l("div", E, r(e3.emptyText), 1))], 8, j)]))])])], 4));
|
|
53
|
+
} }), [["__scopeId", "data-v-a0a8dc5a"]]), U = { class: "mc-table__header", cellspacing: "0", cellpadding: "0", border: "0" }, V = { key: 0, width: "50" }, q = ["width"], G = { key: 0, class: "mc-table__selection-column" }, J = { class: "mc-table__header-cell" }, Q = ["onClick"], X = { class: "mc-table__header-cell" }, Y = { class: "mc-table__header-label" }, Z = { key: 0, class: "mc-table__sort-caret" }, ee = $(e({ __name: "mc-table-header", props: { columns: {}, showHeader: { type: Boolean, default: true }, getSortOrder: { type: Function, default: () => null }, selectable: { type: Boolean, default: false }, isAllSelected: { type: Boolean, default: false }, isIndeterminate: { type: Boolean, default: false } }, emits: ["header-click", "sort-change", "select-all"], setup(e2, { expose: a2, emit: u2 }) {
|
|
54
54
|
const d2 = e2, _2 = u2, b2 = p(), y2 = (e3) => {
|
|
55
55
|
_2("select-all", e3);
|
|
56
56
|
}, w2 = (e3) => {
|
|
57
57
|
const a3 = d2.getSortOrder(e3);
|
|
58
58
|
return "asc" === a3 ? "is-sort-asc" : "desc" === a3 ? "is-sort-desc" : "";
|
|
59
59
|
};
|
|
60
|
-
return a2({ headerWrapper: b2 }), (e3, a3) => e3.showHeader ? (t(), l("div", { key: 0, class: "mc-table__header-wrapper", ref_key: "headerWrapper", ref: b2 }, [g("table",
|
|
60
|
+
return a2({ headerWrapper: b2 }), (e3, a3) => e3.showHeader ? (t(), l("div", { key: 0, class: "mc-table__header-wrapper", ref_key: "headerWrapper", ref: b2 }, [g("table", U, [g("colgroup", null, [e3.selectable ? (t(), l("col", V)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a4) => (t(), l("col", { key: a4, width: e4.width }, null, 8, q))), 128))]), g("thead", null, [g("tr", null, [e3.selectable ? (t(), l("th", G, [g("div", J, [v(h(R), { "model-value": e3.isAllSelected, partial: e3.isIndeterminate, onChange: y2 }, null, 8, ["model-value", "partial"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (a4, s2) => (t(), l("th", { key: s2, class: o([a4.headerClassName, a4.align ? `is-${a4.align}` : "", a4.fixed ? `is-fixed-${"boolean" == typeof a4.fixed ? "left" : a4.fixed}` : "", a4.sortable ? "is-sortable" : "", w2(a4.prop)]), onClick: (e4) => ((e5, a5) => {
|
|
61
61
|
e5.sortable && _2("sort-change", e5), _2("header-click", e5, a5);
|
|
62
|
-
})(a4, e4) }, [g("div",
|
|
63
|
-
} }), [["__scopeId", "data-v-04e7c4a9"]]),
|
|
62
|
+
})(a4, e4) }, [g("div", X, [g("span", Y, [i(e3.$slots, `header-${a4.slot || a4.prop}`, { column: a4, index: s2 }, () => [c(r(a4.label), 1)], true)]), a4.sortable ? (t(), l("span", Z, ["asc" === e3.getSortOrder(a4.prop) ? (t(), f(H, { key: 0, name: "Up-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "asc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"])) : (t(), f(H, { key: 1, name: "Down-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "desc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"]))])) : n("", true)])], 10, Q))), 128))])])])], 512)) : n("", true);
|
|
63
|
+
} }), [["__scopeId", "data-v-04e7c4a9"]]), ae = { class: "mc-table__loading-content" }, le = { class: "mc-table__loading-spinner" }, ne = { key: 0, class: "mc-table__spinner mc-table__spinner--default" }, te = { key: 1, class: "mc-table__spinner mc-table__spinner--circle" }, oe = { key: 2, class: "mc-table__spinner mc-table__spinner--pulse" }, ie = ["innerHTML"], se = { key: 0, class: "mc-table__loading-text" }, ce = $(e({ __name: "mc-table-loading", props: { loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: { default: () => ({ spinner: "default" }) } }, setup(e2) {
|
|
64
64
|
const s2 = e2, c2 = a(() => {
|
|
65
65
|
var _a;
|
|
66
66
|
return ((_a = s2.loadingConfig) == null ? void 0 : _a.text) || s2.loadingText;
|
|
@@ -71,12 +71,12 @@ const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { ro
|
|
|
71
71
|
});
|
|
72
72
|
return (e3, a2) => {
|
|
73
73
|
var _a;
|
|
74
|
-
return e3.loading ? (t(), l("div", { key: 0, class: o(["mc-table__loading-wrapper", ["mc-table__loading-wrapper", (_a = e3.loadingConfig) == null ? void 0 : _a.customClass]]), style: d(u2.value) }, [g("div",
|
|
74
|
+
return e3.loading ? (t(), l("div", { key: 0, class: o(["mc-table__loading-wrapper", ["mc-table__loading-wrapper", (_a = e3.loadingConfig) == null ? void 0 : _a.customClass]]), style: d(u2.value) }, [g("div", ae, [i(e3.$slots, "loading", { loading: e3.loading, text: c2.value }, () => {
|
|
75
75
|
var _a2;
|
|
76
|
-
return [g("div",
|
|
76
|
+
return [g("div", le, [((_a2 = e3.loadingConfig) == null ? void 0 : _a2.spinner) && "default" !== e3.loadingConfig.spinner ? "circle" === e3.loadingConfig.spinner ? (t(), l("div", te)) : "pulse" === e3.loadingConfig.spinner ? (t(), l("div", oe)) : (t(), l("div", { key: 3, class: "mc-table__spinner mc-table__spinner--custom", innerHTML: e3.loadingConfig.spinner }, null, 8, ie)) : (t(), l("div", ne, a2[0] || (a2[0] = [g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1)])))]), c2.value ? (t(), l("div", se, r(c2.value), 1)) : n("", true)];
|
|
77
77
|
}, true)])], 6)) : n("", true);
|
|
78
78
|
};
|
|
79
|
-
} }), [["__scopeId", "data-v-2d08fe8f"]]),
|
|
79
|
+
} }), [["__scopeId", "data-v-2d08fe8f"]]), re = { key: 0, class: "mc-table__pagination" }, ue = { class: "mc-table__pagination-info" }, pe = { class: "mc-table__pagination-controls" }, de = ["onClick"], ge = { key: 1, class: "mc-table__pagination-ellipsis" }, me = { class: "mc-table__pagination-size" }, ve = ["value"], he = $(e({ __name: "mc-table-pagination", props: { pagination: {} }, emits: ["page-change"], setup(e2, { emit: i2 }) {
|
|
80
80
|
var _a, _b, _c;
|
|
81
81
|
const c2 = e2, u2 = i2, d2 = p(((_a = c2.pagination) == null ? void 0 : _a.currentPage) || 1), h2 = p(((_b = c2.pagination) == null ? void 0 : _b.pageSize) || 50), f2 = p(((_c = c2.pagination) == null ? void 0 : _c.pageSizes) || [25, 50, 75, 100]);
|
|
82
82
|
w(() => {
|
|
@@ -114,9 +114,9 @@ const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { ro
|
|
|
114
114
|
}, z2 = () => {
|
|
115
115
|
d2.value = 1, u2("page-change", { pageSize: h2.value, pageNum: 1 });
|
|
116
116
|
};
|
|
117
|
-
return (e3, a2) => e3.pagination ? (t(), l("div",
|
|
117
|
+
return (e3, a2) => e3.pagination ? (t(), l("div", re, [g("div", ue, "Showing " + r(b2.value) + "-" + r(y2.value) + " of " + r(e3.pagination.total), 1), g("div", pe, [v(H, { name: "First", class: o({ "mc-table__icon": true, "is-disabled": d2.value <= 1 }), size: 24, onClick: a2[0] || (a2[0] = (e4) => C2(1)) }, null, 8, ["class"]), v(H, { name: "Left-Chevron", class: o({ "mc-table__icon": true, "is-disabled": d2.value <= 1 }), size: 24, onClick: a2[1] || (a2[1] = (e4) => C2(d2.value - 1)) }, null, 8, ["class"]), (t(true), l(s, null, m(S2.value, (e4) => (t(), l(s, { key: e4 }, ["..." !== e4 ? (t(), l("button", { key: 0, class: o(["mc-table__pagination-button mc-table__pagination-button--page", { "is-active": e4 === d2.value }]), onClick: (a3) => "number" == typeof e4 ? C2(e4) : void 0 }, r(e4), 11, de)) : (t(), l("span", ge, "..."))], 64))), 128)), v(H, { name: "Right-Chevron", class: o({ "mc-table__icon": true, "is-disabled": d2.value >= _2.value }), size: 24, onClick: a2[2] || (a2[2] = (e4) => C2(d2.value + 1)) }, null, 8, ["class"]), v(H, { name: "Last", class: o({ "mc-table__icon": true, "is-disabled": d2.value >= _2.value }), size: 24, onClick: a2[3] || (a2[3] = (e4) => C2(_2.value)) }, null, 8, ["class"])]), g("div", me, [a2[5] || (a2[5] = g("label", { class: "mc-table__pagination-size-label" }, "View per page", -1)), f2.value && f2.value.length > 0 ? x((t(), l("select", { key: 0, class: "mc-table__pagination-select", "onUpdate:modelValue": a2[4] || (a2[4] = (e4) => h2.value = e4), onChange: z2 }, [(t(true), l(s, null, m(f2.value, (e4) => (t(), l("option", { key: e4, value: e4 }, r(e4), 9, ve))), 128))], 544)), [[k, h2.value]]) : n("", true)])])) : n("", true);
|
|
118
118
|
} }), [["__scopeId", "data-v-229c4546"]]);
|
|
119
|
-
function
|
|
119
|
+
function fe(e2, l2) {
|
|
120
120
|
var _a, _b;
|
|
121
121
|
const n2 = p(((_a = l2.value) == null ? void 0 : _a.currentPage) || 1), t2 = p(((_b = l2.value) == null ? void 0 : _b.pageSize) || 50);
|
|
122
122
|
w(() => {
|
|
@@ -135,7 +135,7 @@ function he(e2, l2) {
|
|
|
135
135
|
n2.value = e3.pageNum, t2.value = e3.pageSize;
|
|
136
136
|
} };
|
|
137
137
|
}
|
|
138
|
-
function
|
|
138
|
+
function _e(e2, l2, n2) {
|
|
139
139
|
const t2 = p(false), o2 = p(null), i2 = a(() => t2.value ? e2.value : e2.value.map((e3) => ({ ...e3, fixed: void 0 })));
|
|
140
140
|
function s2() {
|
|
141
141
|
o2.value && (t2.value = o2.value.scrollWidth > o2.value.clientWidth);
|
|
@@ -156,7 +156,7 @@ function fe(e2, l2, n2) {
|
|
|
156
156
|
r2();
|
|
157
157
|
}), { hasHorizontalScroll: t2, columnsWithFixed: i2, checkHorizontalScroll: s2, syncHeaderScroll: c2, initScrollSync: r2 };
|
|
158
158
|
}
|
|
159
|
-
function
|
|
159
|
+
function be(e2, l2, n2) {
|
|
160
160
|
const t2 = p(n2 || null);
|
|
161
161
|
return { sortedData: a(() => {
|
|
162
162
|
if (!t2.value || !t2.value.order) return e2.value;
|
|
@@ -180,8 +180,8 @@ function _e(e2, l2, n2) {
|
|
|
180
180
|
return t2.value && t2.value.prop === e3 ? t2.value.order : null;
|
|
181
181
|
} };
|
|
182
182
|
}
|
|
183
|
-
const
|
|
184
|
-
const r2 = e2, { data: u2, columns: d2, pagination: g2, spanMethod: y2, loading: x2, loadingText: k2, loadingConfig: S2, defaultSort: R2, highlightCurrentRow: $2, rowKey: P2, selectable: H2, selectedRows: W2, selectOnRowClick: O2 } = z(r2), D2 = c2, B2 = p(), L2 = p(), T2 = p(), { columnsWithFixed: A2 } =
|
|
183
|
+
const ye = P($(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns: {}, showHeader: { type: Boolean, default: true }, height: {}, maxHeight: {}, rowKey: {}, emptyText: { default: "No Data" }, pagination: {}, loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: {}, highlightCurrentRow: { type: Boolean, default: false }, selectable: { type: Boolean, default: false }, selectedRows: {}, selectOnRowClick: { type: Boolean, default: false }, spanMethod: {}, initData: {}, defaultSort: {} }, emits: ["row-click", "header-click", "page-change", "page-size-change", "sort-change", "current-change", "selection-change", "select", "select-all", "update:selectedRows"], setup(e2, { expose: s2, emit: c2 }) {
|
|
184
|
+
const r2 = e2, { data: u2, columns: d2, pagination: g2, spanMethod: y2, loading: x2, loadingText: k2, loadingConfig: S2, defaultSort: R2, highlightCurrentRow: $2, rowKey: P2, selectable: H2, selectedRows: W2, selectOnRowClick: O2 } = z(r2), D2 = c2, B2 = p(), L2 = p(), T2 = p(), { columnsWithFixed: A2 } = _e(d2, L2, T2), { sortedData: K2, handleSort: N2, getSortOrder: j2 } = be(u2, A2, R2 == null ? void 0 : R2.value), { paginatedData: E2, updatePagination: U2 } = fe(K2, g2), V2 = a(() => E2.value), q2 = p(null), G2 = p((W2 == null ? void 0 : W2.value) || []);
|
|
185
185
|
w(W2, (e3) => {
|
|
186
186
|
e3 && (G2.value = [...e3]);
|
|
187
187
|
}, { deep: true, immediate: true });
|
|
@@ -192,7 +192,7 @@ const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns
|
|
|
192
192
|
}), X2 = (e3) => {
|
|
193
193
|
const a2 = [];
|
|
194
194
|
return $2.value && q2.value === e3 && a2.push("is-current"), a2;
|
|
195
|
-
}, Y2 = (e3) => G2.value.some((a2) => P2.value ? a2[P2.value] === e3[P2.value] : a2 === e3),
|
|
195
|
+
}, Y2 = (e3) => G2.value.some((a2) => P2.value ? a2[P2.value] === e3[P2.value] : a2 === e3), Z2 = (e3, a2) => {
|
|
196
196
|
const l2 = void 0 !== a2 ? a2 : !Y2(e3);
|
|
197
197
|
if (l2) Y2(e3) || G2.value.push(e3);
|
|
198
198
|
else {
|
|
@@ -212,17 +212,17 @@ const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns
|
|
|
212
212
|
const a3 = ((e4) => (q2.value = e4, q2.value))(e3);
|
|
213
213
|
D2("current-change", a3);
|
|
214
214
|
}
|
|
215
|
-
H2.value && O2.value &&
|
|
215
|
+
H2.value && O2.value && Z2(e3), D2("row-click", e3, a2);
|
|
216
216
|
}, ne2 = (e3, a2) => {
|
|
217
217
|
D2("header-click", e3, a2);
|
|
218
218
|
}, te2 = (e3) => {
|
|
219
219
|
const a2 = N2(e3);
|
|
220
220
|
a2 && D2("sort-change", a2);
|
|
221
221
|
}, oe2 = (e3, a2) => {
|
|
222
|
-
|
|
222
|
+
Z2(e3, a2);
|
|
223
223
|
}, ie2 = (e3) => {
|
|
224
224
|
ae2(e3);
|
|
225
|
-
},
|
|
225
|
+
}, se2 = async (e3) => {
|
|
226
226
|
U2(e3), C(() => {
|
|
227
227
|
var _a;
|
|
228
228
|
((_a = T2.value) == null ? void 0 : _a.bodyWrapper) && (T2.value.bodyWrapper.scrollTop = 0);
|
|
@@ -237,16 +237,16 @@ const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns
|
|
|
237
237
|
d2.value.forEach((e3) => {
|
|
238
238
|
e3.sortable && (e3.sortOrder = null);
|
|
239
239
|
});
|
|
240
|
-
}, toggleRowSelection:
|
|
240
|
+
}, toggleRowSelection: Z2, toggleAllSelection: ae2, clearSelection: () => {
|
|
241
241
|
G2.value = [], D2("update:selectedRows", []), D2("selection-change", []);
|
|
242
242
|
}, getSelectedRows: () => [...G2.value] }), (e3, a2) => {
|
|
243
243
|
var _a;
|
|
244
|
-
return t(), l("div", { ref_key: "_ref", ref: B2, class: o(["mc-table", { "mc-table--loading": h(x2) }]) }, [v(
|
|
244
|
+
return t(), l("div", { ref_key: "_ref", ref: B2, class: o(["mc-table", { "mc-table--loading": h(x2) }]) }, [v(ee, { ref_key: "headerRef", ref: L2, columns: h(A2), "show-header": e3.showHeader, "get-sort-order": h(j2), selectable: h(H2), "is-all-selected": J2.value, "is-indeterminate": Q2.value, onHeaderClick: ne2, onSortChange: te2, onSelectAll: ie2 }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: b((l2) => [i(e3.$slots, a3, I(M(l2)), void 0, true)]) }))]), 1032, ["columns", "show-header", "get-sort-order", "selectable", "is-all-selected", "is-indeterminate"]), v(F, { ref_key: "bodyRef", ref: T2, data: V2.value, columns: h(A2), "row-key": h(P2), "empty-text": e3.emptyText, height: e3.height, "max-height": e3.maxHeight, "span-method": h(y2), pagination: h(g2), "get-row-class": X2, selectable: h(H2), "selected-rows": G2.value, "select-on-row-click": h(O2), onRowClick: le2, onSelect: oe2 }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: b((l2) => [i(e3.$slots, a3, I(M(l2)), void 0, true)]) }))]), 1032, ["data", "columns", "row-key", "empty-text", "height", "max-height", "span-method", "pagination", "selectable", "selected-rows", "select-on-row-click"]), h(g2) && ((_a = h(g2)) == null ? void 0 : _a.total) > 0 ? (t(), f(he, { key: 0, pagination: h(g2), onPageChange: se2 }, null, 8, ["pagination"])) : n("", true), v(ce, { class: "mc-table__loading", loading: h(x2), "loading-text": h(k2), "loading-config": h(S2) }, { loading: b((a3) => [i(e3.$slots, "loading", I(M(a3)), void 0, true)]), _: 3 }, 8, ["loading", "loading-text", "loading-config"])], 2);
|
|
245
245
|
};
|
|
246
|
-
} }), [["__scopeId", "data-v-bacc72c2"]]);
|
|
246
|
+
} }), [["__scopeId", "data-v-bacc72c2"]]));
|
|
247
247
|
export {
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
248
|
+
ye as M,
|
|
249
|
+
_e as a,
|
|
250
|
+
be as b,
|
|
251
|
+
fe as u
|
|
252
252
|
};
|
|
@@ -1,6 +1,258 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export declare const McTable: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../core').TableProps> & Readonly<{
|
|
3
|
+
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
4
|
+
}>, {
|
|
5
|
+
ref: import('vue').Ref<HTMLElement | undefined>;
|
|
6
|
+
refresh: () => Promise<void>;
|
|
7
|
+
clearSort: () => void;
|
|
8
|
+
toggleRowSelection: (row: import('../../core').RowData, selected?: boolean) => void;
|
|
9
|
+
toggleAllSelection: (selected: boolean) => void;
|
|
10
|
+
clearSelection: () => void;
|
|
11
|
+
getSelectedRows: () => import('../../core').RowData[];
|
|
12
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
[x: string]: any;
|
|
14
|
+
} & {
|
|
15
|
+
[x: string]: any;
|
|
16
|
+
}, import('vue').PublicProps, {
|
|
17
|
+
loading: boolean;
|
|
18
|
+
emptyText: string;
|
|
19
|
+
selectable: boolean;
|
|
20
|
+
selectOnRowClick: boolean;
|
|
21
|
+
showHeader: boolean;
|
|
22
|
+
loadingText: string;
|
|
23
|
+
highlightCurrentRow: boolean;
|
|
24
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
25
|
+
_ref: HTMLDivElement;
|
|
26
|
+
headerRef: ({
|
|
27
|
+
$: import('vue').ComponentInternalInstance;
|
|
28
|
+
$data: {};
|
|
29
|
+
$props: {
|
|
30
|
+
readonly columns: import('../../core').TableColumn[];
|
|
31
|
+
readonly showHeader?: boolean | undefined;
|
|
32
|
+
readonly getSortOrder?: ((prop: string) => import('../../core').SortOrder) | undefined;
|
|
33
|
+
readonly selectable?: boolean | undefined;
|
|
34
|
+
readonly isAllSelected?: boolean | undefined;
|
|
35
|
+
readonly isIndeterminate?: boolean | undefined;
|
|
36
|
+
readonly "onHeader-click"?: ((column: import('../../core').TableColumn, event: Event) => any) | undefined;
|
|
37
|
+
readonly "onSort-change"?: ((column: import('../../core').TableColumn) => any) | undefined;
|
|
38
|
+
readonly "onSelect-all"?: ((selected: boolean) => any) | undefined;
|
|
39
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
40
|
+
$attrs: {
|
|
41
|
+
[x: string]: unknown;
|
|
42
|
+
};
|
|
43
|
+
$refs: {
|
|
44
|
+
[x: string]: unknown;
|
|
45
|
+
} & {
|
|
46
|
+
headerWrapper: HTMLDivElement;
|
|
47
|
+
};
|
|
48
|
+
$slots: Readonly<{
|
|
49
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
50
|
+
}>;
|
|
51
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
52
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
53
|
+
$host: Element | null;
|
|
54
|
+
$emit: ((event: "header-click", column: import('../../core').TableColumn, event: Event) => void) & ((event: "sort-change", column: import('../../core').TableColumn) => void) & ((event: "select-all", selected: boolean) => void);
|
|
55
|
+
$el: any;
|
|
56
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('../../core').McTableHeaderProps> & Readonly<{
|
|
57
|
+
"onHeader-click"?: ((column: import('../../core').TableColumn, event: Event) => any) | undefined;
|
|
58
|
+
"onSort-change"?: ((column: import('../../core').TableColumn) => any) | undefined;
|
|
59
|
+
"onSelect-all"?: ((selected: boolean) => any) | undefined;
|
|
60
|
+
}>, {
|
|
61
|
+
headerWrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
62
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
63
|
+
"header-click": (column: import('../../core').TableColumn, event: Event) => any;
|
|
64
|
+
"sort-change": (column: import('../../core').TableColumn) => any;
|
|
65
|
+
"select-all": (selected: boolean) => any;
|
|
66
|
+
}, string, {
|
|
67
|
+
selectable: boolean;
|
|
68
|
+
showHeader: boolean;
|
|
69
|
+
getSortOrder: (prop: string) => import('../../core').SortOrder;
|
|
70
|
+
isAllSelected: boolean;
|
|
71
|
+
isIndeterminate: boolean;
|
|
72
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
73
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
74
|
+
created?: (() => void) | (() => void)[];
|
|
75
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
76
|
+
mounted?: (() => void) | (() => void)[];
|
|
77
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
78
|
+
updated?: (() => void) | (() => void)[];
|
|
79
|
+
activated?: (() => void) | (() => void)[];
|
|
80
|
+
deactivated?: (() => void) | (() => void)[];
|
|
81
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
82
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
83
|
+
destroyed?: (() => void) | (() => void)[];
|
|
84
|
+
unmounted?: (() => void) | (() => void)[];
|
|
85
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
86
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
87
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
88
|
+
};
|
|
89
|
+
$forceUpdate: () => void;
|
|
90
|
+
$nextTick: typeof import('vue').nextTick;
|
|
91
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
92
|
+
} & Readonly<{
|
|
93
|
+
selectable: boolean;
|
|
94
|
+
showHeader: boolean;
|
|
95
|
+
getSortOrder: (prop: string) => import('../../core').SortOrder;
|
|
96
|
+
isAllSelected: boolean;
|
|
97
|
+
isIndeterminate: boolean;
|
|
98
|
+
}> & Omit<Readonly<import('../../core').McTableHeaderProps> & Readonly<{
|
|
99
|
+
"onHeader-click"?: ((column: import('../../core').TableColumn, event: Event) => any) | undefined;
|
|
100
|
+
"onSort-change"?: ((column: import('../../core').TableColumn) => any) | undefined;
|
|
101
|
+
"onSelect-all"?: ((selected: boolean) => any) | undefined;
|
|
102
|
+
}>, "headerWrapper" | ("selectable" | "showHeader" | "getSortOrder" | "isAllSelected" | "isIndeterminate")> & import('vue').ShallowUnwrapRef<{
|
|
103
|
+
headerWrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
104
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
105
|
+
$slots: Partial<Record<`header-${string}`, (_: {
|
|
106
|
+
column: import('../../core').TableColumn;
|
|
107
|
+
index: number;
|
|
108
|
+
}) => any>>;
|
|
109
|
+
}) | null;
|
|
110
|
+
bodyRef: ({
|
|
111
|
+
$: import('vue').ComponentInternalInstance;
|
|
112
|
+
$data: {};
|
|
113
|
+
$props: {
|
|
114
|
+
readonly data: Record<string, unknown>[];
|
|
115
|
+
readonly columns: import('../../core').TableColumn[];
|
|
116
|
+
readonly rowKey?: string | undefined;
|
|
117
|
+
readonly emptyText?: string | undefined;
|
|
118
|
+
readonly height?: string | number | undefined;
|
|
119
|
+
readonly maxHeight?: string | number | undefined;
|
|
120
|
+
readonly pagination?: import('../../core').PaginationConfig | undefined;
|
|
121
|
+
readonly spanMethod?: ((data: {
|
|
122
|
+
row: Record<string, unknown>;
|
|
123
|
+
column: import('../../core').TableColumn;
|
|
124
|
+
rowIndex: number;
|
|
125
|
+
columnIndex: number;
|
|
126
|
+
}) => {
|
|
127
|
+
rowspan?: number;
|
|
128
|
+
colspan?: number;
|
|
129
|
+
} | [number, number]) | undefined;
|
|
130
|
+
readonly getRowClass?: ((row: Record<string, unknown>, index: number) => string[]) | undefined;
|
|
131
|
+
readonly selectable?: boolean | undefined;
|
|
132
|
+
readonly selectedRows?: import('../../core').RowData[] | undefined;
|
|
133
|
+
readonly selectOnRowClick?: boolean | undefined;
|
|
134
|
+
readonly onSelect?: ((row: import('../../core').RowData, selected: boolean) => any) | undefined;
|
|
135
|
+
readonly "onRow-click"?: ((row: Record<string, unknown>, index: number) => any) | undefined;
|
|
136
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
137
|
+
$attrs: {
|
|
138
|
+
[x: string]: unknown;
|
|
139
|
+
};
|
|
140
|
+
$refs: {
|
|
141
|
+
[x: string]: unknown;
|
|
142
|
+
} & {
|
|
143
|
+
bodyWrapper: HTMLDivElement;
|
|
144
|
+
};
|
|
145
|
+
$slots: Readonly<{
|
|
146
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
147
|
+
}>;
|
|
148
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
149
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
150
|
+
$host: Element | null;
|
|
151
|
+
$emit: ((event: "select", row: import('../../core').RowData, selected: boolean) => void) & ((event: "row-click", row: Record<string, unknown>, index: number) => void);
|
|
152
|
+
$el: HTMLDivElement;
|
|
153
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('../../core').McTableBodyProps> & Readonly<{
|
|
154
|
+
onSelect?: ((row: import('../../core').RowData, selected: boolean) => any) | undefined;
|
|
155
|
+
"onRow-click"?: ((row: Record<string, unknown>, index: number) => any) | undefined;
|
|
156
|
+
}>, {
|
|
157
|
+
bodyWrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
158
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
159
|
+
select: (row: import('../../core').RowData, selected: boolean) => any;
|
|
160
|
+
"row-click": (row: Record<string, unknown>, index: number) => any;
|
|
161
|
+
}, string, {
|
|
162
|
+
selectable: boolean;
|
|
163
|
+
selectOnRowClick: boolean;
|
|
164
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
165
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
166
|
+
created?: (() => void) | (() => void)[];
|
|
167
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
168
|
+
mounted?: (() => void) | (() => void)[];
|
|
169
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
170
|
+
updated?: (() => void) | (() => void)[];
|
|
171
|
+
activated?: (() => void) | (() => void)[];
|
|
172
|
+
deactivated?: (() => void) | (() => void)[];
|
|
173
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
174
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
175
|
+
destroyed?: (() => void) | (() => void)[];
|
|
176
|
+
unmounted?: (() => void) | (() => void)[];
|
|
177
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
178
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
179
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
180
|
+
};
|
|
181
|
+
$forceUpdate: () => void;
|
|
182
|
+
$nextTick: typeof import('vue').nextTick;
|
|
183
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
184
|
+
} & Readonly<{
|
|
185
|
+
selectable: boolean;
|
|
186
|
+
selectOnRowClick: boolean;
|
|
187
|
+
}> & Omit<Readonly<import('../../core').McTableBodyProps> & Readonly<{
|
|
188
|
+
onSelect?: ((row: import('../../core').RowData, selected: boolean) => any) | undefined;
|
|
189
|
+
"onRow-click"?: ((row: Record<string, unknown>, index: number) => any) | undefined;
|
|
190
|
+
}>, "bodyWrapper" | ("selectable" | "selectOnRowClick")> & import('vue').ShallowUnwrapRef<{
|
|
191
|
+
bodyWrapper: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
|
|
192
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
193
|
+
$slots: Partial<Record<string, (_: {
|
|
194
|
+
row: Record<string, unknown>;
|
|
195
|
+
column: import('../../core').TableColumn;
|
|
196
|
+
$index: number;
|
|
197
|
+
value: unknown;
|
|
198
|
+
}) => any>> & {
|
|
199
|
+
empty?(_: {}): any;
|
|
200
|
+
};
|
|
201
|
+
}) | null;
|
|
202
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
203
|
+
P: {};
|
|
204
|
+
B: {};
|
|
205
|
+
D: {};
|
|
206
|
+
C: {};
|
|
207
|
+
M: {};
|
|
208
|
+
Defaults: {};
|
|
209
|
+
}, Readonly<import('../../core').TableProps> & Readonly<{
|
|
210
|
+
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
211
|
+
}>, {
|
|
212
|
+
ref: import('vue').Ref<HTMLElement | undefined>;
|
|
213
|
+
refresh: () => Promise<void>;
|
|
214
|
+
clearSort: () => void;
|
|
215
|
+
toggleRowSelection: (row: import('../../core').RowData, selected?: boolean) => void;
|
|
216
|
+
toggleAllSelection: (selected: boolean) => void;
|
|
217
|
+
clearSelection: () => void;
|
|
218
|
+
getSelectedRows: () => import('../../core').RowData[];
|
|
219
|
+
}, {}, {}, {}, {
|
|
220
|
+
loading: boolean;
|
|
221
|
+
emptyText: string;
|
|
222
|
+
selectable: boolean;
|
|
223
|
+
selectOnRowClick: boolean;
|
|
224
|
+
showHeader: boolean;
|
|
225
|
+
loadingText: string;
|
|
226
|
+
highlightCurrentRow: boolean;
|
|
227
|
+
}>;
|
|
228
|
+
__isFragment?: never;
|
|
229
|
+
__isTeleport?: never;
|
|
230
|
+
__isSuspense?: never;
|
|
231
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('../../core').TableProps> & Readonly<{
|
|
232
|
+
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
233
|
+
}>, {
|
|
234
|
+
ref: import('vue').Ref<HTMLElement | undefined>;
|
|
235
|
+
refresh: () => Promise<void>;
|
|
236
|
+
clearSort: () => void;
|
|
237
|
+
toggleRowSelection: (row: import('../../core').RowData, selected?: boolean) => void;
|
|
238
|
+
toggleAllSelection: (selected: boolean) => void;
|
|
239
|
+
clearSelection: () => void;
|
|
240
|
+
getSelectedRows: () => import('../../core').RowData[];
|
|
241
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
242
|
+
[x: string]: any;
|
|
243
|
+
} & {
|
|
244
|
+
[x: string]: any;
|
|
245
|
+
}, string, {
|
|
246
|
+
loading: boolean;
|
|
247
|
+
emptyText: string;
|
|
248
|
+
selectable: boolean;
|
|
249
|
+
selectOnRowClick: boolean;
|
|
250
|
+
showHeader: boolean;
|
|
251
|
+
loadingText: string;
|
|
252
|
+
highlightCurrentRow: boolean;
|
|
253
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
254
|
+
$slots: any;
|
|
255
|
+
}) & import('vue').Plugin;
|
|
4
256
|
export * from './composables/usePagination';
|
|
5
257
|
export * from './composables/useTableScroll';
|
|
6
258
|
export * from './composables/useTableSort';
|