vlite3 0.4.8 → 0.5.2

package/components/List/ListFieldRow.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent as k, ref as w, computed as i, openBlock as n, createElementBlock as o, normalizeClass as c, createElementVNode as u, createBlock as y, createCommentVNode as p, toDisplayString as g, renderSlot as C, resolveDynamicComponent as B, Fragment as S, createVNode as T } from "vue";
+import h from "../Icon.vue.js";
+import { $t as L } from "../../utils/i18n.js";
+import { getObjectValue as V, formatNumber as j, formatPrice as H, formatDate as f, getStatusColorClass as N } from "./utils.js";
+const $ = { class: "flex items-center gap-1.5 shrink-0 min-w-0 max-w-[48%]" }, M = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, D = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, I = ["innerHTML"], E = {
+  key: 1,
+  class: "text-sm text-gray-600 tracking-widest select-none",
+  "aria-hidden": "true"
+}, F = ["aria-label"], O = ["src", "alt"], z = ["innerHTML"], G = /* @__PURE__ */ k({
+  __name: "ListFieldRow",
+  props: {
+    field: {},
+    data: {},
+    isLast: { type: Boolean, default: !1 },
+    showBorderBottom: { type: Boolean, default: !0 },
+    variant: { default: "default" },
+    showColon: { type: Boolean, default: !0 },
+    index: { default: 0 }
+  },
+  setup(a) {
+    const e = a, s = w(!1), d = i(() => V(e.field.key, e.data)), r = i(() => {
+      const t = d.value;
+      if (e.field.format)
+        return e.field.format(t, e.data);
+      if (t == null || t === "")
+        return e.field.emptyText ?? "--";
+      switch (e.field.type) {
+        case "date":
+          return f(t, !1);
+        case "dateTime":
+          return f(t, !0);
+        case "time":
+          return f(t, !0);
+        case "price":
+          return H(t);
+        case "number":
+          return j(t);
+        case "boolean":
+          return t ? "Yes" : "No";
+        default:
+          return String(t);
+      }
+    }), m = i(
+      () => e.field.titleI18n ? L(e.field.titleI18n) : e.field.title ?? e.field.key
+    ), v = i(() => {
+      const t = [];
+      if (e.field.addStatusColor) {
+        const l = N(r.value);
+        l && t.push(l);
+      }
+      if (e.field.class)
+        if (typeof e.field.class == "function") {
+          const l = e.field.class(d.value, e.data);
+          l && t.push(l);
+        } else
+          t.push(e.field.class);
+      return t.join(" ");
+    }), b = i(() => e.field.type === "image"), x = i(() => e.variant === "striped" && e.index % 2 !== 0);
+    return (t, l) => (n(), o("div", {
+      class: c(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
+        a.showBorderBottom && !a.isLast ? "border-b border-border" : "",
+        x.value ? "bg-muted/40" : "",
+        a.variant === "compact" ? "py-1.5!" : "",
+        a.variant === "minimal" ? "px-0!" : ""
+      ]]),
+      role: "row"
+    }, [
+      u("div", $, [
+        a.field.icon ? (n(), y(h, {
+          key: 0,
+          icon: a.field.icon,
+          class: "w-3.5 h-3.5 text-gray-800 shrink-0"
+        }, null, 8, ["icon"])) : p("", !0),
+        u("span", M, g(m.value) + g(a.showColon ? ":" : ""), 1)
+      ]),
+      u("div", D, [
+        t.$slots[a.field.key] ? C(t.$slots, a.field.key, {
+          key: 0,
+          value: d.value,
+          resolved: r.value,
+          data: a.data
+        }) : a.field.component ? (n(), y(B(a.field.component), {
+          key: 1,
+          data: a.data,
+          value: d.value
+        }, null, 8, ["data", "value"])) : a.field.isSensitive ? (n(), o(S, { key: 2 }, [
+          s.value ? (n(), o("span", {
+            key: 0,
+            class: c(["text-sm text-gray-600 text-right break-words", v.value]),
+            innerHTML: r.value
+          }, null, 10, I)) : (n(), o("span", E, " •••••••• ")),
+          u("button", {
+            type: "button",
+            class: "shrink-0 p-1 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
+            "aria-label": s.value ? "Hide value" : "Show value",
+            onClick: l[0] || (l[0] = (P) => s.value = !s.value)
+          }, [
+            T(h, {
+              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+              class: "w-3.5 h-3.5"
+            }, null, 8, ["icon"])
+          ], 8, F)
+        ], 64)) : b.value ? (n(), o("img", {
+          key: 3,
+          src: r.value,
+          alt: m.value,
+          class: "w-8 h-8 rounded-full object-cover border border-border"
+        }, null, 8, O)) : (n(), o("span", {
+          key: 4,
+          class: c(["text-sm text-gray-900 text-right break-words leading-snug", v.value]),
+          innerHTML: r.value
+        }, null, 10, z))
+      ])
+    ], 2));
+  }
+});
+export {
+  G as default
+};

