vlite3 0.8.11 → 0.9.2

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, ref as i, computed as c, inject as te, onMounted as ne, onUnmounted as le, watch as P, provide as oe, reactive as ae, toRefs as ie, openBlock as L, createElementBlock as se, normalizeStyle as re, createVNode as x, unref as p, withCtx as f, renderSlot as m, createBlock as ue, normalizeClass as de, createSlots as ce, normalizeProps as V, guardReactiveProps as R, createCommentVNode as fe } from "vue";
+import { defineComponent as le, ref as i, computed as c, inject as ne, onMounted as oe, onUnmounted as ae, watch as P, provide as ie, reactive as se, toRefs as re, openBlock as x, createElementBlock as V, normalizeStyle as de, createVNode as M, unref as g, withCtx as f, renderSlot as m, createCommentVNode as R, createBlock as ue, normalizeClass as ce, createSlots as fe, normalizeProps as z, guardReactiveProps as E } from "vue";
 import me from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import ve from "./DropdownMenu.vue.js";
@@ -6,8 +6,11 @@ import he from "./DropdownTrigger.vue.js";
 import pe from "../ConfirmationModal.vue.js";
 import { useDropdownIds as ge } from "./composables/useDropdownIds.js";
 import { useDropdownSelection as ye } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as Ce } from "./composables/useDropdownHydration.js";
