sci-pro
Version:
27 lines (26 loc) • 875 B
JavaScript
import { defineComponent as s, computed as a, openBlock as r, createElementBlock as i, normalizeStyle as c, createElementVNode as l } from "vue";
import "./style/index.css";
const u = /* @__PURE__ */ l("div", { class: "sci-wave" }, null, -1), d = ["data-num"], m = s({ name: "sci-state-ball" }), z = /* @__PURE__ */ s({
...m,
props: {
num: { default: 0 },
color: { default: "#dd0000" },
size: { default: "default" }
},
setup(o) {
const e = o, n = a(() => e.size === "default" ? 1 : e.size === "small" ? 0.7 : e.size === "large" ? 1.3 : e.size);
return (t, f) => (r(), i("div", {
class: "sci-state-ball",
style: c({ "--offset": t.num, "--color": t.color, "--size": n.value })
}, [
u,
l("div", {
"data-num": t.num,
class: "sci-progress"
}, null, 8, d)
], 4));
}
});
export {
z as default
};