@fewangsit/wangsvue-fats 1.0.1-alpha.5 → 1.0.1-alpha.51

package/form/index.es.js

@@ -0,0 +1,188 @@
+import { defineComponent as ne, onMounted as ue, ref as S, inject as fe, shallowRef as n, provide as de, watch as me, createElementBlock as $, openBlock as u, mergeProps as o, unref as a, withModifiers as ve, createElementVNode as B, createCommentVNode as m, renderSlot as ce, normalizeProps as Y, createVNode as Z, withDirectives as be, vShow as pe, guardReactiveProps as ye, createBlock as h } from "vue";
+import { a as ke } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { _ as C } from "../button/index.es.js";
+import { _ as Se } from "../checkbox/index.es.js";
+import { _ as Be } from "../validatormessage/index.es.js";
+const we = /* @__PURE__ */ ne({
+  __name: "Form",
+  props: {
+    buttonsTemplate: {},
+    disableSubmit: { type: Boolean },
+    cancelBtnLabel: { default: "Batal" },
+    clearBtnLabel: { default: "Bersihkan Field" },
+    columnPerRow: {},
+    hideFooter: { type: Boolean },
+    hideStayCheckbox: { type: Boolean },
+    invalid: { type: Boolean },
+    resetAfterSubmit: { type: Boolean, default: !0 },
+    saveBtnLabel: { default: "Simpan" },
+    submitBtnLabel: { default: "Simpan" },
+    stayCheckboxLabel: { default: "Tetap di halaman ini" },
+    validatorMessage: { default: "Please input all required field!" },
+    validateOnSave: { type: Boolean, default: !1 },
+    cancelBtnSeverity: { default: "secondary" },
+    saveBtnSeverity: { default: "success" },
+    submitBtnSeverity: { default: "success" }
+  },
+  emits: ["cancel", "clear", "save", "submit"],
+  setup(x, { expose: _, emit: ee }) {
+    const s = x, b = ee;
+    ue(() => {
+      if (w.value) {
+        const e = s.columnPerRow ?? 1;
+        w.value.style.gridTemplateColumns = `repeat(${e}, minmax(0, 1fr))`, E();
+      }
+    });
+    const l = fe("preset", {}).form, {
+      handleSubmit: te,
+      values: p,
+      resetForm: P,
+      errors: ae,
+      resetField: le,
+      setValues: se,
+      setFieldValue: oe,
+      setErrors: re
+    } = ke(), v = n(!1), T = S(), r = n(!1), A = n(!1), V = n(0), g = S(), f = n(!1), F = n(!1), y = n(!1), w = S(null), L = S(null);
+    de("isSubmitting", f);
+    const E = () => {
+      var e;
+      if (g.value) {
+        const t = (e = g.value) == null ? void 0 : e.offsetHeight;
+        L.value && (L.value.style.height = `calc(100% + ${t + 20}px)`);
+      }
+    }, W = () => {
+      f.value = !0, y.value = !0, A.value || (r.value = !0);
+    }, M = () => {
+      f.value = !0, F.value = !0, s.validateOnSave ? (A.value || (r.value = !0), k()) : ie();
+    }, k = te(
+      (e) => {
+        if (!s.invalid) {
+          const t = R(e), i = {
+            stayAfterSubmit: v.value,
+            formValues: t
+          };
+          F.value ? b("save", i) : b("submit", i), r.value = !1, F.value = !1, s.resetAfterSubmit && (V.value += 1, P());
+        }
+        f.value = !1;
+      },
+      () => {
+        f.value = !1;
+      }
+    ), ie = () => {
+      const e = R(p), t = {
+        stayAfterSubmit: v.value,
+        formValues: e
+      };
+      b("save", t), f.value = !1;
+    }, O = () => {
+      P(), V.value++, b("clear"), r.value = !1, y.value = !1;
+    }, R = (e) => {
+      const t = e, i = Object.keys(t);
+      for (const d of i)
+        typeof t[d] == "string" && (t[d] = t[d].trim());
+      return t;
+    };
+    return me(
+      p,
+      () => {
+        y.value = !1;
+      },
+      { deep: !0 }
+    ), _({
+      stayAfterSubmit: v,
+      submit: k,
+      onSubmitClicked: W,
+      onSaveClicked: M,
+      showValidator: r,
+      formElement: T,
+      clearField: O,
+      resetField: le,
+      errors: ae,
+      setOuterFieldsWrapperHeight: E,
+      setValues: se,
+      setFieldValue: oe,
+      setErrors: re,
+      values: p,
+      isSubmitClicked: y
+    }), (e, t) => {
+      var i, d, H, N, j, q, z, D, I, K, U, G, J, Q, X;
+      return u(), $("form", o({
+        ref_key: "formElement",
+        ref: T
+      }, (i = a(l)) == null ? void 0 : i.root({ props: s }), {
+        onInput: t[2] || (t[2] = (c) => r.value = !1),
+        onSubmit: t[3] || (t[3] = ve(
+          //@ts-ignore
+          (...c) => a(k) && a(k)(...c),
+          ["prevent"]
+        ))
+      }), [
+        B("div", {
+          ref_key: "outerFieldsWrapper",
+          ref: L
+        }, [
+          B("div", o({
+            ref_key: "fieldsWrapper",
+            ref: w
+          }, (d = a(l)) == null ? void 0 : d["fields-wrapper"]), [
+            ce(e.$slots, "fields", {
+              key: V.value,
+              formValues: a(p)
+            })
+          ], 16)
+        ], 512),
+        e.hideFooter ? m("", !0) : (u(), $("div", o({
+          key: 0,
+          ref_key: "footer",
+          ref: g
+        }, (H = a(l)) == null ? void 0 : H.footer), [
+          e.hideStayCheckbox ? m("", !0) : (u(), $("div", Y(o({ key: 0 }, (N = a(l)) == null ? void 0 : N.staycheckbox)), [
+            Z(Se, {
+              modelValue: v.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (c) => v.value = c),
+              label: e.stayCheckboxLabel
+            }, null, 8, ["modelValue", "label"])
+          ], 16)),
+          B("div", o({ id: "footer-actions-wrapper" }, (j = a(l)) == null ? void 0 : j["action-buttons"]), [
+            be(Z(Be, o((q = a(l)) == null ? void 0 : q["validator-message"], { message: e.validatorMessage }), null, 16, ["message"]), [
+              [pe, r.value || s.invalid]
+            ]),
+            B("div", Y(ye((z = a(l)) == null ? void 0 : z["button-wrapper"])), [
+              (D = s.buttonsTemplate) != null && D.includes("cancel") ? (u(), h(C, o({ key: 0 }, (I = a(l)) == null ? void 0 : I["cancel-button"], {
+                label: e.cancelBtnLabel,
+                severity: e.cancelBtnSeverity,
+                onClick: t[1] || (t[1] = (c) => e.$emit("cancel")),
+                "data-test": "cancel-button",
+                text: "",
+                type: "button"
+              }), null, 16, ["label", "severity"])) : m("", !0),
+              (K = s.buttonsTemplate) != null && K.includes("clear") ? (u(), h(C, o({ key: 1 }, (U = a(l)) == null ? void 0 : U["clear-button"], {
+                label: e.clearBtnLabel,
+                onClick: O,
+                text: "",
+                type: "button"
+              }), null, 16, ["label"])) : m("", !0),
+              (G = s.buttonsTemplate) != null && G.includes("save") ? (u(), h(C, o({ key: 2 }, (J = a(l)) == null ? void 0 : J["save-button"], {
+                label: e.saveBtnLabel,
+                severity: e.saveBtnSeverity,
+                onClick: M,
+                outlined: "",
+                type: "button"
+              }), null, 16, ["label", "severity"])) : m("", !0),
+              (Q = s.buttonsTemplate) != null && Q.includes("submit") ? (u(), h(C, o({ key: 3 }, (X = a(l)) == null ? void 0 : X["submit-button"], {
+                disabled: e.disableSubmit,
+                label: e.submitBtnLabel,
+                severity: e.submitBtnSeverity,
+                onClick: W,
+                type: "submit"
+              }), null, 16, ["disabled", "label", "severity"])) : m("", !0)
+            ], 16)
+          ], 16)
+        ], 16))
+      ], 16);
+    };
+  }
+});
+export {
+  we as _
+};

