vlite3 1.4.39 → 1.4.40
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/components/CategoryManager/CategoryManager.vue2.js +1 -1
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js} +1 -1
- package/components/DataTable/DataTable.vue.d.ts +1 -0
- package/components/DataTable/DataTable.vue.js +26 -22
- package/components/DataTable/types.d.ts +5 -0
- package/components/Form/{AccordionView.vue2.js → AccordionView.vue.js} +1 -1
- package/components/Form/index.vue2.js +1 -1
- package/components/NavbarCommandPalette.vue.js +1 -1
- package/components/Screen/ScreenFilter.vue.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
|
|
|
4
4
|
import { $t as E } from "../../utils/i18n.js";
|
|
5
5
|
import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
|
|
6
6
|
import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
|
|
7
|
-
import ee from "./CommandPaletteItem.
|
|
7
|
+
import ee from "./CommandPaletteItem.vue.js";
|
|
8
8
|
const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as ze, inject as We, computed as r, toRef as _, ref as W, watch as D, shallowRef as Le, onUnmounted as Ve, openBlock as i, createElementBlock as c, createElementVNode as v, normalizeClass as x, unref as u, createCommentVNode as E, Fragment as R, renderList as P, normalizeStyle as j, createVNode as L, createBlock as ee, isMemoSame as te, createSlots as le, withCtx as ne, renderSlot as K, mergeProps as ae } from "vue";
|
|
2
2
|
import Fe from "../CheckBox.vue.js";
|
|
3
3
|
import Ae from "../ConfirmationModal.vue.js";
|
|
4
4
|
import Me from "../Pagination/Pagination.vue.js";
|
|
@@ -20,7 +20,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "w-[48px] px-0 py-4 align-middle text-center",
|
|
22
22
|
style: { width: "48px" }
|
|
23
|
-
}, et = { key: 2 }, tt = ["colspan"], lt = { key: 0 }, ft = /* @__PURE__ */
|
|
23
|
+
}, et = { key: 2 }, tt = ["colspan"], lt = { key: 0 }, ft = /* @__PURE__ */ ze({
|
|
24
24
|
__name: "DataTable",
|
|
25
25
|
props: {
|
|
26
26
|
rows: { default: () => [] },
|
|
@@ -48,6 +48,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
48
48
|
bordered: { type: Boolean, default: !0 },
|
|
49
49
|
cellBordered: { type: Boolean, default: !1 },
|
|
50
50
|
compact: { type: Boolean, default: !1 },
|
|
51
|
+
rounded: { type: Boolean, default: !0 },
|
|
51
52
|
tableClass: {},
|
|
52
53
|
class: {},
|
|
53
54
|
sortable: { type: Boolean, default: !1 },
|
|
@@ -73,7 +74,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
73
74
|
}, re = (e) => e.sortKey || e.field, a = n, b = oe, V = We(Oe, null), S = r(() => a.hideSelectable ? !1 : V ? V.forceSelectable : !0), h = r(() => ie(a.rows, a.keyField)), {
|
|
74
75
|
isTreeMode: g,
|
|
75
76
|
flattenVisibleRows: F,
|
|
76
|
-
allLoadedRows:
|
|
77
|
+
allLoadedRows: $,
|
|
77
78
|
findParentId: O,
|
|
78
79
|
isExpandable: Y,
|
|
79
80
|
isExpanded: X,
|
|
@@ -90,7 +91,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
90
91
|
onExpand: (e) => b("expand", e)
|
|
91
92
|
}), p = W({ field: "", order: "" }), T = W(
|
|
92
93
|
a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
|
|
93
|
-
), C = W(a.pageInfo?.currentPage || 1),
|
|
94
|
+
), C = W(a.pageInfo?.currentPage || 1), z = W(!1), ue = r(() => a.loading);
|
|
94
95
|
D(
|
|
95
96
|
() => a.pageInfo?.itemsPerPage,
|
|
96
97
|
(e) => {
|
|
@@ -129,7 +130,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
129
130
|
const e = A.value;
|
|
130
131
|
return e.length > 0 && e.every((t) => s.value.has(w(t, h.value)));
|
|
131
132
|
}), J = r(() => s.value.size > 0 && !M.value), me = r(() => {
|
|
132
|
-
const e = new Map(
|
|
133
|
+
const e = new Map($.value);
|
|
133
134
|
return (a.selectedRows || []).forEach((t) => e.set(w(t, h.value), t)), a.rows.forEach((t) => e.set(w(t, h.value), t)), Array.from(s.value).map((t) => e.get(t)).filter(Boolean);
|
|
134
135
|
}), fe = (e) => {
|
|
135
136
|
if (!g.value) return !1;
|
|
@@ -148,7 +149,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
148
149
|
}), ve = (e, t) => {
|
|
149
150
|
let l = O(e);
|
|
150
151
|
for (; l != null; ) {
|
|
151
|
-
const o =
|
|
152
|
+
const o = $.value.get(l);
|
|
152
153
|
if (!o) break;
|
|
153
154
|
const m = H(o).map((f) => w(f, h.value));
|
|
154
155
|
m.length > 0 && m.every((f) => t.has(f)) ? t.add(l) : t.delete(l), l = O(l);
|
|
@@ -162,7 +163,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
162
163
|
}, ge = (e) => {
|
|
163
164
|
const t = new Set(s.value), l = !t.has(e);
|
|
164
165
|
if (g.value) {
|
|
165
|
-
const o =
|
|
166
|
+
const o = $.value.get(e);
|
|
166
167
|
if (o) {
|
|
167
168
|
const m = (d, f) => {
|
|
168
169
|
f ? t.add(d) : t.delete(d);
|
|
@@ -190,7 +191,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
190
191
|
}, pe = (e) => {
|
|
191
192
|
T.value = e, C.value = 1, b("update:itemsPerPage", e), U();
|
|
192
193
|
}, ye = (e) => b("rowClick", e), xe = () => {
|
|
193
|
-
b("delete", me.value),
|
|
194
|
+
b("delete", me.value), z.value = !1;
|
|
194
195
|
};
|
|
195
196
|
let y = null;
|
|
196
197
|
const U = () => {
|
|
@@ -210,19 +211,22 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
210
211
|
() => a.rows,
|
|
211
212
|
() => {
|
|
212
213
|
ce();
|
|
213
|
-
const e = new Set(
|
|
214
|
+
const e = new Set($.value.keys());
|
|
214
215
|
(a.selectedRows || []).forEach((t) => {
|
|
215
216
|
e.add(w(t, h.value));
|
|
216
217
|
}), s.value = new Set([...s.value].filter((t) => e.has(t)));
|
|
217
218
|
}
|
|
218
219
|
);
|
|
219
|
-
const Se = r(() =>
|
|
220
|
-
"
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
220
|
+
const Se = r(() => {
|
|
221
|
+
const e = a.variant === "raised", t = a.rounded ? e ? "rounded-lg" : "rounded" : "rounded-none";
|
|
222
|
+
return [
|
|
223
|
+
"w-full flex flex-col",
|
|
224
|
+
e ? `bg-background shadow-sm p-2 ${t}` : `bg-background ${t}`,
|
|
225
|
+
"overflow-hidden",
|
|
226
|
+
a.bordered ? "border border-border" : "",
|
|
227
|
+
a.class
|
|
228
|
+
].join(" ");
|
|
229
|
+
}), Ce = r(() => {
|
|
226
230
|
const e = a.cellBordered ? "[&>thead>tr>th:not(:last-child)]:border-r [&>thead>tr>th]:border-border [&>tbody>tr>td:not(:last-child)]:border-r [&>tbody>tr>td]:border-border [&>tbody>tr>th:not(:last-child)]:border-r [&>tbody>tr>th]:border-border" : "";
|
|
227
231
|
return [
|
|
228
232
|
"w-full caption-bottom -text-fs-1",
|
|
@@ -276,7 +280,7 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
276
280
|
class: x([
|
|
277
281
|
"[&_tr]:border-b [&_tr]:border-border",
|
|
278
282
|
n.headerVariant === "minimal" ? "bg-transparent" : "bg-accent",
|
|
279
|
-
n.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
|
|
283
|
+
n.variant === "raised" && n.rounded ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
|
|
280
284
|
])
|
|
281
285
|
}, [
|
|
282
286
|
v("tr", He, [
|
|
@@ -385,8 +389,8 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
385
389
|
}, le({ _: 2 }, [
|
|
386
390
|
P(n.headers, (k) => ({
|
|
387
391
|
name: k.field,
|
|
388
|
-
fn: ne((
|
|
389
|
-
K(e.$slots, k.field, ae({ ref_for: !0 },
|
|
392
|
+
fn: ne(($e) => [
|
|
393
|
+
K(e.$slots, k.field, ae({ ref_for: !0 }, $e))
|
|
390
394
|
])
|
|
391
395
|
}))
|
|
392
396
|
]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "is-indeterminate", "hoverable", "striped", "compact", "size", "cell-bordered", "tree-mode", "depth", "tree-indent", "expandable", "expanded", "tree-loading", "is-last-sibling", "ancestor-last-flags", "onToggleExpand", "class"]));
|
|
@@ -430,15 +434,15 @@ const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overf
|
|
|
430
434
|
}), null, 16, ["current-page", "total-pages", "total-items"])
|
|
431
435
|
])) : E("", !0),
|
|
432
436
|
L(Ae, {
|
|
433
|
-
show:
|
|
434
|
-
"onUpdate:show": t[4] || (t[4] = (l) =>
|
|
437
|
+
show: z.value,
|
|
438
|
+
"onUpdate:show": t[4] || (t[4] = (l) => z.value = l),
|
|
435
439
|
title: Be.value,
|
|
436
440
|
description: De.value,
|
|
437
441
|
"confirm-text": Ee.value,
|
|
438
442
|
"cancel-text": Re.value,
|
|
439
443
|
variant: "danger",
|
|
440
444
|
onConfirm: xe,
|
|
441
|
-
onCancel: t[5] || (t[5] = (l) =>
|
|
445
|
+
onCancel: t[5] || (t[5] = (l) => z.value = !1)
|
|
442
446
|
}, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"])
|
|
443
447
|
]));
|
|
444
448
|
}
|
|
@@ -67,6 +67,11 @@ export interface DataTableProps {
|
|
|
67
67
|
bordered?: boolean;
|
|
68
68
|
cellBordered?: boolean;
|
|
69
69
|
compact?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* When `true` (default), the table container uses rounded corners.
|
|
72
|
+
* Set to `false` for sharp/square edges.
|
|
73
|
+
*/
|
|
74
|
+
rounded?: boolean;
|
|
70
75
|
tableClass?: string;
|
|
71
76
|
class?: string;
|
|
72
77
|
sortable?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as b, computed as d, openBlock as n, createElementBlock as g, createElementVNode as R, createBlock as r, withCtx as x, createTextVNode as k, toDisplayString as I, createCommentVNode as v, unref as l } from "vue";
|
|
2
2
|
import B from "./TableView.vue.js";
|
|
3
|
-
import C from "./AccordionView.
|
|
3
|
+
import C from "./AccordionView.vue.js";
|
|
4
4
|
import U from "../Label.vue.js";
|
|
5
5
|
import N from "../Button.vue.js";
|
|
6
6
|
import { useCustomFieldRows as V } from "./composables/useCustomFieldRows.js";
|
|
@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
|
|
|
3
3
|
import v from "./Modal.vue.js";
|
|
4
4
|
import N from "./CommandPalette/CommandPaletteContent.vue.js";
|
|
5
5
|
import { $t as U } from "../utils/i18n.js";
|
|
6
|
-
/* empty css
|
|
6
|
+
/* empty css */
|
|
7
7
|
const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
|
|
8
8
|
__name: "NavbarCommandPalette",
|
|
9
9
|
props: {
|