laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2588 from reflex-dev/brandon/fix-progress

Browse Source 
Fixes to rx.progress
This commit is contained in:
invrainbow 2024-02-12 19:34:18 -08:00 committed by GitHub
commit f2a931339a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
reflex/components/radix/primitives/progress.py
View File

@ -65,7 +65,7 @@ class ProgressIndicator(ProgressComponent):
"&[data_state='loading']": { "&[data_state='loading']": {
"transition": f"transform {DEFAULT_ANIMATION_DURATION}ms linear", "transition": f"transform {DEFAULT_ANIMATION_DURATION}ms linear",
}, },
"transform": f"translateX(-{100 - self.value}%)", # type: ignore "transform": f"translateX(calc(-100% + {self.value}%))", # type: ignore
"boxShadow": "inset 0 0 0 1px var(--gray-a5)", "boxShadow": "inset 0 0 0 1px var(--gray-a5)",
} }
) )
@ -78,15 +78,19 @@ class Progress(SimpleNamespace):
indicator = staticmethod(ProgressIndicator.create) indicator = staticmethod(ProgressIndicator.create)
@staticmethod @staticmethod
def __call__(**props) -> Component: def __call__(width: Optional[str] = "100%", **props) -> Component:
"""High level API for progress bar. """High level API for progress bar.
Args: Args:
width: The width of the progerss bar
**props: The props of the progress bar **props: The props of the progress bar
Returns: Returns:
The progress bar. The progress bar.
""" """
style = props.setdefault("style", {})
style.update({"width": width})
return ProgressRoot.create( return ProgressRoot.create(
ProgressIndicator.create(value=props.get("value")), ProgressIndicator.create(value=props.get("value")),
**props, **props,

2
reflex/components/radix/primitives/progress.pyi
View File

@ -275,6 +275,6 @@ class Progress(SimpleNamespace):
indicator = staticmethod(ProgressIndicator.create) indicator = staticmethod(ProgressIndicator.create)
@staticmethod @staticmethod
def __call__(**props) -> Component: ... def __call__(width: Optional[str] = "100%", **props) -> Component: ...
progress = Progress() progress = Progress()