The background colors of the gauge had a workaround for the issue we had with VHS / TTYD rendering the background color of the gauge. This workaround is no longer necessary in the updated versions of VHS / TTYD. Fixes https://github.com/ratatui-org/ratatui/issues/501
487 lines
15 KiB
Rust
487 lines
15 KiB
Rust
#![deny(missing_docs)]
|
|
use crate::{
|
|
buffer::Buffer,
|
|
layout::Rect,
|
|
style::{Color, Style, Styled},
|
|
symbols,
|
|
text::{Line, Span},
|
|
widgets::{Block, Widget},
|
|
};
|
|
|
|
/// A widget to display a progress bar.
|
|
///
|
|
/// A `Gauge` renders a bar filled according to the value given to [`Gauge::percent`] or
|
|
/// [`Gauge::ratio`]. The bar width and height are defined by the [`Rect`] it is
|
|
/// [rendered](Widget::render) in.
|
|
/// The associated label is always centered horizontally and vertically. If not set with
|
|
/// [`Gauge::label`], the label is the percentage of the bar filled.
|
|
/// You might want to have a higher precision bar using [`Gauge::use_unicode`].
|
|
///
|
|
/// This can be useful to indicate the progression of a task, like a download.
|
|
///
|
|
/// # Example
|
|
///
|
|
/// ```
|
|
/// use ratatui::{prelude::*, widgets::*};
|
|
///
|
|
/// Gauge::default()
|
|
/// .block(Block::default().borders(Borders::ALL).title("Progress"))
|
|
/// .gauge_style(
|
|
/// Style::default()
|
|
/// .fg(Color::White)
|
|
/// .bg(Color::Black)
|
|
/// .add_modifier(Modifier::ITALIC),
|
|
/// )
|
|
/// .percent(20);
|
|
/// ```
|
|
///
|
|
/// # See also
|
|
///
|
|
/// - [`LineGauge`] for a thin progress bar
|
|
#[derive(Debug, Clone, PartialEq)]
|
|
pub struct Gauge<'a> {
|
|
block: Option<Block<'a>>,
|
|
ratio: f64,
|
|
label: Option<Span<'a>>,
|
|
use_unicode: bool,
|
|
style: Style,
|
|
gauge_style: Style,
|
|
}
|
|
|
|
impl<'a> Default for Gauge<'a> {
|
|
fn default() -> Gauge<'a> {
|
|
Gauge {
|
|
block: None,
|
|
ratio: 0.0,
|
|
label: None,
|
|
use_unicode: false,
|
|
style: Style::default(),
|
|
gauge_style: Style::default(),
|
|
}
|
|
}
|
|
}
|
|
|
|
impl<'a> Gauge<'a> {
|
|
/// Surrounds the `Gauge` with a [`Block`].
|
|
///
|
|
/// The gauge is rendered in the inner portion of the block once space for borders and padding
|
|
/// is reserved. Styles set on the block do **not** affect the bar itself.
|
|
pub fn block(mut self, block: Block<'a>) -> Gauge<'a> {
|
|
self.block = Some(block);
|
|
self
|
|
}
|
|
|
|
/// Sets the bar progression from a percentage.
|
|
///
|
|
/// # Panics
|
|
///
|
|
/// This method panics if `percent` is **not** between 0 and 100 inclusively.
|
|
///
|
|
/// # See also
|
|
///
|
|
/// See [`Gauge::ratio`] to set from a float.
|
|
pub fn percent(mut self, percent: u16) -> Gauge<'a> {
|
|
assert!(
|
|
percent <= 100,
|
|
"Percentage should be between 0 and 100 inclusively."
|
|
);
|
|
self.ratio = f64::from(percent) / 100.0;
|
|
self
|
|
}
|
|
|
|
/// Sets the bar progression from a ratio (float).
|
|
///
|
|
/// `ratio` is the ratio between filled bar over empty bar (i.e. `3/4` completion is `0.75`).
|
|
/// This is more easily seen as a floating point percentage (e.g. 42% = `0.42`).
|
|
///
|
|
/// # Panics
|
|
///
|
|
/// This method panics if `ratio` is **not** between 0 and 1 inclusively.
|
|
///
|
|
/// # See also
|
|
///
|
|
/// See [`Gauge::percent`] to set from a percentage.
|
|
pub fn ratio(mut self, ratio: f64) -> Gauge<'a> {
|
|
assert!(
|
|
(0.0..=1.0).contains(&ratio),
|
|
"Ratio should be between 0 and 1 inclusively."
|
|
);
|
|
self.ratio = ratio;
|
|
self
|
|
}
|
|
|
|
/// Sets the label to display in the center of the bar.
|
|
///
|
|
/// For a left-aligned label, see [`LineGauge`].
|
|
/// If the label is not defined, it is the percentage filled.
|
|
pub fn label<T>(mut self, label: T) -> Gauge<'a>
|
|
where
|
|
T: Into<Span<'a>>,
|
|
{
|
|
self.label = Some(label.into());
|
|
self
|
|
}
|
|
|
|
/// Sets the widget style.
|
|
///
|
|
/// This will style the block (if any non-styled) and background of the widget (everything
|
|
/// except the bar itself). [`Block`] style set with [`Gauge::block`] takes precedence.
|
|
pub fn style(mut self, style: Style) -> Gauge<'a> {
|
|
self.style = style;
|
|
self
|
|
}
|
|
|
|
/// Sets the style of the bar.
|
|
pub fn gauge_style(mut self, style: Style) -> Gauge<'a> {
|
|
self.gauge_style = style;
|
|
self
|
|
}
|
|
|
|
/// Sets whether to use unicode characters to display the progress bar.
|
|
///
|
|
/// This enables the use of
|
|
/// [unicode block characters](https://en.wikipedia.org/wiki/Block_Elements).
|
|
/// This is useful to display a higher precision bar (8 extra fractional parts per cell).
|
|
pub fn use_unicode(mut self, unicode: bool) -> Gauge<'a> {
|
|
self.use_unicode = unicode;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl<'a> Widget for Gauge<'a> {
|
|
fn render(mut self, area: Rect, buf: &mut Buffer) {
|
|
buf.set_style(area, self.style);
|
|
let gauge_area = match self.block.take() {
|
|
Some(b) => {
|
|
let inner_area = b.inner(area);
|
|
b.render(area, buf);
|
|
inner_area
|
|
}
|
|
None => area,
|
|
};
|
|
buf.set_style(gauge_area, self.gauge_style);
|
|
if gauge_area.height < 1 {
|
|
return;
|
|
}
|
|
|
|
// compute label value and its position
|
|
// label is put at the center of the gauge_area
|
|
let label = {
|
|
let pct = f64::round(self.ratio * 100.0);
|
|
self.label.unwrap_or_else(|| Span::from(format!("{pct}%")))
|
|
};
|
|
let clamped_label_width = gauge_area.width.min(label.width() as u16);
|
|
let label_col = gauge_area.left() + (gauge_area.width - clamped_label_width) / 2;
|
|
let label_row = gauge_area.top() + gauge_area.height / 2;
|
|
|
|
// the gauge will be filled proportionally to the ratio
|
|
let filled_width = f64::from(gauge_area.width) * self.ratio;
|
|
let end = if self.use_unicode {
|
|
gauge_area.left() + filled_width.floor() as u16
|
|
} else {
|
|
gauge_area.left() + filled_width.round() as u16
|
|
};
|
|
for y in gauge_area.top()..gauge_area.bottom() {
|
|
// render the filled area (left to end)
|
|
for x in gauge_area.left()..end {
|
|
let cell = buf.get_mut(x, y);
|
|
// Use full block for the filled part of the gauge and spaces for the part that is
|
|
// covered by the label. Note that the background and foreground colors are swapped
|
|
// for the label part, otherwise the gauge will be inverted
|
|
if x < label_col || x > label_col + clamped_label_width || y != label_row {
|
|
cell.set_symbol(symbols::block::FULL)
|
|
.set_fg(self.gauge_style.fg.unwrap_or(Color::Reset))
|
|
.set_bg(self.gauge_style.bg.unwrap_or(Color::Reset));
|
|
} else {
|
|
cell.set_symbol(" ")
|
|
.set_fg(self.gauge_style.bg.unwrap_or(Color::Reset))
|
|
.set_bg(self.gauge_style.fg.unwrap_or(Color::Reset));
|
|
}
|
|
}
|
|
if self.use_unicode && self.ratio < 1.0 {
|
|
buf.get_mut(end, y)
|
|
.set_symbol(get_unicode_block(filled_width % 1.0));
|
|
}
|
|
}
|
|
// render the label
|
|
buf.set_span(label_col, label_row, &label, clamped_label_width);
|
|
}
|
|
}
|
|
|
|
fn get_unicode_block<'a>(frac: f64) -> &'a str {
|
|
match (frac * 8.0).round() as u16 {
|
|
1 => symbols::block::ONE_EIGHTH,
|
|
2 => symbols::block::ONE_QUARTER,
|
|
3 => symbols::block::THREE_EIGHTHS,
|
|
4 => symbols::block::HALF,
|
|
5 => symbols::block::FIVE_EIGHTHS,
|
|
6 => symbols::block::THREE_QUARTERS,
|
|
7 => symbols::block::SEVEN_EIGHTHS,
|
|
8 => symbols::block::FULL,
|
|
_ => " ",
|
|
}
|
|
}
|
|
|
|
/// A compact widget to display a progress bar over a single thin line.
|
|
///
|
|
/// A `LineGauge` renders a thin line filled according to the value given to [`LineGauge::ratio`].
|
|
/// Unlike [`Gauge`], only the width can be defined by the [rendering](Widget::render) [`Rect`].
|
|
/// The height is always 1.
|
|
/// The associated label is always left-aligned. If not set with [`LineGauge::label`], the label
|
|
/// is the percentage of the bar filled.
|
|
/// You can also set the symbols used to draw the bar with [`LineGauge::line_set`].
|
|
///
|
|
/// This can be useful to indicate the progression of a task, like a download.
|
|
///
|
|
/// # Examples:
|
|
///
|
|
/// ```
|
|
/// use ratatui::{prelude::*, widgets::*};
|
|
///
|
|
/// LineGauge::default()
|
|
/// .block(Block::default().borders(Borders::ALL).title("Progress"))
|
|
/// .gauge_style(
|
|
/// Style::default()
|
|
/// .fg(Color::White)
|
|
/// .bg(Color::Black)
|
|
/// .add_modifier(Modifier::BOLD),
|
|
/// )
|
|
/// .line_set(symbols::line::THICK)
|
|
/// .ratio(0.4);
|
|
/// ```
|
|
///
|
|
/// # See also
|
|
///
|
|
/// - [`Gauge`] for bigger, higher precision and more configurable progress bar
|
|
#[derive(Debug, Default, Clone, PartialEq)]
|
|
pub struct LineGauge<'a> {
|
|
block: Option<Block<'a>>,
|
|
ratio: f64,
|
|
label: Option<Line<'a>>,
|
|
line_set: symbols::line::Set,
|
|
style: Style,
|
|
gauge_style: Style,
|
|
}
|
|
|
|
impl<'a> LineGauge<'a> {
|
|
/// Surrounds the `LineGauge` with a [`Block`].
|
|
pub fn block(mut self, block: Block<'a>) -> Self {
|
|
self.block = Some(block);
|
|
self
|
|
}
|
|
|
|
/// Sets the bar progression from a ratio (float).
|
|
///
|
|
/// `ratio` is the ratio between filled bar over empty bar (i.e. `3/4` completion is `0.75`).
|
|
/// This is more easily seen as a floating point percentage (e.g. 42% = `0.42`).
|
|
///
|
|
/// # Panics
|
|
///
|
|
/// This method panics if `ratio` is **not** between 0 and 1 inclusively.
|
|
pub fn ratio(mut self, ratio: f64) -> Self {
|
|
assert!(
|
|
(0.0..=1.0).contains(&ratio),
|
|
"Ratio should be between 0 and 1 inclusively."
|
|
);
|
|
self.ratio = ratio;
|
|
self
|
|
}
|
|
|
|
/// Sets the characters to use for the line.
|
|
///
|
|
/// # See also
|
|
///
|
|
/// See [`symbols::line::Set`] for more information. Predefined sets are also available, see
|
|
/// [`NORMAL`](symbols::line::NORMAL), [`DOUBLE`](symbols::line::DOUBLE) and
|
|
/// [`THICK`](symbols::line::THICK).
|
|
pub fn line_set(mut self, set: symbols::line::Set) -> Self {
|
|
self.line_set = set;
|
|
self
|
|
}
|
|
|
|
/// Sets the label to display.
|
|
///
|
|
/// With `LineGauge`, labels are only on the left, see [`Gauge`] for a centered label.
|
|
/// If the label is not defined, it is the percentage filled.
|
|
pub fn label<T>(mut self, label: T) -> Self
|
|
where
|
|
T: Into<Line<'a>>,
|
|
{
|
|
self.label = Some(label.into());
|
|
self
|
|
}
|
|
|
|
/// Sets the widget style.
|
|
///
|
|
/// This will style everything except the bar itself, so basically the block (if any) and
|
|
/// background.
|
|
pub fn style(mut self, style: Style) -> Self {
|
|
self.style = style;
|
|
self
|
|
}
|
|
|
|
/// Sets the style of the bar.
|
|
pub fn gauge_style(mut self, style: Style) -> Self {
|
|
self.gauge_style = style;
|
|
self
|
|
}
|
|
}
|
|
|
|
impl<'a> Widget for LineGauge<'a> {
|
|
fn render(mut self, area: Rect, buf: &mut Buffer) {
|
|
buf.set_style(area, self.style);
|
|
let gauge_area = match self.block.take() {
|
|
Some(b) => {
|
|
let inner_area = b.inner(area);
|
|
b.render(area, buf);
|
|
inner_area
|
|
}
|
|
None => area,
|
|
};
|
|
|
|
if gauge_area.height < 1 {
|
|
return;
|
|
}
|
|
|
|
let ratio = self.ratio;
|
|
let label = self
|
|
.label
|
|
.unwrap_or_else(move || Line::from(format!("{:.0}%", ratio * 100.0)));
|
|
let (col, row) = buf.set_line(
|
|
gauge_area.left(),
|
|
gauge_area.top(),
|
|
&label,
|
|
gauge_area.width,
|
|
);
|
|
let start = col + 1;
|
|
if start >= gauge_area.right() {
|
|
return;
|
|
}
|
|
|
|
let end = start
|
|
+ (f64::from(gauge_area.right().saturating_sub(start)) * self.ratio).floor() as u16;
|
|
for col in start..end {
|
|
buf.get_mut(col, row)
|
|
.set_symbol(self.line_set.horizontal)
|
|
.set_style(Style {
|
|
fg: self.gauge_style.fg,
|
|
bg: None,
|
|
#[cfg(feature = "underline-color")]
|
|
underline_color: self.gauge_style.underline_color,
|
|
add_modifier: self.gauge_style.add_modifier,
|
|
sub_modifier: self.gauge_style.sub_modifier,
|
|
});
|
|
}
|
|
for col in end..gauge_area.right() {
|
|
buf.get_mut(col, row)
|
|
.set_symbol(self.line_set.horizontal)
|
|
.set_style(Style {
|
|
fg: self.gauge_style.bg,
|
|
bg: None,
|
|
#[cfg(feature = "underline-color")]
|
|
underline_color: self.gauge_style.underline_color,
|
|
add_modifier: self.gauge_style.add_modifier,
|
|
sub_modifier: self.gauge_style.sub_modifier,
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
impl<'a> Styled for Gauge<'a> {
|
|
type Item = Gauge<'a>;
|
|
|
|
fn style(&self) -> Style {
|
|
self.style
|
|
}
|
|
|
|
fn set_style(self, style: Style) -> Self::Item {
|
|
self.style(style)
|
|
}
|
|
}
|
|
|
|
impl<'a> Styled for LineGauge<'a> {
|
|
type Item = LineGauge<'a>;
|
|
|
|
fn style(&self) -> Style {
|
|
self.style
|
|
}
|
|
|
|
fn set_style(self, style: Style) -> Self::Item {
|
|
self.style(style)
|
|
}
|
|
}
|
|
|
|
#[cfg(test)]
|
|
mod tests {
|
|
use super::*;
|
|
use crate::style::{Modifier, Stylize};
|
|
|
|
#[test]
|
|
#[should_panic]
|
|
fn gauge_invalid_percentage() {
|
|
Gauge::default().percent(110);
|
|
}
|
|
|
|
#[test]
|
|
#[should_panic]
|
|
fn gauge_invalid_ratio_upper_bound() {
|
|
Gauge::default().ratio(1.1);
|
|
}
|
|
|
|
#[test]
|
|
#[should_panic]
|
|
fn gauge_invalid_ratio_lower_bound() {
|
|
Gauge::default().ratio(-0.5);
|
|
}
|
|
|
|
#[test]
|
|
fn gauge_can_be_stylized() {
|
|
assert_eq!(
|
|
Gauge::default().black().on_white().bold().not_dim().style,
|
|
Style::default()
|
|
.fg(Color::Black)
|
|
.bg(Color::White)
|
|
.add_modifier(Modifier::BOLD)
|
|
.remove_modifier(Modifier::DIM)
|
|
)
|
|
}
|
|
|
|
#[test]
|
|
fn line_gauge_can_be_stylized() {
|
|
assert_eq!(
|
|
LineGauge::default()
|
|
.black()
|
|
.on_white()
|
|
.bold()
|
|
.not_dim()
|
|
.style,
|
|
Style::default()
|
|
.fg(Color::Black)
|
|
.bg(Color::White)
|
|
.add_modifier(Modifier::BOLD)
|
|
.remove_modifier(Modifier::DIM)
|
|
)
|
|
}
|
|
|
|
#[test]
|
|
fn line_gauge_default() {
|
|
// TODO: replace to `assert_eq!(LineGauge::default(), LineGauge::default())`
|
|
// when `Eq` or `PartialEq` is implemented for `LineGauge`.
|
|
assert_eq!(
|
|
format!("{:?}", LineGauge::default()),
|
|
format!(
|
|
"{:?}",
|
|
LineGauge {
|
|
block: None,
|
|
ratio: 0.0,
|
|
label: None,
|
|
style: Style::default(),
|
|
line_set: symbols::line::NORMAL,
|
|
gauge_style: Style::default(),
|
|
}
|
|
),
|
|
"LineGauge::default() should have correct default values."
|
|
);
|
|
}
|
|
}
|