mine-h5-ui/es/MeStepItem/index.vue.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { defineComponent as i, openBlock as m, createElementBlock as p, normalizeStyle as l, unref as e, normalizeClass as r, createElementVNode as c, renderSlot as d } from "vue";
import { useHandler as v } from "./hooks.js";
const C = /* @__PURE__ */ i({
  name: "MeStepItem",
  __name: "index",
  props: {
    name: {}
  },
  setup(n) {
    const s = n, { isActive: t, parentProps: o } = v(s);
    return (a, u) => (m(), p("div", {
      class: r(["me-step-item", [e(o).direction, e(o).type, e(t) ? "active" : ""]]),
      style: l(`color:${e(t) ? e(o).activeColor : e(o).color};`)
    }, [
      c("div", {
        class: "dot",
        style: l(`color:${e(t) ? e(o).activeColor : e(o).color};`)
      }, [
        c("i", {
          class: r(["iconfont", `icon-${e(o)[e(t) ? "activeIcon" : "icon"]}`])
        }, null, 2)
      ], 4),
      c("div", {
        class: "line",
        style: l(`background:${e(t) ? e(o).activeColor : e(o).color};`)
      }, null, 4),
      c("div", {
        class: "text",
        style: l(`color:${e(t) ? e(o).activeColor : e(o).color};`)
      }, [
        d(a.$slots, "default")
      ], 4)
    ], 6));
  }
});
export {
  C as default
};