package/hardwaresync/index.es.js

@@ -0,0 +1,236 @@
+import { defineComponent as G, onMounted as K, shallowRef as u, computed as d, ref as X, watch as ee, createBlock as g, openBlock as m, createSlots as ae, withCtx as E, createCommentVNode as b, createVNode as R, createElementVNode as V, normalizeClass as M, createElementBlock as ne, Fragment as te, toDisplayString as se } from "vue";
+import { u as le } from "../utils/baseToast.util.es.js";
+import { u as oe, W as re, g as ie } from "../buttonscan/index.es.js";
+import { _ } from "../button/index.es.js";
+import { _ as ce } from "../dialog/index.es.js";
+import { _ as $ } from "../dropdown/index.es.js";
+import { _ as ue } from "../icon/index.es.js";
+import { _ as ve } from "../inlinemessage/index.es.js";
+const De = /* @__PURE__ */ G({
+  __name: "HardwareSync",
+  props: {
+    visible: { type: Boolean },
+    errorCode: {},
+    searchBy: {},
+    bulk: { type: Boolean },
+    withoutScanBtn: { type: Boolean }
+  },
+  emits: ["update:visible", "scan"],
+  setup(W, { emit: x }) {
+    const o = W, k = x, P = le();
+    K(() => {
+      O();
+    });
+    const {
+      device: C,
+      devices: I,
+      saveDevices: U,
+      setDevice: Q,
+      loadDevices: z
+    } = oe(), i = {
+      label: "None",
+      device: void 0
+    }, v = u(!1), l = u(i), r = u(i), T = (n) => {
+      var e, a;
+      if ((e = I.value) != null && e.length) {
+        const s = (a = I.value) == null ? void 0 : a.filter((t) => t[n]).map((t) => ({
+          label: `${t.name ?? t.jenisDevice + " - " + t.serialNumber}`,
+          device: t
+        }));
+        return s.length ? s : [];
+      }
+      return l.value = i, r.value = i, [];
+    }, p = d(() => T("rfidScan")), f = d(() => T("qrScan")), w = d(
+      () => o.errorCode === "NOT_SUPPORTED_SYSTEM"
+    ), H = d(() => o.searchBy === "RFID" && l.value.device), Y = d(() => o.searchBy === "QR" && r.value.device), D = d(() => !!o.searchBy && o.errorCode !== "HARDWARE_NOT_SYNCHRONIZED"), B = async (n) => {
+      try {
+        U(n);
+        const e = p.value.some(
+          (s) => {
+            var t, y, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = l.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
+          }
+        ), a = f.value.some(
+          (s) => {
+            var t, y, S;
+            return ((t = s == null ? void 0 : s.device) == null ? void 0 : t.serialNumber) === ((S = (y = r.value) == null ? void 0 : y.device) == null ? void 0 : S.serialNumber);
+          }
+        );
+        l.value = e ? l.value : p.value[0] ?? i, r.value = a ? r.value : f.value[0] ?? i, N();
+      } catch (e) {
+        c.value = h(ie(e));
+      } finally {
+        v.value = !1;
+      }
+    }, c = X(), j = u({
+      title: "The detected OS is not compatible",
+      detail: "Please check the OS compatibility list on our product information page."
+    }), L = u({
+      title: "Scanner Disconnected",
+      detail: "Your scanner has been disconnected. Please reconnect it or select another device from the list."
+    }), A = u({
+      title: "Scanner driver not found",
+      detail: "The scanner driver may not be running or installed correctly on your device. Please contact your administrator."
+    }), J = u({
+      title: "Scanner not detected",
+      detail: "The scanner is either not detected or not identified by our system."
+    });
+    u({
+      title: "Scanner is not registered",
+      detail: "The scanner is not registered in your company."
+    });
+    const h = (n) => {
+      switch (n ?? o.errorCode) {
+        case "DEVICE_NOT_CONNECTED":
+          return J.value;
+        case "DRIVER_NOT_FOUND":
+          return A.value;
+        case "NOT_SUPPORTED_SYSTEM":
+          return j.value;
+        case "DEVICE_DISCONNECTED":
+          return L.value;
+        default:
+          return;
+      }
+    }, N = () => {
+      Q({
+        RFID: l.value.device,
+        QR: r.value.device
+      });
+    }, O = () => {
+      z(), C.value.RFID ? l.value = {
+        label: C.value.RFID.name,
+        device: C.value.RFID
+      } : p.value.length && (l.value = p.value[0] ?? i), f.value.length && (r.value = f.value[0] ?? i), N();
+    }, F = () => {
+      k("update:visible", !1), k("scan");
+    }, Z = () => {
+      var n;
+      v.value = !0, c.value = void 0, window.scannerWorker.onmessage = ({ data: e }) => {
+        var a;
+        if (e.status === "synced") {
+          const s = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.deviceList) ?? [];
+          B(s);
+          const { error: t } = (e == null ? void 0 : e.data) ?? {};
+          t === "Driver not connected to server" ? (v.value = !1, c.value = h("DRIVER_NOT_FOUND")) : s.length || (v.value = !1, c.value = h("DEVICE_NOT_CONNECTED"));
+        } else e.status === "error_sync" && (v.value = !1, B([]), P.add({ message: "Failed to connecting scanner", severity: "error" }));
+      }, window.scannerWorker.postMessage({
+        command: "sync",
+        userId: (n = JSON.parse(localStorage.getItem("user") ?? "{}")) == null ? void 0 : n._id
+      });
+    }, q = () => {
+      window.scannerWorker ?? (window.scannerWorker = new re());
+    };
+    return ee(
+      () => o.visible,
+      (n) => {
+        n && (q(), c.value = h(), O(), v.value = !1);
+      }
+    ), (n, e) => (m(), g(ce, {
+      closable: !D.value,
+      "header-class": [
+        {
+          "flex !gap-1 !items-center !justify-center !text-sm !font-bold !leading-[18px] tracking-[0.02em] [&>div]:hidden": D.value
+        }
+      ],
+      visible: n.visible,
+      "onUpdate:visible": e[3] || (e[3] = (a) => n.$emit("update:visible", a)),
+      class: "w-[400px]",
+      "content-class": "!overflow-y-visible",
+      "footer-class": "!gap-1",
+      header: "Hardware Synchronize",
+      modal: ""
+    }, ae({
+      footer: E(() => [
+        D.value ? (m(), g(_, {
+          key: 0,
+          onClick: e[2] || (e[2] = (a) => n.$emit("update:visible", !1)),
+          label: "Close",
+          severity: "secondary",
+          text: ""
+        })) : b("", !0),
+        w.value ? b("", !0) : (m(), ne(te, { key: 1 }, [
+          H.value && !o.withoutScanBtn ? (m(), g(_, {
+            key: 0,
+            onClick: F,
+            icon: "rfid",
+            label: "Scan RFID"
+          })) : b("", !0),
+          Y.value && !o.withoutScanBtn ? (m(), g(_, {
+            key: 1,
+            onClick: F,
+            icon: "qr",
+            label: "Scan QR"
+          })) : b("", !0)
+        ], 64))
+      ]),
+      default: E(() => [
+        c.value ? (m(), g(ve, {
+          key: 0,
+          class: M(["p-[9.52px] transition"]),
+          message: c.value.detail,
+          removable: !1,
+          "show-icon": !1,
+          title: c.value.title,
+          "message-wrapper-class": "text-[11px] leading-[14px] tracking-[0.02em]",
+          severity: "danger"
+        }, null, 8, ["message", "title"])) : b("", !0),
+        R(_, {
+          disabled: w.value,
+          loading: v.value,
+          onClick: Z,
+          icon: "refresh",
+          label: "Sync",
+          "loading-icon": "refresh",
+          outlined: ""
+        }, null, 8, ["disabled", "loading"]),
+        V("section", {
+          class: M([
+            "grid grid-cols-2 gap-3 justify-start w-full",
+            { "opacity-60 pointer-events-none": w.value }
+          ]),
+          "data-ts-section": "scanner-list"
+        }, [
+          R($, {
+            modelValue: l.value,
+            "onUpdate:modelValue": [
+              e[0] || (e[0] = (a) => l.value = a),
+              N
+            ],
+            options: p.value,
+            label: "RFID Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"]),
+          R($, {
+            modelValue: r.value,
+            "onUpdate:modelValue": [
+              e[1] || (e[1] = (a) => r.value = a),
+              N
+            ],
+            options: f.value,
+            label: "QR Scanner",
+            "option-label": "label"
+          }, null, 8, ["modelValue", "options"])
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      D.value ? {
+        name: "header",
+        fn: E(() => {
+          var a;
+          return [
+            R(ue, {
+              icon: (a = n.searchBy) == null ? void 0 : a.toLowerCase()
+            }, null, 8, ["icon"]),
+            V("h3", null, "Scan " + se(n.searchBy), 1)
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["closable", "header-class", "visible"]));
+  }
+});
+export {
+  De as _
+};

package/headercell/index.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as n, createElementBlock as t, openBlock as o, normalizeClass as c, createElementVNode as r, normalizeProps as p, guardReactiveProps as i, createBlock as s, createCommentVNode as a, createTextVNode as d, toDisplayString as f } from "vue";
+import { _ as l } from "../icon/index.es.js";
+const m = ["colspan", "rowspan"], u = { class: "flex" }, k = /* @__PURE__ */ n({
+  __name: "HeaderCell",
+  props: {
+    col: {},
+    defaultHeaderRowSpan: {},
+    sortBy: {},
+    sortOrder: {},
+    preset: {}
+  },
+  setup(y) {
+    return (e, h) => (o(), t("th", {
+      class: c([e.col.headerClass, e.col.class]),
+      colspan: e.col.colspan,
+      rowspan: e.col.rowspan ?? e.defaultHeaderRowSpan
+    }, [
+      r("span", p(i(e.preset.headercellcontent)), [
+        r("span", u, [
+          d(f(e.col.header) + " ", 1),
+          e.col.info ? (o(), s(l, {
+            key: 0,
+            info: e.col.info,
+            severity: e.col.infoSeverity,
+            class: "w-[10px] h-[10px]",
+            icon: "info"
+          }, null, 8, ["info", "severity"])) : a("", !0)
+        ]),
+        e.col.sortable ? (o(), s(l, {
+          key: 0,
+          icon: !e.sortBy || e.sortBy != e.col.field ? "arrow-up-down" : e.sortOrder == 1 ? "sort-asc" : "sort-desc",
+          class: "text-base"
+        }, null, 8, ["icon"])) : a("", !0)
+      ], 16)
+    ], 10, m));
+  }
+});
+export {
+  k as _
+};

package/icon/index.es.js

@@ -0,0 +1,82 @@
+import { defineComponent as c, computed as d, resolveDirective as v, createElementBlock as t, openBlock as o, Fragment as f, withDirectives as i, createCommentVNode as n, mergeProps as l } from "vue";
+const $ = /* @__PURE__ */ c({
+  __name: "Icon",
+  props: {
+    icon: {},
+    severity: { default: void 0 },
+    info: { default: void 0 },
+    tooltipPos: { default: "bottom" },
+    class: { default: void 0 }
+  },
+  setup(u) {
+    const a = u, p = (() => {
+      switch (a.severity) {
+        case "primary":
+          return "text-primary-500";
+        case "success":
+          return "text-success-500";
+        case "warning":
+          return "text-warning-500";
+        case "danger":
+          return "text-danger-500";
+        case "info":
+          return "text-info-500";
+        default:
+          return "inherit";
+      }
+    })(), s = d(() => [
+      "icon",
+      `ic-${a.icon}`,
+      p,
+      "cursor-pointer !shrink-0"
+    ]);
+    return (e, m) => {
+      const r = v("tooltip");
+      return o(), t(f, null, [
+        e.tooltipPos === "top" ? i((o(), t("i", l({ key: 0 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { top: !0 }
+          ]
+        ]) : n("", !0),
+        e.tooltipPos === "bottom" ? i((o(), t("i", l({ key: 1 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { bottom: !0 }
+          ]
+        ]) : n("", !0),
+        e.tooltipPos === "right" ? i((o(), t("i", l({ key: 2 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { right: !0 }
+          ]
+        ]) : n("", !0),
+        e.tooltipPos === "left" ? i((o(), t("i", l({ key: 3 }, e.$attrs, {
+          class: [...s.value, e.$props.class]
+        }), null, 16)), [
+          [
+            r,
+            e.info,
+            void 0,
+            { left: !0 }
+          ]
+        ]) : n("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  $ as _
+};

package/{components/image/Image.vue.d.ts → image/index.d.ts}

@@ -271,17 +271,25 @@ export interface ImageProps {
   unstyled?: boolean;
 
   /**
-   * Get image url for specifics project from its server.
-   * @returns The full URL of the image from the server.
-   * @param path - the Image path from API Response JSON
-   * @param width - the image width in pixels
-   * @param height - the image height in pixels
+   * Returns the full image URL or a ObjetctURL from Blob for an image resource, based on the provided path and dimensions.
+   *
+   * If the image is publicly accessible, this typically returns a fully qualified URL.
+   * If the image requires authentication or protected access, this may return a ObjetctURL from Blob (e.g., Base64-encoded).
+   *
+   * @param path - The image path as provided in the API response JSON. Can be null or undefined.
+   * @param width - Optional width of the image in pixels.
+   * @param height - Optional height of the image in pixels.
+   *
+   * @returns A string representing either the full image URL or a ObjetctURL from Blob. Returns `undefined` if the path is invalid.
+   * @example res.blob().then((blob) => resolve(URL.createObjectURL(blob)))
+   *
    */
   getImageURL?: (
     path?: string | null,
     width?: number,
     height?: number,
-  ) => string | undefined;
+    returnURLOnly?: boolean, // Default is undefined or will return Promise when using Auth, when it manually sets to true, return the url only
+  ) => string | undefined | Promise<string | undefined>;
 
   /**
    * The placeholder to be shown when the image failed to load, or the src is not provided.