vlite3 1.2.10 → 1.2.13

package/components/PermissionMatrix/PermissionMatrix.vue2.js

@@ -13,7 +13,7 @@ const W = {
   class: "text-center py-12 text-muted-foreground"
 }, Y = {
   key: 2,
-  class: "permission-matrix-wrapper border rounded-lg overflow-auto"
+  class: "permission-matrix-wrapper border rounded-lg scrollbar-thin always-scroll overflow-auto"
 }, Z = { class: "w-full border-collapse" }, _ = { class: "bg-muted" }, K = { class: "flex flex-col items-center gap-0.5" }, ee = ["onClick"], te = { class: "flex items-center gap-2" }, le = ["onClick"], se = { class: "flex items-center justify-center pointer-events-none" }, ne = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ae = { class: "flex items-center justify-center pointer-events-none" }, ye = /* @__PURE__ */ R({
   __name: "PermissionMatrix",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as r, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
@@ -20,10 +20,10 @@ import "iconify-icon-picker/style.css";
 /* empty css                        */
 /* empty css                      */
 import "../../core/config.js";
-const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, E = { style: { "will-change": "transform", contain: "layout style" } }, I = {
-  class: "pt-3 px-2 min-w-[295px]",
+const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
+  class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, se = /* @__PURE__ */ B({
+}, re = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -32,11 +32,11 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   },
   emits: ["update:modelValue", "change"],
   setup(i, { emit: $ }) {
-    const u = i, m = $, r = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
+    const u = i, m = $, s = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
       (e) => u.modelValue[e] !== "" && u.modelValue[e] !== null && u.modelValue[e] !== void 0
-    ).length : 0), k = (e) => {
-      m("update:modelValue", e.values), m("change", e.values), r.value = !1;
-    }, x = () => {
+    ).length : 0), x = (e) => {
+      m("update:modelValue", e.values), m("change", e.values), s.value = !1;
+    }, k = () => {
       m("update:modelValue", {}), m("change", {});
     }, g = d(() => {
       const e = y("vlite.screen.filters");
@@ -48,19 +48,19 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => i.type === "modal" ? (s(), n(j, {
+    return (e, t) => i.type === "modal" ? (r(), n(j, {
       key: 0,
       title: g.value,
-      show: r.value,
-      "onUpdate:show": t[3] || (t[3] = (c) => r.value = c),
+      show: s.value,
+      "onUpdate:show": t[3] || (t[3] = (c) => s.value = c),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (s(), n(f, {
+        p.value > 0 ? (r(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (c) => r.value = !0)
+          onClick: t[0] || (t[0] = (c) => s.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -69,7 +69,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             }),
             l("span", null, v(g.value) + " (" + v(p.value) + ")", 1),
             l("div", {
-              onClick: F(x, ["stop"]),
+              onClick: F(k, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
               a(h, {
@@ -79,18 +79,18 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (s(), n(f, {
+        })) : (r(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (c) => r.value = !0),
+          onClick: t[2] || (t[2] = (c) => s.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
           class: "shrink-0 h-9! w-9!"
         }, {
           default: o(() => [
-            l("div", A, [
-              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
+            l("div", N, [
+              t[1] || (C(-1, !0), (t[1] = (r(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -111,26 +111,28 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, 8, ["title"]))
       ]),
       default: o(() => [
-        l("div", E, [
+        l("div", A, [
           a(w(O), {
             schema: i.schema,
             values: i.modelValue,
             "submit-text": b.value,
-            onOnSubmit: k
+            onOnSubmit: x
           }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (s(), n(w(z), {
+    }, 8, ["title", "show"])) : (r(), n(w(z), {
       key: 1,
-      isOpen: r.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (c) => r.value = c),
+      isOpen: s.value,
+      "onUpdate:isOpen": t[4] || (t[4] = (c) => s.value = c),
       "close-on-select": !1,
       position: "bottom-end",
+      maxHeight: "410px",
+      "class-name": "pb-0! always-scroll",
       class: "w-auto"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (s(), n(f, {
+        p.value > 0 ? (r(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
@@ -143,7 +145,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             }),
             l("span", null, v(g.value) + " (" + v(p.value) + ")", 1),
             l("div", {
-              onClick: F(x, ["stop"]),
+              onClick: F(k, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
               a(h, {
@@ -153,7 +155,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (s(), n(f, {
+        })) : (r(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -163,18 +165,19 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, null, 8, ["title"]))
       ]),
       default: o(() => [
-        l("div", I, [
+        l("div", E, [
           a(w(O), {
             schema: i.schema,
             values: i.modelValue,
             "submit-text": b.value,
-            "footer-class": "mt-0.5! border-0! border-transparent! rounded-none! bg-transparent!",
+            className: "gap-3!",
+            "footer-class": "mt-0.5! translate-y-0.5 pb-4.5! border-0! border-transparent! rounded-none!",
             "submit-props": {
               size: "sm",
               class: "w-full",
               textClass: "-text-fs-1!"
             },
-            onOnSubmit: k
+            onOnSubmit: x
           }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
@@ -183,5 +186,5 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  se as default
+  re as default
 };

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-99967d3b"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37a55d1c"]]);
 export {
   m as default
 };

package/components/Workbook/Sheet.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as N, ref as y, computed as f, openBlock as a, createElementBlock as d, normalizeClass as D, createElementVNode as c, withModifiers as v, createBlock as g, withCtx as p, createVNode as u, createCommentVNode as w, withDirectives as O, vModelText as j, toDisplayString as C, unref as z, createTextVNode as M, nextTick as R } from "vue";
-import h from "../Icon.vue.js";
-import A from "../Dropdown/Dropdown.vue.js";
+import { defineComponent as N, ref as g, computed as p, openBlock as r, createElementBlock as u, normalizeClass as T, createElementVNode as c, withModifiers as d, createBlock as y, withCtx as h, createVNode as m, createCommentVNode as w, withDirectives as j, withKeys as C, vModelText as z, toDisplayString as D, unref as K, createTextVNode as M, nextTick as O } from "vue";
+import k from "../Icon.vue.js";
+import R from "../Dropdown/Dropdown.vue.js";
 import { $t as s } from "../../utils/i18n.js";
 /* empty css            */
 /* empty css                            */
-import K from "../Button.vue.js";
+import A from "../Button.vue.js";
 import U from "../IconPicker.vue.js";
 const q = {
   type: "button",
@@ -12,12 +12,12 @@ const q = {
 }, F = {
   key: 1,
   class: "flex items-center justify-center p-0.5"
-}, G = { class: "flex-1 min-w-0 pr-1" }, H = {
+}, G = { class: "flex-1 min-w-0 pr-1" }, H = ["onKeydown"], J = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, J = {
-  class: /* @__PURE__ */ D(["flex items-center"])
-}, ee = /* @__PURE__ */ N({
+}, L = {
+  class: /* @__PURE__ */ T(["flex items-center"])
+}, te = /* @__PURE__ */ N({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -32,22 +32,25 @@ const q = {
     inactiveItemClass: { default: "" }
   },
   emits: ["select", "update:title", "update:icon", "edit-start", "edit-end", "duplicate", "delete"],
-  setup(n, { emit: E }) {
-    const e = n, o = E, m = y(null), r = y(e.sheet.title), T = f(
+  setup(i, { emit: B }) {
+    const e = i, o = B, f = g(null), a = g(e.sheet.title), E = p(
       () => e.sheet.titleI18n ? s(e.sheet.titleI18n) : e.sheet.title
-    ), k = () => {
-      r.value = e.sheet.title, o("edit-start", e.sheet.id), R(() => {
-        m.value?.focus(), m.value?.select();
+    ), x = () => {
+      a.value = e.sheet.title, o("edit-start", e.sheet.id), O(() => {
+        f.value?.focus(), f.value?.select();
       });
-    }, x = () => {
-      if (!e.isEditing) return;
-      const t = r.value.trim();
-      t ? o("update:title", e.sheet.id, t) : r.value = e.sheet.title, o("edit-end", e.sheet.id);
-    }, B = () => {
-      r.value = e.sheet.title, o("edit-end", e.sheet.id);
-    }, I = (t) => {
-      t.key === "Enter" && x(), t.key === "Escape" && B();
-    }, $ = f(() => [
+    };
+    let v = !1;
+    const b = () => {
+      if (!e.isEditing || v) return;
+      v = !0;
+      const l = a.value.trim();
+      l ? o("update:title", e.sheet.id, l) : a.value = e.sheet.title, o("edit-end", e.sheet.id), setTimeout(() => {
+        v = !1;
+      }, 100);
+    }, I = () => {
+      a.value = e.sheet.title, o("edit-end", e.sheet.id);
+    }, $ = p(() => [
       {
         label: s("vlite.workbook.rename") !== "vlite.workbook.rename" ? s("vlite.workbook.rename") : "Rename",
         value: "rename",
@@ -75,83 +78,82 @@ const q = {
           }
         } : void 0
       }
-    ]), S = (t) => {
-      if (t.value === "rename" && k(), t.value === "duplicate" && o("duplicate", e.sheet.id), t.value === "delete") {
-        if (!e.canDelete || e.confirmDelete) return;
+    ]), S = (l) => {
+      if (l.value === "rename" && x(), l.value === "duplicate" && o("duplicate", e.sheet.id), l.value === "delete") {
+        if (!e.canDelete) return;
         o("delete", e.sheet.id);
       }
-    }, b = (t) => {
-      t && t.value && t.value !== "delete" || e.canDelete && o("delete", e.sheet.id);
-    }, V = f(() => [
+    }, V = p(() => [
       "group relative flex items-center min-w-[120px] max-w-[240px] h-9 px-3 border-r border-border select-none cursor-pointer transition-all duration-200 ease-out",
       e.itemClass,
       e.isActive ? `bg-muted text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
-    return (t, i) => (a(), d("div", {
-      class: D(V.value),
-      onClick: i[5] || (i[5] = (l) => o("select", n.sheet.id)),
-      onDblclick: k
+    return (l, t) => (r(), u("div", {
+      class: T(V.value),
+      onClick: t[5] || (t[5] = (n) => o("select", i.sheet.id)),
+      onDblclick: x
     }, [
       c("div", {
-        onClick: i[1] || (i[1] = v(() => {
+        onClick: t[1] || (t[1] = d(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (n.sheet.icon || n.isEditing) && n.allowIconChange ? (a(), g(U, {
+        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (r(), y(U, {
           key: 0,
-          value: n.sheet.icon || "lucide:file",
+          value: i.sheet.icon || "lucide:file",
           position: "bottom-start",
-          onOnSelect: i[0] || (i[0] = (l) => o("update:icon", n.sheet.id, l))
+          onOnSelect: t[0] || (t[0] = (n) => o("update:icon", i.sheet.id, n))
         }, {
-          default: p(() => [
+          default: h(() => [
             c("button", q, [
-              u(h, {
-                icon: n.sheet.icon || "lucide:file",
+              m(k, {
+                icon: i.sheet.icon || "lucide:file",
                 class: "w-4 h-4 opacity-70 hover:opacity-100 transition-opacity"
               }, null, 8, ["icon"])
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : n.sheet.icon ? (a(), d("div", F, [
-          u(h, {
-            icon: n.sheet.icon,
+        }, 8, ["value"])) : i.sheet.icon ? (r(), u("div", F, [
+          m(k, {
+            icon: i.sheet.icon,
             class: "w-4 h-4 opacity-70"
           }, null, 8, ["icon"])
         ])) : w("", !0)
       ]),
       c("div", G, [
-        n.isEditing ? O((a(), d("input", {
+        i.isEditing ? j((r(), u("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: m,
-          "onUpdate:modelValue": i[2] || (i[2] = (l) => r.value = l),
+          ref: f,
+          "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value = n),
           type: "text",
           class: "w-full bg-transparent border-none outline-none p-0 text-sm font-medium text-foreground placeholder-muted-foreground focus:ring-0",
-          onBlur: x,
-          onKeydown: I,
-          onClick: i[3] || (i[3] = v(() => {
+          onBlur: b,
+          onKeydown: [
+            C(d(b, ["prevent"]), ["enter"]),
+            C(d(I, ["prevent"]), ["esc"])
+          ],
+          onClick: t[3] || (t[3] = d(() => {
           }, ["stop"]))
-        }, null, 544)), [
-          [j, r.value]
-        ]) : (a(), d("span", H, C(T.value), 1))
+        }, null, 40, H)), [
+          [z, a.value]
+        ]) : (r(), u("span", J, D(E.value), 1))
       ]),
       c("div", {
         class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 -mr-2 flex items-center",
-        onClick: i[4] || (i[4] = v(() => {
+        onClick: t[4] || (t[4] = d(() => {
         }, ["stop"]))
       }, [
-        u(z(A), {
+        m(K(R), {
           options: $.value,
           position: "bottom-end",
           width: "140px",
           teleport: !0,
-          onOnSelect: S,
-          onOnConfirm: b,
-          onConfirm: b
+          onOnSelect: S
         }, {
-          trigger: p(() => [
-            u(K, {
+          trigger: h(() => [
+            m(A, {
               icon: "lucide:more-vertical",
               asIcon: "",
               size: "xs",
@@ -159,14 +161,14 @@ const q = {
               variant: "ghost"
             })
           ]),
-          item: p(({ option: l }) => [
-            c("div", J, [
-              l?.icon ? (a(), g(h, {
+          item: h(({ option: n }) => [
+            c("div", L, [
+              n?.icon ? (r(), y(k, {
                 key: 0,
-                icon: l?.icon,
+                icon: n?.icon,
                 class: "w-3.5 h-3.5 mr-2 opacity-70"
               }, null, 8, ["icon"])) : w("", !0),
-              M(" " + C(l?.label), 1)
+              M(" " + D(n?.label), 1)
             ])
           ]),
           _: 1
@@ -176,5 +178,5 @@ const q = {
   }
 });
 export {
-  ee as default
+  te as default
 };

package/components/Workbook/Workbook.vue.js

@@ -1,7 +1,7 @@
 import o from "./Workbook.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8d484d8e"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e674bcbc"]]);
 export {
-  _ as default
+  p as default
 };