@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/calendar/index.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, onMounted as w, ref as p, computed as v, watch as n, watchEffect as C, createBlock as x, openBlock as D, mergeProps as b, unref as F, withCtx as f, renderSlot as c, nextTick as S } from "vue";
-import { u as k } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as I } from "../plugins/WangsVue.es.js";
-import { a as L } from "../utils/textFormatter.util.es.js";
-import { _ as O } from "../basecalendar/index.es.js";
-const N = /* @__PURE__ */ T({
+import { defineComponent, onMounted, ref, computed, watch, watchEffect, createBlock, openBlock, mergeProps, unref, withCtx, renderSlot, nextTick } from "vue";
+import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { a as formatVowelSoundLabel } from "../utils/textFormatter.util.es.js";
+import { _ as _sfc_main$1 } from "../basecalendar/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -20,9 +20,9 @@ const N = /* @__PURE__ */ T({
     mode: { default: "single" },
     selectionMode: {},
     hideOnDateTimeSelect: { type: Boolean },
-    hideOnRangeSelection: { type: Boolean, default: !0 },
+    hideOnRangeSelection: { type: Boolean, default: true },
     view: { default: "date" },
-    showYear: { type: Boolean, default: !0 },
+    showYear: { type: Boolean, default: true },
     showButtons: { type: Boolean },
     useValidator: { type: Boolean },
     fieldName: {},
@@ -48,70 +48,125 @@ const N = /* @__PURE__ */ T({
     exactSelection: { type: Boolean }
   },
   emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(y, { emit: V }) {
-    const e = y, r = V;
-    w(() => {
-      e.dateValue != null && (t.value = d(e.dateValue), o.value = t.value, u.value++), e.epochTimeMillis != null && (t.value = d(e.epochTimeMillis), o.value = t.value, u.value++);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    onMounted(() => {
+      if (props.dateValue != null) {
+        calendarModel.value = convertMillisToDate(props.dateValue);
+        field.value = calendarModel.value;
+        calendarKey.value++;
+      }
+      if (props.epochTimeMillis != null) {
+        calendarModel.value = convertMillisToDate(props.epochTimeMillis);
+        field.value = calendarModel.value;
+        calendarKey.value++;
+      }
     });
-    const { locale: M } = I("Calendar"), t = p(), u = p(0), { value: o, errorMessage: g } = e.useValidator ? k(e.fieldName ?? "date", (a) => B(a)) : {
-      value: v({
-        get: () => e.modelValue,
-        set: (a) => {
-          r("update:modelValue", a);
+    const { locale } = useWangsVueConfig("Calendar");
+    const calendarModel = ref();
+    const calendarKey = ref(0);
+    const { value: field, errorMessage } = props.useValidator ? useField(props.fieldName ?? "date", (value) => {
+      return setValidatorMessage(value);
+    }) : {
+      value: computed({
+        get: () => {
+          return props.modelValue;
+        },
+        set: (value) => {
+          emit("update:modelValue", value);
         }
       })
-    }, h = v(
-      () => e.invalid || "errorMessage" in o && !!o.errorMessage
-    ), B = async (a) => {
-      var l, i;
-      return await S(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? s() : !a && e.mandatory ? ((i = e.customValidation) == null ? void 0 : i.empty) ?? s() : !0;
-    }, s = () => {
-      var a;
-      return M.emptyInvalidText.replace("{label}", e.label).replace(
+    };
+    const invalidInput = computed(
+      () => props.invalid || "errorMessage" in field && !!field.errorMessage
+    );
+    const setValidatorMessage = async (value) => {
+      var _a, _b;
+      await nextTick();
+      if (typeof props.validatorMessage === "string" && props.invalid) {
+        return props.validatorMessage;
+      } else if (typeof props.validatorMessage !== "string" && !value && props.mandatory) {
+        return ((_a = props.validatorMessage) == null ? void 0 : _a.empty) ?? getDefaultEmptyInvalidText();
+      } else if (!value && props.mandatory) {
+        return ((_b = props.customValidation) == null ? void 0 : _b.empty) ?? getDefaultEmptyInvalidText();
+      }
+      return true;
+    };
+    const getDefaultEmptyInvalidText = () => {
+      var _a;
+      return locale.emptyInvalidText.replace("{label}", props.label).replace(
         "{formattedLabel}",
-        (a = L(e.label)) == null ? void 0 : a.toLowerCase()
+        (_a = formatVowelSoundLabel(props.label)) == null ? void 0 : _a.toLowerCase()
       );
-    }, m = (a, l) => {
-      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (o.value = l), a === "date" && e.useValidator && r("update:modelValue", l), a === "millis" && r("update:epochTimeMillis", l);
-    }, d = (a) => Array.isArray(a) ? a.map((l) => l == null ? null : new Date(l)) : new Date(a);
-    return n(
-      () => e.dateValue,
+    };
+    const onUpdateModelValue = (format, e) => {
+      if (format === props.valueFormat && props.useValidator || !props.useValidator && format === "date") {
+        field.value = e;
+      }
+      if (format === "date" && props.useValidator) {
+        emit("update:modelValue", e);
+      }
+      if (format === "millis") {
+        emit("update:epochTimeMillis", e);
+      }
+    };
+    const convertMillisToDate = (value) => {
+      return Array.isArray(value) ? value.map((millis) => millis == null ? null : new Date(millis)) : new Date(value);
+    };
+    watch(
+      () => props.dateValue,
       () => {
-        t.value = d(e.dateValue), e.useValidator && (o.value = t.value), u.value++;
+        calendarModel.value = convertMillisToDate(props.dateValue);
+        if (props.useValidator) field.value = calendarModel.value;
+        calendarKey.value++;
       },
       {
-        once: !0
+        once: true
       }
-    ), n(
-      () => e.epochTimeMillis,
+    );
+    watch(
+      () => props.epochTimeMillis,
       () => {
-        t.value = d(e.epochTimeMillis), e.useValidator && (o.value = t.value), u.value++;
+        calendarModel.value = convertMillisToDate(props.epochTimeMillis);
+        if (props.useValidator) field.value = calendarModel.value;
+        calendarKey.value++;
       }
-    ), n(
-      () => e.modelValue,
+    );
+    watch(
+      () => props.modelValue,
       () => {
-        t.value = e.modelValue, e.useValidator && (o.value = t.value);
+        calendarModel.value = props.modelValue;
+        if (props.useValidator) field.value = calendarModel.value;
       }
-    ), C(() => {
-      t.value = e.valueFormat === "date" ? o.value : o.value ? d(o.value) : o.value;
-    }), (a, l) => (D(), x(O, b({ key: u.value }, e, {
-      "error-message": F(g),
-      invalid: h.value,
-      "model-value": t.value,
-      "selection-mode": a.selectionMode || a.mode,
-      "onUpdate:epochTimeMillis": l[0] || (l[0] = (i) => m("millis", i)),
-      "onUpdate:modelValue": l[1] || (l[1] = (i) => m("date", i))
-    }), {
-      default: f(({ onClick: i }) => [
-        c(a.$slots, "default", { onClick: i })
-      ]),
-      "addon-overlay": f(() => [
-        c(a.$slots, "addon-overlay")
-      ]),
-      _: 3
-    }, 16, ["error-message", "invalid", "model-value", "selection-mode"]));
+    );
+    watchEffect(() => {
+      calendarModel.value = (() => {
+        if (props.valueFormat === "date")
+          return field.value;
+        return field.value ? convertMillisToDate(field.value) : field.value;
+      })();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ key: calendarKey.value }, props, {
+        "error-message": unref(errorMessage),
+        invalid: invalidInput.value,
+        "model-value": calendarModel.value,
+        "selection-mode": _ctx.selectionMode || _ctx.mode,
+        "onUpdate:epochTimeMillis": _cache[0] || (_cache[0] = ($event) => onUpdateModelValue("millis", $event)),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => onUpdateModelValue("date", $event))
+      }), {
+        default: withCtx(({ onClick }) => [
+          renderSlot(_ctx.$slots, "default", { onClick })
+        ]),
+        "addon-overlay": withCtx(() => [
+          renderSlot(_ctx.$slots, "addon-overlay")
+        ]),
+        _: 3
+      }, 16, ["error-message", "invalid", "model-value", "selection-mode"]);
+    };
   }
 });
 export {
-  N as _
+  _sfc_main as _
 };

package/card/index.es.js

@@ -1,47 +1,49 @@
-import { defineComponent as s, createBlock as n, openBlock as r, unref as l, createSlots as i, withCtx as o, renderSlot as t } from "vue";
-import { s as a } from "../vendor/primevue/card/card.esm.es.js";
-const p = /* @__PURE__ */ s({
+import { defineComponent, createBlock, openBlock, unref, createSlots, withCtx, renderSlot } from "vue";
+import { s as script } from "../vendor/primevue/card/card.esm.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Card",
-  setup(f) {
-    return (e, m) => (r(), n(l(a), null, i({ _: 2 }, [
-      e.$slots.header ? {
-        name: "header",
-        fn: o(() => [
-          t(e.$slots, "header")
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots.title ? {
-        name: "title",
-        fn: o(() => [
-          t(e.$slots, "title")
-        ]),
-        key: "1"
-      } : void 0,
-      e.$slots.subtitle ? {
-        name: "subtitle",
-        fn: o(() => [
-          t(e.$slots, "subtitle")
-        ]),
-        key: "2"
-      } : void 0,
-      e.$slots.content ? {
-        name: "content",
-        fn: o(() => [
-          t(e.$slots, "content")
-        ]),
-        key: "3"
-      } : void 0,
-      e.$slots.footer ? {
-        name: "footer",
-        fn: o(() => [
-          t(e.$slots, "footer")
-        ]),
-        key: "4"
-      } : void 0
-    ]), 1024));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), null, createSlots({ _: 2 }, [
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "2"
+        } : void 0,
+        _ctx.$slots.content ? {
+          name: "content",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "content")
+          ]),
+          key: "3"
+        } : void 0,
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "4"
+        } : void 0
+      ]), 1024);
+    };
   }
 });
 export {
-  p as _
+  _sfc_main as _
 };

