123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307 |
- use crate::prevent_default::PreventDefault;
- use dioxus_native_core::{
- node_ref::{AttributeMaskBuilder, NodeMaskBuilder},
- real_dom::{NodeImmutable, NodeMutable},
- utils::{ElementProduced, PersistantElementIter},
- Dependancy, NodeId, Pass, RealDom, SendAnyMap,
- };
- use std::{cmp::Ordering, num::NonZeroU16};
- use dioxus_native_core::node_ref::NodeView;
- pub struct Focused(pub bool);
- #[derive(Clone, Copy, PartialEq, Eq, Debug)]
- pub(crate) enum FocusLevel {
- Unfocusable,
- Focusable,
- Ordered(std::num::NonZeroU16),
- }
- impl FocusLevel {
- pub fn focusable(&self) -> bool {
- match self {
- FocusLevel::Unfocusable => false,
- FocusLevel::Focusable => true,
- FocusLevel::Ordered(_) => true,
- }
- }
- }
- impl PartialOrd for FocusLevel {
- fn partial_cmp(&self, other: &Self) -> Option<std::cmp::Ordering> {
- match (self, other) {
- (FocusLevel::Unfocusable, FocusLevel::Unfocusable) => Some(std::cmp::Ordering::Equal),
- (FocusLevel::Unfocusable, FocusLevel::Focusable) => Some(std::cmp::Ordering::Less),
- (FocusLevel::Unfocusable, FocusLevel::Ordered(_)) => Some(std::cmp::Ordering::Less),
- (FocusLevel::Focusable, FocusLevel::Unfocusable) => Some(std::cmp::Ordering::Greater),
- (FocusLevel::Focusable, FocusLevel::Focusable) => Some(std::cmp::Ordering::Equal),
- (FocusLevel::Focusable, FocusLevel::Ordered(_)) => Some(std::cmp::Ordering::Greater),
- (FocusLevel::Ordered(_), FocusLevel::Unfocusable) => Some(std::cmp::Ordering::Greater),
- (FocusLevel::Ordered(_), FocusLevel::Focusable) => Some(std::cmp::Ordering::Less),
- (FocusLevel::Ordered(a), FocusLevel::Ordered(b)) => a.partial_cmp(b),
- }
- }
- }
- impl Ord for FocusLevel {
- fn cmp(&self, other: &Self) -> std::cmp::Ordering {
- self.partial_cmp(other).unwrap()
- }
- }
- impl Default for FocusLevel {
- fn default() -> Self {
- FocusLevel::Unfocusable
- }
- }
- #[derive(Clone, PartialEq, Debug, Default)]
- pub(crate) struct Focus {
- pub level: FocusLevel,
- }
- impl Pass for Focus {
- const NODE_MASK: NodeMaskBuilder = NodeMaskBuilder::new()
- .with_attrs(AttributeMaskBuilder::Some(FOCUS_ATTRIBUTES))
- .with_listeners();
- type ParentDependencies = ();
- type ChildDependencies = ();
- type NodeDependencies = ();
- fn pass<'a>(
- &mut self,
- node_view: NodeView,
- _: <Self::NodeDependencies as Dependancy>::ElementBorrowed<'a>,
- _: Option<<Self::ParentDependencies as Dependancy>::ElementBorrowed<'a>>,
- _: Option<Vec<<Self::ChildDependencies as Dependancy>::ElementBorrowed<'a>>>,
- _: &SendAnyMap,
- ) -> bool {
- let new = Focus {
- level: if let Some(a) = node_view
- .attributes()
- .and_then(|mut a| a.find(|a| a.attribute.name == "tabindex"))
- {
- if let Some(index) = a
- .value
- .as_int()
- .or_else(|| a.value.as_text().and_then(|v| v.parse::<i64>().ok()))
- {
- match index.cmp(&0) {
- Ordering::Less => FocusLevel::Unfocusable,
- Ordering::Equal => FocusLevel::Focusable,
- Ordering::Greater => {
- FocusLevel::Ordered(NonZeroU16::new(index as u16).unwrap())
- }
- }
- } else {
- FocusLevel::Unfocusable
- }
- } else if node_view
- .listeners()
- .and_then(|mut listeners| {
- listeners
- .any(|l| FOCUS_EVENTS.binary_search(&l).is_ok())
- .then_some(())
- })
- .is_some()
- {
- FocusLevel::Focusable
- } else {
- FocusLevel::Unfocusable
- },
- };
- if *self != new {
- *self = new;
- true
- } else {
- false
- }
- }
- }
- const FOCUS_EVENTS: &[&str] = &["keydown", "keypress", "keyup"];
- const FOCUS_ATTRIBUTES: &[&str] = &["tabindex"];
- #[derive(Default)]
- pub(crate) struct FocusState {
- pub(crate) focus_iter: PersistantElementIter,
- pub(crate) last_focused_id: Option<NodeId>,
- pub(crate) focus_level: FocusLevel,
- pub(crate) dirty: bool,
- }
- impl FocusState {
- /// Returns true if the focus has changed.
- pub fn progress(&mut self, rdom: &mut RealDom, forward: bool) -> bool {
- if let Some(last) = self.last_focused_id {
- if rdom.get(last).unwrap().get::<PreventDefault>().copied()
- == Some(PreventDefault::KeyDown)
- {
- return false;
- }
- }
- // the id that started focused to track when a loop has happened
- let mut loop_marker_id = self.last_focused_id;
- let focus_level = &mut self.focus_level;
- let mut next_focus = None;
- loop {
- let new = if forward {
- self.focus_iter.next(rdom)
- } else {
- self.focus_iter.prev(rdom)
- };
- let new_id = new.id();
- if let ElementProduced::Looped(_) = new {
- let mut closest_level = None;
- if forward {
- // find the closest focusable element after the current level
- rdom.traverse_depth_first(|n| {
- let node_level = n.get::<Focus>().unwrap().level;
- if node_level != *focus_level
- && node_level.focusable()
- && node_level > *focus_level
- {
- if let Some(level) = &mut closest_level {
- if node_level < *level {
- *level = node_level;
- }
- } else {
- closest_level = Some(node_level);
- }
- }
- });
- } else {
- // find the closest focusable element before the current level
- rdom.traverse_depth_first(|n| {
- let node_level = n.get::<Focus>().unwrap().level;
- if node_level != *focus_level
- && node_level.focusable()
- && node_level < *focus_level
- {
- if let Some(level) = &mut closest_level {
- if node_level > *level {
- *level = node_level;
- }
- } else {
- closest_level = Some(node_level);
- }
- }
- });
- }
- // extend the loop_marker_id to allow for another pass
- loop_marker_id = None;
- if let Some(level) = closest_level {
- *focus_level = level;
- } else if forward {
- *focus_level = FocusLevel::Unfocusable;
- } else {
- *focus_level = FocusLevel::Focusable;
- }
- }
- // once we have looked at all the elements exit the loop
- if let Some(last) = loop_marker_id {
- if new_id == last {
- break;
- }
- } else {
- loop_marker_id = Some(new_id);
- }
- let current_level = rdom.get(new_id).unwrap().get::<Focus>().unwrap().level;
- let after_previous_focused = if forward {
- current_level >= *focus_level
- } else {
- current_level <= *focus_level
- };
- if after_previous_focused && current_level.focusable() && current_level == *focus_level
- {
- next_focus = Some(new_id);
- break;
- }
- }
- if let Some(id) = next_focus {
- let mut node = rdom.get_mut_raw(id).unwrap();
- if !node.get::<Focus>().unwrap().level.focusable() {
- panic!()
- }
- let focused = node.get_mut::<Focused>().unwrap();
- focused.0 = true;
- if let Some(old) = self.last_focused_id.replace(id) {
- let mut old = rdom.get_mut_raw(old).unwrap();
- let focused = old.get_mut::<Focused>().unwrap();
- focused.0 = false;
- }
- // reset the position to the currently focused element
- while self.focus_iter.next(rdom).id() != id {}
- self.dirty = true;
- return true;
- }
- false
- }
- pub(crate) fn prune(&mut self, mutations: &dioxus_core::Mutations, rdom: &RealDom) {
- fn remove_children(to_prune: &mut [&mut Option<NodeId>], rdom: &RealDom, removed: NodeId) {
- for opt in to_prune.iter_mut() {
- if let Some(id) = opt {
- if *id == removed {
- **opt = None;
- }
- }
- }
- let node = rdom.get(removed).unwrap();
- if let Some(children) = node.child_ids() {
- for child in children {
- remove_children(to_prune, rdom, *child);
- }
- }
- }
- if self.focus_iter.prune(mutations, rdom) {
- self.dirty = true;
- }
- for m in &mutations.edits {
- match m {
- dioxus_core::Mutation::ReplaceWith { id, .. } => remove_children(
- &mut [&mut self.last_focused_id],
- rdom,
- rdom.element_to_node_id(*id),
- ),
- dioxus_core::Mutation::Remove { id } => remove_children(
- &mut [&mut self.last_focused_id],
- rdom,
- rdom.element_to_node_id(*id),
- ),
- _ => (),
- }
- }
- }
- pub(crate) fn set_focus(&mut self, rdom: &mut RealDom, id: NodeId) {
- if let Some(old) = self.last_focused_id.replace(id) {
- let mut node = rdom.get_mut_raw(old).unwrap();
- node.get_mut::<Focused>().unwrap().0 = false;
- }
- let mut node = rdom.get_mut_raw(id).unwrap();
- node.get_mut::<Focused>().unwrap().0 = true;
- self.focus_level = node.get::<Focus>().unwrap().level;
- // reset the position to the currently focused element
- while self.focus_iter.next(rdom).id() != id {}
- self.dirty = true;
- }
- pub(crate) fn clean(&mut self) -> bool {
- let old = self.dirty;
- self.dirty = false;
- old
- }
- }
|