vlite3 1.4.26 → 1.4.28
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 +4 -3
- package/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.d.ts +20 -1
- package/components/ColorPicker/ColorPicker.vue.js +98 -72
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js} +1 -1
- package/components/DateRangePicker.vue.js +5 -239
- package/components/DateRangePicker.vue2.js +239 -2
- package/components/FilePicker/index.vue.js +1 -1
- package/components/Form/FormField.vue.js +71 -68
- package/components/Form/TableRow.vue.js +55 -40
- package/components/Form/TableView.vue.js +36 -31
- package/components/NavbarCommandPalette.vue.js +1 -1
- package/components/Screen/ScreenFilter.vue.js +4 -3
- package/components/Stats/StatItem.vue.js +127 -123
- package/package.json +2 -2
- package/style.css +1 -1
- /package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +0 -0
|
@@ -15,9 +15,10 @@ import "v-tooltip-lite/style.css";
|
|
|
15
15
|
/* empty css */
|
|
16
16
|
import "v-datepicker-lite";
|
|
17
17
|
import "v-datepicker-lite/style.css";
|
|
18
|
+
/* empty css */
|
|
18
19
|
import "@jaames/iro";
|
|
19
20
|
import "@vueuse/core";
|
|
20
|
-
/* empty css
|
|
21
|
+
/* empty css */
|
|
21
22
|
import qe from "../IconPicker.vue.js";
|
|
22
23
|
/* empty css */
|
|
23
24
|
/* empty css */
|
|
@@ -45,7 +46,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
45
46
|
}, Le = {
|
|
46
47
|
key: 0,
|
|
47
48
|
class: "absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-background/60 backdrop-blur-[1px] transition-opacity"
|
|
48
|
-
}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" },
|
|
49
|
+
}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, kt = /* @__PURE__ */ Me({
|
|
49
50
|
__name: "CategoryManager",
|
|
50
51
|
props: {
|
|
51
52
|
modelValue: { default: () => [] },
|
|
@@ -494,5 +495,5 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
494
495
|
}
|
|
495
496
|
});
|
|
496
497
|
export {
|
|
497
|
-
|
|
498
|
+
kt as default
|
|
498
499
|
};
|
|
@@ -9,8 +9,20 @@ interface Props {
|
|
|
9
9
|
position?: TooltTipPlacement;
|
|
10
10
|
btnProps?: ButtonProps;
|
|
11
11
|
showInput?: boolean;
|
|
12
|
+
trigger?: 'input' | 'button' | 'swatch';
|
|
12
13
|
}
|
|
13
|
-
declare
|
|
14
|
+
declare function __VLS_template(): {
|
|
15
|
+
attrs: Partial<{}>;
|
|
16
|
+
slots: {
|
|
17
|
+
trigger?(_: {
|
|
18
|
+
isOpen: any;
|
|
19
|
+
}): any;
|
|
20
|
+
};
|
|
21
|
+
refs: {};
|
|
22
|
+
rootEl: HTMLDivElement;
|
|
23
|
+
};
|
|
24
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
25
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
14
26
|
change: (value: string) => any;
|
|
15
27
|
"update:modelValue": (value: string) => any;
|
|
16
28
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
@@ -22,7 +34,14 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
|
|
|
22
34
|
rounded: InputRounded;
|
|
23
35
|
disabled: boolean;
|
|
24
36
|
modelValue: string;
|
|
37
|
+
trigger: "input" | "button" | "swatch";
|
|
25
38
|
position: TooltTipPlacement;
|
|
26
39
|
showInput: boolean;
|
|
27
40
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
41
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
42
|
export default _default;
|
|
43
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
44
|
+
new (): {
|
|
45
|
+
$slots: S;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent as B, ref as v, watch as u, openBlock as t, createBlock as c, unref as g, withCtx as m, createElementBlock as i, createVNode as f, createCommentVNode as p, createElementVNode as n, renderSlot as O, mergeProps as E, normalizeStyle as h, toDisplayString as P, normalizeClass as S } from "vue";
|
|
2
|
+
import D from "../Dropdown/Dropdown.vue.js";
|
|
3
3
|
import "@iconify/vue";
|
|
4
4
|
import y from "../Input.vue.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
import "../../core/config.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
/* empty css
|
|
12
|
-
import { useEyeDropper as
|
|
13
|
-
const
|
|
9
|
+
import k from "../Button.vue.js";
|
|
10
|
+
import N from "./ColorIro.vue2.js";
|
|
11
|
+
/* empty css */
|
|
12
|
+
import { useEyeDropper as j } from "@vueuse/core";
|
|
13
|
+
const I = ["disabled", "aria-label"], U = { class: "min-w-0 truncate text-foreground" }, A = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center justify-center z-20 pointer-events-none" }, F = {
|
|
14
14
|
key: 0,
|
|
15
15
|
class: "p-1 w-max flex flex-col justify-center"
|
|
16
|
-
},
|
|
16
|
+
}, G = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "flex items-center gap-1.5 w-full"
|
|
19
|
-
},
|
|
19
|
+
}, R = { class: "flex-1 w-0 min-w-0" }, _ = /* @__PURE__ */ B({
|
|
20
20
|
__name: "ColorPicker",
|
|
21
21
|
props: {
|
|
22
22
|
modelValue: { default: "#000000" },
|
|
@@ -26,103 +26,129 @@ const N = { class: "absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center
|
|
|
26
26
|
rounded: { default: "md" },
|
|
27
27
|
position: { default: "bottom" },
|
|
28
28
|
btnProps: {},
|
|
29
|
-
showInput: { type: Boolean, default: !0 }
|
|
29
|
+
showInput: { type: Boolean, default: !0 },
|
|
30
|
+
trigger: { default: "input" }
|
|
30
31
|
},
|
|
31
32
|
emits: ["update:modelValue", "change"],
|
|
32
|
-
setup(
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
setup(e, { emit: x }) {
|
|
34
|
+
const r = e, b = x, d = v(!1), l = v(r.modelValue || "#000000"), { isSupported: w, open: V, sRGBHex: z } = j();
|
|
35
|
+
u(z, (o) => {
|
|
36
|
+
o && (l.value = o);
|
|
36
37
|
});
|
|
37
|
-
const
|
|
38
|
+
const C = async () => {
|
|
38
39
|
try {
|
|
39
|
-
await
|
|
40
|
-
} catch (
|
|
41
|
-
console.error("Error opening eyedropper:",
|
|
40
|
+
await V();
|
|
41
|
+
} catch (o) {
|
|
42
|
+
console.error("Error opening eyedropper:", o);
|
|
42
43
|
}
|
|
43
44
|
};
|
|
44
|
-
|
|
45
|
-
() =>
|
|
46
|
-
(
|
|
47
|
-
|
|
45
|
+
u(
|
|
46
|
+
() => r.modelValue,
|
|
47
|
+
(o) => {
|
|
48
|
+
o && o !== l.value && (l.value = o);
|
|
48
49
|
}
|
|
49
|
-
),
|
|
50
|
-
/^#([0-9A-F]{3,8})$/i.test(
|
|
50
|
+
), u(l, (o) => {
|
|
51
|
+
/^#([0-9A-F]{3,8})$/i.test(o) && o !== r.modelValue && (b("update:modelValue", o), b("change", o));
|
|
51
52
|
});
|
|
52
|
-
const
|
|
53
|
-
|
|
53
|
+
const $ = (o) => {
|
|
54
|
+
l.value = o;
|
|
54
55
|
};
|
|
55
|
-
return (
|
|
56
|
-
disabled:
|
|
56
|
+
return (o, a) => (t(), c(g(D), {
|
|
57
|
+
disabled: e.disabled,
|
|
57
58
|
class: "w-full",
|
|
58
|
-
position:
|
|
59
|
+
position: e.position,
|
|
59
60
|
offset: [0, 8],
|
|
60
61
|
searchable: !1,
|
|
61
62
|
"close-on-select": !1,
|
|
62
|
-
onOnOpen:
|
|
63
|
-
onOnClose:
|
|
63
|
+
onOnOpen: a[1] || (a[1] = (s) => d.value = !0),
|
|
64
|
+
onOnClose: a[2] || (a[2] = (s) => d.value = !1)
|
|
64
65
|
}, {
|
|
65
|
-
trigger:
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
variant:
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
66
|
+
trigger: m(({ isOpen: s }) => [
|
|
67
|
+
O(o.$slots, "trigger", { isOpen: s }, () => [
|
|
68
|
+
e.trigger === "button" ? (t(), c(k, E({
|
|
69
|
+
key: 0,
|
|
70
|
+
style: { backgroundColor: e.modelValue }
|
|
71
|
+
}, {
|
|
72
|
+
rounded: "full",
|
|
73
|
+
size: "xs",
|
|
74
|
+
icon: " ",
|
|
75
|
+
variant: "outline",
|
|
76
|
+
...e.btnProps || {}
|
|
77
|
+
}), null, 16, ["style"])) : e.trigger === "swatch" ? (t(), i("button", {
|
|
78
|
+
key: 1,
|
|
79
|
+
type: "button",
|
|
80
|
+
disabled: e.disabled,
|
|
81
|
+
"aria-label": `Choose color ${e.modelValue}`,
|
|
82
|
+
class: "flex min-h-10 w-full items-center gap-2.5 px-3 text-left font-mono text-xs uppercase transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50"
|
|
83
|
+
}, [
|
|
84
|
+
n("span", {
|
|
85
|
+
"aria-hidden": "true",
|
|
86
|
+
class: "h-5 w-5 shrink-0 rounded-full border border-black/10 shadow-sm dark:border-white/15",
|
|
87
|
+
style: h({ backgroundColor: e.modelValue })
|
|
88
|
+
}, null, 4),
|
|
89
|
+
n("span", U, P(e.modelValue), 1)
|
|
90
|
+
], 8, I)) : (t(), i("div", {
|
|
91
|
+
key: 2,
|
|
92
|
+
class: S(["w-full relative cursor-pointer", [e.disabled ? "opacity-50 pointer-events-none" : ""]])
|
|
93
|
+
}, [
|
|
94
|
+
f(y, {
|
|
95
|
+
"model-value": e.modelValue,
|
|
96
|
+
readonly: "",
|
|
97
|
+
disabled: e.disabled,
|
|
98
|
+
size: e.size,
|
|
99
|
+
variant: e.variant,
|
|
100
|
+
rounded: e.rounded,
|
|
101
|
+
class: "pointer-events-none",
|
|
102
|
+
"input-class": "pl-9 font-mono uppercase cursor-pointer"
|
|
103
|
+
}, null, 8, ["model-value", "disabled", "size", "variant", "rounded"]),
|
|
104
|
+
n("div", A, [
|
|
105
|
+
n("div", {
|
|
106
|
+
class: "w-4 h-4 rounded-full shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1)] dark:shadow-[inset_0_0_0_1px_rgba(255,255,255,0.1)]",
|
|
107
|
+
style: h({ backgroundColor: e.modelValue })
|
|
108
|
+
}, null, 4)
|
|
109
|
+
])
|
|
110
|
+
], 2))
|
|
111
|
+
])
|
|
86
112
|
]),
|
|
87
|
-
default:
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
color:
|
|
113
|
+
default: m(() => [
|
|
114
|
+
d.value ? (t(), i("div", F, [
|
|
115
|
+
f(N, {
|
|
116
|
+
color: e.modelValue,
|
|
91
117
|
"show-header": !1,
|
|
92
|
-
size:
|
|
93
|
-
"onUpdate:color":
|
|
118
|
+
size: e.size,
|
|
119
|
+
"onUpdate:color": $
|
|
94
120
|
}, {
|
|
95
|
-
bottom:
|
|
96
|
-
|
|
97
|
-
|
|
121
|
+
bottom: m(() => [
|
|
122
|
+
e.showInput ? (t(), i("div", G, [
|
|
123
|
+
g(w) ? (t(), c(k, {
|
|
98
124
|
key: 0,
|
|
99
|
-
onClick:
|
|
125
|
+
onClick: C,
|
|
100
126
|
icon: "pepicons-pop:color-picker",
|
|
101
127
|
variant: "outline",
|
|
102
128
|
size: "sm",
|
|
103
129
|
class: "px-2 shrink-0"
|
|
104
|
-
})) :
|
|
105
|
-
n("div",
|
|
106
|
-
|
|
107
|
-
modelValue:
|
|
108
|
-
"onUpdate:modelValue":
|
|
130
|
+
})) : p("", !0),
|
|
131
|
+
n("div", R, [
|
|
132
|
+
f(y, {
|
|
133
|
+
modelValue: l.value,
|
|
134
|
+
"onUpdate:modelValue": a[0] || (a[0] = (s) => l.value = s),
|
|
109
135
|
size: "sm",
|
|
110
136
|
"show-clear-button": !1,
|
|
111
137
|
placeholder: "#000000",
|
|
112
|
-
class: "
|
|
138
|
+
class: "w-full",
|
|
113
139
|
"input-class": "font-mono text-xs uppercase "
|
|
114
140
|
}, null, 8, ["modelValue"])
|
|
115
141
|
])
|
|
116
|
-
])) :
|
|
142
|
+
])) : p("", !0)
|
|
117
143
|
]),
|
|
118
144
|
_: 1
|
|
119
145
|
}, 8, ["color", "size"])
|
|
120
|
-
])) :
|
|
146
|
+
])) : p("", !0)
|
|
121
147
|
]),
|
|
122
|
-
_:
|
|
148
|
+
_: 3
|
|
123
149
|
}, 8, ["disabled", "position"]));
|
|
124
150
|
}
|
|
125
151
|
});
|
|
126
152
|
export {
|
|
127
|
-
|
|
153
|
+
_ as default
|
|
128
154
|
};
|
|
@@ -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.vue2.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,241 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
/* empty css */
|
|
6
|
-
/* empty css */
|
|
7
|
-
/* empty css */
|
|
8
|
-
import P from "./Button.vue.js";
|
|
9
|
-
import p from "v-datepicker-lite";
|
|
10
|
-
import "v-datepicker-lite/style.css";
|
|
11
|
-
const j = { class: "flex items-center justify-start gap-2 w-full" }, H = { class: "flex flex-col sm:flex-row bg-background rounded-md" }, Q = {
|
|
12
|
-
key: 0,
|
|
13
|
-
class: "flex flex-col gap-1 sm:pr-3 py-2 sm:border-r border-border max-h-[280px]"
|
|
14
|
-
}, O = { class: "flex flex-col sm:flex-row items-center gap-4 py-2 p-3" }, I = { class: "border border-border rounded-md overflow-hidden bg-background" }, U = { class: "flex items-center justify-center shrink-0" }, q = { class: "border border-border rounded-md overflow-hidden bg-background" }, le = /* @__PURE__ */ $({
|
|
15
|
-
__name: "DateRangePicker",
|
|
16
|
-
props: {
|
|
17
|
-
modelValue: {},
|
|
18
|
-
placeholderStart: { default: "Start Date" },
|
|
19
|
-
placeholderEnd: { default: "End Date" },
|
|
20
|
-
minDate: {},
|
|
21
|
-
maxDate: {},
|
|
22
|
-
disabled: { type: Boolean },
|
|
23
|
-
readonly: { type: Boolean },
|
|
24
|
-
size: {},
|
|
25
|
-
variant: {},
|
|
26
|
-
showQuickRanges: { type: Boolean, default: !0 },
|
|
27
|
-
triggerClass: {}
|
|
28
|
-
},
|
|
29
|
-
emits: ["update:modelValue", "change"],
|
|
30
|
-
setup(s, { emit: M }) {
|
|
31
|
-
const g = s, k = M, o = b(!1), c = b(0);
|
|
32
|
-
F(o, (a) => {
|
|
33
|
-
a && c.value++;
|
|
34
|
-
});
|
|
35
|
-
const n = u({
|
|
36
|
-
get: () => {
|
|
37
|
-
const a = g.modelValue;
|
|
38
|
-
return a ? {
|
|
39
|
-
startDate: a.startDate !== void 0 ? a.startDate : a.start,
|
|
40
|
-
endDate: a.endDate !== void 0 ? a.endDate : a.end
|
|
41
|
-
} : { startDate: null, endDate: null };
|
|
42
|
-
},
|
|
43
|
-
set: (a) => {
|
|
44
|
-
k("update:modelValue", a), k("change", a);
|
|
45
|
-
}
|
|
46
|
-
}), Y = (a) => {
|
|
47
|
-
n.value = { ...n.value, startDate: a };
|
|
48
|
-
}, S = (a) => {
|
|
49
|
-
n.value = { ...n.value, endDate: a };
|
|
50
|
-
}, C = u(() => {
|
|
51
|
-
if (n.value.endDate) {
|
|
52
|
-
const a = new Date(n.value.endDate);
|
|
53
|
-
if (!isNaN(a.getTime())) return a.toISOString();
|
|
54
|
-
}
|
|
55
|
-
return g.maxDate;
|
|
56
|
-
}), N = u(() => {
|
|
57
|
-
if (n.value.startDate) {
|
|
58
|
-
const a = new Date(n.value.startDate);
|
|
59
|
-
if (!isNaN(a.getTime())) return a.toISOString();
|
|
60
|
-
}
|
|
61
|
-
return g.minDate;
|
|
62
|
-
}), f = (a) => {
|
|
63
|
-
if (!a) return "";
|
|
64
|
-
try {
|
|
65
|
-
const e = new Date(a);
|
|
66
|
-
return isNaN(e.getTime()) ? "" : e.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
|
67
|
-
} catch {
|
|
68
|
-
return "";
|
|
69
|
-
}
|
|
70
|
-
}, V = u(() => [
|
|
71
|
-
{
|
|
72
|
-
label: l("vlite.dateRangePicker.today") !== "vlite.dateRangePicker.today" ? l("vlite.dateRangePicker.today") : "Today",
|
|
73
|
-
value: "today",
|
|
74
|
-
icon: "lucide:calendar"
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
label: l("vlite.dateRangePicker.yesterday") !== "vlite.dateRangePicker.yesterday" ? l("vlite.dateRangePicker.yesterday") : "Yesterday",
|
|
78
|
-
value: "yesterday",
|
|
79
|
-
icon: "lucide:calendar-minus"
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
label: l("vlite.dateRangePicker.last7Days") !== "vlite.dateRangePicker.last7Days" ? l("vlite.dateRangePicker.last7Days") : "Last 7 Days",
|
|
83
|
-
value: "last_7_days",
|
|
84
|
-
icon: "lucide:calendar-days"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
label: l("vlite.dateRangePicker.last30Days") !== "vlite.dateRangePicker.last30Days" ? l("vlite.dateRangePicker.last30Days") : "Last 30 Days",
|
|
88
|
-
value: "last_30_days",
|
|
89
|
-
icon: "lucide:calendar-days"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
label: l("vlite.dateRangePicker.thisMonth") !== "vlite.dateRangePicker.thisMonth" ? l("vlite.dateRangePicker.thisMonth") : "This Month",
|
|
93
|
-
value: "this_month",
|
|
94
|
-
icon: "lucide:calendar-range"
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
label: l("vlite.dateRangePicker.lastMonth") !== "vlite.dateRangePicker.lastMonth" ? l("vlite.dateRangePicker.lastMonth") : "Last Month",
|
|
98
|
-
value: "last_month",
|
|
99
|
-
icon: "lucide:calendar-range"
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
label: l("vlite.dateRangePicker.last6Months") !== "vlite.dateRangePicker.last6Months" ? l("vlite.dateRangePicker.last6Months") : "Last 6 Months",
|
|
103
|
-
value: "last_6_months",
|
|
104
|
-
icon: "lucide:history"
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
label: l("vlite.dateRangePicker.thisYear") !== "vlite.dateRangePicker.thisYear" ? l("vlite.dateRangePicker.thisYear") : "This Year",
|
|
108
|
-
value: "this_year",
|
|
109
|
-
icon: "lucide:calendar-check"
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
label: l("vlite.dateRangePicker.lastYear") !== "vlite.dateRangePicker.lastYear" ? l("vlite.dateRangePicker.lastYear") : "Last Year",
|
|
113
|
-
value: "last_year",
|
|
114
|
-
icon: "lucide:history"
|
|
115
|
-
}
|
|
116
|
-
]), _ = (a) => {
|
|
117
|
-
const e = /* @__PURE__ */ new Date();
|
|
118
|
-
let t = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
|
|
119
|
-
switch (e.setHours(0, 0, 0, 0), t.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), a.value) {
|
|
120
|
-
case "today":
|
|
121
|
-
t = new Date(e), r = new Date(e);
|
|
122
|
-
break;
|
|
123
|
-
case "yesterday":
|
|
124
|
-
t = new Date(e), t.setDate(t.getDate() - 1), r = new Date(t);
|
|
125
|
-
break;
|
|
126
|
-
case "last_7_days":
|
|
127
|
-
t = new Date(e), t.setDate(t.getDate() - 6), r = new Date(e);
|
|
128
|
-
break;
|
|
129
|
-
case "last_30_days":
|
|
130
|
-
t = new Date(e), t.setDate(t.getDate() - 29), r = new Date(e);
|
|
131
|
-
break;
|
|
132
|
-
case "this_month":
|
|
133
|
-
t = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e);
|
|
134
|
-
break;
|
|
135
|
-
case "last_month":
|
|
136
|
-
t = new Date(e.getFullYear(), e.getMonth() - 1, 1), r = new Date(e.getFullYear(), e.getMonth(), 0);
|
|
137
|
-
break;
|
|
138
|
-
case "last_6_months":
|
|
139
|
-
t = new Date(e.getFullYear(), e.getMonth() - 5, 1), r = new Date(e);
|
|
140
|
-
break;
|
|
141
|
-
case "this_year":
|
|
142
|
-
t = new Date(e.getFullYear(), 0, 1), r = new Date(e);
|
|
143
|
-
break;
|
|
144
|
-
case "last_year":
|
|
145
|
-
t = new Date(e.getFullYear() - 1, 0, 1), r = new Date(e.getFullYear() - 1, 11, 31);
|
|
146
|
-
break;
|
|
147
|
-
}
|
|
148
|
-
n.value = { startDate: t, endDate: r }, c.value++, o.value = !1;
|
|
149
|
-
};
|
|
150
|
-
return (a, e) => (d(), m(v(E), {
|
|
151
|
-
isOpen: o.value,
|
|
152
|
-
"onUpdate:isOpen": e[0] || (e[0] = (t) => o.value = t),
|
|
153
|
-
position: "bottom-start",
|
|
154
|
-
disabled: s.disabled || s.readonly,
|
|
155
|
-
class: "w-full sm:w-auto inline-block",
|
|
156
|
-
maxHeight: "none"
|
|
157
|
-
}, {
|
|
158
|
-
trigger: D(({ isOpen: t }) => [
|
|
159
|
-
h(P, {
|
|
160
|
-
icon: "lucide:calendar",
|
|
161
|
-
variant: s.variant || "outline",
|
|
162
|
-
size: s.size || "md",
|
|
163
|
-
disabled: s.disabled,
|
|
164
|
-
class: y(["w-full justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": t }]]),
|
|
165
|
-
"data-testid": a.$attrs["data-testid"] || (a.$attrs.name ? `daterange-${a.$attrs.name}` : "daterange")
|
|
166
|
-
}, {
|
|
167
|
-
default: D(() => [
|
|
168
|
-
i("div", j, [
|
|
169
|
-
i("span", {
|
|
170
|
-
class: y({ "text-muted-foreground": !n.value.startDate })
|
|
171
|
-
}, x(n.value.startDate ? f(n.value.startDate) : s.placeholderStart), 3),
|
|
172
|
-
e[1] || (e[1] = B(" — ", -1)),
|
|
173
|
-
i("span", {
|
|
174
|
-
class: y({ "text-muted-foreground": !n.value.endDate })
|
|
175
|
-
}, x(n.value.endDate ? f(n.value.endDate) : s.placeholderEnd), 3)
|
|
176
|
-
])
|
|
177
|
-
]),
|
|
178
|
-
_: 1
|
|
179
|
-
}, 8, ["variant", "size", "disabled", "class", "data-testid"])
|
|
180
|
-
]),
|
|
181
|
-
menu: D(() => [
|
|
182
|
-
i("div", H, [
|
|
183
|
-
s.showQuickRanges ? (d(), w("div", Q, [
|
|
184
|
-
e[2] || (e[2] = i("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
|
|
185
|
-
(d(!0), w(L, null, T(V.value, (t) => (d(), m(P, {
|
|
186
|
-
key: t.value,
|
|
187
|
-
text: t.label,
|
|
188
|
-
icon: t.icon,
|
|
189
|
-
variant: "ghost",
|
|
190
|
-
size: "sm",
|
|
191
|
-
class: "justify-start w-full font-normal",
|
|
192
|
-
onClick: (r) => _(t)
|
|
193
|
-
}, null, 8, ["text", "icon", "onClick"]))), 128))
|
|
194
|
-
])) : z("", !0),
|
|
195
|
-
i("div", O, [
|
|
196
|
-
i("div", I, [
|
|
197
|
-
(d(), m(v(p), {
|
|
198
|
-
key: "start-" + c.value,
|
|
199
|
-
value: n.value.startDate,
|
|
200
|
-
onChange: Y,
|
|
201
|
-
mode: "date",
|
|
202
|
-
"max-date": C.value,
|
|
203
|
-
"min-date": s.minDate,
|
|
204
|
-
disabled: s.disabled,
|
|
205
|
-
class: "min-w-[270px]",
|
|
206
|
-
readonly: s.readonly
|
|
207
|
-
}, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
|
|
208
|
-
]),
|
|
209
|
-
i("div", U, [
|
|
210
|
-
h(R, {
|
|
211
|
-
icon: "lucide:arrow-right",
|
|
212
|
-
class: "w-5 h-5 text-muted-foreground hidden sm:block opacity-50"
|
|
213
|
-
}),
|
|
214
|
-
h(R, {
|
|
215
|
-
icon: "lucide:arrow-down",
|
|
216
|
-
class: "w-5 h-5 text-muted-foreground sm:hidden opacity-50"
|
|
217
|
-
})
|
|
218
|
-
]),
|
|
219
|
-
i("div", q, [
|
|
220
|
-
(d(), m(v(p), {
|
|
221
|
-
key: "end-" + c.value,
|
|
222
|
-
value: n.value.endDate,
|
|
223
|
-
onChange: S,
|
|
224
|
-
mode: "date",
|
|
225
|
-
"min-date": N.value,
|
|
226
|
-
"max-date": s.maxDate,
|
|
227
|
-
class: "min-w-[270px]",
|
|
228
|
-
disabled: s.disabled,
|
|
229
|
-
readonly: s.readonly
|
|
230
|
-
}, null, 8, ["value", "min-date", "max-date", "disabled", "readonly"]))
|
|
231
|
-
])
|
|
232
|
-
])
|
|
233
|
-
])
|
|
234
|
-
]),
|
|
235
|
-
_: 1
|
|
236
|
-
}, 8, ["isOpen", "disabled"]));
|
|
237
|
-
}
|
|
238
|
-
});
|
|
1
|
+
import o from "./DateRangePicker.vue2.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a8f85730"]]);
|
|
239
5
|
export {
|
|
240
|
-
|
|
6
|
+
f as default
|
|
241
7
|
};
|