vlite3 1.4.40 → 1.5.0

package/components/AppShell/useAppShell.js

@@ -1,36 +1,39 @@
-import { computed as t, shallowRef as $, ref as i, provide as C, onMounted as z, onUnmounted as R, watch as S, nextTick as A } from "vue";
-import { useRoute as I } from "vue-router";
-import { useLocalStorage as P, useBreakpoints as Y, breakpointsTailwind as D } from "@vueuse/core";
-import { useBreadcrumb as U } from "../../composables/useBreadcrumb.js";
-const _ = /* @__PURE__ */ Symbol("appshell-layout-ctx");
-function G(e, v) {
-  const p = e.breadcrumb ? U({
+import { computed as t, shallowRef as A, ref as i, provide as S, onMounted as I, onUnmounted as P, watch as p, nextTick as Y } from "vue";
+import { useRoute as D } from "vue-router";
+import { useLocalStorage as U, useBreakpoints as _, breakpointsTailwind as F } from "@vueuse/core";
+import { useBreadcrumb as K } from "../../composables/useBreadcrumb.js";
+import { useRtl as V } from "../../composables/useRtl.js";
+const W = /* @__PURE__ */ Symbol("appshell-layout-ctx");
+function ee(e, v) {
+  const L = e.breadcrumb ? K({
     homeIcon: e.breadcrumbHomeIcon,
     labelMap: e.breadcrumbLabels || {}
-  }) : { items: t(() => []) }, c = $([]), m = i("");
-  C("navbar-context", {
+  }) : { items: t(() => []) }, c = A([]), m = i("");
+  S("navbar-context", {
     compact: t(() => e.compact),
     renderNestedTabs: t(() => e.renderNestedTabs),
     setNestedTabs: (l, n) => {
       c.value = l, m.value = n;
     }
   });
-  const u = i(!1), o = i(!1), a = i(null), f = i(null), d = P("vlite-appshell-sidebar-visible", !0), L = t(() => e.sidebarToggle && v), E = () => {
+  const u = i(!1), o = i(!1), a = i(null), f = i(null), E = V(), w = t(() => E.value), N = t(
+    () => w.value ? "opacity-0 translate-x-2" : "opacity-0 -translate-x-2"
+  ), d = U("vlite-appshell-sidebar-visible", !0), R = t(() => e.sidebarToggle && v), j = () => {
     d.value = !d.value;
-  }, N = t(() => e.hideSidebar || L.value && !d.value), j = (l) => {
+  }, B = t(() => e.hideSidebar || R.value && !d.value), H = (l) => {
     c.value.find((s) => s.value === l) && (typeof l == "string" && l.startsWith("/") ? import("vue-router").then(({ useRouter: s }) => {
       s().push(l).catch(() => {
       });
     }) : m.value = l);
-  }, w = () => {
+  }, k = () => {
     o.value = window.scrollY > 10;
   };
-  z(() => {
-    window.addEventListener("scroll", w, { passive: !0 });
-  }), R(() => {
-    window.removeEventListener("scroll", w);
+  I(() => {
+    window.addEventListener("scroll", k, { passive: !0 });
+  }), P(() => {
+    window.removeEventListener("scroll", k);
   });
-  const k = t(() => {
+  const y = t(() => {
     const l = e.mobileBreakpoint || "md", n = {
       sm: "sm:hidden",
       md: "md:hidden",
@@ -51,7 +54,7 @@ function G(e, v) {
       md: "md:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background",
       lg: "lg:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background",
       xl: "xl:hidden flex items-center justify-between px-4 py-3 shrink-0 bg-background"
-    }, T = {
+    }, C = {
       sm: "hidden sm:flex flex-col h-full w-full overflow-hidden",
       md: "hidden md:flex flex-col h-full w-full overflow-hidden",
       lg: "hidden lg:flex flex-col h-full w-full overflow-hidden",
@@ -67,10 +70,10 @@ function G(e, v) {
       desktopContent: s[l],
       sidebarLayout: r[l],
       mobileHeader: h[l],
-      desktopSidebar: T[l],
+      desktopSidebar: C[l],
       desktopOnly: x[l]
     };
-  }), B = t(() => {
+  }), M = t(() => {
     const l = e.variant === "sidebar", n = {
       fixed: "relative z-40",
       sticky: "relative z-40",
@@ -78,7 +81,7 @@ function G(e, v) {
       absolute: "relative z-40"
     }, s = "bg-body", r = [
       e.glass && (o.value || l || e.floating) ? "bg-background/95" : "bg-background",
-      e.border && !e.floating ? l ? "border-r border-border" : "border-b border-border" : "",
+      e.border && !e.floating ? l ? "border-e border-border" : "border-b border-border" : "",
       e.floating ? "m-4 rounded shadow-lg border border-border/50" : "",
       o.value && !e.floating && !l && e.position === "sticky" ? "shadow-sm" : ""
     ], h = e.mobileBreakpoint || "md", x = l ? {
@@ -88,47 +91,49 @@ function G(e, v) {
       xl: "max-xl:hidden"
     }[h] : "";
     let g = "";
-    return l ? g = k.value.sidebarLayout : g = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${e.height}`, [s, n[e.position], ...r, g, x, e.class].filter(Boolean).join(" ");
-  }), H = t(() => {
+    return l ? g = y.value.sidebarLayout : g = `flex items-center gap-4 w-full px-4 sm:px-6 lg:px-8 ${e.height}`, [s, n[e.position], ...r, g, x, e.class].filter(Boolean).join(" ");
+  }), O = t(() => {
     if (e.variant === "sidebar")
       return "flex-1 py-4 overflow-y-auto scrollbar-thin scrollbar-stable";
     if (e.centerPosition === "left")
       return "flex items-center justify-start";
-  }), b = I();
-  S(
+  }), b = D();
+  p(
     () => b.path,
     () => {
-      u.value = !1, A(() => {
+      u.value = !1, Y(() => {
         a.value && (a.value.scrollTop = 0, a.value.firstElementChild && (a.value.firstElementChild.scrollTop = 0)), f.value && (f.value.scrollTop = 0);
       });
     }
   );
-  const M = Y(D).greater(e.mobileBreakpoint);
-  S(M, (l) => {
+  const $ = _(F).greater(e.mobileBreakpoint);
+  p($, (l) => {
     l && (u.value = !1);
   });
-  const O = t(() => b.meta?.title || b.name || ""), y = {
+  const z = t(() => b.meta?.title || b.name || ""), T = {
     props: e,
     isLayoutMode: v,
     isMobileMenuOpen: u,
     isSidebarVisible: d,
-    sidebarHidden: N,
-    pageTitle: O,
+    sidebarHidden: B,
+    pageTitle: z,
     isScrolled: o,
+    isRtl: w,
+    sidebarSlideFromClass: N,
     mainScrollRef: a,
     layoutMainRef: f,
-    toggleSidebar: E,
-    handleNestedTabClick: j,
-    breakpointClasses: k,
-    containerClasses: B,
-    centerClasses: H,
-    breadcrumbData: p,
+    toggleSidebar: j,
+    handleNestedTabClick: H,
+    breakpointClasses: y,
+    containerClasses: M,
+    centerClasses: O,
+    breadcrumbData: L,
     nestedTabsItems: c,
     activeNestedTab: m
   };
-  return C(_, y), y;
+  return S(W, T), T;
 }
 export {
-  _ as APPSHELL_LAYOUT_KEY,
-  G as useAppShell
+  W as APPSHELL_LAYOUT_KEY,
+  ee as useAppShell
 };

package/components/AsyncSelect/createAsyncSelect.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, ref as y, computed as i, watch as I, createVNode as d, mergeProps as _, nextTick as H, isVNode as L } from "vue";
+import { defineComponent as E, ref as y, computed as i, watch as I, createVNode as d, mergeProps as j, nextTick as H, isVNode as L } from "vue";
 import Q from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import "../../core/config.js";
@@ -8,7 +8,7 @@ import "../../core/config.js";
 import R from "../Button.vue.js";
 import T from "../MultiSelect/MultiSelect.vue.js";
 import U from "../Modal.vue.js";
-function j(t) {
+function M(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !L(t);
 }
 const re = (t) => /* @__PURE__ */ E({
@@ -56,10 +56,10 @@ const re = (t) => /* @__PURE__ */ E({
   },
   emits: ["onChange", "update:modelValue", "change"],
   setup(l, {
-    attrs: M,
+    attrs: B,
     emit: m
   }) {
-    const c = y([]), s = y(1), b = y(""), B = 20, h = i(() => l.value !== void 0 ? l.value : l.modelValue), g = i(() => l.optionsMapper || t.optionsMapper), N = (e, a) => {
+    const c = y([]), s = y(1), b = y(""), _ = 20, h = i(() => l.value !== void 0 ? l.value : l.modelValue), g = i(() => l.optionsMapper || t.optionsMapper), N = (e, a) => {
       const r = l.filter;
       if (typeof r != "function")
         return r || {};
@@ -83,7 +83,7 @@ const re = (t) => /* @__PURE__ */ E({
     const q = i(() => ({
       pagination: {
         page: s.value,
-        limit: B
+        limit: _
       },
       search: b.value || void 0,
       filter: {
@@ -194,20 +194,20 @@ const re = (t) => /* @__PURE__ */ E({
         fetchSelected: z,
         onSearch: J,
         onLoadMore: $,
-        ...M
+        ...B
       }, a = {};
-      return l.addNewConfig && (a.footer = () => k()), l.multiple ? d(T, _(e, {
+      return l.addNewConfig && (a.footer = () => k()), l.multiple ? d(T, j(e, {
         modelValue: h.value,
         "onUpdate:modelValue": (r) => v(r),
         onChange: (r) => v(r)
-      }), j(a) ? a : {
+      }), M(a) ? a : {
         default: () => [a]
-      }) : d(Q, _(e, {
+      }) : d(Q, j(e, {
         showSelectedIcon: !0,
         emptyMessage: "Data not found",
         modelValue: h.value,
         onOnSelect: (r) => v(r.value, r.data)
-      }), j(a) ? a : {
+      }), M(a) ? a : {
         default: () => [a]
       });
     };

package/components/AttachmentsList/AttachmentsList.vue.d.ts

@@ -1,8 +1,56 @@
-import { AttachmentsListProps } from './';
-declare const _default: import('vue').DefineComponent<AttachmentsListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AttachmentsListProps> & Readonly<{}>, {
+import { AttachmentsListProps, AttachmentItem } from './';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            file: AttachmentItem;
+            index: number;
+            variant: "default" | "list" | "inline" | "card";
+            size: "sm" | "md" | "lg";
+            canView: boolean;
+            canDownload: boolean;
+            clickToPreview: boolean;
+            showDownloadInList: boolean;
+            isDownloading: boolean;
+            isPreviewable: boolean;
+            isImage: boolean;
+            formattedSize: string;
+            icon: string;
+            preview: () => void | Promise<void>;
+            download: () => Promise<void>;
+        }): any;
+        item?(_: {
+            file: AttachmentItem;
+            index: number;
+            variant: "default" | "list" | "inline" | "card";
+            size: "sm" | "md" | "lg";
+            canView: boolean;
+            canDownload: boolean;
+            clickToPreview: boolean;
+            showDownloadInList: boolean;
+            isDownloading: boolean;
+            isPreviewable: boolean;
+            isImage: boolean;
+            formattedSize: string;
+            icon: string;
+            preview: () => void | Promise<void>;
+            download: () => Promise<void>;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AttachmentsListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AttachmentsListProps> & Readonly<{}>, {
     canView: boolean;
     canDownload: boolean;
     clickToPreview: boolean;
     showDownloadInList: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};