package/checkbox/index.es.js

@@ -1,30 +1,32 @@
-import { defineComponent as S, mergeModels as y, inject as w, useModel as N, reactive as q, onMounted as M, computed as V, watch as h, createElementBlock as L, openBlock as k, mergeProps as d, unref as u, createElementVNode as c, renderSlot as P, createVNode as I, normalizeClass as j, createTextVNode as x, createBlock as A, createCommentVNode as E, toDisplayString as F } from "vue";
-import { u as O } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { c as T, e as $ } from "../utils/object.util.es.js";
-import { _ as B } from "../icon/index.es.js";
-const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "input-id", "name", "readonly", "required", "tabindex", "value"], Q = /* @__PURE__ */ S({
+import { defineComponent, mergeModels, inject, useModel, reactive, onMounted, computed, watch, createElementBlock, openBlock, mergeProps, unref, createElementVNode, renderSlot, createVNode, normalizeClass, createTextVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
+import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { c as contains, e as equals } from "../utils/object.util.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _hoisted_1 = ["data-p-disabled", "data-p-highlight"];
+const _hoisted_2 = ["id", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "input-id", "name", "readonly", "required", "tabindex", "value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ mergeModels({
     value: {},
     modelValue: {},
     label: {},
     tooltip: {},
     tooltipPos: {},
     name: {},
-    withinTable: { type: Boolean, default: !1 },
-    binary: { type: Boolean, default: !0 },
+    withinTable: { type: Boolean, default: false },
+    binary: { type: Boolean, default: true },
     triState: { type: [Boolean, null] },
     invalid: { type: Boolean },
     disabled: { type: Boolean },
-    selectable: { type: Boolean, default: !0 },
+    selectable: { type: Boolean, default: true },
     variant: {},
     readonly: { type: Boolean },
     useValidator: { type: Boolean },
     fieldName: {},
     required: { type: Boolean },
     tabindex: {},
-    trueValue: { default: !0 },
-    falseValue: { default: !1 },
+    trueValue: { default: true },
+    falseValue: { default: false },
     inputId: { default: "checkbox" },
     inputClass: {},
     inputStyle: {},
@@ -35,101 +37,130 @@ const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "a
     unstyled: { type: Boolean },
     labelClass: {}
   }, {
-    modelValue: {},
-    modelModifiers: {}
+    "modelValue": {},
+    "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ y(["update:modelValue", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(p, { emit: g }) {
-    const i = w("preset", {}).checkbox, e = p, s = g, b = N(p, "modelValue"), l = q({
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const Preset = inject("preset", {}).checkbox;
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const field = reactive({
       value: void 0
     });
-    M(() => {
-      e.useValidator && (Object.assign(l, O(e.fieldName ?? "checkbox")), e.value != null && (l.value = e.value)), e.modelValue != null && (l.value = e.modelValue);
+    onMounted(() => {
+      if (props.useValidator) {
+        Object.assign(field, useField(props.fieldName ?? "checkbox"));
+        if (props.value != null) field.value = props.value;
+      }
+      if (props.modelValue != null) field.value = props.modelValue;
+    });
+    const checked = computed(() => {
+      if (props.triState) return field.value;
+      return props.binary ? field.value === props.trueValue : contains(props.value, props.modelValue);
+    });
+    const partialChecked = computed(() => {
+      return props.triState && modelValue.value === false;
     });
-    const o = V(() => e.triState ? l.value : e.binary ? l.value === e.trueValue : T(e.value, e.modelValue)), v = V(() => e.triState && b.value === !1), C = (a) => {
-      if (!e.disabled && !e.readonly) {
-        let t;
-        e.binary && !e.triState ? t = o.value ? e.falseValue : e.trueValue : e.triState ? t = // eslint-disable-next-line no-nested-ternary
-        l.value == null ? !1 : l.value === !1 ? !0 : null : Array.isArray(e.modelValue) && (o.value ? t = e.modelValue.filter(
-          (r) => !$(r, e.value)
-        ) : t = e.modelValue ? [...e.modelValue, e.value] : [e.value]), b.value = t, l.value = t, s("change", a);
+    const onChange = (event) => {
+      if (!props.disabled && !props.readonly) {
+        let newModelValue;
+        if (props.binary && !props.triState) {
+          newModelValue = checked.value ? props.falseValue : props.trueValue;
+        } else if (props.triState) {
+          newModelValue = // eslint-disable-next-line no-nested-ternary
+          field.value == null ? false : field.value === false ? true : null;
+        } else if (Array.isArray(props.modelValue)) {
+          if (checked.value)
+            newModelValue = props.modelValue.filter(
+              (val) => !equals(val, props.value)
+            );
+          else
+            newModelValue = props.modelValue ? [...props.modelValue, props.value] : [props.value];
+        }
+        modelValue.value = newModelValue;
+        field.value = newModelValue;
+        emit("change", event);
       }
     };
-    return h(
-      () => e.value,
+    watch(
+      () => props.value,
       () => {
-        l.value = e.value;
+        field.value = props.value;
       }
-    ), h(
-      () => e.modelValue,
+    );
+    watch(
+      () => props.modelValue,
       () => {
-        l.value = e.modelValue;
+        field.value = props.modelValue;
       }
-    ), (a, t) => {
-      var r, m, f;
-      return k(), L("label", d((r = u(i)) == null ? void 0 : r.root, {
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("label", mergeProps((_a = unref(Preset)) == null ? void 0 : _a.root, {
         class: [
-          { "gap-1": e == null ? void 0 : e.label },
-          { "pointer-events-none": !(e != null && e.selectable) }
+          { "gap-1": props == null ? void 0 : props.label },
+          { "pointer-events-none": !(props == null ? void 0 : props.selectable) }
         ],
-        "data-p-disabled": a.disabled,
-        "data-p-highlight": l.value,
+        "data-p-disabled": _ctx.disabled,
+        "data-p-highlight": field.value,
         "data-wv-name": "checkbox"
       }), [
-        c("input", d({ id: a.inputId }, { ...(m = u(i)) == null ? void 0 : m.input, ...e }, {
-          "aria-invalid": a.invalid || void 0,
-          "aria-label": a.ariaLabel,
-          "aria-labelledby": a.ariaLabelledby,
-          checked: o.value,
-          disabled: a.disabled,
-          "input-id": a.inputId,
-          name: a.name,
-          readonly: a.readonly,
-          required: a.required,
-          style: a.inputStyle,
-          tabindex: a.tabindex,
-          value: l.value,
-          onBlur: t[0] || (t[0] = (n) => s("blur", n)),
-          onChange: C,
-          onFocus: t[1] || (t[1] = (n) => s("focus", n)),
+        createElementVNode("input", mergeProps({ id: _ctx.inputId }, { ...(_b = unref(Preset)) == null ? void 0 : _b.input, ...props }, {
+          "aria-invalid": _ctx.invalid || void 0,
+          "aria-label": _ctx.ariaLabel,
+          "aria-labelledby": _ctx.ariaLabelledby,
+          checked: checked.value,
+          disabled: _ctx.disabled,
+          "input-id": _ctx.inputId,
+          name: _ctx.name,
+          readonly: _ctx.readonly,
+          required: _ctx.required,
+          style: _ctx.inputStyle,
+          tabindex: _ctx.tabindex,
+          value: field.value,
+          onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event)),
+          onChange,
+          onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event)),
           "data-wv-section": "checkbox-input",
           type: "checkbox"
-        }), null, 16, D),
-        c("div", d(
-          (f = u(i)) == null ? void 0 : f.box({
-            props: e,
+        }), null, 16, _hoisted_2),
+        createElementVNode("div", mergeProps(
+          (_c = unref(Preset)) == null ? void 0 : _c.box({
+            props,
             context: {
-              checked: o.value,
-              partialChecked: v.value
+              checked: checked.value,
+              partialChecked: partialChecked.value
             }
           }),
           { "data-wv-section": "box" }
         ), [
-          P(a.$slots, "icon", { checked: o.value }, () => {
-            var n;
+          renderSlot(_ctx.$slots, "icon", { checked: checked.value }, () => {
+            var _a2;
             return [
-              I(B, {
-                class: j([...(n = u(i)) == null ? void 0 : n.icon.class, { "text-transparent": !o.value }]),
-                icon: o.value ? "check" : v.value ? "subtract" : null
+              createVNode(_sfc_main$1, {
+                class: normalizeClass([...(_a2 = unref(Preset)) == null ? void 0 : _a2.icon.class, { "text-transparent": !checked.value }]),
+                icon: checked.value ? "check" : partialChecked.value ? "subtract" : null
               }, null, 8, ["class", "icon"])
             ];
           })
         ], 16),
-        c("span", d(u(i).label({ props: e }), { "data-wv-section": "checkbox-label" }), [
-          x(F(a.label) + " ", 1),
-          a.tooltip ? (k(), A(B, d({
+        createElementVNode("span", mergeProps(unref(Preset).label({ props }), { "data-wv-section": "checkbox-label" }), [
+          createTextVNode(toDisplayString(_ctx.label) + " ", 1),
+          _ctx.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
             key: 0,
-            info: a.tooltip,
-            "tooltip-pos": a.tooltipPos
-          }, u(i).tooltipicon, {
+            info: _ctx.tooltip,
+            "tooltip-pos": _ctx.tooltipPos
+          }, unref(Preset).tooltipicon, {
             "data-wv-section": "tooltipicon",
             icon: "info"
-          }), null, 16, ["info", "tooltip-pos"])) : E("", !0)
+          }), null, 16, ["info", "tooltip-pos"])) : createCommentVNode("", true)
         ], 16)
-      ], 16, z);
+      ], 16, _hoisted_1);
     };
   }
 });
 export {
-  Q as _
+  _sfc_main as _
 };