vlite3 1.4.39 → 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 +18 -18
- 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/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 +9 -0
- package/components/DataTable/DataTable.vue.js +380 -265
- 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 +11 -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.vue2.js +2 -2
- 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 +44 -37
- 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 +1 -1
- 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 +5 -5
- 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 N, computed as d, openBlock as a, createElementBlock as
|
|
1
|
+
import { defineComponent as N, computed as d, openBlock as a, createElementBlock as r, normalizeClass as o, createElementVNode as n, toDisplayString as m, createCommentVNode as s, createBlock as f, withCtx as k, createTextVNode as h, Fragment as V, renderList as z, createVNode as C } from "vue";
|
|
2
2
|
import D from "../Icon.vue.js";
|
|
3
3
|
import w from "../Button.vue.js";
|
|
4
4
|
import E from "./CartLineItem.vue.js";
|
|
@@ -23,11 +23,11 @@ const R = {
|
|
|
23
23
|
containerClass: {}
|
|
24
24
|
},
|
|
25
25
|
emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
|
|
26
|
-
setup(e, { emit:
|
|
27
|
-
const b = e, i =
|
|
26
|
+
setup(e, { emit: B }) {
|
|
27
|
+
const b = e, i = B, c = d(() => b.data), y = d(() => b.labels || {}), u = d(() => b.actions || {}), p = d(() => b.features || {}), v = d(() => c.value.empty || !c.value.items || c.value.items.length === 0), S = d(
|
|
28
28
|
() => c.value.totals.itemCount ?? c.value.items?.reduce(($, t) => $ + (t.quantity || 0), 0) ?? 0
|
|
29
29
|
), x = d(() => c.value.currency || c.value.totals.currency);
|
|
30
|
-
return ($, t) => (a(),
|
|
30
|
+
return ($, t) => (a(), r("div", {
|
|
31
31
|
class: o(["v-cart v-cart-v3 w-full bg-background text-foreground", e.containerClass])
|
|
32
32
|
}, [
|
|
33
33
|
n("div", {
|
|
@@ -37,12 +37,12 @@ const R = {
|
|
|
37
37
|
n("h1", {
|
|
38
38
|
class: o(["font-extrabold tracking-tight text-foreground", e.compact ? "text-xl" : "text-3xl"])
|
|
39
39
|
}, m(c.value.title || y.value.cart || "Shopping Cart"), 3),
|
|
40
|
-
v.value ? s("", !0) : (a(),
|
|
40
|
+
v.value ? s("", !0) : (a(), r("p", {
|
|
41
41
|
key: 0,
|
|
42
42
|
class: o(["text-muted-foreground mt-0.5", e.compact ? "text-xs" : "text-sm"])
|
|
43
43
|
}, m(S.value) + " " + m(S.value === 1 ? "item" : "items") + " in your cart ", 3))
|
|
44
44
|
]),
|
|
45
|
-
e.features.clearable && !v.value && !e.data.readonly ? (a(),
|
|
45
|
+
e.features.clearable && !v.value && !e.data.readonly ? (a(), f(w, {
|
|
46
46
|
key: 0,
|
|
47
47
|
variant: "ghost",
|
|
48
48
|
size: "sm",
|
|
@@ -63,12 +63,12 @@ const R = {
|
|
|
63
63
|
]])
|
|
64
64
|
}, [
|
|
65
65
|
n("div", null, [
|
|
66
|
-
v.value ? (a(),
|
|
66
|
+
v.value ? (a(), f(P, {
|
|
67
67
|
key: 0,
|
|
68
68
|
labels: e.labels,
|
|
69
69
|
compact: e.compact,
|
|
70
70
|
onContinueShopping: t[1] || (t[1] = (l) => i("continue-shopping"))
|
|
71
|
-
}, null, 8, ["labels", "compact"])) : (a(),
|
|
71
|
+
}, null, 8, ["labels", "compact"])) : (a(), r("div", R, [
|
|
72
72
|
n("div", {
|
|
73
73
|
class: o(["bg-muted/40 border-b border-border text-muted-foreground uppercase tracking-wider font-bold flex items-center", [e.compact ? "px-3 py-2 text-[10px]" : "px-4 py-2.5 text-xs"]])
|
|
74
74
|
}, [
|
|
@@ -81,7 +81,7 @@ const R = {
|
|
|
81
81
|
}, "Total", 2)
|
|
82
82
|
], 2),
|
|
83
83
|
n("ul", T, [
|
|
84
|
-
(a(!0),
|
|
84
|
+
(a(!0), r(V, null, z(e.data.items, (l) => (a(), r("li", {
|
|
85
85
|
key: l.id
|
|
86
86
|
}, [
|
|
87
87
|
C(E, {
|
|
@@ -92,14 +92,14 @@ const R = {
|
|
|
92
92
|
readonly: e.data.readonly,
|
|
93
93
|
currency: x.value,
|
|
94
94
|
layout: "card",
|
|
95
|
-
"onUpdate:quantity": t[2] || (t[2] = (
|
|
96
|
-
onRemove: t[3] || (t[3] = (
|
|
95
|
+
"onUpdate:quantity": t[2] || (t[2] = (g, q) => i("update:quantity", g, q)),
|
|
96
|
+
onRemove: t[3] || (t[3] = (g) => i("remove", g))
|
|
97
97
|
}, null, 8, ["item", "features", "labels", "compact", "readonly", "currency"])
|
|
98
98
|
]))), 128))
|
|
99
99
|
])
|
|
100
100
|
]))
|
|
101
101
|
]),
|
|
102
|
-
v.value ? s("", !0) : (a(),
|
|
102
|
+
v.value ? s("", !0) : (a(), r("aside", {
|
|
103
103
|
key: 0,
|
|
104
104
|
class: o(["lg:sticky lg:top-4 self-start", e.compact ? "space-y-3" : "space-y-4"])
|
|
105
105
|
}, [
|
|
@@ -112,7 +112,7 @@ const R = {
|
|
|
112
112
|
n("div", {
|
|
113
113
|
class: o(e.compact ? "space-y-3" : "space-y-4")
|
|
114
114
|
}, [
|
|
115
|
-
e.features.coupon ? (a(),
|
|
115
|
+
e.features.coupon ? (a(), f(I, {
|
|
116
116
|
key: 0,
|
|
117
117
|
coupon: e.data.coupon,
|
|
118
118
|
labels: e.labels,
|
|
@@ -137,45 +137,45 @@ const R = {
|
|
|
137
137
|
}, null, 8, ["totals", "features", "labels", "compact", "coupon", "currency"])
|
|
138
138
|
], 2)
|
|
139
139
|
], 2),
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
u.value.showContinue && p.value.continue || u.value.showContinueShopping && p.value.continueShopping ? (a(), r("div", j, [
|
|
141
|
+
u.value.showContinue && p.value.continue ? (a(), f(w, {
|
|
142
142
|
key: 0,
|
|
143
143
|
variant: "primary",
|
|
144
144
|
size: e.compact ? "md" : "lg",
|
|
145
145
|
block: !0,
|
|
146
|
-
icon:
|
|
147
|
-
disabled:
|
|
146
|
+
icon: u.value.continueIcon || "lucide:lock",
|
|
147
|
+
disabled: u.value.continueDisabled || v.value,
|
|
148
148
|
class: "w-full",
|
|
149
149
|
onClick: t[7] || (t[7] = (l) => i("continue"))
|
|
150
150
|
}, {
|
|
151
151
|
default: k(() => [
|
|
152
|
-
h(m(
|
|
152
|
+
h(m(u.value.continueLabel || y.value.continue || "Proceed to checkout"), 1)
|
|
153
153
|
]),
|
|
154
154
|
_: 1
|
|
155
155
|
}, 8, ["size", "icon", "disabled"])) : s("", !0),
|
|
156
|
-
|
|
156
|
+
u.value.showContinueShopping && p.value.continueShopping ? (a(), f(w, {
|
|
157
157
|
key: 1,
|
|
158
158
|
variant: "ghost",
|
|
159
159
|
size: e.compact ? "sm" : "md",
|
|
160
160
|
block: !0,
|
|
161
|
-
icon:
|
|
162
|
-
disabled:
|
|
161
|
+
icon: u.value.continueShoppingIcon || "lucide:arrow-left",
|
|
162
|
+
disabled: u.value.continueShoppingDisabled,
|
|
163
163
|
class: "w-full",
|
|
164
164
|
onClick: t[8] || (t[8] = (l) => i("continue-shopping"))
|
|
165
165
|
}, {
|
|
166
166
|
default: k(() => [
|
|
167
|
-
h(m(
|
|
167
|
+
h(m(u.value.continueShoppingLabel || y.value.continueShopping || "Continue shopping"), 1)
|
|
168
168
|
]),
|
|
169
169
|
_: 1
|
|
170
170
|
}, 8, ["size", "icon", "disabled"])) : s("", !0)
|
|
171
171
|
])) : s("", !0)
|
|
172
172
|
], 2),
|
|
173
|
-
p.value.trustSignals && c.value.trustSignals?.length ? (a(),
|
|
173
|
+
p.value.trustSignals && c.value.trustSignals?.length ? (a(), r("div", {
|
|
174
174
|
key: 0,
|
|
175
175
|
class: o(["rounded-lg border border-border bg-muted/30", e.compact ? "p-3 space-y-2" : "p-4 space-y-2.5"])
|
|
176
176
|
}, [
|
|
177
|
-
(a(!0),
|
|
178
|
-
key:
|
|
177
|
+
(a(!0), r(V, null, z(c.value.trustSignals, (l, g) => (a(), r("div", {
|
|
178
|
+
key: g,
|
|
179
179
|
class: o(["flex items-center gap-2", e.compact ? "text-xs" : "text-sm"])
|
|
180
180
|
}, [
|
|
181
181
|
C(D, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as q, computed as i, openBlock as n, createElementBlock as c, normalizeClass as s, createElementVNode as m, createVNode as y, toDisplayString as b, createCommentVNode as r, unref as z, createBlock as g, Fragment as N, renderList as D, withCtx as C, createTextVNode as w } from "vue";
|
|
2
2
|
import E from "../Icon.vue.js";
|
|
3
3
|
import L from "../Price/Price.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import S from "../Button.vue.js";
|
|
5
5
|
import j from "./CartLineItem.vue.js";
|
|
6
6
|
import I from "./CartSummary.vue.js";
|
|
7
7
|
import R from "./CartCouponInput.vue.js";
|
|
@@ -15,7 +15,7 @@ const A = { class: "flex items-center gap-2 min-w-0" }, F = {
|
|
|
15
15
|
}, G = { class: "font-semibold text-foreground" }, H = { class: "flex-1 min-h-0 overflow-y-auto" }, J = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "space-y-1.5 pt-0.5"
|
|
18
|
-
}, Z = /* @__PURE__ */
|
|
18
|
+
}, Z = /* @__PURE__ */ q({
|
|
19
19
|
__name: "CartVariant4",
|
|
20
20
|
props: {
|
|
21
21
|
data: {},
|
|
@@ -27,8 +27,8 @@ const A = { class: "flex items-center gap-2 min-w-0" }, F = {
|
|
|
27
27
|
containerClass: {}
|
|
28
28
|
},
|
|
29
29
|
emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
|
|
30
|
-
setup(e, { emit:
|
|
31
|
-
const v = e, l =
|
|
30
|
+
setup(e, { emit: $ }) {
|
|
31
|
+
const v = e, l = $, u = i(() => v.data), x = i(() => v.labels || {}), a = i(() => v.actions || {}), p = i(() => v.features || {}), d = i(() => u.value.empty || !u.value.items || u.value.items.length === 0), V = i(
|
|
32
32
|
() => u.value.totals.itemCount ?? u.value.items?.reduce((k, t) => k + (t.quantity || 0), 0) ?? 0
|
|
33
33
|
), f = i(() => u.value.currency || u.value.totals.currency);
|
|
34
34
|
return (k, t) => (n(), c("div", {
|
|
@@ -49,7 +49,7 @@ const A = { class: "flex items-center gap-2 min-w-0" }, F = {
|
|
|
49
49
|
]),
|
|
50
50
|
!d.value && !e.compact ? (n(), c("p", U, [
|
|
51
51
|
m("span", G, [
|
|
52
|
-
y(
|
|
52
|
+
y(z(L), {
|
|
53
53
|
value: e.data.totals.grandTotal,
|
|
54
54
|
currency: f.value,
|
|
55
55
|
class: "text-foreground font-semibold"
|
|
@@ -78,7 +78,7 @@ const A = { class: "flex items-center gap-2 min-w-0" }, F = {
|
|
|
78
78
|
readonly: e.data.readonly,
|
|
79
79
|
currency: f.value,
|
|
80
80
|
layout: "mini",
|
|
81
|
-
"onUpdate:quantity": t[1] || (t[1] = (h,
|
|
81
|
+
"onUpdate:quantity": t[1] || (t[1] = (h, B) => l("update:quantity", h, B)),
|
|
82
82
|
onRemove: t[2] || (t[2] = (h) => l("remove", h))
|
|
83
83
|
}, null, 8, ["item", "features", "labels", "compact", "readonly", "currency"])
|
|
84
84
|
]))), 128))
|
|
@@ -109,7 +109,7 @@ const A = { class: "flex items-center gap-2 min-w-0" }, F = {
|
|
|
109
109
|
onChange: t[5] || (t[5] = (o) => l("coupon-change", o))
|
|
110
110
|
}, null, 8, ["coupon", "labels", "compact", "readonly", "currency"])) : r("", !0),
|
|
111
111
|
a.value.showContinue && p.value.continue || a.value.showContinueShopping && p.value.continueShopping ? (n(), c("div", J, [
|
|
112
|
-
a.value.showContinue && p.value.continue ? (n(), g(
|
|
112
|
+
a.value.showContinue && p.value.continue ? (n(), g(S, {
|
|
113
113
|
key: 0,
|
|
114
114
|
variant: "primary",
|
|
115
115
|
size: e.compact ? "sm" : "md",
|
|
@@ -124,7 +124,7 @@ const A = { class: "flex items-center gap-2 min-w-0" }, F = {
|
|
|
124
124
|
]),
|
|
125
125
|
_: 1
|
|
126
126
|
}, 8, ["size", "icon", "disabled"])) : r("", !0),
|
|
127
|
-
a.value.showContinueShopping && p.value.continueShopping ? (n(), g(
|
|
127
|
+
a.value.showContinueShopping && p.value.continueShopping ? (n(), g(S, {
|
|
128
128
|
key: 1,
|
|
129
129
|
variant: "ghost",
|
|
130
130
|
size: "sm",
|
|
@@ -19,7 +19,7 @@ import "v-datepicker-lite/style.css";
|
|
|
19
19
|
/* empty css */
|
|
20
20
|
import "@jaames/iro";
|
|
21
21
|
import "@vueuse/core";
|
|
22
|
-
/* empty css
|
|
22
|
+
/* empty css */
|
|
23
23
|
import qe from "../IconPicker.vue.js";
|
|
24
24
|
/* empty css */
|
|
25
25
|
/* empty css */
|
|
@@ -32,10 +32,10 @@ import "../../core/config.js";
|
|
|
32
32
|
/* empty css */
|
|
33
33
|
import { getUniqueId as _ } from "../../utils/functions.js";
|
|
34
34
|
import { buildTreeFromRaw as ze, ensureMeta as w } from "./utils.js";
|
|
35
|
-
const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "text-lg font-bold text-foreground" },
|
|
35
|
+
const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "text-lg font-bold text-foreground" }, Fe = { class: "text-sm text-muted-foreground mt-0.5" }, $e = {
|
|
36
36
|
key: 0,
|
|
37
37
|
class: "flex flex-col items-center justify-center py-10 px-4 text-center border border-dashed border-border rounded-xl bg-background"
|
|
38
|
-
},
|
|
38
|
+
}, Be = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, Je = { class: "text-base font-medium text-foreground" }, je = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, Ge = {
|
|
39
39
|
key: 1,
|
|
40
40
|
class: "w-full tree-wrapper scrollable-container",
|
|
41
41
|
style: { "will-change": "transform", contain: "layout style" }
|
|
@@ -178,12 +178,12 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
178
178
|
u(i);
|
|
179
179
|
}
|
|
180
180
|
r && (w(i), v("onAdd", f(r))), d.value = i, S(), D();
|
|
181
|
-
}, A = h(!1), x = h("add"), q = h(null), O = h(null),
|
|
181
|
+
}, A = h(!1), x = h("add"), q = h(null), O = h(null), F = h({}), Y = [
|
|
182
182
|
{ name: "icon", label: "Category Icon", type: "iconPicker" },
|
|
183
183
|
{ name: "title", label: "Title", type: "text", required: !0 },
|
|
184
184
|
{ name: "description", label: "Description", type: "textarea", props: { rows: 3 } }
|
|
185
185
|
], Z = s(() => e.formSchema || Y), ee = s(() => x.value === "add" ? e.modalTitleAddI18n ? a(e.modalTitleAddI18n) : e.modalTitleAdd ? e.modalTitleAdd : a("vlite.categoryManager.modalTitleAdd") !== "vlite.categoryManager.modalTitleAdd" ? a("vlite.categoryManager.modalTitleAdd") : "Add Category" : x.value === "add-child" ? e.modalTitleAddChildI18n ? a(e.modalTitleAddChildI18n) : e.modalTitleAddChild ? e.modalTitleAddChild : a("vlite.categoryManager.modalTitleAddChild") !== "vlite.categoryManager.modalTitleAddChild" ? a("vlite.categoryManager.modalTitleAddChild") : "Add Sub-category" : e.modalTitleEditI18n ? a(e.modalTitleEditI18n) : e.modalTitleEdit ? e.modalTitleEdit : a("vlite.categoryManager.modalTitleEdit") !== "vlite.categoryManager.modalTitleEdit" ? a("vlite.categoryManager.modalTitleEdit") : "Edit Category"), te = (t, o, l) => {
|
|
186
|
-
x.value = t, q.value = o || null, O.value = l || null,
|
|
186
|
+
x.value = t, q.value = o || null, O.value = l || null, F.value = o ? f(o) : {}, A.value = !0;
|
|
187
187
|
}, oe = async (t) => {
|
|
188
188
|
const o = t?.values || t, l = [...d.value];
|
|
189
189
|
let n = null, i = null;
|
|
@@ -326,7 +326,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
326
326
|
if (e.categoryTitlePlaceholder) return e.categoryTitlePlaceholder;
|
|
327
327
|
const t = a("vlite.categoryManager.categoryTitlePlaceholder");
|
|
328
328
|
return t !== "vlite.categoryManager.categoryTitlePlaceholder" ? t : "Category title...";
|
|
329
|
-
}), Te = s(() => e.quickAddTooltipI18n ? a(e.quickAddTooltipI18n) : e.quickAddTooltip ? e.quickAddTooltip : a("vlite.categoryManager.quickAddTooltip") !== "vlite.categoryManager.quickAddTooltip" ? a("vlite.categoryManager.quickAddTooltip") : "Quick Add Subcategory"), he = s(() => e.advancedDetailsTooltipI18n ? a(e.advancedDetailsTooltipI18n) : e.advancedDetailsTooltip ? e.advancedDetailsTooltip : a("vlite.categoryManager.advancedDetailsTooltip") !== "vlite.categoryManager.advancedDetailsTooltip" ? a("vlite.categoryManager.advancedDetailsTooltip") : "Advanced Details"), xe = s(() => e.deleteTooltipI18n ? a(e.deleteTooltipI18n) : e.deleteTooltip ? e.deleteTooltip : a("vlite.categoryManager.deleteTooltip") !== "vlite.categoryManager.deleteTooltip" ? a("vlite.categoryManager.deleteTooltip") : "Delete"),
|
|
329
|
+
}), Te = s(() => e.quickAddTooltipI18n ? a(e.quickAddTooltipI18n) : e.quickAddTooltip ? e.quickAddTooltip : a("vlite.categoryManager.quickAddTooltip") !== "vlite.categoryManager.quickAddTooltip" ? a("vlite.categoryManager.quickAddTooltip") : "Quick Add Subcategory"), he = s(() => e.advancedDetailsTooltipI18n ? a(e.advancedDetailsTooltipI18n) : e.advancedDetailsTooltip ? e.advancedDetailsTooltip : a("vlite.categoryManager.advancedDetailsTooltip") !== "vlite.categoryManager.advancedDetailsTooltip" ? a("vlite.categoryManager.advancedDetailsTooltip") : "Advanced Details"), xe = s(() => e.deleteTooltipI18n ? a(e.deleteTooltipI18n) : e.deleteTooltip ? e.deleteTooltip : a("vlite.categoryManager.deleteTooltip") !== "vlite.categoryManager.deleteTooltip" ? a("vlite.categoryManager.deleteTooltip") : "Delete"), $ = s(() => e.saveTooltipI18n ? a(e.saveTooltipI18n) : e.saveTooltip ? e.saveTooltip : a("vlite.categoryManager.saveTooltip") !== "vlite.categoryManager.saveTooltip" ? a("vlite.categoryManager.saveTooltip") : "Save"), B = s(() => e.cancelTooltipI18n ? a(e.cancelTooltipI18n) : e.cancelTooltip ? e.cancelTooltip : a("vlite.categoryManager.cancelTooltip") !== "vlite.categoryManager.cancelTooltip" ? a("vlite.categoryManager.cancelTooltip") : "Cancel");
|
|
330
330
|
Ce("categoryManager", {
|
|
331
331
|
expandedIds: g,
|
|
332
332
|
inlineState: y,
|
|
@@ -344,8 +344,8 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
344
344
|
quickAddTooltipText: Te,
|
|
345
345
|
advancedDetailsTooltipText: he,
|
|
346
346
|
deleteTooltipText: xe,
|
|
347
|
-
saveTooltipText:
|
|
348
|
-
cancelTooltipText:
|
|
347
|
+
saveTooltipText: $,
|
|
348
|
+
cancelTooltipText: B
|
|
349
349
|
});
|
|
350
350
|
const Ie = {
|
|
351
351
|
mounted: (t) => {
|
|
@@ -356,7 +356,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
356
356
|
g.value = t;
|
|
357
357
|
}, we = () => {
|
|
358
358
|
g.value = /* @__PURE__ */ new Set();
|
|
359
|
-
},
|
|
359
|
+
}, J = (...t) => {
|
|
360
360
|
const o = new Set(g.value);
|
|
361
361
|
t.forEach((l) => o.add(l)), g.value = o;
|
|
362
362
|
}, Se = (...t) => {
|
|
@@ -364,12 +364,12 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
364
364
|
t.forEach((l) => o.delete(l)), g.value = o;
|
|
365
365
|
};
|
|
366
366
|
return De(() => {
|
|
367
|
-
e.defaultExpanded && e.defaultExpanded.length > 0 &&
|
|
367
|
+
e.defaultExpanded && e.defaultExpanded.length > 0 && J(...e.defaultExpanded);
|
|
368
368
|
}), L({
|
|
369
369
|
expandedIds: g,
|
|
370
370
|
expandAll: be,
|
|
371
371
|
collapseAll: we,
|
|
372
|
-
expand:
|
|
372
|
+
expand: J,
|
|
373
373
|
collapse: Se
|
|
374
374
|
}), (t, o) => (I(), C("div", {
|
|
375
375
|
class: Ae(["category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6 relative", { "category-manager--loading": M.loading }])
|
|
@@ -378,7 +378,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
378
378
|
ke(t.$slots, "header", {}, () => [
|
|
379
379
|
m("div", null, [
|
|
380
380
|
m("h3", Oe, b(se.value), 1),
|
|
381
|
-
m("p",
|
|
381
|
+
m("p", Fe, b(ue.value), 1)
|
|
382
382
|
]),
|
|
383
383
|
M.readonly ? E("", !0) : (I(), G(R, {
|
|
384
384
|
key: 0,
|
|
@@ -394,14 +394,14 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
394
394
|
}))
|
|
395
395
|
], !0)
|
|
396
396
|
]),
|
|
397
|
-
d.value.length === 0 && y.value.mode !== "add-root" ? (I(), C("div",
|
|
398
|
-
m("div",
|
|
397
|
+
d.value.length === 0 && y.value.mode !== "add-root" ? (I(), C("div", $e, [
|
|
398
|
+
m("div", Be, [
|
|
399
399
|
T(Q, {
|
|
400
400
|
icon: "lucide:folder-tree",
|
|
401
401
|
class: "w-6 h-6 text-muted-foreground"
|
|
402
402
|
})
|
|
403
403
|
]),
|
|
404
|
-
m("h4",
|
|
404
|
+
m("h4", Je, b(de.value), 1),
|
|
405
405
|
m("p", je, b(ce.value), 1),
|
|
406
406
|
M.readonly ? E("", !0) : (I(), G(R, {
|
|
407
407
|
key: 0,
|
|
@@ -447,7 +447,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
447
447
|
size: "xs",
|
|
448
448
|
icon: "lucide:check",
|
|
449
449
|
class: "shrink-0 h-7 w-7 px-0",
|
|
450
|
-
title:
|
|
450
|
+
title: $.value,
|
|
451
451
|
onClick: V
|
|
452
452
|
}, null, 8, ["title"]),
|
|
453
453
|
T(R, {
|
|
@@ -455,7 +455,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
455
455
|
size: "xs",
|
|
456
456
|
icon: "lucide:x",
|
|
457
457
|
class: "shrink-0 h-7 w-7 px-0",
|
|
458
|
-
title:
|
|
458
|
+
title: B.value,
|
|
459
459
|
onClick: D
|
|
460
460
|
}, null, 8, ["title"])
|
|
461
461
|
])) : E("", !0)
|
|
@@ -470,7 +470,7 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
|
|
|
470
470
|
m("div", Qe, [
|
|
471
471
|
T(z(Ve), {
|
|
472
472
|
schema: Z.value,
|
|
473
|
-
values:
|
|
473
|
+
values: F.value,
|
|
474
474
|
isUpdate: x.value === "edit",
|
|
475
475
|
submitText: ve.value,
|
|
476
476
|
onOnSubmit: oe
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as A, inject as F, computed as g, resolveComponent as K, openBlock as a, createBlock as f, unref as l, withCtx as P, createElementBlock as i, Fragment as R, renderList as L, isMemoSame as O, createElementVNode as y, normalizeClass as u, createVNode as s, createCommentVNode as c, withDirectives as k, withModifiers as q, withKeys as w, vModelText as _, toDisplayString as Q, vShow as G } from "vue";
|
|
2
2
|
import { VueDraggable as H } from "vue-draggable-plus";
|
|
3
3
|
import C from "../Icon.vue.js";
|
|
4
4
|
import m from "../Button.vue.js";
|
|
@@ -15,7 +15,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
|
|
|
15
15
|
}, le = {
|
|
16
16
|
key: 1,
|
|
17
17
|
class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mb-1.5"
|
|
18
|
-
}, ne = ["placeholder"], ce = /* @__PURE__ */
|
|
18
|
+
}, ne = ["placeholder"], ce = /* @__PURE__ */ A({
|
|
19
19
|
__name: "CategoryNode",
|
|
20
20
|
props: {
|
|
21
21
|
modelValue: {},
|
|
@@ -40,7 +40,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
|
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
return (d, n) => {
|
|
43
|
-
const
|
|
43
|
+
const B = K("CategoryNode", !0);
|
|
44
44
|
return a(), f(l(H), {
|
|
45
45
|
modelValue: b.value,
|
|
46
46
|
"onUpdate:modelValue": n[11] || (n[11] = (e) => b.value = e),
|
|
@@ -165,7 +165,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
|
|
|
165
165
|
]))
|
|
166
166
|
], 2),
|
|
167
167
|
e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((a(), i("div", te, [
|
|
168
|
-
e.children && e.children.length > 0 ? (a(), f(
|
|
168
|
+
e.children && e.children.length > 0 ? (a(), f(B, {
|
|
169
169
|
key: 0,
|
|
170
170
|
modelValue: e.children,
|
|
171
171
|
"onUpdate:modelValue": (o) => D(o, e),
|
|
@@ -12,6 +12,7 @@ import "../../core/config.js";
|
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
|
+
/* empty css */
|
|
15
16
|
/* empty css */
|
|
16
17
|
/* empty css */
|
|
17
18
|
import { buildTreeFromRaw as j } from "../CategoryManager/utils.js";
|
|
@@ -20,7 +21,7 @@ const L = {
|
|
|
20
21
|
class: "w-full text-center text-xs text-muted-foreground py-3"
|
|
21
22
|
}, M = {
|
|
22
23
|
name: "CategoryMenu"
|
|
23
|
-
},
|
|
24
|
+
}, ee = /* @__PURE__ */ C({
|
|
24
25
|
...M,
|
|
25
26
|
props: {
|
|
26
27
|
items: { default: () => [] },
|
|
@@ -106,5 +107,5 @@ const L = {
|
|
|
106
107
|
}
|
|
107
108
|
});
|
|
108
109
|
export {
|
|
109
|
-
|
|
110
|
+
ee as default
|
|
110
111
|
};
|
|
@@ -6,6 +6,7 @@ import "../../core/config.js";
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
|
+
/* empty css */
|
|
9
10
|
import { normalizeRoutePrefix as K, categoriesToDropdownOptions as Q, buildCategoryRoute as U } from "./utils.js";
|
|
10
11
|
const X = { class: "relative w-full max-w-full min-w-0 overflow-hidden flex items-center group" }, Y = {
|
|
11
12
|
key: 0,
|
|
@@ -16,7 +17,7 @@ const X = { class: "relative w-full max-w-full min-w-0 overflow-hidden flex item
|
|
|
16
17
|
}, oe = { class: "sm:hidden border-t border-border" }, ne = {
|
|
17
18
|
key: 0,
|
|
18
19
|
class: "px-2 py-2 bg-muted/30"
|
|
19
|
-
}, le = { class: "flex-1 truncate" },
|
|
20
|
+
}, le = { class: "flex-1 truncate" }, xe = /* @__PURE__ */ F({
|
|
20
21
|
__name: "CategoryMenuVariant1",
|
|
21
22
|
props: {
|
|
22
23
|
items: {},
|
|
@@ -218,5 +219,5 @@ const X = { class: "relative w-full max-w-full min-w-0 overflow-hidden flex item
|
|
|
218
219
|
}
|
|
219
220
|
});
|
|
220
221
|
export {
|
|
221
|
-
|
|
222
|
+
xe as default
|
|
222
223
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as te, ref as p, computed as w, onMounted as le, onUnmounted as ae, watch as oe, nextTick as U, openBlock as c, createElementBlock as f, createElementVNode as o, createTextVNode as re, toDisplayString as b, createCommentVNode as k, Fragment as
|
|
1
|
+
import { defineComponent as te, ref as p, computed as w, onMounted as le, onUnmounted as ae, watch as oe, nextTick as U, openBlock as c, createElementBlock as f, createElementVNode as o, createTextVNode as re, toDisplayString as b, createCommentVNode as k, Fragment as F, renderList as N, createBlock as se, createVNode as I, unref as E, withCtx as ne, withDirectives as ie, vModelText as de } from "vue";
|
|
2
2
|
import ce from "./ChatBubble.vue.js";
|
|
3
3
|
import V from "../Button.vue.js";
|
|
4
4
|
import K from "../Icon.vue.js";
|
|
@@ -21,7 +21,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
21
21
|
}, be = { class: "flex items-center gap-2" }, Te = { class: "truncate max-w-[200px] sm:max-w-[300px] md:max-w-[400px]" }, ke = { class: "flex items-center gap-2 shrink-0" }, Ie = { class: "text-[10px] hidden sm:inline-block opacity-60 mr-1" }, Ee = { class: "relative flex flex-col bg-card border border-border rounded-xl shadow-sm focus-within:border-primary transition-colors overflow-hidden" }, Me = {
|
|
22
22
|
key: 0,
|
|
23
23
|
class: "flex flex-wrap gap-2 p-3 bg-muted/10 border-b border-border"
|
|
24
|
-
}, Se = ["title"], De = ["onClick", "disabled"],
|
|
24
|
+
}, Se = ["title"], De = ["onClick", "disabled"], Be = { class: "flex items-end gap-0 p-1" }, Ce = {
|
|
25
25
|
key: 0,
|
|
26
26
|
class: "shrink-0 mb-0.5 ml-1"
|
|
27
27
|
}, Ae = ["placeholder", "disabled"], Ue = { class: "shrink-0 mb-0.5 mr-1" }, Ne = /* @__PURE__ */ te({
|
|
@@ -55,7 +55,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
55
55
|
},
|
|
56
56
|
emits: ["add", "delete", "edit", "refetch"],
|
|
57
57
|
setup(r, { emit: j }) {
|
|
58
|
-
const a = r,
|
|
58
|
+
const a = r, B = j, v = p(null), C = p(null), i = p(null), h = p(""), R = p(0), M = p(!1), d = p(null), s = p([]), { handleUploadFiles: Y, loading: x } = fe(), P = w(() => {
|
|
59
59
|
if (a.placeholderI18n) {
|
|
60
60
|
const t = u(a.placeholderI18n);
|
|
61
61
|
if (t !== a.placeholderI18n) return t;
|
|
@@ -98,15 +98,15 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
98
98
|
});
|
|
99
99
|
let S = null;
|
|
100
100
|
le(() => {
|
|
101
|
-
|
|
101
|
+
C.value && v.value && (S = new IntersectionObserver(
|
|
102
102
|
([e]) => {
|
|
103
|
-
e.isIntersecting && a.data.length > 0 && !a.isLoadingMore && (
|
|
103
|
+
e.isIntersecting && a.data.length > 0 && !a.isLoadingMore && (R.value = v.value.scrollHeight, M.value = !0, B("refetch"));
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
root: v.value,
|
|
107
107
|
threshold: 0
|
|
108
108
|
}
|
|
109
|
-
), S.observe(
|
|
109
|
+
), S.observe(C.value)), A();
|
|
110
110
|
}), ae(() => {
|
|
111
111
|
S && S.disconnect();
|
|
112
112
|
}), oe(
|
|
@@ -115,7 +115,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
115
115
|
const l = v.value;
|
|
116
116
|
if (l)
|
|
117
117
|
if (await U(), M.value && e > (t || 0)) {
|
|
118
|
-
const m = l.scrollHeight -
|
|
118
|
+
const m = l.scrollHeight - R.value;
|
|
119
119
|
m > 0 && (l.scrollTop = l.scrollTop + m), M.value = !1;
|
|
120
120
|
} else !M.value && e > (t || 0) && A();
|
|
121
121
|
}
|
|
@@ -125,29 +125,29 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
125
125
|
top: v.value.scrollHeight,
|
|
126
126
|
behavior: "smooth"
|
|
127
127
|
});
|
|
128
|
-
},
|
|
128
|
+
}, _ = () => {
|
|
129
129
|
if (!i.value) return;
|
|
130
130
|
i.value.style.height = "auto";
|
|
131
131
|
const e = i.value.scrollHeight;
|
|
132
132
|
i.value.style.height = `${Math.min(e, 120)}px`;
|
|
133
133
|
}, Q = (e) => {
|
|
134
|
-
e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), x.value ||
|
|
134
|
+
e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), x.value || $()) : e.key === "Escape" && d.value && (e.preventDefault(), z());
|
|
135
135
|
}, W = (e) => {
|
|
136
136
|
d.value = e, h.value = e.text, i.value && (i.value.focus(), U(() => {
|
|
137
|
-
|
|
137
|
+
_();
|
|
138
138
|
}));
|
|
139
139
|
}, z = () => {
|
|
140
140
|
d.value = null, h.value = "", i.value && (i.value.style.height = "auto", i.value.focus());
|
|
141
|
-
},
|
|
141
|
+
}, L = w(() => {
|
|
142
142
|
const e = !!h.value.trim(), t = Array.isArray(s.value) && s.value.length > 0;
|
|
143
143
|
return (e || t) && !x.value;
|
|
144
144
|
}), X = (e) => {
|
|
145
145
|
x.value || Array.isArray(s.value) && (s.value.splice(e, 1), s.value.length === 0 && (s.value = []));
|
|
146
|
-
},
|
|
147
|
-
if (
|
|
146
|
+
}, $ = async () => {
|
|
147
|
+
if (!L.value) return;
|
|
148
148
|
const e = h.value.trim(), t = Array.isArray(s.value) && s.value.length > 0, l = !!d.value;
|
|
149
149
|
if (l && d.value)
|
|
150
|
-
e !== d.value.text &&
|
|
150
|
+
e !== d.value.text && B("edit", { ...d.value, text: e, isEdited: !0 }), d.value = null, h.value = "";
|
|
151
151
|
else {
|
|
152
152
|
let n = [];
|
|
153
153
|
if (t) {
|
|
@@ -162,7 +162,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
162
162
|
})).filter((g) => g.fileUrl !== null && g.fileUrl !== "");
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
|
-
|
|
165
|
+
B("add", e, n.length > 0 ? n : void 0), s.value = [], h.value = "";
|
|
166
166
|
}
|
|
167
167
|
i.value && (i.value.style.height = "auto", i.value.focus()), l || A();
|
|
168
168
|
}, D = (e) => {
|
|
@@ -212,7 +212,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
212
212
|
}, [
|
|
213
213
|
o("div", {
|
|
214
214
|
ref_key: "observerTargetRef",
|
|
215
|
-
ref:
|
|
215
|
+
ref: C,
|
|
216
216
|
class: "h-1 w-full shrink-0",
|
|
217
217
|
style: { "overflow-anchor": "none" }
|
|
218
218
|
}, null, 512),
|
|
@@ -241,7 +241,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
241
241
|
])) : k("", !0),
|
|
242
242
|
!r.data.length && !r.isLoadingMore ? (c(), f("div", he, b(q.value), 1)) : k("", !0),
|
|
243
243
|
o("div", xe, [
|
|
244
|
-
(c(!0), f(
|
|
244
|
+
(c(!0), f(F, null, N(ee.value, (l) => (c(), f(F, {
|
|
245
245
|
key: H(l) ? l._key : l.id
|
|
246
246
|
}, [
|
|
247
247
|
H(l) ? (c(), f("div", ge, [
|
|
@@ -319,7 +319,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
319
319
|
])) : k("", !0),
|
|
320
320
|
o("div", Ee, [
|
|
321
321
|
Array.isArray(s.value) && s.value.length > 0 ? (c(), f("div", Me, [
|
|
322
|
-
(c(!0), f(
|
|
322
|
+
(c(!0), f(F, null, N(s.value, (l, n) => (c(), f("div", {
|
|
323
323
|
key: n,
|
|
324
324
|
class: "relative flex items-center gap-2 bg-background border border-border rounded-md p-1.5 pr-8 max-w-[200px] shadow-sm"
|
|
325
325
|
}, [
|
|
@@ -343,8 +343,8 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
343
343
|
], 8, De)
|
|
344
344
|
]))), 128))
|
|
345
345
|
])) : k("", !0),
|
|
346
|
-
o("div",
|
|
347
|
-
r.allowFileUpload ? (c(), f("div",
|
|
346
|
+
o("div", Be, [
|
|
347
|
+
r.allowFileUpload ? (c(), f("div", Ce, [
|
|
348
348
|
I(ue, {
|
|
349
349
|
modelValue: s.value,
|
|
350
350
|
"onUpdate:modelValue": t[1] || (t[1] = (l) => s.value = l),
|
|
@@ -376,7 +376,7 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
376
376
|
class: "flex-1 max-h-[120px] min-h-[20px] w-full resize-none bg-transparent px-2 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground scrollbar-thin disabled:opacity-50",
|
|
377
377
|
rows: "1",
|
|
378
378
|
"aria-label": "Message input",
|
|
379
|
-
onInput:
|
|
379
|
+
onInput: _,
|
|
380
380
|
onKeydown: Q
|
|
381
381
|
}, null, 40, Ae), [
|
|
382
382
|
[de, h.value]
|
|
@@ -389,8 +389,8 @@ const me = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent"
|
|
|
389
389
|
loading: E(x),
|
|
390
390
|
rounded: "full",
|
|
391
391
|
class: "h-8 w-8 px-0 transition-transform active:scale-95",
|
|
392
|
-
disabled:
|
|
393
|
-
onClick:
|
|
392
|
+
disabled: !L.value,
|
|
393
|
+
onClick: $,
|
|
394
394
|
"aria-label": d.value ? "Save changes" : "Send message"
|
|
395
395
|
}, null, 8, ["icon", "loading", "disabled", "aria-label"])
|
|
396
396
|
])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonVariant, ButtonSize, ButtonRounded } from '../types';
|
|
1
|
+
import { ButtonVariant, ButtonSize, ButtonRounded, ButtonDirection } from '../types';
|
|
2
2
|
export interface ClipboardProps {
|
|
3
3
|
/** The content to be copied to the clipboard */
|
|
4
4
|
textToCopy: string;
|
|
@@ -14,6 +14,11 @@ export interface ClipboardProps {
|
|
|
14
14
|
defaultTextI18n?: string;
|
|
15
15
|
copiedTextI18n?: string;
|
|
16
16
|
asIcon?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Text/icon layout direction (passed to Button).
|
|
19
|
+
* `auto` follows nearest ancestor `dir`, then `html[dir]`.
|
|
20
|
+
*/
|
|
21
|
+
dir?: ButtonDirection;
|
|
17
22
|
}
|
|
18
23
|
declare function __VLS_template(): {
|
|
19
24
|
attrs: Partial<{}>;
|
|
@@ -36,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<ClipboardProps, {},
|
|
|
36
41
|
variant: ButtonVariant;
|
|
37
42
|
size: ButtonSize;
|
|
38
43
|
rounded: ButtonRounded;
|
|
44
|
+
dir: ButtonDirection;
|
|
39
45
|
asIcon: boolean;
|
|
40
46
|
defaultIcon: string;
|
|
41
47
|
copiedIcon: string;
|