You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.8 KiB
40 lines
1.8 KiB
from typing import Any, Callable, Optional, Tuple |
|
|
|
from .mixins.disableable_element import DisableableElement |
|
from .mixins.value_element import ValueElement |
|
|
|
|
|
class Splitter(ValueElement, DisableableElement): |
|
|
|
def __init__(self, *, |
|
horizontal: Optional[bool] = False, |
|
reverse: Optional[bool] = False, |
|
limits: Optional[Tuple[float, float]] = (0, 100), |
|
value: Optional[float] = 50, |
|
on_change: Optional[Callable[..., Any]] = None, |
|
) -> None: |
|
"""Splitter |
|
|
|
The `ui.splitter` element divides the screen space into resizable sections, |
|
allowing for flexible and responsive layouts in your application. |
|
|
|
Based on Quasar's Splitter component: |
|
`Splitter <https://quasar.dev/vue-components/splitter>`_ |
|
|
|
It provides three customizable slots, ``before``, ``after``, and ``separator``, |
|
which can be used to embed other elements within the splitter. |
|
|
|
:param horizontal: Whether to split horizontally instead of vertically |
|
:param limits: Two numbers representing the minimum and maximum split size of the two panels |
|
:param value: Size of the first panel (or second if using reverse) |
|
:param reverse: Whether to apply the model size to the second panel instead of the first |
|
:param on_change: callback which is invoked when the user releases the splitter |
|
""" |
|
super().__init__(tag='q-splitter', value=value, on_value_change=on_change, throttle=0.05) |
|
self._props['horizontal'] = horizontal |
|
self._props['limits'] = limits |
|
self._props['reverse'] = reverse |
|
|
|
self.before = self.add_slot('before') |
|
self.after = self.add_slot('after') |
|
self.separator = self.add_slot('separator')
|
|
|