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

package/toast/index.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as v, onMounted as $, onBeforeMount as k, shallowRef as p, onBeforeUnmount as y, createBlock as d, createCommentVNode as f, openBlock as m, unref as B, mergeProps as C, createSlots as G, withCtx as i, normalizeClass as b, renderSlot as c } from "vue";
-import { e as g } from "../event-bus/index.es.js";
-import { s as h } from "../vendor/primevue/toast/toast.esm.es.js";
-import { _ as E } from "../icon/index.es.js";
-const S = /* @__PURE__ */ v({
+import { defineComponent, onMounted, onBeforeMount, shallowRef, onBeforeUnmount, createBlock, createCommentVNode, openBlock, unref, mergeProps, createSlots, withCtx, normalizeClass, renderSlot } from "vue";
+import { e as eventBus } from "../event-bus/index.es.js";
+import { s as script } from "../vendor/primevue/toast/toast.esm.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toast",
   props: {
     group: { default: "default-toast" },
@@ -17,58 +17,71 @@ const S = /* @__PURE__ */ v({
     unstyled: { type: Boolean }
   },
   emits: ["close", "lifeEnd"],
-  setup(w) {
-    const s = w;
-    $(() => {
-      g.on("toast:add", l);
-    }), k(() => {
-      window.toastGroups && window.toastGroups.includes(s.group) ? a.value = !1 : (window.toastGroups = [s.group, ...window.toastGroups ?? []], a.value = !0);
-    }), y(() => {
-      var o;
-      window.toastGroups = (o = window.toastGroups) == null ? void 0 : o.filter(
-        (t) => t !== s.group
-      ), g.off("toast:add", l);
+  setup(__props) {
+    const props = __props;
+    onMounted(() => {
+      eventBus.on("toast:add", handleToastAdd);
     });
-    const n = p(), a = p(!1), l = (o) => {
-      o.group === s.group && (n.value = o), o.error && console.error(o.error);
+    onBeforeMount(() => {
+      if (window.toastGroups && window.toastGroups.includes(props.group)) {
+        renderToast.value = false;
+      } else {
+        window.toastGroups = [props.group, ...window.toastGroups ?? []];
+        renderToast.value = true;
+      }
+    });
+    onBeforeUnmount(() => {
+      var _a;
+      window.toastGroups = (_a = window.toastGroups) == null ? void 0 : _a.filter(
+        (group) => group !== props.group
+      );
+      eventBus.off("toast:add", handleToastAdd);
+    });
+    const toastParams = shallowRef();
+    const renderToast = shallowRef(false);
+    const handleToastAdd = (params) => {
+      if (params.group === props.group) toastParams.value = params;
+      if (params.error) console.error(params.error);
+    };
+    return (_ctx, _cache) => {
+      return renderToast.value ? (openBlock(), createBlock(unref(script), mergeProps({ key: 0 }, _ctx.$props, {
+        "data-group": _ctx.$props.group,
+        onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
+        onLifeEnd: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("lifeEnd", $event))
+      }), createSlots({
+        icon: withCtx(() => {
+          var _a, _b, _c;
+          return [
+            ((_a = toastParams.value) == null ? void 0 : _a.icon) ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              class: normalizeClass(["w-5 h-5 text-inherit", (_b = toastParams.value) == null ? void 0 : _b.iconClass]),
+              icon: (_c = toastParams.value) == null ? void 0 : _c.icon
+            }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
+          ];
+        }),
+        _: 2
+      }, [
+        _ctx.$slots["container"] ? {
+          name: "container",
+          fn: withCtx(({ message, closeCallback }) => [
+            renderSlot(_ctx.$slots, "container", {
+              closeCallback,
+              message
+            })
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["message"] ? {
+          name: "message",
+          fn: withCtx(({ message }) => [
+            renderSlot(_ctx.$slots, "message", { message })
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["data-group"])) : createCommentVNode("", true);
     };
-    return (o, t) => a.value ? (m(), d(B(h), C({ key: 0 }, o.$props, {
-      "data-group": o.$props.group,
-      onClose: t[0] || (t[0] = (e) => o.$emit("close", e)),
-      onLifeEnd: t[1] || (t[1] = (e) => o.$emit("lifeEnd", e))
-    }), G({
-      icon: i(() => {
-        var e, r, u;
-        return [
-          (e = n.value) != null && e.icon ? (m(), d(E, {
-            key: 0,
-            class: b(["w-5 h-5 text-inherit", (r = n.value) == null ? void 0 : r.iconClass]),
-            icon: (u = n.value) == null ? void 0 : u.icon
-          }, null, 8, ["class", "icon"])) : f("", !0)
-        ];
-      }),
-      _: 2
-    }, [
-      o.$slots.container ? {
-        name: "container",
-        fn: i(({ message: e, closeCallback: r }) => [
-          c(o.$slots, "container", {
-            closeCallback: r,
-            message: e
-          })
-        ]),
-        key: "0"
-      } : void 0,
-      o.$slots.message ? {
-        name: "message",
-        fn: i(({ message: e }) => [
-          c(o.$slots, "message", { message: e })
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040, ["data-group"])) : f("", !0);
   }
 });
 export {
-  S as _
+  _sfc_main as _
 };

package/toggleswitch/index.es.js

@@ -1,18 +1,20 @@
-import { defineComponent as B, inject as w, computed as C, createBlock as p, openBlock as s, normalizeProps as c, guardReactiveProps as b, unref as o, withCtx as S, createElementVNode as u, createElementBlock as _, createCommentVNode as f, mergeProps as d, withModifiers as x, toDisplayString as P, h as L } from "vue";
-import { _ as j } from "../icon/index.es.js";
-const D = ["data-p-disabled", "data-p-highlight"], E = ["id", "aria-checked", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "readonly", "tabindex"], N = /* @__PURE__ */ B({
+import { defineComponent, inject, computed, createBlock, openBlock, normalizeProps, guardReactiveProps, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, mergeProps, withModifiers, toDisplayString, h } from "vue";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _hoisted_1 = ["data-p-disabled", "data-p-highlight"];
+const _hoisted_2 = ["id", "aria-checked", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "readonly", "tabindex"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ToggleSwitch",
   props: {
-    triState: { type: Boolean, default: !1 },
+    triState: { type: Boolean, default: false },
     modelValue: { type: [Boolean, String, null] },
-    trueValue: { default: !0 },
-    falseValue: { default: !1 },
+    trueValue: { default: true },
+    falseValue: { default: false },
     label: {},
     tooltip: {},
     tooltipPos: { default: "top" },
     invalid: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
     tabindex: {},
     inputId: {},
     inputClass: {},
@@ -24,67 +26,82 @@ const D = ["data-p-disabled", "data-p-highlight"], E = ["id", "aria-checked", "a
     unstyled: { type: Boolean }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(h, { emit: y }) {
-    const e = h, n = y, t = w("preset", {}).toggleswitch, i = C(() => e.modelValue === e.trueValue), m = (a) => {
-      if (!e.disabled && !e.readonly) {
-        let l;
-        e.triState ? e.triState && (l = // eslint-disable-next-line no-nested-ternary
-        e.modelValue == null ? e.trueValue : i.value ? e.falseValue : null) : l = i.value ? e.falseValue : e.trueValue, n("update:modelValue", l), n("change", a);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const Preset = inject("preset", {}).toggleswitch;
+    const isChecked = computed(() => props.modelValue === props.trueValue);
+    const handleChange = (event) => {
+      if (!props.disabled && !props.readonly) {
+        let newValue;
+        if (!props.triState) {
+          newValue = isChecked.value ? props.falseValue : props.trueValue;
+        } else if (props.triState) {
+          newValue = // eslint-disable-next-line no-nested-ternary
+          props.modelValue == null ? props.trueValue : isChecked.value ? props.falseValue : null;
+        }
+        emit("update:modelValue", newValue);
+        emit("change", event);
       }
-    }, g = (a) => {
-      n("focus", a);
-    }, V = (a) => {
-      n("blur", a);
-    }, v = (a, l) => {
-      const { attrs: k, slots: r } = l;
-      return e.label ? L("label", k, r.default()) : r.default();
     };
-    return (a, l) => (s(), p(v, c(b(o(t).label)), {
-      default: S(() => [
-        u("span", d(o(t).root({ props: e }), {
-          "data-p-disabled": e.disabled,
-          "data-p-highlight": i.value,
-          onClick: l[0] || (l[0] = x(() => {
-          }, ["stop"])),
-          "data-wv-name": "toggleswitch"
-        }), [
-          u("input", d(o(t).input({ props: e }), {
-            id: e.inputId,
-            "aria-checked": i.value,
-            "aria-invalid": e.invalid || void 0,
-            "aria-label": e.ariaLabel,
-            "aria-labelledby": e.ariaLabelledby,
-            checked: i.value,
-            class: ["input-switch-input", e.inputClass],
-            disabled: e.disabled,
-            readonly: e.readonly,
-            style: e.inputStyle,
-            tabindex: e.tabindex,
-            onBlur: V,
-            onChange: m,
-            onFocus: g,
-            role: "switch",
-            type: "checkbox"
-          }), null, 16, E),
-          u("span", c(b(o(t).slider({ props: e }))), null, 16)
-        ], 16, D),
-        e.label ? (s(), _("span", d({
-          key: 0,
-          "data-wv-section": "labeltext"
-        }, o(t).labeltext), P(a.label), 17)) : f("", !0),
-        a.tooltip ? (s(), p(j, d({
-          key: 1,
-          info: a.tooltip,
-          "tooltip-pos": a.tooltipPos
-        }, o(t).tooltipicon, {
-          "data-wv-section": "tooltipicon",
-          icon: "info"
-        }), null, 16, ["info", "tooltip-pos"])) : f("", !0)
-      ]),
-      _: 1
-    }, 16));
+    const handleFocus = (event) => {
+      emit("focus", event);
+    };
+    const handleBlur = (event) => {
+      emit("blur", event);
+    };
+    const Label = (propsData, setupContext) => {
+      const { attrs, slots } = setupContext;
+      return props.label ? h("label", attrs, slots.default()) : slots.default();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Label, normalizeProps(guardReactiveProps(unref(Preset).label)), {
+        default: withCtx(() => [
+          createElementVNode("span", mergeProps(unref(Preset).root({ props }), {
+            "data-p-disabled": props.disabled,
+            "data-p-highlight": isChecked.value,
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
+            "data-wv-name": "toggleswitch"
+          }), [
+            createElementVNode("input", mergeProps(unref(Preset).input({ props }), {
+              id: props.inputId,
+              "aria-checked": isChecked.value,
+              "aria-invalid": props.invalid || void 0,
+              "aria-label": props.ariaLabel,
+              "aria-labelledby": props.ariaLabelledby,
+              checked: isChecked.value,
+              class: ["input-switch-input", props.inputClass],
+              disabled: props.disabled,
+              readonly: props.readonly,
+              style: props.inputStyle,
+              tabindex: props.tabindex,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onFocus: handleFocus,
+              role: "switch",
+              type: "checkbox"
+            }), null, 16, _hoisted_2),
+            createElementVNode("span", normalizeProps(guardReactiveProps(unref(Preset).slider({ props }))), null, 16)
+          ], 16, _hoisted_1),
+          props.label ? (openBlock(), createElementBlock("span", mergeProps({
+            key: 0,
+            "data-wv-section": "labeltext"
+          }, unref(Preset).labeltext), toDisplayString(_ctx.label), 17)) : createCommentVNode("", true),
+          _ctx.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+            key: 1,
+            info: _ctx.tooltip,
+            "tooltip-pos": _ctx.tooltipPos
+          }, unref(Preset).tooltipicon, {
+            "data-wv-section": "tooltipicon",
+            icon: "info"
+          }), null, 16, ["info", "tooltip-pos"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16);
+    };
   }
 });
 export {
-  N as _
+  _sfc_main as _
 };