jmash-core 0.0.3 → 0.0.5

package/dist/el-switch-cqWxQwcb.mjs

@@ -0,0 +1,254 @@
+import { defineComponent as $, computed as d, ref as S, watch as F, onMounted as X, openBlock as i, createElementBlock as v, normalizeClass as u, unref as a, withModifiers as Z, createElementVNode as T, withKeys as x, createBlock as c, withCtx as p, resolveDynamicComponent as y, createCommentVNode as r, toDisplayString as E, normalizeStyle as ee, createVNode as ae, renderSlot as L, nextTick as ie } from "vue";
+import { m as te, bI as ne, Y as g, n as oe, aK as P, aL as V, O as C, p as N, aM as B, bJ as A, aS as le, aO as se, x as ce, aT as re, aP as ue, bs as de, aU as U, z as h, bK as ve, _ as fe, bL as _, a4 as pe, L as he } from "./index-B6wY38lY.mjs";
+const me = te({
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: String,
+    validator: ne
+  },
+  width: {
+    type: [String, Number],
+    default: ""
+  },
+  inlinePrompt: {
+    type: Boolean,
+    default: !1
+  },
+  inactiveActionIcon: {
+    type: g
+  },
+  activeActionIcon: {
+    type: g
+  },
+  activeIcon: {
+    type: g
+  },
+  inactiveIcon: {
+    type: g
+  },
+  activeText: {
+    type: String,
+    default: ""
+  },
+  inactiveText: {
+    type: String,
+    default: ""
+  },
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: !0
+  },
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: !1
+  },
+  name: {
+    type: String,
+    default: ""
+  },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  beforeChange: {
+    type: oe(Function)
+  },
+  id: String,
+  tabindex: {
+    type: [String, Number]
+  },
+  label: {
+    type: String,
+    default: void 0
+  }
+}), ye = {
+  [P]: (l) => V(l) || C(l) || N(l),
+  [B]: (l) => V(l) || C(l) || N(l),
+  [A]: (l) => V(l) || C(l) || N(l)
+}, be = ["onClick"], Ie = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], ke = ["aria-hidden"], ge = ["aria-hidden"], Ve = ["aria-hidden"], K = "ElSwitch", we = $({
+  name: K
+}), Se = /* @__PURE__ */ $({
+  ...we,
+  props: me,
+  emits: ye,
+  setup(l, { expose: G, emit: f }) {
+    const n = l, { formItem: b } = le(), H = se(), t = ce("switch"), { inputId: J } = re(n, {
+      formItemContext: b
+    }), I = ue(d(() => n.loading)), z = S(n.modelValue !== !1), m = S(), R = S(), W = d(() => [
+      t.b(),
+      t.m(H.value),
+      t.is("disabled", I.value),
+      t.is("checked", o.value)
+    ]), Y = d(() => [
+      t.e("label"),
+      t.em("label", "left"),
+      t.is("active", !o.value)
+    ]), j = d(() => [
+      t.e("label"),
+      t.em("label", "right"),
+      t.is("active", o.value)
+    ]), q = d(() => ({
+      width: de(n.width)
+    }));
+    F(() => n.modelValue, () => {
+      z.value = !0;
+    });
+    const O = d(() => z.value ? n.modelValue : !1), o = d(() => O.value === n.activeValue);
+    [n.activeValue, n.inactiveValue].includes(O.value) || (f(P, n.inactiveValue), f(B, n.inactiveValue), f(A, n.inactiveValue)), F(o, (e) => {
+      var s;
+      m.value.checked = e, n.validateEvent && ((s = b == null ? void 0 : b.validate) == null || s.call(b, "change").catch((M) => U(M)));
+    });
+    const k = () => {
+      const e = o.value ? n.inactiveValue : n.activeValue;
+      f(P, e), f(B, e), f(A, e), ie(() => {
+        m.value.checked = o.value;
+      });
+    }, D = () => {
+      if (I.value)
+        return;
+      const { beforeChange: e } = n;
+      if (!e) {
+        k();
+        return;
+      }
+      const s = e();
+      [
+        _(s),
+        V(s)
+      ].includes(!0) || pe(K, "beforeChange must return type `Promise<boolean>` or `boolean`"), _(s) ? s.then((w) => {
+        w && k();
+      }).catch((w) => {
+        U(K, `some error occurred: ${w}`);
+      }) : s && k();
+    }, Q = () => {
+      var e, s;
+      (s = (e = m.value) == null ? void 0 : e.focus) == null || s.call(e);
+    };
+    return X(() => {
+      m.value.checked = o.value;
+    }), G({
+      focus: Q,
+      checked: o
+    }), (e, s) => (i(), v("div", {
+      class: u(a(W)),
+      onClick: Z(D, ["prevent"])
+    }, [
+      T("input", {
+        id: a(J),
+        ref_key: "input",
+        ref: m,
+        class: u(a(t).e("input")),
+        type: "checkbox",
+        role: "switch",
+        "aria-checked": a(o),
+        "aria-disabled": a(I),
+        "aria-label": e.label,
+        name: e.name,
+        "true-value": e.activeValue,
+        "false-value": e.inactiveValue,
+        disabled: a(I),
+        tabindex: e.tabindex,
+        onChange: k,
+        onKeydown: x(D, ["enter"])
+      }, null, 42, Ie),
+      !e.inlinePrompt && (e.inactiveIcon || e.inactiveText) ? (i(), v("span", {
+        key: 0,
+        class: u(a(Y))
+      }, [
+        e.inactiveIcon ? (i(), c(a(h), { key: 0 }, {
+          default: p(() => [
+            (i(), c(y(e.inactiveIcon)))
+          ]),
+          _: 1
+        })) : r("v-if", !0),
+        !e.inactiveIcon && e.inactiveText ? (i(), v("span", {
+          key: 1,
+          "aria-hidden": a(o)
+        }, E(e.inactiveText), 9, ke)) : r("v-if", !0)
+      ], 2)) : r("v-if", !0),
+      T("span", {
+        ref_key: "core",
+        ref: R,
+        class: u(a(t).e("core")),
+        style: ee(a(q))
+      }, [
+        e.inlinePrompt ? (i(), v("div", {
+          key: 0,
+          class: u(a(t).e("inner"))
+        }, [
+          e.activeIcon || e.inactiveIcon ? (i(), c(a(h), {
+            key: 0,
+            class: u(a(t).is("icon"))
+          }, {
+            default: p(() => [
+              (i(), c(y(a(o) ? e.activeIcon : e.inactiveIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : e.activeText || e.inactiveText ? (i(), v("span", {
+            key: 1,
+            class: u(a(t).is("text")),
+            "aria-hidden": !a(o)
+          }, E(a(o) ? e.activeText : e.inactiveText), 11, ge)) : r("v-if", !0)
+        ], 2)) : r("v-if", !0),
+        T("div", {
+          class: u(a(t).e("action"))
+        }, [
+          e.loading ? (i(), c(a(h), {
+            key: 0,
+            class: u(a(t).is("loading"))
+          }, {
+            default: p(() => [
+              ae(a(ve))
+            ]),
+            _: 1
+          }, 8, ["class"])) : a(o) ? L(e.$slots, "active-action", { key: 1 }, () => [
+            e.activeActionIcon ? (i(), c(a(h), { key: 0 }, {
+              default: p(() => [
+                (i(), c(y(e.activeActionIcon)))
+              ]),
+              _: 1
+            })) : r("v-if", !0)
+          ]) : a(o) ? r("v-if", !0) : L(e.$slots, "inactive-action", { key: 2 }, () => [
+            e.inactiveActionIcon ? (i(), c(a(h), { key: 0 }, {
+              default: p(() => [
+                (i(), c(y(e.inactiveActionIcon)))
+              ]),
+              _: 1
+            })) : r("v-if", !0)
+          ])
+        ], 2)
+      ], 6),
+      !e.inlinePrompt && (e.activeIcon || e.activeText) ? (i(), v("span", {
+        key: 1,
+        class: u(a(j))
+      }, [
+        e.activeIcon ? (i(), c(a(h), { key: 0 }, {
+          default: p(() => [
+            (i(), c(y(e.activeIcon)))
+          ]),
+          _: 1
+        })) : r("v-if", !0),
+        !e.activeIcon && e.activeText ? (i(), v("span", {
+          key: 1,
+          "aria-hidden": !a(o)
+        }, E(e.activeText), 9, Ve)) : r("v-if", !0)
+      ], 2)) : r("v-if", !0)
+    ], 10, be));
+  }
+});
+var Te = /* @__PURE__ */ fe(Se, [["__file", "switch.vue"]]);
+const Ne = he(Te);
+export {
+  Ne as E
+};