@fewangsit/wangsvue-fats 1.0.1-alpha.7 → 1.0.1-alpha.70

package/editorbutton/index.es.js

@@ -0,0 +1,28 @@
+import { defineComponent as o, createBlock as s, openBlock as e, normalizeClass as p } from "vue";
+import { _ as r } from "../button/index.es.js";
+const c = /* @__PURE__ */ o({
+  __name: "EditorButton",
+  props: {
+    classButton: {}
+  },
+  setup(a) {
+    return (t, n) => (e(), s(r, {
+      class: p([t.classButton, "!rounded h-6 w-6 p-1"]),
+      tooltip: {
+        pt: {
+          text: {
+            style: "font-size: 9px !important; padding: 2px 6px; border-radius: 8px"
+          }
+        },
+        value: t.$attrs.tooltipText ?? t.$attrs["tooltip-text"]
+      },
+      "icon-class": "!w-4 !h-4",
+      severity: "secondary",
+      text: "",
+      "tooltip-pos": "top"
+    }, null, 8, ["class", "tooltip"]));
+  }
+});
+export {
+  c as _
+};

package/event-bus/index.d.ts

@@ -1,6 +1,6 @@
+import { Data, QueryParams } from '../datatable';
 import { Emitter } from './mitt';
-import { Data, QueryParams } from '../components/datatable/DataTable.vue.d';
-import { ToastParams } from '../utils/toast.util';
+import { ToastParams } from '../utils/baseToast.util';
 export type TableEvent = {
   tableName?: string;
 };

package/event-bus/index.es.js

@@ -0,0 +1,6 @@
+import { m as t } from "./mitt.es.js";
+const e = t(), n = () => e;
+export {
+  n as a,
+  e
+};

package/event-bus/mitt.es.js

@@ -0,0 +1,53 @@
+function c(e) {
+  var o;
+  e = e || ((o = window.eventBus) == null ? void 0 : o.all) || /* @__PURE__ */ new Map();
+  const f = {
+    /**
+     * A Map of event names to registered handler functions.
+     */
+    all: e,
+    /**
+     * Register an event handler for the given type.
+     * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
+     * @param {Function} handler Function to call in response to given event
+     * @memberOf mitt
+     */
+    on(n, i) {
+      const s = e == null ? void 0 : e.get(n);
+      s ? s.push(i) : e == null || e.set(n, [i]);
+    },
+    /**
+     * Remove an event handler for the given type.
+     * If `handler` is omitted, all handlers of the given type are removed.
+     * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+     * @param {Function} [handler] Handler function to remove
+     * @memberOf mitt
+     */
+    off(n, i) {
+      const s = e == null ? void 0 : e.get(n);
+      s && (i ? s.splice(s.indexOf(i) >>> 0, 1) : e == null || e.set(n, []));
+    },
+    /**
+     * Invoke all handlers for the given type.
+     * If present, `'*'` handlers are invoked after type-matched handlers.
+     *
+     * Note: Manually firing '*' handlers is not supported.
+     *
+     * @param {string|symbol} type The event type to invoke
+     * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
+     * @memberOf mitt
+     */
+    emit(n, i) {
+      let s = e == null ? void 0 : e.get(n);
+      s && s.slice().map((t) => {
+        t(i);
+      }), s = e == null ? void 0 : e.get("*"), s && s.slice().map((t) => {
+        t(n, i);
+      });
+    }
+  };
+  return window.eventBus ?? (window.eventBus = f), window.eventBus;
+}
+export {
+  c as m
+};

