admins-components 9.0.6 → 9.0.8
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/admins-components.js +57 -57
- package/dist/admins-components100.js +26 -27
- package/dist/admins-components101.js +25 -169
- package/dist/admins-components102.js +165 -61
- package/dist/admins-components103.js +61 -70
- package/dist/admins-components104.js +65 -28
- package/dist/admins-components105.js +28 -14
- package/dist/admins-components106.js +15 -26
- package/dist/admins-components107.js +26 -9
- package/dist/admins-components108.js +9 -4
- package/dist/admins-components109.js +4 -3
- package/dist/admins-components11.js +9 -38
- package/dist/admins-components110.js +2 -2
- package/dist/admins-components111.js +3 -21
- package/dist/admins-components112.js +21 -14
- package/dist/admins-components113.js +14 -8
- package/dist/admins-components114.js +8 -13
- package/dist/admins-components115.js +12 -33
- package/dist/admins-components116.js +24 -81
- package/dist/admins-components117.js +82 -10
- package/dist/admins-components118.js +10 -4
- package/dist/admins-components119.js +5 -8
- package/dist/admins-components12.js +37 -141
- package/dist/admins-components120.js +7 -6
- package/dist/admins-components121.js +6 -5
- package/dist/admins-components122.js +4 -13
- package/dist/admins-components123.js +11 -9
- package/dist/admins-components124.js +13 -30
- package/dist/admins-components125.js +30 -4
- package/dist/admins-components126.js +4 -29
- package/dist/admins-components127.js +29 -5
- package/dist/admins-components128.js +3 -3
- package/dist/admins-components129.js +4 -21
- package/dist/admins-components13.js +145 -5
- package/dist/admins-components130.js +7 -81
- package/dist/admins-components131.js +70 -29
- package/dist/admins-components132.js +27 -57
- package/dist/admins-components133.js +57 -22
- package/dist/admins-components134.js +21 -47
- package/dist/admins-components135.js +48 -30
- package/dist/admins-components136.js +31 -3
- package/dist/admins-components137.js +3 -186
- package/dist/admins-components138.js +176 -43
- package/dist/admins-components139.js +44 -35
- package/dist/admins-components14.js +5 -46
- package/dist/admins-components140.js +34 -43
- package/dist/admins-components141.js +42 -138
- package/dist/admins-components142.js +134 -51
- package/dist/admins-components143.js +58 -7
- package/dist/admins-components144.js +6 -5
- package/dist/admins-components145.js +6 -76
- package/dist/admins-components146.js +76 -29
- package/dist/admins-components147.js +29 -1931
- package/dist/admins-components148.js +1763 -24900
- package/dist/admins-components149.js +24810 -8
- package/dist/admins-components15.js +49 -4
- package/dist/admins-components150.js +9 -7
- package/dist/admins-components151.js +7 -142
- package/dist/admins-components152.js +141 -8
- package/dist/admins-components153.js +3 -3
- package/dist/admins-components154.js +10 -0
- package/dist/admins-components156.js +161 -44
- package/dist/admins-components157.js +50 -8
- package/dist/admins-components158.js +8 -49
- package/dist/admins-components159.js +50 -6
- package/dist/admins-components16.js +4 -94
- package/dist/admins-components160.js +6 -80
- package/dist/admins-components161.js +70 -48
- package/dist/admins-components162.js +31 -32
- package/dist/admins-components163.js +58 -8
- package/dist/admins-components164.js +8 -51
- package/dist/admins-components165.js +51 -8
- package/dist/admins-components166.js +10 -0
- package/dist/{admins-components167.js → admins-components168.js} +4 -4
- package/dist/admins-components17.js +91 -225
- package/dist/admins-components18.js +245 -5
- package/dist/admins-components19.js +5 -181
- package/dist/admins-components20.js +183 -0
- package/dist/admins-components22.js +6 -72
- package/dist/admins-components23.js +78 -6
- package/dist/admins-components24.js +6 -58
- package/dist/admins-components25.js +59 -0
- package/dist/admins-components27.js +6 -60
- package/dist/admins-components28.js +61 -0
- package/dist/admins-components30.js +6 -36
- package/dist/admins-components31.js +37 -0
- package/dist/admins-components33.js +6 -36
- package/dist/admins-components34.js +36 -4
- package/dist/admins-components35.js +4 -32
- package/dist/admins-components36.js +33 -0
- package/dist/admins-components38.js +6 -147
- package/dist/admins-components39.js +148 -0
- package/dist/admins-components4.js +9 -56
- package/dist/admins-components41.js +6 -124
- package/dist/admins-components42.js +124 -4
- package/dist/admins-components43.js +4 -179
- package/dist/admins-components44.js +179 -4
- package/dist/admins-components45.js +4 -19
- package/dist/admins-components46.js +20 -0
- package/dist/admins-components48.js +6 -54
- package/dist/admins-components49.js +54 -93
- package/dist/admins-components5.js +57 -4
- package/dist/admins-components50.js +94 -0
- package/dist/admins-components52.js +6 -25
- package/dist/admins-components53.js +25 -9
- package/dist/admins-components54.js +9 -19
- package/dist/admins-components55.js +18 -72
- package/dist/admins-components56.js +73 -59
- package/dist/admins-components57.js +59 -4
- package/dist/admins-components58.js +4 -120
- package/dist/admins-components59.js +122 -0
- package/dist/admins-components6.js +4 -29
- package/dist/admins-components61.js +7 -143
- package/dist/admins-components62.js +148 -0
- package/dist/admins-components64.js +7 -7
- package/dist/admins-components65.js +7 -263
- package/dist/admins-components66.js +264 -0
- package/dist/admins-components68.js +6 -111
- package/dist/admins-components69.js +112 -0
- package/dist/admins-components7.js +29 -252
- package/dist/admins-components71.js +6 -59
- package/dist/admins-components72.js +55 -217
- package/dist/admins-components73.js +222 -0
- package/dist/admins-components75.js +6 -8
- package/dist/admins-components76.js +7 -45
- package/dist/admins-components77.js +45 -249
- package/dist/admins-components78.js +264 -0
- package/dist/admins-components8.js +253 -0
- package/dist/admins-components80.js +7 -37
- package/dist/admins-components81.js +38 -0
- package/dist/admins-components83.js +6 -198
- package/dist/admins-components84.js +199 -0
- package/dist/admins-components86.js +6 -203
- package/dist/admins-components87.js +204 -0
- package/dist/admins-components89.js +7 -3
- package/dist/admins-components90.js +3 -16
- package/dist/admins-components91.js +16 -3
- package/dist/admins-components92.js +3 -52
- package/dist/admins-components93.js +50 -80
- package/dist/admins-components94.js +78 -109
- package/dist/admins-components95.js +110 -41
- package/dist/admins-components96.js +39 -101
- package/dist/admins-components97.js +105 -6
- package/dist/admins-components98.js +5 -261
- package/dist/admins-components99.js +250 -25
- package/dist/base.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/src/components/Button.vue.d.ts +2 -3
- package/dist/src/components/Calendar.vue.d.ts +1 -1
- package/dist/src/components/ConfirmModal.vue.d.ts +1 -1
- package/dist/src/components/DatePicker.vue.d.ts +4 -2
- package/dist/src/components/DateRangePicker.vue.d.ts +2 -2
- package/dist/src/components/DropdownMenu.vue.d.ts +4 -2
- package/dist/src/components/DropdownSelect.vue.d.ts +1 -1
- package/dist/src/components/HeaderComponent.vue.d.ts +2 -2
- package/dist/src/components/custom/ImagePicker.vue.d.ts +1 -1
- package/dist/src/components/data-table/DataCards.vue.d.ts +2 -2
- package/dist/src/components/data-table/DataCell.vue.d.ts +1 -1
- package/dist/src/components/data-table/DataFilters.vue.d.ts +4 -4
- package/dist/src/components/data-table/DataList.vue.d.ts +4 -4
- package/dist/src/components/data-table/DataListGuide.vue.d.ts +1 -1
- package/dist/src/components/data-table/DataListOptions.vue.d.ts +2 -2
- package/dist/src/components/data-table/DataPaginator.vue.d.ts +1 -1
- package/dist/src/components/data-table/DataTable.vue.d.ts +3 -3
- package/dist/src/components/data-table/FilterTags.vue.d.ts +1 -1
- package/dist/src/components/data-table/FiltersHistory.vue.d.ts +1 -1
- package/dist/src/index.d.ts +85 -85
- package/dist/src/vueformelements/config/ExternalArticleOfferElementConfig.d.ts +1 -1
- package/package.json +2 -3
- package/dist/admins-components10.js +0 -10
- package/dist/admins-components155.js +0 -169
- package/dist/admins-components21.js +0 -7
- package/dist/admins-components26.js +0 -7
- package/dist/admins-components29.js +0 -7
- package/dist/admins-components32.js +0 -7
- package/dist/admins-components37.js +0 -7
- package/dist/admins-components40.js +0 -7
- package/dist/admins-components47.js +0 -7
- package/dist/admins-components51.js +0 -7
- package/dist/admins-components60.js +0 -8
- package/dist/admins-components63.js +0 -8
- package/dist/admins-components67.js +0 -7
- package/dist/admins-components70.js +0 -7
- package/dist/admins-components74.js +0 -7
- package/dist/admins-components79.js +0 -8
- package/dist/admins-components82.js +0 -7
- package/dist/admins-components85.js +0 -7
- package/dist/admins-components88.js +0 -8
|
@@ -1,264 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var te = { class: "table-options" }, ne = { class: "table-options__col" }, re = { class: "table-options__list" }, ie = { class: "table-options__col" }, ae = { class: "table-options__title" }, oe = { class: "table-options__title-value" }, se = { class: "layout-switch" }, ce = { class: "table-options__col" }, le = { class: "table-options__title flex-center gap-1" }, ue = { class: "table-options__list" }, de = [
|
|
8
|
-
"draggable",
|
|
9
|
-
"onDragstart",
|
|
10
|
-
"onDragover",
|
|
11
|
-
"onClick"
|
|
12
|
-
], fe = {
|
|
13
|
-
key: 0,
|
|
14
|
-
class: "fa-solid fa-grip-vertical table-options__drag-handle"
|
|
15
|
-
}, pe = ["onClick"], me = {
|
|
16
|
-
key: 0,
|
|
17
|
-
class: "table-options__move-actions"
|
|
18
|
-
}, he = ["disabled"], w = ["disabled"], T = { class: "table-options__col" }, E = { class: "table-options__list" }, D = [
|
|
19
|
-
"draggable",
|
|
20
|
-
"onDragstart",
|
|
21
|
-
"onDragover",
|
|
22
|
-
"onClick"
|
|
23
|
-
], O = {
|
|
24
|
-
key: 0,
|
|
25
|
-
class: "fa-solid fa-grip-vertical table-options__drag-handle"
|
|
26
|
-
}, k = ["onClick"], A = {
|
|
27
|
-
key: 0,
|
|
28
|
-
class: "table-options__move-actions"
|
|
29
|
-
}, j = ["disabled"], M = ["disabled"], N = { class: "table-options__footer" }, P = /*@__PURE__*/ p({
|
|
30
|
-
__name: "DataListOptions",
|
|
31
|
-
props: {
|
|
32
|
-
open: { type: Boolean },
|
|
33
|
-
columns: {},
|
|
34
|
-
settings: {},
|
|
35
|
-
position: {},
|
|
36
|
-
storageKey: {},
|
|
37
|
-
orderable: {
|
|
38
|
-
type: Boolean,
|
|
39
|
-
default: !1
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
emits: ["close", "change"],
|
|
43
|
-
setup(p, { emit: P }) {
|
|
44
|
-
let F = p, I = P, L = _(z()), R = o(() => `data-list-${F.storageKey}`), ge = o(() => JSON.stringify(L.value) !== JSON.stringify(z()));
|
|
45
|
-
function z() {
|
|
46
|
-
return {
|
|
47
|
-
...n,
|
|
48
|
-
...i,
|
|
49
|
-
...r,
|
|
50
|
-
...F.settings,
|
|
51
|
-
columns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.columns?.[e.property] ?? e.visible !== !1])),
|
|
52
|
-
cardHeaderColumns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.cardHeaderColumns?.[e.property] ?? e.primary === !0])),
|
|
53
|
-
columnOrder: F.settings.columnOrder ?? F.columns.map((e) => e.property),
|
|
54
|
-
cardHeaderOrder: F.settings.cardHeaderOrder ?? F.columns.map((e) => e.property)
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
function _e() {
|
|
58
|
-
try {
|
|
59
|
-
let e = localStorage.getItem(R.value), t = z();
|
|
60
|
-
if (e) {
|
|
61
|
-
let n = JSON.parse(e);
|
|
62
|
-
L.value = n.settings ? ee(t, n.settings) : t;
|
|
63
|
-
} else L.value = t;
|
|
64
|
-
} catch {
|
|
65
|
-
L.value = z();
|
|
66
|
-
}
|
|
67
|
-
I("change", L.value);
|
|
68
|
-
}
|
|
69
|
-
function ve() {
|
|
70
|
-
try {
|
|
71
|
-
let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
|
|
72
|
-
n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
|
|
73
|
-
} catch {}
|
|
74
|
-
I("change", L.value);
|
|
75
|
-
}
|
|
76
|
-
function B(e, t) {
|
|
77
|
-
L.value = {
|
|
78
|
-
...L.value,
|
|
79
|
-
[e]: t
|
|
80
|
-
}, ve();
|
|
81
|
-
}
|
|
82
|
-
function V(e) {
|
|
83
|
-
B("columns", {
|
|
84
|
-
...L.value.columns,
|
|
85
|
-
[e]: !L.value.columns[e]
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
function H(e) {
|
|
89
|
-
B("cardHeaderColumns", {
|
|
90
|
-
...L.value.cardHeaderColumns,
|
|
91
|
-
[e]: !L.value.cardHeaderColumns[e]
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
function U(e) {
|
|
95
|
-
B(e, !L.value[e]);
|
|
96
|
-
}
|
|
97
|
-
function W(e, t) {
|
|
98
|
-
return [...e].sort((e, n) => {
|
|
99
|
-
let r = t.indexOf(e.property), i = t.indexOf(n.property);
|
|
100
|
-
return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
let G = o(() => W(F.columns, L.value.columnOrder)), K = o(() => W(F.columns, L.value.cardHeaderOrder)), q = _(null), J = _(null), Y = _(null), X = _(null);
|
|
104
|
-
function ye(e) {
|
|
105
|
-
q.value = e;
|
|
106
|
-
}
|
|
107
|
-
function be(e, t) {
|
|
108
|
-
if (e.preventDefault(), q.value === null || q.value === t) return;
|
|
109
|
-
let n = [...L.value.columnOrder], r = n.splice(q.value, 1)[0];
|
|
110
|
-
r && (n.splice(t, 0, r), q.value = t, B("columnOrder", n));
|
|
111
|
-
}
|
|
112
|
-
function xe() {
|
|
113
|
-
q.value = null;
|
|
114
|
-
}
|
|
115
|
-
function Se(e) {
|
|
116
|
-
J.value = J.value === e ? null : e;
|
|
117
|
-
}
|
|
118
|
-
function Z(e) {
|
|
119
|
-
if (J.value === null) return;
|
|
120
|
-
let t = J.value + e;
|
|
121
|
-
if (t < 0 || t >= L.value.columnOrder.length) return;
|
|
122
|
-
let n = [...L.value.columnOrder], r = n[J.value];
|
|
123
|
-
n[J.value] = n[t], n[t] = r, B("columnOrder", n), J.value = t;
|
|
124
|
-
}
|
|
125
|
-
function Ce(e) {
|
|
126
|
-
Y.value = e;
|
|
127
|
-
}
|
|
128
|
-
function we(e, t) {
|
|
129
|
-
if (e.preventDefault(), Y.value === null || Y.value === t) return;
|
|
130
|
-
let n = [...L.value.cardHeaderOrder], r = n.splice(Y.value, 1)[0];
|
|
131
|
-
r && (n.splice(t, 0, r), Y.value = t, B("cardHeaderOrder", n));
|
|
132
|
-
}
|
|
133
|
-
function Q() {
|
|
134
|
-
Y.value = null;
|
|
135
|
-
}
|
|
136
|
-
function Te(e) {
|
|
137
|
-
X.value = X.value === e ? null : e;
|
|
138
|
-
}
|
|
139
|
-
function $(e) {
|
|
140
|
-
if (X.value === null) return;
|
|
141
|
-
let t = X.value + e;
|
|
142
|
-
if (t < 0 || t >= L.value.cardHeaderOrder.length) return;
|
|
143
|
-
let n = [...L.value.cardHeaderOrder], r = n[X.value];
|
|
144
|
-
n[X.value] = n[t], n[t] = r, B("cardHeaderOrder", n), X.value = t;
|
|
145
|
-
}
|
|
146
|
-
function Ee() {
|
|
147
|
-
localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
|
|
148
|
-
}
|
|
149
|
-
return h(_e), (n, r) => {
|
|
150
|
-
let i = y("tooltip");
|
|
151
|
-
return g(), s(t, {
|
|
152
|
-
open: p.open,
|
|
153
|
-
title: "Lista beállítások",
|
|
154
|
-
position: F.position,
|
|
155
|
-
onClose: r[16] ||= (e) => I("close")
|
|
156
|
-
}, {
|
|
157
|
-
default: x(() => [u("div", te, [
|
|
158
|
-
u("div", ne, [r[19] ||= u("h4", { class: "table-options__title" }, "Megjelenés", -1), u("ul", re, [u("li", {
|
|
159
|
-
class: "table-options__item",
|
|
160
|
-
onClick: r[1] ||= (e) => U("compact"),
|
|
161
|
-
title: "A sorok közötti térköz csökkentése"
|
|
162
|
-
}, [u("span", {
|
|
163
|
-
class: m(["c-checkbox", { "c-checkbox--checked": L.value.compact }]),
|
|
164
|
-
onClick: r[0] ||= C((e) => U("compact"), ["stop"])
|
|
165
|
-
}, null, 2), r[17] ||= u("span", null, "Kompakt", -1)]), u("li", {
|
|
166
|
-
class: "table-options__item",
|
|
167
|
-
onClick: r[3] ||= (e) => U("striped"),
|
|
168
|
-
title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
|
|
169
|
-
}, [u("span", {
|
|
170
|
-
class: m(["c-checkbox", { "c-checkbox--checked": L.value.striped }]),
|
|
171
|
-
onClick: r[2] ||= C((e) => U("striped"), ["stop"])
|
|
172
|
-
}, null, 2), r[18] ||= u("span", null, "Sávos (striped)", -1)])])]),
|
|
173
|
-
u("div", ie, [u("h4", ae, [r[20] ||= d(" Elrendezés ", -1), u("span", oe, "— " + b(L.value.layout === "screen" ? "Auto" : L.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", se, [
|
|
174
|
-
u("button", {
|
|
175
|
-
class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "screen" }]),
|
|
176
|
-
title: "Kijelző méretéhez igazodó elrendezés",
|
|
177
|
-
onClick: r[4] ||= (e) => B("layout", "screen")
|
|
178
|
-
}, [...r[21] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
|
|
179
|
-
u("button", {
|
|
180
|
-
class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "table" }]),
|
|
181
|
-
title: "Táblázat nézet",
|
|
182
|
-
onClick: r[5] ||= (e) => B("layout", "table")
|
|
183
|
-
}, [...r[22] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
|
|
184
|
-
u("button", {
|
|
185
|
-
class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "cards" }]),
|
|
186
|
-
title: "Kártya nézet",
|
|
187
|
-
onClick: r[6] ||= (e) => B("layout", "cards")
|
|
188
|
-
}, [...r[23] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
|
|
189
|
-
])]),
|
|
190
|
-
u("div", ce, [
|
|
191
|
-
S((g(), l("h4", le, [...r[24] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
|
|
192
|
-
u("ul", ue, [(g(!0), l(a, null, v(K.value, (e, t) => (g(), l("li", {
|
|
193
|
-
key: "ch-" + e.property,
|
|
194
|
-
class: m(["table-options__item", {
|
|
195
|
-
"table-options__item--disabled": e.primary,
|
|
196
|
-
"table-options__item--selected": p.orderable && X.value === t,
|
|
197
|
-
"table-options__item--dragging": p.orderable && Y.value === t
|
|
198
|
-
}]),
|
|
199
|
-
draggable: p.orderable,
|
|
200
|
-
onDragstart: C((e) => p.orderable && Ce(t), ["stop"]),
|
|
201
|
-
onDragover: C((e) => p.orderable && we(e, t), ["prevent"]),
|
|
202
|
-
onDrop: r[7] ||= C(() => {}, ["prevent"]),
|
|
203
|
-
onDragend: r[8] ||= (e) => p.orderable && Q(),
|
|
204
|
-
onClick: C((n) => p.orderable ? Te(t) : !e.primary && H(e.property), ["prevent"])
|
|
205
|
-
}, [p.orderable ? (g(), l("i", fe)) : c("", !0), u("span", {
|
|
206
|
-
class: "table-options__toggle",
|
|
207
|
-
onClick: C((t) => !e.primary && H(e.property), ["stop"])
|
|
208
|
-
}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, pe)], 42, de))), 128))]),
|
|
209
|
-
p.orderable && X.value !== null ? (g(), l("div", me, [u("button", {
|
|
210
|
-
class: "table-options__move-btn",
|
|
211
|
-
disabled: X.value === 0,
|
|
212
|
-
onClick: r[9] ||= (e) => $(-1)
|
|
213
|
-
}, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, he), u("button", {
|
|
214
|
-
class: "table-options__move-btn",
|
|
215
|
-
disabled: X.value === K.value.length - 1,
|
|
216
|
-
onClick: r[10] ||= (e) => $(1)
|
|
217
|
-
}, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, w)])) : c("", !0)
|
|
218
|
-
]),
|
|
219
|
-
u("div", T, [
|
|
220
|
-
r[29] ||= u("h4", { class: "table-options__title" }, "Oszlopok", -1),
|
|
221
|
-
u("ul", E, [(g(!0), l(a, null, v(G.value, (e, t) => (g(), l("li", {
|
|
222
|
-
key: e.property,
|
|
223
|
-
class: m(["table-options__item", {
|
|
224
|
-
"table-options__item--disabled": e.primary,
|
|
225
|
-
"table-options__item--selected": p.orderable && J.value === t,
|
|
226
|
-
"table-options__item--dragging": p.orderable && q.value === t
|
|
227
|
-
}]),
|
|
228
|
-
draggable: p.orderable,
|
|
229
|
-
onDragstart: C((e) => p.orderable && ye(t), ["stop"]),
|
|
230
|
-
onDragover: C((e) => p.orderable && be(e, t), ["prevent"]),
|
|
231
|
-
onDrop: r[11] ||= C(() => {}, ["prevent"]),
|
|
232
|
-
onDragend: r[12] ||= (e) => p.orderable && xe(),
|
|
233
|
-
onClick: C((n) => p.orderable ? Se(t) : !e.primary && V(e.property), ["prevent"])
|
|
234
|
-
}, [p.orderable ? (g(), l("i", O)) : c("", !0), u("span", {
|
|
235
|
-
class: "table-options__toggle",
|
|
236
|
-
onClick: C((t) => !e.primary && V(e.property), ["stop"])
|
|
237
|
-
}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.columns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, k)], 42, D))), 128))]),
|
|
238
|
-
p.orderable && J.value !== null ? (g(), l("div", A, [u("button", {
|
|
239
|
-
class: "table-options__move-btn",
|
|
240
|
-
disabled: J.value === 0,
|
|
241
|
-
onClick: r[13] ||= (e) => Z(-1)
|
|
242
|
-
}, [...r[27] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, j), u("button", {
|
|
243
|
-
class: "table-options__move-btn",
|
|
244
|
-
disabled: J.value === G.value.length - 1,
|
|
245
|
-
onClick: r[14] ||= (e) => Z(1)
|
|
246
|
-
}, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, M)])) : c("", !0)
|
|
247
|
-
])
|
|
248
|
-
]), u("div", N, [f(e, {
|
|
249
|
-
icon: "fa-solid fa-triangle-exclamation",
|
|
250
|
-
disabled: !ge.value,
|
|
251
|
-
label: "Alapértelmezés visszaállítása",
|
|
252
|
-
size: "small",
|
|
253
|
-
onClick: Ee
|
|
254
|
-
}, null, 8, ["disabled"]), f(e, {
|
|
255
|
-
label: "OK",
|
|
256
|
-
onClick: r[15] ||= (e) => I("close")
|
|
257
|
-
})])]),
|
|
258
|
-
_: 1
|
|
259
|
-
}, 8, ["open", "position"]);
|
|
260
|
-
};
|
|
261
|
-
}
|
|
262
|
-
});
|
|
1
|
+
//#region src/utils/objects.ts
|
|
2
|
+
function e(t, n) {
|
|
3
|
+
let r = { ...t };
|
|
4
|
+
for (let i in n) n[i] && typeof n[i] == "object" && !Array.isArray(n[i]) && i in t && typeof t[i] == "object" ? r[i] = e(t[i], n[i]) : r[i] = n[i];
|
|
5
|
+
return r;
|
|
6
|
+
}
|
|
263
7
|
//#endregion
|
|
264
|
-
export {
|
|
8
|
+
export { e as deepMerge };
|
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
import e from "./admins-components6.js";
|
|
2
|
+
import t from "./admins-components27.js";
|
|
3
|
+
import { dataCardsSettingsDefaults as n, dataListSettingsDefaults as r, dataTableSettingsDefaults as i } from "./admins-components54.js";
|
|
4
|
+
import { deepMerge as ee } from "./admins-components65.js";
|
|
5
|
+
import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderList as v, resolveDirective as y, toDisplayString as b, withCtx as x, withDirectives as S, withModifiers as C } from "vue";
|
|
6
|
+
//#region src/components/data-table/DataListOptions.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
+
var te = { class: "table-options" }, ne = { class: "table-options__col" }, re = { class: "table-options__list" }, ie = { class: "table-options__col" }, ae = { class: "table-options__title" }, oe = { class: "table-options__title-value" }, se = { class: "layout-switch" }, ce = { class: "table-options__col" }, le = { class: "table-options__title flex-center gap-1" }, ue = { class: "table-options__list" }, de = [
|
|
8
|
+
"draggable",
|
|
9
|
+
"onDragstart",
|
|
10
|
+
"onDragover",
|
|
11
|
+
"onClick"
|
|
12
|
+
], fe = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "fa-solid fa-grip-vertical table-options__drag-handle"
|
|
15
|
+
}, pe = ["onClick"], me = {
|
|
16
|
+
key: 0,
|
|
17
|
+
class: "table-options__move-actions"
|
|
18
|
+
}, he = ["disabled"], w = ["disabled"], T = { class: "table-options__col" }, E = { class: "table-options__list" }, D = [
|
|
19
|
+
"draggable",
|
|
20
|
+
"onDragstart",
|
|
21
|
+
"onDragover",
|
|
22
|
+
"onClick"
|
|
23
|
+
], O = {
|
|
24
|
+
key: 0,
|
|
25
|
+
class: "fa-solid fa-grip-vertical table-options__drag-handle"
|
|
26
|
+
}, k = ["onClick"], A = {
|
|
27
|
+
key: 0,
|
|
28
|
+
class: "table-options__move-actions"
|
|
29
|
+
}, j = ["disabled"], M = ["disabled"], N = { class: "table-options__footer" }, P = /* @__PURE__ */ p({
|
|
30
|
+
__name: "DataListOptions",
|
|
31
|
+
props: {
|
|
32
|
+
open: { type: Boolean },
|
|
33
|
+
columns: {},
|
|
34
|
+
settings: {},
|
|
35
|
+
position: {},
|
|
36
|
+
storageKey: {},
|
|
37
|
+
orderable: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: !1
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
emits: ["close", "change"],
|
|
43
|
+
setup(p, { emit: P }) {
|
|
44
|
+
let F = p, I = P, L = _(z()), R = o(() => `data-list-${F.storageKey}`), ge = o(() => JSON.stringify(L.value) !== JSON.stringify(z()));
|
|
45
|
+
function z() {
|
|
46
|
+
return {
|
|
47
|
+
...n,
|
|
48
|
+
...i,
|
|
49
|
+
...r,
|
|
50
|
+
...F.settings,
|
|
51
|
+
columns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.columns?.[e.property] ?? e.visible !== !1])),
|
|
52
|
+
cardHeaderColumns: Object.fromEntries(F.columns.map((e) => [e.property, F.settings.cardHeaderColumns?.[e.property] ?? e.primary === !0])),
|
|
53
|
+
columnOrder: F.settings.columnOrder ?? F.columns.map((e) => e.property),
|
|
54
|
+
cardHeaderOrder: F.settings.cardHeaderOrder ?? F.columns.map((e) => e.property)
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
function _e() {
|
|
58
|
+
try {
|
|
59
|
+
let e = localStorage.getItem(R.value), t = z();
|
|
60
|
+
if (e) {
|
|
61
|
+
let n = JSON.parse(e);
|
|
62
|
+
L.value = n.settings ? ee(t, n.settings) : t;
|
|
63
|
+
} else L.value = t;
|
|
64
|
+
} catch {
|
|
65
|
+
L.value = z();
|
|
66
|
+
}
|
|
67
|
+
I("change", L.value);
|
|
68
|
+
}
|
|
69
|
+
function ve() {
|
|
70
|
+
try {
|
|
71
|
+
let e = R.value, t = localStorage.getItem(e), n = t ? JSON.parse(t) : {};
|
|
72
|
+
n.settings = L.value, localStorage.setItem(e, JSON.stringify(n));
|
|
73
|
+
} catch {}
|
|
74
|
+
I("change", L.value);
|
|
75
|
+
}
|
|
76
|
+
function B(e, t) {
|
|
77
|
+
L.value = {
|
|
78
|
+
...L.value,
|
|
79
|
+
[e]: t
|
|
80
|
+
}, ve();
|
|
81
|
+
}
|
|
82
|
+
function V(e) {
|
|
83
|
+
B("columns", {
|
|
84
|
+
...L.value.columns,
|
|
85
|
+
[e]: !L.value.columns[e]
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
function H(e) {
|
|
89
|
+
B("cardHeaderColumns", {
|
|
90
|
+
...L.value.cardHeaderColumns,
|
|
91
|
+
[e]: !L.value.cardHeaderColumns[e]
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
function U(e) {
|
|
95
|
+
B(e, !L.value[e]);
|
|
96
|
+
}
|
|
97
|
+
function W(e, t) {
|
|
98
|
+
return [...e].sort((e, n) => {
|
|
99
|
+
let r = t.indexOf(e.property), i = t.indexOf(n.property);
|
|
100
|
+
return (r === -1 ? 999 : r) - (i === -1 ? 999 : i);
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
let G = o(() => W(F.columns, L.value.columnOrder)), K = o(() => W(F.columns, L.value.cardHeaderOrder)), q = _(null), J = _(null), Y = _(null), X = _(null);
|
|
104
|
+
function ye(e) {
|
|
105
|
+
q.value = e;
|
|
106
|
+
}
|
|
107
|
+
function be(e, t) {
|
|
108
|
+
if (e.preventDefault(), q.value === null || q.value === t) return;
|
|
109
|
+
let n = [...L.value.columnOrder], r = n.splice(q.value, 1)[0];
|
|
110
|
+
r && (n.splice(t, 0, r), q.value = t, B("columnOrder", n));
|
|
111
|
+
}
|
|
112
|
+
function xe() {
|
|
113
|
+
q.value = null;
|
|
114
|
+
}
|
|
115
|
+
function Se(e) {
|
|
116
|
+
J.value = J.value === e ? null : e;
|
|
117
|
+
}
|
|
118
|
+
function Z(e) {
|
|
119
|
+
if (J.value === null) return;
|
|
120
|
+
let t = J.value + e;
|
|
121
|
+
if (t < 0 || t >= L.value.columnOrder.length) return;
|
|
122
|
+
let n = [...L.value.columnOrder], r = n[J.value];
|
|
123
|
+
n[J.value] = n[t], n[t] = r, B("columnOrder", n), J.value = t;
|
|
124
|
+
}
|
|
125
|
+
function Ce(e) {
|
|
126
|
+
Y.value = e;
|
|
127
|
+
}
|
|
128
|
+
function we(e, t) {
|
|
129
|
+
if (e.preventDefault(), Y.value === null || Y.value === t) return;
|
|
130
|
+
let n = [...L.value.cardHeaderOrder], r = n.splice(Y.value, 1)[0];
|
|
131
|
+
r && (n.splice(t, 0, r), Y.value = t, B("cardHeaderOrder", n));
|
|
132
|
+
}
|
|
133
|
+
function Q() {
|
|
134
|
+
Y.value = null;
|
|
135
|
+
}
|
|
136
|
+
function Te(e) {
|
|
137
|
+
X.value = X.value === e ? null : e;
|
|
138
|
+
}
|
|
139
|
+
function $(e) {
|
|
140
|
+
if (X.value === null) return;
|
|
141
|
+
let t = X.value + e;
|
|
142
|
+
if (t < 0 || t >= L.value.cardHeaderOrder.length) return;
|
|
143
|
+
let n = [...L.value.cardHeaderOrder], r = n[X.value];
|
|
144
|
+
n[X.value] = n[t], n[t] = r, B("cardHeaderOrder", n), X.value = t;
|
|
145
|
+
}
|
|
146
|
+
function Ee() {
|
|
147
|
+
localStorage.removeItem(R.value), L.value = z(), I("change", L.value);
|
|
148
|
+
}
|
|
149
|
+
return h(_e), (n, r) => {
|
|
150
|
+
let i = y("tooltip");
|
|
151
|
+
return g(), s(t, {
|
|
152
|
+
open: p.open,
|
|
153
|
+
title: "Lista beállítások",
|
|
154
|
+
position: F.position,
|
|
155
|
+
onClose: r[16] ||= (e) => I("close")
|
|
156
|
+
}, {
|
|
157
|
+
default: x(() => [u("div", te, [
|
|
158
|
+
u("div", ne, [r[19] ||= u("h4", { class: "table-options__title" }, "Megjelenés", -1), u("ul", re, [u("li", {
|
|
159
|
+
class: "table-options__item",
|
|
160
|
+
onClick: r[1] ||= (e) => U("compact"),
|
|
161
|
+
title: "A sorok közötti térköz csökkentése"
|
|
162
|
+
}, [u("span", {
|
|
163
|
+
class: m(["c-checkbox", { "c-checkbox--checked": L.value.compact }]),
|
|
164
|
+
onClick: r[0] ||= C((e) => U("compact"), ["stop"])
|
|
165
|
+
}, null, 2), r[17] ||= u("span", null, "Kompakt", -1)]), u("li", {
|
|
166
|
+
class: "table-options__item",
|
|
167
|
+
onClick: r[3] ||= (e) => U("striped"),
|
|
168
|
+
title: "A páros sorok háttere kicsit sötétebb (csak táblázat nézetben)"
|
|
169
|
+
}, [u("span", {
|
|
170
|
+
class: m(["c-checkbox", { "c-checkbox--checked": L.value.striped }]),
|
|
171
|
+
onClick: r[2] ||= C((e) => U("striped"), ["stop"])
|
|
172
|
+
}, null, 2), r[18] ||= u("span", null, "Sávos (striped)", -1)])])]),
|
|
173
|
+
u("div", ie, [u("h4", ae, [r[20] ||= d(" Elrendezés ", -1), u("span", oe, "— " + b(L.value.layout === "screen" ? "Auto" : L.value.layout === "table" ? "Táblázat" : "Kártyák"), 1)]), u("div", se, [
|
|
174
|
+
u("button", {
|
|
175
|
+
class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "screen" }]),
|
|
176
|
+
title: "Kijelző méretéhez igazodó elrendezés",
|
|
177
|
+
onClick: r[4] ||= (e) => B("layout", "screen")
|
|
178
|
+
}, [...r[21] ||= [u("i", { class: "fa-solid fa-display" }, null, -1)]], 2),
|
|
179
|
+
u("button", {
|
|
180
|
+
class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "table" }]),
|
|
181
|
+
title: "Táblázat nézet",
|
|
182
|
+
onClick: r[5] ||= (e) => B("layout", "table")
|
|
183
|
+
}, [...r[22] ||= [u("i", { class: "fa-solid fa-table-list" }, null, -1)]], 2),
|
|
184
|
+
u("button", {
|
|
185
|
+
class: m(["layout-switch__btn", { "layout-switch__btn--active": L.value.layout === "cards" }]),
|
|
186
|
+
title: "Kártya nézet",
|
|
187
|
+
onClick: r[6] ||= (e) => B("layout", "cards")
|
|
188
|
+
}, [...r[23] ||= [u("i", { class: "fa-solid fa-list" }, null, -1)]], 2)
|
|
189
|
+
])]),
|
|
190
|
+
u("div", ce, [
|
|
191
|
+
S((g(), l("h4", le, [...r[24] ||= [d(" Kártya fejléc ", -1), u("i", { class: "fa-regular fa-question-circle" }, null, -1)]])), [[i, "Kártya nézetben, a sorok fejlécén megjelenő oszlopok"]]),
|
|
192
|
+
u("ul", ue, [(g(!0), l(a, null, v(K.value, (e, t) => (g(), l("li", {
|
|
193
|
+
key: "ch-" + e.property,
|
|
194
|
+
class: m(["table-options__item", {
|
|
195
|
+
"table-options__item--disabled": e.primary,
|
|
196
|
+
"table-options__item--selected": p.orderable && X.value === t,
|
|
197
|
+
"table-options__item--dragging": p.orderable && Y.value === t
|
|
198
|
+
}]),
|
|
199
|
+
draggable: p.orderable,
|
|
200
|
+
onDragstart: C((e) => p.orderable && Ce(t), ["stop"]),
|
|
201
|
+
onDragover: C((e) => p.orderable && we(e, t), ["prevent"]),
|
|
202
|
+
onDrop: r[7] ||= C(() => {}, ["prevent"]),
|
|
203
|
+
onDragend: r[8] ||= (e) => p.orderable && Q(),
|
|
204
|
+
onClick: C((n) => p.orderable ? Te(t) : !e.primary && H(e.property), ["prevent"])
|
|
205
|
+
}, [p.orderable ? (g(), l("i", fe)) : c("", !0), u("span", {
|
|
206
|
+
class: "table-options__toggle",
|
|
207
|
+
onClick: C((t) => !e.primary && H(e.property), ["stop"])
|
|
208
|
+
}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.cardHeaderColumns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, pe)], 42, de))), 128))]),
|
|
209
|
+
p.orderable && X.value !== null ? (g(), l("div", me, [u("button", {
|
|
210
|
+
class: "table-options__move-btn",
|
|
211
|
+
disabled: X.value === 0,
|
|
212
|
+
onClick: r[9] ||= (e) => $(-1)
|
|
213
|
+
}, [...r[25] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, he), u("button", {
|
|
214
|
+
class: "table-options__move-btn",
|
|
215
|
+
disabled: X.value === K.value.length - 1,
|
|
216
|
+
onClick: r[10] ||= (e) => $(1)
|
|
217
|
+
}, [...r[26] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, w)])) : c("", !0)
|
|
218
|
+
]),
|
|
219
|
+
u("div", T, [
|
|
220
|
+
r[29] ||= u("h4", { class: "table-options__title" }, "Oszlopok", -1),
|
|
221
|
+
u("ul", E, [(g(!0), l(a, null, v(G.value, (e, t) => (g(), l("li", {
|
|
222
|
+
key: e.property,
|
|
223
|
+
class: m(["table-options__item", {
|
|
224
|
+
"table-options__item--disabled": e.primary,
|
|
225
|
+
"table-options__item--selected": p.orderable && J.value === t,
|
|
226
|
+
"table-options__item--dragging": p.orderable && q.value === t
|
|
227
|
+
}]),
|
|
228
|
+
draggable: p.orderable,
|
|
229
|
+
onDragstart: C((e) => p.orderable && ye(t), ["stop"]),
|
|
230
|
+
onDragover: C((e) => p.orderable && be(e, t), ["prevent"]),
|
|
231
|
+
onDrop: r[11] ||= C(() => {}, ["prevent"]),
|
|
232
|
+
onDragend: r[12] ||= (e) => p.orderable && xe(),
|
|
233
|
+
onClick: C((n) => p.orderable ? Se(t) : !e.primary && V(e.property), ["prevent"])
|
|
234
|
+
}, [p.orderable ? (g(), l("i", O)) : c("", !0), u("span", {
|
|
235
|
+
class: "table-options__toggle",
|
|
236
|
+
onClick: C((t) => !e.primary && V(e.property), ["stop"])
|
|
237
|
+
}, [u("span", { class: m(["c-checkbox", { "c-checkbox--checked": L.value.columns[e.property] }]) }, null, 2), u("span", null, b(e.label), 1)], 8, k)], 42, D))), 128))]),
|
|
238
|
+
p.orderable && J.value !== null ? (g(), l("div", A, [u("button", {
|
|
239
|
+
class: "table-options__move-btn",
|
|
240
|
+
disabled: J.value === 0,
|
|
241
|
+
onClick: r[13] ||= (e) => Z(-1)
|
|
242
|
+
}, [...r[27] ||= [u("i", { class: "fa-solid fa-arrow-up" }, null, -1)]], 8, j), u("button", {
|
|
243
|
+
class: "table-options__move-btn",
|
|
244
|
+
disabled: J.value === G.value.length - 1,
|
|
245
|
+
onClick: r[14] ||= (e) => Z(1)
|
|
246
|
+
}, [...r[28] ||= [u("i", { class: "fa-solid fa-arrow-down" }, null, -1)]], 8, M)])) : c("", !0)
|
|
247
|
+
])
|
|
248
|
+
]), u("div", N, [f(e, {
|
|
249
|
+
icon: "fa-solid fa-triangle-exclamation",
|
|
250
|
+
disabled: !ge.value,
|
|
251
|
+
label: "Alapértelmezés visszaállítása",
|
|
252
|
+
size: "small",
|
|
253
|
+
onClick: Ee
|
|
254
|
+
}, null, 8, ["disabled"]), f(e, {
|
|
255
|
+
label: "OK",
|
|
256
|
+
onClick: r[15] ||= (e) => I("close")
|
|
257
|
+
})])]),
|
|
258
|
+
_: 1
|
|
259
|
+
}, 8, ["open", "position"]);
|
|
260
|
+
};
|
|
261
|
+
}
|
|
262
|
+
});
|
|
263
|
+
//#endregion
|
|
264
|
+
export { P as default };
|
|
@@ -1,112 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"aria-label": "Pagination"
|
|
7
|
-
}, _ = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "c-paginator__ellipsis"
|
|
10
|
-
}, v = ["onClick"], y = { class: "c-paginator__size" }, b = ["value"], x = ["value"], S = [
|
|
11
|
-
10,
|
|
12
|
-
25,
|
|
13
|
-
50,
|
|
14
|
-
100
|
|
15
|
-
], C = "pagesize-";
|
|
16
|
-
function w(e) {
|
|
17
|
-
try {
|
|
18
|
-
let t = localStorage.getItem(C + e);
|
|
19
|
-
if (t) {
|
|
20
|
-
let e = Number(t);
|
|
21
|
-
if (e > 0) return e;
|
|
22
|
-
}
|
|
23
|
-
} catch {}
|
|
24
|
-
return 25;
|
|
25
|
-
}
|
|
26
|
-
function T(e) {
|
|
27
|
-
return {
|
|
28
|
-
total: 0,
|
|
29
|
-
page: 1,
|
|
30
|
-
pageSize: w(e)
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
var E = /*@__PURE__*/ o({
|
|
34
|
-
__name: "DataPaginator",
|
|
35
|
-
props: {
|
|
36
|
-
settings: {},
|
|
37
|
-
storageKey: {}
|
|
38
|
-
},
|
|
39
|
-
emits: ["update:pagination"],
|
|
40
|
-
setup(o, { emit: w }) {
|
|
41
|
-
let T = o, E = w;
|
|
42
|
-
function D(e) {
|
|
43
|
-
try {
|
|
44
|
-
localStorage.setItem(C + T.storageKey, String(e));
|
|
45
|
-
} catch {}
|
|
46
|
-
}
|
|
47
|
-
let O = n(() => Math.max(1, Math.ceil(T.settings.total / T.settings.pageSize))), k = n(() => T.settings.total === 0 ? 0 : (T.settings.page - 1) * T.settings.pageSize + 1), A = n(() => Math.min(T.settings.page * T.settings.pageSize, T.settings.total)), j = n(() => {
|
|
48
|
-
let e = O.value, t = T.settings.page, n = [];
|
|
49
|
-
if (e <= 7) {
|
|
50
|
-
for (let t = 1; t <= e; t++) n.push(t);
|
|
51
|
-
return n;
|
|
52
|
-
}
|
|
53
|
-
n.push(1), t > 3 && n.push("...");
|
|
54
|
-
let r = Math.max(2, t - 1), i = Math.min(e - 1, t + 1);
|
|
55
|
-
for (let e = r; e <= i; e++) n.push(e);
|
|
56
|
-
return t < e - 2 && n.push("..."), n.push(e), n;
|
|
57
|
-
});
|
|
58
|
-
function M(e) {
|
|
59
|
-
let t = T.settings.page, n = O.value, r = e === 1 || e === n, i = e === t;
|
|
60
|
-
return t > 3 && t < n - 2 && !r && !i;
|
|
61
|
-
}
|
|
62
|
-
function N(e) {
|
|
63
|
-
e < 1 || e > O.value || e === T.settings.page || E("update:pagination", {
|
|
64
|
-
page: e,
|
|
65
|
-
pageSize: T.settings.pageSize
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
function P(e) {
|
|
69
|
-
let t = Number(e.target.value);
|
|
70
|
-
D(t), E("update:pagination", {
|
|
71
|
-
page: 1,
|
|
72
|
-
pageSize: t
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
return (n, C) => (c(), r("div", d, [i("div", f, [
|
|
76
|
-
i("div", p, [i("span", m, u(k.value) + "–" + u(A.value), 1), i("span", h, " / " + u(o.settings.total), 1)]),
|
|
77
|
-
i("nav", g, [
|
|
78
|
-
a(e, {
|
|
79
|
-
icon: "fa-solid fa-chevron-left",
|
|
80
|
-
rel: "prev",
|
|
81
|
-
disabled: o.settings.page <= 1,
|
|
82
|
-
callback: () => N(o.settings.page - 1)
|
|
83
|
-
}, null, 8, ["disabled", "callback"]),
|
|
84
|
-
(c(!0), r(t, null, l(j.value, (e, n) => (c(), r(t, { key: n }, [e === "..." ? (c(), r("span", _, "…")) : (c(), r("button", {
|
|
85
|
-
key: 1,
|
|
86
|
-
type: "button",
|
|
87
|
-
class: s(["c-paginator__page", {
|
|
88
|
-
"is-active": e === o.settings.page,
|
|
89
|
-
"is-hidden-sm": M(e)
|
|
90
|
-
}]),
|
|
91
|
-
onClick: (t) => N(e)
|
|
92
|
-
}, u(e), 11, v))], 64))), 128)),
|
|
93
|
-
a(e, {
|
|
94
|
-
icon: "fa-solid fa-chevron-right",
|
|
95
|
-
rel: "next",
|
|
96
|
-
disabled: o.settings.page >= O.value,
|
|
97
|
-
callback: () => N(o.settings.page + 1)
|
|
98
|
-
}, null, 8, ["disabled", "callback"])
|
|
99
|
-
]),
|
|
100
|
-
i("div", y, [i("select", {
|
|
101
|
-
class: "c-paginator__select",
|
|
102
|
-
value: o.settings.pageSize,
|
|
103
|
-
onChange: P
|
|
104
|
-
}, [(c(), r(t, null, l(S, (e) => i("option", {
|
|
105
|
-
key: e,
|
|
106
|
-
value: e
|
|
107
|
-
}, u(e) + " elem / oldal", 9, x)), 64))], 40, b)])
|
|
108
|
-
])]));
|
|
109
|
-
}
|
|
110
|
-
});
|
|
1
|
+
import './src/styles/components/data-table/data-list-options.scss_vue_type_style_index_0_src_true_lang.css';
|
|
2
|
+
import e from "./admins-components66.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/data-table/DataListOptions.vue
|
|
5
|
+
var t = e;
|
|
111
6
|
//#endregion
|
|
112
|
-
export {
|
|
7
|
+
export { t as default };
|