@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

package/buttonbulkaction/index.es.js

@@ -1,19 +1,21 @@
-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({
+import { defineComponent, onMounted, onUnmounted, ref, shallowRef, computed, watch, withDirectives, createElementBlock, openBlock, mergeProps, createBlock, createCommentVNode, createVNode, unref, Fragment, renderSlot, withCtx, normalizeClass, vShow, createElementVNode, normalizeProps, guardReactiveProps, toDisplayString, createTextVNode, nextTick } from "vue";
+import { e as eventBus } from "../event-bus/index.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as script } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { _ as _sfc_main$4 } from "../button/index.es.js";
+import { _ as _sfc_main$3 } from "../icon/index.es.js";
+import { _ as _sfc_main$1 } from "../menu/index.es.js";
+import { _ as _sfc_main$2 } from "../menuitem/index.es.js";
+const filterVisibleMenu = (menuItems, noOptionLabel) => {
+  const emptyMenu = {
+    label: noOptionLabel,
+    disabled: true
+  };
+  const visibleMenu = menuItems.filter((menu) => menu.visible !== false);
+  return visibleMenu.length ? visibleMenu : [emptyMenu];
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonBulkAction",
   props: {
     disabled: { type: Boolean },
@@ -25,162 +27,211 @@ const pe = (D, N) => {
     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);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { defaultProps, locale } = useWangsVueConfig("ButtonBulkAction");
+    const config = mergePropsWithDefaults(props, defaultProps);
+    const emit = __emit;
+    onMounted(() => {
+      window.addEventListener("disableBulkAction", disableBulkAction);
+      eventBus.on("data-table:update-selected-data", handleUpdateSelectedData);
+      eventBus.on("data-table:update-total-record", updateTotalRecordsHandler);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("disableBulkAction", disableBulkAction);
+      eventBus.off("data-table:update-total-record", handleUpdateSelectedData);
+      eventBus.off("data-table:update-selected-data", updateTotalRecordsHandler);
     });
-    const S = R(), _ = R(), n = k(), m = k(0), C = k(!1), M = k(!1), i = R(l.selectedData), j = x(
+    const menu = ref();
+    const wrapper = ref();
+    const selectedOption = shallowRef();
+    const totalRecords = shallowRef(0);
+    const isAllDataSelected = shallowRef(false);
+    const isDisabled = shallowRef(false);
+    const dataSelected = ref(props.selectedData);
+    const showSelectAllButton = computed(
       () => {
-        var e;
-        return ((e = i.value) == null ? void 0 : e.length) && !M.value && m.value > 0;
+        var _a;
+        return ((_a = dataSelected.value) == null ? void 0 : _a.length) && !isDisabled.value && totalRecords.value > 0;
       }
-    ), G = () => {
+    );
+    const selectAllData = () => {
       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
+        new CustomEvent("fetchAllData", { detail: props.tableName })
+      );
+      eventBus.emit("data-table:select-all-record", { tableName: props.tableName });
+    };
+    const unSelectAllData = () => {
+      emit("update:selectedData", []);
+      eventBus.emit("data-table:clear-selected-data", {
+        tableName: props.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(
+    };
+    const disableBulkAction = (event) => {
+      if (props.tableName === event.detail.tableName)
+        isDisabled.value = event.detail.value;
+    };
+    const toggleMenu = (e) => {
+      var _a;
+      (_a = menu.value) == null ? void 0 : _a.toggle(e);
+    };
+    const updateTotalRecordsHandler = (event) => {
+      if (props.tableName === (event == null ? void 0 : event.tableName)) {
+        totalRecords.value = event == null ? void 0 : event.total;
+      }
+    };
+    const handleUpdateSelectedData = (e) => {
+      if (e.tableName === props.tableName) {
+        dataSelected.value = e.data;
+        emit("update:selectedData", e.data ?? []);
+      }
+    };
+    const onOptionSelected = async (option) => {
+      var _a, _b;
+      if (option.useAdditionSlot) {
+        selectedOption.value = option;
+        await nextTick();
+        const firstSlotElement = (_a = wrapper.value) == null ? void 0 : _a.children[1];
+        const firstSlotInput = firstSlotElement == null ? void 0 : firstSlotElement.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");
+        if (firstSlotInput) {
+          firstSlotInput == null ? void 0 : firstSlotInput.click();
+          firstSlotInput == null ? void 0 : firstSlotInput.focus();
+        }
+      } else if (option.command) {
+        option.command({
+          originalEvent: void 0,
+          item: option
+        });
+        (_b = menu.value) == null ? void 0 : _b.hide();
+        selectedOption.value = void 0;
+      } else if (option.url) {
+        window.open(option.url, option.target);
+      } else if (option.route) {
+        window.history.pushState(void 0, "", option.route);
+      }
+    };
+    const onApplyButtonClicked = (event) => {
+      var _a, _b;
+      (_b = (_a = selectedOption.value) == null ? void 0 : _a.command) == null ? void 0 : _b.call(_a, {
+        originalEvent: event,
+        item: selectedOption.value
+      });
+      selectedOption.value = void 0;
+      emit("apply");
     };
-    return F(
-      [i, m],
-      ([e, t]) => {
-        e != null && e.length || (n.value = void 0), C.value = (e == null ? void 0 : e.length) === t;
+    watch(
+      [dataSelected, totalRecords],
+      ([data, total]) => {
+        if (!(data == null ? void 0 : data.length)) selectedOption.value = void 0;
+        isAllDataSelected.value = (data == null ? void 0 : data.length) === total;
       },
-      { 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, {
+      { deep: true }
+    );
+    watch(
+      () => props.totalRecords,
+      (total) => totalRecords.value = total ?? 0,
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return withDirectives((openBlock(), createElementBlock("div", mergeProps(_ctx.$preset.buttonbulkaction.root, {
         ref_key: "wrapper",
-        ref: _
+        ref: wrapper
       }), [
-        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (r(), E(ce, {
+        unref(config).selectMenuType === "overlay-panel" && ((_a = dataSelected.value) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           ref_key: "menu",
-          ref: S,
-          model: e.options,
+          ref: menu,
+          model: _ctx.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), {
+        }, null, 8, ["model"])) : createCommentVNode("", true),
+        unref(config).selectMenuType === "dropdown" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          ((_b = _ctx.selectedData) == null ? void 0 : _b.length) ? (openBlock(), createBlock(unref(script), {
             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
+            disabled: props.disabled || isDisabled.value || !((_c = _ctx.selectedData) == null ? void 0 : _c.length),
+            options: unref(filterVisibleMenu)(
+              _ctx.options,
+              _ctx.$wangsvue.config.locale.components.Menu.noOptionLabel
             ),
-            pt: e.$preset.buttonbulkaction.dropdownmenu,
-            "onUpdate:modelValue": t[0] || (t[0] = (b) => Q(b)),
+            pt: _ctx.$preset.buttonbulkaction.dropdownmenu,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => onOptionSelected($event)),
             "option-label": "label",
             outlined: "",
             placeholder: "Bulk Action"
           }, {
-            dropdownicon: V(({ class: b }) => [
-              v(ue, {
-                class: te([b]),
+            dropdownicon: withCtx(({ class: iconClass }) => [
+              createVNode(_sfc_main$3, {
+                class: normalizeClass([iconClass]),
                 icon: "arrow-down"
               }, null, 8, ["class"])
             ]),
-            option: V(({ option: b }) => [
-              v(de, {
-                item: b,
+            option: withCtx(({ option }) => [
+              createVNode(_sfc_main$2, {
+                item: option,
                 "router-props": {
-                  action: e.$preset.menu.action,
-                  label: e.$preset.menu.label,
-                  icon: e.$preset.menu.icon
+                  action: _ctx.$preset.menu.action,
+                  label: _ctx.$preset.menu.label,
+                  icon: _ctx.$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]
+          }, 8, ["disabled", "options", "pt"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "addition", { selectedOption: selectedOption.value }),
+          withDirectives(createVNode(_sfc_main$4, mergeProps({ onClick: onApplyButtonClicked }, _ctx.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
+            [vShow, (_d = selectedOption.value) == null ? void 0 : _d.useAdditionSlot]
           ])
-        ], 64)) : w("", !0),
-        y(le("span", ae(oe(e.$preset.buttonbulkaction.selectionmessage)), P(o(d).currentSelectionMessage.replace(
+        ], 64)) : createCommentVNode("", true),
+        withDirectives(createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.$preset.buttonbulkaction.selectionmessage)), toDisplayString(unref(locale).currentSelectionMessage.replace(
           "{length} {naming}",
-          `${i.value.length.toString()} ${o(p).naming}`
+          `${dataSelected.value.length.toString()} ${unref(config).naming}`
         )), 17), [
-          [$, (W = i.value) == null ? void 0 : W.length]
+          [vShow, (_e = dataSelected.value) == null ? void 0 : _e.length]
         ]),
-        y(v(A, f(
-          { onClick: G },
-          e.$preset.buttonbulkaction.buttonselectall({
-            context: { selectedAll: C.value }
+        withDirectives(createVNode(_sfc_main$4, mergeProps(
+          { onClick: selectAllData },
+          _ctx.$preset.buttonbulkaction.buttonselectall({
+            context: { selectedAll: isAllDataSelected.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(
+          default: withCtx(() => [
+            !isAllDataSelected.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(unref(locale).selectAllRecords.replace(
                 "{totalRecords}",
-                m.value.toString()
+                totalRecords.value.toString()
               )), 1)
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(unref(locale).allRecordSelected.replace("{naming}", unref(config).naming)), 1)
             ], 64))
           ]),
           _: 1
         }, 16), [
-          [$, j.value]
+          [vShow, showSelectAllButton.value]
         ]),
-        o(p).selectMenuType === "overlay-panel" ? (r(), E(A, f({
+        unref(config).selectMenuType === "overlay-panel" ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
           key: 2,
-          onClick: K
-        }, e.$preset.buttonbulkaction.bulkactiontoggle, {
+          onClick: toggleMenu
+        }, _ctx.$preset.buttonbulkaction.bulkactiontoggle, {
           icon: "ellipsis-h",
           outlined: "",
           severity: "secondary",
           size: "small"
-        }), null, 16)) : w("", !0),
-        v(A, f({ onClick: J }, e.$preset.buttonbulkaction.buttonclearselection, {
+        }), null, 16)) : createCommentVNode("", true),
+        createVNode(_sfc_main$4, mergeProps({ onClick: unSelectAllData }, _ctx.$preset.buttonbulkaction.buttonclearselection, {
           icon: "close",
           severity: "danger",
           text: ""
         }), null, 16)
       ], 16)), [
-        [$, (q = i.value) == null ? void 0 : q.length]
+        [vShow, (_f = dataSelected.value) == null ? void 0 : _f.length]
       ]);
     };
   }
 });
 export {
-  $e as _,
-  pe as f
+  _sfc_main as _,
+  filterVisibleMenu as f
 };

package/buttoncopy/index.es.js

@@ -1,31 +1,34 @@
-import { defineComponent as c, createBlock as a, openBlock as n, withCtx as r, createVNode as p } from "vue";
-import { _ as s } from "../button/index.es.js";
-import { _ as i } from "../icon/index.es.js";
-const u = /* @__PURE__ */ c({
+import { defineComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
+import { _ as _sfc_main$1 } from "../button/index.es.js";
+import { _ as _sfc_main$2 } from "../icon/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonCopy",
   props: {
     text: {}
   },
-  setup(t) {
-    const o = t, e = () => {
-      navigator.clipboard.writeText(o.text);
+  setup(__props) {
+    const props = __props;
+    const copy = () => {
+      navigator.clipboard.writeText(props.text);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        onClick: copy,
+        class: "p-0 m-0",
+        "data-wv-name": "buttoncopy",
+        text: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            class: "h-[14px] text-sm text-general-200",
+            icon: "file-copy"
+          })
+        ]),
+        _: 1
+      });
     };
-    return (m, _) => (n(), a(s, {
-      onClick: e,
-      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 _
+  _sfc_main as _
 };