package/fieldwrapper/index.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as y, useSlots as b, computed as w, createElementBlock as l, renderSlot as p, openBlock as o, normalizeProps as t, mergeProps as r, createCommentVNode as a, Fragment as g, createTextVNode as v, createBlock as C, toDisplayString as i, unref as u } from "vue";
+import { u as B } from "../plugins/WangsVue.es.js";
+import { m as P } from "../utils/mergePropsWithDefaults.util.es.js";
+import { _ as h } from "../icon/index.es.js";
+const V = /* @__PURE__ */ y({
+  __name: "FieldWrapper",
+  props: {
+    label: {},
+    mandatory: { type: Boolean },
+    showOptionalText: { type: Boolean, default: void 0 },
+    showAsterisk: { type: Boolean, default: void 0 },
+    info: {},
+    labelClass: {},
+    tooltipPos: {}
+  },
+  emits: ["infoClick"],
+  setup(k) {
+    const n = k, f = b(), { defaultProps: $, locale: d } = B("FieldWrapper"), s = w(() => P(n, $));
+    return (e, m) => e.$attrs["use-field-wrapper"] != !1 ? (o(), l("div", t(r({ key: 0 }, e.$preset.fieldwrapper.root)), [
+      e.label || f["label-addon"] ? (o(), l("label", t(r({ key: 0 }, e.$preset.fieldwrapper.label({ props: n, slots: f }))), [
+        e.label ? (o(), l(g, { key: 0 }, [
+          v(i(e.$t(e.label)) + " ", 1),
+          e.mandatory && s.value.showAsterisk ? (o(), l("span", t(r({ key: 0 }, e.$preset.fieldwrapper.arterisksign)), i(e.$t(u(d).labelRequired)), 17)) : a("", !0),
+          e.info ? (o(), C(h, r({
+            key: 1,
+            info: e.info,
+            "tooltip-pos": s.value.tooltipPos,
+            onClick: m[0] || (m[0] = (W) => e.$emit("infoClick"))
+          }, e.$preset.fieldwrapper.info, { icon: "info" }), null, 16, ["info", "tooltip-pos"])) : a("", !0),
+          e.mandatory == !1 && s.value.showOptionalText ? (o(), l("span", t(r({ key: 2 }, e.$preset.fieldwrapper.optionaltext)), i(e.$t(u(d).labelOptional)), 17)) : a("", !0)
+        ], 64)) : a("", !0),
+        p(e.$slots, "label-addon")
+      ], 16)) : a("", !0),
+      p(e.$slots, "default")
+    ], 16)) : p(e.$slots, "default", { key: 1 });
+  }
+});
+export {
+  V as _
+};

package/{components/fileupload/FileUpload.vue.d.ts → fileupload/index.d.ts}

@@ -1,11 +1,11 @@
+import { CustomValidation } from '../form';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
 import {
   FileUploadErrorEvent,
   FileUploadUploadEvent,
 } from 'primevue/fileupload';
 
