@fewangsit/wangsvue-fats 1.0.1-rc.5 → 1.0.1-rc.7

package/buttonbulkaction/ButtonBulkAction.es.js

@@ -0,0 +1,186 @@
+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 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/Button.es.js";
+import ue from "../icon/index.es.js";
+import ce from "../menu/index.es.js";
+import { _ as de } from "../menuitem/MenuItem.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", z), c.on("data-table:update-selected-data", U), c.on("data-table:update-total-record", L);
+    }), I(() => {
+      window.removeEventListener("disableBulkAction", z), c.off("data-table:update-total-record", U), c.off("data-table:update-selected-data", L);
+    });
+    const S = R(), O = 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
+      });
+    }, z = (e) => {
+      l.tableName === e.detail.tableName && (M.value = e.detail.value);
+    }, K = (e) => {
+      var t;
+      (t = S.value) == null || t.toggle(e);
+    }, L = (e) => {
+      l.tableName === (e == null ? void 0 : e.tableName) && (m.value = e == null ? void 0 : e.total);
+    }, U = (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 = O.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, _, W, q;
+      return y((r(), h("div", f(e.$preset.buttonbulkaction.root, {
+        ref_key: "wrapper",
+        ref: O
+      }), [
+        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), [
+            [$, (_ = n.value) == null ? void 0 : _.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 {
+  $e as _,
+  pe as f
+};

package/buttonbulkaction/index.es.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./ButtonBulkAction.es.js";
+export {
+  f as default
+};

package/buttonbulkaction/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/buttoncopy/index.es.js

@@ -0,0 +1,31 @@
+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";
+const u = /* @__PURE__ */ c({
+  __name: "ButtonCopy",
+  props: {
+    text: {}
+  },
+  setup(t) {
+    const e = t, o = () => {
+      navigator.clipboard.writeText(e.text);
+    };
+    return (m, _) => (n(), a(s, {
+      onClick: o,
+      class: "p-0 m-0",
+      "data-wv-name": "buttoncopy",
+      text: ""
+    }, {
+      default: r(() => [
+        p(i, {
+          class: "h-[14px] text-sm text-general-200",
+          icon: "file-copy"
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  u as default
+};

package/buttoncopy/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/{components/buttondownload/ButtonDownload.vue.d.ts → buttondownload/index.d.ts}

@@ -1,4 +1,4 @@
-import { DataTableProps } from '../datatable/DataTable.vue.d';
+import { DataTableProps } from '../datatable';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface ButtonDownloadLocaleConfig {

package/buttondownload/index.es.js

@@ -0,0 +1,113 @@
+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 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 { 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";
+const J = {
+  key: 0,
+  class: "inherit text-xs"
+}, ne = /* @__PURE__ */ L({
+  __name: "ButtonDownload",
+  props: {
+    fileName: {},
+    label: { default: void 0 },
+    tableName: { default: "datatable" },
+    multiTableNames: { default: void 0 },
+    additionalTextBelowTable: { default: void 0 },
+    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) => {
+      const a = await e();
+      if (a instanceof Error) throw a;
+      return (a == null ? void 0 : a.data) ?? { data: [], totalRecords: 0 };
+    }, M = () => {
+      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);
+        });
+      else {
+        const n = {
+          fileName: e,
+          tableName: a,
+          additionalTexts: l.additionalTextBelowTable
+        };
+        r.emit("data-table:download", n);
+      }
+    }, g = () => l.fileName.trim().replace(/[^a-zA-Z0-9\s]/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/-+$/, ""), A = async (e) => {
+      var a, t;
+      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(
+              (s) => s.header ?? s.exportHeader ?? "-"
+            );
+            c(!0, m.downloadingMessage);
+            const { data: F } = h ? await k(h) : { data: V };
+            return {
+              data: R(
+                F,
+                w,
+                m
+              ),
+              headers: z,
+              tableTitle: j
+            };
+          })
+        );
+        await D({
+          tables: o,
+          additionalTexts: l.additionalTextBelowTable,
+          fileName: g()
+        });
+      } catch (o) {
+        console.error("🚀 ~ handleTableConfig error:", o), u.removeAllGroups(), u.add({
+          message: ((t = (a = f.value) == null ? void 0 : a.excelToastErrorMessage) == null ? void 0 : t.replace(
+            "{fileName}",
+            l.fileName
+          )) ?? "Data gagal diunduh.",
+          error: o,
+          group: "download"
+        });
+      } finally {
+        c(!1);
+      }
+    }, T = async ({
+      table: e
+    }) => {
+      var a;
+      try {
+        const { tableName: t } = e;
+        if (!t || (b.value.includes(t) || (i.value[t] = e), b.value.length !== ((a = l.multiTableNames) == null ? void 0 : a.length))) return;
+        r.off("button-download:multi-tables", T);
+        const o = [];
+        l.multiTableNames.forEach((n) => {
+          o.push(i.value[n]);
+        }), await D({
+          tables: o,
+          additionalTexts: l.additionalTextBelowTable,
+          fileName: g()
+        });
+      } catch (t) {
+        console.error(t);
+      }
+    };
+    return (e, a) => (y(), v("button", B({ onClick: M }, C(p).root({ props: l }), { type: "button" }), [
+      W(I, B(C(p).icon, {
+        icon: "download",
+        info: "Download",
+        "tooltip-pos": "bottom"
+      }), null, 16),
+      e.label ? (y(), v("span", J, G(e.label), 1)) : $("", !0)
+    ], 16));
+  }
+});
+export {
+  ne as default
+};

package/buttondownload/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/buttonfilter/index.es.js

@@ -0,0 +1,31 @@
+import { defineComponent as u, inject as f, shallowRef as p, createElementBlock as v, openBlock as b, mergeProps as n, unref as r, createVNode as _ } from "vue";
+import h from "../event-bus/index.es.js";
+import w from "../icon/index.es.js";
+const g = /* @__PURE__ */ u({
+  __name: "ButtonFilter",
+  props: {
+    tableName: { default: "datatable" }
+  },
+  emits: ["showFilter"],
+  setup(a, { emit: i }) {
+    const t = f("preset", {}).buttonfilter, s = a, c = i, e = p(!1), m = () => {
+      e.value = !e.value, c("showFilter", e.value), h.emit("show-filter", {
+        tableName: s.tableName,
+        show: e.value
+      });
+    };
+    return (F, d) => {
+      var o, l;
+      return b(), v("button", n({ onClick: m }, (o = r(t)) == null ? void 0 : o.root({ context: { active: e.value } }), { type: "button" }), [
+        _(w, n((l = r(t)) == null ? void 0 : l.icon({ context: { active: e.value } }), {
+          icon: e.value ? "filter-fill" : "filter",
+          info: "Filter",
+          "tooltip-pos": "bottom"
+        }), null, 16, ["icon"])
+      ], 16);
+    };
+  }
+});
+export {
+  g as default
+};

package/buttonfilter/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/buttonradio/index.es.js

@@ -0,0 +1,93 @@
+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 { i as I } from "../vendor/lodash-es/isEqual.es.js";
+const L = (r, s) => {
+  const { attrs: t, slots: a } = s || {};
+  return r.label ? k("label", t, a.default()) : a.default();
+}, N = ["id", "aria-invalid", "checked", "disabled", "name", "readonly", "tabindex", "value"], F = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "ButtonRadio",
+  props: {
+    label: {},
+    value: {},
+    modelValue: {},
+    name: {},
+    binary: { type: Boolean, default: !1 },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    variant: {},
+    readonly: { type: Boolean },
+    tabindex: {},
+    inputId: {},
+    inputStyle: { type: [Boolean, null, String, Object, Array] },
+    inputClass: {},
+    tooltip: {},
+    tooltipPos: { default: "top" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(r, { emit: s }) {
+    const t = r, a = s, n = V("preset", {}).buttonradio, u = S(() => t.modelValue != null && (t.binary ? y() : I(t.modelValue, t.value))), y = () => {
+      const { modelValue: e, value: o } = t;
+      return typeof e != "boolean" ? !!e : typeof o == "boolean" ? e === o : typeof o == "number" ? !!e == !!o : typeof o == "string" ? (e == null ? void 0 : e.toString()) === o : !1;
+    }, v = (e) => {
+      if (typeof e == "boolean")
+        return e;
+      if (typeof e == "number")
+        return !!e;
+      if (typeof e == "string")
+        return e.toLowerCase() === "true";
+    }, h = (e) => {
+      if (!t.disabled && !t.readonly) {
+        const o = t.binary ? v(t.value) : t.value;
+        a("update:modelValue", o), a("change", e);
+      }
+    }, B = (e) => {
+      a("focus", e);
+    }, g = (e) => {
+      a("blur", e);
+    };
+    return (e, o) => (d(), f(l(L), p(l(n).label, { label: e.label }), {
+      default: P(() => [
+        i("span", c(b(l(n).root({ props: t, state: { checked: u.value } }))), [
+          i("input", {
+            id: e.inputId,
+            "aria-invalid": e.invalid || void 0,
+            checked: u.value,
+            class: z([l(n).input({ props: t }).class, e.inputClass]),
+            disabled: e.disabled,
+            name: e.name,
+            readonly: e.readonly,
+            style: E(e.inputStyle),
+            tabindex: e.tabindex,
+            value: e.value,
+            onBlur: g,
+            onChange: h,
+            onFocus: B,
+            type: "radio"
+          }, null, 46, N),
+          i("span", c(b(l(n).box({ props: t, state: { checked: u.value } }))), [
+            i("span", c(b(l(n).icon)), null, 16)
+          ], 16)
+        ], 16),
+        w(e.$slots, "label", {}, () => [
+          e.label ? (d(), j("span", p({
+            key: 0,
+            "data-wv-section": "labeltext"
+          }, l(n).labeltext), q(e.label), 17)) : m("", !0)
+        ]),
+        e.tooltip ? (d(), f(A, p({
+          key: 0,
+          info: e.tooltip,
+          "tooltip-pos": e.tooltipPos
+        }, l(n).tooltipicon, {
+          "data-wv-section": "tooltipicon",
+          icon: "info"
+        }), null, 16, ["info", "tooltip-pos"])) : m("", !0)
+      ]),
+      _: 3
+    }, 16, ["label"]));
+  }
+});
+export {
+  F as default
+};

package/buttonradio/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}