package/components/List/ListFieldRow.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ListFieldRow.vue.js";
+export {
+  f as default
+};

package/components/List/index.d.ts

@@ -0,0 +1,4 @@
+export { default as List } from './List.vue';
+export { default as ListFieldRow } from './ListFieldRow.vue';
+export * from './types';
+export * from './utils';

package/components/List/types.d.ts

@@ -0,0 +1 @@
+export type { ListField, ListProps, ListVariant, ListColumns, ListFieldType, } from '../../types/list.type';

package/components/List/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Resolves a dot-notation path from a nested object.
+ * e.g. getObjectValue('location.city', data) => 'New York'
+ */
+export declare function getObjectValue(path: string, obj: Record<string, any>): any;
+export declare function getStatusColorClass(value: any): string;
+export declare function formatDate(value: any, hasTime?: boolean): string;
+export declare function formatPrice(value: any): string;
+export declare function formatNumber(value: any): string;

package/components/List/utils.js

@@ -0,0 +1,64 @@
+function u(t, e) {
+  if (!(!t || !e))
+    return t.includes(".") ? t.split(".").reduce((r, n) => r?.[n], e) : e[t];
+}
+const i = {
+  active: "text-success-dark font-medium",
+  inactive: "text-muted-foreground",
+  pending: "text-warning-dark font-medium",
+  completed: "text-success-dark font-medium",
+  cancelled: "text-danger-dark font-medium",
+  failed: "text-danger-dark font-medium",
+  success: "text-success-dark font-medium",
+  error: "text-danger-dark font-medium",
+  warning: "text-warning-dark font-medium",
+  info: "text-info-dark font-medium",
+  high: "text-danger-dark font-medium",
+  medium: "text-warning-dark font-medium",
+  low: "text-muted-foreground",
+  yes: "text-success-dark font-medium",
+  no: "text-danger-dark font-medium",
+  true: "text-success-dark font-medium",
+  false: "text-danger-dark font-medium",
+  enabled: "text-success-dark font-medium",
+  disabled: "text-muted-foreground"
+};
+function d(t) {
+  if (t == null) return "";
+  const e = String(t).toLowerCase().replace(/[-_\s]/g, "");
+  return i[e] || "";
+}
+function m(t, e = !1) {
+  if (!t) return "--";
+  try {
+    const r = new Date(t);
+    return isNaN(r.getTime()) ? String(t) : e ? r.toLocaleString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }) : r.toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return String(t);
+  }
+}
+function o(t) {
+  const e = Number(t);
+  return isNaN(e) ? String(t ?? "--") : new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(e);
+}
+function a(t) {
+  const e = Number(t);
+  return isNaN(e) ? String(t ?? "--") : new Intl.NumberFormat("en-US").format(e);
+}
+export {
+  m as formatDate,
+  a as formatNumber,
+  o as formatPrice,
+  u as getObjectValue,
+  d as getStatusColorClass
+};

package/components/Masonry/Masonry.vue.d.ts

@@ -15,10 +15,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MasonryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MasonryProps> & Readonly<{}>, {
-    gap: number;
     tag: string;
-    cols: number | Record<string | number, number>;
     itemKey: string;
+    gap: number;
+    cols: number | Record<string | number, number>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: unknown;
 }, any>;

package/components/Modal.vue.js

