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 typing import Union
from pynecone.components.libs.chakra import ChakraComponent from pynecone.components.libs.chakra import ChakraComponent
from pynecone.utils import imports from pynecone.vars import Var
from pynecone.vars import ImportVar, Var
class Transition(ChakraComponent): class Transition(ChakraComponent):
"""Base componemt of all transitions.""" """Base componemt of all transitions."""
# Show the component; triggers when enter or exit states
in_: Var[bool] in_: Var[bool]
unmount_on_exit: Var[bool] = False # type: ignore # If true, the element will unmount when `in={false}` and animation is done
unmount_on_exit: Var[bool]
def _get_imports(self) -> imports.ImportDict:
return imports.merge_imports(
super()._get_imports(),
{"@chakra-ui/react": {ImportVar(tag="useDisclosure")}},
)
class Fade(Transition): class Fade(Transition):
@ -31,11 +26,11 @@ class ScaleFade(Transition):
tag = "ScaleFade" 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 # If true, the element will transition back to exit state
reverse: Var[bool]
reverse: Var[bool] = True # type: ignore
class Slide(Transition): class Slide(Transition):
@ -43,7 +38,8 @@ class Slide(Transition):
tag = "Slide" tag = "Slide"
direction: Var[str] = "right" # type: ignore # The direction to slide from
direction: Var[str]
class SlideFade(Transition): class SlideFade(Transition):
@ -51,11 +47,14 @@ class SlideFade(Transition):
tag = "SlideFade" 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): class Collapse(Transition):
@ -63,8 +62,11 @@ class Collapse(Transition):
tag = "Collapse" 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]]