feat: Add support for missing SVGs (#3962)
This commit is contained in:
ChinoUkaegbu
GitHub
parent
9719f5d57e
commit
bd71c8e6c9
@ -317,6 +317,42 @@ class Svg(BaseHTML):
|
|||||||
xmlns: Var[str]
|
xmlns: Var[str]
|
||||||
|
|
||||||
|
|
||||||
|
class Text(BaseHTML):
|
||||||
|
"""The SVG text component."""
|
||||||
|
|
||||||
|
tag = "text"
|
||||||
|
# The x coordinate of the starting point of the text baseline.
|
||||||
|
x: Var[Union[str, int]]
|
||||||
|
# The y coordinate of the starting point of the text baseline.
|
||||||
|
y: Var[Union[str, int]]
|
||||||
|
# Shifts the text position horizontally from a previous text element.
|
||||||
|
dx: Var[Union[str, int]]
|
||||||
|
# Shifts the text position vertically from a previous text element.
|
||||||
|
dy: Var[Union[str, int]]
|
||||||
|
# Rotates orientation of each individual glyph.
|
||||||
|
rotate: Var[Union[str, int]]
|
||||||
|
# How the text is stretched or compressed to fit the width defined by the text_length attribute.
|
||||||
|
length_adjust: Var[str]
|
||||||
|
# A width that the text should be scaled to fit.
|
||||||
|
text_length: Var[Union[str, int]]
|
||||||
|
|
||||||
|
|
||||||
|
class Line(BaseHTML):
|
||||||
|
"""The SVG line component."""
|
||||||
|
|
||||||
|
tag = "line"
|
||||||
|
# The x-axis coordinate of the line starting point.
|
||||||
|
x1: Var[Union[str, int]]
|
||||||
|
# The x-axis coordinate of the the line ending point.
|
||||||
|
x2: Var[Union[str, int]]
|
||||||
|
# The y-axis coordinate of the line starting point.
|
||||||
|
y1: Var[Union[str, int]]
|
||||||
|
# The y-axis coordinate of the the line ending point.
|
||||||
|
y2: Var[Union[str, int]]
|
||||||
|
# The total path length, in user units.
|
||||||
|
path_length: Var[int]
|
||||||
|
|
||||||
|
|
||||||
class Circle(BaseHTML):
|
class Circle(BaseHTML):
|
||||||
"""The SVG circle component."""
|
"""The SVG circle component."""
|
||||||
|
|
||||||
@ -331,6 +367,22 @@ class Circle(BaseHTML):
|
|||||||
path_length: Var[int]
|
path_length: Var[int]
|
||||||
|
|
||||||
|
|
||||||
|
class Ellipse(BaseHTML):
|
||||||
|
"""The SVG ellipse component."""
|
||||||
|
|
||||||
|
tag = "ellipse"
|
||||||
|
# The x position of the center of the ellipse.
|
||||||
|
cx: Var[Union[str, int]]
|
||||||
|
# The y position of the center of the ellipse.
|
||||||
|
cy: Var[Union[str, int]]
|
||||||
|
# The radius of the ellipse on the x axis.
|
||||||
|
rx: Var[Union[str, int]]
|
||||||
|
# The radius of the ellipse on the y axis.
|
||||||
|
ry: Var[Union[str, int]]
|
||||||
|
# The total length for the ellipse's circumference, in user units.
|
||||||
|
path_length: Var[int]
|
||||||
|
|
||||||
|
|
||||||
class Rect(BaseHTML):
|
class Rect(BaseHTML):
|
||||||
"""The SVG rect component."""
|
"""The SVG rect component."""
|
||||||
|
|
||||||
@ -394,6 +446,39 @@ class LinearGradient(BaseHTML):
|
|||||||
y2: Var[Union[str, int, bool]]
|
y2: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
|
||||||
|
class RadialGradient(BaseHTML):
|
||||||
|
"""Display the radialGradient element."""
|
||||||
|
|
||||||
|
tag = "radialGradient"
|
||||||
|
|
||||||
|
# The x coordinate of the end circle of the radial gradient.
|
||||||
|
cx: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
# The y coordinate of the end circle of the radial gradient.
|
||||||
|
cy: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
# The radius of the start circle of the radial gradient.
|
||||||
|
fr: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
# The x coordinate of the start circle of the radial gradient.
|
||||||
|
fx: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
# The y coordinate of the start circle of the radial gradient.
|
||||||
|
fy: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
# Units for the gradient.
|
||||||
|
gradient_units: Var[Union[str, bool]]
|
||||||
|
|
||||||
|
# Transform applied to the gradient.
|
||||||
|
gradient_transform: Var[Union[str, bool]]
|
||||||
|
|
||||||
|
# The radius of the end circle of the radial gradient.
|
||||||
|
r: Var[Union[str, int, bool]]
|
||||||
|
|
||||||
|
# Method used to spread the gradient.
|
||||||
|
spread_method: Var[Union[str, bool]]
|
||||||
|
|
||||||
|
|
||||||
class Stop(BaseHTML):
|
class Stop(BaseHTML):
|
||||||
"""Display the stop element."""
|
"""Display the stop element."""
|
||||||
|
|
||||||
@ -421,12 +506,16 @@ class Path(BaseHTML):
|
|||||||
class SVG(ComponentNamespace):
|
class SVG(ComponentNamespace):
|
||||||
"""SVG component namespace."""
|
"""SVG component namespace."""
|
||||||
|
|
||||||
|
text = staticmethod(Text.create)
|
||||||
|
line = staticmethod(Line.create)
|
||||||
circle = staticmethod(Circle.create)
|
circle = staticmethod(Circle.create)
|
||||||
|
ellipse = staticmethod(Ellipse.create)
|
||||||
rect = staticmethod(Rect.create)
|
rect = staticmethod(Rect.create)
|
||||||
polygon = staticmethod(Polygon.create)
|
polygon = staticmethod(Polygon.create)
|
||||||
path = staticmethod(Path.create)
|
path = staticmethod(Path.create)
|
||||||
stop = staticmethod(Stop.create)
|
stop = staticmethod(Stop.create)
|
||||||
linear_gradient = staticmethod(LinearGradient.create)
|
linear_gradient = staticmethod(LinearGradient.create)
|
||||||
|
radial_gradient = staticmethod(RadialGradient.create)
|
||||||
defs = staticmethod(Defs.create)
|
defs = staticmethod(Defs.create)
|
||||||
__call__ = staticmethod(Svg.create)
|
__call__ = staticmethod(Svg.create)
|
||||||
|
|
||||||
|
|||||||
@ -1550,6 +1550,242 @@ class Svg(BaseHTML):
|
|||||||
"""
|
"""
|
||||||
...
|
...
|
||||||
|
|
||||||
|
class Text(BaseHTML):
|
||||||
|
@overload
|
||||||
|
@classmethod
|
||||||
|
def create( # type: ignore
|
||||||
|
cls,
|
||||||
|
*children,
|
||||||
|
x: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
y: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
dx: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
dy: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
rotate: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
length_adjust: Optional[Union[Var[str], str]] = None,
|
||||||
|
text_length: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
auto_capitalize: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
content_editable: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
context_menu: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
enter_key_hint: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
style: Optional[Style] = None,
|
||||||
|
key: Optional[Any] = None,
|
||||||
|
id: Optional[Any] = None,
|
||||||
|
class_name: Optional[Any] = None,
|
||||||
|
autofocus: Optional[bool] = None,
|
||||||
|
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
||||||
|
on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_context_menu: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_double_click: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mouse_down: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_enter: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_leave: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_move: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_out: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_over: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_up: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_unmount: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
**props,
|
||||||
|
) -> "Text":
|
||||||
|
"""Create the component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
*children: The children of the component.
|
||||||
|
x: The x coordinate of the starting point of the text baseline.
|
||||||
|
y: The y coordinate of the starting point of the text baseline.
|
||||||
|
dx: Shifts the text position horizontally from a previous text element.
|
||||||
|
dy: Shifts the text position vertically from a previous text element.
|
||||||
|
rotate: Rotates orientation of each individual glyph.
|
||||||
|
length_adjust: How the text is stretched or compressed to fit the width defined by the text_length attribute.
|
||||||
|
text_length: A width that the text should be scaled to fit.
|
||||||
|
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
||||||
|
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
||||||
|
content_editable: Indicates whether the element's content is editable.
|
||||||
|
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
||||||
|
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
||||||
|
draggable: Defines whether the element can be dragged.
|
||||||
|
enter_key_hint: Hints what media types the media element is able to play.
|
||||||
|
hidden: Defines whether the element is hidden.
|
||||||
|
input_mode: Defines the type of the element.
|
||||||
|
item_prop: Defines the name of the element for metadata purposes.
|
||||||
|
lang: Defines the language used in the element.
|
||||||
|
role: Defines the role of the element.
|
||||||
|
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
||||||
|
spell_check: Defines whether the element may be checked for spelling errors.
|
||||||
|
tab_index: Defines the position of the current element in the tabbing order.
|
||||||
|
title: Defines a tooltip for the element.
|
||||||
|
style: The style of the component.
|
||||||
|
key: A unique key for the component.
|
||||||
|
id: The id for the component.
|
||||||
|
class_name: The class name for the component.
|
||||||
|
autofocus: Whether the component should take the focus once the page is loaded
|
||||||
|
custom_attrs: custom attribute
|
||||||
|
**props: The props of the component.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The component.
|
||||||
|
"""
|
||||||
|
...
|
||||||
|
|
||||||
|
class Line(BaseHTML):
|
||||||
|
@overload
|
||||||
|
@classmethod
|
||||||
|
def create( # type: ignore
|
||||||
|
cls,
|
||||||
|
*children,
|
||||||
|
x1: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
x2: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
y1: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
y2: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
path_length: Optional[Union[Var[int], int]] = None,
|
||||||
|
access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
auto_capitalize: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
content_editable: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
context_menu: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
enter_key_hint: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
style: Optional[Style] = None,
|
||||||
|
key: Optional[Any] = None,
|
||||||
|
id: Optional[Any] = None,
|
||||||
|
class_name: Optional[Any] = None,
|
||||||
|
autofocus: Optional[bool] = None,
|
||||||
|
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
||||||
|
on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_context_menu: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_double_click: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mouse_down: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_enter: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_leave: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_move: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_out: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_over: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_up: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_unmount: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
**props,
|
||||||
|
) -> "Line":
|
||||||
|
"""Create the component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
*children: The children of the component.
|
||||||
|
x1: The x-axis coordinate of the line starting point.
|
||||||
|
x2: The x-axis coordinate of the the line ending point.
|
||||||
|
y1: The y-axis coordinate of the line starting point.
|
||||||
|
y2: The y-axis coordinate of the the line ending point.
|
||||||
|
path_length: The total path length, in user units.
|
||||||
|
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
||||||
|
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
||||||
|
content_editable: Indicates whether the element's content is editable.
|
||||||
|
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
||||||
|
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
||||||
|
draggable: Defines whether the element can be dragged.
|
||||||
|
enter_key_hint: Hints what media types the media element is able to play.
|
||||||
|
hidden: Defines whether the element is hidden.
|
||||||
|
input_mode: Defines the type of the element.
|
||||||
|
item_prop: Defines the name of the element for metadata purposes.
|
||||||
|
lang: Defines the language used in the element.
|
||||||
|
role: Defines the role of the element.
|
||||||
|
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
||||||
|
spell_check: Defines whether the element may be checked for spelling errors.
|
||||||
|
tab_index: Defines the position of the current element in the tabbing order.
|
||||||
|
title: Defines a tooltip for the element.
|
||||||
|
style: The style of the component.
|
||||||
|
key: A unique key for the component.
|
||||||
|
id: The id for the component.
|
||||||
|
class_name: The class name for the component.
|
||||||
|
autofocus: Whether the component should take the focus once the page is loaded
|
||||||
|
custom_attrs: custom attribute
|
||||||
|
**props: The props of the component.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The component.
|
||||||
|
"""
|
||||||
|
...
|
||||||
|
|
||||||
class Circle(BaseHTML):
|
class Circle(BaseHTML):
|
||||||
@overload
|
@overload
|
||||||
@classmethod
|
@classmethod
|
||||||
@ -1664,6 +1900,122 @@ class Circle(BaseHTML):
|
|||||||
"""
|
"""
|
||||||
...
|
...
|
||||||
|
|
||||||
|
class Ellipse(BaseHTML):
|
||||||
|
@overload
|
||||||
|
@classmethod
|
||||||
|
def create( # type: ignore
|
||||||
|
cls,
|
||||||
|
*children,
|
||||||
|
cx: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
cy: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
rx: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
ry: Optional[Union[Var[Union[int, str]], int, str]] = None,
|
||||||
|
path_length: Optional[Union[Var[int], int]] = None,
|
||||||
|
access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
auto_capitalize: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
content_editable: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
context_menu: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
enter_key_hint: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
style: Optional[Style] = None,
|
||||||
|
key: Optional[Any] = None,
|
||||||
|
id: Optional[Any] = None,
|
||||||
|
class_name: Optional[Any] = None,
|
||||||
|
autofocus: Optional[bool] = None,
|
||||||
|
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
||||||
|
on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_context_menu: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_double_click: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mouse_down: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_enter: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_leave: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_move: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_out: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_over: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_up: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_unmount: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
**props,
|
||||||
|
) -> "Ellipse":
|
||||||
|
"""Create the component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
*children: The children of the component.
|
||||||
|
cx: The x position of the center of the ellipse.
|
||||||
|
cy: The y position of the center of the ellipse.
|
||||||
|
rx: The radius of the ellipse on the x axis.
|
||||||
|
ry: The radius of the ellipse on the y axis.
|
||||||
|
path_length: The total length for the ellipse's circumference, in user units.
|
||||||
|
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
||||||
|
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
||||||
|
content_editable: Indicates whether the element's content is editable.
|
||||||
|
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
||||||
|
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
||||||
|
draggable: Defines whether the element can be dragged.
|
||||||
|
enter_key_hint: Hints what media types the media element is able to play.
|
||||||
|
hidden: Defines whether the element is hidden.
|
||||||
|
input_mode: Defines the type of the element.
|
||||||
|
item_prop: Defines the name of the element for metadata purposes.
|
||||||
|
lang: Defines the language used in the element.
|
||||||
|
role: Defines the role of the element.
|
||||||
|
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
||||||
|
spell_check: Defines whether the element may be checked for spelling errors.
|
||||||
|
tab_index: Defines the position of the current element in the tabbing order.
|
||||||
|
title: Defines a tooltip for the element.
|
||||||
|
style: The style of the component.
|
||||||
|
key: A unique key for the component.
|
||||||
|
id: The id for the component.
|
||||||
|
class_name: The class name for the component.
|
||||||
|
autofocus: Whether the component should take the focus once the page is loaded
|
||||||
|
custom_attrs: custom attribute
|
||||||
|
**props: The props of the component.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The component.
|
||||||
|
"""
|
||||||
|
...
|
||||||
|
|
||||||
class Rect(BaseHTML):
|
class Rect(BaseHTML):
|
||||||
@overload
|
@overload
|
||||||
@classmethod
|
@classmethod
|
||||||
@ -2120,6 +2472,130 @@ class LinearGradient(BaseHTML):
|
|||||||
"""
|
"""
|
||||||
...
|
...
|
||||||
|
|
||||||
|
class RadialGradient(BaseHTML):
|
||||||
|
@overload
|
||||||
|
@classmethod
|
||||||
|
def create( # type: ignore
|
||||||
|
cls,
|
||||||
|
*children,
|
||||||
|
cx: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
cy: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
fr: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
fx: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
fy: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
gradient_units: Optional[Union[Var[Union[bool, str]], bool, str]] = None,
|
||||||
|
gradient_transform: Optional[Union[Var[Union[bool, str]], bool, str]] = None,
|
||||||
|
r: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
spread_method: Optional[Union[Var[Union[bool, str]], bool, str]] = None,
|
||||||
|
access_key: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
auto_capitalize: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
content_editable: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
context_menu: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
dir: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
draggable: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
enter_key_hint: Optional[
|
||||||
|
Union[Var[Union[bool, int, str]], bool, int, str]
|
||||||
|
] = None,
|
||||||
|
hidden: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
input_mode: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
item_prop: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
lang: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
role: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
slot: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
spell_check: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
tab_index: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
title: Optional[Union[Var[Union[bool, int, str]], bool, int, str]] = None,
|
||||||
|
style: Optional[Style] = None,
|
||||||
|
key: Optional[Any] = None,
|
||||||
|
id: Optional[Any] = None,
|
||||||
|
class_name: Optional[Any] = None,
|
||||||
|
autofocus: Optional[bool] = None,
|
||||||
|
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
||||||
|
on_blur: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_click: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_context_menu: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_double_click: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_focus: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mount: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_mouse_down: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_enter: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_leave: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_move: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_out: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_over: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_mouse_up: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
on_scroll: Optional[Union[EventHandler, EventSpec, list, Callable, Var]] = None,
|
||||||
|
on_unmount: Optional[
|
||||||
|
Union[EventHandler, EventSpec, list, Callable, Var]
|
||||||
|
] = None,
|
||||||
|
**props,
|
||||||
|
) -> "RadialGradient":
|
||||||
|
"""Create the component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
*children: The children of the component.
|
||||||
|
cx: The x coordinate of the end circle of the radial gradient.
|
||||||
|
cy: The y coordinate of the end circle of the radial gradient.
|
||||||
|
fr: The radius of the start circle of the radial gradient.
|
||||||
|
fx: The x coordinate of the start circle of the radial gradient.
|
||||||
|
fy: The y coordinate of the start circle of the radial gradient.
|
||||||
|
gradient_units: Units for the gradient.
|
||||||
|
gradient_transform: Transform applied to the gradient.
|
||||||
|
r: The radius of the end circle of the radial gradient.
|
||||||
|
spread_method: Method used to spread the gradient.
|
||||||
|
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
||||||
|
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
||||||
|
content_editable: Indicates whether the element's content is editable.
|
||||||
|
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
||||||
|
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
||||||
|
draggable: Defines whether the element can be dragged.
|
||||||
|
enter_key_hint: Hints what media types the media element is able to play.
|
||||||
|
hidden: Defines whether the element is hidden.
|
||||||
|
input_mode: Defines the type of the element.
|
||||||
|
item_prop: Defines the name of the element for metadata purposes.
|
||||||
|
lang: Defines the language used in the element.
|
||||||
|
role: Defines the role of the element.
|
||||||
|
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
||||||
|
spell_check: Defines whether the element may be checked for spelling errors.
|
||||||
|
tab_index: Defines the position of the current element in the tabbing order.
|
||||||
|
title: Defines a tooltip for the element.
|
||||||
|
style: The style of the component.
|
||||||
|
key: A unique key for the component.
|
||||||
|
id: The id for the component.
|
||||||
|
class_name: The class name for the component.
|
||||||
|
autofocus: Whether the component should take the focus once the page is loaded
|
||||||
|
custom_attrs: custom attribute
|
||||||
|
**props: The props of the component.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The component.
|
||||||
|
"""
|
||||||
|
...
|
||||||
|
|
||||||
class Stop(BaseHTML):
|
class Stop(BaseHTML):
|
||||||
@overload
|
@overload
|
||||||
@classmethod
|
@classmethod
|
||||||
@ -2345,12 +2821,16 @@ class Path(BaseHTML):
|
|||||||
...
|
...
|
||||||
|
|
||||||
class SVG(ComponentNamespace):
|
class SVG(ComponentNamespace):
|
||||||
|
text = staticmethod(Text.create)
|
||||||
|
line = staticmethod(Line.create)
|
||||||
circle = staticmethod(Circle.create)
|
circle = staticmethod(Circle.create)
|
||||||
|
ellipse = staticmethod(Ellipse.create)
|
||||||
rect = staticmethod(Rect.create)
|
rect = staticmethod(Rect.create)
|
||||||
polygon = staticmethod(Polygon.create)
|
polygon = staticmethod(Polygon.create)
|
||||||
path = staticmethod(Path.create)
|
path = staticmethod(Path.create)
|
||||||
stop = staticmethod(Stop.create)
|
stop = staticmethod(Stop.create)
|
||||||
linear_gradient = staticmethod(LinearGradient.create)
|
linear_gradient = staticmethod(LinearGradient.create)
|
||||||
|
radial_gradient = staticmethod(RadialGradient.create)
|
||||||
defs = staticmethod(Defs.create)
|
defs = staticmethod(Defs.create)
|
||||||
|
|
||||||
@staticmethod
|
@staticmethod
|
||||||
|
|||||||
74
tests/components/el/test_svg.py
Normal file
74
tests/components/el/test_svg.py
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
from reflex.components.el.elements.media import (
|
||||||
|
Circle,
|
||||||
|
Defs,
|
||||||
|
Ellipse,
|
||||||
|
Line,
|
||||||
|
LinearGradient,
|
||||||
|
Path,
|
||||||
|
Polygon,
|
||||||
|
RadialGradient,
|
||||||
|
Rect,
|
||||||
|
Stop,
|
||||||
|
Svg,
|
||||||
|
Text,
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
def test_circle():
|
||||||
|
circle = Circle.create().render()
|
||||||
|
assert circle["name"] == "circle"
|
||||||
|
|
||||||
|
|
||||||
|
def test_defs():
|
||||||
|
defs = Defs.create().render()
|
||||||
|
assert defs["name"] == "defs"
|
||||||
|
|
||||||
|
|
||||||
|
def test_ellipse():
|
||||||
|
ellipse = Ellipse.create().render()
|
||||||
|
assert ellipse["name"] == "ellipse"
|
||||||
|
|
||||||
|
|
||||||
|
def test_line():
|
||||||
|
line = Line.create().render()
|
||||||
|
assert line["name"] == "line"
|
||||||
|
|
||||||
|
|
||||||
|
def test_linear_gradient():
|
||||||
|
linear_gradient = LinearGradient.create().render()
|
||||||
|
assert linear_gradient["name"] == "linearGradient"
|
||||||
|
|
||||||
|
|
||||||
|
def test_path():
|
||||||
|
path = Path.create().render()
|
||||||
|
assert path["name"] == "path"
|
||||||
|
|
||||||
|
|
||||||
|
def test_polygon():
|
||||||
|
polygon = Polygon.create().render()
|
||||||
|
assert polygon["name"] == "polygon"
|
||||||
|
|
||||||
|
|
||||||
|
def test_radial_gradient():
|
||||||
|
radial_gradient = RadialGradient.create().render()
|
||||||
|
assert radial_gradient["name"] == "radialGradient"
|
||||||
|
|
||||||
|
|
||||||
|
def test_rect():
|
||||||
|
rect = Rect.create().render()
|
||||||
|
assert rect["name"] == "rect"
|
||||||
|
|
||||||
|
|
||||||
|
def test_svg():
|
||||||
|
svg = Svg.create().render()
|
||||||
|
assert svg["name"] == "svg"
|
||||||
|
|
||||||
|
|
||||||
|
def test_text():
|
||||||
|
text = Text.create().render()
|
||||||
|
assert text["name"] == "text"
|
||||||
|
|
||||||
|
|
||||||
|
def test_stop():
|
||||||
|
stop = Stop.create().render()
|
||||||
|
assert stop["name"] == "stop"
|
||||||
Loading…
Reference in New Issue
Block a user