admins-components 9.0.7 → 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 -60
- 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 -8
- 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 +11 -24
- 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 -7
- package/dist/admins-components13.js +145 -5
- package/dist/admins-components130.js +7 -73
- package/dist/admins-components131.js +71 -26
- 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 -29
- package/dist/admins-components136.js +31 -3
- package/dist/admins-components137.js +3 -179
- 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 -137
- 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 +1748 -24628
- 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} +3 -3
- 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 -250
- package/dist/admins-components99.js +250 -25
- package/dist/base.css +1 -1
- package/dist/src/components/Button.vue.d.ts +1 -2
- package/dist/src/components/DatePicker.vue.d.ts +2 -0
- package/dist/src/components/DropdownMenu.vue.d.ts +2 -0
- package/package.json +1 -1
- 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
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
import { formatDate as e, parseDate as t } from "./admins-components3.js";
|
|
2
|
+
import n from "./admins-components6.js";
|
|
3
|
+
import { calendarConfigDefaults as r } from "./admins-components7.js";
|
|
4
|
+
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as ee, defineComponent as u, nextTick as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, resolveDirective as te, toDisplayString as g, unref as _, useTemplateRef as v, watch as ne, withDirectives as re } from "vue";
|
|
5
|
+
//#region src/components/Calendar.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var ie = { class: "dp-calendar ac-component" }, ae = { class: "dp-header" }, oe = ["aria-label"], se = { class: "dp-header-labels" }, y = ["aria-label", "aria-hidden"], ce = ["onClick"], le = {
|
|
7
|
+
key: 1,
|
|
8
|
+
class: "dp-picker-grid dp-month-picker dp-picker-grid--3col"
|
|
9
|
+
}, ue = ["onClick"], b = {
|
|
10
|
+
key: 0,
|
|
11
|
+
class: "dp-weekday dp-weekday--week"
|
|
12
|
+
}, de = ["disabled", "onClick"], fe = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "c-footer"
|
|
15
|
+
}, pe = { class: "dp-time-inputs" }, me = ["value", "disabled"], he = ["value", "disabled"], x = /* @__PURE__ */ u({
|
|
16
|
+
__name: "Calendar",
|
|
17
|
+
props: {
|
|
18
|
+
modelValue: {},
|
|
19
|
+
config: { default: () => ({ ...r }) }
|
|
20
|
+
},
|
|
21
|
+
emits: ["update:modelValue", "confirm"],
|
|
22
|
+
setup(u, { emit: x }) {
|
|
23
|
+
let S = u, C = x, w = a(() => ({
|
|
24
|
+
...r,
|
|
25
|
+
...S.config
|
|
26
|
+
})), T = a(() => w.value.format ?? (w.value.showTime ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD"));
|
|
27
|
+
function E(e) {
|
|
28
|
+
return e ? t(e, T.value) : null;
|
|
29
|
+
}
|
|
30
|
+
let D = E(S.modelValue), O = m(D?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()), k = m(D?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()), A = m(D), j = m(D?.getHours() ?? 0), M = m(D?.getMinutes() ?? 0), N = m(null);
|
|
31
|
+
ne(() => S.modelValue, (e) => {
|
|
32
|
+
let t = E(e ?? null);
|
|
33
|
+
t ? (A.value = t, O.value = t.getMonth(), k.value = t.getFullYear(), j.value = t.getHours(), M.value = t.getMinutes()) : A.value = null;
|
|
34
|
+
});
|
|
35
|
+
let P = a(() => Array.from({ length: 7 }, (e, t) => new Date(2024, 0, t + 1).toLocaleDateString(w.value.locale, { weekday: "narrow" }))), F = a(() => new Date(k.value, O.value).toLocaleDateString(w.value.locale, { month: "long" })), I = a(() => Array.from({ length: 12 }, (e, t) => new Date(2024, t).toLocaleDateString(w.value.locale, { month: "long" }))), L = a(() => {
|
|
36
|
+
let e = new Date(k.value, O.value, 1), t = new Date(k.value, O.value + 1, 0), n = (e.getDay() + 6) % 7, r = [];
|
|
37
|
+
for (let e = n - 1; e >= 0; e--) r.push({
|
|
38
|
+
date: new Date(k.value, O.value, -e),
|
|
39
|
+
currentMonth: !1,
|
|
40
|
+
disabled: V(new Date(k.value, O.value, -e))
|
|
41
|
+
});
|
|
42
|
+
for (let e = 1; e <= t.getDate(); e++) r.push({
|
|
43
|
+
date: new Date(k.value, O.value, e),
|
|
44
|
+
currentMonth: !0,
|
|
45
|
+
disabled: V(new Date(k.value, O.value, e))
|
|
46
|
+
});
|
|
47
|
+
for (let e = 1; r.length < 35; e++) r.push({
|
|
48
|
+
date: new Date(k.value, O.value + 1, e),
|
|
49
|
+
currentMonth: !1,
|
|
50
|
+
disabled: V(new Date(k.value, O.value + 1, e))
|
|
51
|
+
});
|
|
52
|
+
return r;
|
|
53
|
+
});
|
|
54
|
+
function R(e) {
|
|
55
|
+
let t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())), n = (t.getUTCDay() + 6) % 7;
|
|
56
|
+
t.setUTCDate(t.getUTCDate() - n + 3);
|
|
57
|
+
let r = new Date(Date.UTC(t.getUTCFullYear(), 0, 4)), i = (t.getTime() - r.getTime()) / 864e5;
|
|
58
|
+
return 1 + Math.round((i - 3 + (r.getUTCDay() + 6) % 7) / 7);
|
|
59
|
+
}
|
|
60
|
+
let z = a(() => {
|
|
61
|
+
let e = [];
|
|
62
|
+
for (let t = 0; t < 6; t++) {
|
|
63
|
+
let n = L.value[t * 7]?.date;
|
|
64
|
+
e.push(n ? R(n) : 0);
|
|
65
|
+
}
|
|
66
|
+
return e;
|
|
67
|
+
});
|
|
68
|
+
function B(e) {
|
|
69
|
+
return new Date(e.getFullYear(), e.getMonth(), e.getDate());
|
|
70
|
+
}
|
|
71
|
+
function V(e) {
|
|
72
|
+
return w.value.minDate && e < B(w.value.minDate) || w.value.maxDate && e > B(w.value.maxDate) || !1;
|
|
73
|
+
}
|
|
74
|
+
function ge(e) {
|
|
75
|
+
return e.getDay() === 0 || e.getDay() === 6;
|
|
76
|
+
}
|
|
77
|
+
function H(e, t) {
|
|
78
|
+
return !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
|
|
79
|
+
}
|
|
80
|
+
function _e(e) {
|
|
81
|
+
return H(e, /* @__PURE__ */ new Date());
|
|
82
|
+
}
|
|
83
|
+
function U(e) {
|
|
84
|
+
let t = new Date(k.value, O.value + e, 1);
|
|
85
|
+
k.value = t.getFullYear(), O.value = t.getMonth();
|
|
86
|
+
}
|
|
87
|
+
function W() {
|
|
88
|
+
N.value = null;
|
|
89
|
+
}
|
|
90
|
+
function ve() {
|
|
91
|
+
N.value ? W() : U(-1);
|
|
92
|
+
}
|
|
93
|
+
function ye() {
|
|
94
|
+
N.value ? W() : U(1);
|
|
95
|
+
}
|
|
96
|
+
let be = a(() => Array.from({ length: (/* @__PURE__ */ new Date()).getFullYear() + 3 - 2e3 + 1 }, (e, t) => 2e3 + t)), G = v("yearPickerRef");
|
|
97
|
+
function K(e) {
|
|
98
|
+
N.value = N.value === e ? null : e, N.value === "year" && d(() => {
|
|
99
|
+
let e = G.value, t = e?.querySelector(".dp-picker-item--selected");
|
|
100
|
+
t && e ? e.scrollTop = t.offsetTop - e.offsetHeight / 2 + t.offsetHeight / 2 : e && (e.scrollTop = e.scrollHeight);
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
function xe(e) {
|
|
104
|
+
k.value = e, N.value = null;
|
|
105
|
+
}
|
|
106
|
+
function Se(e) {
|
|
107
|
+
O.value = e, N.value = null;
|
|
108
|
+
}
|
|
109
|
+
function Ce(e) {
|
|
110
|
+
e.disabled || (A.value = new Date(e.date), q(), w.value.showTime && d(() => Z.value?.focus()));
|
|
111
|
+
}
|
|
112
|
+
function q() {
|
|
113
|
+
if (!A.value) {
|
|
114
|
+
C("update:modelValue", null);
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
let t = new Date(A.value);
|
|
118
|
+
w.value.showTime ? t.setHours(j.value, M.value, 0, 0) : t.setHours(0, 0, 0, 0), C("update:modelValue", e(t, T.value));
|
|
119
|
+
}
|
|
120
|
+
function we() {
|
|
121
|
+
A.value = null, j.value = 0, M.value = 0, C("update:modelValue", null);
|
|
122
|
+
}
|
|
123
|
+
function J(e, t) {
|
|
124
|
+
return a({
|
|
125
|
+
get: () => String(t.value).padStart(2, "0"),
|
|
126
|
+
set: (n) => {
|
|
127
|
+
t.value = Math.min(e, Math.max(0, parseInt(n) || 0));
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
let Y = J(23, j), X = J(59, M), Z = v("hoursInput"), Q = v("minutesInput");
|
|
132
|
+
function $(e, t) {
|
|
133
|
+
let n = t.target;
|
|
134
|
+
e === "hours" ? (Y.value = n.value, n.value.length >= 2 && (Q.value?.focus(), Q.value?.select())) : (X.value = n.value, n.value.length >= 2 && n.blur()), q();
|
|
135
|
+
}
|
|
136
|
+
return (e, t) => {
|
|
137
|
+
let r = te("tooltip");
|
|
138
|
+
return p(), c("div", ie, [l("div", ae, [
|
|
139
|
+
l("button", {
|
|
140
|
+
class: "dp-nav-btn",
|
|
141
|
+
type: "button",
|
|
142
|
+
"aria-label": N.value ? "Back to days" : "Previous",
|
|
143
|
+
onClick: ve
|
|
144
|
+
}, [...t[7] ||= [l("i", { class: "fa-solid fa-chevron-left" }, null, -1)]], 8, oe),
|
|
145
|
+
l("div", se, [l("span", {
|
|
146
|
+
class: "dp-header-labels--item",
|
|
147
|
+
onClick: t[0] ||= (e) => K("year")
|
|
148
|
+
}, g(k.value), 1), l("span", {
|
|
149
|
+
class: "dp-header-labels--item",
|
|
150
|
+
onClick: t[1] ||= (e) => K("month")
|
|
151
|
+
}, g(F.value), 1)]),
|
|
152
|
+
l("button", {
|
|
153
|
+
class: f(["dp-nav-btn", { "dp-nav-btn--spacer": N.value !== null }]),
|
|
154
|
+
type: "button",
|
|
155
|
+
"aria-label": N.value ? "Back to days" : "Next",
|
|
156
|
+
"aria-hidden": N.value ? "true" : "false",
|
|
157
|
+
onClick: ye
|
|
158
|
+
}, [...t[8] ||= [l("i", { class: "fa-solid fa-chevron-right" }, null, -1)]], 10, y)
|
|
159
|
+
]), l("div", { class: f(["dp-body", { "dp-body--has-footer": w.value.showTime || w.value.showOkButton || w.value.showClearButton }]) }, [N.value === "year" ? (p(), c("div", {
|
|
160
|
+
key: 0,
|
|
161
|
+
ref_key: "yearPickerRef",
|
|
162
|
+
ref: G,
|
|
163
|
+
class: "dp-picker-grid dp-picker-grid--4col dp-picker-grid--scrollable c-scroll"
|
|
164
|
+
}, [(p(!0), c(i, null, h(be.value, (e) => (p(), c("button", {
|
|
165
|
+
key: e,
|
|
166
|
+
type: "button",
|
|
167
|
+
class: f(["dp-picker-item", {
|
|
168
|
+
"dp-picker-item--selected": e === k.value,
|
|
169
|
+
"dp-picker-item--today": e === (/* @__PURE__ */ new Date()).getFullYear()
|
|
170
|
+
}]),
|
|
171
|
+
onClick: (t) => xe(e)
|
|
172
|
+
}, g(e), 11, ce))), 128))], 512)) : N.value === "month" ? (p(), c("div", le, [(p(!0), c(i, null, h(I.value, (e, t) => (p(), c("button", {
|
|
173
|
+
key: t,
|
|
174
|
+
type: "button",
|
|
175
|
+
class: f(["dp-picker-item", {
|
|
176
|
+
"dp-picker-item--selected": t === O.value,
|
|
177
|
+
"dp-picker-item--today": t === (/* @__PURE__ */ new Date()).getMonth() && k.value === (/* @__PURE__ */ new Date()).getFullYear()
|
|
178
|
+
}]),
|
|
179
|
+
onClick: (e) => Se(t)
|
|
180
|
+
}, g(e), 11, ue))), 128))])) : (p(), c(i, { key: 2 }, [
|
|
181
|
+
l("div", { class: f(["dp-weekdays", { "dp-weekdays--has-week": w.value.showWeekNumber }]) }, [w.value.showWeekNumber ? (p(), c("span", b)) : s("", !0), (p(!0), c(i, null, h(P.value, (e) => (p(), c("span", {
|
|
182
|
+
key: e,
|
|
183
|
+
class: "dp-weekday"
|
|
184
|
+
}, g(e), 1))), 128))], 2),
|
|
185
|
+
l("div", { class: f(["dp-picker-grid", w.value.showWeekNumber ? "dp-picker-grid--8col" : "dp-picker-grid--7col"]) }, [(p(!0), c(i, null, h(L.value, (e, t) => (p(), c(i, { key: t }, [w.value.showWeekNumber && Number(t) % 7 == 0 ? re((p(), c("span", {
|
|
186
|
+
key: 0,
|
|
187
|
+
class: f(["dp-week-number", { "dp-week-number--other": !e.currentMonth && !L.value[Number(t) + 7]?.currentMonth }])
|
|
188
|
+
}, [ee(g(z.value[Math.floor(Number(t) / 7)]) + ". ", 1)], 2)), [[r, `${z.value[Math.floor(Number(t) / 7)]}. hét`]]) : s("", !0), l("button", {
|
|
189
|
+
type: "button",
|
|
190
|
+
class: f(["dp-picker-item dp-picker-item--circle", {
|
|
191
|
+
"dp-picker-item--other": !e.currentMonth,
|
|
192
|
+
"dp-picker-item--selected": H(e.date, A.value),
|
|
193
|
+
"dp-picker-item--today": _e(e.date),
|
|
194
|
+
"dp-picker-item--disabled": e.disabled,
|
|
195
|
+
"dp-picker-item--weekend": w.value.highlightWeekends && ge(e.date)
|
|
196
|
+
}]),
|
|
197
|
+
disabled: e.disabled,
|
|
198
|
+
onClick: (t) => Ce(e)
|
|
199
|
+
}, g(e.date.getDate()), 11, de)], 64))), 128))], 2),
|
|
200
|
+
w.value.showTime || w.value.showOkButton || w.value.showClearButton ? (p(), c("div", fe, [
|
|
201
|
+
w.value.showTime ? (p(), c(i, { key: 0 }, [t[10] ||= l("label", {
|
|
202
|
+
class: "dp-time-label",
|
|
203
|
+
for: "dp-hours"
|
|
204
|
+
}, "Idő", -1), l("div", pe, [
|
|
205
|
+
l("input", {
|
|
206
|
+
id: "dp-hours",
|
|
207
|
+
ref_key: "hoursInput",
|
|
208
|
+
ref: Z,
|
|
209
|
+
type: "number",
|
|
210
|
+
class: "c-focus dp-time-input",
|
|
211
|
+
value: _(Y),
|
|
212
|
+
disabled: !A.value,
|
|
213
|
+
min: "0",
|
|
214
|
+
max: "23",
|
|
215
|
+
onInput: t[2] ||= (e) => $("hours", e),
|
|
216
|
+
onFocus: t[3] ||= (e) => e.target.select()
|
|
217
|
+
}, null, 40, me),
|
|
218
|
+
t[9] ||= l("span", { class: "dp-time-sep" }, ":", -1),
|
|
219
|
+
l("input", {
|
|
220
|
+
id: "dp-minutes",
|
|
221
|
+
ref_key: "minutesInput",
|
|
222
|
+
ref: Q,
|
|
223
|
+
type: "number",
|
|
224
|
+
class: "c-focus dp-time-input",
|
|
225
|
+
value: _(X),
|
|
226
|
+
disabled: !A.value,
|
|
227
|
+
min: "0",
|
|
228
|
+
max: "59",
|
|
229
|
+
onInput: t[4] ||= (e) => $("minutes", e),
|
|
230
|
+
onFocus: t[5] ||= (e) => e.target.select()
|
|
231
|
+
}, null, 40, he)
|
|
232
|
+
])], 64)) : s("", !0),
|
|
233
|
+
w.value.showClearButton ? (p(), o(n, {
|
|
234
|
+
key: 1,
|
|
235
|
+
label: "Törlés",
|
|
236
|
+
onClick: we,
|
|
237
|
+
outline: "",
|
|
238
|
+
disabled: !A.value
|
|
239
|
+
}, null, 8, ["disabled"])) : s("", !0),
|
|
240
|
+
w.value.showOkButton ? (p(), o(n, {
|
|
241
|
+
key: 2,
|
|
242
|
+
label: "OK",
|
|
243
|
+
type: "success",
|
|
244
|
+
onClick: t[6] ||= (e) => C("confirm", u.modelValue),
|
|
245
|
+
disabled: !A.value
|
|
246
|
+
}, null, 8, ["disabled"])) : s("", !0)
|
|
247
|
+
])) : s("", !0)
|
|
248
|
+
], 64))], 2)]);
|
|
249
|
+
};
|
|
250
|
+
}
|
|
251
|
+
});
|
|
252
|
+
//#endregion
|
|
253
|
+
export { x as default };
|
|
@@ -1,38 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
filters: {},
|
|
8
|
-
items: {},
|
|
9
|
-
itemClass: {}
|
|
10
|
-
},
|
|
11
|
-
emits: ["remove", "openFilter"],
|
|
12
|
-
setup(a, { emit: g }) {
|
|
13
|
-
let _ = a, v = g;
|
|
14
|
-
function y(e) {
|
|
15
|
-
return _.items.find((t) => t.key === e);
|
|
16
|
-
}
|
|
17
|
-
function b(e) {
|
|
18
|
-
return y(e)?.label ?? e;
|
|
19
|
-
}
|
|
20
|
-
return (g, _) => (s(), r("div", d, [(s(!0), r(t, null, c(a.filters, (c, d) => (s(), r(t, { key: d }, [c != null && c !== "" ? (s(), r("span", {
|
|
21
|
-
key: 0,
|
|
22
|
-
class: o(["filter-tags__tag c-chip", [a.itemClass, y(d)?.displayClass]])
|
|
23
|
-
}, [i("span", {
|
|
24
|
-
class: "filter-tags__content align-center-text-fix",
|
|
25
|
-
onClick: (e) => v("openFilter", String(d))
|
|
26
|
-
}, [i("span", p, l(b(String(d))) + ":", 1), i("span", {
|
|
27
|
-
class: "filter-tags__value",
|
|
28
|
-
title: u(e)(a.items, String(d), c)
|
|
29
|
-
}, l(u(e)(a.items, String(d), c)), 9, m)], 8, f), i("button", {
|
|
30
|
-
type: "button",
|
|
31
|
-
class: "filter-tags__remove",
|
|
32
|
-
onClick: (e) => v("remove", String(d)),
|
|
33
|
-
"aria-label": "Remove filter"
|
|
34
|
-
}, [..._[0] ||= [i("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 8, h)], 2)) : n("", !0)], 64))), 128))]));
|
|
35
|
-
}
|
|
36
|
-
});
|
|
1
|
+
import './src/styles/components/data-table/data-filters.scss_vue_type_style_index_0_src_true_lang.css';
|
|
2
|
+
import "./admins-components77.js";
|
|
3
|
+
import e from "./admins-components78.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
//#region src/components/data-table/DataFilters.vue
|
|
6
|
+
var t = e;
|
|
37
7
|
//#endregion
|
|
38
|
-
export {
|
|
8
|
+
export { t as default };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { displayFilterValue as e } from "./admins-components72.js";
|
|
2
|
+
import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
|
|
3
|
+
//#region src/components/data-table/FilterTags.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var d = { class: "filter-tags ac-component gap-1" }, f = ["onClick"], p = { class: "filter-tags__key" }, m = ["title"], h = ["onClick"], g = /* @__PURE__ */ a({
|
|
5
|
+
__name: "FilterTags",
|
|
6
|
+
props: {
|
|
7
|
+
filters: {},
|
|
8
|
+
items: {},
|
|
9
|
+
itemClass: {}
|
|
10
|
+
},
|
|
11
|
+
emits: ["remove", "openFilter"],
|
|
12
|
+
setup(a, { emit: g }) {
|
|
13
|
+
let _ = a, v = g;
|
|
14
|
+
function y(e) {
|
|
15
|
+
return _.items.find((t) => t.key === e);
|
|
16
|
+
}
|
|
17
|
+
function b(e) {
|
|
18
|
+
return y(e)?.label ?? e;
|
|
19
|
+
}
|
|
20
|
+
return (g, _) => (s(), r("div", d, [(s(!0), r(t, null, c(a.filters, (c, d) => (s(), r(t, { key: d }, [c != null && c !== "" ? (s(), r("span", {
|
|
21
|
+
key: 0,
|
|
22
|
+
class: o(["filter-tags__tag c-chip", [a.itemClass, y(d)?.displayClass]])
|
|
23
|
+
}, [i("span", {
|
|
24
|
+
class: "filter-tags__content align-center-text-fix",
|
|
25
|
+
onClick: (e) => v("openFilter", String(d))
|
|
26
|
+
}, [i("span", p, l(b(String(d))) + ":", 1), i("span", {
|
|
27
|
+
class: "filter-tags__value",
|
|
28
|
+
title: u(e)(a.items, String(d), c)
|
|
29
|
+
}, l(u(e)(a.items, String(d), c)), 9, m)], 8, f), i("button", {
|
|
30
|
+
type: "button",
|
|
31
|
+
class: "filter-tags__remove",
|
|
32
|
+
onClick: (e) => v("remove", String(d)),
|
|
33
|
+
"aria-label": "Remove filter"
|
|
34
|
+
}, [..._[0] ||= [i("i", { class: "fa-solid fa-fw fa-xmark" }, null, -1)]], 8, h)], 2)) : n("", !0)], 64))), 128))]));
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
export { g as default };
|
|
@@ -1,199 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
props: {
|
|
7
|
-
open: {
|
|
8
|
-
type: Boolean,
|
|
9
|
-
default: !1
|
|
10
|
-
},
|
|
11
|
-
position: { default: "right" }
|
|
12
|
-
},
|
|
13
|
-
emits: ["close"],
|
|
14
|
-
setup(i, { emit: _ }) {
|
|
15
|
-
let v = _, y = o(null);
|
|
16
|
-
function b(e) {
|
|
17
|
-
if (!e || !y.value) return;
|
|
18
|
-
let t = y.value.querySelector(`#${e}`);
|
|
19
|
-
t && t.scrollIntoView({
|
|
20
|
-
behavior: "smooth",
|
|
21
|
-
block: "start"
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
return (o, _) => (a(), t(e, {
|
|
25
|
-
open: i.open,
|
|
26
|
-
title: "Súgó",
|
|
27
|
-
position: i.position,
|
|
28
|
-
onClose: _[8] ||= (e) => v("close")
|
|
29
|
-
}, {
|
|
30
|
-
default: s(() => [n("div", {
|
|
31
|
-
ref_key: "root",
|
|
32
|
-
ref: y,
|
|
33
|
-
class: "ac-component dl-guide"
|
|
34
|
-
}, [
|
|
35
|
-
n("section", l, [_[9] ||= n("h3", { class: "dl-guide-title" }, "Tartalom", -1), n("ul", u, [n("li", null, [n("a", {
|
|
36
|
-
href: "#",
|
|
37
|
-
class: "dl-guide-toc-link dl-guide-toc-link--primary",
|
|
38
|
-
onClick: _[0] ||= c((e) => b("layout"), ["prevent"])
|
|
39
|
-
}, "Megjelenés testreszabása"), n("ul", null, [
|
|
40
|
-
n("li", d, [n("a", {
|
|
41
|
-
href: "#",
|
|
42
|
-
class: "dl-guide-toc-link",
|
|
43
|
-
onClick: _[1] ||= c((e) => b("view"), ["prevent"])
|
|
44
|
-
}, "Nézet")]),
|
|
45
|
-
n("li", f, [n("a", {
|
|
46
|
-
href: "#",
|
|
47
|
-
class: "dl-guide-toc-link",
|
|
48
|
-
onClick: _[2] ||= c((e) => b("appearance"), ["prevent"])
|
|
49
|
-
}, "Megjelenés")]),
|
|
50
|
-
n("li", p, [n("a", {
|
|
51
|
-
href: "#",
|
|
52
|
-
class: "dl-guide-toc-link",
|
|
53
|
-
onClick: _[3] ||= c((e) => b("columns"), ["prevent"])
|
|
54
|
-
}, "Oszlopok láthatósága és sorrendje")]),
|
|
55
|
-
n("li", m, [n("a", {
|
|
56
|
-
href: "#",
|
|
57
|
-
class: "dl-guide-toc-link",
|
|
58
|
-
onClick: _[4] ||= c((e) => b("reset"), ["prevent"])
|
|
59
|
-
}, "Beállítások visszaállítása")])
|
|
60
|
-
])]), n("li", null, [n("a", {
|
|
61
|
-
href: "#",
|
|
62
|
-
class: "dl-guide-toc-link dl-guide-toc-link--primary",
|
|
63
|
-
onClick: _[5] ||= c((e) => b("filters"), ["prevent"])
|
|
64
|
-
}, "Szűrők"), n("ul", null, [n("li", h, [n("a", {
|
|
65
|
-
href: "#",
|
|
66
|
-
class: "dl-guide-toc-link",
|
|
67
|
-
onClick: _[6] ||= c((e) => b("exact-match"), ["prevent"])
|
|
68
|
-
}, "Pontos egyezés")]), n("li", g, [n("a", {
|
|
69
|
-
href: "#",
|
|
70
|
-
class: "dl-guide-toc-link",
|
|
71
|
-
onClick: _[7] ||= c((e) => b("save-filters"), ["prevent"])
|
|
72
|
-
}, "Szűrések mentése")])])])])]),
|
|
73
|
-
_[10] ||= n("hr", { class: "separator" }, null, -1),
|
|
74
|
-
_[11] ||= n("section", {
|
|
75
|
-
id: "layout",
|
|
76
|
-
class: "dl-guide-section"
|
|
77
|
-
}, [
|
|
78
|
-
n("h3", { class: "dl-guide-title" }, "A táblázat megjelenésének testreszabása"),
|
|
79
|
-
n("p", null, [
|
|
80
|
-
r(" A "),
|
|
81
|
-
n("strong", null, [n("i", { class: "fa-solid fa-gear" }), r(" Beállítások")]),
|
|
82
|
-
r(" gombra kattintva lehetőség van a tábla megjelenésének testreszabására. A beállítások az adott táblához kapcsolódóan helyi tárolóban kerülnek mentésre, így ugyanazon eszközön és böngészőben megmaradnak a következő látogatáskor is. ")
|
|
83
|
-
]),
|
|
84
|
-
n("hr", { class: "separator" }),
|
|
85
|
-
n("h4", {
|
|
86
|
-
id: "view",
|
|
87
|
-
class: "dl-guide-subtitle"
|
|
88
|
-
}, "Nézet"),
|
|
89
|
-
n("ul", null, [
|
|
90
|
-
n("li", null, [
|
|
91
|
-
n("i", { class: "fa-solid fa-display mr-1" }),
|
|
92
|
-
n("strong", null, "Kijelző méretéhez igazodó"),
|
|
93
|
-
r(" (alapértelmezett): A kijelző méretétől függően automatikusan választ a táblázat és a kártyás nézet között. ")
|
|
94
|
-
]),
|
|
95
|
-
n("li", null, [
|
|
96
|
-
n("i", { class: "fa-solid fa-table-list mr-1" }),
|
|
97
|
-
r(),
|
|
98
|
-
n("strong", null, "Táblázat:"),
|
|
99
|
-
r(" klasszikus táblázatos megjelenés ")
|
|
100
|
-
]),
|
|
101
|
-
n("li", null, [
|
|
102
|
-
n("i", { class: "fa-solid fa-list mr-1" }),
|
|
103
|
-
r(),
|
|
104
|
-
n("strong", null, "Kártyák:"),
|
|
105
|
-
r(" sorok kártyás megjelenítése, a kártya fejlécére kattintva lenyithatóak a részletes adatok. ")
|
|
106
|
-
])
|
|
107
|
-
]),
|
|
108
|
-
n("hr", { class: "separator" }),
|
|
109
|
-
n("h4", {
|
|
110
|
-
id: "appearance",
|
|
111
|
-
class: "dl-guide-subtitle"
|
|
112
|
-
}, "Megjelenés"),
|
|
113
|
-
n("ul", null, [n("li", null, [n("strong", null, "Kompakt:"), r(" A sorok közti távolság és a belső margók csökkentésével több adat jeleníthető meg egyszerre. ")]), n("li", null, [n("strong", null, "Sávos (striped):"), r(" Csak a táblázatos nézetben elérhető, minden második sor enyhe szürke hátteret kap, ezzel megkönnyítve a sorok követését. ")])]),
|
|
114
|
-
n("hr", { class: "separator" }),
|
|
115
|
-
n("h4", {
|
|
116
|
-
id: "columns",
|
|
117
|
-
class: "dl-guide-subtitle"
|
|
118
|
-
}, "Oszlopok láthatósága és sorrendje"),
|
|
119
|
-
n("ul", null, [n("li", null, [n("strong", null, "Kártya fejléc:"), r(" kártyás nézet esetén a fejlécben megjelenő mezők láthatósága és sorrendje. ")]), n("li", null, [n("strong", null, "Oszlopok:"), r(" táblázat nézetben az oszlopok láthatósága és sorrendje. ")])]),
|
|
120
|
-
n("p", null, [
|
|
121
|
-
r(" A sorrend módosítása történhet az "),
|
|
122
|
-
n("i", { class: "fa-solid fa-grip-vertical" }),
|
|
123
|
-
r(" ikonon "),
|
|
124
|
-
n("strong", { class: "nowrap" }, "drag-n-drop"),
|
|
125
|
-
r("al vagy az ikonra kattinva a megjelenő nyilak segítségével. ")
|
|
126
|
-
]),
|
|
127
|
-
n("hr", { class: "separator" }),
|
|
128
|
-
n("h4", {
|
|
129
|
-
id: "reset",
|
|
130
|
-
class: "dl-guide-subtitle"
|
|
131
|
-
}, "Beállítások visszaállítása"),
|
|
132
|
-
n("p", null, [
|
|
133
|
-
r(" Az "),
|
|
134
|
-
n("strong", null, "Alapértelmezés visszaállítása"),
|
|
135
|
-
r(" gomb visszaállítja a gyári értékeket, és törli a helyi tárolóban elmentett beállításokat. ")
|
|
136
|
-
])
|
|
137
|
-
], -1),
|
|
138
|
-
_[12] ||= n("hr", { class: "separator" }, null, -1),
|
|
139
|
-
_[13] ||= n("section", {
|
|
140
|
-
id: "filters",
|
|
141
|
-
class: "dl-guide-section"
|
|
142
|
-
}, [
|
|
143
|
-
n("h3", { class: "dl-guide-title" }, "Szűrők"),
|
|
144
|
-
n("h4", {
|
|
145
|
-
id: "exact-match",
|
|
146
|
-
class: "dl-guide-subtitle"
|
|
147
|
-
}, "Pontos egyezés"),
|
|
148
|
-
n("p", null, [
|
|
149
|
-
r(" Amennyiben a táblázhoz tartozik szabad szavas keresés, a pontos egyezés opciót használva csak azokat a találatokat kapjuk, amelyek teljes mértékben megfelelnek a keresett kifejezésnek. Pl. alap esetben "),
|
|
150
|
-
n("strong", null, [n("em", null, "\"alma\"")]),
|
|
151
|
-
r(" keresésre a "),
|
|
152
|
-
n("strong", null, [n("em", null, "\"piros alma\"")]),
|
|
153
|
-
r(", "),
|
|
154
|
-
n("strong", null, [n("em", null, "\"almafa\"")]),
|
|
155
|
-
r(", "),
|
|
156
|
-
n("strong", null, [n("em", null, "\"alma\"")]),
|
|
157
|
-
r(" vagy "),
|
|
158
|
-
n("strong", null, [n("em", null, "\"almás pite\"")]),
|
|
159
|
-
r(" is találat lehet, míg pontos egyezés esetén csak az "),
|
|
160
|
-
n("strong", null, [n("em", null, "\"alma\"")]),
|
|
161
|
-
r(" található meg. ")
|
|
162
|
-
]),
|
|
163
|
-
n("hr", { class: "separator" }),
|
|
164
|
-
n("h4", {
|
|
165
|
-
id: "save-filters",
|
|
166
|
-
class: "dl-guide-subtitle"
|
|
167
|
-
}, "Szűrések mentése"),
|
|
168
|
-
n("p", null, [
|
|
169
|
-
r(" A "),
|
|
170
|
-
n("strong", null, [n("i", { class: "fa-solid fa-sliders" }), r(" Mentett szűrők")]),
|
|
171
|
-
r("re kattintva lehetőség van elmenteni az aktuális szűrési feltételeket, így később egyetlen kattintással előhívhatja azokat. ")
|
|
172
|
-
]),
|
|
173
|
-
n("p", null, [
|
|
174
|
-
r(" A szűrési feltételek megadása után a "),
|
|
175
|
-
n("strong", null, [n("i", { class: "fa-solid fa-bookmark fa-sm" }), r(" Mentés")]),
|
|
176
|
-
r(" gomb megnyomásával elmenthető a szűrőkészlet. Az elnevezés megadása nem kötelező, csak saját magadnak szól a későbbi könnyebb azonosítás érdekében. ")
|
|
177
|
-
]),
|
|
178
|
-
n("p", null, " Ezt követően a szűrőkészlet a mentés dátumával és elnevezésével jelenik meg a mentett szűrők között. Ezekre kattintva lenyithatók a szűrőkészlet részletei. "),
|
|
179
|
-
n("p", null, "A mentett készlet jobb oldalán található 3 ikon:"),
|
|
180
|
-
n("ul", null, [
|
|
181
|
-
n("li", null, [n("i", { class: "fa-solid fa-check" }), r(": ikonra kattintva tölthetők be a készletek. Megnyomásakor a szűrési feltételek automatikusan kitöltődnek az elmentett értékekkel. ")]),
|
|
182
|
-
n("li", null, [n("span", { class: "c-indicator" }, "?"), r(": azt mutatja, hogy hány szűrési feltétel van a készletben. ")]),
|
|
183
|
-
n("li", null, [n("i", { class: "fa-solid fa-xmark" }), r(": a mentett szűrőkészlet törlése (a művelet megerősítést kér). ")])
|
|
184
|
-
]),
|
|
185
|
-
n("p", { class: "dl-guide-note" }, [
|
|
186
|
-
r("Táblázatonként maximum "),
|
|
187
|
-
n("strong", null, "20"),
|
|
188
|
-
r(" készlet menthető el.")
|
|
189
|
-
]),
|
|
190
|
-
n("p", null, " A lista alján található \"Összes törlése\" gombbal törölhető a táblához tartozó minden elmentett szűrőkészlet. "),
|
|
191
|
-
n("p", { class: "dl-guide-note" }, [n("strong", null, "Fontos:"), r(" a beállítások és a szűrők is csak böngészőben (localStorage) kerülnek tárolásra, ezért más eszközön vagy böngészőben nem lesznek elérhetőek. ")])
|
|
192
|
-
], -1)
|
|
193
|
-
], 512)]),
|
|
194
|
-
_: 1
|
|
195
|
-
}, 8, ["open", "position"]));
|
|
196
|
-
}
|
|
197
|
-
});
|
|
1
|
+
import './src/styles/components/data-table/filter-tags.scss_vue_type_style_index_0_src_true_lang.css';
|
|
2
|
+
import e from "./admins-components81.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/data-table/FilterTags.vue
|
|
5
|
+
var t = e;
|
|
198
6
|
//#endregion
|
|
199
|
-
export {
|
|
7
|
+
export { t as default };
|