Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-11-22 20:23:09 +00:00
Code Issues Projects Releases Packages Wiki Activity

make link extend global attributes

Browse source
This commit is contained in:
Evan Almloff 2024-01-16 11:10:34 -06:00
parent 8d14671520
commit 71a08678a6
1 changed files with 6 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/router/src/components/link.rs
View file

@ -85,13 +85,6 @@ pub struct LinkProps {
pub active_class: Option<String>,
/// The children to render within the generated HTML anchor tag.
pub children: Element,
/// The class attribute for the generated HTML anchor tag.
///
/// If `active_class` is [`Some`] and the `target` route is active, `active_class` will be
/// appended at the end of `class`.
pub class: Option<String>,
/// The id attribute for the generated HTML anchor tag.
pub id: Option<String>,
/// When [`true`], the `target` route will be opened in a new tab.
///
/// This does not change whether the [`Link`] is active or not.
@ -114,6 +107,8 @@ pub struct LinkProps {
/// The navigation target. Roughly equivalent to the href attribute of an HTML anchor tag.
#[props(into)]
pub to: IntoRoutable,
#[props(extends = GlobalAttributes)]
attributes: Vec<Attribute>,
}
impl Debug for LinkProps {
@ -121,8 +116,7 @@ impl Debug for LinkProps {
f.debug_struct("LinkProps")
.field("active_class", &self.active_class)
.field("children", &self.children)
.field("class", &self.class)
.field("id", &self.id)
.field("attributes", &self.attributes)
.field("new_tab", &self.new_tab)
.field("onclick", &self.onclick.as_ref().map(|_| "onclick is set"))
.field("onclick_only", &self.onclick_only)
@ -197,8 +191,7 @@ pub fn Link(props: LinkProps) -> Element {
let LinkProps {
active_class,
children,
class,
id,
attributes,
new_tab,
onclick,
onclick_only,
@ -226,12 +219,10 @@ pub fn Link(props: LinkProps) -> Element {
IntoRoutable::Route(route) => router.any_route_to_string(&**route),
};
let parsed_route: NavigationTarget<Rc<dyn Any>> = router.resolve_into_routable(to.clone());
let ac = active_class
let class = active_class
.and_then(|active_class| (href == current_url).then(|| format!(" {active_class}")))
.unwrap_or_default();
let id = id.unwrap_or_default();
let class = format!("{}{ac}", class.unwrap_or_default());
let tag_target = new_tab.then_some("_blank").unwrap_or_default();
let is_external = matches!(parsed_route, NavigationTarget::External(_));
@ -259,9 +250,9 @@ pub fn Link(props: LinkProps) -> Element {
href: "{href}",
prevent_default: "{prevent_default}",
class: "{class}",
id: "{id}",
rel: "{rel}",
target: "{tag_target}",
..attributes,
{children}
}
}