comic-plus
Version:
<p align="center"> <img width="200px" src="./logo.png"/> </p>
37 lines (36 loc) • 1.62 kB
JavaScript
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
import "../../../icons/index.mjs";
import { stepItemProps } from "./item.props.mjs";
import { useStepItem } from "./use-item.mjs";
import { DoubleDown, DoubleRight } from "../../../icons/components/components.mjs";
const _hoisted_1 = { class: "cu-step-card__header" };
const _sfc_main = /* @__PURE__ */ defineComponent({
...{
name: "CuStepCard"
},
__name: "card",
props: stepItemProps,
setup(__props) {
const props = __props;
const { isFinish, isCurrent, currentIcon, injectProps } = useStepItem(props);
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["cu-step-card", { "is-finish": unref(isFinish), "is-active": unref(isCurrent) && !_ctx.error, error: _ctx.error }])
}, [
createElementVNode("div", _hoisted_1, [
unref(currentIcon) ? (openBlock(), createBlock(resolveDynamicComponent(unref(currentIcon)), {
key: 0,
class: "cu-step-item__icon"
})) : createCommentVNode("", true),
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title), 1)
])
]),
(openBlock(), createBlock(resolveDynamicComponent(unref(injectProps).direction === "vertical" ? unref(DoubleDown) : unref(DoubleRight)), { class: "card-bridge" }))
], 2);
};
}
});
export {
_sfc_main as default
};