@fewangsit/wangsvue-fats 1.0.1-alpha.41 → 1.0.1-alpha.42

package/disposalreporttable/index.es.js

@@ -1,12 +1,12 @@
 import { defineComponent as E, onMounted as I, shallowRef as i, ref as M, createElementBlock as N, openBlock as F, Fragment as L, createElementVNode as d, createVNode as a, mergeProps as P, unref as l, withCtx as U, toDisplayString as _ } from "vue";
 import { AssetServices as V, DisposalServices as q } from "@tagsamurai/fats-api-services";
 import { u as z } from "../assetinfo/index.es.js";
-import { u as O } from "../plugins/basei18n.es.js";
-import { u as W } from "../utils/toast.util.es.js";
+import { u as H } from "../plugins/basei18n.es.js";
+import { u as O } from "../utils/toast.util.es.js";
 import { _ as g } from "../badge/index.es.js";
 import { _ as w } from "../button/index.es.js";
-import { _ as j } from "../buttonfilter/index.es.js";
-import { _ as H } from "../buttonsearch/index.es.js";
+import { _ as W } from "../buttonfilter/index.es.js";
+import { _ as j } from "../buttonsearch/index.es.js";
 import { D as K } from "../datatable/index.es.js";
 import { _ as R } from "../dialogconfirm/index.es.js";
 import { _ as G } from "../image/index.es.js";
