@fewangsit/wangsvue-fats 1.0.1-alpha.54 → 1.0.1-alpha.56

package/calendar/index.es.js

@@ -1,9 +1,10 @@
-import { defineComponent as C, onMounted as F, ref as f, computed as d, watch as s, watchEffect as S, createBlock as x, openBlock as D, mergeProps as b, unref as I, withCtx as c, renderSlot as y, nextTick as k } from "vue";
+import { defineComponent as I, onMounted as $, ref as B, computed as v, watch as f, watchEffect as U, createBlock as T, unref as c, openBlock as w, mergeProps as C, withCtx as s, renderSlot as m, nextTick as x } from "vue";
 import { u as L } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as O } from "../plugins/WangsVue.es.js";
 import { a as N } from "../utils/textFormatter.util.es.js";
-import { _ as U } from "../basecalendar/index.es.js";
-const Y = /* @__PURE__ */ C({
+import { _ as A } from "../basecalendar/index.es.js";
+import { _ as E } from "../basecalendartimezone/index.es.js";
+const P = /* @__PURE__ */ I({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -48,75 +49,94 @@ const Y = /* @__PURE__ */ C({
     exactSelection: { type: Boolean }
   },
   emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(V, { emit: g }) {
-    const e = V, n = g;
-    F(() => {
-      e.dateValue != null && (t.value = u(e.dateValue), o.value = t.value, i.value++), e.epochTimeMillis != null && (t.value = u(e.epochTimeMillis), o.value = t.value, i.value++);
+  setup(F, { emit: D }) {
+    var h;
+    const e = F, p = D;
+    $(() => {
+      e.dateValue != null && (t.value = u(e.dateValue), r.value = t.value, n.value++), e.epochTimeMillis != null && (t.value = u(e.epochTimeMillis), r.value = t.value, n.value++);
     });
-    const { locale: h } = O("Calendar"), t = f(), i = f(0), { value: o, errorMessage: M } = e.useValidator ? L(e.fieldName ?? "date", (a) => w(a)) : {
-      value: d({
+    const i = JSON.parse(localStorage.getItem("user") || "{}"), S = (h = i == null ? void 0 : i.generalSetting) == null ? void 0 : h.timezone, { locale: b } = O("Calendar"), t = B(), n = B(0), { value: r, errorMessage: y } = e.useValidator ? L(e.fieldName ?? "date", (a) => k(a)) : {
+      value: v({
         get: () => e.modelValue,
         set: (a) => {
-          n("update:modelValue", a);
+          p("update:modelValue", a);
         }
       })
-    }, B = d(
-      () => e.invalid || "errorMessage" in o && !!o.errorMessage
-    ), T = d(() => {
-      var r, v;
-      const a = JSON.parse(localStorage.getItem("user") || "{}"), l = (r = a == null ? void 0 : a.generalSetting) == null ? void 0 : r.timeFormat;
-      return e.hourFormat ? e.hourFormat : (v = l == null ? void 0 : l.toLowerCase()) != null && v.includes("pm") ? "12" : "24";
-    }), w = async (a) => {
-      var l, r;
-      return await k(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? m() : !a && e.mandatory ? ((r = e.customValidation) == null ? void 0 : r.empty) ?? m() : !0;
-    }, m = () => {
+    }, V = v(
+      () => e.invalid || "errorMessage" in r && !!r.errorMessage
+    ), g = v(() => {
+      var l, o;
+      const a = (l = i == null ? void 0 : i.generalSetting) == null ? void 0 : l.timeFormat;
+      return e.hourFormat ? e.hourFormat : (o = a == null ? void 0 : a.toLowerCase()) != null && o.includes("pm") ? "12" : "24";
+    }), k = async (a) => {
+      var l, o;
+      return await x(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? M() : !a && e.mandatory ? ((o = e.customValidation) == null ? void 0 : o.empty) ?? M() : !0;
+    }, M = () => {
       var a;
-      return h.emptyInvalidText.replace("{label}", e.label).replace(
+      return b.emptyInvalidText.replace("{label}", e.label).replace(
         "{formattedLabel}",
         (a = N(e.label)) == null ? void 0 : a.toLowerCase()
       );
-    }, p = (a, l) => {
-      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (o.value = l), a === "date" && e.useValidator && n("update:modelValue", l), a === "millis" && n("update:epochTimeMillis", l);
+    }, d = (a, l) => {
+      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (r.value = l), a === "date" && e.useValidator && p("update:modelValue", l), a === "millis" && p("update:epochTimeMillis", l);
     }, u = (a) => Array.isArray(a) ? a.map((l) => l == null ? null : new Date(l)) : new Date(a);
-    return s(
+    return f(
       () => e.dateValue,
       () => {
-        t.value = u(e.dateValue), e.useValidator && (o.value = t.value), i.value++;
+        t.value = u(e.dateValue), e.useValidator && (r.value = t.value), n.value++;
       },
       {
         once: !0
       }
-    ), s(
+    ), f(
       () => e.epochTimeMillis,
       () => {
-        t.value = u(e.epochTimeMillis), e.useValidator && (o.value = t.value), i.value++;
+        t.value = u(e.epochTimeMillis), e.useValidator && (r.value = t.value), n.value++;
       }
-    ), s(
+    ), f(
       () => e.modelValue,
       () => {
-        t.value = e.modelValue, e.useValidator && (o.value = t.value);
+        t.value = e.modelValue, e.useValidator && (r.value = t.value);
       }
-    ), S(() => {
-      t.value = e.valueFormat === "date" ? o.value : o.value ? u(o.value) : o.value;
-    }), (a, l) => (D(), x(U, b({ key: i.value }, e, {
-      "error-message": I(M),
-      "hour-format": T.value,
-      invalid: B.value,
+    ), U(() => {
+      t.value = e.valueFormat === "date" ? r.value : r.value ? u(r.value) : r.value;
+    }), (a, l) => c(S) ? (w(), T(E, C({
+      key: n.value + 1
+    }, e, {
+      "error-message": c(y),
+      "hour-format": g.value,
+      invalid: V.value,
       "model-value": t.value,
       "selection-mode": a.selectionMode || a.mode,
-      "onUpdate:epochTimeMillis": l[0] || (l[0] = (r) => p("millis", r)),
-      "onUpdate:modelValue": l[1] || (l[1] = (r) => p("date", r))
+      "onUpdate:epochTimeMillis": l[0] || (l[0] = (o) => d("millis", o)),
+      "onUpdate:modelValue": l[1] || (l[1] = (o) => d("date", o))
     }), {
-      default: c(({ onClick: r }) => [
-        y(a.$slots, "default", { onClick: r })
+      default: s(({ onClick: o }) => [
+        m(a.$slots, "default", { onClick: o })
       ]),
-      "addon-overlay": c(() => [
-        y(a.$slots, "addon-overlay")
+      "addon-overlay": s(() => [
+        m(a.$slots, "addon-overlay")
+      ]),
+      _: 3
+    }, 16, ["error-message", "hour-format", "invalid", "model-value", "selection-mode"])) : (w(), T(A, C({ key: n.value }, e, {
+      "error-message": c(y),
+      "hour-format": g.value,
+      invalid: V.value,
+      "model-value": t.value,
+      "selection-mode": a.selectionMode || a.mode,
+      "onUpdate:epochTimeMillis": l[2] || (l[2] = (o) => d("millis", o)),
+      "onUpdate:modelValue": l[3] || (l[3] = (o) => d("date", o))
+    }), {
+      default: s(({ onClick: o }) => [
+        m(a.$slots, "default", { onClick: o })
+      ]),
+      "addon-overlay": s(() => [
+        m(a.$slots, "addon-overlay")
       ]),
       _: 3
     }, 16, ["error-message", "hour-format", "invalid", "model-value", "selection-mode"]));
   }
 });
 export {
-  Y as _
+  P as _
 };

package/filtercontainer/index.d.ts

@@ -26,7 +26,7 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
   /**
    * Represents a function type for fetching options based on query parameters.
    *
-   * @template T - The type of query parameters, extending `QueryParams`. Defaults to `any`.
+   * @template OptionsQueryParams - The type of query parameters, extending `QueryParams`. Defaults to `any`.
    *
    * This function can have one of the following signatures:
    * - A synchronous function that takes query parameters and returns an array of `Option` objects.
@@ -43,6 +43,11 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
     args: OptionsQueryParams,
   ): Option[] | Promise<Option[]> | Promise<AxiosResponse<FetchOptionResponse>>;
 
+  /**
+   * Whether to fetch options when the component is mounted. Useful when the dropdown/multiselect has an initial value.
+   * For now, this is only applicable to quickfilter, though filtercontainer support can be added.
+   */
+  fetchOnMount?: boolean;
   optionField?: keyof OptionsQueryParams; // @example - actionOptions
   params?: OptionsQueryParams; // Additional QueryParams for the fetchOptionFn
 };

package/icon/index.d.ts

@@ -182,6 +182,7 @@ export type WangsIcons =
   | 'star'
   | 'store'
   | 'subtract'
+  | 'table'
   | 'time'
   | 'ticket'
   | 'tools'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.54",
+  "version": "1.0.1-alpha.56",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",