vlite3 0.2.6 → 0.2.8

package/components/Kanban/useKanbanBoard.js

@@ -0,0 +1,43 @@
+import { ref as l, reactive as g } from "vue";
+function I(c, a, r) {
+  const o = l(r ? [...r] : []), n = l(!1), s = l(!1), t = g({
+    currentPage: 1,
+    totalPages: 1,
+    totalItems: r ? r.length : 0
+  });
+  return {
+    items: o,
+    isInitialLoading: n,
+    isLoadingMore: s,
+    pageInfo: t,
+    loadInitial: async () => {
+      if (a) {
+        n.value = !0;
+        try {
+          const e = await a(c, 1);
+          o.value = e.items, t.currentPage = e.pageInfo.currentPage, t.totalPages = e.pageInfo.totalPages, t.totalItems = e.pageInfo.totalItems;
+        } catch (e) {
+          console.error(e);
+        } finally {
+          n.value = !1;
+        }
+      }
+    },
+    loadMore: async () => {
+      if (!(!a || n.value || s.value) && !(t.currentPage >= t.totalPages)) {
+        s.value = !0;
+        try {
+          const e = await a(c, t.currentPage + 1);
+          o.value = [...o.value, ...e.items], t.currentPage = e.pageInfo.currentPage, t.totalPages = e.pageInfo.totalPages, t.totalItems = e.pageInfo.totalItems;
+        } catch (e) {
+          console.error(e);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+  };
+}
+export {
+  I as useKanbanBoard
+};

package/components/Tabes/Tabes.vue.js

@@ -15,7 +15,7 @@ const q = ["aria-selected", "disabled", "onClick"], K = /* @__PURE__ */ M({
   setup(s, { emit: x }) {
     const r = s, v = x, d = g(null), f = g(/* @__PURE__ */ new Map()), h = (e, n) => {
       e ? f.value.set(n, e) : f.value.delete(n);
-    }, b = g({
+    }, m = g({
       width: "0px",
       height: "0px",
       transform: "translate(0px, 0px)",
@@ -24,14 +24,14 @@ const q = ["aria-selected", "disabled", "onClick"], K = /* @__PURE__ */ M({
       await D();
       const e = d.value, n = f.value.get(r.modelValue);
       if (!e || !n) {
-        b.value.opacity = 0;
+        m.value.opacity = 0;
         return;
       }
-      const a = e.getBoundingClientRect(), t = n.getBoundingClientRect(), m = t.left - a.left, $ = t.top - a.top, B = t.width, L = t.height;
-      b.value = {
+      const a = e.getBoundingClientRect(), t = n.getBoundingClientRect(), b = t.left - a.left, $ = t.top - a.top, B = t.width, L = t.height;
+      m.value = {
         width: `${B}px`,
         height: `${L}px`,
-        transform: `translate(${m}px, ${$}px)`,
+        transform: `translate(${b}px, ${$}px)`,
         opacity: 1
       };
     };
@@ -48,8 +48,8 @@ const q = ["aria-selected", "disabled", "onClick"], K = /* @__PURE__ */ M({
       line: "bg-transparent gap-6 rounded-none p-0 border-b border-border w-full"
     }[r.variant], r.block ? "flex w-full" : ""]), w = {
       sm: "text-xs px-2.5 py-1",
-      md: "text-xs px-3 py-1",
-      lg: "text-base px-4 py-1.5"
+      md: "-text-fs-2 px-3 py-1",
+      lg: "-text-fs-1 px-4 py-1"
     }, z = p(() => [r.variant === "line" ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 pb-2 border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex-1 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50"]), V = (e) => {
       const n = e.value === r.modelValue, a = r.variant === "line";
       let t = "";
@@ -81,8 +81,8 @@ const q = ["aria-selected", "disabled", "onClick"], K = /* @__PURE__ */ M({
           }
       else
         t = a ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
-      const m = e.disabled ? "opacity-50 cursor-not-allowed" : "";
-      return [z.value, t, m].join(" ");
+      const b = e.disabled ? "opacity-50 cursor-not-allowed" : "";
+      return [z.value, t, b].join(" ");
     }, R = p(() => {
       const e = "absolute left-0 top-0 transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] z-0 pointer-events-none";
       return r.variant === "line" ? `${e} !h-[2px] !top-auto bottom-0` : `${e} rounded-md shadow-sm`;
@@ -104,7 +104,7 @@ const q = ["aria-selected", "disabled", "onClick"], K = /* @__PURE__ */ M({
       s.modelValue !== void 0 ? (i(), u("div", {
         key: 0,
         class: l([R.value, S()]),
-        style: A(b.value)
+        style: A(m.value)
       }, null, 6)) : y("", !0),
       (i(!0), u(E, null, I(s.options, (a) => (i(), u("button", {
         key: a.value,

package/components/Workbook/Sheet.vue.d.ts

@@ -12,6 +12,9 @@ interface Props {
         cancel?: string;
     };
     allowIconChange?: boolean;
+    itemClass?: string;
+    activeItemClass?: string;
+    inactiveItemClass?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (id: string) => any;
@@ -30,10 +33,13 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onEdit-end"?: (id: string) => any;
     onDuplicate?: (id: string) => any;
 }>, {
+    itemClass: string;
     isEditing: boolean;
     canDelete: boolean;
     confirmDelete: boolean;
     allowIconChange: boolean;
+    activeItemClass: string;
+    inactiveItemClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, HTMLDivElement>;

package/components/Workbook/Sheet.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as N, ref as x, computed as g, openBlock as c, createElementBlock as a, normalizeClass as w, createElementVNode as r, withModifiers as y, createBlock as b, withCtx as m, createVNode as d, createCommentVNode as D, withDirectives as O, vModelText as $, toDisplayString as k, unref as j, createTextVNode as M, nextTick as R } from "vue";
+import { defineComponent as S, ref as g, computed as y, openBlock as a, createElementBlock as c, normalizeClass as D, createElementVNode as r, withModifiers as f, createBlock as b, withCtx as v, createVNode as d, createCommentVNode as C, withDirectives as V, vModelText as N, toDisplayString as k, unref as O, createTextVNode as j, nextTick as M } from "vue";
 import u from "../Icon.vue.js";
-import z from "../Dropdown/Dropdown.vue.js";
-import A from "../IconPicker.vue.js";
-const I = {
+import R from "../Dropdown/Dropdown.vue.js";
+import z from "../IconPicker.vue.js";
+const A = {
   type: "button",
   class: "flex items-center justify-center rounded hover:bg-accent transition-colors p-0.5 outline-none focus-visible:ring-2 focus-visible:ring-primary/20 mt-1"
 }, K = {
@@ -11,9 +11,9 @@ const I = {
 }, U = { class: "flex-1 min-w-0 pr-1" }, q = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, F = { class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit" }, G = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, H = {
-  class: /* @__PURE__ */ w(["flex items-center"])
-}, W = /* @__PURE__ */ N({
+}, F = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, G = {
+  class: /* @__PURE__ */ D(["flex items-center"])
+}, Q = /* @__PURE__ */ S({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -22,23 +22,26 @@ const I = {
     canDelete: { type: Boolean, default: !0 },
     confirmDelete: { type: Boolean, default: !1 },
     confirmDeleteTexts: {},
-    allowIconChange: { type: Boolean, default: !0 }
+    allowIconChange: { type: Boolean, default: !0 },
+    itemClass: { default: "" },
+    activeItemClass: { default: "" },
+    inactiveItemClass: { default: "" }
   },
   emits: ["select", "update:title", "update:icon", "edit-start", "edit-end", "duplicate", "delete"],
-  setup(i, { emit: C }) {
-    const e = i, n = C, f = x(null), s = x(e.sheet.title), v = () => {
-      s.value = e.sheet.title, n("edit-start", e.sheet.id), R(() => {
-        f.value?.focus(), f.value?.select();
+  setup(i, { emit: w }) {
+    const e = i, l = w, m = g(null), s = g(e.sheet.title), p = () => {
+      s.value = e.sheet.title, l("edit-start", e.sheet.id), M(() => {
+        m.value?.focus(), m.value?.select();
       });
     }, h = () => {
       if (!e.isEditing) return;
       const t = s.value.trim();
-      t ? n("update:title", e.sheet.id, t) : s.value = e.sheet.title, n("edit-end", e.sheet.id);
+      t ? l("update:title", e.sheet.id, t) : s.value = e.sheet.title, l("edit-end", e.sheet.id);
     }, E = () => {
-      s.value = e.sheet.title, n("edit-end", e.sheet.id);
+      s.value = e.sheet.title, l("edit-end", e.sheet.id);
     }, T = (t) => {
       t.key === "Enter" && h(), t.key === "Escape" && E();
-    }, B = g(() => [
+    }, B = y(() => [
       { label: "Rename", value: "rename", icon: "lucide:pencil" },
       { label: "Duplicate", value: "duplicate", icon: "lucide:copy" },
       {
@@ -54,40 +57,41 @@ const I = {
           cancelText: e.confirmDeleteTexts?.cancel,
           variant: "danger",
           onConfirm: () => {
-            e.canDelete && n("delete", e.sheet.id);
+            e.canDelete && l("delete", e.sheet.id);
           }
         } : void 0
       }
-    ]), S = (t) => {
-      if (t.value === "rename" && v(), t.value === "duplicate" && n("duplicate", e.sheet.id), t.value === "delete") {
+    ]), I = (t) => {
+      if (t.value === "rename" && p(), t.value === "duplicate" && l("duplicate", e.sheet.id), t.value === "delete") {
         if (!e.canDelete || e.confirmDelete) return;
-        n("delete", e.sheet.id);
+        l("delete", e.sheet.id);
       }
-    }, p = (t) => {
-      t && t.value && t.value !== "delete" || e.canDelete && n("delete", e.sheet.id);
-    }, V = g(() => [
+    }, x = (t) => {
+      t && t.value && t.value !== "delete" || e.canDelete && l("delete", e.sheet.id);
+    }, $ = y(() => [
       "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.isActive ? "bg-muted text-foreground ring-1 ring-border ring-b-0 z-10" : "text-muted-foreground hover:bg-accent/50",
+      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" : ""
-    ].join(" "));
-    return (t, o) => (c(), a("div", {
-      class: w(V.value),
-      onClick: o[4] || (o[4] = (l) => n("select", i.sheet.id)),
-      onDblclick: v
+    ].filter(Boolean).join(" "));
+    return (t, n) => (a(), c("div", {
+      class: D($.value),
+      onClick: n[5] || (n[5] = (o) => l("select", i.sheet.id)),
+      onDblclick: p
     }, [
       r("div", {
-        onClick: o[1] || (o[1] = y(() => {
+        onClick: n[1] || (n[1] = f(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (c(), b(A, {
+        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (a(), b(z, {
           key: 0,
           value: i.sheet.icon || "lucide:file",
           position: "bottom-start",
-          onOnSelect: o[0] || (o[0] = (l) => n("update:icon", i.sheet.id, l))
+          onOnSelect: n[0] || (n[0] = (o) => l("update:icon", i.sheet.id, o))
         }, {
-          default: m(() => [
-            r("button", I, [
+          default: v(() => [
+            r("button", A, [
               d(u, {
                 icon: i.sheet.icon || "lucide:file",
                 class: "w-4 h-4 opacity-70 hover:opacity-100 transition-opacity"
@@ -95,55 +99,59 @@ const I = {
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : i.sheet.icon ? (c(), a("div", K, [
+        }, 8, ["value"])) : i.sheet.icon ? (a(), c("div", K, [
           d(u, {
             icon: i.sheet.icon,
             class: "w-4 h-4 opacity-70"
           }, null, 8, ["icon"])
-        ])) : D("", !0)
+        ])) : C("", !0)
       ]),
       r("div", U, [
-        i.isEditing ? O((c(), a("input", {
+        i.isEditing ? V((a(), c("input", {
           key: 0,
           ref_key: "inputRef",
-          ref: f,
-          "onUpdate:modelValue": o[2] || (o[2] = (l) => s.value = l),
+          ref: m,
+          "onUpdate:modelValue": n[2] || (n[2] = (o) => s.value = o),
           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: h,
           onKeydown: T,
-          onClick: o[3] || (o[3] = y(() => {
+          onClick: n[3] || (n[3] = f(() => {
           }, ["stop"]))
         }, null, 544)), [
-          [$, s.value]
-        ]) : (c(), a("span", q, k(i.sheet.title), 1))
+          [N, s.value]
+        ]) : (a(), c("span", q, k(i.sheet.title), 1))
       ]),
-      r("div", F, [
-        d(j(z), {
+      r("div", {
+        class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit",
+        onClick: n[4] || (n[4] = f(() => {
+        }, ["stop"]))
+      }, [
+        d(O(R), {
           options: B.value,
           position: "bottom-end",
           width: "140px",
           teleport: !0,
-          onOnSelect: S,
-          onOnConfirm: p,
-          onConfirm: p
+          onOnSelect: I,
+          onOnConfirm: x,
+          onConfirm: x
         }, {
-          trigger: m(() => [
-            r("button", G, [
+          trigger: v(() => [
+            r("button", F, [
               d(u, {
                 icon: "lucide:more-vertical",
                 class: "w-3.5 h-3.5"
               })
             ])
           ]),
-          item: m(({ option: l }) => [
-            r("div", H, [
-              l?.icon ? (c(), b(u, {
+          item: v(({ option: o }) => [
+            r("div", G, [
+              o?.icon ? (a(), b(u, {
                 key: 0,
-                icon: l?.icon,
+                icon: o?.icon,
                 class: "w-3.5 h-3.5 mr-2 opacity-70"
-              }, null, 8, ["icon"])) : D("", !0),
-              M(" " + k(l?.label), 1)
+              }, null, 8, ["icon"])) : C("", !0),
+              j(" " + k(o?.label), 1)
             ])
           ]),
           _: 1
@@ -153,5 +161,5 @@ const I = {
   }
 });
 export {
-  W as default
+  Q as default
 };

package/components/Workbook/Workbook.vue.d.ts

@@ -8,7 +8,6 @@ declare function __VLS_template(): {
     };
     refs: {
         scrollContainer: HTMLDivElement;
-        parent: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
 };
@@ -33,18 +32,20 @@ declare const __VLS_component: import('vue').DefineComponent<WorkbookProps, {},
     "onUpdate:sheets"?: (sheets: WorkbookSheet[]) => any;
 }>, {
     variant: "chrome" | "folder" | "simple" | "card";
+    itemClass: string;
     modelValue: string;
     editable: boolean;
     draggable: boolean;
     confirmDelete: boolean;
     allowIconChange: boolean;
+    activeItemClass: string;
+    inactiveItemClass: string;
     sheets: WorkbookSheet[];
     addable: boolean;
     addButtonPosition: AddButtonPosition;
     maxSheets: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     scrollContainer: HTMLDivElement;
-    parent: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Workbook/Workbook.vue.js

@@ -1,7 +1,154 @@
-import o from "./Workbook.vue2.js";
-/* empty css              */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b2bb8797"]]);
+import { defineComponent as N, ref as m, watch as b, nextTick as T, computed as P, openBlock as i, createElementBlock as o, createElementVNode as r, renderSlot as v, createCommentVNode as f, createVNode as g, unref as A, withCtx as J, Fragment as O, renderList as W, createBlock as Y } from "vue";
+import { VueDraggable as z } from "vue-draggable-plus";
+import F from "./Sheet.vue.js";
+import p from "./WorkbookAddButton.vue.js";
+const L = { class: "flex flex-col w-full font-sans" }, M = { class: "flex items-end w-full border-b px-1" }, j = {
+  key: 0,
+  class: "flex items-center"
+}, q = {
+  key: 0,
+  class: "shrink-0 mb-1"
+}, G = { class: "flex items-center mb-0.5 z-20 sticky right-0 ml-auto box-decoration-clone" }, H = { key: 0 }, K = { key: 1 }, Q = { class: "flex-1 relative bg-white w-full" }, ee = /* @__PURE__ */ N({
+  __name: "Workbook",
+  props: {
+    modelValue: { default: "" },
+    sheets: { default: () => [] },
+    editable: { type: Boolean, default: !0 },
+    addable: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !0 },
+    addButtonPosition: { default: "fixed-right" },
+    maxSheets: { default: 50 },
+    variant: { default: "chrome" },
+    class: {},
+    itemClass: { default: "" },
+    activeItemClass: { default: "" },
+    inactiveItemClass: { default: "" },
+    confirmDelete: { type: Boolean, default: !1 },
+    confirmDeleteTexts: {},
+    allowIconChange: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "update:sheets", "change", "add", "delete", "duplicate", "edit-start", "edit-end"],
+  setup(d, { emit: k }) {
+    const l = d, n = k, h = m(null), c = m(null), u = m([...l.sheets]);
+    b(
+      () => l.sheets,
+      (e) => {
+        JSON.stringify(e) !== JSON.stringify(u.value) && (u.value = [...e]);
+      },
+      { deep: !0 }
+    );
+    const w = (e) => {
+      u.value = e, n("update:sheets", e);
+    }, y = (e) => {
+      n("update:modelValue", e), n("change", e);
+    }, x = () => {
+      l.sheets.length >= l.maxSheets || n("add");
+    }, C = (e, s) => {
+      const t = l.sheets.findIndex((a) => a.id === e);
+      if (t !== -1) {
+        const a = [...l.sheets];
+        a[t] = { ...a[t], title: s }, n("update:sheets", a);
+      }
+    }, S = (e, s) => {
+      const t = l.sheets.findIndex((a) => a.id === e);
+      if (t !== -1) {
+        const a = [...l.sheets];
+        a[t] = { ...a[t], icon: s }, n("update:sheets", a);
+      }
+    }, I = (e) => {
+      c.value = e, n("edit-start", e);
+    }, V = (e) => {
+      c.value = null, n("edit-end", e);
+    }, B = (e) => {
+      n("duplicate", e);
+    }, D = (e) => {
+      const s = l.sheets.findIndex((a) => a.id === e);
+      if (s === -1) return;
+      const t = [...l.sheets];
+      if (t.splice(s, 1), n("update:sheets", t), n("delete", e), l.modelValue === e) {
+        let a = "";
+        if (t.length > 0) {
+          const U = Math.min(s, t.length - 1);
+          a = t[U].id;
+        }
+        n("update:modelValue", a), n("change", a);
+      }
+    };
+    b(
+      () => l.sheets.length,
+      (e, s) => {
+        s !== void 0 && s > 0 && e === s + 1 && l.addable && T(() => {
+          const t = l.sheets[l.sheets.length - 1];
+          t.id === l.modelValue && (c.value = t.id);
+        });
+      }
+    );
+    const E = (e) => {
+      h.value && e.deltaY !== 0 && (h.value.scrollLeft += e.deltaY, e.preventDefault());
+    }, $ = P(() => l.sheets.length > 1);
+    return (e, s) => (i(), o("div", L, [
+      r("div", M, [
+        e.$slots["left-addons"] ? (i(), o("div", j, [
+          v(e.$slots, "left-addons")
+        ])) : f("", !0),
+        r("div", {
+          ref_key: "scrollContainer",
+          ref: h,
+          class: "flex-1 flex items-end overflow-x-auto scrollbar-none overscroll-contain",
+          style: { "scrollbar-width": "none", "-ms-overflow-style": "none" },
+          onWheel: E
+        }, [
+          g(A(z), {
+            "model-value": u.value,
+            "onUpdate:modelValue": w,
+            disabled: !l.draggable || !!c.value,
+            animation: 150,
+            class: "flex items-end"
+          }, {
+            default: J(() => [
+              (i(!0), o(O, null, W(u.value, (t) => (i(), Y(F, {
+                key: t.id,
+                sheet: t,
+                "is-active": d.modelValue === t.id,
+                "is-editing": c.value === t.id,
+                "can-delete": $.value,
+                "confirm-delete": d.confirmDelete,
+                "confirm-delete-texts": d.confirmDeleteTexts,
+                "allow-icon-change": d.allowIconChange,
+                "item-class": d.itemClass,
+                "active-item-class": d.activeItemClass,
+                "inactive-item-class": d.inactiveItemClass,
+                onSelect: y,
+                "onUpdate:title": C,
+                "onUpdate:icon": S,
+                onEditStart: I,
+                onEditEnd: V,
+                onDuplicate: B,
+                onDelete: D
+              }, null, 8, ["sheet", "is-active", "is-editing", "can-delete", "confirm-delete", "confirm-delete-texts", "allow-icon-change", "item-class", "active-item-class", "inactive-item-class"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["model-value", "disabled"]),
+          d.addable && d.addButtonPosition === "attached" ? (i(), o("div", q, [
+            g(p, { onClick: x })
+          ])) : f("", !0),
+          s[0] || (s[0] = r("div", { class: "w-1 shrink-0" }, null, -1))
+        ], 544),
+        r("div", G, [
+          d.addable && d.addButtonPosition === "fixed-right" ? (i(), o("div", H, [
+            g(p, { onClick: x })
+          ])) : f("", !0),
+          e.$slots["right-addons"] ? (i(), o("div", K, [
+            v(e.$slots, "right-addons")
+          ])) : f("", !0)
+        ])
+      ]),
+      r("div", Q, [
+        v(e.$slots, "default")
+      ])
+    ]));
+  }
+});
 export {
-  _ as default
+  ee as default
 };