@fewangsit/wangsvue-fats 1.0.1-alpha.34 → 1.0.1-alpha.36

package/timeline/index.d.ts

@@ -119,6 +119,11 @@ export type TimelineSlots = {
     key: string;
     value: SlotDetailType; // Type DetailAnyRecord only used when using slot since you can use your own object structure
   }): VNode[];
+  /**
+   * Custom date template.
+   *
+   */
+  date(slotProps: { date: string }): VNode[];
 };
 
 /**

package/timeline/index.es.js

@@ -1,29 +1,29 @@
-import { defineComponent as B, inject as N, createBlock as p, openBlock as t, unref as a, ref as O, normalizeClass as D, withCtx as b, createElementVNode as n, createElementBlock as l, createCommentVNode as c, mergeProps as u, normalizeProps as x, guardReactiveProps as v, toDisplayString as m, Fragment as g, renderList as j, renderSlot as S, createVNode as V } from "vue";
-import { a as A } from "../utils/date.util.es.js";
+import { defineComponent as N, inject as V, createBlock as p, openBlock as t, unref as a, ref as A, normalizeClass as D, withCtx as b, createElementVNode as n, createElementBlock as l, createCommentVNode as c, mergeProps as u, normalizeProps as x, guardReactiveProps as v, renderSlot as $, createTextVNode as O, toDisplayString as m, Fragment as g, renderList as j, createVNode as S } from "vue";
+import { a as T } from "../utils/date.util.es.js";
 import { s as P } from "../vendor/primevue/timeline/timeline.esm.es.js";
-import { _ as T } from "../icon/index.es.js";
-import { _ as F } from "../username/index.es.js";
+import { _ as F } from "../icon/index.es.js";
+import { _ as H } from "../username/index.es.js";
 import { _ as h } from "../timelinecontentbytype/index.es.js";
-const H = ["onClick"], L = { class: "flex justify-between items-center" }, z = {
+const L = ["onClick"], z = { class: "flex justify-between items-center" }, E = {
   class: "flex gap-1 py-0.5",
   "data-wv-section": "itemheader"
-}, E = ["innerHTML", "onClick"], M = {
+}, M = ["innerHTML", "onClick"], I = {
   key: 1,
   class: "flex flex-col gap-1",
   "data-wv-section": "itemdetail"
-}, I = {
+}, K = {
   key: 0,
   class: "grid grid-cols-[max-content,max-content,auto] gap-2 py-1.5 items-start"
-}, K = { class: "font-semibold whitespace-nowrap" }, R = {
+}, R = { class: "font-semibold whitespace-nowrap" }, U = {
   key: 0,
   class: "text-xs"
-}, U = {
+}, q = {
   key: 0,
   class: "grid grid-cols-[max-content,max-content,auto] gap-1 items-start"
-}, q = {
+}, G = {
   key: 1,
   class: "grid grid-rows-[max-content,auto] gap-1"
-}, G = { class: "font-semibold whitespace-nowrap" }, te = /* @__PURE__ */ B({
+}, J = { class: "font-semibold whitespace-nowrap" }, oe = /* @__PURE__ */ N({
   __name: "Timeline",
   props: {
     value: {},
@@ -31,14 +31,14 @@ const H = ["onClick"], L = { class: "flex justify-between items-center" }, z = {
     noScroll: { type: Boolean },
     noFormatDate: { type: Boolean }
   },
-  setup(J) {
-    const i = N("preset", {}).timeline, C = (s) => {
+  setup(Q) {
+    const i = V("preset", {}).timeline, C = (s) => {
       const d = s.user ?? s.username;
       return typeof d != "string" ? d : { nickName: d };
-    }, $ = (s) => s.replace(/`([^`]*)`/g, "<b>$1</b>");
+    }, B = (s) => s.replace(/`([^`]*)`/g, "<b>$1</b>");
     return (s, d) => (t(), p(a(P), {
       class: D([{ "overflow-auto": !s.noScroll }]),
-      value: O(s.value).value,
+      value: A(s.value).value,
       style: { "scrollbar-width": "none" }
     }, {
       marker: b(({ item: e }) => {
@@ -47,61 +47,67 @@ const H = ["onClick"], L = { class: "flex justify-between items-center" }, z = {
           n("div", u({
             onClick: (r) => e.showDetail = !e.showDetail
           }, (f = a(i)) == null ? void 0 : f.marker, { "data-wv-section": "timelinemarker" }), [
-            V(T, u((_ = a(i)) == null ? void 0 : _.markerArrow(e), { icon: "arrow-down" }), null, 16),
+            S(F, u((_ = a(i)) == null ? void 0 : _.markerArrow(e), { icon: "arrow-down" }), null, 16),
             n("div", x(v((y = a(i)) == null ? void 0 : y.markerDot(e))), null, 16)
-          ], 16, H)
+          ], 16, L)
         ];
       }),
       content: b(({ item: e }) => {
         var f, _, y;
         return [
-          n("div", L, [
-            n("div", z, [
+          n("div", z, [
+            n("div", E, [
               n("h3", u({
-                innerHTML: $(e.action)
+                innerHTML: B(e.action)
               }, (f = a(i)) == null ? void 0 : f.contentHeader, {
                 onClick: (r) => e.showDetail = !e.showDetail
-              }), null, 16, E),
-              e.user || e.username ? (t(), p(F, {
+              }), null, 16, M),
+              e.user || e.username ? (t(), p(H, {
                 key: 0,
                 user: C(e),
                 type: "icon",
                 "user-name-field": "nickName"
               }, null, 8, ["user"])) : c("", !0)
             ]),
-            n("span", x(v((_ = a(i)) == null ? void 0 : _.contentDate)), m(s.noFormatDate ? e.createdAt : a(A)(e.createdAt)), 17)
+            n("span", x(v((_ = a(i)) == null ? void 0 : _.contentDate)), [
+              $(s.$slots, "date", {
+                date: e.createdAt
+              }, () => [
+                O(m(s.noFormatDate ? e.createdAt : a(T)(e.createdAt)), 1)
+              ])
+            ], 16)
           ]),
           e.showDetail && e.detail ? (t(), l(g, { key: 0 }, [
             "type" in e.detail ? (t(), p(h, {
               key: 0,
               detail: e.detail
-            }, null, 8, ["detail"])) : (y = Object.keys(e.detail ?? {})) != null && y.length ? (t(), l("div", M, [
-              s.$props.alignDetail ? (t(), l("div", I, [
+            }, null, 8, ["detail"])) : (y = Object.keys(e.detail ?? {})) != null && y.length ? (t(), l("div", I, [
+              s.$props.alignDetail ? (t(), l("div", K, [
                 (t(!0), l(g, null, j(Object.entries(e.detail), ([r, o]) => (t(), l(g, { key: r }, [
-                  n("span", K, m(r), 1),
+                  n("span", R, m(r), 1),
                   d[0] || (d[0] = n("span", { class: "font-semibold whitespace-nowrap" }, " : ", -1)),
-                  typeof o == "string" ? (t(), l("span", R, m(o), 1)) : "type" in o ? (t(), p(h, {
+                  typeof o == "string" ? (t(), l("span", U, m(o), 1)) : "type" in o ? (t(), p(h, {
                     key: 1,
                     detail: o
                   }, null, 8, ["detail"])) : c("", !0)
                 ], 64))), 128))
-              ])) : (t(!0), l(g, { key: 1 }, j(Object.entries(e.detail), ([r, o]) => S(s.$slots, "detail", u({
+              ])) : (t(!0), l(g, { key: 1 }, j(Object.entries(e.detail), ([r, o]) => $(s.$slots, "detail", u({
                 key: r,
                 ref_for: !0
               }, { key: r, value: o }), () => {
                 var k, w;
                 return [
-                  typeof o == "string" ? (t(), l("div", U, [
+                  typeof o == "string" ? (t(), l("div", q, [
                     n("span", u({ ref_for: !0 }, (k = a(i)) == null ? void 0 : k.contentDetailKey), m(r) + ": ", 17),
                     n("span", u({ ref_for: !0 }, (w = a(i)) == null ? void 0 : w.contentDetailValue), m(o), 17)
-                  ])) : "type" in o ? (t(), l("div", q, [
+                  ])) : "type" in o ? (t(), l("div", G, [
                     n("span", {
                       class: D([
                         "flex gap-1",
                         { "flex-col": o.type === "embed" }
                       ])
                     }, [
-                      n("span", G, m(r) + ": ", 1),
+                      n("span", J, m(r) + ": ", 1),
                       o.type !== "json" ? (t(), p(h, {
                         key: 0,
                         detail: o
@@ -123,5 +129,5 @@ const H = ["onClick"], L = { class: "flex justify-between items-center" }, z = {
   }
 });
 export {
-  te as _
+  oe as _
 };

package/vendor/@vueuse/core/index.es.js

@@ -0,0 +1,41 @@
+import { n as g } from "../shared/index.es.js";
+import { isRef as w, shallowRef as c, ref as A, watchEffect as E, computed as x } from "vue";
+function F(v, n, s) {
+  let r;
+  w(s) ? r = {
+    evaluating: s
+  } : r = {};
+  const {
+    lazy: u = !1,
+    flush: h = "pre",
+    evaluating: e = void 0,
+    shallow: m = !0,
+    onError: p = g
+  } = r, o = c(!u), l = m ? c(n) : A(n);
+  let t = 0;
+  return E(async (d) => {
+    if (!o.value)
+      return;
+    t++;
+    const f = t;
+    let i = !1;
+    e && Promise.resolve().then(() => {
+      e.value = !0;
+    });
+    try {
+      const a = await v((y) => {
+        d(() => {
+          e && (e.value = !1), i || y();
+        });
+      });
+      f === t && (l.value = a);
+    } catch (a) {
+      p(a);
+    } finally {
+      e && f === t && (e.value = !1), i = !0;
+    }
+  }, { flush: h }), u ? x(() => (o.value = !0, l.value)) : l;
+}
+export {
+  F as c
+};

package/vendor/@vueuse/shared/index.es.js

@@ -0,0 +1,7 @@
+import "vue";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const e = () => {
+};
+export {
+  e as n
+};