-import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
-
 export type InputErrorCodes = 'FILE_SIZE_TOO_LARGE';
 
 /**

package/fileupload/index.es.js

@@ -0,0 +1,180 @@
+import { defineComponent as D, mergeModels as U, useModel as G, inject as Y, shallowRef as g, ref as z, reactive as H, computed as Z, onMounted as J, watch as k, createBlock as A, openBlock as f, unref as m, mergeProps as y, withCtx as M, createTextVNode as b, toDisplayString as h, createElementVNode as C, normalizeClass as B, createVNode as w, createCommentVNode as x, createElementBlock as F, withModifiers as Q, normalizeProps as W, Fragment as N } from "vue";
+import { u as X } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as ee } from "../utils/baseToast.util.es.js";
+import { s as ae } from "../vendor/primevue/fileupload/fileupload.esm.es.js";
+import { _ as le } from "../fieldwrapper/index.es.js";
+import { _ as se } from "../inputtext/index.es.js";
+import { _ as ie } from "../button/index.es.js";
+import { _ as oe } from "../validatormessage/index.es.js";
+const te = { class: "'!mt-0 font-light text-xs text-general-500 dark:text-general-100'" }, re = 1048576, ge = /* @__PURE__ */ D({
+  __name: "FileUpload",
+  props: /* @__PURE__ */ U({
+    accept: {},
+    disabled: { type: Boolean },
+    maxFileSize: {},
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 },
+    invalidFileSizeMessage: {},
+    invalidFileTypeMessage: {},
+    label: { default: "Upload File" },
+    withUpload: { type: Boolean, default: !0 },
+    uploadLabel: { default: "Upload" },
+    placeholder: { default: "Select File" },
+    fileExtensions: {},
+    fileRequirements: {},
+    uploadFunction: {},
+    useValidator: { type: Boolean },
+    fieldName: { default: "fileUpload" },
+    mandatory: { type: Boolean },
+    useErrorToast: { type: Boolean, default: !0 },
+    validatorMessage: {},
+    validatorMessageClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
+  setup(S, { emit: R }) {
+    const V = ee(), r = G(S, "modelValue"), a = S, E = R, { fileupload: c = {} } = Y("preset", {}), i = g(), t = g(), o = g(), _ = z(), n = H({ value: void 0 }), q = Z(() => !!n.errorMessage || (u.value ? u.value.length > 0 : !1)), d = g(!1);
+    J(() => {
+      a.useValidator && Object.assign(
+        n,
+        X(a.fieldName, (e) => I(e))
+      ), r.value && (Array.isArray(r.value) && a.multiple ? (o.value = r.value, i.value = r.value.map((e) => e.name)) : r.value instanceof File && (o.value = r.value, i.value = r.value.name));
+    });
+    const I = (e) => {
+      if (typeof a.validatorMessage == "string")
+        return a.validatorMessage;
+      if (typeof a.validatorMessage != "string") {
+        const { empty: l } = a.validatorMessage ?? {};
+        if (!e && a.mandatory && !o.value)
+          return l ?? !0;
+      }
+      return !0;
+    }, j = (e) => {
+      if (!a.useErrorToast && typeof a.validatorMessage != "string") {
+        const { exceed: l, invalidFormat: s } = a.validatorMessage;
+        e.includes("Invalid file size") && l ? t.value = l : e.includes("Invalid file type") ? t.value = s : t.value = void 0;
+      }
+    }, L = (e) => {
+      var l;
+      try {
+        if (!e.files || e.files.length === 0)
+          return;
+        a.multiple ? (o.value = e.files, i.value = e.files.map((s) => s.name), E("select", e.files)) : (o.value = e.files[0], i.value = (l = e.files[0]) == null ? void 0 : l.name, E("select", e.files[0]));
+      } catch (s) {
+        console.error(s);
+      }
+    }, T = (e, l) => {
+      a.disabled || d.value || (u.value = void 0, new Promise((s, p) => {
+        try {
+          l(), s();
+        } catch (v) {
+          p(v);
+        }
+      }).then(() => {
+        e();
+      }));
+    }, O = async (e, l) => {
+      try {
+        d.value = !0, a.uploadFunction && await a.uploadFunction(e), o.value = void 0, i.value = void 0, l(), d.value = !1;
+      } catch (s) {
+        throw d.value = !1, s;
+      }
+    }, u = z(), P = (e) => {
+      u.value = e;
+    }, K = (e, l, s) => {
+      (e.key === "Enter" || e.key === " ") && T(l, s);
+    };
+    return k(o, (e) => {
+      n.value = e, r.value = e, u.value = void 0, t.value = void 0;
+    }), k(r, (e) => {
+      Array.isArray(e) && a.multiple ? (o.value = e, i.value = e.map((l) => l.name)) : e instanceof File ? (o.value = e, i.value = e.name) : (o.value = void 0, i.value = void 0), n.value = e, "messages" in _.value && (_.value.messages = []), u.value = void 0, t.value = void 0;
+    }), k(u, (e) => {
+      if (e && e.length > 0) {
+        const l = e[0].replace("{2}", a.accept || "").replace("{2.1}", a.fileExtensions || "");
+        l.includes("Invalid file size") && E("error", "FILE_SIZE_TOO_LARGE"), j(l), a.useErrorToast && V.add({
+          message: l,
+          severity: "error"
+        }), o.value = void 0, i.value = void 0;
+      } else
+        t.value = void 0;
+    }), (e, l) => (f(), A(m(ae), y(a, {
+      ref_key: "fileUpload",
+      ref: _,
+      "cancel-label": e.$t("Cancel"),
+      "file-limit": e.multiple ? void 0 : 1,
+      pt: { input: { style: "display: none" } },
+      "upload-label": e.$t(a.uploadLabel),
+      onSelect: L,
+      onUpload: l[0] || (l[0] = (s) => e.$emit("upload", s))
+    }), {
+      header: M(({ files: s, chooseCallback: p, clearCallback: v }) => [
+        C("div", {
+          class: B([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
+        }, [
+          w(le, y(m(c).wrapper, {
+            "error-messages": u.value,
+            label: a.label,
+            mandatory: a.mandatory
+          }), {
+            default: M(() => [
+              w(se, {
+                disabled: a.disabled || d.value,
+                "input-class": m(c).input({ state: { fileName: i.value } }).class,
+                invalid: q.value,
+                "model-value": Array.isArray(i.value) ? i.value.join(", ") : i.value,
+                placeholder: a.placeholder,
+                onClick: ($) => T(p, v),
+                onKeydown: Q(($) => K($, p, v), ["prevent"])
+              }, {
+                "addon-left": M(() => [
+                  b(h(e.$t("Browse")), 1)
+                ]),
+                _: 2
+              }, 1032, ["disabled", "input-class", "invalid", "model-value", "placeholder", "onClick", "onKeydown"]),
+              a.fileExtensions || a.fileRequirements || n.errorMessage || t.value || a.validatorMessage ? (f(), F("div", {
+                key: 0,
+                class: B([{
+                  "justify-between": n.errorMessage || t.value,
+                  "justify-end": (!n.errorMessage || !t.value) && a.validatorMessage
+                }, "flex w-full"])
+              }, [
+                w(oe, {
+                  class: B(a.validatorMessageClass),
+                  message: t.value ?? n.errorMessage
+                }, null, 8, ["class", "message"]),
+                a.fileExtensions || a.fileRequirements ? (f(), F("div", W(y({ key: 0 }, m(c).requirements)), [
+                  C("small", te, [
+                    e.fileRequirements ? (f(), F(N, { key: 0 }, [
+                      b(h(e.$t(e.fileRequirements)), 1)
+                    ], 64)) : (f(), F(N, { key: 1 }, [
+                      b(h(e.$t(
+                        a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`
+                      )), 1)
+                    ], 64))
+                  ])
+                ], 16)) : x("", !0)
+              ], 2)) : x("", !0)
+            ]),
+            _: 2
+          }, 1040, ["error-messages", "label", "mandatory"]),
+          a.withUpload ? (f(), A(ie, y({ key: 0 }, m(c).buttonupload({ props: a }), {
+            disabled: a.disabled || d.value || !o.value,
+            label: a.uploadLabel,
+            onClick: ($) => O(s, v),
+            severity: "success",
+            type: "button"
+          }), null, 16, ["disabled", "label", "onClick"])) : x("", !0)
+        ], 2)
+      ]),
+      content: M(({ messages: s }) => [
+        b(h(P(s)), 1)
+      ]),
+      _: 1
+    }, 16, ["cancel-label", "file-limit", "upload-label"]));
+  }
+});
+export {
+  ge as _
+};

package/{components/filtercontainer/FilterContainer.vue.d.ts → filtercontainer/index.d.ts}

@@ -1,16 +1,13 @@
 import { AxiosResponse } from 'axios';
 import { DefineComponent, Slot } from 'vue';
 
-import {
-  DropdownProps,
-  Option,
-} from '../../components/dropdown/Dropdown.vue.d';
-
-import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
-import { CalendarProps } from '../calendar/Calendar.vue.d';
-import { QueryParams } from '../datatable/DataTable.vue.d';
-import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
-import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
+import { DropdownProps, Option } from '../dropdown';
+
+import { ButtonSelectTreeProps } from '../buttonselecttree';
+import { CalendarProps } from '../calendar';
+import { QueryParams } from '../datatable';
+import { InputRangeNumberProps } from '../inputrangenumber';
+import { MultiSelectProps } from '../multiselect';
 import { StringKeyOf, TypeError } from '../ts-helpers';
 
 export type FilterMatchMode =
@@ -29,7 +26,7 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
   /**
    * Represents a function type for fetching options based on query parameters.
    *
-   * @template T - The type of query parameters, extending `QueryParams`. Defaults to `any`.
+   * @template OptionsQueryParams - The type of query parameters, extending `QueryParams`. Defaults to `any`.
    *
    * This function can have one of the following signatures:
    * - A synchronous function that takes query parameters and returns an array of `Option` objects.
@@ -46,19 +43,24 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
     args: OptionsQueryParams,
   ): Option[] | Promise<Option[]> | Promise<AxiosResponse<FetchOptionResponse>>;
 
+  /**
+   * Whether to fetch options when the component is mounted. Useful when the dropdown/multiselect has an initial value.
+   * For now, this is only applicable to quickfilter, though filtercontainer support can be added.
+   */
+  fetchOnMount?: boolean;
   optionField?: keyof OptionsQueryParams; // @example - actionOptions
   params?: OptionsQueryParams; // Additional QueryParams for the fetchOptionFn
 };
 
 export interface MultiSelectFilterField<OptionsQueryParams extends QueryParams>
   extends BaseSelectField<OptionsQueryParams>,
-    MultiSelectProps {
+    Omit<MultiSelectProps, 'fieldName' | 'options'> {
   type: 'multiselect';
 }
 
 export interface DropdownFilterField<OptionsQueryParams extends QueryParams>
   extends BaseSelectField<OptionsQueryParams>,
-    DropdownProps {
+    Omit<DropdownProps, 'fieldName' | 'options'> {
   type: 'dropdown';
 }