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

chore: Update transition.py (#1073)

Browse Source
This commit is contained in:
TaiJuWu 2023-05-25 04:14:50 +08:00 committed by GitHub
parent 368b79f160
commit 17852ed7e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
pynecone/components/disclosure/transition.py
View File

@ -2,22 +2,17 @@
from typing import Union
from pynecone.components.libs.chakra import ChakraComponent
from pynecone.utils import imports
from pynecone.vars import ImportVar, Var
from pynecone.vars import Var
class Transition(ChakraComponent):
"""Base componemt of all transitions."""
# Show the component; triggers when enter or exit states
in_: Var[bool]
unmount_on_exit: Var[bool] = False # type: ignore
def _get_imports(self) -> imports.ImportDict:
return imports.merge_imports(
super()._get_imports(),
{"@chakra-ui/react": {ImportVar(tag="useDisclosure")}},
)
# If true, the element will unmount when `in={false}` and animation is done
unmount_on_exit: Var[bool]
class Fade(Transition):
@ -31,11 +26,11 @@ class ScaleFade(Transition):
tag = "ScaleFade"
unmount_on_exit: Var[bool] = False # type: ignore
# The initial scale of the element
initial_scale: Var[float]
initial_scale: Var[float] = 0.95 # type: ignore
reverse: Var[bool] = True # type: ignore
# If true, the element will transition back to exit state
reverse: Var[bool]
class Slide(Transition):
@ -43,7 +38,8 @@ class Slide(Transition):
tag = "Slide"
direction: Var[str] = "right" # type: ignore
# The direction to slide from
direction: Var[str]
class SlideFade(Transition):
@ -51,11 +47,14 @@ class SlideFade(Transition):
tag = "SlideFade"
offsetX: Var[Union[str, int]] = 0 # type: ignore
# The offset on the horizontal or x axis
offsetX: Var[Union[str, int]]
offsetY: Var[Union[str, int]] = 8 # type: ignore
# The offset on the vertical or y axis
offsetY: Var[Union[str, int]]
reverse: Var[bool] = True # type: ignore
# If true, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out
reverse: Var[bool]
class Collapse(Transition):
@ -63,8 +62,11 @@ class Collapse(Transition):
tag = "Collapse"
animateOpacity: Var[bool] = True # type: ignore
# If true, the opacity of the content will be animated
animateOpacity: Var[bool]
endingHeight: Var[str] = "auto" # type: ignore
# The height you want the content in its expanded state.
endingHeight: Var[str]
startingHeight: Var[Union[str, int]] = 0 # type: ignore
# The height you want the content in its collapsed state.
startingHeight: Var[Union[str, int]]