@fewangsit/wangsvue-fats 1.0.1-alpha.46 → 1.0.1-alpha.49

package/config/locale.es.js

@@ -1,5 +1,47 @@
-const e = {
-  global: {},
+import { D as e } from "../plugins/WangsVue.es.js";
+const t = {
+  global: {
+    ...e,
+    monthNames: [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ],
+    monthNamesShort: [
+      "Jan",
+      "Feb",
+      "Mar",
+      "Apr",
+      "May",
+      "Jun",
+      "Jul",
+      "Aug",
+      "Sep",
+      "Oct",
+      "Nov",
+      "Dec"
+    ],
+    dayNames: [
+      "Sunday",
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday"
+    ],
+    dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    dayNamesMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
+  },
   components: {
     FieldWrapper: {
       labelRequired: "*"
@@ -82,5 +124,5 @@ const e = {
   }
 };
 export {
-  e as l
+  t as l
 };

package/dialogdamagelog/index.es.js

@@ -1,22 +1,23 @@
-import { defineComponent as ge, mergeModels as ee, useModel as xe, ref as m, computed as te, watch as be, createBlock as p, openBlock as r, withCtx as g, createElementVNode as t, createVNode as n, createCommentVNode as x, toDisplayString as u, createElementBlock as se, unref as _e, Fragment as ye, normalizeClass as b } from "vue";
-import { t as he } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
-import { DamageServices as we } from "@tagsamurai/fats-api-services";
-import { u as De } from "../assetinfo/index.es.js";
-import { a as Ie } from "../utils/role.util.es.js";
-import { u as ke } from "../utils/toast.util.es.js";
-import { _ as v } from "../badge/index.es.js";
-import { _ as qe } from "../dialog/index.es.js";
-import { _ as ae } from "../image/index.es.js";
-import { _ as Re } from "../tabmenu/index.es.js";
-import { _ as Ce } from "../tagtype/index.es.js";
-import { _ as Le } from "../timeline/index.es.js";
-const Ne = { class: "w-full flex items-center justify-between" }, Se = { class: "flex items-center gap-2" }, $e = ["disabled"], Be = ["disabled"], Me = { class: "flex items-start gap-[18px]" }, Pe = { class: "flex flex-col w-full" }, Te = { class: "w-full flex items-center justify-between" }, Ve = { class: "text-body-medium !font-bold" }, Ae = { class: "flex items-center gap-[6px] text-general-400" }, je = { class: "flex gap-3 w-full mt-[6px]" }, Ee = { class: "flex flex-col gap-1 items-start self-stretch" }, ze = { class: "flex gap-2" }, Fe = ["data-wv-section"], Ge = {
+import { defineComponent as xe, mergeModels as ee, useModel as be, ref as c, computed as te, watch as _e, createBlock as p, openBlock as n, withCtx as v, createElementVNode as t, createVNode as i, createCommentVNode as x, toDisplayString as u, createElementBlock as se, unref as ae, Fragment as ye, createTextVNode as he, normalizeClass as b } from "vue";
+import { t as we } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
+import { DamageServices as De } from "@tagsamurai/fats-api-services";
+import { u as Ie } from "../assetinfo/index.es.js";
+import { a as ke } from "../utils/role.util.es.js";
+import { f as qe } from "../utils/date.util.es.js";
+import { u as Re } from "../utils/toast.util.es.js";
+import { _ as f } from "../badge/index.es.js";
+import { _ as Ne } from "../dialog/index.es.js";
+import { _ as oe } from "../image/index.es.js";
+import { _ as Ce } from "../tabmenu/index.es.js";
+import { _ as Le } from "../tagtype/index.es.js";
+import { _ as Se } from "../timeline/index.es.js";
+const $e = { class: "w-full flex items-center justify-between" }, Be = { class: "flex items-center gap-2" }, Te = ["disabled"], Me = ["disabled"], Pe = { class: "flex items-start gap-[18px]" }, Ve = { class: "flex flex-col w-full" }, Ae = { class: "w-full flex items-center justify-between" }, je = { class: "text-body-medium !font-bold" }, Ee = { class: "flex items-center gap-[6px] text-general-400" }, ze = { class: "flex gap-3 w-full mt-[6px]" }, Fe = { class: "flex flex-col gap-1 items-start self-stretch" }, Ge = { class: "flex gap-2" }, Ue = ["data-wv-section"], Ke = {
   class: "text-body-medium text-general-400",
   "data-wv-section": "key"
-}, Ue = {
+}, We = {
   key: 1,
   class: "text-body-medium"
-}, at = /* @__PURE__ */ ge({
+}, rt = /* @__PURE__ */ xe({
   __name: "DialogDamageLog",
   props: /* @__PURE__ */ ee({
     id: {},
@@ -26,12 +27,12 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ee(["prev", "next"], ["update:modelValue"]),
-  setup(_, { emit: oe }) {
-    const y = _, h = oe, w = xe(_, "modelValue"), le = ke(), { setLoading: D } = De(), a = m(), l = m(0), I = m(0), i = te(() => y.listId), re = [
+  setup(_, { emit: le }) {
+    const y = _, h = le, w = be(_, "modelValue"), re = Re(), { setLoading: D } = Ie(), a = c(), l = c(0), I = c(0), d = te(() => y.listId), ne = [
       {
         label: "Damage Log"
       }
-    ], f = m([]), ne = te(() => {
+    ], g = c([]), ie = te(() => {
       var s, e;
       switch ((e = (s = a.value) == null ? void 0 : s.request) == null ? void 0 : e.status) {
         case "Damaged":
@@ -41,23 +42,23 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
         default:
           return "dark";
       }
-    }), ie = async (s) => (me(s), await k(l.value)), k = async (s) => {
+    }), ue = async (s) => (pe(s), await k(l.value)), k = async (s) => {
       var e;
       try {
         D(!0);
-        const { data: o } = await we.getDamageReportDetail(
-          i.value[s]
+        const { data: o } = await De.getDamageReportDetail(
+          d.value[s]
         );
-        a.value = o.data, f.value = ce((e = a.value) == null ? void 0 : e.logs), I.value++;
+        a.value = o.data, g.value = ce((e = a.value) == null ? void 0 : e.logs), I.value++;
       } catch (o) {
-        le.add({
+        re.add({
           error: o,
           message: "Error, failed to fetch damage detail."
         });
       } finally {
         D(!1);
       }
-    }, ue = (s) => {
+    }, de = (s) => {
       switch (s) {
         case "Reported Damaged":
           return "Reported damaged by";
@@ -74,7 +75,7 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
         default:
           return "";
       }
-    }, de = (s, e) => {
+    }, me = (s, e) => {
       switch (s) {
         case "Reported Damaged":
           return {
@@ -89,86 +90,86 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
       }
     }, ce = (s) => s.map((e) => ({
       _id: e._id,
-      action: ue(e.action),
+      action: de(e.action),
       date: e.createdAt,
       username: e.userFullName,
       danger: !1,
-      detail: de(e.action, e.detail),
+      detail: me(e.action, e.detail),
       createdAt: e.createdAt
-    })), me = (s) => {
+    })), pe = (s) => {
       var o;
-      const e = (o = y.listId) == null ? void 0 : o.findIndex((d) => d === s);
+      const e = (o = y.listId) == null ? void 0 : o.findIndex((m) => m === s);
       l.value = e;
-    }, pe = () => {
-      l.value++, h("next", l.value);
     }, ve = () => {
-      l.value--, h("prev", l.value);
+      l.value++, h("next", l.value);
     }, fe = () => {
+      l.value--, h("prev", l.value);
+    }, ge = () => {
       var s, e;
-      he(`/assets/detail/${(e = (s = a.value) == null ? void 0 : s.request) == null ? void 0 : e.asset}`);
+      we(`/assets/detail/${(e = (s = a.value) == null ? void 0 : s.request) == null ? void 0 : e.asset}`);
     };
-    return be(
+    return _e(
       () => l.value,
       (s) => {
         k(s);
       }
-    ), (s, e) => (r(), p(qe, {
+    ), (s, e) => (n(), p(Ne, {
       visible: w.value,
       "onUpdate:visible": e[0] || (e[0] = (o) => w.value = o),
-      onShow: e[1] || (e[1] = (o) => ie(s.id)),
+      onShow: e[1] || (e[1] = (o) => ue(s.id)),
       class: "w-[600px]",
       modal: ""
     }, {
-      header: g(() => [
-        t("div", Ne, [
+      header: v(() => [
+        t("div", $e, [
           e[2] || (e[2] = t("h1", { class: "!text-base font-bold" }, "Damage Log", -1)),
-          t("div", Se, [
+          t("div", Be, [
             t("button", {
               class: b([l.value === 0 ? "text-general-100" : "text-primary", "text-xs font-medium"]),
               disabled: l.value === 0,
-              onClick: ve,
+              onClick: fe,
               "data-wv-section": "prev-button"
-            }, " <Prev ", 10, $e),
+            }, " <Prev ", 10, Te),
             t("button", {
               class: b([
-                l.value === i.value.length - 1 || i.value.length === 1 ? "text-general-100" : "text-primary",
+                l.value === d.value.length - 1 || d.value.length === 1 ? "text-general-100" : "text-primary",
                 "text-xs font-medium"
               ]),
-              disabled: l.value === i.value.length - 1 || i.value.length === 1,
-              onClick: pe,
+              disabled: l.value === d.value.length - 1 || d.value.length === 1,
+              onClick: ve,
               "data-wv-section": "next-button"
-            }, " Next> ", 10, Be)
+            }, " Next> ", 10, Me)
           ])
         ])
       ]),
-      default: g(() => {
-        var o, d, q, R, C, L, N, S, $, B, M, P, T, V, A, j, E, z, F, G, U, K, W, H, J, O, Q, X, Y;
+      default: v(() => {
+        var o, m, q, R, N, C, L, S, $, B, T, M, P, V, A, j, E, z, F, G, U, K, W, H, J, O, Q, X, Y;
         return [
-          t("div", Me, [
-            n(ae, {
-              src: (d = (o = a.value) == null ? void 0 : o.request) == null ? void 0 : d.assetImageBig,
+          t("div", Pe, [
+            i(oe, {
+              src: (m = (o = a.value) == null ? void 0 : o.request) == null ? void 0 : m.assetImageBig,
               size: "big"
             }, null, 8, ["src"]),
-            t("div", Pe, [
-              t("div", Te, [
-                t("p", Ve, u((C = (R = (q = a.value) == null ? void 0 : q.request) == null ? void 0 : R.assetName) == null ? void 0 : C.nameWithSequence), 1),
+            t("div", Ve, [
+              t("div", Ae, [
+                t("p", je, u((N = (R = (q = a.value) == null ? void 0 : q.request) == null ? void 0 : R.assetName) == null ? void 0 : N.nameWithSequence), 1),
                 t("button", {
-                  onClick: fe,
+                  onClick: ge,
                   class: "!text-xs font-medium !text-primary-500",
                   "data-wv-section": "detail-button"
                 }, " Asset Detail > ")
               ]),
-              t("div", Ae, [
-                t("p", null, u(((N = (L = a.value) == null ? void 0 : L.request) == null ? void 0 : N.assetId) ?? "-") + " " + u((M = (B = ($ = (S = a.value) == null ? void 0 : S.request) == null ? void 0 : $.assetName) == null ? void 0 : B.aliasCode) != null && M.length ? `(${(V = (T = (P = a.value) == null ? void 0 : P.request) == null ? void 0 : T.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
-                _e(Ie)() === "Enterprise" ? (r(), se(ye, { key: 0 }, [
+              t("div", Ee, [
+                t("p", null, u(((L = (C = a.value) == null ? void 0 : C.request) == null ? void 0 : L.assetId) ?? "-") + " " + u((T = (B = ($ = (S = a.value) == null ? void 0 : S.request) == null ? void 0 : $.assetName) == null ? void 0 : B.aliasCode) != null && T.length ? `(${(V = (P = (M = a.value) == null ? void 0 : M.request) == null ? void 0 : P.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
+                ae(ke)() === "Enterprise" ? (n(), se(ye, { key: 0 }, [
                   e[3] || (e[3] = t("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1)),
-                  (j = (A = a.value) == null ? void 0 : A.request) != null && j.tagType ? (r(), p(Ce, {
+                  (j = (A = a.value) == null ? void 0 : A.request) != null && j.tagType ? (n(), p(Le, {
                     key: 0,
                     type: (z = (E = a.value) == null ? void 0 : E.request) == null ? void 0 : z.tagType
                   }, null, 8, ["type"])) : x("", !0)
                 ], 64)) : x("", !0)
               ]),
-              t("div", je, [
+              t("div", ze, [
                 e[4] || (e[4] = t("div", { class: "flex flex-col justify-between items-start self-stretch" }, [
                   t("p", null, "Brand"),
                   t("p", null, "Model/Type"),
@@ -179,18 +180,18 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
                   t("p", null, ":"),
                   t("p", null, ":")
                 ], -1)),
-                t("div", Ee, [
-                  n(v, {
+                t("div", Fe, [
+                  i(f, {
                     label: (U = (G = (F = a.value) == null ? void 0 : F.request) == null ? void 0 : G.assetBrand) == null ? void 0 : U.name,
                     format: "nowrap",
                     severity: "dark"
                   }, null, 8, ["label"]),
-                  n(v, {
+                  i(f, {
                     label: (H = (W = (K = a.value) == null ? void 0 : K.request) == null ? void 0 : W.assetModel) == null ? void 0 : H.name,
                     format: "nowrap",
                     severity: "dark"
                   }, null, 8, ["label"]),
-                  n(v, {
+                  i(f, {
                     label: (Q = (O = (J = a.value) == null ? void 0 : J.request) == null ? void 0 : O.assetGroup) == null ? void 0 : Q.name,
                     format: "nowrap",
                     severity: "primary"
@@ -199,38 +200,41 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
               ])
             ])
           ]),
-          t("div", ze, [
+          t("div", Ge, [
             e[6] || (e[6] = t("p", { class: "text-xs font-medium tracking-tight" }, "Status:", -1)),
-            n(v, {
+            i(f, {
               label: (Y = (X = a.value) == null ? void 0 : X.request) == null ? void 0 : Y.status,
-              severity: ne.value,
+              severity: ie.value,
               format: "nowrap"
             }, null, 8, ["label", "severity"])
           ]),
-          n(Re, {
+          i(Ce, {
             "active-index": 0,
-            menu: re,
+            menu: ne,
             type: "tab"
           }),
-          f.value.length ? (r(), p(Le, {
+          g.value.length ? (n(), p(Se, {
             key: I.value,
-            value: f.value
+            value: g.value
           }, {
-            detail: g(({ key: c, value: Z }) => [
+            detail: v(({ key: r, value: Z }) => [
               t("div", {
                 class: b([
                   "flex gap-1 items-baseline",
-                  { "flex-col": c === "Damaged Photo" }
+                  { "flex-col": r === "Damaged Photo" }
                 ]),
-                "data-wv-section": c
+                "data-wv-section": r
               }, [
-                t("span", Ge, u(c) + ": ", 1),
-                c === "Damaged Photo" ? (r(), p(ae, {
+                t("span", Ke, u(r) + ": ", 1),
+                r === "Damaged Photo" ? (n(), p(oe, {
                   key: 0,
                   src: Z,
                   width: 36
-                }, null, 8, ["src"])) : (r(), se("span", Ue, u(Z), 1))
-              ], 10, Fe)
+                }, null, 8, ["src"])) : (n(), se("span", We, u(Z), 1))
+              ], 10, Ue)
+            ]),
+            date: v(({ date: r }) => [
+              he(u(ae(qe)(new Date(r), { showTime: !0 })), 1)
             ]),
             _: 1
           }, 8, ["value"])) : x("", !0)
@@ -241,5 +245,5 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
   }
 });
 export {
-  at as _
+  rt as _
 };

package/package.json

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

package/plugins/WangsVue.d.ts

@@ -144,7 +144,7 @@ export interface WangsVueInstance {
     componentName: ComponentName,
   ): WangsVueComponentConfig<ComponentName>;
 }
-declare const DEFAULT_GLOBAL_LOCALE_CONFIG: {
+export declare const DEFAULT_GLOBAL_LOCALE_CONFIG: {
   startsWith: string;
   contains: string;
   notContains: string;

package/plugins/WangsVue.es.js

@@ -341,6 +341,7 @@ const h = {
   };
 };
 export {
+  h as D,
   P as c,
   x as u
 };