vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
22 lines (21 loc) • 588 B
JavaScript
import { computed as r } from "vue";
const i = (e) => {
const o = r(() => {
const s = [];
return e.type === "line" ? s.push("is-line") : s.push("is-circle"), s;
}), t = r(() => e.status === "error" ? "var(--app-danger)" : e.strokeColor), c = r(() => ({
transform: `scaleX(${e.percentage / 100})`,
transformOrigin: "left",
backgroundColor: t.value
})), n = 2 * Math.PI * 45, a = r(() => (100 - e.percentage) / 100 * n);
return {
classNames: o,
lineStyle: c,
bgColor: t,
dashoffset: a,
circumference: n
};
};
export {
i as useProgress
};