3dcf404b26
crates/web/src/components/ was a byte-for-byte copy of the DioxusLabs/components "preview" registry (a shadcn-style copy-into- your-project source, not something published as a dependency). Move it wholesale into a new feedsignal-dioxus-components crate so it reads as vendored code we depend on rather than application source, and future app-specific styling should layer on via the class/attributes props each component already accepts instead of editing the vendored files. No component logic changed — this is a pure move plus import-path updates in the four app files that consumed it. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
114 lines
2.9 KiB
Rust
114 lines
2.9 KiB
Rust
use dioxus::prelude::*;
|
|
use dioxus_primitives::dioxus_attributes::attributes;
|
|
use dioxus_primitives::merge_attributes;
|
|
|
|
#[css_module("/src/components/button/style.css")]
|
|
struct Styles;
|
|
|
|
// Variants beyond the ones this app currently uses are part of the
|
|
// component library's public API, not unused code — CI runs clippy with
|
|
// `-D warnings`, which would otherwise turn this dead_code lint into a
|
|
// build failure.
|
|
#[allow(dead_code)]
|
|
#[derive(Copy, Clone, PartialEq, Default)]
|
|
#[non_exhaustive]
|
|
pub enum ButtonVariant {
|
|
#[default]
|
|
Primary,
|
|
Secondary,
|
|
Destructive,
|
|
Outline,
|
|
Ghost,
|
|
Link,
|
|
}
|
|
|
|
impl ButtonVariant {
|
|
pub fn class(&self) -> &'static str {
|
|
match self {
|
|
ButtonVariant::Primary => "primary",
|
|
ButtonVariant::Secondary => "secondary",
|
|
ButtonVariant::Destructive => "destructive",
|
|
ButtonVariant::Outline => "outline",
|
|
ButtonVariant::Ghost => "ghost",
|
|
ButtonVariant::Link => "link",
|
|
}
|
|
}
|
|
}
|
|
|
|
#[allow(dead_code)]
|
|
#[derive(Copy, Clone, PartialEq, Default)]
|
|
#[non_exhaustive]
|
|
pub enum ButtonSize {
|
|
Xs,
|
|
Sm,
|
|
#[default]
|
|
Default,
|
|
Lg,
|
|
Icon,
|
|
IconXs,
|
|
IconSm,
|
|
IconLg,
|
|
}
|
|
|
|
impl ButtonSize {
|
|
pub fn class(&self) -> &'static str {
|
|
match self {
|
|
ButtonSize::Xs => "xs",
|
|
ButtonSize::Sm => "sm",
|
|
ButtonSize::Default => "default",
|
|
ButtonSize::Lg => "lg",
|
|
ButtonSize::Icon => "icon",
|
|
ButtonSize::IconXs => "icon-xs",
|
|
ButtonSize::IconSm => "icon-sm",
|
|
ButtonSize::IconLg => "icon-lg",
|
|
}
|
|
}
|
|
}
|
|
|
|
#[component]
|
|
pub fn Button(
|
|
#[props(default)] variant: ButtonVariant,
|
|
#[props(default)] size: ButtonSize,
|
|
#[props(extends=GlobalAttributes)]
|
|
#[props(extends=button)]
|
|
attributes: Vec<Attribute>,
|
|
onclick: Option<EventHandler<MouseEvent>>,
|
|
onmousedown: Option<EventHandler<MouseEvent>>,
|
|
onmouseup: Option<EventHandler<MouseEvent>>,
|
|
onkeydown: Option<EventHandler<KeyboardEvent>>,
|
|
children: Element,
|
|
) -> Element {
|
|
let base = attributes!(button {
|
|
class: Styles::dx_button,
|
|
"data-style": variant.class(),
|
|
"data-size": size.class(),
|
|
});
|
|
let merged = merge_attributes(vec![base, attributes]);
|
|
|
|
rsx! {
|
|
button {
|
|
onclick: move |event| {
|
|
if let Some(f) = &onclick {
|
|
f.call(event);
|
|
}
|
|
},
|
|
onmousedown: move |event| {
|
|
if let Some(f) = &onmousedown {
|
|
f.call(event);
|
|
}
|
|
},
|
|
onmouseup: move |event| {
|
|
if let Some(f) = &onmouseup {
|
|
f.call(event);
|
|
}
|
|
},
|
|
onkeydown: move |event| {
|
|
if let Some(f) = &onkeydown {
|
|
f.call(event);
|
|
}
|
|
},
|
|
..merged,
|
|
{children}
|
|
}
|
|
}
|
|
}
|