kui-vue/components/timeline/timeline.jsx

A lightweight desktop UI component library suitable for Vue.js 2.

import { defineComponent } from "vue";
import { withInstall } from "../utils/vue";
const TimeLine = defineComponent({
  name: "TimeLine",
  props: {
    mode: {
      type: String,
      default: "left",
      validator: (val) => {
        return ["left", "right", "center", "alternate"].indexOf(val) > -1;
      },
    },
  },
  setup(ps, { slots }) {
    return () => {
      const classes = ["k-timeline", `k-timeline-${ps.mode}`];
      return <ul class={classes}>{slots.default?.()}</ul>;
    };
  },
});
export default withInstall(TimeLine);