@@ -23,6 +23,7 @@ const Y = {
     childTableProps: {},
     tableName: {},
     tableTitle: {},
+    parentHeaders: {},
     useOption: { type: Boolean },
     data: {},
     disableKey: {},
@@ -62,7 +63,7 @@ const Y = {
     I(() => {
       S();
     });
-    const p = W(), { t: s } = O(), { setLoading: m } = z(), c = i(!1), f = i(!1), D = i(0), y = i([]), b = i(), r = i([]), n = M(
+    const p = O(), { t: s } = H(), { setLoading: m } = z(), c = i(!1), f = i(!1), D = i(0), y = i([]), b = i(), r = i([]), n = M(
       /* @__PURE__ */ new Map()
     ), C = [
       {
@@ -72,10 +73,10 @@ const Y = {
         fixed: !0,
         sortable: !0,
         excluded: !0,
-        bodyComponent: (o) => ({
+        bodyComponent: (t) => ({
           component: G,
           props: {
-            src: o.assetImageBig,
+            src: t.assetImageBig,
             description: "asset-report-photo",
             size: "small"
           }
@@ -86,9 +87,9 @@ const Y = {
         field: "name.nameWithSequence",
         sortable: !0,
         fixed: !0,
-        bodyTemplate: (o) => {
+        bodyTemplate: (t) => {
           var e;
-          return ((e = o.name) == null ? void 0 : e.nameWithSequence) ?? "-";
+          return ((e = t.name) == null ? void 0 : e.nameWithSequence) ?? "-";
         }
       },
       {
@@ -96,12 +97,12 @@ const Y = {
         field: "brand.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (t) => {
           var e;
           return {
             component: g,
             props: {
-              label: (e = o.brand) == null ? void 0 : e.name,
+              label: (e = t.brand) == null ? void 0 : e.name,
               severity: "dark",
               format: "nowrap"
             }
@@ -113,12 +114,12 @@ const Y = {
         field: "model.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (t) => {
           var e;
           return {
             component: g,
             props: {
-              label: (e = o.model) == null ? void 0 : e.name,
+              label: (e = t.model) == null ? void 0 : e.name,
               severity: "dark",
               format: "nowrap"
             }
@@ -130,12 +131,12 @@ const Y = {
         field: "group.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (t) => {
           var e;
           return {
             component: g,
             props: {
-              label: (e = o.group) == null ? void 0 : e.name,
+              label: (e = t.group) == null ? void 0 : e.name,
               format: "nowrap"
             }
           };
@@ -145,21 +146,21 @@ const Y = {
         header: "Note",
         field: "note",
         fixed: !0,
-        bodyComponent: (o) => ({
+        bodyComponent: (t) => ({
           component: Q,
           props: {
-            modelValue: n.value.get(o._id ?? "assetId").notes,
+            modelValue: n.value.get(t._id ?? "assetId").notes,
             placeholder: s("Enter note"),
             rows: 1,
             maxlength: 30
           },
           events: {
             "update:modelValue": (e) => {
-              const t = n.value.get(o._id ?? "assetId");
-              n.value.set(o._id ?? "assetId", {
-                ...t,
+              const o = n.value.get(t._id ?? "assetId");
+              n.value.set(t._id ?? "assetId", {
+                ...o,
                 notes: e
-              }), o.note = e;
+              }), t.note = e;
             }
           }
         })
@@ -167,16 +168,16 @@ const Y = {
     ], S = async () => {
       try {
         m(!0);
-        const o = sessionStorage.getItem("assetsDisposalReport") ?? "[]", { data: e } = await V.getAllAssets({ _id: o });
-        e.data.data.forEach((t) => {
-          n.value.set(t._id ?? "", {
+        const t = sessionStorage.getItem("assetsDisposalReport") ?? "[]", { data: e } = await V.getAllAssets({ _id: t });
+        e.data.data.forEach((o) => {
+          n.value.set(o._id ?? "", {
             notes: null,
-            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+            reason: ["Damaged", "Missing"].includes(o.status) ? o.status : u.reason
           });
         }), r.value = e.data.data, D.value = e.data.totalRecords;
-      } catch (o) {
-        console.error(o), p.add({
-          error: o,
+      } catch (t) {
+        console.error(t), p.add({
+          error: t,
           message: "Error, failed to get assets. "
         });
       } finally {
@@ -191,39 +192,39 @@ const Y = {
           c.value = !0;
         }
       }
-    ], h = (o) => {
+    ], h = (t) => {
       r.value = r.value.filter(
-        (e) => !o.some((t) => e._id === t._id)
-      ), T(o);
-    }, T = (o) => {
-      o.forEach((e) => {
+        (e) => !t.some((o) => e._id === o._id)
+      ), T(t);
+    }, T = (t) => {
+      t.forEach((e) => {
         n.value.delete(e._id ?? "");
       }), r.value.length || v(), p.add({
         message: s("Success, asset has been removed from the list."),
         severity: "success"
       });
-    }, $ = (o, e) => {
-      o.forEach((t) => {
-        n.value.set(t._id ?? "", {
+    }, $ = (t, e) => {
+      t.forEach((o) => {
+        n.value.set(o._id ?? "", {
           notes: e ?? null,
-          reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+          reason: ["Damaged", "Missing"].includes(o.status) ? o.status : u.reason
         });
       });
     }, v = () => {
-      const o = window.location.pathname, e = o.slice(0, o.lastIndexOf("/"));
+      const t = window.location.pathname, e = t.slice(0, t.lastIndexOf("/"));
       u.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
     }, A = async () => {
-      const o = [];
-      n.value.forEach((e, t) => {
+      const t = [];
+      n.value.forEach((e, o) => {
         const k = {
-          asset: t,
+          asset: o,
           notes: e.notes,
           reason: e.reason
         };
-        o.push(k);
+        t.push(k);
       });
       try {
-        m(!0), await q.postReportDisposal({ data: o }), p.add({
+        m(!0), await q.postReportDisposal({ data: t }), p.add({
           message: s("Success, disposal report has been submitted.")
         }), v();
       } catch (e) {
@@ -235,35 +236,35 @@ const Y = {
         m(!1);
       }
     };
-    return (o, e) => (F(), N(L, null, [
+    return (t, e) => (F(), N(L, null, [
       d("div", Y, [
         d("div", Z, [
           a(J, {
             "assets-to-report": r.value,
-            "onUpdate:assetsToReport": e[0] || (e[0] = (t) => r.value = t),
+            "onUpdate:assetsToReport": e[0] || (e[0] = (o) => r.value = o),
             "selected-data": y.value,
-            "onUpdate:selectedData": e[1] || (e[1] = (t) => y.value = t),
+            "onUpdate:selectedData": e[1] || (e[1] = (o) => y.value = o),
             onNoted: $,
-            onRemoved: e[2] || (e[2] = (t) => h(t)),
+            onRemoved: e[2] || (e[2] = (o) => h(o)),
             "table-name": "disposal-report-page-table"
           }, null, 8, ["assets-to-report", "selected-data"]),
-          a(H, {
+          a(j, {
             class: "ml-auto",
             "table-name": "disposal-report-page-table"
           }),
-          a(j, { "table-name": "disposal-report-page-table" })
+          a(W, { "table-name": "disposal-report-page-table" })
         ]),
         a(X, {
           assets: r.value,
           "table-name": "disposal-report-page-table"
         }, null, 8, ["assets"]),
-        a(K, P(o.$props, {
+        a(K, P(t.$props, {
           columns: C,
           data: r.value,
           lazy: !1,
           options: B,
           rows: 10,
-          onToggleOption: e[3] || (e[3] = (t) => b.value = t),
+          onToggleOption: e[3] || (e[3] = (o) => b.value = o),
           "data-key": "_id",
           "rounded-header": "",
           "selection-type": "checkbox",
@@ -274,18 +275,18 @@ const Y = {
       ]),
       a(R, {
         visible: c.value,
-        "onUpdate:visible": e[4] || (e[4] = (t) => c.value = t),
+        "onUpdate:visible": e[4] || (e[4] = (o) => c.value = o),
         body: l(s)("Are you sure you want to remove it?"),
         "confirm-label": l(s)("Remove"),
         header: l(s)("Remove from List"),
         lists: [b.value],
-        onConfirm: e[5] || (e[5] = (t) => h([b.value])),
+        onConfirm: e[5] || (e[5] = (o) => h([b.value])),
         "list-label": "name.nameWithSequence",
         severity: "danger"
       }, null, 8, ["visible", "body", "confirm-label", "header", "lists"]),
       a(R, {
         visible: f.value,
-        "onUpdate:visible": e[6] || (e[6] = (t) => f.value = t),
+        "onUpdate:visible": e[6] || (e[6] = (o) => f.value = o),
         "confirm-label": l(s)("Continue"),
         header: l(s)("Cancel Report"),
         onConfirm: v,
@@ -300,7 +301,7 @@ const Y = {
       d("div", ee, [
         a(w, {
           label: l(s)("Cancel"),
-          onClick: e[7] || (e[7] = (t) => f.value = !0),
+          onClick: e[7] || (e[7] = (o) => f.value = !0),
           severity: "dark",
           text: ""
         }, null, 8, ["label"]),

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/inputbadge/index.d.ts

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { BadgeProps } from '../badge';
 import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
@@ -32,6 +34,37 @@ export interface InputBadgeProps {
    * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
    */
   existingValues?: string[];
+  /**
+   * Values that can be edited by the user.
+   * Any new added label will considered as editable. You dont need to pass a reactive value this prop and update whenever new label is added.
+   *
+   * @default undefined - All values are editable.
+   */
+  editableValues?: string[];
+  /**
+   * List of values that can be removed. If not removable, the remove icon will be either disabled or hidden.
+   *
+   * Any new added label will considered as removable. You dont need to pass a reactive value this prop and update whenever new label is added.
+   * @default undefined - All values are removable.
+   */
+  removableValues?: string[];
+
+  /**
+   * Specify the variant of the remove button on each badge.
+   * By default, the remove button is hidden if the badge is not removable.
+   * You can set this to 'disabled' to show the remove button but disable it.
+   * @default hidden
+   *
+   * See {@link BadgeProps.disableRemoveButton}
+   */
+  removeButtonVariant?: 'disabled' | 'hidden';
+
+  /**
+   * While editing the badgem if it left empty, the badge will be restored to the previous value.
+   * @default false -  The badge removed.
+   */
+  restoreValueOnEmpty?: boolean;
+
   /**
    * Determines if the field is mandatory
    */