vlite3 1.1.6 → 1.1.8

package/components/DataTable/DataTableRow.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as S, computed as z, openBlock as c, createElementBlock as m, normalizeClass as u, withModifiers as B, createElementVNode as a, createVNode as M, createCommentVNode as W, Fragment as N, renderList as V, normalizeStyle as h, renderSlot as F, createBlock as f } from "vue";
-import L from "../CheckBox.vue.js";
-import $ from "../Price/Price.vue.js";
+import { defineComponent as S, computed as B, openBlock as o, createElementBlock as r, normalizeClass as a, withModifiers as z, createElementVNode as u, createVNode as $, createCommentVNode as M, Fragment as W, renderList as N, normalizeStyle as V, renderSlot as h, createBlock as f } from "vue";
+import F from "../CheckBox.vue.js";
+import L from "../Price/Price.vue.js";
 import T from "../DateTime/DateTime.vue.js";
 const E = ["data-state"], H = { class: "flex items-center justify-center" }, I = { class: "max-h-[80px] overflow-y-auto w-full" }, R = ["title", "innerHTML"], q = /* @__PURE__ */ S({
   __name: "DataTableRow",
@@ -14,11 +14,12 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
     hoverable: { type: Boolean, default: !0 },
     striped: { type: Boolean, default: !1 },
     compact: { type: Boolean, default: !1 },
-    size: { default: "md" }
+    size: { default: "md" },
+    cellBordered: { type: Boolean }
   },
   emits: ["select", "rowClick"],
   setup(i, { emit: w }) {
-    const o = i, r = w, n = (e, l) => {
+    const c = i, m = w, n = (e, l) => {
       if (!(!e || !l))
         return l.includes(".") ? l.split(".").reduce((t, s) => t?.[s], e) : e[l];
     }, x = (e, l, t) => e.format ? e.format(l, t) : l == null ? "-" : e.type === "number" ? new Intl.NumberFormat("en-US").format(Number(l)) : String(l), g = (e, l, t) => {
@@ -49,17 +50,20 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
         low: "text-muted-foreground"
       }, t = String(e).toLowerCase().replace(/[-_\s]/g, "");
       return l[t] || "";
-    }, b = (e) => ({
+    }, p = (e) => ({
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[e.align || "left"], p = z(() => n(o.row, o.keyField)), k = () => o.size === "xs" || o.compact ? "py-1.5! -text-fs-1.5! pr-3 max-sm:pr-10!" : o.size === "sm" ? "py-2! -text-fs-1.5! pr-4 max-sm:pr-10!" : o.size === "lg" ? "py-4! text-base pr-6 max-sm:pr-12!" : "py-3! pr-5! max-sm:pr-10! -text-fs-1.5!", v = () => {
-      r("rowClick", { row: o.row, index: o.index });
+    })[e.align || "left"], b = B(() => n(c.row, c.keyField)), k = () => {
+      const { size: e, compact: l, cellBordered: t } = c;
+      return e === "xs" || l ? `py-1.5! -text-fs-1.5! ${t ? "px-3!" : "pr-3 max-sm:pr-10!"}` : e === "sm" ? `py-2! -text-fs-1.5! ${t ? "px-3!" : "pr-4 max-sm:pr-10!"}` : e === "lg" ? `py-4! text-base ${t ? "px-4!" : "pr-6 max-sm:pr-12!"}` : `py-3! -text-fs-1.5! ${t ? "px-3.5!" : "pr-5! max-sm:pr-10!"}`;
+    }, v = () => {
+      m("rowClick", { row: c.row, index: c.index });
     }, C = () => {
-      r("select", p.value);
+      m("select", b.value);
     };
-    return (e, l) => (c(), m("tr", {
-      class: u(["border-b data-[state=selected]:bg-muted h-full", [
+    return (e, l) => (o(), r("tr", {
+      class: a(["border-b data-[state=selected]:bg-muted h-full", [
         i.hoverable ? "hover:bg-muted/20" : "",
         i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         i.isSelected ? "bg-muted! hover:bg-muted/30" : "",
@@ -68,51 +72,51 @@ const E = ["data-state"], H = { class: "flex items-center justify-center" }, I =
       "data-state": i.isSelected ? "selected" : void 0,
       onClick: v
     }, [
-      i.selectable ? (c(), m("td", {
+      i.selectable ? (o(), r("td", {
         key: 0,
         class: "px-0! py-1! align-middle text-center",
-        onClick: l[0] || (l[0] = B(() => {
+        onClick: l[0] || (l[0] = z(() => {
         }, ["stop"]))
       }, [
-        a("div", H, [
-          M(L, {
+        u("div", H, [
+          $(F, {
             "model-value": i.isSelected,
             size: "xs",
             "onUpdate:modelValue": C
           }, null, 8, ["model-value"])
         ])
-      ])) : W("", !0),
-      (c(!0), m(N, null, V(i.headers, (t) => (c(), m("td", {
+      ])) : M("", !0),
+      (o(!0), r(W, null, N(i.headers, (t) => (o(), r("td", {
         key: t.field,
-        class: u(["align-middle overflow-hidden max-w-[400px] whitespace-normal wrap-break-word", [
+        class: a(["align-middle overflow-hidden max-w-[400px] whitespace-normal wrap-break-word", [
           k(),
-          b(t),
+          p(t),
           t.hideOnMobile ? "hidden md:table-cell" : "",
           g(t, n(i.row, t.field), i.row)
         ]]),
-        style: h({
+        style: V({
           ...t.width && !/(?:^|\s|:)w-/.test(t.width) ? { width: t.width } : {},
           ...t.minWidth && !/(?:^|\s|:)min-w-/.test(t.minWidth) ? { minWidth: t.minWidth } : {}
         })
       }, [
-        a("div", I, [
-          F(e.$slots, t.field, {
+        u("div", I, [
+          h(e.$slots, t.field, {
             value: n(i.row, t.field),
             row: i.row,
             index: i.index,
             field: t.field
           }, () => [
-            t.type === "price" ? (c(), f($, {
+            t.type === "price" ? (o(), f(L, {
               key: 0,
               value: n(i.row, t.field),
               class: "block",
               title: String(n(i.row, t.field))
-            }, null, 8, ["value", "title"])) : t.type === "date" ? (c(), f(T, {
+            }, null, 8, ["value", "title"])) : t.type === "date" ? (o(), f(T, {
               key: 1,
               value: n(i.row, t.field),
               class: "block",
               title: String(n(i.row, t.field))
-            }, null, 8, ["value", "title"])) : (c(), m("span", {
+            }, null, 8, ["value", "title"])) : (o(), r("span", {
               key: 2,
               class: "block",
               title: String(n(i.row, t.field)),

package/components/DataTable/types.d.ts

@@ -65,6 +65,7 @@ export interface DataTableProps {
     striped?: boolean;
     hoverable?: boolean;
     bordered?: boolean;
+    cellBordered?: boolean;
     compact?: boolean;
     tableClass?: string;
     class?: string;

package/components/Dropdown/Dropdown.vue.d.ts

@@ -5,6 +5,7 @@ type __VLS_Props = {
     modelValue?: any;
     className?: string;
     emptyMessage?: string;
+    searchEmptyMessage?: string;
     position?: TooltTipPlacement;
     closeOnSelect?: boolean;
     toggleSelection?: boolean;
@@ -100,10 +101,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     searchable: boolean;
     remote: boolean;
     debounceTime: number;
+    emptyMessage: string;
     canCloseOutside: boolean;
     closeOnSelect: boolean;
     toggleSelection: boolean;
-    emptyMessage: string;
     offset: [number, number];
     isOpen: boolean;
     teleport: boolean;

package/components/Dropdown/Dropdown.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as oe, ref as i, computed as f, inject as ae, onMounted as ie, onUnmounted as se, watch as P, provide as R, reactive as re, toRefs as de, openBlock as x, createElementBlock as z, normalizeStyle as ue, createVNode as M, unref as u, withCtx as m, renderSlot as v, createCommentVNode as E, createBlock as ce, normalizeClass as fe, createSlots as me, normalizeProps as j, guardReactiveProps as U } from "vue";
+import { defineComponent as oe, ref as i, computed as f, inject as ae, onMounted as ie, onUnmounted as se, watch as M, provide as V, reactive as re, toRefs as de, openBlock as P, createElementBlock as R, normalizeStyle as ue, createVNode as x, unref as u, withCtx as m, renderSlot as v, createCommentVNode as z, createBlock as ce, normalizeClass as fe, createSlots as me, normalizeProps as j, guardReactiveProps as U } from "vue";
 import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import he from "./DropdownMenu.vue.js";
-import ye from "./DropdownTrigger.vue.js";
+import ye from "./DropdownMenu.vue.js";
+import he from "./DropdownTrigger.vue.js";
 import ge from "../ConfirmationModal.vue.js";
 import { useDropdownIds as pe } from "./composables/useDropdownIds.js";
 import { useDropdownSelection as be } from "./composables/useDropdownSelection.js";
@@ -17,6 +17,7 @@ const Oe = {
     modelValue: {},
     className: {},
     emptyMessage: { default: "No options found" },
+    searchEmptyMessage: {},
     position: {},
     closeOnSelect: { type: Boolean, default: !0 },
     toggleSelection: { type: Boolean, default: !0 },
@@ -53,7 +54,7 @@ const Oe = {
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
   setup(t, { emit: q }) {
-    const l = t, h = q, p = i(!1), y = i(null), r = i({
+    const l = t, y = q, p = i(!1), h = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
@@ -68,7 +69,7 @@ const Oe = {
       s?.registerChildId && s.registerChildId(`#${w.value}`);
     }), se(() => {
       s?.unregisterChildId && s.unregisterChildId(`#${w.value}`);
-    }), P(
+    }), M(
       () => l.isOpen,
       (e) => {
         if (e !== void 0) {
@@ -79,25 +80,25 @@ const Oe = {
     );
     const N = (e) => {
       if (l.disabled || l.readonly) {
-        b.value = !1, h("update:isOpen", !1);
+        b.value = !1, y("update:isOpen", !1);
         return;
       }
-      b.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+      b.value = e, y("update:isOpen", e), y(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, O = () => {
       N(!1);
     }, W = (e) => {
       e ? C.value++ : C.value = Math.max(0, C.value - 1);
     };
-    R("dropdown-context", {
+    V("dropdown-context", {
       close: O,
       onChildToggle: (e) => {
         W(e), s?.onChildToggle?.(e);
       },
       registerChildId: K,
       unregisterChildId: Q
-    }), R("modal-context", null);
-    const I = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), A = i(!1), $ = i(!1);
-    P(
+    }), V("modal-context", null);
+    const I = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), E = i(!1), $ = i(!1);
+    M(
       I,
       (e) => {
         if (e) {
@@ -108,8 +109,8 @@ const Oe = {
             }), S.value = o;
           } else
             S.value = e;
-          !A.value && e.length > 0 && (A.value = !0, setTimeout(() => {
-            $.value = !0, H(B.value);
+          !E.value && e.length > 0 && (E.value = !0, setTimeout(() => {
+            $.value = !0, A(B.value);
           }, 10));
         }
       },
@@ -120,30 +121,30 @@ const Oe = {
       return k.value.forEach((n, d) => {
         o.has(d) || (e.unshift(n), o.add(d));
       }), e;
-    }), { selectedBuffer: k, isHydrating: X, hydrateSelected: H } = Ce({
+    }), { selectedBuffer: k, isHydrating: X, hydrateSelected: A } = Ce({
       fetchSelected: l.fetchSelected,
       getAvailableOptions: () => c.value,
       isReady: () => $.value
     }), { getAllRecursiveIds: Y } = pe(), Z = re({
       ...de(l),
       options: c
-    }), { currentValue: B, selectedLabel: D, selectedIcon: L, selectOption: _ } = be(
+    }), { currentValue: B, selectedLabel: H, selectedIcon: D, selectOption: _ } = be(
       Z,
-      h
+      y
     ), ee = f(() => {
       const e = l.ignoreClickOutside || [], o = Y(c.value);
       return [.../* @__PURE__ */ new Set([...e, ...o, ...g.value])];
     });
-    P(
+    M(
       () => B.value,
       (e) => {
-        $.value && H(e);
+        $.value && A(e);
       },
       { deep: !0 }
     );
     const te = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
+      l.doubleConfirmation || !!e.confirmation ? (h.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
@@ -155,8 +156,8 @@ const Oe = {
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, p.value = !0, O()) : (V(e), l.closeOnSelect && O());
-    }, V = (e) => {
+      }, p.value = !0, O()) : (L(e), l.closeOnSelect && O());
+    }, L = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
       const o = e.value ?? e.label;
       k.value.has(o) || k.value.set(o, e);
@@ -173,15 +174,15 @@ const Oe = {
         });
       }
     }, le = () => {
-      y.value && (V(y.value), y.value = null, p.value = !1);
+      h.value && (L(h.value), h.value = null, p.value = !1);
     }, ne = () => {
-      y.value = null, p.value = !1;
+      h.value = null, p.value = !1;
     };
-    return (e, o) => (x(), z("div", {
+    return (e, o) => (P(), R("div", {
       class: "relative inline-block text-left",
       style: ue({ direction: t.direction })
     }, [
-      M(u(ve), {
+      x(u(ve), {
         content: "",
         trigger: "click",
         arrow: !1,
@@ -201,10 +202,10 @@ const Oe = {
         styles: { padding: "0" }
       }, {
         trigger: m(({ isOpen: n }) => [
-          v(e.$slots, "trigger", j(U({ selectedLabel: u(D), selectedIcon: t.showSelectedIcon ? u(L) : void 0, isOpen: n })), () => [
-            M(ye, {
-              "selected-label": u(D),
-              "selected-icon": t.showSelectedIcon ? u(L) : void 0,
+          v(e.$slots, "trigger", j(U({ selectedLabel: u(H), selectedIcon: t.showSelectedIcon ? u(D) : void 0, isOpen: n })), () => [
+            x(he, {
+              "selected-label": u(H),
+              "selected-icon": t.showSelectedIcon ? u(D) : void 0,
               "is-open": n,
               direction: t.direction,
               disabled: t.disabled,
@@ -215,14 +216,16 @@ const Oe = {
           ])
         ]),
         default: m(() => [
-          e.$slots?.default ? (x(), z("span", Oe, [
+          e.$slots?.default ? (P(), R("span", Oe, [
             v(e.$slots, "default")
-          ])) : E("", !0),
-          !(t.disabled || t.readonly) && (I.value.length || c.value.length || e.$slots.menu || e.$slots.item || t.remote || t.searchable) ? (x(), ce(he, {
+          ])) : z("", !0),
+          !(t.disabled || t.readonly) && (I.value.length || c.value.length || e.$slots.menu || e.$slots.item || t.remote || t.searchable) ? (P(), ce(ye, {
             key: 1,
             options: I.value,
             cachedOptions: c.value,
             class: fe(t.className),
+            emptyMessage: t.emptyMessage,
+            searchEmptyMessage: t.searchEmptyMessage,
             selected: u(B),
             selectedIndex: t.selectedIndex,
             maxHeight: t.maxHeight,
@@ -270,11 +273,11 @@ const Oe = {
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : E("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : z("", !0)
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
-      M(ge, {
+      x(ge, {
         show: p.value,
         title: r.value.title,
         description: r.value.description,

package/components/Dropdown/DropdownMenu.vue.d.ts

@@ -17,6 +17,8 @@ interface Props {
     remote?: boolean;
     debounceTime?: number;
     direction?: 'ltr' | 'rtl';
+    emptyMessage?: string;
+    searchEmptyMessage?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -63,6 +65,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     searchable: boolean;
     remote: boolean;
     debounceTime: number;
+    emptyMessage: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     containerRef: HTMLDivElement;
 }, HTMLDivElement>;

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-77113fbb"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b2017bca"]]);
 export {
   m as default
 };