vlite3 1.3.10 → 1.3.11

package/components/AsyncSelect/createAsyncSelect.d.ts

@@ -14,6 +14,26 @@ export interface SelectOption<T = unknown> {
     data?: T;
 }
 export type OptionsMapper<T> = (item: T) => SelectOption<T> | null | undefined;
+/**
+ * A static filter object, or a function that derives the filter from the
+ * surrounding form state. Returning `undefined` clears the filter.
+ *
+ * When a function is used, the function is only re-invoked when one of the
+ * keys it actually *reads* changes. Reading `values.quotationType` will not
+ * cause the function to re-run on changes to `values.cargoQuantityDelivered`.
+ *
+ * @example
+ *   // Static
+ *   filter: { status: 'ACTIVE' }
+ *
+ *   // Dynamic — reactive against the parent form's values
+ *   filter: ({ values }) => values.quotationType === 'WATER_DELIVERY'
+ *     ? { isTanker: true }
+ *     : undefined
+ */
+export type AsyncSelectFilter = Record<string, any> | ((ctx: {
+    values: Record<string, any>;
+}) => Record<string, any> | undefined | void);
 export interface CreateSelectConfig<T = any> {
     name: string;
     useQuery: any;
@@ -46,7 +66,17 @@ export declare const createAsyncSelect: <T extends {
         default: string;
     };
     filter: {
-        type: ObjectConstructor;
+        type: PropType<AsyncSelectFilter>;
+        default: () => {};
+    };
+    /**
+     * The parent form's current values. Only used when `filter` is a
+     * function — the function receives `{ values }` and returns a filter.
+     * The form (`FormField.vue`) automatically passes this prop down for
+     * custom components; for standalone use, default to `{}`.
+     */
+    values: {
+        type: PropType<Record<string, any>>;
         default: () => {};
     };
     disabled: {
@@ -75,7 +105,17 @@ export declare const createAsyncSelect: <T extends {
         default: string;
     };
     filter: {
-        type: ObjectConstructor;
+        type: PropType<AsyncSelectFilter>;
+        default: () => {};
+    };
+    /**
+     * The parent form's current values. Only used when `filter` is a
+     * function — the function receives `{ values }` and returns a filter.
+     * The form (`FormField.vue`) automatically passes this prop down for
+     * custom components; for standalone use, default to `{}`.
+     */
+    values: {
+        type: PropType<Record<string, any>>;
         default: () => {};
     };
     disabled: {
@@ -93,7 +133,8 @@ export declare const createAsyncSelect: <T extends {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onOnChange?: (...args: any[]) => any;
 }>, {
-    filter: Record<string, any>;
+    filter: {};
+    values: Record<string, any>;
     placeholder: string;
     disabled: boolean;
     multiple: boolean;

package/components/AsyncSelect/createAsyncSelect.js

@@ -1,16 +1,16 @@
-import { defineComponent as P, ref as m, computed as i, watch as k, createVNode as s, mergeProps as S, nextTick as q, isVNode as $ } from "vue";
-import z from "../Dropdown/Dropdown.vue.js";
+import { defineComponent as E, ref as y, computed as i, watch as I, createVNode as d, mergeProps as _, nextTick as H, isVNode as L } from "vue";
+import Q from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import "../../core/config.js";
 /* empty css            */
 /* empty css                            */
-import F from "../Button.vue.js";
-import H from "../MultiSelect/MultiSelect.vue.js";
-import L from "../Modal.vue.js";
-function V(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !$(t);
+import R from "../Button.vue.js";
+import T from "../MultiSelect/MultiSelect.vue.js";
+import U from "../Modal.vue.js";
+function j(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !L(t);
 }
-const X = (t) => /* @__PURE__ */ P({
+const ne = (t) => /* @__PURE__ */ E({
   name: t.name,
   inheritAttrs: !1,
   props: {
@@ -29,6 +29,16 @@ const X = (t) => /* @__PURE__ */ P({
       default: "Select..."
     },
     filter: {
+      type: [Object, Function],
+      default: () => ({})
+    },
+    /**
+     * The parent form's current values. Only used when `filter` is a
+     * function — the function receives `{ values }` and returns a filter.
+     * The form (`FormField.vue`) automatically passes this prop down for
+     * custom components; for standalone use, default to `{}`.
+     */
+    values: {
       type: Object,
       default: () => ({})
     },
@@ -45,104 +55,125 @@ const X = (t) => /* @__PURE__ */ P({
   },
   emits: ["onChange", "update:modelValue", "change"],
   setup(l, {
-    attrs: I,
-    emit: y
+    attrs: M,
+    emit: m
   }) {
-    const d = m([]), c = m(1), b = m(""), M = 20, h = i(() => l.value !== void 0 ? l.value : l.modelValue), v = i(() => l.optionsMapper || t.optionsMapper), j = i(() => ({
+    const c = y([]), s = y(1), b = y(""), B = 20, h = i(() => l.value !== void 0 ? l.value : l.modelValue), g = i(() => l.optionsMapper || t.optionsMapper), N = (e, a) => {
+      const r = l.filter;
+      if (typeof r != "function")
+        return r || {};
+      const o = a != null ? new Proxy(e || {}, {
+        get(n, u) {
+          return typeof u == "string" && !u.startsWith("__v_") && a.add(u), Reflect.get(n, u);
+        }
+      }) : e || {};
+      try {
+        return r({
+          values: o
+        }) || {};
+      } catch (n) {
+        return console.error(`[${t.name}] Error evaluating filter function:`, n), {};
+      }
+    }, w = /* @__PURE__ */ new Set(), P = N(l.values, w), f = y(P), S = Array.from(w), F = i(() => S.length > 0 ? JSON.stringify(S.map((e) => l.values?.[e])) : JSON.stringify(l.filter || {}));
+    I(F, () => {
+      const e = N(l.values), a = JSON.stringify(f.value), r = JSON.stringify(e);
+      a !== r && (f.value = e, s.value = 1);
+    });
+    const q = i(() => ({
       pagination: {
-        page: c.value,
-        limit: M
+        page: s.value,
+        limit: B
       },
       search: b.value || void 0,
       filter: {
-        ...l.filter
+        ...f.value
       }
     })), {
-      result: g,
-      loading: w,
-      refetch: N
-    } = t.useQuery(j, {
+      result: K,
+      loading: A,
+      refetch: C
+    } = t.useQuery(q, {
       notifyOnNetworkStatusChange: !0,
       fetchPolicy: "cache-and-network"
-    }), A = i(() => {
-      const e = g.value?.[t.queryName]?.pageInfo;
+    }), O = i(() => {
+      const e = K.value?.[t.queryName]?.pageInfo;
       return e ? e.currentPage < e.totalPages : !1;
     });
-    k(() => g.value?.[t.queryName], (e) => {
+    I(() => K.value?.[t.queryName], (e) => {
       if (!e) return;
-      const n = Array.isArray(e) ? e : e.items;
-      if (n)
-        if (c.value === 1)
-          d.value = [...n];
+      const a = Array.isArray(e) ? e : e.items;
+      if (a)
+        if (s.value === 1)
+          c.value = [...a];
         else {
-          const r = new Set(d.value.map((a) => a.id)), o = n.filter((a) => !r.has(a.id));
-          d.value.push(...o);
+          const r = new Set(c.value.map((n) => n.id)), o = a.filter((n) => !r.has(n.id));
+          c.value.push(...o);
         }
     }, {
       immediate: !0
     });
-    const C = (e) => {
-      if (v.value)
-        return v.value(e);
-      const n = typeof t.labelKey == "function" ? t.labelKey(e) : e[t.labelKey || "name"], r = typeof t.subtitleKey == "function" ? t.subtitleKey(e) : e[t.subtitleKey || ""], o = typeof t.descriptionKey == "function" ? t.descriptionKey(e) : e[t.descriptionKey || ""], a = t.iconKey ? typeof t.iconKey == "function" ? t.iconKey(e) : e[t.iconKey] : void 0;
+    const V = (e) => {
+      if (g.value)
+        return g.value(e);
+      const a = typeof t.labelKey == "function" ? t.labelKey(e) : e[t.labelKey || "name"], r = typeof t.subtitleKey == "function" ? t.subtitleKey(e) : e[t.subtitleKey || ""], o = typeof t.descriptionKey == "function" ? t.descriptionKey(e) : e[t.descriptionKey || ""], n = t.iconKey ? typeof t.iconKey == "function" ? t.iconKey(e) : e[t.iconKey] : void 0;
       return {
-        label: n,
+        label: a,
         subtitle: r || void 0,
         description: o || void 0,
         value: e[t.valueKey || "id"],
-        icon: a || void 0,
+        icon: n || void 0,
         data: e
       };
-    }, f = i(() => d.value.map(C).filter(Boolean)), p = (e, n) => {
-      let r = n;
-      l.multiple && Array.isArray(e) && (r = e.map((a) => {
-        const u = f.value.find((K) => K.value === a);
+    }, p = i(() => c.value.map(V).filter(Boolean)), v = (e, a) => {
+      let r = a;
+      l.multiple && Array.isArray(e) && (r = e.map((n) => {
+        const u = p.value.find((x) => x.value === n);
         return u ? u.data : null;
       }).filter(Boolean));
       const o = {
         value: e,
         data: r
       };
-      y("update:modelValue", e), y("change", o), y("onChange", o);
-    }, O = (e) => {
-      b.value = e, c.value = 1;
-    }, x = () => {
-      !A.value || w.value || c.value++;
-    }, B = async (e) => {
-      const n = (Array.isArray(e) ? e : [e]).filter((a) => (typeof a == "string" || typeof a == "number") && a !== "");
-      if (n.length === 0) return [];
-      await q();
-      const r = new Set(f.value.map((a) => a.value)), o = n.filter((a) => !r.has(a));
+      m("update:modelValue", e), m("change", o), m("onChange", o);
+    }, J = (e) => {
+      b.value = e, s.value = 1;
+    }, $ = () => {
+      !O.value || A.value || s.value++;
+    }, z = async (e) => {
+      const a = (Array.isArray(e) ? e : [e]).filter((n) => (typeof n == "string" || typeof n == "number") && n !== "");
+      if (a.length === 0) return [];
+      await H();
+      const r = new Set(p.value.map((n) => n.value)), o = a.filter((n) => !r.has(n));
       if (o.length === 0) return [];
       try {
         const {
-          data: a
-        } = await N({
+          data: n
+        } = await C({
           pagination: {
             page: 1,
             limit: o.length
           },
           filter: {
-            ...l.filter,
+            ...f.value,
             ids: o
           }
-        }), u = a?.[t.queryName];
-        return (Array.isArray(u) ? u : u?.items || []).map(C).filter(Boolean);
-      } catch (a) {
-        return console.error(`[${t.name}] Hydration failed`, a), [];
+        }), u = n?.[t.queryName];
+        return (Array.isArray(u) ? u : u?.items || []).map(V).filter(Boolean);
+      } catch (n) {
+        return console.error(`[${t.name}] Hydration failed`, n), [];
       }
-    }, _ = () => l.addNewConfig ? s("div", {
+    }, k = () => l.addNewConfig ? d("div", {
       class: "px-1 pb-1 pt-1 mt-1 border-t border-border bg-body sticky bottom-0 z-10"
-    }, [s(L, {
+    }, [d(U, {
       title: l.addNewConfig.label || "Add New",
       titleI18n: l.addNewConfig.labelI18n,
       body: l.addNewConfig.component,
       bodyProps: l.addNewConfig.props,
       onClose: () => {
-        N();
+        C();
       }
     }, {
-      trigger: () => s(F, {
+      trigger: () => d(R, {
         class: "w-full justify-start text-primary hover:text-primary hover:bg-primary/10",
         variant: "ghost",
         size: "sm",
@@ -152,35 +183,35 @@ const X = (t) => /* @__PURE__ */ P({
     })]) : null;
     return () => {
       const e = {
-        options: f.value,
-        loading: w.value,
+        options: p.value,
+        loading: A.value,
         searchable: t.searchable ?? !0,
         remote: t.remote ?? !0,
-        hasMore: A.value,
+        hasMore: O.value,
         placeholder: l.placeholder,
         disabled: l.disabled,
-        fetchSelected: B,
-        onSearch: O,
-        onLoadMore: x,
-        ...I
-      }, n = {};
-      return l.addNewConfig && (n.footer = () => _()), l.multiple ? s(H, S(e, {
+        fetchSelected: z,
+        onSearch: J,
+        onLoadMore: $,
+        ...M
+      }, a = {};
+      return l.addNewConfig && (a.footer = () => k()), l.multiple ? d(T, _(e, {
         modelValue: h.value,
-        "onUpdate:modelValue": (r) => p(r),
-        onChange: (r) => p(r)
-      }), V(n) ? n : {
-        default: () => [n]
-      }) : s(z, S(e, {
+        "onUpdate:modelValue": (r) => v(r),
+        onChange: (r) => v(r)
+      }), j(a) ? a : {
+        default: () => [a]
+      }) : d(Q, _(e, {
         showSelectedIcon: !0,
         emptyMessage: "Data not found",
         modelValue: h.value,
-        onOnSelect: (r) => p(r.value, r.data)
-      }), V(n) ? n : {
-        default: () => [n]
+        onOnSelect: (r) => v(r.value, r.data)
+      }), j(a) ? a : {
+        default: () => [a]
       });
     };
   }
 });
 export {
-  X as createAsyncSelect
+  ne as createAsyncSelect
 };

package/components/CategoryManager/CategoryManager.vue2.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                          */
+/* empty css                           */
 import Ue from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.js";
+/* empty css              */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue2.js";
+import ee from "./CommandPaletteItem.vue.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                       */
+/* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/Dropdown/DropdownBooleanItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as d, openBlock as a, createElementBlock as u, withModifiers as p, normalizeClass as f, createElementVNode as l, createBlock as g, createCommentVNode as h, toDisplayString as v, createVNode as b } from "vue";
+import { defineComponent as m, computed as d, openBlock as a, createElementBlock as u, withModifiers as f, normalizeClass as p, createElementVNode as l, createBlock as g, createCommentVNode as v, toDisplayString as b, createVNode as h } from "vue";
 import x from "../Switch.vue.js";
 import y from "../Icon.vue.js";
 import { $t as k } from "../../utils/i18n.js";
@@ -19,11 +19,11 @@ const w = ["data-testid"], B = { class: "flex items-center gap-2 flex-1 min-w-0"
     return (t, i) => (a(), u("div", {
       tabindex: "0",
       "data-dropdown-item": "",
-      class: f(["relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", [
+      class: p(["relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus-visible:bg-accent focus-visible:text-accent-foreground", [
         e.focused ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
       ]]),
       "data-testid": t.$attrs["data-testid"] || `dropdown-item-bool-${e.option.key || e.option.label}`.toLowerCase().replace(/[^a-z0-9]+/g, "-"),
-      onClick: i[0] || (i[0] = p((j) => n(!e.value), ["stop"]))
+      onClick: i[0] || (i[0] = f((j) => n(!e.value), ["stop"]))
     }, [
       l("div", B, [
         e.option.icon || e.option.emoji ? (a(), g(y, {
@@ -31,10 +31,10 @@ const w = ["data-testid"], B = { class: "flex items-center gap-2 flex-1 min-w-0"
           icon: e.option.icon,
           emoji: e.option.emoji,
           class: "h-4 w-4 shrink-0 opacity-70"
-        }, null, 8, ["icon", "emoji"])) : h("", !0),
-        l("span", $, v(r.value), 1)
+        }, null, 8, ["icon", "emoji"])) : v("", !0),
+        l("span", $, b(r.value), 1)
       ]),
-      b(x, {
+      h(x, {
         "model-value": e.value,
         class: "ml-3 shrink-0 scale-75 origin-right",
         "onUpdate:modelValue": n

package/components/Dropdown/DropdownItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as a, openBlock as n, createElementBlock as s, withKeys as w, withModifiers as k, normalizeClass as h, renderSlot as $, normalizeProps as I, guardReactiveProps as B, createBlock as p, createCommentVNode as i, createElementVNode as c, toDisplayString as d } from "vue";
+import { defineComponent as w, computed as l, openBlock as n, createElementBlock as s, withKeys as g, withModifiers as k, normalizeClass as h, renderSlot as $, normalizeProps as I, guardReactiveProps as B, createBlock as p, createCommentVNode as i, createElementVNode as d, toDisplayString as c } from "vue";
 import v from "../Icon.vue.js";
 import { $t as r } from "../../utils/i18n.js";
 const j = ["tabindex", "data-disabled", "data-testid"], C = { class: "flex flex-col flex-1 min-w-0" }, S = { class: "flex items-center justify-between gap-2" }, z = { class: "truncate font-medium" }, D = {
@@ -7,7 +7,7 @@ const j = ["tabindex", "data-disabled", "data-testid"], C = { class: "flex flex-
 }, E = {
   key: 0,
   class: "text-[10px] text-muted-foreground truncate opacity-70"
-}, N = /* @__PURE__ */ g({
+}, N = /* @__PURE__ */ w({
   __name: "DropdownItem",
   props: {
     option: {},
@@ -18,41 +18,41 @@ const j = ["tabindex", "data-disabled", "data-testid"], C = { class: "flex flex-
   },
   emits: ["click", "mouseenter"],
   setup(e, { emit: x }) {
-    const t = e, u = x, y = a(
+    const t = e, u = x, y = l(
       () => t.option.labelI18n ? r(t.option.labelI18n) : t.option.label
-    ), m = a(
+    ), m = l(
       () => t.option.subtitleI18n ? r(t.option.subtitleI18n) : t.option.subtitle
-    ), f = a(
+    ), b = l(
       () => t.option.descriptionI18n ? r(t.option.descriptionI18n) : t.option.description
     );
-    return (l, o) => (n(), s("div", {
+    return (a, o) => (n(), s("div", {
       tabindex: e.option.disabled ? -1 : 0,
       "data-dropdown-item": "",
-      class: h(["relative w-full flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1 data-disabled:pointer-events-none data-disabled:opacity-50", [
+      class: h(["relative w-full flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus-visible:bg-accent focus-visible:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50", [
         e.selectable && e.selected && !e.option.children ? "bg-accent" : "",
         e.focused ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
         e.option.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
         e.option.class || ""
       ]]),
       "data-disabled": e.option.disabled ? !0 : void 0,
-      "data-testid": l.$attrs["data-testid"] || (e.option.value ? `dropdown-item-${e.option.value}` : `dropdown-item-${e.option.label}`).toString().toLowerCase().replace(/[^a-z0-9]+/g, "-"),
-      onClick: o[0] || (o[0] = (b) => u("click", e.option)),
-      onKeydown: o[1] || (o[1] = w(k((b) => u("click", e.option), ["prevent"]), ["enter"])),
-      onMouseenter: o[2] || (o[2] = (b) => l.$emit("mouseenter", e.index ?? -1))
+      "data-testid": a.$attrs["data-testid"] || (e.option.value ? `dropdown-item-${e.option.value}` : `dropdown-item-${e.option.label}`).toString().toLowerCase().replace(/[^a-z0-9]+/g, "-"),
+      onClick: o[0] || (o[0] = (f) => u("click", e.option)),
+      onKeydown: o[1] || (o[1] = g(k((f) => u("click", e.option), ["prevent"]), ["enter"])),
+      onMouseenter: o[2] || (o[2] = (f) => a.$emit("mouseenter", e.index ?? -1))
     }, [
-      $(l.$slots, "default", I(B({ option: e.option, index: e.index, selected: e.selected })), () => [
+      $(a.$slots, "default", I(B({ option: e.option, index: e.index, selected: e.selected })), () => [
         e.option.icon || e.option.emoji ? (n(), p(v, {
           key: 0,
           icon: e.option.icon,
           emoji: e.option.emoji,
           class: "mr-2.5 h-4 w-4 shrink-0 mt-0.5"
         }, null, 8, ["icon", "emoji"])) : i("", !0),
-        c("div", C, [
-          c("div", S, [
-            c("span", z, d(y.value), 1),
-            m.value ? (n(), s("span", D, d(m.value), 1)) : i("", !0)
+        d("div", C, [
+          d("div", S, [
+            d("span", z, c(y.value), 1),
+            m.value ? (n(), s("span", D, c(m.value), 1)) : i("", !0)
           ]),
-          f.value ? (n(), s("span", E, d(f.value), 1)) : i("", !0)
+          b.value ? (n(), s("span", E, c(b.value), 1)) : i("", !0)
         ]),
         e.selectable && e.selected ? (n(), p(v, {
           key: 1,

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
-import o from "./DropdownMenu.vue3.js";
+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-1742cff5"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0df8084f"]]);
 export {
   m as default
 };