vlite3 1.1.2 → 1.1.5

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

@@ -1,17 +1,21 @@
 import { ButtonProps } from '../../types';
 interface Props {
     selectedLabel?: string;
+    selectedIcon?: string;
     placeholder?: string;
     isOpen?: boolean;
     disabled?: boolean;
+    readonly?: boolean;
     className?: string;
     direction?: 'ltr' | 'rtl';
     triggerProps?: ButtonProps;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    readonly: boolean;
     placeholder: string;
     disabled: boolean;
     direction: "ltr" | "rtl";
     selectedLabel: string;
+    selectedIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 export default _default;

package/components/Dropdown/DropdownTrigger.vue.js

@@ -1,26 +1,31 @@
-import { defineComponent as t, openBlock as a, createBlock as l, mergeProps as o } from "vue";
-import n from "../Button.vue.js";
-const s = /* @__PURE__ */ t({
+import { defineComponent as a, openBlock as l, createBlock as d, mergeProps as n } from "vue";
+import o from "../Button.vue.js";
+const s = /* @__PURE__ */ a({
   __name: "DropdownTrigger",
   props: {
     selectedLabel: { default: "" },
+    selectedIcon: { default: "" },
     placeholder: { default: "Select an option" },
     isOpen: { type: Boolean },
     disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
     className: {},
     direction: { default: "ltr" },
     triggerProps: {}
   },
   setup(e) {
-    return (r, i) => (a(), l(n, o({
+    return (t, i) => (l(), d(o, n({
       text: e.selectedLabel || e.placeholder,
-      iconRight: "iconamoon:arrow-down-2",
+      iconRight: e.disabled || e.readonly ? void 0 : "iconamoon:arrow-down-2",
       variant: "outline",
       disabled: e.disabled,
       dir: e.direction
     }, e.triggerProps, {
-      class: ["w-full justify-between! font-normal px-2.5!", e.className]
-    }), null, 16, ["text", "disabled", "dir", "class"]));
+      icon: e.selectedIcon || e.triggerProps?.icon,
+      class: ["w-full justify-between! font-normal px-2.5!", [e.className, e.readonly && !e.disabled ? "pointer-events-none" : ""]],
+      "icon-right-class": "ml-auto!",
+      "data-testid": t.$attrs["data-testid"] || "dropdown-trigger"
+    }), null, 16, ["text", "iconRight", "disabled", "dir", "icon", "class", "data-testid"]));
   }
 });
 export {

package/components/Dropdown/composables/useDropdownHydration.d.ts

@@ -27,6 +27,7 @@ export declare function useDropdownHydration(opts: UseDropdownHydrationOptions):
         description?: string;
         descriptionI18n?: string;
         icon?: string;
+        badge?: string;
         emoji?: string;
         disabled?: {
             valueOf: () => boolean;
@@ -67,6 +68,7 @@ export declare function useDropdownHydration(opts: UseDropdownHydrationOptions):
         description?: string;
         descriptionI18n?: string;
         icon?: string;
+        badge?: string;
         emoji?: string;
         disabled?: {
             valueOf: () => boolean;

package/components/Dropdown/composables/useDropdownSelection.d.ts

@@ -11,6 +11,7 @@ type EmitFn = (event: 'update:modelValue' | 'onSelect', ...args: any[]) => void;
 export declare function useDropdownSelection(props: UseDropdownSelectionProps, emit: EmitFn): {
     currentValue: import('vue').ComputedRef<any>;
     selectedLabel: import('vue').ComputedRef<string>;
+    selectedIcon: import('vue').ComputedRef<string>;
     selectOption: (option: IDropdownOption) => any;
 };
 export {};

package/components/Dropdown/composables/useDropdownSelection.js

@@ -1,43 +1,58 @@
-import { computed as o } from "vue";
-import { deepMerge as v } from "../../../utils/object.js";
-import { $t as V } from "../../../utils/i18n.js";
-function h(r, c) {
-  const n = o(() => r.modelValue !== void 0 ? r.modelValue : r.selected), f = (e = [], a) => {
-    for (const l of e) {
-      const u = l.labelI18n ? V(l.labelI18n) : l.label;
-      if (l.value === a) return u;
-      if (l.key && typeof a == "object" && a !== null && l.key in a) {
-        if (l.children) {
-          const t = f(l.children, a[l.key]);
-          if (t) return `${u} / ${t}`;
+import { computed as d } from "vue";
+import { deepMerge as V } from "../../../utils/object.js";
+import { $t as g } from "../../../utils/i18n.js";
+function I(r, u) {
+  const a = d(() => r.modelValue !== void 0 ? r.modelValue : r.selected), i = (l = [], t) => {
+    for (const e of l) {
+      const c = e.labelI18n ? g(e.labelI18n) : e.label;
+      if (e.value === t) return c;
+      if (e.key && typeof t == "object" && t !== null && e.key in t) {
+        if (e.children) {
+          const n = i(e.children, t[e.key]);
+          if (n) return `${c} / ${n}`;
         }
-        return l.value === a[l.key], u;
+        return e.value === t[e.key], c;
       }
     }
     return "";
-  }, i = o(() => !r.showSelectedLabel || !r.selectable || !r.options?.length ? "" : f(r.options, n.value));
+  }, f = (l = [], t) => {
+    for (const e of l) {
+      if (e.value === t) return e.icon;
+      if (e.key && typeof t == "object" && t !== null && e.key in t) {
+        if (e.children) {
+          const c = f(e.children, t[e.key]);
+          if (c) return c;
+        }
+        return e.value === t[e.key], e.icon;
+      }
+    }
+  }, y = d(() => !r.showSelectedLabel || !r.selectable || !r.options?.length ? "" : i(r.options, a.value)), b = d(() => {
+    if (r.showSelectedLabel && r.selectable && r.options?.length)
+      return f(r.options, a.value);
+  });
   return {
-    currentValue: n,
-    selectedLabel: i,
-    selectOption: (e) => {
-      if (typeof e != "string" && e?.disabled) return;
-      const a = n.value;
-      let l = e?.value ?? e?.label;
-      const u = e.data;
-      let t;
-      if (e.key && (typeof l == "object" && l !== null && e.key in l || (l = { [e.key]: l })), a && typeof a == "object" && !Array.isArray(a) && e.key) {
-        const d = e.key, y = e.value ?? e.label, b = a[d] === y;
-        if (r.toggleSelection && b) {
-          const s = { ...a };
-          return delete s[d], t = s, c("update:modelValue", t), c("onSelect", { value: t, data: u, option: e }), t;
+    currentValue: a,
+    selectedLabel: y,
+    selectedIcon: b,
+    selectOption: (l) => {
+      if (typeof l != "string" && l?.disabled) return;
+      const t = a.value;
+      let e = l?.value ?? l?.label;
+      const c = l.data;
+      let n;
+      if (l.key && (typeof e == "object" && e !== null && l.key in e || (e = { [l.key]: e })), t && typeof t == "object" && !Array.isArray(t) && l.key) {
+        const o = l.key, k = l.value ?? l.label, v = t[o] === k;
+        if (r.toggleSelection && v) {
+          const s = { ...t };
+          return delete s[o], n = s, u("update:modelValue", n), u("onSelect", { value: n, data: c, option: l }), n;
         }
-        t = v(a, l), c("update:modelValue", t), c("onSelect", { value: t, data: u, option: e });
+        n = V(t, e), u("update:modelValue", n), u("onSelect", { value: n, data: c, option: l });
       } else
-        r.toggleSelection && a === (e.value ?? e.label) ? (t = void 0, c("update:modelValue", void 0), c("onSelect", { value: void 0, data: u, option: e })) : (t = l, c("update:modelValue", t), c("onSelect", { value: t, data: u, option: e }));
-      return t;
+        r.toggleSelection && t === (l.value ?? l.label) ? (n = void 0, u("update:modelValue", void 0), u("onSelect", { value: void 0, data: c, option: l })) : (n = e, u("update:modelValue", n), u("onSelect", { value: n, data: c, option: l }));
+      return n;
     }
   };
 }
 export {
-  h as useDropdownSelection
+  I as useDropdownSelection
 };

package/components/Empty/Empty.vue.js

@@ -12,7 +12,8 @@ import P from "./variants/Variant8.vue.js";
 import R from "./variants/Variant9.vue.js";
 import T from "./variants/Variant10.vue.js";
 import j from "./variants/Variant11.vue.js";
-const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2" }, tt = /* @__PURE__ */ d({
+import z from "./variants/Variant12.vue.js";
+const N = { class: "flex items-center justify-center w-full py-2" }, rt = /* @__PURE__ */ d({
   __name: "Empty",
   props: {
     title: {},
@@ -44,17 +45,18 @@ const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
       variant8: t(P),
       variant9: t(R),
       variant10: t(T),
-      variant11: t(j)
+      variant11: t(j),
+      variant12: t(z)
     }, v = n(
       () => a[p.value] || a.variant1
     );
-    return (r, N) => (m(), u("div", z, [
+    return (r, q) => (m(), u("div", N, [
       (m(), $(y(v.value), {
         title: f.value,
         description: l.value,
         icon: o.icon
       }, h({ _: 2 }, [
-        I(r.$slots, (q, s) => ({
+        I(r.$slots, (A, s) => ({
           name: s,
           fn: g((_) => [
             C(r.$slots, s, k(w(_ || {})))
@@ -65,5 +67,5 @@ const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
   }
 });
 export {
-  tt as default
+  rt as default
 };

package/components/Empty/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Empty } from './Empty.vue';
-export type EmptyVariant = 'variant1' | 'variant2' | 'variant3' | 'variant4' | 'variant5' | 'variant6' | 'variant7' | 'variant8' | 'variant9' | 'variant10' | 'variant11';
+export type EmptyVariant = 'variant1' | 'variant2' | 'variant3' | 'variant4' | 'variant5' | 'variant6' | 'variant7' | 'variant8' | 'variant9' | 'variant10' | 'variant11' | 'variant12';

package/components/Empty/variants/Variant12.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    title: string;
+    description: string;
+    icon: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        action?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Empty/variants/Variant12.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as s, openBlock as n, createElementBlock as r, createElementVNode as t, createVNode as i, toDisplayString as c, renderSlot as d, createCommentVNode as l } from "vue";
+import a from "../../Icon.vue.js";
+const m = { class: "flex w-full flex-col items-center justify-center p-8 min-h-[250px] text-center" }, u = { class: "mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-muted/30 border border-border/40 shadow-[0_2px_10px_-4px_rgba(0,0,0,0.05)]" }, x = { class: "text-lg font-semibold text-foreground tracking-tight" }, f = ["innerHTML"], _ = {
+  key: 0,
+  class: "mt-6"
+}, b = /* @__PURE__ */ s({
+  __name: "Variant12",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (o, h) => (n(), r("div", m, [
+      t("div", u, [
+        i(a, {
+          icon: e.icon,
+          class: "h-6 w-6 text-muted-foreground",
+          "stroke-width": "1.5"
+        }, null, 8, ["icon"])
+      ]),
+      t("h3", x, c(e.title), 1),
+      t("p", {
+        class: "mt-2 text-sm text-muted-foreground max-w-sm mx-auto leading-relaxed",
+        innerHTML: e.description
+      }, null, 8, f),
+      o.$slots.action ? (n(), r("div", _, [
+        d(o.$slots, "action")
+      ])) : l("", !0)
+    ]));
+  }
+});
+export {
+  b as default
+};

package/components/Empty/variants/Variant12.vue2.js

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