plot: Support multiple directions for the tooltip cross line (#1128)

crates/ui/src/plot/tooltip.rs

@@ -5,10 +5,31 @@ use gpui::{
 
 use crate::{v_flex, ActiveTheme};
 
+#[derive(Default)]
+pub enum CrossLineAxis {
+    #[default]
+    Vertical,
+    Horizontal,
+    Both,
+}
+
+impl CrossLineAxis {
+    #[inline]
+    pub fn show_vertical(&self) -> bool {
+        matches!(self, CrossLineAxis::Vertical | CrossLineAxis::Both)
+    }
+
+    #[inline]
+    pub fn show_horizontal(&self) -> bool {
+        matches!(self, CrossLineAxis::Horizontal | CrossLineAxis::Both)
+    }
+}
+
 #[derive(IntoElement)]
 pub struct CrossLine {
     point: Point<Pixels>,
     height: Option<f32>,
+    direction: CrossLineAxis,
 }
 
 impl CrossLine {
@@ -16,9 +37,20 @@ impl CrossLine {
         Self {
             point,
             height: None,
+            direction: Default::default(),
         }
     }
 
+    pub fn horizontal(mut self) -> Self {
+        self.direction = CrossLineAxis::Horizontal;
+        self
+    }
+
+    pub fn both(mut self) -> Self {
+        self.direction = CrossLineAxis::Both;
+        self
+    }
+
     pub fn height(mut self, height: f32) -> Self {
         self.height = Some(height);
         self
@@ -38,7 +70,8 @@ impl RenderOnce for CrossLine {
             .absolute()
             .top_0()
             .left_0()
-            .child(
+            .when(self.direction.show_vertical(), |this| {
+                this.child(
                     div()
                         .absolute()
                         .w(px(1.))
@@ -53,7 +86,9 @@ impl RenderOnce for CrossLine {
                             }
                         }),
                 )
-            .child(
+            })
+            .when(self.direction.show_horizontal(), |this| {
+                this.child(
                     div()
                         .absolute()
                         .w_full()
@@ -62,6 +97,7 @@ impl RenderOnce for CrossLine {
                         .left_0()
                         .top(self.point.y),
                 )
+            })
     }
 }