@fewangsit/wangsvue-fats 1.0.1-alpha.68 → 1.0.1-alpha.69

package/inputtext/index.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as Y, inject as V, reactive as q, computed as y, shallowRef as $, onMounted as J, onBeforeUnmount as Q, watch as x, createBlock as p, openBlock as d, withCtx as f, createVNode as X, createElementBlock as ee, normalizeClass as M, createCommentVNode as k, unref as m, renderSlot as R, mergeProps as ae, nextTick as te } from "vue";
-import { u as le } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { defineComponent as Y, inject as $, reactive as q, computed as y, shallowRef as V, onMounted as J, onBeforeUnmount as Q, watch as x, createBlock as c, openBlock as d, withCtx as f, createVNode as X, createElementBlock as ee, normalizeClass as M, createCommentVNode as k, unref as m, renderSlot as R, mergeProps as ae, toDisplayString as te, nextTick as le } from "vue";
+import { u as se } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as E } from "../plugins/WangsVue.es.js";
-import { m as se } from "../utils/mergePropsWithDefaults.util.es.js";
+import { m as ne } from "../utils/mergePropsWithDefaults.util.es.js";
 import { s as A } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { s as ne } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as re } from "../fieldwrapper/index.es.js";
-import { _ as oe } from "../inputgroup/index.es.js";
-import { _ as ie } from "../validatormessage/index.es.js";
-import { d as de } from "../vendor/lodash-es/debounce.es.js";
-const g = "Checking availability...", xe = /* @__PURE__ */ Y({
+import { s as re } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { _ as oe } from "../fieldwrapper/index.es.js";
+import { _ as ie } from "../inputgroup/index.es.js";
+import { _ as de } from "../validatormessage/index.es.js";
+import { d as ue } from "../vendor/lodash-es/debounce.es.js";
+const g = "Checking availability...", Me = /* @__PURE__ */ Y({
   __name: "InputText",
   props: {
     allowedCharacters: {},
@@ -46,21 +46,21 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
     const a = O, h = w, { defaultProps: T } = E(
       // eslint-disable-next-line no-nested-ternary
       a.type === "email" ? "InputEmail" : a.type === "url" ? "InputURL" : "InputText"
-    ), { locale: r } = E("InputText"), o = se(a, T), z = V(
+    ), { locale: r } = E("InputText"), o = ne(a, T), z = $(
       "preset",
       {}
     ).inputgroupaddon, l = q({
       value: void 0
-    }), v = V(
+    }), v = $(
       "isSubmitting"
-    ), C = y(() => a.invalid || !!l.errorMessage), b = $(0), s = $(
+    ), C = y(() => a.invalid || !!l.errorMessage), b = V(0), s = V(
       a.value || a.modelValue
     );
     J(() => {
       var e;
       a.useValidator && (Object.assign(
         l,
-        le(a.fieldName ?? "textInput", (t) => te(() => _(t == null ? void 0 : t.trim())))
+        se(a.fieldName ?? "textInput", (t) => le(() => S(t == null ? void 0 : t.trim())))
       ), a.value != null && B(a.value)), a.modelValue != null && (l.value = (e = a.modelValue) == null ? void 0 : e.trim()), a.invalid && a.useValidator && l.validate();
     }), Q(() => {
       a.useValidator && l.handleReset();
@@ -76,12 +76,12 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
     ), I = y(() => {
       var e, t;
       return typeof a.validatorMessage == "object" && "exist" in a.validatorMessage ? (e = a.validatorMessage) == null ? void 0 : e.exist : (t = r.alreadyExistInvalidText) == null ? void 0 : t.replace("{label}", a.label);
-    }), _ = (e) => {
+    }), S = (e) => {
       var t, n, i, u;
       if (typeof a.validatorMessage == "string" && a.invalid)
         return a.validatorMessage;
       if (typeof a.validatorMessage != "string") {
-        const { invalidFormat: c, empty: W, exceed: Z } = a.validatorMessage ?? {};
+        const { invalidFormat: p, empty: W, exceed: Z } = a.validatorMessage ?? {};
         if (!e && a.mandatory)
           return W ?? r.emptyInvalidText.replace("{label}", a.label);
         if ((e == null ? void 0 : e.length) > o.maxLength)
@@ -92,12 +92,12 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
         if ((n = (a.existingValues ?? []).filter((H) => H != a.value)) != null && n.includes(e))
           return ((i = a.validatorMessage) == null ? void 0 : i.exist) ?? ((u = r.alreadyExistInvalidText) == null ? void 0 : u.replace("{label}", a.label));
         if (e && a.type === "email")
-          return S(
+          return _(
             e,
-            c ?? r.emailFormatInvalidText
+            p ?? r.emailFormatInvalidText
           );
         if (e && a.type === "url")
-          return U(e, c ?? r.urlFormatInvalidText);
+          return U(e, p ?? r.urlFormatInvalidText);
       } else if (!a.allowSpecialCharacters)
         return /[^A-Za-z0-9 ]/.test(e) ? r.includeSpecialCharsInvalidText : !0;
       return a.checkAvailability ? L() : !0;
@@ -108,7 +108,7 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
         "i"
       );
       return t == null || n.test(e) ? !0 : t;
-    }, S = (e, t) => {
+    }, _ = (e, t) => {
       const n = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
       return t == null || n.test(e) ? !a.checkAvailability || !!a.checkAvailability && L() : t;
     }, G = () => {
@@ -118,20 +118,20 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
       const t = o.maxLength && o.maxLength === ((i = s.value) == null ? void 0 : i.length);
       (a.allowedCharacters && !a.allowedCharacters.test(e.key) || t && (a.preventInputOnMaxLength || a.blurOnReachMaxLength)) && (e.preventDefault(), a.blurOnReachMaxLength && t && b.value++);
     }, N = (e) => {
-      var i, u, c;
-      const t = (i = e.clipboardData) == null ? void 0 : i.getData("text"), n = o.maxLength && o.maxLength === ((u = s.value) == null ? void 0 : u.length) || ((c = s.value) == null ? void 0 : c.length) + (t == null ? void 0 : t.length) > o.maxLength || (t == null ? void 0 : t.length) > o.maxLength;
+      var i, u, p;
+      const t = (i = e.clipboardData) == null ? void 0 : i.getData("text"), n = o.maxLength && o.maxLength === ((u = s.value) == null ? void 0 : u.length) || ((p = s.value) == null ? void 0 : p.length) + (t == null ? void 0 : t.length) > o.maxLength || (t == null ? void 0 : t.length) > o.maxLength;
       (a.allowedCharacters && !a.allowedCharacters.test(t) || n && (a.preventInputOnMaxLength || a.blurOnReachMaxLength)) && (e.preventDefault(), a.blurOnReachMaxLength && n && b.value++);
     }, j = (e) => {
       e === "" && (e = void 0), a.autoUppercase && e && (e = e.replace(/[a-z]/g, (t) => t.toUpperCase())), s.value = e, (!a.validateOnBlur && a.useValidator || !a.useValidator) && (l.value = s.value), h("update:modelValue", s.value);
-    }, F = (e) => {
+    }, D = (e) => {
       h("input", e.target.value || void 0);
     }, L = () => {
       if (v != null && v.value) {
         if (l.errorMessage === I.value || l.errorMessage === g)
           return l.errorMessage;
-      } else return D(), g;
+      } else return F(), g;
       return !0;
-    }, D = de(async () => {
+    }, F = ue(async () => {
       var e;
       if (l.value != a.value && (e = l.value) != null && e.length && !await a.checkAvailability(l.value))
         return l.setErrors(I.value);
@@ -156,14 +156,14 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
         var e;
         (e = l.validate) == null || e.call(l);
       }
-    ), (e, t) => (d(), p(re, {
+    ), (e, t) => (d(), c(oe, {
       info: e.fieldInfo,
       label: a.label,
       "label-class": a.labelClass,
       mandatory: a.mandatory
     }, {
       default: f(() => [
-        X(oe, {
+        X(ie, {
           class: M(
             a.inputContainerClass ?? [
               "grid ",
@@ -179,7 +179,7 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
           "use-input-group": e.useInputGroup
         }, {
           default: f(() => [
-            e.$slots["addon-left"] ? (d(), p(m(A), {
+            e.$slots["addon-left"] ? (d(), c(m(A), {
               key: 0,
               disabled: a.disabled
             }, {
@@ -188,21 +188,21 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
               ]),
               _: 3
             }, 8, ["disabled"])) : k("", !0),
-            (d(), p(m(ne), {
+            (d(), c(m(re), {
               id: e.inputId,
               key: b.value,
               class: M(e.inputClass),
               disabled: e.disabled,
               invalid: C.value,
               "model-value": l.value,
-              placeholder: P.value,
+              placeholder: e.$t(P.value),
               onBlur: G,
-              onInput: F,
+              onInput: D,
               onKeypress: K,
               onPaste: N,
               "onUpdate:modelValue": j
             }, null, 8, ["id", "class", "disabled", "invalid", "model-value", "placeholder"])),
-            e.$slots["addon-right"] ? (d(), p(m(A), {
+            e.$slots["addon-right"] ? (d(), c(m(A), {
               key: 1,
               pt: {
                 root: m(z).root({
@@ -227,7 +227,7 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
         l.errorMessage == g ? (d(), ee("span", ae({ key: 0 }, e.$preset.validatormessage.root, {
           class: "text-general-800",
           "data-wv-section": "checking-availability"
-        }), " Checking availability... ", 16)) : (d(), p(ie, {
+        }), te(e.$t("Checking availability...")), 17)) : (d(), c(de, {
           key: 1,
           class: M(e.validatorMessageClass),
           message: l.errorMessage
@@ -238,5 +238,5 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
   }
 });
 export {
-  xe as _
+  Me as _
 };

package/litedropdown/index.es.js

@@ -1,10 +1,11 @@
-import { defineComponent as g, mergeModels as u, inject as w, useModel as y, shallowRef as V, createBlock as h, openBlock as x, withCtx as t, createVNode as n, unref as c, mergeProps as b, createSlots as v, normalizeClass as B, renderSlot as $ } from "vue";
-import { s as k } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
-import { _ as S } from "../fieldwrapper/index.es.js";
+import { defineComponent as h, mergeModels as f, inject as y, useModel as V, shallowRef as b, computed as v, createBlock as $, openBlock as x, withCtx as a, createVNode as r, unref as c, mergeProps as B, createSlots as k, normalizeClass as S, renderSlot as C } from "vue";
+import { u as P } from "../plugins/basei18n.es.js";
+import { s as j } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { _ as L } from "../fieldwrapper/index.es.js";
 import { _ as s } from "../icon/index.es.js";
-const M = /* @__PURE__ */ g({
+const z = /* @__PURE__ */ h({
   __name: "LiteDropdown",
-  props: /* @__PURE__ */ u({
+  props: /* @__PURE__ */ f({
     modelValue: { type: [String, Number, Boolean, Object] },
     options: {},
     optionLabel: {},
@@ -19,84 +20,91 @@ const M = /* @__PURE__ */ g({
     modelValue: { type: [String, Number, Boolean, Object], required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ u(["update:modelValue", "show", "change"], ["update:modelValue"]),
-  setup(d) {
-    const f = w("preset", {}).dropdown, i = y(d, "modelValue"), a = d, r = V(!1);
-    return (l, o) => (x(), h(S, {
-      mandatory: a.mandatory
+  emits: /* @__PURE__ */ f(["update:modelValue", "show", "change"], ["update:modelValue"]),
+  setup(i) {
+    const g = y("preset", {}).dropdown, d = V(i, "modelValue"), l = i, { t: p } = P(), n = b(!1), w = v(
+      () => {
+        var t;
+        return (t = l.options) == null ? void 0 : t.map((e) => typeof e == "string" ? p(e) : { ...e, label: p(e.label) });
+      }
+    );
+    return (t, e) => (x(), $(L, {
+      mandatory: l.mandatory
     }, {
-      default: t(() => [
-        n(c(k), b(a, {
-          modelValue: i.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (e) => i.value = e),
-          placeholder: a.loading ? "Loading..." : a.placeholder,
+      default: a(() => [
+        r(c(j), B(l, {
+          modelValue: d.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => d.value = o),
+          "filter-placeholder": t.$t(l.filterPlaceholder),
+          options: w.value,
+          placeholder: t.$t(l.loading ? "Loading..." : l.placeholder),
           pt: {
-            root: ({ state: e, props: p }) => {
-              var m;
+            root: ({ state: o, props: m }) => {
+              var u;
               return {
                 class: [
-                  ...(m = c(f)) == null ? void 0 : m.root({ state: e, props: p }).class,
+                  ...(u = c(g)) == null ? void 0 : u.root({ state: o, props: m }).class,
                   "text-base",
                   {
-                    "cursor-pointer": !p.disabled
+                    "cursor-pointer": !m.disabled
                   }
                 ],
                 "data-wv-name": "litedropdown"
               };
             },
-            input: ({ props: e }) => ({
+            input: ({ props: o }) => ({
               class: [
                 "!font-semibold",
                 {
-                  "!text-general-200 dark:!text-general-600": e.modelValue == null,
-                  "!text-grayscale-900 dark:!text-general-50": e.modelValue != null
+                  "!text-general-200 dark:!text-general-600": o.modelValue == null,
+                  "!text-grayscale-900 dark:!text-general-50": o.modelValue != null
                 }
               ]
             })
           },
-          onChange: o[1] || (o[1] = (e) => l.$emit("change", e)),
-          onHide: o[2] || (o[2] = (e) => r.value = !1),
-          onShow: o[3] || (o[3] = () => {
-            l.$emit("show"), r.value = !0;
+          onChange: e[1] || (e[1] = (o) => t.$emit("change", o)),
+          onHide: e[2] || (e[2] = (o) => n.value = !1),
+          onShow: e[3] || (e[3] = () => {
+            t.$emit("show"), n.value = !0;
           }),
           class: "!w-fit"
-        }), v({
-          dropdownicon: t(() => [
-            n(s, {
-              class: B([
+        }), k({
+          dropdownicon: a(() => [
+            r(s, {
+              class: S([
                 "!w-6 !h-6 !transition-transform !text-general-500 dark:!text-general-100",
-                { "rotate-180": r.value }
+                { "rotate-180": n.value }
               ]),
               icon: "arrow-drop-down"
             }, null, 8, ["class"])
           ]),
-          loadingicon: t(() => [
-            n(s, {
+          loadingicon: a(() => [
+            r(s, {
               class: "text-xs animate-spin duration-200",
               icon: "spinner"
             })
           ]),
-          filtericon: t(() => [
-            n(s, {
+          filtericon: a(() => [
+            r(s, {
               class: "text-xs w-6 h-6",
               icon: "search-line"
             })
           ]),
           _: 2
         }, [
-          l.$slots.option ? {
+          t.$slots.option ? {
             name: "option",
-            fn: t(({ option: e }) => [
-              $(l.$slots, "option", { option: e })
+            fn: a(({ option: o }) => [
+              C(t.$slots, "option", { option: o })
             ]),
             key: "0"
           } : void 0
-        ]), 1040, ["modelValue", "placeholder", "pt"])
+        ]), 1040, ["modelValue", "filter-placeholder", "options", "placeholder", "pt"])
       ]),
       _: 3
     }, 8, ["mandatory"]));
   }
 });
 export {
-  M as _
+  z as _
 };

package/menuitem/index.es.js

@@ -1,30 +1,31 @@
-import { defineComponent as E, resolveComponent as M, createBlock as i, createElementBlock as b, openBlock as r, withCtx as N, createElementVNode as n, mergeProps as t, createCommentVNode as a, normalizeProps as h, guardReactiveProps as C, toDisplayString as s, withModifiers as V } from "vue";
-import { _ as l } from "../icon/index.es.js";
-const $ = ["href", "onClick"], z = ["href", "target"], R = /* @__PURE__ */ E({
+import { defineComponent as M, computed as N, resolveComponent as V, createBlock as n, createElementBlock as b, openBlock as r, withCtx as $, createElementVNode as i, mergeProps as t, createCommentVNode as s, normalizeProps as h, guardReactiveProps as C, toDisplayString as m, withModifiers as z } from "vue";
+import { u as D } from "../plugins/basei18n.es.js";
+import { _ as c } from "../icon/index.es.js";
+const L = ["href", "onClick"], R = ["href", "target"], A = /* @__PURE__ */ M({
   __name: "MenuItem",
   props: {
     item: {},
     routerProps: {}
   },
   setup(_) {
-    const e = _;
-    return (o, m) => {
-      var p, c, u, d, k, P;
-      const v = M("router-link");
-      return e.item.route ? (r(), i(v, {
+    const e = _, { t: B } = D(), a = N(() => B(e.item.label));
+    return (o, l) => {
+      var p, u, d, k, P, f;
+      const w = V("router-link");
+      return e.item.route ? (r(), n(w, {
         key: 0,
         to: e.item.route,
         custom: ""
       }, {
-        default: N(({ href: B, navigate: w }) => {
-          var f, g, y;
+        default: $(({ href: E, navigate: I }) => {
+          var g, y, v;
           return [
-            n("a", t({ href: B }, (f = o.routerProps) == null ? void 0 : f.action, { onClick: w }), [
-              e.item.icon ? (r(), i(l, t({ key: 0 }, (g = o.routerProps) == null ? void 0 : g.icon, {
+            i("a", t({ href: E }, (g = o.routerProps) == null ? void 0 : g.action, { onClick: I }), [
+              e.item.icon ? (r(), n(c, t({ key: 0 }, (y = o.routerProps) == null ? void 0 : y.icon, {
                 icon: e.item.icon
-              }), null, 16, ["icon"])) : a("", !0),
-              n("span", h(C((y = o.routerProps) == null ? void 0 : y.label)), s(e.item.label), 17)
-            ], 16, $)
+              }), null, 16, ["icon"])) : s("", !0),
+              i("span", h(C((v = o.routerProps) == null ? void 0 : v.label)), m(a.value), 17)
+            ], 16, L)
           ];
         }),
         _: 1
@@ -33,33 +34,33 @@ const $ = ["href", "onClick"], z = ["href", "target"], R = /* @__PURE__ */ E({
         href: e.item.url,
         target: e.item.target
       }, (p = o.routerProps) == null ? void 0 : p.action, {
-        onClick: m[0] || (m[0] = V(() => {
+        onClick: l[0] || (l[0] = z(() => {
         }, ["stop"]))
       }), [
-        e.item.icon ? (r(), i(l, t({ key: 0 }, (c = o.routerProps) == null ? void 0 : c.icon, {
+        e.item.icon ? (r(), n(c, t({ key: 0 }, (u = o.routerProps) == null ? void 0 : u.icon, {
           icon: e.item.icon
-        }), null, 16, ["icon"])) : a("", !0),
-        n("span", h(C((u = o.routerProps) == null ? void 0 : u.label)), s(e.item.label), 17)
-      ], 16, z)) : (r(), b("a", t({ key: 2 }, (d = o.routerProps) == null ? void 0 : d.action, {
+        }), null, 16, ["icon"])) : s("", !0),
+        i("span", h(C((d = o.routerProps) == null ? void 0 : d.label)), m(a.value), 17)
+      ], 16, R)) : (r(), b("a", t({ key: 2 }, (k = o.routerProps) == null ? void 0 : k.action, {
         "aria-hidden": "true",
         "data-pc-section": "action",
         tabindex: "-1"
       }), [
-        e.item.icon ? (r(), i(l, t({
+        e.item.icon ? (r(), n(c, t({
           key: 0,
           icon: e.item.icon,
           severity: e.item.danger ? "danger" : void 0
-        }, (k = o.routerProps) == null ? void 0 : k.icon), null, 16, ["icon", "severity"])) : a("", !0),
-        n("span", t(
-          (P = o.$preset.menu) == null ? void 0 : P.label({
+        }, (P = o.routerProps) == null ? void 0 : P.icon), null, 16, ["icon", "severity"])) : s("", !0),
+        i("span", t(
+          (f = o.$preset.menu) == null ? void 0 : f.label({
             props: { danger: e.item.danger }
           }),
           { "data-pc-section": "label" }
-        ), s(e.item.label), 17)
+        ), m(a.value), 17)
       ], 16));
     };
   }
 });
 export {
-  R as _
+  A as _
 };

package/multirow/index.es.js

@@ -1,24 +1,24 @@
-import { defineComponent as C, inject as f, createElementBlock as n, openBlock as o, normalizeProps as k, guardReactiveProps as v, unref as p, Fragment as m, renderList as w, mergeProps as a, createBlock as _, resolveDynamicComponent as V, toHandlers as b, withModifiers as g, createTextVNode as P, toDisplayString as x } from "vue";
+import { defineComponent as C, inject as f, createElementBlock as n, openBlock as o, normalizeProps as k, guardReactiveProps as v, unref as m, Fragment as a, renderList as w, mergeProps as c, createBlock as V, resolveDynamicComponent as _, toHandlers as b, withModifiers as g, createTextVNode as P, toDisplayString as B } from "vue";
 const D = /* @__PURE__ */ C({
   __name: "MultiRow",
   props: {
     attributes: {}
   },
-  setup(c) {
-    const i = c, s = f("preset", {}).datatable;
-    return (y, l) => {
-      var r;
-      return o(), n("div", k(v((r = p(s)) == null ? void 0 : r.multirowcontainer({ props: i }))), [
-        (o(!0), n(m, null, w(y.attributes, (e, d) => {
-          var t;
-          return o(), n("span", a(
+  setup(i) {
+    const y = i, s = f("preset", {}).datatable;
+    return (l, r) => {
+      var d;
+      return o(), n("div", k(v((d = m(s)) == null ? void 0 : d.multirowcontainer({ props: y }))), [
+        (o(!0), n(a, null, w(l.attributes, (e, t) => {
+          var p;
+          return o(), n("span", c(
             {
-              key: d,
+              key: t,
               ref_for: !0
             },
-            (t = p(s)) == null ? void 0 : t.multirow({
+            (p = m(s)) == null ? void 0 : p.multirow({
               context: {
-                firstIndex: d === 0
+                firstIndex: t === 0
               }
             }),
             {
@@ -26,7 +26,7 @@ const D = /* @__PURE__ */ C({
               "data-wv-section": "multi-row"
             }
           ), [
-            e.bodyComponent ? (o(), _(V(e.bodyComponent.component), a({
+            e.bodyComponent ? (o(), V(_(e.bodyComponent.component), c({
               key: 0,
               modelValue: e.bodyComponent.model,
               "onUpdate:modelValue": (u) => e.bodyComponent.model = u,
@@ -37,10 +37,10 @@ const D = /* @__PURE__ */ C({
             }, b(
               e.bodyComponent.events ? e.bodyComponent.events : {}
             ), {
-              onClick: l[0] || (l[0] = g(() => {
+              onClick: r[0] || (r[0] = g(() => {
               }, ["stop"]))
-            }), null, 16, ["modelValue", "onUpdate:modelValue", "class", "disabled"])) : (o(), n(m, { key: 1 }, [
-              P(x(e.value), 1)
+            }), null, 16, ["modelValue", "onUpdate:modelValue", "class", "disabled"])) : (o(), n(a, { key: 1 }, [
+              P(B(l.$t(e.value)), 1)
             ], 64))
           ], 16);
         }), 128))