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

package/username/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as A, computed as h, shallowRef as N, ref as H, resolveDirective as I, createElementBlock as u, openBlock as a, mergeProps as i, createBlock as d, withDirectives as M, createCommentVNode as P, withModifiers as F, unref as v, createTextVNode as U, toDisplayString as p, withCtx as R, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
+import { defineComponent as A, computed as h, shallowRef as N, ref as H, resolveDirective as I, createElementBlock as u, openBlock as t, mergeProps as i, createBlock as d, withDirectives as M, createCommentVNode as P, withModifiers as F, unref as v, createTextVNode as $, toDisplayString as p, withCtx as R, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
 import { t as K } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
 import { u as L } from "../plugins/WangsVue.es.js";
 import { m as Q } from "../utils/mergePropsWithDefaults.util.es.js";
-import { g as _ } from "../utils/object.util.es.js";
+import { g as j } from "../utils/object.util.es.js";
 import { f as X } from "../utils/textFormatter.util.es.js";
-import { s as $ } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
+import { s as U } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
 import { _ as Y } from "../icon/index.es.js";
-import { _ as j } from "../image/index.es.js";
+import { _ } from "../image/index.es.js";
 import { _ as Z } from "../overlaypanel/index.es.js";
 const ee = { key: 0 }, me = /* @__PURE__ */ A({
   __name: "UserName",
@@ -23,16 +23,16 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
   },
   setup(z) {
     const r = z, { locale: E, defaultProps: T } = L("UserName"), n = h(() => Q(r, T)), f = N(!1), s = N(), g = N(!1), w = H(), m = h(
-      () => _(
+      () => j(
         r.user ?? {},
         n.value.userNameField
       )
     ), D = h(() => n.value.formatUserName ? X(m.value) : m.value), W = async () => {
-      var t, e, y;
+      var e, a, y;
       if (!s.value && r.fetchDetailOnPanelShow)
         try {
           f.value = !0;
-          const o = await ((y = (e = n.value).getUserDetail) == null ? void 0 : y.call(e, (t = r.user) == null ? void 0 : t._id));
+          const o = await ((y = (a = n.value).getUserDetail) == null ? void 0 : y.call(a, (e = r.user) == null ? void 0 : e._id));
           s.value = o;
         } catch (o) {
           console.error(o);
@@ -41,39 +41,39 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
         }
       else r.fetchDetailOnPanelShow || (s.value = r.user);
     };
-    return (t, e) => {
+    return (e, a) => {
       const y = I("tooltip");
-      return Object.keys(r.user ?? {}).length < 1 ? (a(), u("span", ee, " - ")) : (a(), u("span", i({
+      return Object.keys(r.user ?? {}).length < 1 ? (t(), u("span", ee, " - ")) : (t(), u("span", i({
         key: 1,
-        onClick: e[4] || (e[4] = //@ts-ignore
+        onClick: a[4] || (a[4] = //@ts-ignore
         (...o) => {
           var l, c;
           return ((l = w.value) == null ? void 0 : l.toggle) && ((c = w.value) == null ? void 0 : c.toggle(...o));
         })
-      }, t.$preset.username.root, {
+      }, e.$preset.username.root, {
         "data-wv-name": "username",
         "data-wv-section": "root"
       }), [
-        n.value.type == "picture" ? (a(), d(j, {
+        n.value.type == "picture" ? (t(), d(_, {
           key: 0,
           preview: m.value !== void 0,
-          src: v(_)(
+          src: v(j)(
             r.user ?? {},
             n.value.profilePictureField
           ),
-          onClick: e[0] || (e[0] = F((o) => {
+          onClick: a[0] || (a[0] = F((o) => {
             var l;
             m.value || (l = w.value) == null || l.toggle(o);
           }, ["stop"])),
           rounded: "",
           size: "small"
-        }, null, 8, ["preview", "src"])) : (a(), d(Y, {
+        }, null, 8, ["preview", "src"])) : (t(), d(Y, {
           key: 1,
-          class: "text-general-300 text-base",
+          class: "text-general-300 dark:text-grayscale-700 text-base",
           icon: "user"
         })),
-        n.value.showUserName ? M((a(), u("span", i({ key: 2 }, t.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
-          U(p(D.value), 1)
+        n.value.showUserName ? M((t(), u("span", i({ key: 2 }, e.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
+          $(p(D.value), 1)
         ], 16)), [
           [
             y,
@@ -82,7 +82,7 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
             { top: !0 }
           ]
         ]) : P("", !0),
-        Object.keys(r.user ?? {}).length > 1 ? (a(), d(Z, {
+        Object.keys(r.user ?? {}).length > 1 ? (t(), d(Z, {
           key: 3,
           ref_key: "miniProfile",
           ref: w,
@@ -92,46 +92,46 @@ const ee = { key: 0 }, me = /* @__PURE__ */ A({
           default: R(() => {
             var o, l, c, b, B, C, O, S;
             return [
-              k("div", i(t.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
-                k("div", i(t.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
-                q(j, {
+              k("div", i(e.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
+                k("div", i(e.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
+                q(_, {
                   src: ((o = s.value) == null ? void 0 : o.profilePicture) ?? ((l = s.value) == null ? void 0 : l.profilePictureBig),
                   width: 60,
-                  onHide: e[1] || (e[1] = (V) => g.value = !1),
-                  onShow: e[2] || (e[2] = (V) => g.value = !0),
+                  onHide: a[1] || (a[1] = (V) => g.value = !1),
+                  onShow: a[2] || (a[2] = (V) => g.value = !0),
                   class: "w-[60px] h-[60px]",
                   rounded: ""
                 }, null, 8, ["src"]),
-                f.value ? (a(), d(v($), {
+                f.value ? (t(), d(v(U), {
                   key: 1,
                   height: "29px",
                   width: "100px"
-                })) : (a(), u("div", G(i({ key: 0 }, t.$preset.username.panel.detailwrapper)), [
-                  k("h4", i(t.$preset.username.panel.username, { "data-wv-section": "username" }), [
-                    U(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
-                    (b = s.value) != null && b.nickName ? (a(), u(J, { key: 0 }, [
-                      U(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
+                })) : (t(), u("div", G(i({ key: 0 }, e.$preset.username.panel.detailwrapper)), [
+                  k("h4", i(e.$preset.username.panel.username, { "data-wv-section": "username" }), [
+                    $(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
+                    (b = s.value) != null && b.nickName ? (t(), u(J, { key: 0 }, [
+                      $(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
                     ], 64)) : P("", !0)
                   ], 16),
-                  k("span", i(t.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p((C = s.value) == null ? void 0 : C.email), 17)
+                  k("span", i(e.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p((C = s.value) == null ? void 0 : C.email), 17)
                 ], 16)),
-                f.value ? (a(), d(v($), {
+                f.value ? (t(), d(v(U), {
                   key: 3,
                   height: "12px",
                   width: "60px"
-                })) : (a(), u("span", i({ key: 2 }, t.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((O = s.value) == null ? void 0 : O.division) + " / " + p((S = s.value) == null ? void 0 : S.position), 17)),
-                f.value ? (a(), d(v($), {
+                })) : (t(), u("span", i({ key: 2 }, e.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((O = s.value) == null ? void 0 : O.division) + " / " + p((S = s.value) == null ? void 0 : S.position), 17)),
+                f.value ? (t(), d(v(U), {
                   key: 5,
                   width: "75px"
-                })) : (a(), u("a", i({
+                })) : (t(), u("a", i({
                   key: 4,
-                  onClick: e[3] || (e[3] = F((V) => {
+                  onClick: a[3] || (a[3] = F((V) => {
                     var x;
                     return v(K)(
                       n.value.detailUserPath.replace("{userId}", (x = r.user) == null ? void 0 : x._id)
                     );
                   }, ["stop"]))
-                }, t.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(v(E).detailUserAnchorText), 17))
+                }, e.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(e.$t(v(E).detailUserAnchorText)), 17))
               ], 16)
             ];
           }),

package/utils/baseToast.util.es.js

@@ -1,44 +1,45 @@
 import { e as G } from "../event-bus/index.es.js";
-import { u as M } from "../vendor/primevue/usetoast/usetoast.esm.es.js";
-import { u as A } from "../vendor/lodash-es/uniqueId.es.js";
-const w = ({ icons: i, template: r } = {}) => {
-  const t = M();
+import { u as A } from "../plugins/basei18n.es.js";
+import { u as I } from "../vendor/primevue/usetoast/usetoast.esm.es.js";
+import { u as N } from "../vendor/lodash-es/uniqueId.es.js";
+const { t: R } = A(), q = ({ icons: t, template: s } = {}) => {
+  const i = I();
   return {
-    add: (e) => {
+    add: (o) => {
       var n, c, f;
       const {
         message: a,
         customMessage: v,
-        error: s,
+        error: r,
         severity: g,
-        life: l,
+        life: m,
         group: d = "default-toast",
-        ...m
-      } = e;
+        ...l
+      } = o;
       let u = "";
-      s instanceof Error && s && s.isAxiosError && (u = s.code === "ERR_NETWORK" ? (r == null ? void 0 : r.additionalMessage) ?? "" : "");
-      const o = s ? "error" : g ?? "success", E = ((f = (c = (n = r == null ? void 0 : r.severity) == null ? void 0 : n[o]) == null ? void 0 : c.replace("{message}", a)) == null ? void 0 : f.replace("{additionalMessage}", u)) || a, y = m.icon ?? (i == null ? void 0 : i[o]);
-      t.add({
-        severity: o,
-        detail: v ? a : E,
-        life: l ?? 3e3,
+      r instanceof Error && r && r.isAxiosError && (u = r.code === "ERR_NETWORK" ? (s == null ? void 0 : s.additionalMessage) ?? "" : "");
+      const e = r ? "error" : g ?? "success", E = ((f = (c = (n = s == null ? void 0 : s.severity) == null ? void 0 : n[e]) == null ? void 0 : c.replace("{message}", a)) == null ? void 0 : f.replace("{additionalMessage}", u)) || a, y = l.icon ?? (t == null ? void 0 : t[e]), M = v ? a : E;
+      i.add({
+        severity: e,
+        detail: R(M),
+        life: m ?? 3e3,
         group: d
       }), G.emit("toast:add", {
-        messageId: A(),
-        ...e,
-        severity: o,
+        messageId: N(),
+        ...o,
+        severity: e,
         group: d,
         icon: y
       });
     },
-    removeGroup: (e) => {
-      t.removeGroup(e);
+    removeGroup: (o) => {
+      i.removeGroup(o);
     },
     removeAllGroups: () => {
-      t.removeAllGroups();
+      i.removeAllGroups();
     }
   };
 };
 export {
-  w as u
+  q as u
 };

package/utils/index.es.js

@@ -1,3 +1,2 @@
 import "./role.util.es.js";
-import "../event-bus/index.es.js";
-import "vue";
+import "./baseToast.util.es.js";

package/utils/textFormatter.util.d.ts

@@ -27,3 +27,35 @@ export declare const getInitialsBy3FirstLetter: (
  * @returns {string} The label prefixed with the appropriate article ("a" or "an").
  */
 export declare const formatVowelSoundLabel: (label?: string) => string;
+/**
+ * Format text with custom operators into HTML.
+ *
+ * Rules (ignore \(backslash) operator):
+ * - \|text| → \<b>text\</b>
+ * - \*text* → \<i>text\</i>
+ * - \_text_ → \<u>text\</u>
+ * - \~text~ → \<s>text\</s>
+ * - Unpaired operator will be ignored
+ * - Supports nested formatting
+ * - Supports escaping using backslash (e.g., \\|text|)
+ *
+ * @param input - The raw string containing custom formatting operators.
+ * @returns The formatted HTML string.
+ *
+ * @example
+ * formatMarkupToHtml("Hello |Udin|");
+ * → "Hello <b>Udin</b>"
+ *
+ * @example
+ * formatMarkupToHtml("|hello *bro*|");
+ * → "<b>hello <i>bro</i></b>"
+ *
+ * @example
+ * formatMarkupToHtml("Hello |Udin");
+ * → "Hello |Udin"
+ *
+ * @example
+ * formatMarkupToHtml("ini \\|bukan bold|");
+ * → "ini |bukan bold|"
+ */
+export declare const formatMarkupToHtml: (input: string) => string;

package/utils/textFormatter.util.es.js

@@ -1,21 +1,49 @@
-const l = (t) => {
+const h = (t) => {
   if (!t) return "-";
   if (t.length <= 8) return t;
   const s = t.split(" ");
   if (s.length === 1)
     return `${s[0].slice(0, 8)}..`;
-  const o = s.slice(0, -1).join(" "), n = o.length > 8 ? `${o.slice(0, 8)}..` : o, e = s[s.length - 1];
-  return `${n} ${e.slice(0, 1)}`;
-}, d = (t) => {
+  const n = s.slice(0, -1).join(" "), o = n.length > 8 ? `${n.slice(0, 8)}..` : n, e = s[s.length - 1];
+  return `${o} ${e.slice(0, 1)}`;
+}, f = (t) => {
   if (!t) return "";
-  const s = ["a", "e", "i", "o", "h"], o = ["a", "e", "i", "o", "u"], n = t.toLowerCase(), e = n[0], r = s.includes(e);
+  const s = ["a", "e", "i", "o", "h"], n = ["a", "e", "i", "o", "u"], o = t.toLowerCase(), e = o[0], r = s.includes(e);
   if (e === "h") {
-    const i = ["hour", "honest", "heir", "honor"].some((c) => n.includes(c));
-    return !o.includes(n.slice(2, 3)) && !i ? `a ${t}` : `an ${t}`;
+    const u = ["hour", "honest", "heir", "honor"].some((l) => o.includes(l));
+    return !n.includes(o.slice(2, 3)) && !u ? `a ${t}` : `an ${t}`;
   }
-  return r || e === "u" && !s.includes(n.slice(2, 3)) ? `an ${t}` : `a ${t}`;
+  return r || e === "u" && !s.includes(o.slice(2, 3)) ? `an ${t}` : `a ${t}`;
+}, c = {
+  "|": "b",
+  "*": "i",
+  _: "u",
+  "~": "s"
+}, a = (t) => {
+  const s = [], n = [];
+  for (let o = 0; o < t.length; o++) {
+    const e = t[o];
+    if (e === "\\") {
+      n.push(t[o + 1] ?? ""), o++;
+      continue;
+    }
+    if (e in c) {
+      const r = s[s.length - 1];
+      if (r && r.op === e) {
+        const i = c[e];
+        s.pop(), n[r.pos] = `<${i}>`, n.push(`</${i}>`);
+      } else
+        s.push({ op: e, pos: n.length }), n.push("");
+      continue;
+    }
+    n.push(e);
+  }
+  for (const o of s)
+    n[o.pos] = o.op;
+  return n.join("");
 };
 export {
-  d as a,
-  l as f
+  f as a,
+  a as b,
+  h as f
 };

package/validatormessage/index.es.js

@@ -8,7 +8,7 @@ const u = /* @__PURE__ */ o({
     const r = t("preset", {}).validatormessage;
     return (e, _) => {
       var s;
-      return a((m(), n("small", p((s = i(r)) == null ? void 0 : s.root, { role: "alert" }), l(e.message), 17)), [
+      return a((m(), n("small", p((s = i(r)) == null ? void 0 : s.root, { role: "alert" }), l(e.$t(e.message)), 17)), [
         [c, e.message]
       ]);
     };