vlite3 1.4.40 → 1.4.41
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/AppShell/AppShellLayoutClassic.vue.js +27 -28
- package/components/AppShell/AppShellLayoutDashboard.vue.js +48 -48
- package/components/AppShell/AppShellLayoutDock.vue.js +51 -51
- package/components/AppShell/AppShellLayoutHeaderShell.vue.js +69 -69
- package/components/AppShell/AppShellLayoutSidebarFirst.vue.d.ts +2 -2
- package/components/AppShell/AppShellLayoutSidebarFirst.vue.js +78 -78
- package/components/AppShell/AppShellLayoutStorefront.vue.js +14 -15
- package/components/AppShell/useAppShell.d.ts +4 -0
- package/components/AppShell/useAppShell.js +45 -40
- package/components/AsyncSelect/createAsyncSelect.js +10 -10
- package/components/AttachmentsList/AttachmentsList.vue.d.ts +50 -2
- package/components/AttachmentsList/AttachmentsList.vue.js +289 -272
- package/components/AttachmentsList/types.d.ts +37 -0
- package/components/BackButton.vue.js +2 -2
- package/components/Button.vue.d.ts +1 -0
- package/components/Button.vue.js +5 -241
- package/components/Button.vue2.js +245 -2
- package/components/ButtonGroup.vue.js +2 -2
- package/components/ButtonGroup.vue2.js +4 -1
- package/components/Calendar/Calendar.vue2.js +16 -16
- package/components/Cart/CartCouponInput.vue.js +24 -24
- package/components/Cart/CartEmptyState.vue.js +4 -4
- package/components/Cart/CartLineItem.vue.js +33 -33
- package/components/Cart/CartVariant1.vue.js +3 -3
- package/components/Cart/CartVariant2.vue.js +5 -5
- package/components/Cart/CartVariant3.vue.js +25 -25
- package/components/Cart/CartVariant4.vue.js +9 -9
- package/components/CategoryManager/CategoryManager.vue2.js +19 -19
- package/components/CategoryManager/CategoryNode.vue.js +4 -4
- package/components/CategoryMenu/CategoryMenu.vue.js +3 -2
- package/components/CategoryMenu/CategoryMenuVariant1.vue2.js +3 -2
- package/components/Chat/ChatInterface.vue.js +23 -23
- package/components/Clipboard.vue.d.ts +7 -1
- package/components/Clipboard.vue.js +19 -17
- package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +22 -22
- package/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.js +8 -8
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js} +1 -1
- package/components/Comment/CommentEditor.vue.js +14 -14
- package/components/Comment/CommentItem.vue2.js +6 -6
- package/components/Comment/CommentThread.vue.js +4 -4
- package/components/DataList/DataList.vue.js +7 -7
- package/components/DataTable/DataTable.vue.d.ts +8 -0
- package/components/DataTable/DataTable.vue.js +374 -263
- package/components/DataTable/DataTableRow.vue.d.ts +23 -2
- package/components/DataTable/DataTableRow.vue.js +5 -198
- package/components/DataTable/DataTableRow.vue2.js +360 -2
- package/components/DataTable/dataTableHeaders.d.ts +18 -0
- package/components/DataTable/dataTableHeaders.js +9 -0
- package/components/DataTable/types.d.ts +6 -0
- package/components/DatePicker.vue.js +8 -9
- package/components/DateRangePicker.vue2.js +34 -34
- package/components/Dropdown/Dropdown.vue.d.ts +7 -2
- package/components/Dropdown/Dropdown.vue.js +146 -139
- package/components/Dropdown/DropdownTrigger.vue.js +6 -6
- package/components/ExportData/ExportData.vue.js +15 -15
- package/components/FilePicker/FilePickerDropzone.vue.js +16 -16
- package/components/FilePicker/FilePickerInput.vue.js +3 -2
- package/components/FilePicker/FilePreview.vue.js +3 -3
- package/components/FileTree/FileTree.vue.js +4 -4
- package/components/FileTree/FileTree.vue2.js +9 -9
- package/components/FileTree/FileTreeNode.vue.js +76 -72
- package/components/Footer/Variant1.vue.js +48 -48
- package/components/Footer/Variant2.vue.js +42 -42
- package/components/Form/AccordionView.vue.d.ts +1 -1
- package/components/Form/{AccordionView.vue.js → AccordionView.vue2.js} +3 -3
- package/components/Form/AccordionView.vue3.js +61 -57
- package/components/Form/Form.vue2.js +41 -41
- package/components/Form/TableRow.vue.d.ts +7 -0
- package/components/Form/TableRow.vue.js +187 -41
- package/components/Form/TableView.vue.d.ts +11 -1
- package/components/Form/TableView.vue.js +71 -49
- package/components/Form/composables/useForm.js +146 -142
- package/components/Form/index.vue.d.ts +5 -1
- package/components/Form/index.vue.js +2 -2
- package/components/Form/index.vue2.js +45 -38
- package/components/Form/rowHelpers.d.ts +20 -0
- package/components/Form/rowHelpers.js +76 -28
- package/components/Form/types.d.ts +11 -0
- package/components/GoogleLogin.vue.js +4 -4
- package/components/IconPicker.vue.js +9 -9
- package/components/ImportData/ImportData.vue.js +11 -11
- package/components/ImportData/ImportStep1.vue.js +10 -10
- package/components/ImportData/ImportStep2.vue.js +15 -14
- package/components/Input.vue.js +133 -129
- package/components/Kanban/KanbanBoard.vue.js +1 -1
- package/components/Kanban/KanbanBoard.vue2.js +9 -9
- package/components/MultiSelect/MultiSelect.vue.js +3 -2
- package/components/Navbar/Navbar.vue.js +17 -17
- package/components/Navbar/NavbarGroup.vue.js +8 -7
- package/components/Navbar/NavbarItem.vue.js +40 -39
- package/components/Navbar/NavbarTabs.vue.js +6 -184
- package/components/Navbar/NavbarTabs.vue2.js +204 -0
- package/components/Navbar/useNavbar.js +3 -3
- package/components/NavbarCommandPalette.vue.js +2 -2
- package/components/NumberInput.vue.js +2 -2
- package/components/NumberInput.vue2.js +81 -77
- package/components/OTPInput/OTPInput.vue.js +24 -23
- package/components/Pagination/Pagination.vue.d.ts +1 -1
- package/components/Pagination/Pagination.vue.js +5 -274
- package/components/Pagination/Pagination.vue2.js +283 -2
- package/components/PermissionMatrix/PermissionTopBar.vue.js +19 -18
- package/components/PricingPlan/PricingPlanItem.vue.js +7 -7
- package/components/Screen/Screen.vue.d.ts +1 -1
- package/components/Screen/Screen.vue.js +21 -21
- package/components/Screen/ScreenFilter.vue.js +6 -6
- package/components/Screen/components/ScreenAddAction.vue.js +3 -3
- package/components/Screen/components/ScreenEmptyState.vue.js +10 -10
- package/components/Screen/components/ScreenExportModal.vue.js +12 -12
- package/components/Screen/components/ScreenOptionsDropdown.vue.js +5 -5
- package/components/Screen/components/ScreenToolbar.vue.js +15 -15
- package/components/SidePanel.vue.js +2 -2
- package/components/SidePanel.vue2.js +6 -6
- package/components/SidebarMenu/SidebarMenu.vue.js +77 -72
- package/components/SidebarMenu/SidebarMenuItem.vue.js +172 -168
- package/components/Slider.vue.js +123 -108
- package/components/Tabes/Tabes.vue.d.ts +8 -3
- package/components/Tabes/Tabes.vue.js +2 -2
- package/components/Tabes/Tabes.vue2.js +209 -200
- package/components/Tabes/tabes.utils.d.ts +23 -0
- package/components/Tabes/tabes.utils.js +39 -16
- package/components/Textarea.vue.d.ts +2 -0
- package/components/Textarea.vue.js +19 -16
- package/components/ThemeToggle.vue.js +8 -8
- package/components/ToastNotification.vue2.js +10 -10
- package/components/TreeConnectors/TreeConnectors.vue.d.ts +1 -1
- package/components/TreeConnectors/TreeConnectors.vue.js +13 -8
- package/components/TreeConnectors/geometry.js +77 -69
- package/components/Workbook/WorkbookAddButton.vue.js +2 -2
- package/composables/useRtl.d.ts +14 -0
- package/composables/useRtl.js +33 -0
- package/index.js +470 -471
- package/package.json +1 -1
- package/style.css +86 -1
- package/types/button.d.ts +8 -0
- package/components/Navbar/NavbarTabs.vue3.js +0 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as K, ref as w, watch as N, onMounted as J, nextTick as W, onUnmounted as $, computed as x, openBlock as
|
|
1
|
+
import { defineComponent as K, ref as w, watch as N, onMounted as J, nextTick as W, onUnmounted as $, computed as x, openBlock as i, createElementBlock as c, normalizeClass as D, createElementVNode as k, Fragment as I, renderList as O, createTextVNode as B, toDisplayString as m, createCommentVNode as S } from "vue";
|
|
2
2
|
const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "onKeydown"], q = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "text-sm text-center text-muted-foreground mt-1"
|
|
@@ -30,14 +30,14 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
30
30
|
},
|
|
31
31
|
emits: ["update:modelValue", "complete", "change", "resend", "resend-limit-reached"],
|
|
32
32
|
setup(s, { emit: R }) {
|
|
33
|
-
const e = s, p = R,
|
|
33
|
+
const e = s, p = R, d = w([]), r = w(new Array(e.length).fill("")), g = w(e.resendDuration), v = w(0);
|
|
34
34
|
let f = null;
|
|
35
35
|
const T = () => {
|
|
36
|
-
f && clearInterval(f),
|
|
37
|
-
|
|
36
|
+
f && clearInterval(f), g.value = e.resendDuration, f = setInterval(() => {
|
|
37
|
+
g.value > 0 ? g.value-- : f && clearInterval(f);
|
|
38
38
|
}, 1e3);
|
|
39
39
|
}, C = () => {
|
|
40
|
-
|
|
40
|
+
v.value >= e.maxResends || (v.value++, p("resend", v.value), v.value >= e.maxResends ? p("resend-limit-reached") : T());
|
|
41
41
|
};
|
|
42
42
|
N(
|
|
43
43
|
() => e.modelValue,
|
|
@@ -56,7 +56,7 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
56
56
|
}, V = (n, t) => {
|
|
57
57
|
let a = n.target.value;
|
|
58
58
|
if (e.type === "number" && (a = a.replace(/\D/g, "")), a.length === 1) {
|
|
59
|
-
r.value[t] = a, h(), t < e.length - 1 &&
|
|
59
|
+
r.value[t] = a, h(), t < e.length - 1 && d.value[t + 1]?.focus();
|
|
60
60
|
return;
|
|
61
61
|
}
|
|
62
62
|
if (!a) {
|
|
@@ -69,15 +69,15 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
69
69
|
t + b < e.length && (r.value[t + b] = y);
|
|
70
70
|
}), h();
|
|
71
71
|
const u = Math.min(t + l.length, e.length - 1);
|
|
72
|
-
|
|
72
|
+
d.value[u]?.focus();
|
|
73
73
|
}
|
|
74
74
|
}, j = (n, t) => {
|
|
75
75
|
const o = n.key;
|
|
76
76
|
if (o === "Backspace") {
|
|
77
|
-
r.value[t] || (n.preventDefault(), t > 0 && (r.value[t - 1] = "",
|
|
77
|
+
r.value[t] || (n.preventDefault(), t > 0 && (r.value[t - 1] = "", d.value[t - 1]?.focus(), h()));
|
|
78
78
|
return;
|
|
79
79
|
}
|
|
80
|
-
o === "ArrowLeft" && (n.preventDefault(), t > 0 &&
|
|
80
|
+
o === "ArrowLeft" && (n.preventDefault(), t > 0 && d.value[t - 1]?.focus()), o === "ArrowRight" && (n.preventDefault(), t < e.length - 1 && d.value[t + 1]?.focus());
|
|
81
81
|
}, A = (n) => {
|
|
82
82
|
n.preventDefault();
|
|
83
83
|
const t = n.clipboardData?.getData("text/plain");
|
|
@@ -89,13 +89,13 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
89
89
|
l[b] = y;
|
|
90
90
|
}), r.value = l, h();
|
|
91
91
|
const u = Math.min(a.length, e.length - 1);
|
|
92
|
-
|
|
92
|
+
d.value[u]?.focus();
|
|
93
93
|
}, z = (n, t) => {
|
|
94
|
-
n && (
|
|
94
|
+
n && (d.value[t] = n);
|
|
95
95
|
};
|
|
96
96
|
J(() => {
|
|
97
97
|
e.autofocus && W(() => {
|
|
98
|
-
|
|
98
|
+
d.value[0]?.focus();
|
|
99
99
|
}), e.allowResend && T();
|
|
100
100
|
}), $(() => {
|
|
101
101
|
f && clearInterval(f);
|
|
@@ -108,7 +108,7 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
108
108
|
e.fluid ? "w-full" : "w-fit"
|
|
109
109
|
].filter(Boolean).join(" ")), P = x(() => {
|
|
110
110
|
const n = e.attached ? "-space-x-px" : "gap-2", t = e.fluid ? "w-full" : "";
|
|
111
|
-
return ["flex items-center", n, t].filter(Boolean).join(" ");
|
|
111
|
+
return ["input-addon-group flex items-center", n, t].filter(Boolean).join(" ");
|
|
112
112
|
}), F = (n) => {
|
|
113
113
|
const t = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", o = e.fluid ? {
|
|
114
114
|
sm: "flex-1 min-w-0 h-8 text-sm",
|
|
@@ -124,15 +124,16 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
124
124
|
ghost: "bg-transparent border border-transparent hover:bg-accent focus:border-primary focus:ring-2 focus:ring-primary"
|
|
125
125
|
}, l = e.error ? "border-destructive focus:ring-destructive text-destructive" : "";
|
|
126
126
|
let u = "rounded-md";
|
|
127
|
-
return e.attached && (n === 0 ? u = "rounded-
|
|
127
|
+
return e.attached && (n === 0 ? u = "rounded-s-md rounded-e-none" : n === e.length - 1 ? u = "rounded-e-md rounded-s-none" : u = "rounded-none"), [t, o[e.size], a[e.variant], l, u].join(" ");
|
|
128
128
|
};
|
|
129
|
-
return (n, t) => (
|
|
129
|
+
return (n, t) => (i(), c("div", {
|
|
130
130
|
class: D(L.value)
|
|
131
131
|
}, [
|
|
132
132
|
k("div", {
|
|
133
|
-
class: D(P.value)
|
|
133
|
+
class: D(P.value),
|
|
134
|
+
dir: "ltr"
|
|
134
135
|
}, [
|
|
135
|
-
(
|
|
136
|
+
(i(!0), c(I, null, O(e.length, (o, a) => (i(), c("input", {
|
|
136
137
|
key: a,
|
|
137
138
|
ref_for: !0,
|
|
138
139
|
ref: (l) => z(l, a),
|
|
@@ -149,12 +150,12 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
149
150
|
onFocus: t[0] || (t[0] = (l) => n.$emit("update:modelValue", r.value.join("")))
|
|
150
151
|
}, null, 42, U))), 128))
|
|
151
152
|
], 2),
|
|
152
|
-
s.allowResend ? (
|
|
153
|
-
|
|
154
|
-
|
|
153
|
+
s.allowResend ? (i(), c("div", q, [
|
|
154
|
+
v.value < s.maxResends ? (i(), c(I, { key: 0 }, [
|
|
155
|
+
g.value > 0 ? (i(), c("span", G, [
|
|
155
156
|
B(m(s.resendText) + " " + m(s.resendWaitText) + " ", 1),
|
|
156
|
-
k("span", H, m(
|
|
157
|
-
])) : (
|
|
157
|
+
k("span", H, m(g.value) + "s", 1)
|
|
158
|
+
])) : (i(), c("span", Q, [
|
|
158
159
|
B(m(s.resendText) + " ", 1),
|
|
159
160
|
k("button", {
|
|
160
161
|
type: "button",
|
|
@@ -162,7 +163,7 @@ const U = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "
|
|
|
162
163
|
class: "font-medium text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-primary rounded px-1 transition-colors"
|
|
163
164
|
}, m(s.resendActionText), 1)
|
|
164
165
|
]))
|
|
165
|
-
], 64)) : (
|
|
166
|
+
], 64)) : (i(), c("span", X, m(s.resendLimitText), 1))
|
|
166
167
|
])) : S("", !0)
|
|
167
168
|
], 2));
|
|
168
169
|
}
|
|
@@ -22,5 +22,5 @@ declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {
|
|
|
22
22
|
itemsPerPageOptions: number[];
|
|
23
23
|
navType: "text" | "icon";
|
|
24
24
|
activeVariant: import('.').PaginationVariant;
|
|
25
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
26
|
export default _default;
|
|
@@ -1,276 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
const J = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1"
|
|
8
|
-
}, K = {
|
|
9
|
-
key: 0,
|
|
10
|
-
class: "flex items-center gap-2 text-sm text-muted-foreground"
|
|
11
|
-
}, Q = { class: "whitespace-nowrap" }, U = { class: "relative" }, W = ["value", "disabled"], X = ["value"], Y = { class: "whitespace-nowrap" }, Z = {
|
|
12
|
-
key: 1,
|
|
13
|
-
class: "hidden md:block w-px h-4 bg-border"
|
|
14
|
-
}, p = {
|
|
15
|
-
key: 2,
|
|
16
|
-
class: "text-sm text-muted-foreground whitespace-nowrap"
|
|
17
|
-
}, _ = { class: "font-medium text-foreground" }, ee = { class: "font-medium text-foreground" }, te = {
|
|
18
|
-
class: "flex items-center justify-center gap-1 order-1 md:order-2",
|
|
19
|
-
"aria-label": "Pagination"
|
|
20
|
-
}, ae = {
|
|
21
|
-
key: 0,
|
|
22
|
-
class: "w-8 h-8 flex items-center justify-center text-muted-foreground select-none"
|
|
23
|
-
}, le = /* @__PURE__ */ G({
|
|
24
|
-
__name: "Pagination",
|
|
25
|
-
props: {
|
|
26
|
-
currentPage: { default: 1 },
|
|
27
|
-
totalPages: {},
|
|
28
|
-
totalItems: { default: 0 },
|
|
29
|
-
siblingCount: { default: 1 },
|
|
30
|
-
disabled: { type: Boolean, default: !1 },
|
|
31
|
-
showEdges: { type: Boolean, default: !1 },
|
|
32
|
-
showPageInfo: { type: Boolean, default: !1 },
|
|
33
|
-
showItemsPerPage: { type: Boolean, default: !1 },
|
|
34
|
-
itemsPerPage: { default: 10 },
|
|
35
|
-
itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
|
|
36
|
-
navType: { default: "text" },
|
|
37
|
-
alignment: {},
|
|
38
|
-
activeVariant: { default: "solid" },
|
|
39
|
-
rounded: { default: "full" }
|
|
40
|
-
},
|
|
41
|
-
emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
|
|
42
|
-
setup(e, { emit: O }) {
|
|
43
|
-
const s = e, m = O, g = (t) => {
|
|
44
|
-
s.disabled || t < 1 || t > s.totalPages || t !== s.currentPage && (m("update:currentPage", t), m("change", t));
|
|
45
|
-
}, B = (t) => {
|
|
46
|
-
const n = t.target, a = parseInt(n.value);
|
|
47
|
-
m("update:itemsPerPage", a), m("change:itemsPerPage", a), m("update:currentPage", 1), m("change", 1);
|
|
48
|
-
}, R = u(() => {
|
|
49
|
-
const t = s.siblingCount ?? 1;
|
|
50
|
-
if (t * 2 + 5 >= s.totalPages)
|
|
51
|
-
return I(1, s.totalPages);
|
|
52
|
-
const a = Math.max(s.currentPage - t, 1), y = Math.min(s.currentPage + t, s.totalPages), v = a > 2, j = y < s.totalPages - 2, $ = 1, T = s.totalPages;
|
|
53
|
-
if (!v && j) {
|
|
54
|
-
const w = 3 + 2 * t;
|
|
55
|
-
return [...I(1, w), "DOTS", T];
|
|
56
|
-
}
|
|
57
|
-
if (v && !j) {
|
|
58
|
-
const w = 3 + 2 * t, D = I(s.totalPages - w + 1, s.totalPages);
|
|
59
|
-
return [$, "DOTS", ...D];
|
|
60
|
-
}
|
|
61
|
-
if (v && j) {
|
|
62
|
-
const w = I(a, y);
|
|
63
|
-
return [$, "DOTS", ...w, "DOTS", T];
|
|
64
|
-
}
|
|
65
|
-
return [];
|
|
66
|
-
}), I = (t, n) => {
|
|
67
|
-
const a = n - t + 1;
|
|
68
|
-
return Array.from({ length: a }, (y, v) => v + t);
|
|
69
|
-
}, V = u(() => {
|
|
70
|
-
if (s.alignment)
|
|
71
|
-
switch (s.alignment) {
|
|
72
|
-
case "start":
|
|
73
|
-
return "justify-start";
|
|
74
|
-
case "end":
|
|
75
|
-
return "justify-end";
|
|
76
|
-
case "between":
|
|
77
|
-
return "justify-between!";
|
|
78
|
-
default:
|
|
79
|
-
return "justify-center";
|
|
80
|
-
}
|
|
81
|
-
return s.showPageInfo || s.showItemsPerPage ? "justify-between" : "justify-center";
|
|
82
|
-
}), d = u(() => {
|
|
83
|
-
switch (s.rounded) {
|
|
84
|
-
case "none":
|
|
85
|
-
return "rounded-none";
|
|
86
|
-
case "sm":
|
|
87
|
-
return "rounded-sm";
|
|
88
|
-
case "lg":
|
|
89
|
-
return "rounded-lg";
|
|
90
|
-
case "full":
|
|
91
|
-
return "rounded-full";
|
|
92
|
-
default:
|
|
93
|
-
return "rounded-md";
|
|
94
|
-
}
|
|
95
|
-
}), S = u(() => {
|
|
96
|
-
switch (s.activeVariant) {
|
|
97
|
-
case "solid":
|
|
98
|
-
return {
|
|
99
|
-
variant: "primary",
|
|
100
|
-
extraClass: "pointer-events-none z-10"
|
|
101
|
-
};
|
|
102
|
-
case "ghost":
|
|
103
|
-
return {
|
|
104
|
-
variant: "ghost",
|
|
105
|
-
extraClass: "bg-accent text-accent-foreground pointer-events-none z-10 font-semibold"
|
|
106
|
-
};
|
|
107
|
-
default:
|
|
108
|
-
return {
|
|
109
|
-
variant: "outline",
|
|
110
|
-
extraClass: "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10"
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
}), E = u(() => {
|
|
114
|
-
const t = x("vlite.pagination.show");
|
|
115
|
-
return t !== "vlite.pagination.show" ? t : "Show";
|
|
116
|
-
}), A = u(() => {
|
|
117
|
-
const t = x("vlite.pagination.perPage");
|
|
118
|
-
return t !== "vlite.pagination.perPage" ? t : "per page";
|
|
119
|
-
}), L = u(() => {
|
|
120
|
-
const t = x("vlite.pagination.page");
|
|
121
|
-
return t !== "vlite.pagination.page" ? t : "Page";
|
|
122
|
-
}), M = u(() => {
|
|
123
|
-
const t = x("vlite.pagination.of");
|
|
124
|
-
return t !== "vlite.pagination.of" ? t : "of";
|
|
125
|
-
}), F = u(() => {
|
|
126
|
-
const t = x("vlite.pagination.previous");
|
|
127
|
-
return t !== "vlite.pagination.previous" ? t : "Previous";
|
|
128
|
-
}), q = u(() => {
|
|
129
|
-
const t = x("vlite.pagination.next");
|
|
130
|
-
return t !== "vlite.pagination.next" ? t : "Next";
|
|
131
|
-
});
|
|
132
|
-
return (t, n) => (r(), i("div", {
|
|
133
|
-
class: l(["flex flex-col md:flex-row items-center gap-4 w-full", [V.value]])
|
|
134
|
-
}, [
|
|
135
|
-
e.showPageInfo || e.showItemsPerPage ? (r(), i("div", J, [
|
|
136
|
-
e.showItemsPerPage ? (r(), i("div", K, [
|
|
137
|
-
f("span", Q, o(E.value), 1),
|
|
138
|
-
f("div", U, [
|
|
139
|
-
f("select", {
|
|
140
|
-
value: e.itemsPerPage,
|
|
141
|
-
class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 pl-2 pr-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
|
|
142
|
-
disabled: e.disabled,
|
|
143
|
-
onChange: B
|
|
144
|
-
}, [
|
|
145
|
-
(r(!0), i(k, null, N(e.itemsPerPageOptions, (a) => (r(), i("option", {
|
|
146
|
-
key: a,
|
|
147
|
-
value: a
|
|
148
|
-
}, o(a), 9, X))), 128))
|
|
149
|
-
], 40, W),
|
|
150
|
-
C(H, {
|
|
151
|
-
icon: "lucide:chevron-down",
|
|
152
|
-
class: "absolute right-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
|
|
153
|
-
})
|
|
154
|
-
]),
|
|
155
|
-
f("span", Y, o(A.value), 1)
|
|
156
|
-
])) : P("", !0),
|
|
157
|
-
e.showItemsPerPage && e.showPageInfo ? (r(), i("div", Z)) : P("", !0),
|
|
158
|
-
e.showPageInfo ? (r(), i("span", p, [
|
|
159
|
-
h(o(L.value) + " ", 1),
|
|
160
|
-
f("span", _, o(e.currentPage), 1),
|
|
161
|
-
h(" " + o(M.value) + " ", 1),
|
|
162
|
-
f("span", ee, o(e.totalPages), 1)
|
|
163
|
-
])) : P("", !0)
|
|
164
|
-
])) : P("", !0),
|
|
165
|
-
f("nav", te, [
|
|
166
|
-
e.showEdges ? (r(), b(c, {
|
|
167
|
-
key: 0,
|
|
168
|
-
variant: "ghost",
|
|
169
|
-
size: "sm2",
|
|
170
|
-
icon: "lucide:chevrons-left",
|
|
171
|
-
class: l(d.value),
|
|
172
|
-
disabled: e.disabled || e.currentPage === 1,
|
|
173
|
-
onClick: n[0] || (n[0] = (a) => g(1))
|
|
174
|
-
}, null, 8, ["class", "disabled"])) : P("", !0),
|
|
175
|
-
e.navType === "icon" ? (r(), b(c, {
|
|
176
|
-
key: 1,
|
|
177
|
-
variant: "ghost",
|
|
178
|
-
size: "sm2",
|
|
179
|
-
icon: "lucide:chevron-left",
|
|
180
|
-
class: l(d.value),
|
|
181
|
-
disabled: e.disabled || e.currentPage === 1,
|
|
182
|
-
onClick: n[1] || (n[1] = (a) => g(e.currentPage - 1))
|
|
183
|
-
}, null, 8, ["class", "disabled"])) : (r(), i(k, { key: 2 }, [
|
|
184
|
-
C(c, {
|
|
185
|
-
variant: "ghost",
|
|
186
|
-
size: "sm2",
|
|
187
|
-
class: l(["hidden sm:flex", d.value]),
|
|
188
|
-
disabled: e.disabled || e.currentPage === 1,
|
|
189
|
-
onClick: n[2] || (n[2] = (a) => g(e.currentPage - 1))
|
|
190
|
-
}, {
|
|
191
|
-
default: z(() => [
|
|
192
|
-
h(o(F.value), 1)
|
|
193
|
-
]),
|
|
194
|
-
_: 1
|
|
195
|
-
}, 8, ["class", "disabled"]),
|
|
196
|
-
C(c, {
|
|
197
|
-
variant: "ghost",
|
|
198
|
-
size: "sm2",
|
|
199
|
-
icon: "lucide:chevron-left",
|
|
200
|
-
class: l(["flex sm:hidden", d.value]),
|
|
201
|
-
disabled: e.disabled || e.currentPage === 1,
|
|
202
|
-
onClick: n[3] || (n[3] = (a) => g(e.currentPage - 1))
|
|
203
|
-
}, null, 8, ["class", "disabled"])
|
|
204
|
-
], 64)),
|
|
205
|
-
(r(!0), i(k, null, N(R.value, (a, y) => (r(), i(k, { key: y }, [
|
|
206
|
-
a === "DOTS" ? (r(), i("div", ae, "...")) : a === e.currentPage ? (r(), b(c, {
|
|
207
|
-
key: 1,
|
|
208
|
-
size: "sm2",
|
|
209
|
-
variant: S.value.variant,
|
|
210
|
-
class: l(["w-8! h-8! px-0! py-0! flex items-center justify-center min-w-[2rem]", S.value.extraClass, d.value]),
|
|
211
|
-
disabled: e.disabled
|
|
212
|
-
}, {
|
|
213
|
-
default: z(() => [
|
|
214
|
-
h(o(a), 1)
|
|
215
|
-
]),
|
|
216
|
-
_: 2
|
|
217
|
-
}, 1032, ["variant", "class", "disabled"])) : (r(), b(c, {
|
|
218
|
-
key: 2,
|
|
219
|
-
size: "sm2",
|
|
220
|
-
variant: "ghost",
|
|
221
|
-
class: l(["w-8! h-8! px-0! py-0! border border-transparent flex items-center justify-center min-w-[2rem] text-gray-600 hover:bg-gray-100", d.value]),
|
|
222
|
-
disabled: e.disabled,
|
|
223
|
-
onClick: (v) => g(a)
|
|
224
|
-
}, {
|
|
225
|
-
default: z(() => [
|
|
226
|
-
h(o(a), 1)
|
|
227
|
-
]),
|
|
228
|
-
_: 2
|
|
229
|
-
}, 1032, ["class", "disabled", "onClick"]))
|
|
230
|
-
], 64))), 128)),
|
|
231
|
-
e.navType === "icon" ? (r(), b(c, {
|
|
232
|
-
key: 3,
|
|
233
|
-
variant: "ghost",
|
|
234
|
-
size: "sm2",
|
|
235
|
-
icon: "lucide:chevron-right",
|
|
236
|
-
class: l(d.value),
|
|
237
|
-
disabled: e.disabled || e.currentPage === e.totalPages,
|
|
238
|
-
onClick: n[4] || (n[4] = (a) => g(e.currentPage + 1))
|
|
239
|
-
}, null, 8, ["class", "disabled"])) : (r(), i(k, { key: 4 }, [
|
|
240
|
-
C(c, {
|
|
241
|
-
variant: "ghost",
|
|
242
|
-
size: "sm2",
|
|
243
|
-
class: l(["hidden sm:flex", d.value]),
|
|
244
|
-
disabled: e.disabled || e.currentPage === e.totalPages,
|
|
245
|
-
onClick: n[5] || (n[5] = (a) => g(e.currentPage + 1))
|
|
246
|
-
}, {
|
|
247
|
-
default: z(() => [
|
|
248
|
-
h(o(q.value), 1)
|
|
249
|
-
]),
|
|
250
|
-
_: 1
|
|
251
|
-
}, 8, ["class", "disabled"]),
|
|
252
|
-
C(c, {
|
|
253
|
-
variant: "ghost",
|
|
254
|
-
size: "sm2",
|
|
255
|
-
icon: "lucide:chevron-right",
|
|
256
|
-
class: l(["flex sm:hidden", d.value]),
|
|
257
|
-
disabled: e.disabled || e.currentPage === e.totalPages,
|
|
258
|
-
onClick: n[6] || (n[6] = (a) => g(e.currentPage + 1))
|
|
259
|
-
}, null, 8, ["class", "disabled"])
|
|
260
|
-
], 64)),
|
|
261
|
-
e.showEdges ? (r(), b(c, {
|
|
262
|
-
key: 5,
|
|
263
|
-
variant: "ghost",
|
|
264
|
-
size: "sm2",
|
|
265
|
-
icon: "lucide:chevrons-right",
|
|
266
|
-
class: l(d.value),
|
|
267
|
-
disabled: e.disabled || e.currentPage === e.totalPages,
|
|
268
|
-
onClick: n[7] || (n[7] = (a) => g(e.totalPages))
|
|
269
|
-
}, null, 8, ["class", "disabled"])) : P("", !0)
|
|
270
|
-
])
|
|
271
|
-
], 2));
|
|
272
|
-
}
|
|
273
|
-
});
|
|
1
|
+
import o from "./Pagination.vue2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c562c38"]]);
|
|
274
5
|
export {
|
|
275
|
-
|
|
6
|
+
i as default
|
|
276
7
|
};
|