sci-pro
Version:
35 lines (34 loc) • 1.08 kB
JavaScript
import { defineComponent as i, openBlock as m, createElementBlock as u, normalizeClass as r, createElementVNode as a } from "vue";
import "./style/index.css";
const p = /* @__PURE__ */ a("div", { class: "sci-switch-content" }, [
/* @__PURE__ */ a("div", { class: "sci-switch-content-circle" })
], -1), f = [
p
], h = i({ name: "sci-switch" }), V = /* @__PURE__ */ i({
...h,
props: {
modelValue: { type: Boolean, default: !1 },
size: { default: "default" },
disabled: { type: Boolean, default: !1 }
},
emits: ["update:modelValue", "change"],
setup(c, { emit: o }) {
const t = c, l = o, n = (e) => {
if (t.disabled)
return;
const s = !t.modelValue;
l("update:modelValue", s), l("change", { value: s, $event: e });
};
return (e, s) => (m(), u("div", {
class: r(["sci-switch", {
"sci-is-checked": e.modelValue,
"sci-switch-small": e.size === "small",
"sci-switch-disabled": e.disabled
}]),
onClick: s[0] || (s[0] = (d) => n(d))
}, f, 2));
}
});
export {
V as default
};