vlite3 0.6.6 → 0.6.7

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as J, ref as s, computed as h, watch as $, provide as K, reactive as Q, toRefs as W, openBlock as A, createElementBlock as X, normalizeStyle as Y, createVNode as T, unref as O, withCtx as u, renderSlot as d, createBlock as Z, normalizeClass as _, createSlots as ee, normalizeProps as M, guardReactiveProps as H, createCommentVNode as te } from "vue";
+import { defineComponent as J, ref as s, computed as y, watch as $, provide as K, reactive as Q, toRefs as W, openBlock as A, createElementBlock as X, normalizeStyle as Y, createVNode as T, unref as O, withCtx as u, renderSlot as d, createBlock as Z, normalizeClass as _, createSlots as ee, normalizeProps as M, guardReactiveProps as H, createCommentVNode as te } from "vue";
 import le from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import ne from "./DropdownMenu.vue.js";
@@ -52,7 +52,7 @@ const pe = /* @__PURE__ */ J({
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), E = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), L = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = s(o.isOpen || !1), b = s(0);
+    }), E = y(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), L = y(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = s(o.isOpen || !1), b = s(0);
     $(
       () => o.isOpen,
       (e) => {
@@ -70,7 +70,7 @@ const pe = /* @__PURE__ */ J({
         e ? b.value++ : b.value = Math.max(0, b.value - 1);
       }
     });
-    const w = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = s([]);
+    const w = y(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = s([]);
     $(
       w,
       (e) => {
@@ -83,7 +83,8 @@ const pe = /* @__PURE__ */ J({
           } else
             m.value = e;
       },
-      { immediate: !0, deep: !0 }
+      { immediate: !0 }
+      // Performance fix: Removed deep: true to prevent heavy recursion mapping
     );
     const v = s(/* @__PURE__ */ new Map()), k = s(!1), j = async (e) => {
       if (!o.fetchSelected || e === void 0 || e === null) return;
@@ -105,29 +106,20 @@ const pe = /* @__PURE__ */ J({
           k.value = !1;
         }
       }
-    }, y = h(() => {
+    }, h = y(() => {
       const e = [...m.value], l = new Set(e.map((t) => t.value ?? t.label));
       return v.value.forEach((t, i) => {
         l.has(i) || (e.unshift(t), l.add(i));
       }), e;
     }), { getAllRecursiveIds: z } = ie(), D = Q({
       ...W(o),
-      options: y
+      options: h
     }), { currentValue: P, selectedLabel: I, selectOption: R } = se(
       D,
       p
-    ), F = h(() => {
-      const e = o.ignoreClickOutside || [], l = z(y.value);
-      return [
-        .../* @__PURE__ */ new Set([
-          ...e,
-          ...l,
-          ".modal-body",
-          ".v-modal-overlay",
-          ".sidepanel-body",
-          ".v-sidepanel-overlay"
-        ])
-      ];
+    ), F = y(() => {
+      const e = o.ignoreClickOutside || [], l = z(h.value);
+      return [.../* @__PURE__ */ new Set([...e, ...l])];
     });
     $(
       () => P.value,
@@ -160,7 +152,7 @@ const pe = /* @__PURE__ */ J({
           typeof c.onSelect == "function" && c.onSelect({
             value: a,
             option: c,
-            data: y.value || [],
+            data: h.value || [],
             values: t
           });
         });
@@ -206,10 +198,10 @@ const pe = /* @__PURE__ */ J({
         ]),
         default: u(() => [
           d(e.$slots, "default"),
-          w.value.length || y.value.length || e.$slots.menu || e.$slots.item || n.remote || n.searchable ? (A(), Z(ne, {
+          w.value.length || h.value.length || e.$slots.menu || e.$slots.item || n.remote || n.searchable ? (A(), Z(ne, {
             key: 0,
             options: w.value,
-            cachedOptions: y.value,
+            cachedOptions: h.value,
             class: _(n.className),
             selected: O(P),
             selectedIndex: n.selectedIndex,

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c26acbd9"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-906bb006"]]);
 export {
-  m as default
+  p as default
 };

package/components/Modal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as M, ref as f, inject as N, watch as x, provide as P, nextTick as V, onMounted as K, onUnmounted as R, computed as C, openBlock as n, createElementBlock as d, Fragment as W, createElementVNode as c, mergeProps as w, withModifiers as T, renderSlot as m, createCommentVNode as u, createBlock as $, Teleport as A, createVNode as B, Transition as F, withCtx as U, normalizeClass as a, toDisplayString as I, resolveDynamicComponent as q } from "vue";
-import G from "./Button.vue.js";
-import { useKeyStroke as H } from "../composables/useKeyStroke.js";
-import { $t as S } from "../utils/i18n.js";
-const J = {
+import { defineComponent as N, ref as m, inject as P, watch as C, provide as V, nextTick as K, onMounted as R, onUnmounted as W, computed as w, openBlock as n, createElementBlock as c, Fragment as A, createElementVNode as u, mergeProps as T, withModifiers as $, renderSlot as y, createCommentVNode as f, createBlock as B, Teleport as F, createVNode as I, Transition as U, withCtx as q, normalizeClass as a, toDisplayString as S, resolveDynamicComponent as G } from "vue";
+import H from "./Button.vue.js";
+import { useKeyStroke as J } from "../composables/useKeyStroke.js";
+import { $t as O } from "../utils/i18n.js";
+const L = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, L = { class: "text-lg font-semibold leading-none tracking-tight" }, Q = {
+}, Q = { class: "text-lg font-semibold leading-none tracking-tight" }, X = {
   key: 0,
   class: "text-sm text-muted-foreground mb-6.5"
-}, ee = /* @__PURE__ */ M({
+}, oe = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -28,54 +28,56 @@ const J = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(o, { emit: O }) {
-    const t = o, y = O, l = f(t.show), p = f(!1), b = f(!1), v = f(null);
-    let i = null;
-    const r = N("dropdown-context", null);
-    x(
+  setup(o, { emit: j }) {
+    const t = o, b = j, l = m(t.show), p = m(!1), v = m(!1), g = m(null);
+    let r = null, d = null;
+    const i = P("dropdown-context", null);
+    C(
       () => t.show,
       (e) => {
-        l.value = e, e && (y("onOpen"), r?.close());
+        l.value = e, e && (b("onOpen"), i?.close());
       }
     );
-    const j = () => {
-      l.value = !0, r?.close();
-    }, z = (e) => {
+    const z = () => {
+      l.value = !0, i?.close();
+    }, D = (e) => {
       p.value = e;
     }, s = () => {
       if (p.value) {
-        b.value = !0, i && clearTimeout(i), i = setTimeout(() => {
-          b.value = !1;
+        v.value = !0, r && clearTimeout(r), r = setTimeout(() => {
+          v.value = !1;
         }, 1e3);
         return;
       }
-      l.value = !1, y("update:show", !1), y("close");
+      l.value = !1, b("update:show", !1), b("close");
     };
-    P("modal-context", { close: s, setSubmitting: z });
-    const D = () => {
+    V("modal-context", { close: s, setSubmitting: D });
+    const E = () => {
       t.closeOutside && s();
-    }, { onKeyStroke: E } = H();
-    E("Escape", s), x(l, async (e) => {
-      r?.onChildToggle?.(e), e ? (document.body.style.overflow = "hidden", await V(), v.value?.focus()) : document.body.style.overflow = "";
-    }), K(() => {
-      l.value && r?.onChildToggle?.(!0);
+    }, { onKeyStroke: M } = J();
+    M("Escape", s), C(l, async (e) => {
+      d && clearTimeout(d), e ? (i?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await K(), g.value?.focus()) : (document.body.style.overflow = "", d = setTimeout(() => {
+        i?.onChildToggle?.(!1);
+      }, 200));
     }), R(() => {
-      l.value && r?.onChildToggle?.(!1), document.body.style.overflow = "", i && clearTimeout(i);
+      l.value && i?.onChildToggle?.(!0);
+    }), W(() => {
+      d && clearTimeout(d), l.value && i?.onChildToggle?.(!1), document.body.style.overflow = "", r && clearTimeout(r);
     });
-    const h = C(() => t.titleI18n ? S(t.titleI18n) : t.title), g = C(
-      () => t.descriptionI18n ? S(t.descriptionI18n) : t.description
+    const h = w(() => t.titleI18n ? O(t.titleI18n) : t.title), k = w(
+      () => t.descriptionI18n ? O(t.descriptionI18n) : t.description
     );
-    return (e, k) => (n(), d(W, null, [
-      c("span", w({
-        onClick: T(j, ["stop"]),
+    return (e, x) => (n(), c(A, null, [
+      u("span", T({
+        onClick: $(z, ["stop"]),
         class: `${o.triggerClass}`
       }, e.$attrs), [
-        m(e.$slots, "trigger", {}, () => [
-          o.body ? m(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
+        y(e.$slots, "trigger", {}, () => [
+          o.body ? y(e.$slots, "default", { key: 0 }, void 0, !0) : f("", !0)
         ], !0)
       ], 16),
-      (n(), $(A, { to: "body" }, [
-        B(F, {
+      (n(), B(F, { to: "body" }, [
+        I(U, {
           "enter-active-class": "transition duration-200 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -83,52 +85,52 @@ const J = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: U(() => [
-            l.value ? (n(), d("div", {
+          default: q(() => [
+            l.value ? (n(), c("div", {
               key: 0,
               class: a(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4 v-modal-overlay", o.backdrop && "backdrop-blur-[2px]"]),
-              onClick: D
+              onClick: E
             }, [
-              c("div", {
+              u("div", {
                 ref_key: "modalRef",
-                ref: v,
+                ref: g,
                 tabindex: "-1",
                 class: a(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [o.maxWidth]]),
-                onClick: k[0] || (k[0] = T(() => {
+                onClick: x[0] || (x[0] = $(() => {
                 }, ["stop"]))
               }, [
-                h.value ? (n(), d("div", J, [
-                  c("div", {
+                h.value ? (n(), c("div", L, [
+                  u("div", {
                     class: a(["flex items-center justify-between py-2 px-4 rounded-t-md", o.headerClass])
                   }, [
-                    c("h3", L, I(h.value), 1),
-                    B(G, {
+                    u("h3", Q, S(h.value), 1),
+                    I(H, {
                       rounded: "full",
                       size: "sm",
                       icon: "lucide:x",
                       variant: "ghost",
-                      class: a(["hover:bg-gray-250/25! transition-all", { "blink-bg": b.value }]),
+                      class: a(["hover:bg-gray-250/25! transition-all", { "blink-bg": v.value }]),
                       onClick: s
                     }, null, 8, ["class"])
                   ], 2)
-                ])) : u("", !0),
-                c("div", {
+                ])) : f("", !0),
+                u("div", {
                   class: a(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", o.bodyClass])
                 }, [
-                  g.value ? (n(), d("p", Q, I(g.value), 1)) : u("", !0),
-                  o.body ? (n(), $(q(o.body), w({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: s }), null, 16)) : m(e.$slots, "default", {
+                  k.value ? (n(), c("p", X, S(k.value), 1)) : f("", !0),
+                  o.body ? (n(), B(G(o.body), T({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: s }), null, 16)) : y(e.$slots, "default", {
                     key: 2,
                     close: s
                   }, void 0, !0)
                 ], 2),
-                e.$slots.footer ? (n(), d("div", {
+                e.$slots.footer ? (n(), c("div", {
                   key: 1,
                   class: a([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
                 }, [
-                  m(e.$slots, "footer", { close: s }, void 0, !0)
-                ], 2)) : u("", !0)
+                  y(e.$slots, "footer", { close: s }, void 0, !0)
+                ], 2)) : f("", !0)
               ], 2)
-            ], 2)) : u("", !0)
+            ], 2)) : f("", !0)
           ]),
           _: 3
         })
@@ -137,5 +139,5 @@ const J = {
   }
 });
 export {
-  ee as default
+  oe as default
 };

package/components/PermissionMatrix/PermissionEditor.vue.d.ts

@@ -1,27 +1,15 @@
 import { PermissionGroup, PermissionToggleMode, PermissionMatrixSize, PermissionEditorLayout, PermissionMatrixGroup } from './types';
 export interface PermissionEditorProps {
-    /** Permission groups with nested permissions (used in list layout) */
     groups?: PermissionGroup[];
-    /** v-model: array of selected permission keys */
     modelValue: string[];
-    /** Toggle display mode (default: 'checkbox') */
     toggleMode?: PermissionToggleMode;
-    /** Show search input (default: true) */
     searchable?: boolean;
-    /** Allow collapsing groups (default: true) */
     collapsible?: boolean;
-    /** Read-only mode (default: false) */
     readonly?: boolean;
-    /** Size variant (default: 'md') */
     size?: PermissionMatrixSize;
-    /** Extra CSS classes */
     class?: string;
-    /** Group keys to show expanded by default. Others will start collapsed.
-     *  If not provided or empty, all groups start expanded. */
     defaultExpanded?: string[];
-    /** Layout mode (default: 'list') */
     layout?: PermissionEditorLayout;
-    /** Matrix groups — used when layout is 'matrix' */
     matrixGroups?: PermissionMatrixGroup[];
 }
 declare const _default: import('vue').DefineComponent<PermissionEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {