song-ui-u/es/components/steps/src/steps.mjs

vue3 + js的PC前端组件库

import { defineComponent, createVNode, cloneVNode } from 'vue';
import { useNamespace } from '../../../hook/use-namespace/index.mjs';
import 'song-ui-pro-icon';
import '../../../hook/use-zindex/index.mjs';

var steps = /* @__PURE__ */ defineComponent({
  name: "x-steps",
  props: {
    active: {
      type: Number,
      default: 0
    },
    finishStatus: {
      type: String,
      default: ""
    },
    direction: {
      type: String,
      default: "horizontal"
    }
  },
  setup(props, {
    slots
  }) {
    const ns = useNamespace("steps");
    return () => {
      const children = slots.default?.();
      return createVNode("div", {
        "class": [ns.b(), ns.m("direction", props.direction)]
      }, [children?.map((child, index) => {
        return cloneVNode(child, {
          index: index + 1,
          active: props.active,
          finishStatus: props.finishStatus,
          direction: props.direction
        });
      })]);
    };
  }
});

export { steps as default };
//# sourceMappingURL=steps.mjs.map