-const xe = /* @__PURE__ */ ee({
+import { useDropdownHydration as be } from "./composables/useDropdownHydration.js";
+const Ce = {
+  key: 0,
+  tabindex: "0"
+}, Me = /* @__PURE__ */ le({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -43,93 +46,102 @@ const xe = /* @__PURE__ */ ee({
     fetchSelected: {},
     triggerProps: {},
     direction: { default: "ltr" },
-    isNested: { type: Boolean, default: !1 }
+    isNested: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: z }) {
-    const o = l, g = z, y = i(!1), v = i(null), r = i({
+  setup(l, { emit: j }) {
+    const o = l, v = j, y = i(!1), h = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), E = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), j = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = i(o.isOpen || !1), C = i(0), U = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = c(() => o.menuId || U), h = i([]), s = te("dropdown-context", null), q = (e) => {
-      h.value.includes(e) || h.value.push(e), s?.registerChildId?.(e);
-    }, F = (e) => {
-      h.value = h.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
+    }), U = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), q = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), b = i(o.isOpen || !1), C = i(0), F = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = c(() => o.menuId || F), p = i([]), s = ne("dropdown-context", null), G = (e) => {
+      p.value.includes(e) || p.value.push(e), s?.registerChildId?.(e);
+    }, J = (e) => {
+      p.value = p.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
     };
-    ne(() => {
-      s?.registerChildId && s.registerChildId(`#${w.value}`);
-    }), le(() => {
-      s?.unregisterChildId && s.unregisterChildId(`#${w.value}`);
+    oe(() => {
+      s?.registerChildId && s.registerChildId(`#${$.value}`);
+    }), ae(() => {
+      s?.unregisterChildId && s.unregisterChildId(`#${$.value}`);
     }), P(
       () => o.isOpen,
       (e) => {
-        e !== void 0 && (S.value = e);
+        if (e !== void 0) {
+          if (o.disabled && e) return;
+          b.value = e;
+        }
       }
     );
-    const M = (e) => {
-      S.value = e, g("update:isOpen", e), g(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
-    }, b = () => {
-      M(!1);
-    }, G = (e) => {
+    const N = (e) => {
+      if (o.disabled) {
+        b.value = !1, v("update:isOpen", !1);
+        return;
+      }
+      b.value = e, v("update:isOpen", e), v(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+    }, O = () => {
+      N(!1);
+    }, K = (e) => {
       e ? C.value++ : C.value = Math.max(0, C.value - 1);
     };
-    oe("dropdown-context", {
-      close: b,
+    ie("dropdown-context", {
+      close: O,
       onChildToggle: (e) => {
-        G(e), s?.onChildToggle?.(e);
+        K(e), s?.onChildToggle?.(e);
       },
-      registerChildId: q,
-      unregisterChildId: F
+      registerChildId: G,
+      unregisterChildId: J
     });
-    const $ = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), O = i([]), N = i(!1), k = i(!1);
+    const w = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), A = i(!1), k = i(!1);
     P(
-      $,
+      w,
       (e) => {
         if (e) {
           if (o.remote) {
-            const n = [...O.value];
+            const n = [...S.value];
             e.forEach((t) => {
               n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
-            }), O.value = n;
+            }), S.value = n;
           } else
-            O.value = e;
-          !N.value && e.length > 0 && (N.value = !0, setTimeout(() => {
-            k.value = !0, A(T.value);
+            S.value = e;
+          !A.value && e.length > 0 && (A.value = !0, setTimeout(() => {
+            k.value = !0, H(T.value);
           }, 10));
         }
       },
       { immediate: !0 }
     );
-    const d = c(() => {
-      const e = [...O.value], n = new Set(e.map((t) => t.value ?? t.label));
-      return I.value.forEach((t, u) => {
-        n.has(u) || (e.unshift(t), n.add(u));
+    const u = c(() => {
+      const e = [...S.value], n = new Set(e.map((t) => t.value ?? t.label));
+      return I.value.forEach((t, d) => {
+        n.has(d) || (e.unshift(t), n.add(d));
       }), e;
-    }), { selectedBuffer: I, isHydrating: J, hydrateSelected: A } = Ce({
+    }), { selectedBuffer: I, isHydrating: Q, hydrateSelected: H } = be({
       fetchSelected: o.fetchSelected,
-      getAvailableOptions: () => d.value,
+      getAvailableOptions: () => u.value,
       isReady: () => k.value
-    }), { getAllRecursiveIds: K } = ge(), Q = ae({
-      ...ie(o),
-      options: d
-    }), { currentValue: T, selectedLabel: H, selectOption: W } = ye(
-      Q,
-      g
-    ), X = c(() => {
-      const e = o.ignoreClickOutside || [], n = K(d.value);
-      return [.../* @__PURE__ */ new Set([...e, ...n, ...h.value])];
+    }), { getAllRecursiveIds: W } = ge(), X = se({
+      ...re(o),
+      options: u
+    }), { currentValue: T, selectedLabel: D, selectOption: Y } = ye(
+      X,
+      v
+    ), Z = c(() => {
+      const e = o.ignoreClickOutside || [], n = W(u.value);
+      return [.../* @__PURE__ */ new Set([...e, ...n, ...p.value])];
     });
     P(
       () => T.value,
       (e) => {
-        k.value && A(e);
+        k.value && H(e);
       },
       { deep: !0 }
     );
-    const Y = (e) => {
-      o.doubleConfirmation || !!e.confirmation ? (v.value = e, typeof e.confirmation == "object" ? r.value = {
+    const _ = (e) => {
+      if (o.disabled || e.disabled) return;
+      o.doubleConfirmation || !!e.confirmation ? (h.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
@@ -141,87 +153,91 @@ const xe = /* @__PURE__ */ ee({
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, y.value = !0, b()) : (D(e), o.closeOnSelect && b());
-    }, D = (e) => {
+      }, y.value = !0, O()) : (L(e), o.closeOnSelect && O());
+    }, L = (e) => {
+      if (o.disabled || e.disabled) return;
       const n = e.value ?? e.label;
       I.value.has(n) || I.value.set(n, e);
-      const t = W(e);
+      const t = Y(e);
       if (!o.isNested) {
-        const u = e._originalOption || e, a = u.value ?? u.label;
-        (e._path || [u]).forEach((B) => {
+        const d = e._originalOption || e, a = d.value ?? d.label;
+        (e._path || [d]).forEach((B) => {
           typeof B.onSelect == "function" && B.onSelect({
             value: a,
             option: B,
-            data: d.value || [],
+            data: u.value || [],
             values: t
           });
         });
       }
-    }, Z = () => {
-      v.value && (D(v.value), v.value = null, y.value = !1);
-    }, _ = () => {
-      v.value = null, y.value = !1;
+    }, ee = () => {
+      h.value && (L(h.value), h.value = null, y.value = !1);
+    }, te = () => {
+      h.value = null, y.value = !1;
     };
-    return (e, n) => (L(), se("div", {
+    return (e, n) => (x(), V("div", {
       class: "relative inline-block text-left",
-      style: re({ direction: l.direction })
+      style: de({ direction: l.direction })
     }, [
-      x(p(me), {
+      M(g(me), {
         content: "",
         trigger: "click",
         arrow: !1,
         teleport: l.teleport,
         offset: l.offset,
-        placement: E.value,
-        isOpen: S.value,
+        placement: U.value,
+        isOpen: b.value,
         keepAlive: C.value > 0,
-        menuId: w.value,
-        ignoreClickOutside: X.value,
+        menuId: $.value,
+        ignoreClickOutside: Z.value,
         class: "w-full",
         className: "dropdown " + (l.className || ""),
         onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
         onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
-        "onUpdate:isOpen": M,
+        "onUpdate:isOpen": N,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
         trigger: f(({ isOpen: t }) => [
-          m(e.$slots, "trigger", V(R({ selectedLabel: p(H), isOpen: t })), () => [
-            x(he, {
-              "selected-label": p(H),
+          m(e.$slots, "trigger", z(E({ selectedLabel: g(D), isOpen: t })), () => [
+            M(he, {
+              "selected-label": g(D),
               "is-open": t,
               direction: l.direction,
+              disabled: l.disabled,
               triggerProps: l.triggerProps,
               class: "w-full"
-            }, null, 8, ["selected-label", "is-open", "direction", "triggerProps"])
+            }, null, 8, ["selected-label", "is-open", "direction", "disabled", "triggerProps"])
           ])
         ]),
         default: f(() => [
-          m(e.$slots, "default"),
-          $.value.length || d.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (L(), ue(ve, {
-            key: 0,
-            options: $.value,
-            cachedOptions: d.value,
-            class: de(l.className),
-            selected: p(T),
+          e.$slots?.default ? (x(), V("span", Ce, [
+            m(e.$slots, "default")
+          ])) : R("", !0),
+          !l.disabled && (w.value.length || u.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable) ? (x(), ue(ve, {
+            key: 1,
+            options: w.value,
+            cachedOptions: u.value,
+            class: ce(l.className),
+            selected: g(T),
             selectedIndex: l.selectedIndex,
             maxHeight: l.maxHeight,
-            nestedPosition: j.value,
+            nestedPosition: q.value,
             nestedOffset: l.nestedOffset,
             selectable: l.selectable,
             direction: l.direction,
             layout: l.layout,
             columns: l.columns,
-            loading: l.loading || p(J),
+            loading: l.loading || g(Q),
             hasMore: l.hasMore,
             searchable: l.searchable,
             remote: l.remote,
             debounceTime: l.debounceTime,
-            onSelect: Y,
-            onClose: b,
+            onSelect: _,
+            onClose: O,
             onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
             onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
-          }, ce({ _: 2 }, [
+          }, fe({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
               fn: f(() => [
@@ -232,7 +248,7 @@ const xe = /* @__PURE__ */ ee({
             e.$slots.item ? {
               name: "item",
               fn: f((t) => [
-                m(e.$slots, "item", V(R(t)))
+                m(e.$slots, "item", z(E(t)))
               ]),
               key: "1"
             } : void 0,
@@ -250,23 +266,23 @@ const xe = /* @__PURE__ */ ee({
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : fe("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : R("", !0)
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
-      x(pe, {
+      M(pe, {
         show: y.value,
         title: r.value.title,
         description: r.value.description,
         "confirm-text": r.value.confirmText,
         "cancel-text": r.value.cancelText,
         variant: r.value.variant,
-        onConfirm: Z,
-        onCancel: _
+        onConfirm: ee,
+        onCancel: te
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  xe as default
+  Me as default
 };

package/components/Dropdown/DropdownItem.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, computed as s, openBlock as n, createElementBlock as l, withKeys as k, withModifiers as w, normalizeClass as h, renderSlot as I, normalizeProps as $, guardReactiveProps as B, createBlock as b, createCommentVNode as i, createElementVNode as c, toDisplayString as a } from "vue";
+import { defineComponent as g, computed as s, openBlock as n, createElementBlock as l, withKeys as k, withModifiers as w, normalizeClass as h, renderSlot as I, normalizeProps as $, guardReactiveProps as B, createBlock as p, createCommentVNode as i, createElementVNode as c, toDisplayString as a } from "vue";
 import v from "../Icon.vue.js";
 import { $t as d } from "../../utils/i18n.js";
-const j = ["data-disabled"], C = { class: "flex flex-col flex-1 min-w-0" }, D = { class: "flex items-center justify-between gap-2" }, S = { class: "truncate font-medium" }, z = {
+const j = ["tabindex", "data-disabled"], C = { class: "flex flex-col flex-1 min-w-0" }, D = { class: "flex items-center justify-between gap-2" }, S = { class: "truncate font-medium" }, z = {
   key: 0,
   class: "text-xs text-muted-foreground whitespace-nowrap opacity-90"
 }, E = {
@@ -26,7 +26,7 @@ const j = ["data-disabled"], C = { class: "flex flex-col flex-1 min-w-0" }, D =
       () => t.option.descriptionI18n ? d(t.option.descriptionI18n) : t.option.description
     );
     return (f, o) => (n(), l("div", {
-      tabindex: 0,
+      tabindex: e.option.disabled ? -1 : 0,
       "data-dropdown-item": "",
       class: h(["relative w-full flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1 data-disabled:pointer-events-none data-disabled:opacity-50", [
         e.selectable && e.selected && !e.option.children ? "bg-accent" : "",
@@ -35,12 +35,12 @@ const j = ["data-disabled"], C = { class: "flex flex-col flex-1 min-w-0" }, D =
         e.option.class || ""
       ]]),
       "data-disabled": e.option.disabled ? !0 : void 0,
-      onClick: o[0] || (o[0] = (p) => r("click", e.option)),
-      onKeydown: o[1] || (o[1] = k(w((p) => r("click", e.option), ["prevent"]), ["enter"])),
-      onMouseenter: o[2] || (o[2] = (p) => f.$emit("mouseenter", e.index ?? -1))
+      onClick: o[0] || (o[0] = (b) => r("click", e.option)),
+      onKeydown: o[1] || (o[1] = k(w((b) => r("click", e.option), ["prevent"]), ["enter"])),
+      onMouseenter: o[2] || (o[2] = (b) => f.$emit("mouseenter", e.index ?? -1))
     }, [
       I(f.$slots, "default", $(B({ option: e.option, index: e.index, selected: e.selected })), () => [
-        e.option.icon || e.option.emoji ? (n(), b(v, {
+        e.option.icon || e.option.emoji ? (n(), p(v, {
           key: 0,
           icon: e.option.icon,
           emoji: e.option.emoji,
@@ -53,7 +53,7 @@ const j = ["data-disabled"], C = { class: "flex flex-col flex-1 min-w-0" }, D =
           ]),
           m.value ? (n(), l("span", E, a(m.value), 1)) : i("", !0)
         ]),
-        e.selectable && e.selected ? (n(), b(v, {
+        e.selectable && e.selected ? (n(), p(v, {
           key: 1,
           icon: "lucide:check",
           class: "ml-2 h-4 w-4 shrink-0 text-primary"

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-55a6a43e"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-adc57063"]]);
 export {
-  e as default
+  m as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -152,7 +152,7 @@ const ve = ["dir"], ye = {
         tabindex: "0",
         role: "menu",
         class: T([
-          "w-full p-1 space-y-0.5 overflow-y-auto overflow-x-hidden focus:outline-none flex-1",
+          "w-full p-1 space-y-0.5 overflow-y-auto overflow-x-hidden focus:outline-none flex-1 scrollbar-thin",
           t.class
         ]),
         style: se({ maxHeight: t.maxHeight }),

package/components/ExportData/ExportData.vue.d.ts

@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<ExportDataProps, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ExportDataProps> & Readonly<{}>, {
     title: string;
     mode: "frontend" | "backend";
-    formats: ExportFormat[];
     buttonText: string;
     buttonIcon: string;
+    formats: ExportFormat[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/FilePicker/FilePicker.vue.d.ts

@@ -3,8 +3,9 @@ export interface FilePickerValue {
     fileName: string;
     fileType: string;
     fileSize: number;
-    file: File;
+    file: File | null;
     base64: string;
+    isUrl?: boolean;
 }
 interface Props {
     modelValue?: FilePickerValue | FilePickerValue[] | null;
@@ -21,6 +22,7 @@ interface Props {
     textI18n?: string;
     size?: InputSize;
     rounded?: InputRounded;
+    allowRename?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -56,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     modelValue: FilePickerValue | FilePickerValue[] | null;
     fileTypes: string[];
     returnFormat: "file" | "base64";
+    allowRename: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     fileInput: HTMLInputElement;
 }, HTMLDivElement>;