vlite3 0.8.7 → 0.8.9

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.
Files changed (34) hide show
  1. package/components/Badge.vue.js +4 -4
  2. package/components/Button.vue.js +21 -21
  3. package/components/ColorPicker/ColorPicker.vue.d.ts +1 -1
  4. package/components/DataTable/DataTable.vue.js +34 -11
  5. package/components/Dropdown/Dropdown.vue.d.ts +7 -7
  6. package/components/Dropdown/Dropdown.vue.js +132 -121
  7. package/components/Dropdown/DropdownGroupedLayout.vue.d.ts +1 -1
  8. package/components/Dropdown/DropdownMenu.vue.d.ts +1 -1
  9. package/components/Dropdown/useDropdownIds.d.ts +7 -0
  10. package/components/FilePicker/FilePicker.vue.js +12 -12
  11. package/components/Form/Form.vue.js +2 -2
  12. package/components/Form/Form.vue2.js +2 -2
  13. package/components/Form/FormFields.vue.js +2 -2
  14. package/components/Form/FormFields.vue2.js +6 -6
  15. package/components/IconPicker.vue.d.ts +1 -1
  16. package/components/Modal.vue.js +2 -2
  17. package/components/Navbar/Navbar.vue.d.ts +1 -1
  18. package/components/NavbarCommandPalette.vue.d.ts +1 -1
  19. package/components/Screen/Screen.vue.js +197 -218
  20. package/components/SidePanel.vue.d.ts +1 -1
  21. package/components/SidebarMenu/SidebarMenu.vue.d.ts +1 -1
  22. package/components/Stats/Stats.vue.js +151 -113
  23. package/components/Stats/types.d.ts +1 -1
  24. package/components/Tooltip.vue.d.ts +4 -4
  25. package/components/Tooltip.vue.js +2 -2
  26. package/lib/v-tooltip-lite/components/ToolTip.vue.d.ts +48 -0
  27. package/lib/v-tooltip-lite/components/ToolTip.vue.js +102 -0
  28. package/lib/v-tooltip-lite/components/ToolTip.vue2.js +4 -0
  29. package/lib/v-tooltip-lite/composables/usePopover.d.ts +20 -0
  30. package/lib/v-tooltip-lite/composables/usePopover.js +144 -0
  31. package/lib/v-tooltip-lite/index.d.ts +2 -0
  32. package/lib/v-tooltip-lite/index.js +4 -0
  33. package/package.json +2 -2
  34. package/style.css +1 -1
@@ -0,0 +1,7 @@
1
+ export declare function useDropdownIds(): {
2
+ dropdownId: import('vue').Ref<string, string>;
3
+ menuId: import('vue').Ref<string, string>;
4
+ registerChildId: (id: string) => void;
5
+ unregisterChildId: (id: string) => void;
6
+ allChildIds: import('vue').ComputedRef<string[]>;
7
+ };
@@ -1,4 +1,4 @@
1
- import { defineComponent as Y, computed as f, ref as S, useSlots as Z, openBlock as r, createElementBlock as c, createElementVNode as n, renderSlot as _, normalizeClass as C, createBlock as x, withModifiers as M, createVNode as V, toDisplayString as b, createTextVNode as ee, createCommentVNode as F, Fragment as le, renderList as te } from "vue";
1
+ import { defineComponent as Y, computed as f, ref as S, useSlots as Z, openBlock as r, createElementBlock as c, createElementVNode as n, renderSlot as _, normalizeClass as C, createBlock as x, withModifiers as M, createVNode as w, toDisplayString as b, createTextVNode as ee, createCommentVNode as F, Fragment as le, renderList as te } from "vue";
2
2
  import p from "../Icon.vue.js";
3
3
  import P from "../Button.vue.js";
4
4
  import { $t as k } from "../../utils/i18n.js";