@@ -1,124 +1,7 @@
-import { defineComponent as O, ref as S, watch as b, provide as z, onUnmounted as D, computed as p, openBlock as l, createElementBlock as a, Fragment as E, createElementVNode as n, mergeProps as v, withModifiers as h, renderSlot as c, createCommentVNode as i, createBlock as g, Teleport as N, createVNode as x, Transition as P, withCtx as T, normalizeClass as d, toDisplayString as k, resolveDynamicComponent as V } from "vue";
-import j from "./Button.vue.js";
-import { useKeyStroke as K } from "../composables/useKeyStroke.js";
-import { $t as C } from "../utils/i18n.js";
-const M = {
-  key: 0,
-  class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, W = { class: "text-lg font-semibold leading-none tracking-tight" }, A = {
-  key: 0,
-  class: "text-sm text-muted-foreground mb-6.5"
-}, H = /* @__PURE__ */ O({
-  inheritAttrs: !1,
-  __name: "Modal",
-  props: {
-    show: { type: Boolean, default: !1 },
-    title: {},
-    titleI18n: {},
-    maxWidth: { default: "sm:max-w-lg" },
-    closeOutside: { type: Boolean, default: !0 },
-    backdrop: { type: Boolean, default: !0 },
-    description: {},
-    descriptionI18n: {},
-    triggerClass: {},
-    bodyClass: {},
-    headerClass: {},
-    footerClass: {},
-    body: {},
-    bodyProps: {}
-  },
-  emits: ["close", "update:show", "onOpen"],
-  setup(t, { emit: w }) {
-    const o = t, u = w, r = S(o.show);
-    b(
-      () => o.show,
-      (e) => {
-        r.value = e, e && u("onOpen");
-      }
-    );
-    const $ = () => {
-      r.value = !0;
-    }, s = () => {
-      r.value = !1, u("update:show", !1), u("close");
-    };
-    z("modal-context", { close: s });
-    const B = () => {
-      o.closeOutside && s();
-    }, { onKeyStroke: I } = K();
-    I("Escape", s), b(r, (e) => {
-      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), D(() => {
-      document.body.style.overflow = "";
-    });
-    const f = p(() => o.titleI18n ? C(o.titleI18n) : o.title), m = p(() => o.descriptionI18n ? C(o.descriptionI18n) : o.description);
-    return (e, y) => (l(), a(E, null, [
-      n("span", v({
-        onClick: h($, ["stop"]),
-        class: `${t.triggerClass}`
-      }, e.$attrs), [
-        c(e.$slots, "trigger", {}, () => [
-          t.body ? c(e.$slots, "default", { key: 0 }) : i("", !0)
-        ])
-      ], 16),
-      (l(), g(N, { to: "body" }, [
-        x(P, {
-          "enter-active-class": "transition duration-200 ease-out",
-          "enter-from-class": "opacity-0",
-          "enter-to-class": "opacity-100",
-          "leave-active-class": "transition duration-150 ease-in",
-          "leave-from-class": "opacity-100",
-          "leave-to-class": "opacity-0"
-        }, {
-          default: T(() => [
-            r.value ? (l(), a("div", {
-              key: 0,
-              class: d(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", t.backdrop && "backdrop-blur-[2px]"]),
-              onClick: B
-            }, [
-              n("div", {
-                class: d(["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]", [t.maxWidth]]),
-                onClick: y[0] || (y[0] = h(() => {
-                }, ["stop"]))
-              }, [
-                f.value ? (l(), a("div", M, [
-                  n("div", {
-                    class: d(["flex items-center justify-between py-2 px-4 rounded-t-md", t.headerClass])
-                  }, [
-                    n("h3", W, k(f.value), 1),
-                    x(j, {
-                      rounded: "full",
-                      size: "sm",
-                      icon: "lucide:x",
-                      variant: "ghost",
-                      class: "hover:bg-gray-250/25!",
-                      onClick: s
-                    })
-                  ], 2)
-                ])) : i("", !0),
-                n("div", {
-                  class: d(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", t.bodyClass])
-                }, [
-                  m.value ? (l(), a("p", A, k(m.value), 1)) : i("", !0),
-                  t.body ? (l(), g(V(t.body), v({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: s }), null, 16)) : c(e.$slots, "default", {
-                    key: 2,
-                    close: s
-                  })
-                ], 2),
-                e.$slots.footer ? (l(), a("div", {
-                  key: 1,
-                  class: d([t.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
-                }, [
-                  c(e.$slots, "footer", { close: s })
-                ], 2)) : i("", !0)
-              ], 2)
-            ], 2)) : i("", !0)
-          ]),
-          _: 3
-        })
-      ]))
-    ], 64));
-  }
-});
+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-32c213fd"]]);
 export {
-  H as default
+  m as default
 };

package/components/Modal.vue2.js

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

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -1,40 +1,43 @@
-import { IDropdownOptions } from '../../types';
+import { IDropdownOption } from '../../types';
 interface Props {
     modelValue?: any[];
-    options?: IDropdownOptions;
+    options?: (IDropdownOption | string | number)[];
     placeholder?: string;
     placeholderI18n?: string;
     disabled?: boolean;
     searchable?: boolean;
-    variant?: 'default' | 'outline' | 'solid';
+    variant?: 'default' | 'outline' | 'solid' | 'floating' | string;
     size?: 'sm' | 'md' | 'lg';
     maxVisible?: number;
     loading?: boolean;
     hasMore?: boolean;
     remote?: boolean;
+    debounceTime?: number;
+    fetchSelected?: (ids: any[]) => Promise<IDropdownOption[]>;
     layout?: 'default' | 'grouped';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     search: (query: string) => any;
-    "update:modelValue": (value: any[]) => any;
     change: (value: any[]) => any;
+    "update:modelValue": (value: any[]) => any;
     "load-more": () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSearch?: (query: string) => any;
-    "onUpdate:modelValue"?: (value: any[]) => any;
     onChange?: (value: any[]) => any;
+    "onUpdate:modelValue"?: (value: any[]) => any;
     "onLoad-more"?: () => any;
 }>, {
-    disabled: boolean;
+    variant: "default" | "outline" | "solid" | "floating" | string;
     size: "sm" | "md" | "lg";
-    variant: "default" | "outline" | "solid";
-    modelValue: any[];
+    disabled: boolean;
     loading: boolean;
-    options: IDropdownOptions;
+    modelValue: any[];
+    options: (IDropdownOption | string | number)[];
     layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;
+    debounceTime: number;
     maxVisible: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;