vlite3 0.8.11 → 0.9.2

package/components/Tabes/Tabes.vue2.js

@@ -1,4 +1,146 @@
-import f from "./Tabes.vue.js";
+import { defineComponent as E, ref as b, watch as l, onMounted as D, computed as g, openBlock as i, createElementBlock as p, normalizeClass as u, normalizeStyle as N, createCommentVNode as y, Fragment as O, renderList as P, createBlock as x, resolveDynamicComponent as T, mergeProps as F, withCtx as _, createElementVNode as q, toDisplayString as G, nextTick as H } from "vue";
+import { useResizeObserver as J } from "@vueuse/core";
+import K from "../Icon.vue.js";
+import { $t as Q } from "../../utils/i18n.js";
+const Z = /* @__PURE__ */ E({
+  __name: "Tabes",
+  props: {
+    options: {},
+    modelValue: {},
+    size: { default: "md" },
+    variant: { default: "surface" },
+    block: { type: Boolean, default: !1 },
+    textClass: {},
+    wrap: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(s, { emit: h }) {
+    const a = s, v = h, d = b(null), f = b(/* @__PURE__ */ new Map()), k = (e, n) => {
+      e ? f.value.set(n, e) : f.value.delete(n);
+    }, m = b({
+      width: "0px",
+      height: "0px",
+      transform: "translate(0px, 0px)",
+      opacity: 0
+    }), o = async () => {
+      await H();
+      const e = d.value, n = f.value.get(a.modelValue);
+      if (!e || !n) {
+        m.value.opacity = 0;
+        return;
+      }
+      const t = e.getBoundingClientRect(), r = n.getBoundingClientRect(), c = r.left - t.left, M = r.top - t.top, j = r.width, A = r.height;
+      m.value = {
+        width: `${j}px`,
+        height: `${A}px`,
+        transform: `translate(${c}px, ${M}px)`,
+        opacity: 1
+      };
+    };
+    J(d, o), l(() => a.modelValue, o), l(() => a.options, o, { deep: !0 }), l(() => a.size, o), l(() => a.block, o), l(() => a.wrap, o), D(o);
+    const C = (e) => {
+      e.disabled || (v("update:modelValue", e.value), v("change", e.value));
+    }, w = g(() => {
+      const e = a.variant === "line", n = {
+        surface: "bg-secondary/80 p-1",
+        primary: "bg-secondary p-1",
+        secondary: "bg-secondary p-1",
+        danger: "bg-danger/10 p-1",
+        success: "bg-success/10 p-1",
+        outline: "bg-transparent border border-border p-1",
+        line: "bg-transparent gap-6 rounded-none p-0 border-b border-border"
+      }, t = a.wrap && !e ? "flex-wrap" : "";
+      return [`${a.block || e ? "flex w-full" : "inline-flex"} rounded-lg relative isolate ${t}`, n[a.variant]];
+    }), z = {
+      sm: "text-xs px-2.5 py-1",
+      md: "-text-fs-2 px-3 py-1",
+      lg: "-text-fs-1 px-4 py-1"
+    }, $ = g(() => {
+      const e = a.variant === "line", n = e ? "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 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", t = (a.block || a.wrap) && !e ? "flex-1" : "";
+      return [n, t];
+    }), V = (e) => {
+      const n = e.value === a.modelValue, t = a.variant === "line";
+      let r = "";
+      if (n)
+        if (t)
+          r = "text-primary";
+        else
+          switch (a.variant) {
+            case "surface":
+              r = "text-foreground";
+              break;
+            case "primary":
+              r = "text-primary-foreground";
+              break;
+            case "secondary":
+              r = "text-secondary";
+              break;
+            case "danger":
+              r = "text-danger-fg";
+              break;
+            case "success":
+              r = "text-success-fg";
+              break;
+            case "outline":
+              r = "text-accent-foreground";
+              break;
+            default:
+              r = "text-foreground";
+          }
+      else
+        r = t ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
+      const c = e.disabled ? "opacity-50 cursor-not-allowed" : "";
+      return [$.value, r, c].join(" ");
+    }, R = g(() => {
+      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 a.variant === "line" ? `${e} !h-[2px] !top-auto bottom-0` : `${e} rounded-md shadow-sm`;
+    }), B = () => ({
+      surface: "bg-background",
+      primary: "bg-primary",
+      secondary: "bg-secondary-foreground",
+      danger: "bg-danger",
+      success: "bg-success",
+      outline: "bg-accent/50 ring-1 ring-border",
+      line: "bg-primary"
+    })[a.variant], S = (e) => e.labelI18n ? Q(e.labelI18n) : e.label, I = (e) => e.to ? "router-link" : e.href ? "a" : "button", L = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
+    return (e, n) => (i(), p("div", {
+      ref_key: "containerRef",
+      ref: d,
+      class: u(w.value),
+      role: "tablist",
+      "data-tabes": ""
+    }, [
+      s.modelValue !== void 0 && !s.wrap ? (i(), p("div", {
+        key: 0,
+        class: u([R.value, B()]),
+        style: N(m.value)
+      }, null, 6)) : y("", !0),
+      (i(!0), p(O, null, P(s.options, (t) => (i(), x(T(I(t)), F({
+        key: t.value,
+        ref_for: !0,
+        ref: (r) => k(r?.$el || r, t.value),
+        role: "tab",
+        "aria-selected": s.modelValue === t.value,
+        disabled: t.disabled,
+        class: [V(t), z[a.size]]
+      }, { ref_for: !0 }, L(t), {
+        onClick: (r) => C(t)
+      }), {
+        default: _(() => [
+          t.icon ? (i(), x(K, {
+            key: 0,
+            icon: t.icon,
+            class: u(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
+          }, null, 8, ["icon", "class"])) : y("", !0),
+          q("span", {
+            class: u(["whitespace-nowrap z-20 relative", s.textClass])
+          }, G(S(t)), 3)
+        ]),
+        _: 2
+      }, 1040, ["aria-selected", "disabled", "class", "onClick"]))), 128))
+    ], 2));
+  }
+});
 export {
-  f as default
+  Z as default
 };

package/components/Timeline/TimelineIndicator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, openBlock as t, createElementBlock as r, normalizeClass as n, toDisplayString as a, Fragment as c, createVNode as l, createBlock as o } from "vue";
+import { defineComponent as o, openBlock as t, createElementBlock as r, normalizeClass as n, toDisplayString as a, Fragment as c, createVNode as l, createBlock as i } from "vue";
 import s from "../Icon.vue.js";
 const u = {
   key: 0,
@@ -11,11 +11,11 @@ const u = {
   class: "h-2.5 w-2.5 rounded-full bg-primary"
 }, f = {
   key: 2,
-  class: "relative z-10 flex h-8 w-8 items-center justify-center rounded-full border-2 bg-background group-hover:border-muted-foreground transition-colors"
+  class: "relative z-10 flex h-8 w-8 items-center justify-center border-2 bg-background group-hover:border-muted-foreground transition-colors rounded-full!"
 }, y = {
   key: 1,
   class: "h-2.5 w-2.5 rounded-full bg-transparent group-hover:bg-muted"
-}, x = /* @__PURE__ */ i({
+}, x = /* @__PURE__ */ o({
   __name: "TimelineIndicator",
   props: {
     status: {},
@@ -25,7 +25,7 @@ const u = {
   },
   setup(e) {
     return (g, h) => (t(), r("span", {
-      class: n(["flex items-center justify-center shrink-0 bg-background z-10", [e.type === "dot" ? "h-5 w-5" : "h-9 w-9"]]),
+      class: n(["flex items-center justify-center shrink-0 z-10", [e.type === "dot" ? "h-5 w-5" : "h-9 w-9"]]),
       "aria-hidden": "true"
     }, [
       e.type === "number" ? (t(), r("span", {
@@ -47,13 +47,13 @@ const u = {
             class: "h-5 w-5 text-primary-foreground"
           })
         ])) : e.status === "current" ? (t(), r("span", d, [
-          e.icon ? (t(), o(s, {
+          e.icon ? (t(), i(s, {
             key: 0,
             icon: e.icon,
             class: "h-4 w-4 text-primary"
           }, null, 8, ["icon"])) : (t(), r("span", m))
         ])) : (t(), r("span", f, [
-          e.icon ? (t(), o(s, {
+          e.icon ? (t(), i(s, {
             key: 0,
             icon: e.icon,
             class: "h-4 w-4 text-muted-foreground"

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

@@ -33,9 +33,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onEdit-end"?: (id: string) => any;
     onDuplicate?: (id: string) => any;
 }>, {
+    confirmDelete: boolean;
     isEditing: boolean;
     canDelete: boolean;
-    confirmDelete: boolean;
     allowIconChange: boolean;
     itemClass: string;
     activeItemClass: string;

package/core/config.d.ts

@@ -39,6 +39,10 @@ export declare const configState: {
         empty?: {
             variant?: import('..').EmptyVariant;
         };
+        statusChip?: {
+            hideIcon?: boolean;
+            customStatuses?: Record<string, import('..').CustomStatusConfig>;
+        };
     };
 };
 /**
@@ -80,5 +84,9 @@ export declare function useVLiteConfig(): {
         empty?: {
             variant?: import('..').EmptyVariant;
         };
+        statusChip?: {
+            hideIcon?: boolean;
+            customStatuses?: Record<string, import('..').CustomStatusConfig>;
+        };
     };
 };

package/core/config.js

@@ -1,6 +1,6 @@
 import { reactive as n, inject as c } from "vue";
 import { deepMerge as i } from "../utils/object.js";
-const r = /* @__PURE__ */ Symbol("vlite-config"), f = {
+const r = /* @__PURE__ */ Symbol("vlite-config"), s = {
   services: {},
   components: {
     form: {},
@@ -9,19 +9,23 @@ const r = /* @__PURE__ */ Symbol("vlite-config"), f = {
     },
     date: {
       format: "MM/DD/YYYY"
+    },
+    statusChip: {
+      hideIcon: !1,
+      customStatuses: {}
     }
   }
-}, e = n({ ...f });
-function g(t) {
+}, e = n({ ...s });
+function m(t) {
   const o = i(e, t);
   Object.assign(e, o);
 }
-function a() {
+function u() {
   return c(r, e);
 }
 export {
   r as VLITE_CONFIG_KEY,
   e as configState,
-  g as updateConfig,
-  a as useVLiteConfig
+  m as updateConfig,
+  u as useVLiteConfig
 };

package/core/index.js

@@ -1,35 +1,43 @@
-import { configState as e, VLITE_CONFIG_KEY as m } from "./config.js";
-import { updateConfig as p, useVLiteConfig as i } from "./config.js";
-function a(t = {}) {
+import { configState as t, VLITE_CONFIG_KEY as s } from "./config.js";
+import { updateConfig as n, useVLiteConfig as p } from "./config.js";
+function o(e = {}) {
   return {
-    install(r) {
-      t && (t.services && (e.services = { ...e.services, ...t.services }), t.importData && (e.importData = { ...e.importData, ...t.importData }), t.exportData && (e.exportData = { ...e.exportData, ...t.exportData }), t.components && (e.components = {
-        ...e.components,
+    install(m) {
+      e && (e.services && (t.services = { ...t.services, ...e.services }), e.importData && (t.importData = { ...t.importData, ...e.importData }), e.exportData && (t.exportData = { ...t.exportData, ...e.exportData }), e.components && (t.components = {
         ...t.components,
+        ...e.components,
         form: {
-          ...e.components?.form || {},
-          ...t.components.form || {}
+          ...t.components?.form || {},
+          ...e.components.form || {}
         },
         price: {
-          ...e.components?.price || {},
-          ...t.components.price || {}
+          ...t.components?.price || {},
+          ...e.components.price || {}
         },
         date: {
-          ...e.components?.date || {},
-          ...t.components.date || {}
+          ...t.components?.date || {},
+          ...e.components.date || {}
         },
         empty: {
-          ...e.components?.empty || {},
-          ...t.components.empty || {}
+          ...t.components?.empty || {},
+          ...e.components.empty || {}
+        },
+        statusChip: {
+          ...t.components?.statusChip || {},
+          ...e.components.statusChip || {},
+          customStatuses: {
+            ...t.components?.statusChip?.customStatuses || {},
+            ...e.components.statusChip?.customStatuses || {}
+          }
         }
-      })), r.provide(m, e), r.config.globalProperties.$vlite = e;
+      })), m.provide(s, t), m.config.globalProperties.$vlite = t;
     }
   };
 }
 export {
-  m as VLITE_CONFIG_KEY,
-  e as configState,
-  a as createVLite,
-  p as updateConfig,
-  i as useVLiteConfig
+  s as VLITE_CONFIG_KEY,
+  t as configState,
+  o as createVLite,
+  n as updateConfig,
+  p as useVLiteConfig
 };

package/index.d.ts

@@ -40,6 +40,8 @@ export * from './directives/vScrollReveal';
 export * from './components/AvatarUploader';
 export * from './composables/useNotifications';
 export * from './components/Timeline';
+export * from './components/FilePreview';
+export * from './components/AttachmentsList';
 export { default as Icon } from './components/Icon.vue';
 export { default as Logo } from './components/Logo.vue';
 export { default as Alert } from './components/Alert.vue';