@fewangsit/wangsvue-fats 1.0.1-rc.0 → 1.0.1-rc.11

package/buttonaddbyscan/index.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as v, createElementBlock as D, openBlock as E, Fragment as x, createVNode as g } from "vue";
-import { DisposalServices as S, AssetServices as f } from "@tagsamurai/fats-api-services";
-import { u as B } from "../assetinfo/AssetInfo.es.js";
+import { DisposalServices as S, AssetServices as y } from "@tagsamurai/fats-api-services";
+import { u as B } from "../assetinfo/index.es.js";
 import { u as w } from "../utils/toast.util.es.js";
-import P from "../buttonsearchbyscan/index.es.js";
-import q from "../toast/index.es.js";
+import { _ as P } from "../buttonsearchbyscan/index.es.js";
+import { _ as q } from "../toast/index.es.js";
 const $ = /* @__PURE__ */ v({
   __name: "ButtonAddByScan",
   props: {
@@ -13,8 +13,8 @@ const $ = /* @__PURE__ */ v({
     queryParams: {}
   },
   emits: ["update:modelValue", "scan"],
-  setup(y, { emit: h }) {
-    const d = w(), { setLoading: c } = B(), s = y, m = h, A = async (t) => {
+  setup(f, { emit: h }) {
+    const d = w(), { setLoading: c } = B(), s = f, m = h, A = async (t) => {
       var o, l, i, n;
       try {
         c(!0);
@@ -23,7 +23,7 @@ const $ = /* @__PURE__ */ v({
           tag: t.code,
           page: 1,
           limit: 1
-        }, { data: a } = await f.getAvailableAssets(r);
+        }, { data: a } = await y.getAvailableAssets(r);
         if ((l = (o = a == null ? void 0 : a.data) == null ? void 0 : o.data) != null && l.length) {
           const e = (i = a == null ? void 0 : a.data) == null ? void 0 : i.data[0];
           if ((n = s.modelValue) == null ? void 0 : n.some(
@@ -65,7 +65,7 @@ const $ = /* @__PURE__ */ v({
           ) : void 0,
           page: 1,
           limit: 1
-        }, { data: a } = await f.getAllAssets(r);
+        }, { data: a } = await y.getAllAssets(r);
         if ((i = (l = a == null ? void 0 : a.data) == null ? void 0 : l.data) != null && i.length) {
           const e = (n = a == null ? void 0 : a.data) == null ? void 0 : n.data[0];
           if (["On Disposal Process", "Reported Disposal"].includes(
@@ -95,7 +95,7 @@ const $ = /* @__PURE__ */ v({
       } finally {
         c(!1);
       }
-    }, V = async (t) => {
+    }, _ = async (t) => {
       var o, l, i, n;
       try {
         c(!0);
@@ -126,8 +126,8 @@ const $ = /* @__PURE__ */ v({
       } finally {
         c(!1);
       }
-    }, _ = async (t) => {
-      s.reportedDisposalAssets ? await V(t) : s.noDisposalAssets ? await b(t) : await A(t);
+    }, V = async (t) => {
+      s.reportedDisposalAssets ? await _(t) : s.noDisposalAssets ? await b(t) : await A(t);
     };
     return (t, o) => (E(), D(x, null, [
       g(q, {
@@ -136,7 +136,7 @@ const $ = /* @__PURE__ */ v({
         group: "add-by-scan-error"
       }),
       g(P, {
-        onScan: _,
+        onScan: V,
         bulk: "",
         label: "Add By Scan"
       })
@@ -144,5 +144,5 @@ const $ = /* @__PURE__ */ v({
   }
 });
 export {
-  $ as default
+  $ as _
 };

package/buttonbulkaction/index.es.js

@@ -1,4 +1,186 @@
-import { _ as f } from "./ButtonBulkAction.es.js";
+import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as r, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
+import { e as c } from "../event-bus/index.es.js";
+import { u as se } from "../plugins/WangsVue.es.js";
+import { m as ie } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as re } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { _ as A } from "../button/index.es.js";
+import { _ as ue } from "../icon/index.es.js";
+import { _ as ce } from "../menu/index.es.js";
+import { _ as de } from "../menuitem/index.es.js";
+const pe = (D, N) => {
+  const l = {
+    label: N,
+    disabled: !0
+  }, g = D.filter((d) => d.visible !== !1);
+  return g.length ? g : [l];
+}, $e = /* @__PURE__ */ Y({
+  __name: "ButtonBulkAction",
+  props: {
+    disabled: { type: Boolean },
+    selectedData: { default: () => [] },
+    totalRecords: {},
+    options: { default: () => [] },
+    tableName: { default: "datatable" },
+    selectMenuType: {},
+    naming: {}
+  },
+  emits: ["apply", "update:selectedData"],
+  setup(D, { emit: N }) {
+    const l = D, { defaultProps: g, locale: d } = se("ButtonBulkAction"), p = ie(l, g), B = N;
+    Z(() => {
+      window.addEventListener("disableBulkAction", O), c.on("data-table:update-selected-data", L), c.on("data-table:update-total-record", z);
+    }), I(() => {
+      window.removeEventListener("disableBulkAction", O), c.off("data-table:update-total-record", L), c.off("data-table:update-selected-data", z);
+    });
+    const S = R(), _ = R(), n = k(), m = k(0), C = k(!1), M = k(!1), i = R(l.selectedData), j = x(
+      () => {
+        var e;
+        return ((e = i.value) == null ? void 0 : e.length) && !M.value && m.value > 0;
+      }
+    ), G = () => {
+      window.dispatchEvent(
+        new CustomEvent("fetchAllData", { detail: l.tableName })
+      ), c.emit("data-table:select-all-record", { tableName: l.tableName });
+    }, J = () => {
+      B("update:selectedData", []), c.emit("data-table:clear-selected-data", {
+        tableName: l.tableName
+      });
+    }, O = (e) => {
+      l.tableName === e.detail.tableName && (M.value = e.detail.value);
+    }, K = (e) => {
+      var t;
+      (t = S.value) == null || t.toggle(e);
+    }, z = (e) => {
+      l.tableName === (e == null ? void 0 : e.tableName) && (m.value = e == null ? void 0 : e.total);
+    }, L = (e) => {
+      e.tableName === l.tableName && (i.value = e.data, B("update:selectedData", e.data ?? []));
+    }, Q = async (e) => {
+      var t, s;
+      if (e.useAdditionSlot) {
+        n.value = e, await ne();
+        const u = (t = _.value) == null ? void 0 : t.children[1], a = u == null ? void 0 : u.querySelector(
+          "input"
+        );
+        a && (a == null || a.click(), a == null || a.focus());
+      } else e.command ? (e.command({
+        originalEvent: void 0,
+        item: e
+      }), (s = S.value) == null || s.hide(), n.value = void 0) : e.url ? window.open(e.url, e.target) : e.route && window.history.pushState(void 0, "", e.route);
+    }, X = (e) => {
+      var t, s;
+      (s = (t = n.value) == null ? void 0 : t.command) == null || s.call(t, {
+        originalEvent: e,
+        item: n.value
+      }), n.value = void 0, B("apply");
+    };
+    return F(
+      [i, m],
+      ([e, t]) => {
+        e != null && e.length || (n.value = void 0), C.value = (e == null ? void 0 : e.length) === t;
+      },
+      { deep: !0 }
+    ), F(
+      () => l.totalRecords,
+      (e) => m.value = e ?? 0,
+      { immediate: !0 }
+    ), (e, t) => {
+      var s, u, a, U, W, q;
+      return y((r(), h("div", f(e.$preset.buttonbulkaction.root, {
+        ref_key: "wrapper",
+        ref: _
+      }), [
+        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (r(), E(ce, {
+          key: 0,
+          ref_key: "menu",
+          ref: S,
+          model: e.options,
+          popup: ""
+        }, null, 8, ["model"])) : w("", !0),
+        o(p).selectMenuType === "dropdown" ? (r(), h(T, { key: 1 }, [
+          (u = e.selectedData) != null && u.length ? (r(), E(o(re), {
+            key: 0,
+            disabled: l.disabled || M.value || !((a = e.selectedData) != null && a.length),
+            options: o(pe)(
+              e.options,
+              e.$wangsvue.config.locale.components.Menu.noOptionLabel
+            ),
+            pt: e.$preset.buttonbulkaction.dropdownmenu,
+            "onUpdate:modelValue": t[0] || (t[0] = (b) => Q(b)),
+            "option-label": "label",
+            outlined: "",
+            placeholder: "Bulk Action"
+          }, {
+            dropdownicon: V(({ class: b }) => [
+              v(ue, {
+                class: te([b]),
+                icon: "arrow-down"
+              }, null, 8, ["class"])
+            ]),
+            option: V(({ option: b }) => [
+              v(de, {
+                item: b,
+                "router-props": {
+                  action: e.$preset.menu.action,
+                  label: e.$preset.menu.label,
+                  icon: e.$preset.menu.icon
+                }
+              }, null, 8, ["item", "router-props"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "options", "pt"])) : w("", !0),
+          ee(e.$slots, "addition", { selectedOption: n.value }),
+          y(v(A, f({ onClick: X }, e.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
+            [$, (U = n.value) == null ? void 0 : U.useAdditionSlot]
+          ])
+        ], 64)) : w("", !0),
+        y(le("span", ae(oe(e.$preset.buttonbulkaction.selectionmessage)), P(o(d).currentSelectionMessage.replace(
+          "{length} {naming}",
+          `${i.value.length.toString()} ${o(p).naming}`
+        )), 17), [
+          [$, (W = i.value) == null ? void 0 : W.length]
+        ]),
+        y(v(A, f(
+          { onClick: G },
+          e.$preset.buttonbulkaction.buttonselectall({
+            context: { selectedAll: C.value }
+          }),
+          { text: "" }
+        ), {
+          default: V(() => [
+            C.value ? (r(), h(T, { key: 1 }, [
+              H(P(o(d).allRecordSelected.replace("{naming}", o(p).naming)), 1)
+            ], 64)) : (r(), h(T, { key: 0 }, [
+              H(P(o(d).selectAllRecords.replace(
+                "{totalRecords}",
+                m.value.toString()
+              )), 1)
+            ], 64))
+          ]),
+          _: 1
+        }, 16), [
+          [$, j.value]
+        ]),
+        o(p).selectMenuType === "overlay-panel" ? (r(), E(A, f({
+          key: 2,
+          onClick: K
+        }, e.$preset.buttonbulkaction.bulkactiontoggle, {
+          icon: "ellipsis-h",
+          outlined: "",
+          severity: "secondary",
+          size: "small"
+        }), null, 16)) : w("", !0),
+        v(A, f({ onClick: J }, e.$preset.buttonbulkaction.buttonclearselection, {
+          icon: "close",
+          severity: "danger",
+          text: ""
+        }), null, 16)
+      ], 16)), [
+        [$, (q = i.value) == null ? void 0 : q.length]
+      ]);
+    };
+  }
+});
 export {
-  f as default
+  $e as _,
+  pe as f
 };

package/buttoncopy/index.es.js

@@ -1,17 +1,17 @@
 import { defineComponent as c, createBlock as a, openBlock as n, withCtx as r, createVNode as p } from "vue";
-import { _ as s } from "../button/Button.es.js";
-import i from "../icon/index.es.js";
+import { _ as s } from "../button/index.es.js";
+import { _ as i } from "../icon/index.es.js";
 const u = /* @__PURE__ */ c({
   __name: "ButtonCopy",
   props: {
     text: {}
   },
   setup(t) {
-    const e = t, o = () => {
-      navigator.clipboard.writeText(e.text);
+    const o = t, e = () => {
+      navigator.clipboard.writeText(o.text);
     };
     return (m, _) => (n(), a(s, {
-      onClick: o,
+      onClick: e,
       class: "p-0 m-0",
       "data-wv-name": "buttoncopy",
       text: ""
@@ -27,5 +27,5 @@ const u = /* @__PURE__ */ c({
   }
 });
 export {
-  u as default
+  u as _
 };

package/buttondownload/index.es.js

@@ -1,11 +1,11 @@
 import { defineComponent as L, inject as x, computed as N, ref as S, createElementBlock as v, openBlock as y, mergeProps as B, unref as C, createVNode as W, createCommentVNode as $, toDisplayString as G } from "vue";
-import { e as r } from "../buttonbulkaction/ButtonBulkAction.es.js";
-import { u as H } from "../animation/Animation.es.js";
+import { e as r } from "../event-bus/index.es.js";
+import { u as H } from "../plugins/WangsVue.es.js";
 import { u as O } from "../utils/baseToast.util.es.js";
-import { n as R, e as D } from "../utils/exportToExcel.util.es.js";
+import { n as R, e as _ } from "../utils/exportToExcel.util.es.js";
 import { m as Z } from "../utils/mergePropsWithDefaults.util.es.js";
-import { u as q } from "../assetinfo/AssetInfo.es.js";
-import I from "../icon/index.es.js";
+import { u as q } from "../assetinfo/index.es.js";
+import { _ as I } from "../icon/index.es.js";
 const J = {
   key: 0,
   class: "inherit text-xs"
@@ -20,8 +20,8 @@ const J = {
     dataConfigs: {},
     excelToastErrorMessage: {}
   },
-  setup(E) {
-    const l = E, { setLoading: c } = q(), _ = x("useToastConfig"), u = O(_), { defaultProps: P, locale: m } = H("ButtonDownload"), f = N(() => Z(l, P)), p = x("preset", {}).buttondownload, i = S({}), b = N(() => Object.entries(i.value).map(([e]) => e)), k = async (e) => {
+  setup(D) {
+    const l = D, { setLoading: d } = q(), E = x("useToastConfig"), u = O(E), { defaultProps: P, locale: m } = H("ButtonDownload"), f = N(() => Z(l, P)), p = x("preset", {}).buttondownload, i = S({}), b = N(() => Object.entries(i.value).map(([e]) => e)), k = async (e) => {
       const a = await e();
       if (a instanceof Error) throw a;
       return (a == null ? void 0 : a.data) ?? { data: [], totalRecords: 0 };
@@ -29,8 +29,8 @@ const J = {
       const { fileName: e, tableName: a, multiTableNames: t, dataConfigs: o } = f.value;
       if (o != null && o.length && A(o), t != null && t.length)
         r.on("button-download:multi-tables", T), t.forEach((n) => {
-          const d = { fileName: e, tableName: n, multiTableNames: t };
-          r.emit("data-table:download", d);
+          const c = { fileName: e, tableName: n, multiTableNames: t };
+          r.emit("data-table:download", c);
         });
       else {
         const n = {
@@ -45,10 +45,10 @@ const J = {
       try {
         const o = await Promise.all(
           e.map(async (n) => {
-            const { columns: d, data: V, fetchFunction: h, tableTitle: j } = n, w = d.filter((s) => s.visible !== !1).filter((s) => !s.excluded), z = w.map(
+            const { columns: c, data: V, fetchFunction: h, tableTitle: j } = n, w = c.filter((s) => s.visible !== !1).filter((s) => !s.excluded), z = w.map(
               (s) => s.header ?? s.exportHeader ?? "-"
             );
-            c(!0, m.downloadingMessage);
+            d(!0, m.downloadingMessage);
             const { data: F } = h ? await k(h) : { data: V };
             return {
               data: R(
@@ -61,7 +61,7 @@ const J = {
             };
           })
         );
-        await D({
+        await _({
           tables: o,
           additionalTexts: l.additionalTextBelowTable,
           fileName: g()
@@ -76,7 +76,7 @@ const J = {
           group: "download"
         });
       } finally {
-        c(!1);
+        d(!1);
       }
     }, T = async ({
       table: e
@@ -89,7 +89,7 @@ const J = {
         const o = [];
         l.multiTableNames.forEach((n) => {
           o.push(i.value[n]);
-        }), await D({
+        }), await _({
           tables: o,
           additionalTexts: l.additionalTextBelowTable,
           fileName: g()
@@ -109,5 +109,5 @@ const J = {
   }
 });
 export {
-  ne as default
+  ne as _
 };

package/buttonfilter/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, inject as f, shallowRef as p, createElementBlock as v, openBlock as b, mergeProps as n, unref as a, createVNode as _ } from "vue";
-import { e as h } from "../buttonbulkaction/ButtonBulkAction.es.js";
-import w from "../icon/index.es.js";
+import { defineComponent as u, inject as f, shallowRef as p, createElementBlock as v, openBlock as _, mergeProps as n, unref as a, createVNode as b } from "vue";
+import { e as h } from "../event-bus/index.es.js";
+import { _ as w } from "../icon/index.es.js";
 const g = /* @__PURE__ */ u({
   __name: "ButtonFilter",
   props: {
@@ -16,8 +16,8 @@ const g = /* @__PURE__ */ u({
     };
     return (F, d) => {
       var o, l;
-      return b(), v("button", n({ onClick: m }, (o = a(t)) == null ? void 0 : o.root({ context: { active: e.value } }), { type: "button" }), [
-        _(w, n((l = a(t)) == null ? void 0 : l.icon({ context: { active: e.value } }), {
+      return _(), v("button", n({ onClick: m }, (o = a(t)) == null ? void 0 : o.root({ context: { active: e.value } }), { type: "button" }), [
+        b(w, n((l = a(t)) == null ? void 0 : l.icon({ context: { active: e.value } }), {
           icon: e.value ? "filter-fill" : "filter",
           info: "Filter",
           "tooltip-pos": "bottom"
@@ -27,5 +27,5 @@ const g = /* @__PURE__ */ u({
   }
 });
 export {
-  g as default
+  g as _
 };

package/buttonradio/index.es.js

@@ -1,5 +1,5 @@
 import { h as k, defineComponent as C, inject as V, computed as S, createBlock as f, openBlock as d, unref as l, mergeProps as p, withCtx as P, createElementVNode as i, renderSlot as w, createCommentVNode as m, normalizeProps as c, guardReactiveProps as b, normalizeStyle as E, normalizeClass as z, createElementBlock as j, toDisplayString as q } from "vue";
-import A from "../icon/index.es.js";
+import { _ as A } from "../icon/index.es.js";
 import { i as I } from "../vendor/lodash-es/isEqual.es.js";
 const L = (r, s) => {
   const { attrs: t, slots: a } = s || {};
@@ -89,5 +89,5 @@ const L = (r, s) => {
   }
 });
 export {
-  F as default
+  F as _
 };