vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
30 lines (29 loc) • 971 B
JavaScript
import { defineComponent as c, createElementBlock as m, openBlock as p, normalizeClass as d, unref as e, createElementVNode as t, createVNode as u, renderSlot as f } from "vue";
import { useItemStep as v } from "./hook/useItemStep.mjs";
import { Icon as _ } from "@vuux/icons";
const I = { class: "step-dot" }, x = { class: "step-text" }, k = /* @__PURE__ */ c({
name: "StepItem",
__name: "item",
props: {
name: {}
},
setup(i) {
const l = i, { isActive: s, isProcessing: r, stepContext: o } = v(l);
return (a, n) => (p(), m("div", {
class: d(["step-item", { "is-active": e(s), "is-processing": e(r) }])
}, [
t("div", I, [
u(e(_), {
name: e(s) ? e(o).fields.value.activeIcon : e(o).fields.value.icon
}, null, 8, ["name"]),
n[0] || (n[0] = t("div", { class: "step-line" }, null, -1))
]),
t("div", x, [
f(a.$slots, "default")
])
], 2));
}
});
export {
k as default
};