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

package/assetinfo/index.es.js

@@ -1,30 +1,30 @@
-import { shallowRef as J, ref as X, defineComponent as Y, onMounted as Z, computed as p, watch as ee, createElementBlock as d, openBlock as c, createVNode as f, createElementVNode as l, createCommentVNode as m, toDisplayString as k, Fragment as se, unref as W, normalizeClass as b } from "vue";
-import { AssetServices as ae } from "@tagsamurai/fats-api-services";
+import { shallowRef as O, ref as Y, defineComponent as Z, onMounted as ee, computed as c, watch as se, createElementBlock as r, openBlock as d, createVNode as p, createElementVNode as l, createCommentVNode as f, toDisplayString as x, Fragment as ae, unref as z, normalizeClass as y } from "vue";
+import { AssetServices as te } from "@tagsamurai/fats-api-services";
 import "../utils/role.util.es.js";
-import { g as te } from "../utils/getStatusSeverity.util.es.js";
-import { u as le } from "../utils/toast.util.es.js";
-import { _ as h } from "../badge/index.es.js";
-import { _ as ne } from "../image/index.es.js";
-import { _ as oe } from "../tagtype/index.es.js";
-const q = J(!1), z = X(), ie = () => ({
-  loading: q,
-  message: z,
-  setLoading: (y, t) => {
-    q.value = y, z.value = t, document.body.classList[y ? "add" : "remove"]("loading");
+import { g as le } from "../utils/getStatusSeverity.util.es.js";
+import { u as ne } from "../utils/toast.util.es.js";
+import { _ } from "../badge/index.es.js";
+import { _ as oe } from "../image/index.es.js";
+import { _ as ie } from "../tagtype/index.es.js";
+const J = O(!1), K = Y(), ue = () => ({
+  loading: J,
+  message: K,
+  setLoading: (m, t) => {
+    J.value = m, K.value = t, document.body.classList[m ? "add" : "remove"]("loading");
   }
-}), re = { class: "flex justify-between gap-[18px] dark:text-general-100" }, ue = { class: "w-full flex flex-col gap-[6px]" }, de = { class: "flex justify-between" }, ce = { class: "" }, pe = { class: "text-[16px] font-bold leading-[19.12px]" }, fe = { class: "flex items-center gap-[6px]" }, me = { class: "text-general-400 leading-[16.39px]" }, ve = ["href"], ge = { class: "flex flex-col gap-1" }, _e = {
+}), re = { class: "flex justify-between gap-[18px] dark:text-general-100" }, de = { class: "w-full flex flex-col gap-[6px]" }, ce = { class: "flex justify-between" }, pe = { class: "" }, fe = { class: "text-[16px] font-bold leading-[19.12px]" }, me = { class: "flex items-center gap-[6px]" }, ve = { class: "text-general-400 leading-[16.39px]" }, ge = ["href"], ye = { class: "flex flex-col gap-1" }, _e = {
   key: 0,
   class: "flex gap-3"
-}, ye = {
+}, xe = {
   key: 1,
   class: "flex gap-3"
-}, xe = {
+}, be = {
   key: 2,
   class: "flex gap-3"
-}, be = {
+}, he = {
   key: 3,
   class: "flex gap-3"
-}, Be = /* @__PURE__ */ Y({
+}, Ce = /* @__PURE__ */ Z({
   __name: "AssetInfo",
   props: {
     id: {},
@@ -33,122 +33,123 @@ const q = J(!1), z = X(), ie = () => ({
     useNfc: { type: Boolean, default: !0 },
     useTagType: { type: Boolean, default: !0 }
   },
-  setup(T, { expose: y }) {
-    const t = T;
-    Z(async () => {
-      t.transactionDetail ? e.value = t.transactionDetail : await U();
+  setup(b, { expose: m }) {
+    const t = b;
+    ee(async () => {
+      t.transactionDetail ? e.value = t.transactionDetail : await X();
     });
-    const O = le(), { setLoading: w } = ie(), R = JSON.parse(localStorage.getItem("user") ?? "{}"), e = J(), D = p(() => {
+    const R = ne(), { setLoading: h } = ue(), H = JSON.parse(localStorage.getItem("user") ?? "{}"), e = O(), k = c(() => {
       var s;
       return (s = t.fields) == null ? void 0 : s.includes("status");
-    }), H = p(() => {
+    }), P = c(() => {
       const {
         setDefault: s,
         firstImageBig: a,
         secondImageBig: n,
         assetImage: o,
         firstImage: i,
-        secondImage: r
-      } = e.value ?? {}, u = s === "firstImage";
-      return t.transactionDetail ? o : u ? i ?? a : r ?? n;
-    }), K = p(() => {
-      var s, a, n, o, i, r, u, v, g, _;
-      return t.transactionDetail ? (n = (a = (s = e.value) == null ? void 0 : s.assetName) == null ? void 0 : a.aliasCode) != null && n.length ? `(${(i = (o = e.value) == null ? void 0 : o.assetName) == null ? void 0 : i.aliasCode})` : "" : (v = (u = (r = e.value) == null ? void 0 : r.name) == null ? void 0 : u.aliasCode) != null && v.length ? `(${(_ = (g = e.value) == null ? void 0 : g.name) == null ? void 0 : _.aliasCode})` : "";
-    }), P = p(() => {
+        secondImage: u
+      } = e.value ?? {}, g = s === "firstImage";
+      return t.transactionDetail ? o : g ? i ?? a : u ?? n;
+    }), I = c(() => {
+      var a, n, o, i, u;
+      const s = t.transactionDetail ? "assetName" : "name";
+      return (o = (n = (a = e.value) == null ? void 0 : a[s]) == null ? void 0 : n.aliasCode) != null && o.length ? `${(u = (i = e.value) == null ? void 0 : i[s]) == null ? void 0 : u.aliasCode}` : void 0;
+    }), Q = c(() => {
       var s, a;
       return ((s = e.value) == null ? void 0 : s.assetTagType) ?? ((a = e.value) == null ? void 0 : a.tagType);
-    }), Q = p(() => {
+    }), U = c(() => {
       var s, a;
       return ((s = e.value) == null ? void 0 : s.assetName) ?? ((a = e.value) == null ? void 0 : a.name);
-    }), x = p(() => [
+    }), v = c(() => [
       {
-        "w-[69px]": !D.value,
-        "w-[76px]": D.value
+        "w-[69px]": !k.value,
+        "w-[76px]": k.value
       }
-    ]), U = async () => {
+    ]), X = async () => {
       try {
-        w(!0);
-        const { data: s } = await ae.getAssetDetail(t.id);
+        h(!0);
+        const { data: s } = await te.getAssetDetail(t.id);
         s && (e.value = s.data);
       } catch (s) {
-        O.add({ error: s, message: "Error, failed to load asset details." });
+        R.add({ error: s, message: "Error, failed to load asset details." });
       } finally {
-        w(!1);
+        h(!1);
       }
     };
-    return ee(
+    return se(
       () => t.transactionDetail,
       (s) => {
         e.value = s;
       },
       { deep: !0 }
-    ), y({ asset: e }), (s, a) => {
-      var n, o, i, r, u, v, g, _, I, N, S, B, C, A, $, L, E, F, M, V, j, G;
-      return c(), d("div", re, [
-        f(ne, { src: H.value }, null, 8, ["src"]),
-        l("div", ue, [
-          l("div", de, [
-            l("div", ce, [
-              l("div", pe, k(((n = Q.value) == null ? void 0 : n.nameWithSequence) ?? "-"), 1),
-              l("div", fe, [
-                l("span", me, k(((o = e.value) == null ? void 0 : o.assetId) ?? "-") + " " + k(K.value), 1),
-                s.useTagType ? (c(), d(se, { key: 0 }, [
+    ), m({ asset: e }), (s, a) => {
+      var n, o, i, u, g, T, w, D, S, B, N, C, A, $, L, E, F, M, V, j, G, W, q;
+      return d(), r("div", re, [
+        p(oe, { src: P.value }, null, 8, ["src"]),
+        l("div", de, [
+          l("div", ce, [
+            l("div", pe, [
+              l("div", fe, x(((n = U.value) == null ? void 0 : n.nameWithSequence) ?? "-"), 1),
+              l("div", me, [
+                l("span", ve, x(I.value ?? ((o = e.value) == null ? void 0 : o.assetId)) + " " + x(I.value ? `(${(i = e.value) == null ? void 0 : i.assetId})` : ""), 1),
+                s.useTagType ? (d(), r(ae, { key: 0 }, [
                   a[0] || (a[0] = l("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100" }, null, -1)),
-                  f(oe, {
-                    type: P.value,
+                  p(ie, {
+                    type: Q.value,
                     "use-nfc": s.useNfc
                   }, null, 8, ["type", "use-nfc"])
-                ], 64)) : m("", !0)
+                ], 64)) : f("", !0)
               ])
             ]),
-            W(R).userType !== "Basic" ? (c(), d("a", {
+            z(H).userType !== "Basic" ? (d(), r("a", {
               key: 0,
-              href: `/assets/detail/${((i = e.value) == null ? void 0 : i.asset) ?? ((r = e.value) == null ? void 0 : r._id)}`,
+              href: `/assets/detail/${((u = e.value) == null ? void 0 : u.asset) ?? ((g = e.value) == null ? void 0 : g._id)}`,
               class: "text-primary-500",
               target: "_blank"
-            }, " Asset Detail > ", 8, ve)) : m("", !0)
+            }, " Asset Detail > ", 8, ge)) : f("", !0)
           ]),
-          l("div", ge, [
-            !t.fields || (u = t.fields) != null && u.includes("brand") ? (c(), d("div", _e, [
+          l("div", ye, [
+            !t.fields || (T = t.fields) != null && T.includes("brand") ? (d(), r("div", _e, [
               l("span", {
-                class: b(x.value)
+                class: y(v.value)
               }, " Brand ", 2),
               a[1] || (a[1] = l("span", null, ":", -1)),
-              f(h, {
-                label: ((g = (v = e.value) == null ? void 0 : v.assetBrand) == null ? void 0 : g.name) ?? ((I = (_ = e.value) == null ? void 0 : _.brand) == null ? void 0 : I.name) ?? "-",
+              p(_, {
+                label: ((D = (w = e.value) == null ? void 0 : w.assetBrand) == null ? void 0 : D.name) ?? ((B = (S = e.value) == null ? void 0 : S.brand) == null ? void 0 : B.name) ?? "-",
                 severity: "dark"
               }, null, 8, ["label"])
-            ])) : m("", !0),
-            !t.fields || (N = t.fields) != null && N.includes("model") ? (c(), d("div", ye, [
+            ])) : f("", !0),
+            !t.fields || (N = t.fields) != null && N.includes("model") ? (d(), r("div", xe, [
               l("span", {
-                class: b(x.value)
+                class: y(v.value)
               }, " Model/Type ", 2),
               a[2] || (a[2] = l("span", null, ":", -1)),
-              f(h, {
-                label: ((B = (S = e.value) == null ? void 0 : S.assetModel) == null ? void 0 : B.name) ?? ((A = (C = e.value) == null ? void 0 : C.model) == null ? void 0 : A.name) ?? "-",
+              p(_, {
+                label: ((A = (C = e.value) == null ? void 0 : C.assetModel) == null ? void 0 : A.name) ?? ((L = ($ = e.value) == null ? void 0 : $.model) == null ? void 0 : L.name) ?? "-",
                 severity: "dark"
               }, null, 8, ["label"])
-            ])) : m("", !0),
-            !t.fields || ($ = t.fields) != null && $.includes("group") ? (c(), d("div", xe, [
+            ])) : f("", !0),
+            !t.fields || (E = t.fields) != null && E.includes("group") ? (d(), r("div", be, [
               l("span", {
-                class: b(x.value)
+                class: y(v.value)
               }, " Group ", 2),
               a[3] || (a[3] = l("span", null, ":", -1)),
-              f(h, {
-                label: ((E = (L = e.value) == null ? void 0 : L.assetGroup) == null ? void 0 : E.name) ?? ((M = (F = e.value) == null ? void 0 : F.group) == null ? void 0 : M.name) ?? "-"
+              p(_, {
+                label: ((M = (F = e.value) == null ? void 0 : F.assetGroup) == null ? void 0 : M.name) ?? ((j = (V = e.value) == null ? void 0 : V.group) == null ? void 0 : j.name) ?? "-"
               }, null, 8, ["label"])
-            ])) : m("", !0),
-            (V = t.fields) != null && V.includes("status") ? (c(), d("div", be, [
+            ])) : f("", !0),
+            (G = t.fields) != null && G.includes("status") ? (d(), r("div", he, [
               l("span", {
-                class: b(x.value)
+                class: y(v.value)
               }, " Asset Status ", 2),
               a[4] || (a[4] = l("span", null, ":", -1)),
-              f(h, {
-                label: ((j = e.value) == null ? void 0 : j.status) ?? "-",
-                severity: W(te)((G = e.value) == null ? void 0 : G.status),
+              p(_, {
+                label: ((W = e.value) == null ? void 0 : W.status) ?? "-",
+                severity: z(le)((q = e.value) == null ? void 0 : q.status),
                 format: "nowrap"
               }, null, 8, ["label", "severity"])
-            ])) : m("", !0)
+            ])) : f("", !0)
           ])
         ])
       ]);
@@ -156,6 +157,6 @@ const q = J(!1), z = X(), ie = () => ({
   }
 });
 export {
-  Be as _,
-  ie as u
+  Ce as _,
+  ue as u
 };

package/disposalreportbulkaction/index.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as _, ref as w, shallowRef as u, createElementBlock as R, openBlock as d, Fragment as k, createVNode as v, mergeProps as x, withCtx as B, createBlock as V, createCommentVNode as h, unref as l } from "vue";
-import { e as c } from "../event-bus/index.es.js";
+import { defineComponent as _, ref as x, shallowRef as u, createElementBlock as h, openBlock as d, Fragment as w, createVNode as v, mergeProps as R, withCtx as k, createBlock as B, createCommentVNode as V, unref as l } from "vue";
+import { e as p } from "../event-bus/index.es.js";
 import { u as y } from "../plugins/basei18n.es.js";
 import { _ as A } from "../buttonbulkaction/index.es.js";
 import { _ as C } from "../dialogconfirm/index.es.js";
@@ -10,14 +10,14 @@ const S = /* @__PURE__ */ _({
     tableName: {}
   },
   emits: ["noted", "removed"],
-  setup(p, { emit: b }) {
-    const { t: e } = y(), r = p, s = b, o = w([]), n = u(!1), m = u(), f = [
+  setup(c, { emit: b }) {
+    const { t: e } = y(), r = c, s = b, o = x([]), n = u(!1), m = u(), f = [
       {
         label: e("Note"),
         icon: "note",
         useAdditionSlot: !0,
         command: () => {
-          s("noted", o.value, m.value), c.emit("data-table:clear-selected-data", {
+          s("noted", o.value, m.value), p.emit("data-table:clear-selected-data", {
             tableName: r.tableName
           }), m.value = void 0;
         }
@@ -30,13 +30,13 @@ const S = /* @__PURE__ */ _({
           n.value = !0;
         }
       }
-    ], N = () => {
-      s("removed", o.value), c.emit("data-table:clear-selected-data", {
+    ], g = () => {
+      s("removed", o.value), p.emit("data-table:clear-selected-data", {
         tableName: r.tableName
       });
     };
-    return (i, t) => (d(), R(k, null, [
-      v(A, x({
+    return (i, t) => (d(), h(w, null, [
+      v(A, R({
         "selected-data": o.value,
         "onUpdate:selectedData": t[1] || (t[1] = (a) => o.value = a)
       }, i.$attrs, {
@@ -44,11 +44,13 @@ const S = /* @__PURE__ */ _({
         "table-name": i.tableName,
         naming: "Asset(s)"
       }), {
-        addition: B(({ selectedOption: a }) => [
-          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), V(D, {
+        addition: k(({ selectedOption: a }) => [
+          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), B(D, {
             key: 0,
             modelValue: m.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (g) => m.value = g),
+            "onUpdate:modelValue": t[0] || (t[0] = (N) => m.value = N),
+            "max-input": 30,
+            maxlength: 30,
             placeholder: l(e)("Enter note"),
             rows: 1,
             "textarea-pt": {
@@ -56,8 +58,9 @@ const S = /* @__PURE__ */ _({
                 maxlength: 30
               }
             },
-            class: "!max-w-[250px]"
-          }, null, 8, ["modelValue", "placeholder"])) : h("", !0)
+            class: "!max-w-[250px]",
+            "prevent-input-on-max-length": ""
+          }, null, 8, ["modelValue", "placeholder"])) : V("", !0)
         ]),
         _: 1
       }, 16, ["selected-data", "table-name"]),
@@ -68,7 +71,7 @@ const S = /* @__PURE__ */ _({
         header: l(e)("Remove from List"),
         list: o.value,
         message: l(e)("Are you sure you want to remove it?"),
-        onConfirm: N,
+        onConfirm: g,
         "list-label": "name.nameWithSequence",
         severity: "danger"
       }, null, 8, ["visible", "confirm-label", "header", "list", "message"])

package/disposalreporttable/index.es.js

@@ -65,7 +65,7 @@ const ue = {
     z(() => {
       $();
     });
-    const m = se(), { t: a } = te(), { setLoading: c } = ee(), y = f(!1), b = f(!1), v = f(!1), x = f([]), h = f(), n = f(
+    const m = se(), { t: a } = te(), { setLoading: c } = ee(), y = f(!1), v = f(!1), b = f(!1), x = f([]), h = f(), n = f(
       []
     ), p = W(
       /* @__PURE__ */ new Map()
@@ -164,7 +164,8 @@ const ue = {
               modelValue: (e = p.value.get(s._id ?? "assetId")) == null ? void 0 : e.notes,
               placeholder: a("Enter note"),
               rows: 1,
-              maxlength: 30
+              maxlength: 30,
+              preventInputOnMaxLength: !0
             },
             events: {
               "update:modelValue": (t) => {
@@ -210,10 +211,10 @@ const ue = {
         icon: "delete-bin",
         danger: !0,
         command: () => {
-          b.value = !0;
+          v.value = !0;
         }
       }
-    ], R = (s) => {
+    ], I = (s) => {
       n.value = n.value.filter(
         (e) => !s.some((t) => e._id === t._id)
       ), E(s);
@@ -234,7 +235,7 @@ const ue = {
     }, _ = () => {
       const s = window.location.pathname, e = s.slice(0, s.lastIndexOf("/"));
       u.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
-    }, F = async () => {
+    }, L = async () => {
       const s = [];
       p.value.forEach((e, t) => {
         const o = {
@@ -256,11 +257,11 @@ const ue = {
       } finally {
         c(!1);
       }
-    }, L = async (s) => {
+    }, F = async (s) => {
       try {
         c(!0);
         const e = s.map((t) => {
-          var o, r, i, I, S, A;
+          var o, r, i, R, S, A;
           return p.value.set(t.asset ?? "", {
             notes: null,
             reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
@@ -283,7 +284,7 @@ const ue = {
               key: (i = t.category) == null ? void 0 : i.key
             },
             group: {
-              _id: (I = t.assetGroup) == null ? void 0 : I._id,
+              _id: (R = t.assetGroup) == null ? void 0 : R._id,
               name: (S = t.assetGroup) == null ? void 0 : S.name,
               key: (A = t.assetGroup) == null ? void 0 : A.key
             }
@@ -355,7 +356,7 @@ const ue = {
             "selected-data": x.value,
             "onUpdate:selectedData": e[1] || (e[1] = (t) => x.value = t),
             onNoted: P,
-            onRemoved: e[2] || (e[2] = (t) => R(t)),
+            onRemoved: e[2] || (e[2] = (t) => I(t)),
             "table-name": "disposal-report-page-table"
           }, null, 8, ["assets-to-report", "selected-data"]),
           l(oe, {
@@ -390,22 +391,22 @@ const ue = {
         "onUpdate:visible": e[5] || (e[5] = (t) => y.value = t),
         "fetch-function": u.from === "damage" ? q : U,
         "fetch-option-function": u.from === "damage" ? J : G,
-        onSelect: L
+        onSelect: F
       }, null, 8, ["visible", "fetch-function", "fetch-option-function"]),
       l(M, {
-        visible: b.value,
-        "onUpdate:visible": e[6] || (e[6] = (t) => b.value = t),
+        visible: v.value,
+        "onUpdate:visible": e[6] || (e[6] = (t) => v.value = t),
         body: d(a)("Are you sure you want to remove it?"),
         "confirm-label": d(a)("Remove"),
         header: d(a)("Remove from List"),
         lists: [h.value],
-        onConfirm: e[7] || (e[7] = (t) => R([h.value])),
+        onConfirm: e[7] || (e[7] = (t) => I([h.value])),
         "list-label": "name.nameWithSequence",
         severity: "danger"
       }, null, 8, ["visible", "body", "confirm-label", "header", "lists"]),
       l(M, {
-        visible: v.value,
-        "onUpdate:visible": e[8] || (e[8] = (t) => v.value = t),
+        visible: b.value,
+        "onUpdate:visible": e[8] || (e[8] = (t) => b.value = t),
         "confirm-label": d(a)("Continue"),
         header: d(a)("Cancel Report"),
         onConfirm: _,
@@ -420,13 +421,13 @@ const ue = {
       g("div", ce, [
         l(w, {
           label: d(a)("Cancel"),
-          onClick: e[9] || (e[9] = (t) => v.value = !0),
+          onClick: e[9] || (e[9] = (t) => b.value = !0),
           severity: "dark",
           text: ""
         }, null, 8, ["label"]),
         l(w, {
           label: d(a)("Submit"),
-          onClick: F,
+          onClick: L,
           severity: "success"
         }, null, 8, ["label"])
       ])

package/package.json

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