feat(timeline): 横向排列

src/component/timeline/index.vue

@@ -6,10 +6,24 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
+import { computed, withDefaults } from "vue";
+
+export interface LayTimelineProps {
+  direction: "horizontal" | "vertical";
+}
+
+const props = withDefaults(defineProps<LayTimelineProps>(), {
+  direction: "vertical",
+});
+
+const timeLineClass = computed(() => [
+  "layui-timeline",
+  props.direction === "horizontal" ? "layui-timeline-horizontal" : "",
+])
 </script>
 
 <template>
-  <ul class="layui-timeline">
+  <ul :class="timeLineClass">
     <slot></slot>
   </ul>
 </template>