@@ -14,7 +14,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
14
14
  }, be = {
15
15
  key: 2,
16
16
  class: "absolute inset-0 bg-white/80 flex items-center justify-center rounded-lg z-10"
17
- }, ke = { class: "bg-white p-2 rounded-full shadow-lg" }, Se = /* @__PURE__ */ Y({
17
+ }, ke = { class: "bg-white p-2 rounded-full" }, Se = /* @__PURE__ */ Y({
18
18
  name: "FilePicker",
19
19
  __name: "FilePicker",
20
20
  props: {
@@ -49,7 +49,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
49
49
  return l !== "vlite.filePicker.addMore" ? l : "Add more";
50
50
  }), z = S(null), h = S(!1), u = S(!1);
51
51
  Z();
52
- const U = f(() => e.fileTypes.join(",")), A = f(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), w = f(() => {
52
+ const U = f(() => e.fileTypes.join(",")), A = f(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), V = f(() => {
53
53
  let l = [];
54
54
  return Array.isArray(e.modelValue) ? l = e.modelValue : e.modelValue && (l = [e.modelValue]), l.map((t) => {
55
55
  if (typeof t == "string") {
@@ -153,7 +153,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
153
153
  d("update:modelValue", null), d("change", null);
154
154
  }, H = () => {
155
155
  e.disabled || e.loading || (d("update:modelValue", null), d("change", null));
156
- }, J = f(() => A.value ? w.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
156
+ }, J = f(() => A.value ? V.value.map((t) => t.fileName).join(", ") : ""), Q = f(() => {
157
157
  const l = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 transition-all focus-visible:outline-none cursor-pointer", t = {
158
158
  sm: "h-8 text-xs",
159
159
  md: "h-10 text-sm",
@@ -192,7 +192,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
192
192
  trigger: v,
193
193
  isDragging: h.value,
194
194
  isLoading: i.loading || u.value,
195
- files: w.value
195
+ files: V.value
196
196
  }, () => [
197
197
  i.variant === "input" ? (r(), c("div", {
198
198
  key: 0,
@@ -218,7 +218,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
218
218
  class: "text-muted-foreground hover:text-foreground focus:outline-none",
219
219
  onClick: M(H, ["stop"])
220
220
  }, [
221
- V(p, {
221
+ w(p, {
222
222
  icon: "lucide:x-circle",
223
223
  class: "h-4 w-4"
224
224
  })
@@ -236,14 +236,14 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
236
236
  onDrop: R
237
237
  }, [
238
238
  A.value ? (r(), c("div", fe, [
239
- (r(!0), c(le, null, te(w.value, (a, s) => (r(), c("div", {
239
+ (r(!0), c(le, null, te(V.value, (a, s) => (r(), c("div", {
240
240
  key: s,
241
- class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body shadow-sm transition-colors group", [!i.multiSelect && !i.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
241
+ class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [!i.multiSelect && !i.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
242
242
  onClick: t[0] || (t[0] = (m) => !i.multiSelect && !i.disabled ? v() : null)
243
243
  }, [
244
244
  n("div", me, [
245
245
  n("div", ge, [
246
- V(p, {
246
+ w(p, {
247
247
  icon: "lucide:file-text",
248
248
  class: "w-5 h-5"
249
249
  })
@@ -265,8 +265,8 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
265
265
  }, null, 8, ["onClick"])) : F("", !0)
266
266
  ])
267
267
  ], 2))), 128)),
268
- i.multiSelect && (!i.maxFiles || w.value.length < i.maxFiles) ? (r(), c("div", xe, [
269
- V(P, {
268
+ i.multiSelect && (!i.maxFiles || V.value.length < i.maxFiles) ? (r(), c("div", xe, [
269
+ w(P, {
270
270
  size: "sm",
271
271
  variant: "outline",
272
272
  icon: "lucide:plus",
@@ -304,7 +304,7 @@ const ie = { class: "w-full" }, oe = ["multiple", "accept"], ae = ["value", "pla
304
304
  ], 2)),
305
305
  i.loading || u.value ? (r(), c("div", be, [
306
306
  n("div", ke, [
307
- V(p, {
307
+ w(p, {
308
308
  icon: "lucide:loader-2",
309
309
  class: "w-6 h-6 animate-spin text-primary"
310
310
  })
@@ -1,7 +1,7 @@
1
1
  import o from "./Form.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8eb29b35"]]);
4
+ const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d7b4ffda"]]);
5
5
  export {
6
- _ as default
6
+ a as default
7
7
  };
@@ -319,7 +319,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
319
319
  ref_key: "footerRef",
320
320
  ref: oe,
321
321
  class: f([
322
- "form-footer items-center gap-3 z-20",
322
+ "form-footer items-center gap-3 z-20 rounded-b!",
323
323
  e.isPage ? "flex sm:hidden" : "flex",
324
324
  e.footerClass,
325
325
  r.value ? "justify-between" : "justify-end",
@@ -331,7 +331,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
331
331
  // Show a subtle top shadow while content is scrolling beneath the sticky footer
332
332
  (S.value && J.value, ""),
333
333
  // Inside modal: extend footer flush to modal edge padding
334
- x.value ? "-mx-4 px-4 pb-3!" : "",
334
+ x.value ? "-mx-4 px-4 pb-3! mt-4.5!" : "",
335
335
  // Non-sticky inside modal keeps the original border styling
336
336
  !S.value && x.value ? "border-t border-border/75 mt-5" : "",
337
337
  !S.value && !x.value ? "mt-6" : ""
@@ -1,7 +1,7 @@
1
1
  import o from "./FormFields.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-df08a3e5"]]);
4
+ const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1139135c"]]);
5
5
  export {
6
- e as default
6
+ s as default
7
7
  };
@@ -14,7 +14,7 @@ const Z = {
14
14
  class: "text-destructive ml-0.5"
15
15
  }, ae = {
16
16
  key: 2,
17
- class: "mt-1 text-sm text-destructive"
17
+ class: "mt-1 -text-fs-2.5 text-destructive"
18
18
  }, ie = /* @__PURE__ */ M({
19
19
  __name: "FormFields",
20
20
  props: {
@@ -39,9 +39,9 @@ const Z = {
39
39
  }), F = (t) => W(o.values, t.name), l = (t) => o.errors[t.name] || "", $ = (t) => o.isFieldVisible ? o.isFieldVisible(t) : !0, x = (t) => o.isFieldDisabled ? o.isFieldDisabled(t) : t.disabled === !0, A = (t) => o.isFieldReadonly ? o.isFieldReadonly(t) : t.readonly === !0, u = (t) => t.labelI18n ? Y(t.labelI18n) : t.label, w = (t) => {
40
40
  if (t)
41
41
  return v(t) ? Q(t) : t;
42
- }, B = (t, n) => {
42
+ }, f = (t, n) => {
43
43
  g("change", t.name, n);
44
- }, I = (t) => t.itemClass || "", f = (t, n) => {
44
+ }, B = (t) => t.itemClass || "", I = (t, n) => {
45
45
  g("change", t, n);
46
46
  }, E = (t) => {
47
47
  g("addonAction", t);
@@ -92,7 +92,7 @@ const Z = {
92
92
  a.fieldLoading[e.name]
93
93
  ], () => (s(), r("div", {
94
94
  key: 0,
95
- class: d(["max-md:col-span-full! form-field-item", I(e)])
95
+ class: d(["max-md:col-span-full! form-field-item", B(e)])
96
96
  }, [
97
97
  u(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !b(e) ? (s(), h(U, {
98
98
  key: 0,
@@ -144,8 +144,8 @@ const Z = {
144
144
  error: l(e),
145
145
  isUpdate: a.isUpdate,
146
146
  loading: a.fieldLoading[e.name],
147
- onChange: (i) => B(e, i),
148
- onAddonChange: f,
147
+ onChange: (i) => f(e, i),
148
+ onAddonChange: I,
149
149
  onAddonAction: E
150
150
  }, null, 8, ["field", "value", "floatingActive", "label", "values", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
151
151
  ], 42, _),
@@ -1,5 +1,5 @@
1
1
  import { ButtonProps } from '../types';
2
- import { TooltTipPlacement } from 'v-tooltip-lite/types';
2
+ import { TooltTipPlacement } from '../lib/v-tooltip-lite/types';
3
3
  interface Props {
4
4
  btnProps?: ButtonProps;
5
5
  value?: string;
@@ -1,7 +1,7 @@
1
1
  import o from "./Modal.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7572bc5b"]]);
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0f3159c0"]]);
5
5
  export {
6
- p as default
6
+ m as default
7
7
  };
@@ -88,8 +88,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
88
88
  height: string;
89
89
  border: boolean;
90
90
  compact: boolean;
91
- position: import('../../types/navbar.type').NavbarPosition;
92
91
  contentClass: string;
92
+ position: import('../../types/navbar.type').NavbarPosition;
93
93
  breadcrumb: boolean;
94
94
  centerPosition: import('../../types/navbar.type').NavbarCenterPosition;
95
95
  glass: boolean;
@@ -22,8 +22,8 @@ interface Props {
22
22
  }
23
23
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
24
24
  placeholder: string;
25
- items: import('./CommandPalette').CommandPaletteItem[];
26
25
  enabled: boolean;
26
+ items: import('./CommandPalette').CommandPaletteItem[];
27
27
  menuItems: SidebarMenuItemSchema[];
28
28
  maxResultsPerGroup: number;
29
29
  shortcutKey: string;