vue-efko-data-view 1.0.5 → 1.0.6
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/data-view.es.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as P, computed as
|
|
1
|
+
import { defineComponent as P, computed as _, resolveComponent as S, createBlock as D, openBlock as i, withCtx as v, createVNode as E, createCommentVNode as N, createElementBlock as k, Fragment as O, renderList as G, normalizeStyle as ie, createTextVNode as R, toDisplayString as z, unref as j, h as J, createSlots as ae, createElementVNode as L, renderSlot as U, ref as T, onMounted as K, onBeforeUnmount as ye, watch as F, normalizeClass as $e, mergeProps as de, resolveDynamicComponent as ge, reactive as ce, normalizeProps as te, guardReactiveProps as ne } from "vue";
|
|
2
2
|
import { isEqual as oe } from "lodash";
|
|
3
3
|
import fe from "@formkit/auto-animate";
|
|
4
4
|
import { theme as ve, Empty as Ve } from "efko-ui-library";
|
|
5
5
|
import { CheckCircleTwoTone as pe, EyeOutlined as be, EditOutlined as Ce, RedoOutlined as Ae, DeleteOutlined as ke, AppstoreOutlined as Se, PicCenterOutlined as De } from "@ant-design/icons-vue";
|
|
6
6
|
import Ie from "@vueform/multiselect";
|
|
7
|
-
const Me =
|
|
7
|
+
const Me = /* @__PURE__ */ P({
|
|
8
8
|
__name: "FilterTagCloud",
|
|
9
9
|
props: {
|
|
10
10
|
filters: {}
|
|
11
11
|
},
|
|
12
12
|
emits: ["update:filters", "remove", "clear"],
|
|
13
13
|
setup(e, { emit: w }) {
|
|
14
|
-
const n = e, l = w, { token: m } = ve.useToken(), f =
|
|
14
|
+
const n = e, l = w, { token: m } = ve.useToken(), f = _(() => ({
|
|
15
15
|
color: m.value.colorSelectedMenu,
|
|
16
16
|
borderColor: m.value.colorBorderSecondary,
|
|
17
17
|
backgroundColor: m.value.mainBgColor || m.value.colorPrimaryBg
|
|
18
|
-
})), g = (s) => s == null ? !1 : Array.isArray(s) ? s.length > 0 : !!s, y =
|
|
19
|
-
function
|
|
18
|
+
})), g = (s) => s == null ? !1 : Array.isArray(s) ? s.length > 0 : !!s, y = _(() => Object.values(n.filters).some(g));
|
|
19
|
+
function C(s) {
|
|
20
20
|
return typeof s == "object" && s !== null && "name" in s && typeof s.name == "string";
|
|
21
21
|
}
|
|
22
22
|
const p = (s) => {
|
|
@@ -42,7 +42,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
42
42
|
original: s
|
|
43
43
|
};
|
|
44
44
|
}
|
|
45
|
-
if (
|
|
45
|
+
if (C(s)) {
|
|
46
46
|
const t = s.name;
|
|
47
47
|
return {
|
|
48
48
|
key: t,
|
|
@@ -58,10 +58,10 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
58
58
|
};
|
|
59
59
|
}, c = (s) => s == null ? [] : Array.isArray(s) ? s.map((h) => p(h)) : [
|
|
60
60
|
p(s)
|
|
61
|
-
],
|
|
61
|
+
], A = (s, h) => typeof s == "string" || typeof h == "string" ? s === h : JSON.stringify(s) === JSON.stringify(h), I = (s, h, t) => {
|
|
62
62
|
if (Array.isArray(h)) {
|
|
63
63
|
const r = h.filter(
|
|
64
|
-
(d) => !
|
|
64
|
+
(d) => !A(d, t)
|
|
65
65
|
);
|
|
66
66
|
l("update:filters", {
|
|
67
67
|
...n.filters,
|
|
@@ -77,35 +77,45 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
77
77
|
l("update:filters", {}), l("clear");
|
|
78
78
|
};
|
|
79
79
|
return (s, h) => {
|
|
80
|
-
const t = S("a-tag"), r = S("a-button");
|
|
81
|
-
return i(),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
80
|
+
const t = S("a-tag"), r = S("a-flex"), d = S("a-button");
|
|
81
|
+
return i(), D(r, {
|
|
82
|
+
align: "center",
|
|
83
|
+
wrap: "wrap",
|
|
84
|
+
class: "tag-cloud"
|
|
85
|
+
}, {
|
|
86
|
+
default: v(() => [
|
|
87
|
+
E(r, { wrap: "wrap" }, {
|
|
88
|
+
default: v(() => [
|
|
89
|
+
(i(!0), k(O, null, G(Object.entries(e.filters), ([a, b]) => (i(), k(O, { key: a }, [
|
|
90
|
+
(i(!0), k(O, null, G(c(b), (M) => (i(), D(t, {
|
|
91
|
+
key: M.key,
|
|
92
|
+
class: "filter-tag",
|
|
93
|
+
closable: !0,
|
|
94
|
+
style: ie(f.value),
|
|
95
|
+
onClose: () => I(a, b, M.original)
|
|
96
|
+
}, {
|
|
97
|
+
default: v(() => [
|
|
98
|
+
R(z(M.label), 1)
|
|
99
|
+
]),
|
|
100
|
+
_: 2
|
|
101
|
+
}, 1032, ["style", "onClose"]))), 128))
|
|
102
|
+
], 64))), 128))
|
|
103
|
+
]),
|
|
104
|
+
_: 1
|
|
105
|
+
}),
|
|
106
|
+
y.value ? (i(), D(d, {
|
|
107
|
+
key: 0,
|
|
108
|
+
type: "link",
|
|
109
|
+
onClick: V
|
|
110
|
+
}, {
|
|
111
|
+
default: v(() => [...h[0] || (h[0] = [
|
|
112
|
+
R(" Очистить все ", -1)
|
|
113
|
+
])]),
|
|
114
|
+
_: 1
|
|
115
|
+
})) : N("", !0)
|
|
97
116
|
]),
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
type: "link",
|
|
101
|
-
onClick: V
|
|
102
|
-
}, {
|
|
103
|
-
default: k(() => [...h[0] || (h[0] = [
|
|
104
|
-
R(" Очистить все ", -1)
|
|
105
|
-
])]),
|
|
106
|
-
_: 1
|
|
107
|
-
})) : N("", !0)
|
|
108
|
-
]);
|
|
117
|
+
_: 1
|
|
118
|
+
});
|
|
109
119
|
};
|
|
110
120
|
}
|
|
111
121
|
}), X = (e, w) => {
|
|
@@ -113,13 +123,13 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
113
123
|
for (const [l, m] of w)
|
|
114
124
|
n[l] = m;
|
|
115
125
|
return n;
|
|
116
|
-
},
|
|
126
|
+
}, Be = /* @__PURE__ */ X(Me, [["__scopeId", "data-v-65fd3cb0"]]), xe = { class: "flex items-center justify-center text-lg" }, re = /* @__PURE__ */ P({
|
|
117
127
|
__name: "TableCellStatus",
|
|
118
128
|
props: {
|
|
119
129
|
value: {}
|
|
120
130
|
},
|
|
121
131
|
setup(e) {
|
|
122
|
-
return (w, n) => (i(),
|
|
132
|
+
return (w, n) => (i(), k("div", xe, [
|
|
123
133
|
e.value ? (i(), D(j(pe), {
|
|
124
134
|
key: 1,
|
|
125
135
|
"two-tone-color": "#bfbfbf"
|
|
@@ -129,7 +139,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
129
139
|
}))
|
|
130
140
|
]));
|
|
131
141
|
}
|
|
132
|
-
}),
|
|
142
|
+
}), Fe = { class: "flex items-center justify-center gap-2" }, _e = /* @__PURE__ */ P({
|
|
133
143
|
__name: "CardCellActions",
|
|
134
144
|
props: {
|
|
135
145
|
record: {},
|
|
@@ -138,31 +148,31 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
138
148
|
},
|
|
139
149
|
emits: ["edit", "delete", "restore"],
|
|
140
150
|
setup(e, { emit: w }) {
|
|
141
|
-
const n = e, l = w, m = n.canEdit ?? !0, f = n.editAction ?? !0, g = (p) => l("delete", p), y = (p) => l("restore", p),
|
|
151
|
+
const n = e, l = w, m = n.canEdit ?? !0, f = n.editAction ?? !0, g = (p) => l("delete", p), y = (p) => l("restore", p), C = (p) => l("edit", p);
|
|
142
152
|
return (p, c) => {
|
|
143
|
-
const
|
|
144
|
-
return i(),
|
|
153
|
+
const A = S("a-button"), I = S("a-tooltip");
|
|
154
|
+
return i(), k("div", Fe, [
|
|
145
155
|
j(m) === !1 ? (i(), D(I, {
|
|
146
156
|
key: 0,
|
|
147
157
|
title: "Смотреть"
|
|
148
158
|
}, {
|
|
149
|
-
default:
|
|
150
|
-
E(
|
|
159
|
+
default: v(() => [
|
|
160
|
+
E(A, {
|
|
151
161
|
icon: J(j(be)),
|
|
152
|
-
onClick: c[0] || (c[0] = (V) =>
|
|
162
|
+
onClick: c[0] || (c[0] = (V) => C(e.record))
|
|
153
163
|
}, null, 8, ["icon"])
|
|
154
164
|
]),
|
|
155
165
|
_: 1
|
|
156
166
|
})) : N("", !0),
|
|
157
|
-
j(m) !== !1 ? (i(),
|
|
167
|
+
j(m) !== !1 ? (i(), k(O, { key: 1 }, [
|
|
158
168
|
j(f) !== !1 ? (i(), D(I, {
|
|
159
169
|
key: 0,
|
|
160
170
|
title: "Редактировать"
|
|
161
171
|
}, {
|
|
162
|
-
default:
|
|
163
|
-
E(
|
|
172
|
+
default: v(() => [
|
|
173
|
+
E(A, {
|
|
164
174
|
icon: J(j(Ce)),
|
|
165
|
-
onClick: c[1] || (c[1] = (V) =>
|
|
175
|
+
onClick: c[1] || (c[1] = (V) => C(e.record))
|
|
166
176
|
}, null, 8, ["icon"])
|
|
167
177
|
]),
|
|
168
178
|
_: 1
|
|
@@ -170,8 +180,8 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
170
180
|
E(I, {
|
|
171
181
|
title: e.record.deletedAt ? "Восстановить" : "Удалить"
|
|
172
182
|
}, {
|
|
173
|
-
default:
|
|
174
|
-
E(
|
|
183
|
+
default: v(() => [
|
|
184
|
+
E(A, {
|
|
175
185
|
icon: J(e.record.deletedAt ? j(Ae) : j(ke)),
|
|
176
186
|
onClick: c[2] || (c[2] = (V) => e.record.deletedAt ? y(e.record) : g(e.record))
|
|
177
187
|
}, null, 8, ["icon"])
|
|
@@ -182,10 +192,10 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
182
192
|
]);
|
|
183
193
|
};
|
|
184
194
|
}
|
|
185
|
-
}),
|
|
195
|
+
}), Le = { class: "data-card__header" }, Te = { class: "data-card__body" }, Oe = { class: "data-card__label" }, Ue = { class: "data-card__value" }, je = { key: 0 }, Re = { key: 2 }, Pe = { key: 3 }, Ne = { key: 4 }, ze = { key: 5 }, Ge = {
|
|
186
196
|
key: 0,
|
|
187
197
|
class: "data-card__footer"
|
|
188
|
-
},
|
|
198
|
+
}, He = /* @__PURE__ */ P({
|
|
189
199
|
__name: "TheCard",
|
|
190
200
|
props: {
|
|
191
201
|
loading: { type: Boolean },
|
|
@@ -208,10 +218,10 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
208
218
|
}, f = (t) => t == null ? !0 : typeof t == "string" ? t.trim().length === 0 : !1, g = (t) => t == null ? "" : typeof t == "string" ? t.trim() : typeof t == "object" ? m(t) : String(t), y = (t) => {
|
|
209
219
|
const r = l(t);
|
|
210
220
|
return Array.isArray(r) ? r.map((d) => g(d)).filter((d) => d.trim().length > 0) : [];
|
|
211
|
-
},
|
|
221
|
+
}, C = (t) => y(t).map((r, d) => ({
|
|
212
222
|
key: `${r}-${d}`,
|
|
213
223
|
label: r
|
|
214
|
-
})), p = w, c = n.canEdit ?? !0,
|
|
224
|
+
})), p = w, c = n.canEdit ?? !0, A = n.editAction ?? !0, I = n.showActionsColumn ?? !0, V = (t) => p("delete", t), s = (t) => p("restore", t), h = (t) => p("edit", t);
|
|
215
225
|
return (t, r) => {
|
|
216
226
|
const d = S("a-tag"), a = S("a-card");
|
|
217
227
|
return i(), D(a, {
|
|
@@ -219,59 +229,59 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
219
229
|
bordered: !1,
|
|
220
230
|
class: "data-card bg-white rounded-3 shadow-sm"
|
|
221
231
|
}, ae({
|
|
222
|
-
title:
|
|
223
|
-
L("div",
|
|
232
|
+
title: v(() => [
|
|
233
|
+
L("div", Le, [
|
|
224
234
|
U(t.$slots, "title", {}, void 0, !0)
|
|
225
235
|
])
|
|
226
236
|
]),
|
|
227
|
-
default:
|
|
228
|
-
L("div",
|
|
237
|
+
default: v(() => [
|
|
238
|
+
L("div", Te, [
|
|
229
239
|
U(t.$slots, "body", {
|
|
230
240
|
record: e.record,
|
|
231
241
|
columns: e.columns
|
|
232
242
|
}, () => [
|
|
233
|
-
(i(!0),
|
|
234
|
-
key:
|
|
243
|
+
(i(!0), k(O, null, G(e.columns, (b) => (i(), k("div", {
|
|
244
|
+
key: b.dataIndex,
|
|
235
245
|
class: "data-card__row"
|
|
236
246
|
}, [
|
|
237
|
-
L("span",
|
|
238
|
-
L("span",
|
|
239
|
-
|
|
247
|
+
L("span", Oe, z(b.title) + ": ", 1),
|
|
248
|
+
L("span", Ue, [
|
|
249
|
+
b.dataIndex === "deletedAt" ? (i(), k("span", je, [
|
|
240
250
|
E(re, {
|
|
241
251
|
value: e.record.deletedAt
|
|
242
252
|
}, null, 8, ["value"])
|
|
243
|
-
])) : Array.isArray(l(
|
|
244
|
-
|
|
245
|
-
key:
|
|
253
|
+
])) : Array.isArray(l(b)) ? (i(), k(O, { key: 1 }, [
|
|
254
|
+
b.tag === !0 ? (i(!0), k(O, { key: 0 }, G(C(b), (M) => (i(), D(d, {
|
|
255
|
+
key: M.key,
|
|
246
256
|
class: "mr-1 mb-1"
|
|
247
257
|
}, {
|
|
248
|
-
default:
|
|
249
|
-
R(z(
|
|
258
|
+
default: v(() => [
|
|
259
|
+
R(z(M.label), 1)
|
|
250
260
|
]),
|
|
251
261
|
_: 2
|
|
252
|
-
}, 1024))), 128)) : (i(!0),
|
|
253
|
-
R(z(
|
|
254
|
-
u < y(
|
|
262
|
+
}, 1024))), 128)) : (i(!0), k(O, { key: 1 }, G(y(b), (M, u) => (i(), k("span", { key: u }, [
|
|
263
|
+
R(z(M) + " ", 1),
|
|
264
|
+
u < y(b).length - 1 ? (i(), k(O, { key: 0 }, [
|
|
255
265
|
R(" , ")
|
|
256
266
|
], 64)) : N("", !0)
|
|
257
267
|
]))), 128))
|
|
258
|
-
], 64)) : typeof l(
|
|
268
|
+
], 64)) : typeof l(b) == "boolean" ? (i(), k("span", Re, [
|
|
259
269
|
E(re, {
|
|
260
|
-
value: !l(
|
|
270
|
+
value: !l(b)
|
|
261
271
|
}, null, 8, ["value"])
|
|
262
|
-
])) : l(
|
|
263
|
-
f(l(
|
|
264
|
-
default:
|
|
265
|
-
R(z(l(
|
|
272
|
+
])) : l(b) !== null && typeof l(b) == "object" ? (i(), k("span", Pe, z(m(l(b))), 1)) : b.tag === !0 ? (i(), k("span", Ne, [
|
|
273
|
+
f(l(b)) ? N("", !0) : (i(), D(d, { key: 0 }, {
|
|
274
|
+
default: v(() => [
|
|
275
|
+
R(z(l(b)), 1)
|
|
266
276
|
]),
|
|
267
277
|
_: 2
|
|
268
278
|
}, 1024))
|
|
269
|
-
])) : (i(),
|
|
279
|
+
])) : (i(), k("span", ze, z(l(b)), 1))
|
|
270
280
|
])
|
|
271
281
|
]))), 128))
|
|
272
282
|
], !0)
|
|
273
283
|
]),
|
|
274
|
-
t.$slots.footer ? (i(),
|
|
284
|
+
t.$slots.footer ? (i(), k("div", Ge, [
|
|
275
285
|
U(t.$slots, "footer", {
|
|
276
286
|
record: e.record,
|
|
277
287
|
columns: e.columns
|
|
@@ -282,11 +292,11 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
282
292
|
}, [
|
|
283
293
|
j(I) ? {
|
|
284
294
|
name: "actions",
|
|
285
|
-
fn:
|
|
286
|
-
E(
|
|
295
|
+
fn: v(() => [
|
|
296
|
+
E(_e, {
|
|
287
297
|
record: e.record,
|
|
288
298
|
"can-edit": j(c),
|
|
289
|
-
"edit-action": j(
|
|
299
|
+
"edit-action": j(A),
|
|
290
300
|
onEdit: h,
|
|
291
301
|
onDelete: V,
|
|
292
302
|
onRestore: s
|
|
@@ -297,7 +307,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
297
307
|
]), 1032, ["loading"]);
|
|
298
308
|
};
|
|
299
309
|
}
|
|
300
|
-
}),
|
|
310
|
+
}), Ye = /* @__PURE__ */ X(He, [["__scopeId", "data-v-c6be2770"]]), Ze = { class: "efko-dataview" }, qe = /* @__PURE__ */ P({
|
|
301
311
|
__name: "LazyLoadTrigger",
|
|
302
312
|
props: {
|
|
303
313
|
onIntersect: {},
|
|
@@ -320,7 +330,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
320
330
|
l && l.disconnect();
|
|
321
331
|
}), (f, g) => {
|
|
322
332
|
const y = S("a-spin");
|
|
323
|
-
return i(),
|
|
333
|
+
return i(), k("div", Ze, [
|
|
324
334
|
L("div", {
|
|
325
335
|
ref_key: "container",
|
|
326
336
|
ref: n,
|
|
@@ -332,7 +342,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
332
342
|
]);
|
|
333
343
|
};
|
|
334
344
|
}
|
|
335
|
-
}),
|
|
345
|
+
}), Je = { class: "efko-dataview" }, Ke = { class: "flex flex-col gap-4" }, Xe = /* @__PURE__ */ P({
|
|
336
346
|
__name: "CardGrid",
|
|
337
347
|
props: {
|
|
338
348
|
loading: { type: Boolean },
|
|
@@ -352,9 +362,9 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
352
362
|
const c = document.querySelector(".card-grid");
|
|
353
363
|
c !== null && fe(c);
|
|
354
364
|
});
|
|
355
|
-
const m =
|
|
365
|
+
const m = _(
|
|
356
366
|
() => n.cardLayout === "row" ? "card-grid card-grid--row" : "card-grid card-grid--grid"
|
|
357
|
-
), f =
|
|
367
|
+
), f = _(() => n.columns), g = T([]), y = () => {
|
|
358
368
|
var I;
|
|
359
369
|
if (((I = n.meta) == null ? void 0 : I.currentPage) === 1) {
|
|
360
370
|
g.value = [
|
|
@@ -362,10 +372,10 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
362
372
|
];
|
|
363
373
|
return;
|
|
364
374
|
}
|
|
365
|
-
const c = new Set(g.value.map((V) => V.id)),
|
|
366
|
-
g.value.push(...
|
|
375
|
+
const c = new Set(g.value.map((V) => V.id)), A = n.dataSource.filter((V) => !c.has(V.id));
|
|
376
|
+
g.value.push(...A);
|
|
367
377
|
};
|
|
368
|
-
y(),
|
|
378
|
+
y(), F(() => {
|
|
369
379
|
var c;
|
|
370
380
|
return [
|
|
371
381
|
n.dataSource,
|
|
@@ -374,15 +384,15 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
374
384
|
}, y, {
|
|
375
385
|
deep: !0
|
|
376
386
|
});
|
|
377
|
-
const
|
|
378
|
-
n.loading ||
|
|
387
|
+
const C = _(() => n.meta === void 0 ? !0 : n.meta.currentPage * n.meta.pageSize >= n.meta.total), p = () => {
|
|
388
|
+
n.loading || C.value || !n.meta || l("pageChange", n.meta.currentPage + 1);
|
|
379
389
|
};
|
|
380
|
-
return (c,
|
|
381
|
-
L("div",
|
|
390
|
+
return (c, A) => (i(), k("div", Je, [
|
|
391
|
+
L("div", Ke, [
|
|
382
392
|
L("div", {
|
|
383
393
|
class: $e(m.value)
|
|
384
394
|
}, [
|
|
385
|
-
(i(!0),
|
|
395
|
+
(i(!0), k(O, null, G(g.value, (I, V) => (i(), D(Ye, {
|
|
386
396
|
key: String(I.id ?? `card-${V}`),
|
|
387
397
|
loading: e.loading,
|
|
388
398
|
record: I,
|
|
@@ -390,13 +400,13 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
390
400
|
"can-edit": e.canEdit,
|
|
391
401
|
"edit-action": e.editAction,
|
|
392
402
|
"show-actions-column": e.showActionsColumn,
|
|
393
|
-
onEdit:
|
|
394
|
-
onDelete:
|
|
395
|
-
onRestore:
|
|
403
|
+
onEdit: A[0] || (A[0] = (s) => l("edit", s)),
|
|
404
|
+
onDelete: A[1] || (A[1] = (s) => l("delete", s)),
|
|
405
|
+
onRestore: A[2] || (A[2] = (s) => l("restore", s))
|
|
396
406
|
}, ae({ _: 2 }, [
|
|
397
407
|
c.$slots.titleCard ? {
|
|
398
408
|
name: "title",
|
|
399
|
-
fn:
|
|
409
|
+
fn: v(() => [
|
|
400
410
|
U(c.$slots, "titleCard", {
|
|
401
411
|
record: I,
|
|
402
412
|
columns: f.value
|
|
@@ -406,7 +416,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
406
416
|
} : void 0,
|
|
407
417
|
c.$slots.bodyCard ? {
|
|
408
418
|
name: "body",
|
|
409
|
-
fn:
|
|
419
|
+
fn: v(({ record: s, columns: h }) => [
|
|
410
420
|
U(c.$slots, "bodyCard", {
|
|
411
421
|
record: s,
|
|
412
422
|
columns: h
|
|
@@ -416,7 +426,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
416
426
|
} : void 0,
|
|
417
427
|
c.$slots.footerCard ? {
|
|
418
428
|
name: "footer",
|
|
419
|
-
fn:
|
|
429
|
+
fn: v(({ record: s, columns: h }) => [
|
|
420
430
|
U(c.$slots, "footerCard", {
|
|
421
431
|
record: s,
|
|
422
432
|
columns: h
|
|
@@ -426,7 +436,7 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
426
436
|
} : void 0
|
|
427
437
|
]), 1032, ["loading", "record", "columns", "can-edit", "edit-action", "show-actions-column"]))), 128))
|
|
428
438
|
], 2),
|
|
429
|
-
e.pagination && !
|
|
439
|
+
e.pagination && !C.value ? (i(), D(qe, {
|
|
430
440
|
key: 0,
|
|
431
441
|
loading: e.loading,
|
|
432
442
|
once: !1,
|
|
@@ -435,17 +445,17 @@ const Me = { class: "flex flex-wrap tag-cloud" }, Be = { class: "flex flex-wrap"
|
|
|
435
445
|
])
|
|
436
446
|
]));
|
|
437
447
|
}
|
|
438
|
-
}),
|
|
439
|
-
var H = /* @__PURE__ */ ((e) => (e.SEARCH = "search", e.SELECT = "select", e.DATE = "date", e))(H || {}),
|
|
440
|
-
const
|
|
448
|
+
}), We = /* @__PURE__ */ X(Xe, [["__scopeId", "data-v-e3e3f0a2"]]), Qe = "10", Pt = "20", Nt = "50", zt = "100", Gt = "1000", Ht = 1, Yt = Qe;
|
|
449
|
+
var H = /* @__PURE__ */ ((e) => (e.SEARCH = "search", e.SELECT = "select", e.DATE = "date", e))(H || {}), et = /* @__PURE__ */ ((e) => (e.SMALL = "10", e.MEDIUM = "20", e.LARGE = "50", e.EXTRA_LARGE = "100", e.ULTRA = "1000", e))(et || {});
|
|
450
|
+
const Zt = [
|
|
441
451
|
"10",
|
|
442
452
|
"20",
|
|
443
453
|
"50",
|
|
444
454
|
"100"
|
|
445
455
|
/* EXTRA_LARGE */
|
|
446
456
|
];
|
|
447
|
-
var
|
|
448
|
-
const
|
|
457
|
+
var tt = /* @__PURE__ */ ((e) => (e[e.NONE = 0] = "NONE", e[e.SMALL = 10] = "SMALL", e[e.MEDIUM = 20] = "MEDIUM", e[e.LARGE = 50] = "LARGE", e))(tt || {}), nt = /* @__PURE__ */ ((e) => (e[e.DEFAULT_CURRENT_PAGE = 1] = "DEFAULT_CURRENT_PAGE", e))(nt || {}), se = /* @__PURE__ */ ((e) => (e.ASCEND = "ascend", e.DESCEND = "descend", e))(se || {}), ot = /* @__PURE__ */ ((e) => (e.ASC = "asc", e.DESC = "desc", e))(ot || {});
|
|
458
|
+
const lt = P({
|
|
449
459
|
name: "MultiselectWrapper",
|
|
450
460
|
components: { VueMultiselect: Ie },
|
|
451
461
|
props: {
|
|
@@ -459,22 +469,22 @@ const at = P({
|
|
|
459
469
|
return { simpleImage: Ve.PRESENTED_IMAGE_SIMPLE };
|
|
460
470
|
}
|
|
461
471
|
});
|
|
462
|
-
function
|
|
472
|
+
function rt(e, w, n, l, m, f) {
|
|
463
473
|
const g = S("a-empty"), y = S("VueMultiselect");
|
|
464
474
|
return i(), D(y, de(e.$attrs, {
|
|
465
475
|
class: "filter-select",
|
|
466
476
|
modelValue: e.modelValue,
|
|
467
|
-
"onUpdate:modelValue": w[0] || (w[0] = (
|
|
477
|
+
"onUpdate:modelValue": w[0] || (w[0] = (C) => e.$emit("update:modelValue", C)),
|
|
468
478
|
label: "name",
|
|
469
479
|
"value-prop": "id"
|
|
470
480
|
}), {
|
|
471
|
-
nooptions:
|
|
481
|
+
nooptions: v(() => [
|
|
472
482
|
E(g, { image: e.simpleImage }, null, 8, ["image"])
|
|
473
483
|
]),
|
|
474
484
|
_: 1
|
|
475
485
|
}, 16, ["modelValue"]);
|
|
476
486
|
}
|
|
477
|
-
const we = /* @__PURE__ */ X(
|
|
487
|
+
const we = /* @__PURE__ */ X(lt, [["render", rt], ["__scopeId", "data-v-cfb3f123"]]), at = { class: "efko-dataview" }, it = { class: "flex items-center gap-2 p-2" }, st = /* @__PURE__ */ P({
|
|
478
488
|
__name: "FilterDropdown",
|
|
479
489
|
props: {
|
|
480
490
|
placeholder: {},
|
|
@@ -483,18 +493,18 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
483
493
|
},
|
|
484
494
|
emits: ["update:modelValue", "apply"],
|
|
485
495
|
setup(e, { emit: w }) {
|
|
486
|
-
const n = e, l = w, m =
|
|
496
|
+
const n = e, l = w, m = _(() => n.filterMode === H.SEARCH ? "a-input" : n.filterMode === H.SELECT ? we : n.filterMode === H.DATE ? "a-range-picker" : null), f = T(null), g = () => {
|
|
487
497
|
l("update:modelValue", f.value), l("apply"), f.value = null;
|
|
488
498
|
};
|
|
489
|
-
return (y,
|
|
499
|
+
return (y, C) => {
|
|
490
500
|
const p = S("a-button");
|
|
491
|
-
return i(),
|
|
492
|
-
L("div",
|
|
501
|
+
return i(), k("div", at, [
|
|
502
|
+
L("div", it, [
|
|
493
503
|
(i(), D(ge(m.value), de(e.componentProps, {
|
|
494
504
|
value: f.value,
|
|
495
|
-
"onUpdate:value":
|
|
505
|
+
"onUpdate:value": C[0] || (C[0] = (c) => f.value = c),
|
|
496
506
|
modelValue: f.value,
|
|
497
|
-
"onUpdate:modelValue":
|
|
507
|
+
"onUpdate:modelValue": C[1] || (C[1] = (c) => f.value = c),
|
|
498
508
|
placeholder: e.placeholder,
|
|
499
509
|
style: { "min-width": "240px", "max-width": "300px", "font-size": "14px" },
|
|
500
510
|
object: ""
|
|
@@ -504,7 +514,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
504
514
|
size: "small",
|
|
505
515
|
onClick: g
|
|
506
516
|
}, {
|
|
507
|
-
default:
|
|
517
|
+
default: v(() => [...C[2] || (C[2] = [
|
|
508
518
|
R(" Добавить ", -1)
|
|
509
519
|
])]),
|
|
510
520
|
_: 1
|
|
@@ -513,7 +523,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
513
523
|
]);
|
|
514
524
|
};
|
|
515
525
|
}
|
|
516
|
-
}),
|
|
526
|
+
}), ut = { class: "flex items-center justify-center gap-2" }, dt = /* @__PURE__ */ P({
|
|
517
527
|
__name: "TableCellActions",
|
|
518
528
|
props: {
|
|
519
529
|
record: {},
|
|
@@ -530,30 +540,30 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
530
540
|
}, g = (y) => {
|
|
531
541
|
l("edit", y);
|
|
532
542
|
};
|
|
533
|
-
return (y,
|
|
543
|
+
return (y, C) => {
|
|
534
544
|
const p = S("a-button"), c = S("a-tooltip");
|
|
535
|
-
return i(),
|
|
545
|
+
return i(), k("div", ut, [
|
|
536
546
|
n.canEdit === !1 ? (i(), D(c, {
|
|
537
547
|
key: 0,
|
|
538
548
|
title: "Смотреть"
|
|
539
549
|
}, {
|
|
540
|
-
default:
|
|
550
|
+
default: v(() => [
|
|
541
551
|
E(p, {
|
|
542
552
|
icon: J(j(be)),
|
|
543
|
-
onClick:
|
|
553
|
+
onClick: C[0] || (C[0] = (A) => g(e.record))
|
|
544
554
|
}, null, 8, ["icon"])
|
|
545
555
|
]),
|
|
546
556
|
_: 1
|
|
547
557
|
})) : N("", !0),
|
|
548
|
-
e.canEdit !== !1 ? (i(),
|
|
558
|
+
e.canEdit !== !1 ? (i(), k(O, { key: 1 }, [
|
|
549
559
|
n.editAction !== !1 ? (i(), D(c, {
|
|
550
560
|
key: 0,
|
|
551
561
|
title: "Редактировать"
|
|
552
562
|
}, {
|
|
553
|
-
default:
|
|
563
|
+
default: v(() => [
|
|
554
564
|
E(p, {
|
|
555
565
|
icon: J(j(Ce)),
|
|
556
|
-
onClick:
|
|
566
|
+
onClick: C[1] || (C[1] = (A) => g(e.record))
|
|
557
567
|
}, null, 8, ["icon"])
|
|
558
568
|
]),
|
|
559
569
|
_: 1
|
|
@@ -562,10 +572,10 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
562
572
|
key: 1,
|
|
563
573
|
title: e.record.isDeleted ? "Восстановить" : "Удалить"
|
|
564
574
|
}, {
|
|
565
|
-
default:
|
|
575
|
+
default: v(() => [
|
|
566
576
|
E(p, {
|
|
567
577
|
icon: J(e.record.isDeleted ? j(Ae) : j(ke)),
|
|
568
|
-
onClick:
|
|
578
|
+
onClick: C[2] || (C[2] = (A) => e.record.isDeleted ? f(e.record) : m(e.record))
|
|
569
579
|
}, null, 8, ["icon"])
|
|
570
580
|
]),
|
|
571
581
|
_: 1
|
|
@@ -574,7 +584,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
574
584
|
]);
|
|
575
585
|
};
|
|
576
586
|
}
|
|
577
|
-
}),
|
|
587
|
+
}), ct = { key: 0 }, ft = { key: 1 }, mt = { key: 2 }, pt = { key: 3 }, yt = { key: 4 }, gt = { key: 5 }, vt = /* @__PURE__ */ P({
|
|
578
588
|
__name: "TableBodyCell",
|
|
579
589
|
props: {
|
|
580
590
|
loading: { type: Boolean },
|
|
@@ -583,7 +593,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
583
593
|
tagStyle: {}
|
|
584
594
|
},
|
|
585
595
|
setup(e) {
|
|
586
|
-
const w = e, n =
|
|
596
|
+
const w = e, n = _(() => w.record[String(w.column.dataIndex)]), l = (p) => p == null ? !0 : typeof p == "string" ? p.trim().length === 0 : !1, m = (p) => {
|
|
587
597
|
if (p === null || typeof p != "object")
|
|
588
598
|
return "";
|
|
589
599
|
if ("name" in p) {
|
|
@@ -591,61 +601,61 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
591
601
|
return typeof c == "string" ? c : "";
|
|
592
602
|
}
|
|
593
603
|
return "";
|
|
594
|
-
}, f = (p) => p == null ? "" : typeof p == "string" ? p.trim() : typeof p == "object" ? m(p) : String(p), g =
|
|
604
|
+
}, f = (p) => p == null ? "" : typeof p == "string" ? p.trim() : typeof p == "object" ? m(p) : String(p), g = _(() => {
|
|
595
605
|
const p = n.value;
|
|
596
606
|
return Array.isArray(p) ? p.map((c) => f(c)).filter((c) => c.trim().length > 0) : [];
|
|
597
|
-
}), y =
|
|
607
|
+
}), y = _(() => g.value.map((p, c) => ({
|
|
598
608
|
key: `${p}-${c}`,
|
|
599
609
|
label: p
|
|
600
|
-
}))),
|
|
610
|
+
}))), C = _(() => !l(n.value));
|
|
601
611
|
return (p, c) => {
|
|
602
|
-
const
|
|
603
|
-
return e.loading ? (i(), D(
|
|
612
|
+
const A = S("a-skeleton"), I = S("a-tag");
|
|
613
|
+
return e.loading ? (i(), D(A, {
|
|
604
614
|
key: 0,
|
|
605
615
|
active: !0,
|
|
606
616
|
loading: !0,
|
|
607
617
|
title: !1,
|
|
608
618
|
paragraph: { rows: 1 }
|
|
609
|
-
})) : (i(),
|
|
610
|
-
e.column.dataIndex === "isDeleted" ? (i(),
|
|
619
|
+
})) : (i(), k(O, { key: 1 }, [
|
|
620
|
+
e.column.dataIndex === "isDeleted" ? (i(), k("span", ct, [
|
|
611
621
|
E(re, {
|
|
612
622
|
value: e.record.isDeleted
|
|
613
623
|
}, null, 8, ["value"])
|
|
614
|
-
])) : Array.isArray(n.value) ? (i(),
|
|
615
|
-
e.column.tag === !0 ? (i(!0),
|
|
624
|
+
])) : Array.isArray(n.value) ? (i(), k("span", ft, [
|
|
625
|
+
e.column.tag === !0 ? (i(!0), k(O, { key: 0 }, G(y.value, (V) => (i(), D(I, {
|
|
616
626
|
key: V.key,
|
|
617
627
|
style: ie(e.tagStyle),
|
|
618
628
|
class: "mr-1 mb-1"
|
|
619
629
|
}, {
|
|
620
|
-
default:
|
|
630
|
+
default: v(() => [
|
|
621
631
|
R(z(V.label), 1)
|
|
622
632
|
]),
|
|
623
633
|
_: 2
|
|
624
|
-
}, 1032, ["style"]))), 128)) : (i(!0),
|
|
634
|
+
}, 1032, ["style"]))), 128)) : (i(!0), k(O, { key: 1 }, G(g.value, (V, s) => (i(), k("span", { key: s }, [
|
|
625
635
|
R(z(V) + " ", 1),
|
|
626
|
-
s < g.value.length - 1 ? (i(),
|
|
636
|
+
s < g.value.length - 1 ? (i(), k(O, { key: 0 }, [
|
|
627
637
|
R(", ")
|
|
628
638
|
], 64)) : N("", !0)
|
|
629
639
|
]))), 128))
|
|
630
|
-
])) : typeof n.value == "boolean" ? (i(),
|
|
640
|
+
])) : typeof n.value == "boolean" ? (i(), k("span", mt, [
|
|
631
641
|
E(re, {
|
|
632
642
|
value: !n.value
|
|
633
643
|
}, null, 8, ["value"])
|
|
634
|
-
])) : n.value !== null && typeof n.value == "object" ? (i(),
|
|
635
|
-
|
|
644
|
+
])) : n.value !== null && typeof n.value == "object" ? (i(), k("span", pt, z(m(n.value)), 1)) : e.column.tag === !0 ? (i(), k("span", yt, [
|
|
645
|
+
C.value ? (i(), D(I, {
|
|
636
646
|
key: 0,
|
|
637
647
|
style: ie(e.tagStyle)
|
|
638
648
|
}, {
|
|
639
|
-
default:
|
|
649
|
+
default: v(() => [
|
|
640
650
|
R(z(String(n.value)), 1)
|
|
641
651
|
]),
|
|
642
652
|
_: 1
|
|
643
|
-
}, 8, ["style"])) : (i(),
|
|
644
|
-
])) : (i(),
|
|
653
|
+
}, 8, ["style"])) : (i(), k(O, { key: 1 }, [], 64))
|
|
654
|
+
])) : (i(), k("span", gt, z(n.value), 1))
|
|
645
655
|
], 64));
|
|
646
656
|
};
|
|
647
657
|
}
|
|
648
|
-
}),
|
|
658
|
+
}), bt = { class: "efko-dataview" }, Ct = { class: "flex items-center justify-between" }, At = { class: "flex items-center gap-2" }, kt = /* @__PURE__ */ P({
|
|
649
659
|
__name: "TheTable",
|
|
650
660
|
props: {
|
|
651
661
|
loading: { type: Boolean },
|
|
@@ -665,20 +675,20 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
665
675
|
},
|
|
666
676
|
emits: ["update:filterValues", "filterApply", "restore", "edit", "delete", "sortChange", "pageChange", "sizeChange", "openColumnDrawer", "openFilterDrawer"],
|
|
667
677
|
setup(e, { emit: w }) {
|
|
668
|
-
const { token: n } = ve.useToken(), l = e, m = w, f =
|
|
678
|
+
const { token: n } = ve.useToken(), l = e, m = w, f = _(() => l.showFilterButton === !0), g = T(
|
|
669
679
|
l.filterValues || {}
|
|
670
680
|
), y = T([
|
|
671
681
|
...l.columns
|
|
672
|
-
]),
|
|
682
|
+
]), C = T({}), p = _(() => l.disableColumnFilterDropdowns === !0 ? [] : y.value.filter(
|
|
673
683
|
(u) => u.filterable
|
|
674
|
-
)), c =
|
|
684
|
+
)), c = _(() => {
|
|
675
685
|
const o = y.value.filter(($) => {
|
|
676
686
|
if ($.filterOnly)
|
|
677
687
|
return !1;
|
|
678
|
-
const
|
|
679
|
-
return l.columnsVisibility[
|
|
688
|
+
const x = $.key || String($.dataIndex);
|
|
689
|
+
return l.columnsVisibility[x] !== !1;
|
|
680
690
|
}).map(($) => {
|
|
681
|
-
const { headerAlign:
|
|
691
|
+
const { headerAlign: x, cellAlign: Y, ...Z } = $;
|
|
682
692
|
return {
|
|
683
693
|
...Z,
|
|
684
694
|
sorter: !!Z.sortable,
|
|
@@ -686,9 +696,9 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
686
696
|
se.ASCEND,
|
|
687
697
|
se.DESCEND
|
|
688
698
|
] : void 0,
|
|
689
|
-
customHeaderCell: () =>
|
|
699
|
+
customHeaderCell: () => x ? {
|
|
690
700
|
style: {
|
|
691
|
-
textAlign:
|
|
701
|
+
textAlign: x
|
|
692
702
|
}
|
|
693
703
|
} : void 0,
|
|
694
704
|
customCell: () => Y ? {
|
|
@@ -711,11 +721,11 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
711
721
|
customRender: "actionColumn"
|
|
712
722
|
}
|
|
713
723
|
}), o;
|
|
714
|
-
}),
|
|
724
|
+
}), A = _(
|
|
715
725
|
() => Object.keys(l.columnsVisibility).filter(
|
|
716
726
|
(u) => l.columnsVisibility[u] === !1
|
|
717
727
|
).length
|
|
718
|
-
), I =
|
|
728
|
+
), I = _(() => ({
|
|
719
729
|
color: n.value.colorSelectedMenu,
|
|
720
730
|
borderColor: n.value.colorBorderSecondary,
|
|
721
731
|
backgroundColor: n.value.mainBgColor || n.value.colorPrimaryBg
|
|
@@ -752,60 +762,60 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
752
762
|
if (o === null)
|
|
753
763
|
$[u] = null, m("filterApply", { key: u, value: [] });
|
|
754
764
|
else if (Array.isArray(o)) {
|
|
755
|
-
const
|
|
756
|
-
|
|
765
|
+
const x = o.filter((Y) => Y != null);
|
|
766
|
+
x.length === 0 ? ($[u] = null, m("filterApply", { key: u, value: [] })) : x.length === 1 && !s(x[0]) ? ($[u] = x[0], m("filterApply", { key: u, value: x })) : ($[u] = x, m("filterApply", { key: u, value: x }));
|
|
757
767
|
} else
|
|
758
768
|
$[u] = o, m("filterApply", { key: u, value: [o] });
|
|
759
|
-
m("update:filterValues", $), g.value = $,
|
|
769
|
+
m("update:filterValues", $), g.value = $, C.value[u] = null;
|
|
760
770
|
}, d = (u, o) => {
|
|
761
|
-
const $ = String(u.dataIndex),
|
|
762
|
-
if (
|
|
763
|
-
|
|
771
|
+
const $ = String(u.dataIndex), x = t(u, o);
|
|
772
|
+
if (x.length === 0) {
|
|
773
|
+
C.value[$] = null;
|
|
764
774
|
return;
|
|
765
775
|
}
|
|
766
776
|
if (!((u.filterMultiple ?? l.multiColumnFilters ?? !0) !== !1)) {
|
|
767
777
|
if (u.filterMode === H.DATE) {
|
|
768
|
-
r($,
|
|
778
|
+
r($, x);
|
|
769
779
|
return;
|
|
770
780
|
}
|
|
771
781
|
if (Array.isArray(o)) {
|
|
772
|
-
r($,
|
|
782
|
+
r($, x[x.length - 1]);
|
|
773
783
|
return;
|
|
774
784
|
}
|
|
775
|
-
r($,
|
|
785
|
+
r($, x[0]);
|
|
776
786
|
return;
|
|
777
787
|
}
|
|
778
788
|
const W = [
|
|
779
789
|
...V($)
|
|
780
790
|
];
|
|
781
791
|
let Q = !1;
|
|
782
|
-
if (
|
|
792
|
+
if (x.forEach((ee) => {
|
|
783
793
|
W.some((le) => oe(le, ee)) || (W.push(ee), Q = !0);
|
|
784
794
|
}), !Q) {
|
|
785
|
-
|
|
795
|
+
C.value[$] = null;
|
|
786
796
|
return;
|
|
787
797
|
}
|
|
788
798
|
r($, W);
|
|
789
|
-
}, a = (u) => u.isGroup ? "parent-row" : "",
|
|
799
|
+
}, a = (u) => u.isGroup ? "parent-row" : "", b = (u, o, $) => {
|
|
790
800
|
m("sortChange", {
|
|
791
801
|
columnKey: $.columnKey || "",
|
|
792
802
|
order: $.order || null
|
|
793
803
|
});
|
|
794
|
-
},
|
|
795
|
-
const $ = o.key || String(o.dataIndex),
|
|
804
|
+
}, M = (u, o) => {
|
|
805
|
+
const $ = o.key || String(o.dataIndex), x = y.value.findIndex(
|
|
796
806
|
(Y) => (Y.key || String(Y.dataIndex)) === $
|
|
797
807
|
);
|
|
798
|
-
|
|
808
|
+
x !== -1 && y.value.splice(x, 1, {
|
|
799
809
|
...o,
|
|
800
810
|
width: u
|
|
801
811
|
});
|
|
802
812
|
};
|
|
803
|
-
return
|
|
813
|
+
return F(
|
|
804
814
|
() => l.filterValues,
|
|
805
815
|
(u) => {
|
|
806
816
|
g.value = u || {};
|
|
807
817
|
}
|
|
808
|
-
),
|
|
818
|
+
), F(
|
|
809
819
|
() => l.columns,
|
|
810
820
|
(u) => {
|
|
811
821
|
y.value = [
|
|
@@ -820,8 +830,8 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
820
830
|
u !== null && fe(u);
|
|
821
831
|
}), (u, o) => {
|
|
822
832
|
var Q, ee, le, me;
|
|
823
|
-
const $ = S("Icon"),
|
|
824
|
-
return i(),
|
|
833
|
+
const $ = S("Icon"), x = S("a-button"), Y = S("a-badge"), Z = S("a-table"), W = S("a-pagination");
|
|
834
|
+
return i(), k("div", bt, [
|
|
825
835
|
E(Z, {
|
|
826
836
|
bordered: "",
|
|
827
837
|
"table-layout": "fixed",
|
|
@@ -829,26 +839,26 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
829
839
|
loading: e.loading,
|
|
830
840
|
columns: c.value,
|
|
831
841
|
"data-source": e.dataSource,
|
|
832
|
-
"row-key": (
|
|
842
|
+
"row-key": (B) => B.id,
|
|
833
843
|
pagination: !1,
|
|
834
844
|
scroll: { x: "max-content" },
|
|
835
845
|
"row-class-name": a,
|
|
836
|
-
onChange:
|
|
837
|
-
onResizeColumn:
|
|
846
|
+
onChange: b,
|
|
847
|
+
onResizeColumn: M
|
|
838
848
|
}, ae({
|
|
839
|
-
title:
|
|
840
|
-
L("div",
|
|
841
|
-
L("div",
|
|
849
|
+
title: v(() => [
|
|
850
|
+
L("div", Ct, [
|
|
851
|
+
L("div", At, [
|
|
842
852
|
E(Y, {
|
|
843
853
|
dot: "",
|
|
844
|
-
count:
|
|
854
|
+
count: A.value
|
|
845
855
|
}, {
|
|
846
|
-
default:
|
|
847
|
-
E(
|
|
856
|
+
default: v(() => [
|
|
857
|
+
E(x, {
|
|
848
858
|
class: "flex items-center justify-center p-2",
|
|
849
|
-
onClick: o[0] || (o[0] = (
|
|
859
|
+
onClick: o[0] || (o[0] = (B) => u.$emit("openColumnDrawer"))
|
|
850
860
|
}, {
|
|
851
|
-
default:
|
|
861
|
+
default: v(() => [
|
|
852
862
|
E($, {
|
|
853
863
|
name: "solar:settings-outline",
|
|
854
864
|
class: "text-lg"
|
|
@@ -859,12 +869,12 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
859
869
|
]),
|
|
860
870
|
_: 1
|
|
861
871
|
}, 8, ["count"]),
|
|
862
|
-
f.value ? (i(), D(
|
|
872
|
+
f.value ? (i(), D(x, {
|
|
863
873
|
key: 0,
|
|
864
874
|
class: "flex items-center justify-center p-2",
|
|
865
|
-
onClick: o[1] || (o[1] = (
|
|
875
|
+
onClick: o[1] || (o[1] = (B) => u.$emit("openFilterDrawer"))
|
|
866
876
|
}, {
|
|
867
|
-
default:
|
|
877
|
+
default: v(() => [
|
|
868
878
|
E($, {
|
|
869
879
|
name: "ant-design:filter-outlined",
|
|
870
880
|
class: "text-lg"
|
|
@@ -876,43 +886,43 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
876
886
|
U(u.$slots, "title")
|
|
877
887
|
])
|
|
878
888
|
]),
|
|
879
|
-
bodyCell:
|
|
889
|
+
bodyCell: v(({ column: B, record: q }) => [
|
|
880
890
|
U(u.$slots, "bodyCell", {
|
|
881
|
-
column:
|
|
891
|
+
column: B,
|
|
882
892
|
record: q
|
|
883
893
|
}, () => [
|
|
884
|
-
E(
|
|
894
|
+
E(vt, {
|
|
885
895
|
loading: e.loading,
|
|
886
|
-
column:
|
|
896
|
+
column: B,
|
|
887
897
|
record: q,
|
|
888
898
|
"tag-style": I.value
|
|
889
899
|
}, null, 8, ["loading", "column", "record", "tag-style"])
|
|
890
900
|
])
|
|
891
901
|
]),
|
|
892
|
-
actionColumn:
|
|
893
|
-
U(u.$slots, "actionColumn", { record:
|
|
894
|
-
E(
|
|
902
|
+
actionColumn: v(({ record: B }) => [
|
|
903
|
+
U(u.$slots, "actionColumn", { record: B }, () => [
|
|
904
|
+
E(dt, {
|
|
895
905
|
"edit-action": e.editAction,
|
|
896
906
|
"delete-action": e.deleteAction,
|
|
897
907
|
"can-edit": e.canEdit,
|
|
898
|
-
record:
|
|
899
|
-
onEdit: () => u.$emit("edit",
|
|
900
|
-
onDelete: () => u.$emit("delete",
|
|
901
|
-
onRestore: () => u.$emit("restore",
|
|
908
|
+
record: B,
|
|
909
|
+
onEdit: () => u.$emit("edit", B),
|
|
910
|
+
onDelete: () => u.$emit("delete", B),
|
|
911
|
+
onRestore: () => u.$emit("restore", B)
|
|
902
912
|
}, null, 8, ["edit-action", "delete-action", "can-edit", "record", "onEdit", "onDelete", "onRestore"])
|
|
903
913
|
])
|
|
904
914
|
]),
|
|
905
915
|
_: 2
|
|
906
916
|
}, [
|
|
907
|
-
G(p.value, (
|
|
908
|
-
name: `filter${String(
|
|
909
|
-
fn:
|
|
910
|
-
E(
|
|
911
|
-
modelValue:
|
|
912
|
-
"onUpdate:modelValue": [(q) =>
|
|
913
|
-
"filter-mode":
|
|
914
|
-
"component-props":
|
|
915
|
-
placeholder:
|
|
917
|
+
G(p.value, (B) => ({
|
|
918
|
+
name: `filter${String(B.dataIndex)}Dropdown`,
|
|
919
|
+
fn: v(() => [
|
|
920
|
+
E(st, {
|
|
921
|
+
modelValue: C.value[B.dataIndex],
|
|
922
|
+
"onUpdate:modelValue": [(q) => C.value[B.dataIndex] = q, (q) => d(B, q)],
|
|
923
|
+
"filter-mode": B.filterMode,
|
|
924
|
+
"component-props": B.componentProps,
|
|
925
|
+
placeholder: B.title
|
|
916
926
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "filter-mode", "component-props", "placeholder"])
|
|
917
927
|
])
|
|
918
928
|
}))
|
|
@@ -923,16 +933,16 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
923
933
|
current: (Q = e.meta) == null ? void 0 : Q.currentPage,
|
|
924
934
|
"page-size": (ee = e.meta) == null ? void 0 : ee.pageSize,
|
|
925
935
|
total: (le = e.meta) == null ? void 0 : le.total,
|
|
926
|
-
"show-total": (
|
|
936
|
+
"show-total": (B) => `Всего ${B} элементов`,
|
|
927
937
|
"page-size-options": (me = e.meta) == null ? void 0 : me.pageSizeOptions,
|
|
928
938
|
"show-size-changer": !0,
|
|
929
|
-
onChange: o[2] || (o[2] = (
|
|
930
|
-
onShowSizeChange: o[3] || (o[3] = (
|
|
939
|
+
onChange: o[2] || (o[2] = (B) => u.$emit("pageChange", B)),
|
|
940
|
+
onShowSizeChange: o[3] || (o[3] = (B, q) => u.$emit("sizeChange", B, q))
|
|
931
941
|
}, null, 8, ["current", "page-size", "total", "show-total", "page-size-options"])) : N("", !0)
|
|
932
942
|
]);
|
|
933
943
|
};
|
|
934
944
|
}
|
|
935
|
-
}),
|
|
945
|
+
}), wt = { class: "mb-4" }, Et = { class: "flex flex-col gap-1" }, ht = /* @__PURE__ */ P({
|
|
936
946
|
__name: "ColumnSettingsDrawer",
|
|
937
947
|
props: {
|
|
938
948
|
visible: { type: Boolean },
|
|
@@ -947,61 +957,61 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
947
957
|
setup(e, { emit: w }) {
|
|
948
958
|
const n = e, l = w, m = T(n.visible), f = T(n.viewMode), g = T(n.cardLayout), y = ce({
|
|
949
959
|
...n.modelValue
|
|
950
|
-
}),
|
|
951
|
-
return
|
|
960
|
+
}), C = _(() => f.value === "grid"), p = n.disableViewMode || !1;
|
|
961
|
+
return F(
|
|
952
962
|
() => n.visible,
|
|
953
963
|
(c) => {
|
|
954
964
|
m.value = c;
|
|
955
965
|
}
|
|
956
|
-
),
|
|
966
|
+
), F(m, (c) => {
|
|
957
967
|
l("update:visible", c);
|
|
958
|
-
}),
|
|
968
|
+
}), F(
|
|
959
969
|
() => n.viewMode,
|
|
960
970
|
(c) => {
|
|
961
971
|
f.value = c;
|
|
962
972
|
}
|
|
963
|
-
),
|
|
973
|
+
), F(f, (c) => {
|
|
964
974
|
l("update:viewMode", c);
|
|
965
|
-
}),
|
|
975
|
+
}), F(
|
|
966
976
|
() => n.cardLayout,
|
|
967
977
|
(c) => {
|
|
968
978
|
g.value = c;
|
|
969
979
|
}
|
|
970
|
-
),
|
|
980
|
+
), F(g, (c) => {
|
|
971
981
|
l("update:cardLayout", c);
|
|
972
|
-
}),
|
|
982
|
+
}), F(
|
|
973
983
|
() => n.modelValue,
|
|
974
984
|
(c) => Object.assign(y, c),
|
|
975
985
|
{
|
|
976
986
|
deep: !0
|
|
977
987
|
}
|
|
978
|
-
),
|
|
988
|
+
), F(y, (c) => l("update:modelValue", {
|
|
979
989
|
...c
|
|
980
990
|
}), {
|
|
981
991
|
deep: !0
|
|
982
|
-
}), n.showActionsColumn && y.actions === void 0 && (y.actions = !0), (c,
|
|
992
|
+
}), n.showActionsColumn && y.actions === void 0 && (y.actions = !0), (c, A) => {
|
|
983
993
|
const I = S("a-checkbox"), V = S("a-radio"), s = S("a-radio-group"), h = S("a-radio-button"), t = S("a-drawer");
|
|
984
994
|
return i(), D(t, {
|
|
985
995
|
open: m.value,
|
|
986
|
-
"onUpdate:open":
|
|
996
|
+
"onUpdate:open": A[2] || (A[2] = (r) => m.value = r),
|
|
987
997
|
class: "efko-dataview",
|
|
988
998
|
title: "Настройки представления",
|
|
989
999
|
placement: "right"
|
|
990
1000
|
}, {
|
|
991
|
-
default:
|
|
992
|
-
L("section",
|
|
993
|
-
|
|
994
|
-
L("div",
|
|
995
|
-
(i(!0),
|
|
1001
|
+
default: v(() => [
|
|
1002
|
+
L("section", wt, [
|
|
1003
|
+
A[3] || (A[3] = L("h3", { class: "font-bold text-base mb-2" }, "Отображение колонок", -1)),
|
|
1004
|
+
L("div", Et, [
|
|
1005
|
+
(i(!0), k(O, null, G(e.columns, (r) => (i(), k("div", {
|
|
996
1006
|
key: r.key ?? r.dataIndex
|
|
997
1007
|
}, [
|
|
998
1008
|
E(I, {
|
|
999
1009
|
checked: y[r.key ?? r.dataIndex],
|
|
1000
1010
|
"onUpdate:checked": (d) => y[r.key ?? r.dataIndex] = d,
|
|
1001
|
-
disabled:
|
|
1011
|
+
disabled: C.value,
|
|
1002
1012
|
class: "flex"
|
|
1003
1013
|
}, {
|
|
1004
|
-
default:
|
|
1014
|
+
default: v(() => [
|
|
1005
1015
|
R(z(r.title), 1)
|
|
1006
1016
|
]),
|
|
1007
1017
|
_: 2
|
|
@@ -1010,23 +1020,23 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1010
1020
|
])
|
|
1011
1021
|
]),
|
|
1012
1022
|
L("section", null, [
|
|
1013
|
-
|
|
1023
|
+
A[8] || (A[8] = L("h3", { class: "font-bold text-base mb-2" }, "Вид", -1)),
|
|
1014
1024
|
E(s, {
|
|
1015
1025
|
value: f.value,
|
|
1016
|
-
"onUpdate:value":
|
|
1026
|
+
"onUpdate:value": A[0] || (A[0] = (r) => f.value = r),
|
|
1017
1027
|
"button-style": "solid",
|
|
1018
1028
|
class: "mb-3",
|
|
1019
1029
|
disabled: j(p)
|
|
1020
1030
|
}, {
|
|
1021
|
-
default:
|
|
1031
|
+
default: v(() => [
|
|
1022
1032
|
E(V, { value: "table" }, {
|
|
1023
|
-
default:
|
|
1033
|
+
default: v(() => [...A[4] || (A[4] = [
|
|
1024
1034
|
R("Таблица", -1)
|
|
1025
1035
|
])]),
|
|
1026
1036
|
_: 1
|
|
1027
1037
|
}),
|
|
1028
1038
|
E(V, { value: "grid" }, {
|
|
1029
|
-
default:
|
|
1039
|
+
default: v(() => [...A[5] || (A[5] = [
|
|
1030
1040
|
R("Карточки", -1)
|
|
1031
1041
|
])]),
|
|
1032
1042
|
_: 1
|
|
@@ -1036,22 +1046,22 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1036
1046
|
}, 8, ["value", "disabled"]),
|
|
1037
1047
|
E(s, {
|
|
1038
1048
|
value: g.value,
|
|
1039
|
-
"onUpdate:value":
|
|
1049
|
+
"onUpdate:value": A[1] || (A[1] = (r) => g.value = r),
|
|
1040
1050
|
"button-style": "solid",
|
|
1041
|
-
disabled: !
|
|
1051
|
+
disabled: !C.value
|
|
1042
1052
|
}, {
|
|
1043
|
-
default:
|
|
1053
|
+
default: v(() => [
|
|
1044
1054
|
E(h, { value: "grid" }, {
|
|
1045
|
-
default:
|
|
1055
|
+
default: v(() => [
|
|
1046
1056
|
E(j(Se), { class: "mr-2" }),
|
|
1047
|
-
|
|
1057
|
+
A[6] || (A[6] = R("Сетка ", -1))
|
|
1048
1058
|
]),
|
|
1049
1059
|
_: 1
|
|
1050
1060
|
}),
|
|
1051
1061
|
E(h, { value: "row" }, {
|
|
1052
|
-
default:
|
|
1062
|
+
default: v(() => [
|
|
1053
1063
|
E(j(De), { class: "mr-2" }),
|
|
1054
|
-
|
|
1064
|
+
A[7] || (A[7] = R("Строка ", -1))
|
|
1055
1065
|
]),
|
|
1056
1066
|
_: 1
|
|
1057
1067
|
})
|
|
@@ -1074,19 +1084,19 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1074
1084
|
},
|
|
1075
1085
|
emits: ["update:modelValue"],
|
|
1076
1086
|
setup(e, { emit: w }) {
|
|
1077
|
-
const n = e, l = w, m =
|
|
1078
|
-
return
|
|
1087
|
+
const n = e, l = w, m = _(() => n.filterMode === H.SEARCH ? "a-input" : n.filterMode === H.SELECT ? we : n.filterMode === H.DATE ? "a-range-picker" : "a-input"), f = T(n.modelValue);
|
|
1088
|
+
return F(() => n.modelValue, (g) => {
|
|
1079
1089
|
f.value = g;
|
|
1080
|
-
}),
|
|
1090
|
+
}), F(f, (g) => l("update:modelValue", g)), (g, y) => (i(), D(ge(m.value), de(e.componentProps, {
|
|
1081
1091
|
value: f.value,
|
|
1082
|
-
"onUpdate:value": y[0] || (y[0] = (
|
|
1092
|
+
"onUpdate:value": y[0] || (y[0] = (C) => f.value = C),
|
|
1083
1093
|
modelValue: f.value,
|
|
1084
|
-
"onUpdate:modelValue": y[1] || (y[1] = (
|
|
1094
|
+
"onUpdate:modelValue": y[1] || (y[1] = (C) => f.value = C),
|
|
1085
1095
|
placeholder: e.placeholder,
|
|
1086
1096
|
class: "w-full text-sm"
|
|
1087
1097
|
}), null, 16, ["value", "modelValue", "placeholder"]));
|
|
1088
1098
|
}
|
|
1089
|
-
}),
|
|
1099
|
+
}), $t = { class: "text-sm font-medium" }, Vt = { class: "mt-2 flex flex-col gap-2" }, St = /* @__PURE__ */ P({
|
|
1090
1100
|
__name: "CardFiltersDrawer",
|
|
1091
1101
|
props: {
|
|
1092
1102
|
visible: { type: Boolean },
|
|
@@ -1109,24 +1119,24 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1109
1119
|
return d();
|
|
1110
1120
|
}
|
|
1111
1121
|
return String(t);
|
|
1112
|
-
},
|
|
1122
|
+
}, C = (t, r) => {
|
|
1113
1123
|
if (r !== void 0)
|
|
1114
1124
|
return t.filterMode === H.DATE && Array.isArray(r) && r.length === 2 ? [[y(r[0]), y(r[1])]] : r;
|
|
1115
|
-
}, p = (t) => Array.isArray(t) ? t : t != null ? [t] : [], c = (t) => t == null ? !0 : Array.isArray(t) ? t.length === 0 : typeof t == "string" ? t.trim() === "" : !1,
|
|
1125
|
+
}, p = (t) => Array.isArray(t) ? t : t != null ? [t] : [], c = (t) => t == null ? !0 : Array.isArray(t) ? t.length === 0 : typeof t == "string" ? t.trim() === "" : !1, A = _(() => n.columns.filter((t) => t.filterable)), I = _(() => Object.keys(f).some(
|
|
1116
1126
|
(t) => !oe(f[t], n.filterValues[t])
|
|
1117
1127
|
)), V = (t) => {
|
|
1118
1128
|
Object.keys(f).forEach((r) => {
|
|
1119
1129
|
delete f[r];
|
|
1120
1130
|
}), Object.assign(f, t);
|
|
1121
1131
|
};
|
|
1122
|
-
|
|
1132
|
+
F(
|
|
1123
1133
|
() => n.visible,
|
|
1124
1134
|
(t) => {
|
|
1125
1135
|
m.value = t, t && V(n.filterValues);
|
|
1126
1136
|
}
|
|
1127
|
-
),
|
|
1137
|
+
), F(m, (t) => {
|
|
1128
1138
|
l("update:visible", t);
|
|
1129
|
-
}),
|
|
1139
|
+
}), F(
|
|
1130
1140
|
() => n.filterValues,
|
|
1131
1141
|
(t) => {
|
|
1132
1142
|
V(t);
|
|
@@ -1140,7 +1150,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1140
1150
|
...n.filterValues
|
|
1141
1151
|
};
|
|
1142
1152
|
Object.entries(f).forEach(([r, d]) => {
|
|
1143
|
-
const a = n.columns.find((
|
|
1153
|
+
const a = n.columns.find((M) => String(g(M)) === r), b = a ? C(a, d) : d;
|
|
1144
1154
|
if (c(d)) {
|
|
1145
1155
|
t[r] = null, l("filterApply", {
|
|
1146
1156
|
key: r,
|
|
@@ -1148,9 +1158,9 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1148
1158
|
});
|
|
1149
1159
|
return;
|
|
1150
1160
|
}
|
|
1151
|
-
t[r] =
|
|
1161
|
+
t[r] = b, l("filterApply", {
|
|
1152
1162
|
key: r,
|
|
1153
|
-
value: p(
|
|
1163
|
+
value: p(b)
|
|
1154
1164
|
});
|
|
1155
1165
|
}), l("update:filterValues", t), m.value = !1;
|
|
1156
1166
|
}, h = () => {
|
|
@@ -1162,33 +1172,33 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1162
1172
|
const d = S("a-button"), a = S("a-drawer");
|
|
1163
1173
|
return i(), D(a, {
|
|
1164
1174
|
open: m.value,
|
|
1165
|
-
"onUpdate:open": r[0] || (r[0] = (
|
|
1175
|
+
"onUpdate:open": r[0] || (r[0] = (b) => m.value = b),
|
|
1166
1176
|
class: "efko-dataview",
|
|
1167
1177
|
placement: "right",
|
|
1168
1178
|
width: "360",
|
|
1169
1179
|
title: "Фильтры",
|
|
1170
1180
|
"body-style": "padding: 24px"
|
|
1171
1181
|
}, {
|
|
1172
|
-
default:
|
|
1173
|
-
(i(!0),
|
|
1174
|
-
key: g(
|
|
1182
|
+
default: v(() => [
|
|
1183
|
+
(i(!0), k(O, null, G(A.value, (b) => (i(), k("section", {
|
|
1184
|
+
key: g(b),
|
|
1175
1185
|
class: "mb-4 flex flex-col gap-2"
|
|
1176
1186
|
}, [
|
|
1177
|
-
L("span",
|
|
1187
|
+
L("span", $t, z(b.title), 1),
|
|
1178
1188
|
E(Ee, {
|
|
1179
|
-
modelValue: f[g(
|
|
1180
|
-
"onUpdate:modelValue": (
|
|
1181
|
-
"filter-mode":
|
|
1182
|
-
"component-props":
|
|
1183
|
-
placeholder:
|
|
1189
|
+
modelValue: f[g(b)],
|
|
1190
|
+
"onUpdate:modelValue": (M) => f[g(b)] = M,
|
|
1191
|
+
"filter-mode": b.filterMode,
|
|
1192
|
+
"component-props": b.componentProps,
|
|
1193
|
+
placeholder: b.title
|
|
1184
1194
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "filter-mode", "component-props", "placeholder"])
|
|
1185
1195
|
]))), 128)),
|
|
1186
|
-
L("div",
|
|
1196
|
+
L("div", Vt, [
|
|
1187
1197
|
E(d, {
|
|
1188
1198
|
block: "",
|
|
1189
1199
|
onClick: h
|
|
1190
1200
|
}, {
|
|
1191
|
-
default:
|
|
1201
|
+
default: v(() => [...r[1] || (r[1] = [
|
|
1192
1202
|
R(" Сбросить ", -1)
|
|
1193
1203
|
])]),
|
|
1194
1204
|
_: 1
|
|
@@ -1199,7 +1209,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1199
1209
|
disabled: !I.value,
|
|
1200
1210
|
onClick: s
|
|
1201
1211
|
}, {
|
|
1202
|
-
default:
|
|
1212
|
+
default: v(() => [...r[2] || (r[2] = [
|
|
1203
1213
|
R(" Применить ", -1)
|
|
1204
1214
|
])]),
|
|
1205
1215
|
_: 1
|
|
@@ -1210,7 +1220,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1210
1220
|
}, 8, ["open"]);
|
|
1211
1221
|
};
|
|
1212
1222
|
}
|
|
1213
|
-
}),
|
|
1223
|
+
}), Dt = /* @__PURE__ */ X(St, [["__scopeId", "data-v-c29393f2"]]), It = { class: "text-sm font-medium" }, Mt = /* @__PURE__ */ P({
|
|
1214
1224
|
__name: "CardFiltersModal",
|
|
1215
1225
|
props: {
|
|
1216
1226
|
visible: { type: Boolean },
|
|
@@ -1233,26 +1243,26 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1233
1243
|
return d();
|
|
1234
1244
|
}
|
|
1235
1245
|
return String(t);
|
|
1236
|
-
},
|
|
1246
|
+
}, C = (t, r) => {
|
|
1237
1247
|
if (r !== void 0)
|
|
1238
1248
|
return t.filterMode === H.DATE && Array.isArray(r) && r.length === 2 ? [[y(r[0]), y(r[1])]] : r;
|
|
1239
|
-
}, p = (t) => Array.isArray(t) ? t : t != null ? [t] : [], c = (t) => t == null ? !0 : Array.isArray(t) ? t.length === 0 : typeof t == "string" ? t.trim() === "" : !1,
|
|
1249
|
+
}, p = (t) => Array.isArray(t) ? t : t != null ? [t] : [], c = (t) => t == null ? !0 : Array.isArray(t) ? t.length === 0 : typeof t == "string" ? t.trim() === "" : !1, A = _(
|
|
1240
1250
|
() => n.columns.filter((t) => t.filterable)
|
|
1241
|
-
), I =
|
|
1251
|
+
), I = _(() => Object.keys(f).some(
|
|
1242
1252
|
(t) => !oe(f[t], n.filterValues[t])
|
|
1243
1253
|
)), V = (t) => {
|
|
1244
1254
|
Object.keys(f).forEach((r) => {
|
|
1245
1255
|
delete f[r];
|
|
1246
1256
|
}), Object.assign(f, t);
|
|
1247
1257
|
};
|
|
1248
|
-
|
|
1258
|
+
F(
|
|
1249
1259
|
() => n.visible,
|
|
1250
1260
|
(t) => {
|
|
1251
1261
|
m.value = t, t && V(n.filterValues);
|
|
1252
1262
|
}
|
|
1253
|
-
),
|
|
1263
|
+
), F(m, (t) => {
|
|
1254
1264
|
l("update:visible", t);
|
|
1255
|
-
}),
|
|
1265
|
+
}), F(
|
|
1256
1266
|
() => n.filterValues,
|
|
1257
1267
|
(t) => {
|
|
1258
1268
|
V(t);
|
|
@@ -1266,7 +1276,7 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1266
1276
|
...n.filterValues
|
|
1267
1277
|
};
|
|
1268
1278
|
Object.entries(f).forEach(([r, d]) => {
|
|
1269
|
-
const a = n.columns.find((
|
|
1279
|
+
const a = n.columns.find((M) => String(g(M)) === r), b = a ? C(a, d) : d;
|
|
1270
1280
|
if (c(d)) {
|
|
1271
1281
|
t[r] = null, l("filterApply", {
|
|
1272
1282
|
key: r,
|
|
@@ -1274,9 +1284,9 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1274
1284
|
});
|
|
1275
1285
|
return;
|
|
1276
1286
|
}
|
|
1277
|
-
t[r] =
|
|
1287
|
+
t[r] = b, l("filterApply", {
|
|
1278
1288
|
key: r,
|
|
1279
|
-
value: p(
|
|
1289
|
+
value: p(b)
|
|
1280
1290
|
});
|
|
1281
1291
|
}), l("update:filterValues", t), m.value = !1;
|
|
1282
1292
|
}, h = () => {
|
|
@@ -1296,15 +1306,15 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1296
1306
|
onOk: s,
|
|
1297
1307
|
onCancel: h
|
|
1298
1308
|
}, {
|
|
1299
|
-
default:
|
|
1300
|
-
(i(!0),
|
|
1309
|
+
default: v(() => [
|
|
1310
|
+
(i(!0), k(O, null, G(A.value, (a) => (i(), k("section", {
|
|
1301
1311
|
key: g(a),
|
|
1302
1312
|
class: "mb-4 flex flex-col gap-2"
|
|
1303
1313
|
}, [
|
|
1304
|
-
L("span",
|
|
1314
|
+
L("span", It, z(a.title), 1),
|
|
1305
1315
|
E(Ee, {
|
|
1306
1316
|
modelValue: f[g(a)],
|
|
1307
|
-
"onUpdate:modelValue": (
|
|
1317
|
+
"onUpdate:modelValue": (b) => f[g(a)] = b,
|
|
1308
1318
|
"filter-mode": a.filterMode,
|
|
1309
1319
|
"component-props": a.componentProps,
|
|
1310
1320
|
placeholder: a.title
|
|
@@ -1315,9 +1325,9 @@ const we = /* @__PURE__ */ X(at, [["render", it], ["__scopeId", "data-v-cfb3f123
|
|
|
1315
1325
|
}, 8, ["visible", "ok-button-props"]);
|
|
1316
1326
|
};
|
|
1317
1327
|
}
|
|
1318
|
-
}),
|
|
1328
|
+
}), Bt = /* @__PURE__ */ X(Mt, [["__scopeId", "data-v-4171d5f0"]]);
|
|
1319
1329
|
var ue = /* @__PURE__ */ ((e) => (e.Table = "table", e.Grid = "grid", e))(ue || {}), he = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.Row = "row", e))(he || {});
|
|
1320
|
-
const
|
|
1330
|
+
const xt = { class: "efko-dataview" }, Ft = { class: "flex items-center justify-between gap-2 mb-2" }, _t = { class: "flex items-center gap-1" }, qt = /* @__PURE__ */ P({
|
|
1321
1331
|
__name: "DataView",
|
|
1322
1332
|
props: {
|
|
1323
1333
|
viewMode: {},
|
|
@@ -1339,70 +1349,70 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1339
1349
|
},
|
|
1340
1350
|
emits: ["update:viewMode", "update:filterValues", "filterApply", "edit", "delete", "restore", "sortChange", "pageChange", "sizeChange"],
|
|
1341
1351
|
setup(e, { emit: w }) {
|
|
1342
|
-
const n = e, l = w, m = T(n.viewMode || ue.Table), f =
|
|
1352
|
+
const n = e, l = w, m = T(n.viewMode || ue.Table), f = _(() => (m == null ? void 0 : m.value) === ue.Grid), g = T(he.Grid), y = T(
|
|
1343
1353
|
n.filterValues || {}
|
|
1344
|
-
),
|
|
1354
|
+
), C = T(null), p = (d) => {
|
|
1345
1355
|
y.value = d, l("update:filterValues", d);
|
|
1346
|
-
}, c = (d, a,
|
|
1347
|
-
const
|
|
1356
|
+
}, c = (d, a, b) => {
|
|
1357
|
+
const M = { ...y.value };
|
|
1348
1358
|
if (a !== void 0) {
|
|
1349
1359
|
if (Array.isArray(a)) {
|
|
1350
|
-
const u = a.filter((o) => !oe(o,
|
|
1351
|
-
u.length === 0 ?
|
|
1360
|
+
const u = a.filter((o) => !oe(o, b));
|
|
1361
|
+
u.length === 0 ? M[d] = null : u.length === 1 && !Array.isArray(u[0]) ? M[d] = u[0] : M[d] = u, p(M);
|
|
1352
1362
|
return;
|
|
1353
1363
|
}
|
|
1354
|
-
oe(a,
|
|
1364
|
+
oe(a, b) && (M[d] = null, p(M));
|
|
1355
1365
|
}
|
|
1356
|
-
},
|
|
1366
|
+
}, A = () => p({}), I = (d) => {
|
|
1357
1367
|
l("filterApply", d);
|
|
1358
|
-
}, V = T(!1), s = T(!1), h = T({}), t =
|
|
1368
|
+
}, V = T(!1), s = T(!1), h = T({}), t = _(() => m.value === "table" ? Object.keys(h.value).filter(
|
|
1359
1369
|
(d) => h.value[d] === !1
|
|
1360
1370
|
).length : 0), r = (d) => {
|
|
1361
1371
|
d.forEach((a) => {
|
|
1362
|
-
const
|
|
1363
|
-
h.value[
|
|
1372
|
+
const b = a.key ?? String(a.dataIndex);
|
|
1373
|
+
h.value[b] === void 0 && (h.value[b] = !0);
|
|
1364
1374
|
}), n.showActionsColumn && h.value.actions === void 0 && (h.value.actions = !0);
|
|
1365
1375
|
};
|
|
1366
|
-
return
|
|
1376
|
+
return F(
|
|
1367
1377
|
() => n.filterValues,
|
|
1368
1378
|
(d) => {
|
|
1369
1379
|
y.value = d || {};
|
|
1370
1380
|
}
|
|
1371
|
-
),
|
|
1381
|
+
), F(
|
|
1372
1382
|
() => n.viewMode,
|
|
1373
1383
|
(d) => {
|
|
1374
1384
|
d !== void 0 && (m.value = d);
|
|
1375
1385
|
}
|
|
1376
|
-
),
|
|
1377
|
-
|
|
1386
|
+
), F(() => n.columns, r), F(m, (d) => l("update:viewMode", d)), K(() => r(n.columns)), K(() => {
|
|
1387
|
+
C.value && fe(C.value);
|
|
1378
1388
|
}), (d, a) => {
|
|
1379
|
-
const
|
|
1380
|
-
return i(),
|
|
1389
|
+
const b = S("Icon"), M = S("a-button"), u = S("a-badge");
|
|
1390
|
+
return i(), k("div", xt, [
|
|
1381
1391
|
L("div", {
|
|
1382
1392
|
ref_key: "tagCloudContainer",
|
|
1383
|
-
ref:
|
|
1393
|
+
ref: C
|
|
1384
1394
|
}, [
|
|
1385
|
-
E(
|
|
1395
|
+
E(Be, {
|
|
1386
1396
|
filters: y.value,
|
|
1387
1397
|
"onUpdate:filters": p,
|
|
1388
1398
|
onRemove: c,
|
|
1389
|
-
onClear:
|
|
1399
|
+
onClear: A
|
|
1390
1400
|
}, null, 8, ["filters"])
|
|
1391
1401
|
], 512),
|
|
1392
|
-
f.value ? (i(),
|
|
1393
|
-
L("div",
|
|
1394
|
-
L("div",
|
|
1402
|
+
f.value ? (i(), k(O, { key: 0 }, [
|
|
1403
|
+
L("div", Ft, [
|
|
1404
|
+
L("div", _t, [
|
|
1395
1405
|
E(u, {
|
|
1396
1406
|
dot: "",
|
|
1397
1407
|
count: t.value
|
|
1398
1408
|
}, {
|
|
1399
|
-
default:
|
|
1400
|
-
E(
|
|
1409
|
+
default: v(() => [
|
|
1410
|
+
E(M, {
|
|
1401
1411
|
class: "flex items-center justify-center p-2",
|
|
1402
1412
|
onClick: a[0] || (a[0] = (o) => s.value = !0)
|
|
1403
1413
|
}, {
|
|
1404
|
-
default:
|
|
1405
|
-
E(
|
|
1414
|
+
default: v(() => [
|
|
1415
|
+
E(b, {
|
|
1406
1416
|
name: "solar:settings-outline",
|
|
1407
1417
|
class: "text-lg"
|
|
1408
1418
|
})
|
|
@@ -1412,12 +1422,12 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1412
1422
|
]),
|
|
1413
1423
|
_: 1
|
|
1414
1424
|
}, 8, ["count"]),
|
|
1415
|
-
E(
|
|
1425
|
+
E(M, {
|
|
1416
1426
|
class: "flex items-center justify-center p-2",
|
|
1417
1427
|
onClick: a[1] || (a[1] = (o) => V.value = !0)
|
|
1418
1428
|
}, {
|
|
1419
|
-
default:
|
|
1420
|
-
E(
|
|
1429
|
+
default: v(() => [
|
|
1430
|
+
E(b, {
|
|
1421
1431
|
name: "ant-design:filter-outlined",
|
|
1422
1432
|
class: "text-lg"
|
|
1423
1433
|
})
|
|
@@ -1428,7 +1438,7 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1428
1438
|
U(d.$slots, "headerCardContainer"),
|
|
1429
1439
|
U(d.$slots, "title")
|
|
1430
1440
|
]),
|
|
1431
|
-
f.value ? (i(), D(
|
|
1441
|
+
f.value ? (i(), D(We, {
|
|
1432
1442
|
key: 0,
|
|
1433
1443
|
loading: e.loading,
|
|
1434
1444
|
columns: e.columns,
|
|
@@ -1447,27 +1457,27 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1447
1457
|
}, ae({ _: 2 }, [
|
|
1448
1458
|
d.$slots.titleCard ? {
|
|
1449
1459
|
name: "titleCard",
|
|
1450
|
-
fn:
|
|
1460
|
+
fn: v((o) => [
|
|
1451
1461
|
U(d.$slots, "titleCard", te(ne(o)))
|
|
1452
1462
|
]),
|
|
1453
1463
|
key: "0"
|
|
1454
1464
|
} : void 0,
|
|
1455
1465
|
d.$slots.body ? {
|
|
1456
1466
|
name: "bodyCard",
|
|
1457
|
-
fn:
|
|
1467
|
+
fn: v((o) => [
|
|
1458
1468
|
U(d.$slots, "body", te(ne(o)))
|
|
1459
1469
|
]),
|
|
1460
1470
|
key: "1"
|
|
1461
1471
|
} : void 0,
|
|
1462
1472
|
d.$slots.footer ? {
|
|
1463
1473
|
name: "footerCard",
|
|
1464
|
-
fn:
|
|
1474
|
+
fn: v((o) => [
|
|
1465
1475
|
U(d.$slots, "footer", te(ne(o)))
|
|
1466
1476
|
]),
|
|
1467
1477
|
key: "2"
|
|
1468
1478
|
} : void 0
|
|
1469
1479
|
]), 1032, ["loading", "columns", "data-source", "card-layout", "can-edit", "edit-action", "show-actions-column", "pagination", "meta"])) : N("", !0)
|
|
1470
|
-
], 64)) : (i(), D(
|
|
1480
|
+
], 64)) : (i(), D(kt, {
|
|
1471
1481
|
key: 1,
|
|
1472
1482
|
loading: e.loading,
|
|
1473
1483
|
pagination: e.pagination,
|
|
@@ -1494,13 +1504,13 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1494
1504
|
onPageChange: a[14] || (a[14] = (o) => l("pageChange", o)),
|
|
1495
1505
|
onSizeChange: a[15] || (a[15] = (o, $) => l("sizeChange", o, $))
|
|
1496
1506
|
}, {
|
|
1497
|
-
title:
|
|
1507
|
+
title: v(() => [
|
|
1498
1508
|
U(d.$slots, "title")
|
|
1499
1509
|
]),
|
|
1500
|
-
bodyCell:
|
|
1510
|
+
bodyCell: v((o) => [
|
|
1501
1511
|
U(d.$slots, "bodyCell", te(ne(o)))
|
|
1502
1512
|
]),
|
|
1503
|
-
actionColumn:
|
|
1513
|
+
actionColumn: v((o) => [
|
|
1504
1514
|
U(d.$slots, "actionColumn", te(ne(o)))
|
|
1505
1515
|
]),
|
|
1506
1516
|
_: 3
|
|
@@ -1514,7 +1524,7 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1514
1524
|
updateFilters: p,
|
|
1515
1525
|
emitFilterApply: I
|
|
1516
1526
|
}, () => [
|
|
1517
|
-
n.useFilterModal === !0 ? (i(), D(
|
|
1527
|
+
n.useFilterModal === !0 ? (i(), D(Bt, {
|
|
1518
1528
|
key: 0,
|
|
1519
1529
|
visible: V.value,
|
|
1520
1530
|
"onUpdate:visible": a[16] || (a[16] = (o) => V.value = o),
|
|
@@ -1522,7 +1532,7 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1522
1532
|
"filter-values": y.value,
|
|
1523
1533
|
"onUpdate:filterValues": p,
|
|
1524
1534
|
onFilterApply: a[17] || (a[17] = (o) => l("filterApply", o))
|
|
1525
|
-
}, null, 8, ["visible", "columns", "filter-values"])) : (i(), D(
|
|
1535
|
+
}, null, 8, ["visible", "columns", "filter-values"])) : (i(), D(Dt, {
|
|
1526
1536
|
key: 1,
|
|
1527
1537
|
visible: V.value,
|
|
1528
1538
|
"onUpdate:visible": a[18] || (a[18] = (o) => V.value = o),
|
|
@@ -1532,7 +1542,7 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1532
1542
|
onFilterApply: a[19] || (a[19] = (o) => l("filterApply", o))
|
|
1533
1543
|
}, null, 8, ["visible", "columns", "filter-values"]))
|
|
1534
1544
|
]),
|
|
1535
|
-
E(
|
|
1545
|
+
E(ht, {
|
|
1536
1546
|
visible: s.value,
|
|
1537
1547
|
"onUpdate:visible": a[20] || (a[20] = (o) => s.value = o),
|
|
1538
1548
|
"model-value": h.value,
|
|
@@ -1548,7 +1558,7 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1548
1558
|
]);
|
|
1549
1559
|
};
|
|
1550
1560
|
}
|
|
1551
|
-
}),
|
|
1561
|
+
}), Jt = /* @__PURE__ */ P({
|
|
1552
1562
|
__name: "LazyLoadContainer",
|
|
1553
1563
|
props: {
|
|
1554
1564
|
onIntersect: {},
|
|
@@ -1569,7 +1579,7 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1569
1579
|
}), n.value && l.observe(n.value);
|
|
1570
1580
|
}), ye(() => {
|
|
1571
1581
|
l == null || l.disconnect();
|
|
1572
|
-
}), (f, g) => (i(),
|
|
1582
|
+
}), (f, g) => (i(), k("div", {
|
|
1573
1583
|
ref_key: "container",
|
|
1574
1584
|
ref: n
|
|
1575
1585
|
}, [
|
|
@@ -1578,31 +1588,31 @@ const _t = { class: "efko-dataview" }, Lt = { class: "flex items-center justify-
|
|
|
1578
1588
|
}
|
|
1579
1589
|
});
|
|
1580
1590
|
export {
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1591
|
+
Dt as CardFiltersDrawer,
|
|
1592
|
+
Bt as CardFiltersModal,
|
|
1593
|
+
We as CardGrid,
|
|
1584
1594
|
he as CardLayout,
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1595
|
+
ht as ColumnSettingsDrawer,
|
|
1596
|
+
Ht as DEFAULT_PAGE_NUMBER,
|
|
1597
|
+
Yt as DEFAULT_PAGE_SIZE,
|
|
1598
|
+
kt as DataTable,
|
|
1599
|
+
qt as DataView,
|
|
1590
1600
|
H as FilterMode,
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1601
|
+
Jt as LazyLoadContainer,
|
|
1602
|
+
qe as LazyLoadTrigger,
|
|
1603
|
+
zt as PAGE_SIZE_EXTRA_LARGE,
|
|
1604
|
+
Nt as PAGE_SIZE_LARGE,
|
|
1605
|
+
Pt as PAGE_SIZE_MEDIUM,
|
|
1606
|
+
Zt as PAGE_SIZE_OPTIONS,
|
|
1607
|
+
Qe as PAGE_SIZE_SMALL,
|
|
1608
|
+
Gt as PAGE_SIZE_ULTRA,
|
|
1609
|
+
et as PageSizes,
|
|
1610
|
+
tt as SkipSizes,
|
|
1611
|
+
ot as SortOrder,
|
|
1612
|
+
vt as TableBodyCell,
|
|
1613
|
+
nt as TableDefaults,
|
|
1604
1614
|
se as TableSortOrder,
|
|
1605
1615
|
ue as ViewMode,
|
|
1606
|
-
|
|
1616
|
+
qt as default
|
|
1607
1617
|
};
|
|
1608
1618
|
//# sourceMappingURL=data-view.es.js.map
|