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

package/datepicker/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, onMounted as D, reactive as M, shallowRef as f, computed as N, watch as _, createElementBlock as s, openBlock as i, Fragment as v, createVNode as o, unref as c, withCtx as m, createCommentVNode as y, createElementVNode as E, renderSlot as h, renderList as S, toDisplayString as F } from "vue";
+import { defineComponent as B, onMounted as D, reactive as M, shallowRef as f, computed as N, watch as y, createElementBlock as s, openBlock as i, Fragment as _, createVNode as o, withCtx as u, unref as c, createCommentVNode as v, createElementVNode as E, renderSlot as h, renderList as S, toDisplayString as F } from "vue";
 import { u as P } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as R } from "../plugins/basei18n.es.js";
 import { s as T } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
@@ -35,7 +35,7 @@ const O = {
           n.fieldName ?? "date",
           (e) => {
             var t;
-            return !(e != null && e.length) && n.mandatory ? d(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a date") : !0;
+            return !(e != null && e.length) && n.mandatory ? m(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a date") : !0;
           },
           {
             initialValue: n.initialValue ?? []
@@ -43,18 +43,18 @@ const O = {
         )
       );
     });
-    const { t: d } = R(), a = M({ value: [] }), u = f(), p = f(), V = N(() => {
+    const { t: m } = R(), a = M({ value: [] }), d = f(), p = f(), b = N(() => {
       const e = a.value[0], t = a.value[1];
       return t && e !== t ? e + " - " + t : e == null ? void 0 : e.toString();
-    }), b = Array.from({ length: 31 }, (e, t) => t + 1), $ = (e) => {
+    }), x = Array.from({ length: 31 }, (e, t) => t + 1), V = (e) => {
       var l;
       const t = a.value[0], r = a.value[1];
-      t != null && r != null && t === r ? (a.value[1] = e, (l = u.value) == null || l.hide()) : a.value = [e, e], a.value.sort((w, C) => w - C);
+      t != null && r != null && t === r ? (a.value[1] = e, (l = d.value) == null || l.hide()) : a.value = [e, e], a.value.sort((w, C) => w - C);
     }, g = (e) => {
       var r, l;
       const t = ((r = p.value) == null ? void 0 : r.$el) || null;
-      t && u.value && t.focus(), (l = u.value) == null || l.toggle(e);
-    }, x = (e) => {
+      t && d.value && t.focus(), (l = d.value) == null || l.toggle(e);
+    }, $ = (e) => {
       var t;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -66,7 +66,7 @@ const O = {
         g(l);
       }
     };
-    return _(
+    return y(
       () => n.initialValue,
       () => {
         var e;
@@ -75,34 +75,34 @@ const O = {
       {
         once: !0
       }
-    ), _(
+    ), y(
       () => n.modelValue,
       (e) => {
         a.value = e ?? [];
       }
-    ), (e, t) => (i(), s(v, null, [
+    ), (e, t) => (i(), s(_, null, [
       o(A, {
-        label: e.label ? c(d)(e.label) : void 0,
+        label: e.label,
         mandatory: e.mandatory
       }, {
-        default: m(() => [
+        default: u(() => [
           o(K, {
             invalid: !!a.errorMessage,
             onClick: g,
             class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
           }, {
-            default: m(() => [
+            default: u(() => [
               o(c(T), {
                 ref_key: "inputtext",
                 ref: p,
-                "model-value": V.value,
-                placeholder: c(d)("Select date"),
-                onKeydown: x,
+                "model-value": b.value,
+                placeholder: c(m)("Select date"),
+                onKeydown: $,
                 class: "!p-0",
                 readonly: ""
               }, null, 8, ["model-value", "placeholder"]),
               o(I, {
-                class: "w-4 h-4 shrink-0 !text-general-500",
+                class: "w-4 h-4 shrink-0 !text-general-500 dark:!text-white",
                 "data-ts-section": "inputtrigger",
                 icon: "calendar"
               })
@@ -118,7 +118,7 @@ const O = {
       }, 8, ["label", "mandatory"]),
       o(c(j), {
         ref_key: "panel",
-        ref: u,
+        ref: d,
         pt: {
           content: {
             class: "p-6"
@@ -126,23 +126,23 @@ const O = {
         },
         class: "border-none !mt-0 !shadow-panel"
       }, {
-        default: m(() => [
+        default: u(() => [
           e.$slots.header ? (i(), s("div", O, [
             h(e.$slots, "header")
-          ])) : y("", !0),
+          ])) : v("", !0),
           E("div", Y, [
-            (i(!0), s(v, null, S(c(b), (r) => (i(), s("span", {
+            (i(!0), s(_, null, S(c(x), (r) => (i(), s("span", {
               key: r,
               "aria-selected": a.value.includes(r),
               "data-in-range": a.value[0] < r && r < a.value[1],
-              onClick: (l) => $(r),
-              class: "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer",
+              onClick: (l) => V(r),
+              class: "text-xs text-general-800 dark:text-general-50 bg-white dark:bg-grayscale-900 hover:bg-primary-100 dark:hover:bg-general-900 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 dark:[&[data-in-range='true']]:bg-primary-300 [&[data-in-range='true']]:text-general-800 dark:[&[data-in-range='true']]:text-general-50 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 dark:[&[aria-selected='true']]:bg-primary-300 [&[aria-selected='true']]:text-white dark:[&[aria-selected='true']]:text-grayscale-900 text-center p-2 cursor-pointer",
               "data-ts-section": "date"
             }, F(r), 9, q))), 128))
           ]),
           e.$slots.footer ? (i(), s("div", z, [
             h(e.$slots, "footer")
-          ])) : y("", !0)
+          ])) : v("", !0)
         ]),
         _: 3
       }, 512)

package/daypicker/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, onMounted as N, reactive as x, shallowRef as f, computed as D, watch as v, createElementBlock as u, openBlock as c, Fragment as _, createVNode as n, unref as o, withCtx as g, createCommentVNode as h, createElementVNode as k, renderSlot as V, renderList as F, normalizeClass as T, toDisplayString as E } from "vue";
+import { defineComponent as S, onMounted as B, reactive as N, shallowRef as f, computed as D, watch as v, createElementBlock as i, openBlock as d, Fragment as _, createVNode as n, withCtx as g, unref as u, createCommentVNode as h, createElementVNode as k, renderSlot as b, renderList as F, normalizeClass as T, toDisplayString as E } from "vue";
 import { u as P } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as R } from "../plugins/basei18n.es.js";
 import { s as j } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
@@ -13,7 +13,7 @@ const Y = {
 }, q = { class: "grid grid-cols-3 gap-y-4" }, A = ["aria-selected", "data-in-range", "onClick"], G = {
   key: 1,
   class: "mt-2.5"
-}, te = /* @__PURE__ */ B({
+}, te = /* @__PURE__ */ S({
   __name: "DayPicker",
   props: {
     modelValue: {},
@@ -26,22 +26,22 @@ const Y = {
     errorMessage: {}
   },
   emits: ["update:modelValue"],
-  setup(b) {
-    const s = b;
-    N(() => {
+  setup(V) {
+    const s = V;
+    B(() => {
       s.useValidator && Object.assign(
         a,
         P(
           s.fieldName ?? "day",
           (e) => {
             var t;
-            return !(e != null && e.length) && s.mandatory ? i(((t = s.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a day") : !0;
+            return !(e != null && e.length) && s.mandatory ? m(((t = s.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a day") : !0;
           },
           { initialValue: s.initialValue ?? [] }
         )
       );
     });
-    const m = [
+    const c = [
       "Monday",
       "Tuesday",
       "Wednesday",
@@ -49,17 +49,17 @@ const Y = {
       "Friday",
       "Saturday",
       "Sunday"
-    ], { t: i } = R(), a = x({ value: [] }), d = f(), y = f(), $ = D(() => {
-      const e = m[a.value[0]], t = m[a.value[1]];
+    ], { t: m } = R(), a = N({ value: [] }), o = f(), y = f(), $ = D(() => {
+      const e = c[a.value[0]], t = c[a.value[1]];
       return t && e !== t ? e + " - " + t : e;
-    }), w = (e, t) => {
+    }), x = (e, t) => {
       var p;
       const r = a.value[0], l = a.value[1];
-      r != null && l != null && r === l ? (a.value[1] = t, (p = d.value) == null || p.hide()) : a.value = [t, t], a.value.sort((M, S) => M - S);
-    }, C = (e) => {
+      r != null && l != null && r === l ? (a.value[1] = t, (p = o.value) == null || p.hide()) : a.value = [t, t], a.value.sort((C, M) => C - M);
+    }, w = (e) => {
       var r, l;
       const t = ((r = y.value) == null ? void 0 : r.$el) || null;
-      t && d.value && t.focus(), (l = d.value) == null || l.toggle(e);
+      t && o.value && t.focus(), (l = o.value) == null || l.toggle(e);
     };
     return v(
       () => s.initialValue,
@@ -75,28 +75,28 @@ const Y = {
       (e) => {
         a.value = e ?? [];
       }
-    ), (e, t) => (c(), u(_, null, [
+    ), (e, t) => (d(), i(_, null, [
       n(I, {
-        label: e.label ? o(i)(e.label) : void 0,
+        label: e.label,
         mandatory: e.mandatory
       }, {
         default: g(() => [
           n(O, {
             invalid: !!a.errorMessage,
-            onClick: C,
+            onClick: w,
             class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
           }, {
             default: g(() => [
-              n(o(j), {
+              n(u(j), {
                 ref_key: "inputtext",
                 ref: y,
                 "model-value": $.value,
-                placeholder: o(i)("Select day"),
+                placeholder: u(m)("Select day"),
                 class: "!p-0",
                 readonly: ""
               }, null, 8, ["model-value", "placeholder"]),
               n(L, {
-                class: "w-4 h-4 shrink-0 !text-general-500",
+                class: "w-4 h-4 shrink-0 !text-general-500 dark:!text-white",
                 "data-ts-section": "inputtrigger",
                 icon: "calendar"
               })
@@ -110,9 +110,9 @@ const Y = {
         ]),
         _: 1
       }, 8, ["label", "mandatory"]),
-      n(o(z), {
+      n(u(z), {
         ref_key: "panel",
-        ref: d,
+        ref: o,
         pt: {
           content: {
             class: "p-6"
@@ -121,21 +121,21 @@ const Y = {
         class: "border-none !mt-0 !shadow-panel"
       }, {
         default: g(() => [
-          e.$slots.header ? (c(), u("div", Y, [
-            V(e.$slots, "header")
+          e.$slots.header ? (d(), i("div", Y, [
+            b(e.$slots, "header")
           ])) : h("", !0),
           k("div", q, [
-            (c(), u(_, null, F(m, (r, l) => k("span", {
+            (d(), i(_, null, F(c, (r, l) => k("span", {
               key: r,
               "aria-selected": a.value.includes(l),
-              class: T([{ "col-start-2": r === "Sunday" }, "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer"]),
+              class: T([{ "col-start-2": r === "Sunday" }, "text-xs text-general-800 dark:text-general-50 bg-white dark:bg-grayscale-900 hover:bg-primary-100 dark:hover:bg-general-900 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 dark:[&[data-in-range='true']]:bg-primary-300 [&[data-in-range='true']]:text-general-800 dark:[&[data-in-range='true']]:text-general-50 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 dark:[&[aria-selected='true']]:bg-primary-300 [&[aria-selected='true']]:text-white dark:[&[aria-selected='true']]:text-grayscale-900 text-center p-2 cursor-pointer"]),
               "data-in-range": a.value[0] < l && l < a.value[1],
-              onClick: (p) => w(r, l),
+              onClick: (p) => x(r, l),
               "data-ts-section": "day"
-            }, E(o(i)(r)), 11, A)), 64))
+            }, E(u(m)(r)), 11, A)), 64))
           ]),
-          e.$slots.footer ? (c(), u("div", G, [
-            V(e.$slots, "footer")
+          e.$slots.footer ? (d(), i("div", G, [
+            b(e.$slots, "footer")
           ])) : h("", !0)
         ]),
         _: 3

package/dialog/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, inject as m, createBlock as $, openBlock as y, unref as s, mergeProps as v, createSlots as B, withCtx as t, renderSlot as l } from "vue";
-import { s as g } from "../vendor/primevue/dialog/dialog.esm.es.js";
-const A = /* @__PURE__ */ u({
+import { defineComponent as $, inject as y, createBlock as v, openBlock as B, unref as s, mergeProps as g, createSlots as C, withCtx as t, renderSlot as l } from "vue";
+import { s as b } from "../vendor/primevue/dialog/dialog.esm.es.js";
+const h = /* @__PURE__ */ $({
   __name: "Dialog",
   props: {
     header: { default: void 0 },
@@ -38,45 +38,47 @@ const A = /* @__PURE__ */ u({
     footerClass: {}
   },
   emits: ["update:visible", "hide", "afterHide", "show", "maximize", "unmaximize", "dragend"],
-  setup(C) {
-    const i = m("preset", {}).dialog, f = () => {
+  setup(u) {
+    const d = y("preset", {}).dialog, i = u, m = () => {
       setTimeout(() => {
         document.querySelectorAll('[data-pc-name="dialog"]').length && document.body.classList.add("p-overflow-hidden");
       }, 10);
     };
     return (e, o) => {
-      var d, n, r, p;
-      return y(), $(s(g), v(e.$props, {
+      var r, n, p, f;
+      return B(), v(s(b), g(e.$props, {
+        footer: e.$t(i.footer),
+        header: e.$t(i.header),
         pt: {
           root: {
             class: [
-              ...(d = s(i)) == null ? void 0 : d.root({ state: {} }).class,
+              ...(r = s(d)) == null ? void 0 : r.root({ state: {} }).class,
               ...Array.isArray(e.$props.class) ? e.$props.class : [e.$props.class]
             ]
           },
           header: {
             class: [
-              ...(n = s(i)) == null ? void 0 : n.header.class,
+              ...(n = s(d)) == null ? void 0 : n.header.class,
               ...Array.isArray(e.$props.headerClass) ? e.$props.headerClass : [e.$props.headerClass]
             ],
             "data-wv-section": "dialogheader"
           },
           content: {
             class: [
-              ...(r = s(i)) == null ? void 0 : r.content({ state: {}, instance: {} }).class,
+              ...(p = s(d)) == null ? void 0 : p.content({ state: {}, instance: {} }).class,
               ...Array.isArray(e.$props.contentClass) ? e.$props.contentClass : [e.$props.contentClass]
             ]
           },
           footer: {
             class: [
-              ...(p = s(i)) == null ? void 0 : p.footer.class,
+              ...(f = s(d)) == null ? void 0 : f.footer.class,
               ...Array.isArray(e.$props.footerClass) ? e.$props.footerClass : [e.$props.footerClass]
             ]
           },
           ...e.$props.pt
         },
         onAfterHide: o[0] || (o[0] = (a) => {
-          e.$emit("afterHide"), f();
+          e.$emit("afterHide"), m();
         }),
         onDragend: o[1] || (o[1] = (a) => e.$emit("dragend", a)),
         onHide: o[2] || (o[2] = (a) => e.$emit("hide")),
@@ -84,7 +86,7 @@ const A = /* @__PURE__ */ u({
         onShow: o[4] || (o[4] = (a) => e.$emit("show")),
         onUnmaximize: o[5] || (o[5] = (a) => e.$emit("unmaximize", a)),
         "onUpdate:visible": o[6] || (o[6] = (a) => e.$emit("update:visible", a))
-      }), B({
+      }), C({
         default: t(() => [
           l(e.$slots, "default")
         ]),
@@ -118,10 +120,10 @@ const A = /* @__PURE__ */ u({
           ]),
           key: "3"
         } : void 0
-      ]), 1040, ["pt"]);
+      ]), 1040, ["footer", "header", "pt"]);
     };
   }
 });
 export {
-  A as _
+  h as _
 };