ex4nicegui 0.8.4__py3-none-any.whl → 0.8.6__py3-none-any.whl

ex4nicegui/toolbox/core/vue_use.py

@@ -0,0 +1,32 @@
+from typing import Any, Callable, Dict, List, Optional
+from nicegui.element import Element
+from collections import defaultdict
+
+
+class VueUse(Element, component="VueUse.js"):
+    def __init__(
+        self,
+        method: str,
+        args: Optional[List[Any]] = None,
+    ) -> None:
+        super().__init__()
+
+        self._props["method"] = method
+        self._props["args"] = args
+
+        self.__on_events: defaultdict[str, List[Callable]] = defaultdict(list)
+
+        def on_change(e):
+            event_name = e.args["eventName"]
+            value = e.args["value"]
+
+            self.trigger_event(event_name, value)
+
+        self.on("change", on_change)
+
+    def on_event(self, event_name: str, callback: Callable) -> None:
+        self.__on_events[event_name].append(callback)
+
+    def trigger_event(self, event_name: str, value: Any) -> None:
+        for callback in self.__on_events[event_name]:
+            callback(value)

ex4nicegui/toolbox/functions/breakpoint.py

@@ -0,0 +1,114 @@
+from __future__ import annotations
+from typing import Callable, Dict, List, Optional
+from ex4nicegui.utils.signals import to_ref, ref_computed
+from ex4nicegui.utils.types import ReadonlyRef
+from ex4nicegui.toolbox.core.vue_use import VueUse
+
+
+_QUASAR_BREAKPOINTS = {"xs": 0, "sm": 600, "md": 1024, "lg": 1440, "xl": 1920}
+
+
+class UseBreakpoints:
+    def __init__(
+        self,
+        options: Optional[Dict] = None,
+        *,
+        on_active_change: Optional[Callable[[str], None]] = None,
+    ):
+        """monitor viewport breakpoints.
+
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#use_breakpoints
+
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#use_breakpoints
+
+        Args:
+            options (Optional[Dict], optional): the configuration for each breakpoint. The default is the configuration from Quasar v3. Defaults to None.
+            on_active_change (Optional[Callable[[str], None]], optional): callback function to be called when the breakpoint changes. Defaults to None.
+
+        Example:
+        .. code-block:: python
+            from ex4nicegui import toolbox as tb
+
+            options = {"mobile": 0, "tablet": 640, "laptop": 1024, "desktop": 1280}
+            tb.use_breakpoints(options, on_active_change=lambda breakpoint: print(breakpoint))
+
+        """
+        self.__options = (options or _QUASAR_BREAKPOINTS).copy()
+
+        self.__vue_use = VueUse("useBreakpoints", args=[self.__options])
+
+        self.__active_value = ""
+
+        def mouted(value: str):
+            self.__active_value = value
+
+        self.__active_ref: Optional[ReadonlyRef[str]] = None
+        self.__on_active_change_with_mounted(mouted)
+
+        if on_active_change:
+            self.on_active_change(on_active_change)
+
+    @property
+    def active_value(self) -> str:
+        """the current breakpoint value."""
+        return self.__active_value
+
+    @property
+    def active(self):
+        """the current breakpoint value as a ref."""
+        if self.__active_ref is None:
+            active = to_ref(self.__active_value)
+
+            self.__on_active_change_with_mounted(lambda value: active.set_value(value))
+            self.__active_ref = ref_computed(lambda: active.value)
+
+        return self.__active_ref
+
+    def between(self, start: str, end: str) -> ReadonlyRef[bool]:
+        """whether the current breakpoint is between the start and end values."""
+
+        @ref_computed
+        def between_result():
+            return _Utils.is_between(
+                list(self.__options.keys()), self.active.value, start, end
+            )
+
+        return between_result
+
+    def is_between(self, start: str, end: str) -> bool:
+        """whether the current breakpoint is between the start and end values.
+
+        Args:
+            start (str): Detect the start value of the range.
+            end (str): Detect the end value of the range. not including.
+
+        Returns:
+            bool: True or False
+        """
+        return _Utils.is_between(
+            list(self.__options.keys()), self.active_value, start, end
+        )
+
+    def on_active_change(self, callback: Callable[[str], None]):
+        """register a callback function to be called when the breakpoint changes.
+
+        Args:
+            callback (Callable[[str], None]): the callback function to be called.
+        """
+        self.__vue_use.on_event("active", callback)
+
+    def __on_active_change_with_mounted(self, callback: Callable[[str], None]):
+        self.__vue_use.on_event("activeWithMounted", callback)
+
+
+class _Utils:
+    @staticmethod
+    def is_between(ranges: List[str], current: str, start: str, end: str) -> bool:
+        try:
+            current_index = ranges.index(current)
+            start_index = ranges.index(start)
+            end_index = ranges.index(end)
+
+            return start_index <= current_index < end_index
+        except ValueError:
+            return False

ex4nicegui/toolbox/functions/dark.py

@@ -0,0 +1,97 @@
+from __future__ import annotations
+from typing import Callable, Optional, TypedDict
+from ex4nicegui.toolbox.core.vue_use import VueUse
+from ex4nicegui.utils.signals import to_ref, ref_computed
+
+
+_QUASAR_DARK_OPTIONS: UseDarkOptions = {
+    "selector": "body",
+    "attribute": "class",
+    "valueDark": "body--dark dark",
+    "valueLight": "body--light",
+}
+
+
+class UseDarkOptions(TypedDict):
+    selector: str
+    attribute: str
+    valueDark: str
+    valueLight: str
+
+
+class UseDark:
+    def __init__(
+        self,
+        value: bool = True,
+        *,
+        options: Optional[UseDarkOptions] = None,
+        on_value_change: Optional[Callable[[bool], None]] = None,
+    ):
+        """Dark mode manager
+
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#use_dark
+
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#use_dark
+
+        Args:
+            value (bool, optional): Dark mode value. Defaults to True.
+            options (Optional[UseDarkOptions], optional): Options for dark mode manager. Defaults from Quasar dark mode manager.
+            on_value_change (Optional[Callable[[bool], None]], optional): Callback function when dark mode value changes. Defaults to None.
+
+        Example:
+        .. code-block:: python
+            from ex4nicegui import rxui, toolbox as tb
+            from nicegui import ui
+
+            dark = tb.use_dark()
+
+            rxui.label(lambda: f"Dark mode: {dark.value}")
+            rxui.button(
+                icon=lambda: "sunny" if dark.value else "dark_mode",
+                color=lambda: "red" if dark.value else "blue",
+                on_click=dark.toggle,
+            ).props("flat round")
+
+        """
+        options = options or _QUASAR_DARK_OPTIONS
+
+        self.__vue_use = VueUse("useDark", args=[options, value])
+
+        if on_value_change:
+            self.on_value_change(on_value_change)
+
+        self.__is_dark = to_ref(value)
+        self.__is_dark_computed = ref_computed(lambda: self.__is_dark.value)
+
+        @self.__on_value_change_with_mounted
+        def _(is_dark: bool):
+            self.__is_dark.value = is_dark
+
+    @property
+    def is_dark(self):
+        """Dark mode value computed property."""
+        return self.__is_dark_computed
+
+    @property
+    def value(self) -> bool:
+        """Dark mode value"""
+        return self.__is_dark.value
+
+    def on_value_change(self, callback: Callable[[bool], None]):
+        """Callback function when dark mode value changes
+
+        Args:
+            callback (Callable[[bool], None]): Callback function.
+        """
+        self.__vue_use.on_event("isDark", callback)
+
+    def toggle(self, value: Optional[bool] = None):
+        """Toggle dark mode
+
+        Args:
+            value (Optional[bool], optional):  Dark mode value. Defaults to None.
+        """
+        self.__vue_use.run_method("toggleDark", value)
+
+    def __on_value_change_with_mounted(self, callback: Callable[[bool], None]):
+        self.__vue_use.on_event("isDarkWithMounted", callback)

ex4nicegui/toolbox/functions/qr_code.py

@@ -0,0 +1,83 @@
+from typing import Callable, Optional
+from ex4nicegui.toolbox.core.vue_use import VueUse
+from ex4nicegui.utils.signals import (
+    to_value,
+    TMaybeRef,
+    is_ref,
+    on,
+    to_ref,
+    ref_computed,
+)
+
+
+class UseQRCode:
+    def __init__(
+        self,
+        text: TMaybeRef[str],
+        *,
+        on_data_change: Optional[Callable[[str], None]] = None,
+    ):
+        """Create a QR code.
+
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#use_qr_code
+
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#use_qr_code
+
+        Args:
+            text (TMaybeRef[str]): The text to be encoded in the QR code.
+            on_data_change (Optional[Callable[[str], None]], optional): Callback function when qr code changes. Defaults to None.
+
+        Example:
+        .. code-block:: python
+            from ex4nicegui import rxui, to_ref, toolbox as tb
+            from nicegui import ui
+
+            text = to_ref("ex4nicegui")
+            qr_code = tb.use_qr_code(text)
+
+            rxui.input(value=text)
+            rxui.image(qr_code.code).classes("w-20 h-20").props("no-transition")
+        """
+
+        self.__vue_use = VueUse("useQRCode", args=[to_value(text)])
+
+        if on_data_change:
+            self.on_data_change(on_data_change)
+
+        self.__text = text
+        self.__qr_code = to_ref("")
+        self.code = ref_computed(lambda: self.__qr_code.value)
+
+        if is_ref(self.__text):
+
+            @on(self.__text, onchanges=True)
+            def _():
+                self.update_text(to_value(self.__text))
+
+            @self.on_data_change
+            def _on_data_change(data: str):
+                self.__qr_code.value = data
+
+    async def get_qr_code(self) -> str:
+        """Get the QR code data.
+
+        Returns:
+            str: The QR code data.
+        """
+        return await self.__vue_use.run_method("getQRCode")
+
+    def update_text(self, text: str):
+        """Update the text to be encoded in the QR code.
+
+        Args:
+            text (str): The new text to be encoded in the QR code.
+        """
+        self.__vue_use.run_method("updateText", text)
+
+    def on_data_change(self, callback: Callable[[str], None]):
+        """Callback function when qr code changes.
+
+        Args:
+            callback (Callable[[bool], None]): Callback function.
+        """
+        self.__vue_use.on_event("qrcode", callback)

ex4nicegui/utils/asyncComputed.py

@@ -21,6 +21,7 @@ def async_computed(
     *,
     init: Optional[_T] = None,
     evaluating: Optional[TRef[bool]] = None,
+    onchanges=True,
     debug_trigger: Optional[Callable] = None,
     debug_name: Optional[str] = None,
 ):
@@ -34,12 +35,14 @@ def async_computed(
         refs (Union[TGetterOrReadonlyRef, Sequence[TGetterOrReadonlyRef]]): _description_
         init (Optional[_T], optional): The initial state, used until the first evaluation finishes. Defaults to None.
         evaluating (Optional[TRef[bool]], optional): Ref passed to receive the updated of async evaluation. Defaults to None.
+        onchanges (bool, optional): If set to `False`, it will trigger an immediate computation. Defaults to True.
 
     """
     return signe.async_computed(
         refs,
         init=init,
         evaluating=evaluating,
+        onchanges=onchanges,
         debug_name=debug_name,
         debug_trigger=debug_trigger,
         scope=_CLIENT_SCOPE_MANAGER.get_current_scope(),

ex4nicegui/utils/proxy/dict.py

@@ -46,7 +46,6 @@ class DictProxy(dict, Generic[_KT, _VT]):
         return self._ref.value.__len__()
 
     def __getitem__(self, key: _KT, /):
-        print("getitem")
         value = self._ref.value.__getitem__(key)
 
         if isinstance(value, str):

{ex4nicegui-0.8.4.dist-info → ex4nicegui-0.8.6.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: ex4nicegui
-Version: 0.8.4
+Version: 0.8.6
 Summary: Extension library based on nicegui, providing data responsive,BI functionality modules
 Home-page: https://github.com/CrystalWindSnake/ex4nicegui
 License: MIT
@@ -17,7 +17,7 @@ Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
 Requires-Dist: executing (>=2.0.1,<3.0.0)
 Requires-Dist: nicegui (>=2.0.0,<3.0.0)
-Requires-Dist: signe (>=0.4.21,<0.5.0)
+Requires-Dist: signe (>=0.4.22,<0.5.0)
 Project-URL: Repository, https://github.com/CrystalWindSnake/ex4nicegui
 Description-Content-Type: text/markdown
 
@@ -466,6 +466,10 @@ class MyApp(rxui.ViewModel):
       - [ui\_select](#ui_select)
       - [ui\_table](#ui_table)
       - [ui\_aggrid](#ui_aggrid)
+    - [toolbox](#toolbox)
+      - [use\_dark](#use_dark)
+      - [use\_breakpoints](#use_breakpoints)
+      - [use\_qr\_code](#use_qr_code)
 
 ---
 
@@ -1799,3 +1803,86 @@ source.ui_aggrid(
 
 
 
+
+### toolbox
+
+`toolbox` 模块提供了一些常用的工具函数。
+
+```python
+from ex4nicegui import toolbox
+```
+
+#### use_dark
+
+切换暗模式
+
+```python
+from ex4nicegui import rxui, toolbox as tb
+from nicegui import ui
+
+
+dark = tb.use_dark(False)
+
+rxui.label(lambda: f"暗模式: {dark.value}")
+rxui.button(
+    icon=lambda: "sunny" if dark.value else "dark_mode",
+    color=lambda: "red" if dark.value else "blue",
+    on_click=dark.toggle,
+).props("flat round")
+
+```
+
+#### use_breakpoints
+
+响应式断点
+
+```python
+from ex4nicegui import rxui, toolbox as tb
+from nicegui import ui
+
+
+options = {"手机": 0, "平板": 640, "笔记本": 1024, "桌面": 1280}
+bp = tb.use_breakpoints(options)
+active = bp.active
+is_between = bp.between("手机", "笔记本")
+
+with ui.card():
+    rxui.label(lambda: f"当前断点: {active.value}")
+    rxui.label(lambda: f"是否在手机-笔记本(不含)之间: {is_between.value}").bind_classes(
+        {"text-red-500": is_between}
+    )
+
+    rxui.label(lambda: f'手机(0px - 640px): {active.value == "手机"}').bind_classes(
+        {"bg-red-300": lambda: active.value == "手机"}
+    )
+    rxui.label(lambda: f'平板(640px - 1024px): {active.value == "平板"}').bind_classes(
+        {"bg-red-300": lambda: active.value == "平板"}
+    )
+    rxui.label(
+        lambda: f'笔记本(1024px - 1280px): {active.value == "笔记本"}'
+    ).bind_classes({"bg-red-300": lambda: active.value == "笔记本"})
+    rxui.label(lambda: f'桌面(1280px+): {active.value == "桌面"}').bind_classes(
+        {"bg-red-300": lambda: active.value == "桌面"}
+    )
+
+
+```
+
+
+#### use_qr_code
+
+生成二维码
+
+```python
+from ex4nicegui import rxui, to_ref, toolbox as tb
+from nicegui import ui
+
+
+text = to_ref("ex4nicegui")
+qr_code = tb.use_qr_code(text)
+
+rxui.input(value=text)
+rxui.image(qr_code.code).classes("w-20 h-20").props("no-transition")
+```
+
+

{ex4nicegui-0.8.4.dist-info → ex4nicegui-0.8.6.dist-info}/RECORD

@@ -70,16 +70,16 @@ ex4nicegui/libs/gsap/utils/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJ
 ex4nicegui/libs/gsap/utils/matrix.js,sha256=77scrxbQZXx4ex5HkvnT9IkhMG1rQoDNp4TSYgUeYVk,15235
 ex4nicegui/libs/gsap/utils/paths.js,sha256=2SPaRHQ7zgba9cH8hGhkTYPCZdrrEhE2qhh6ECAEvSA,49314
 ex4nicegui/libs/gsap/utils/strings.js,sha256=47G9slz5ltG9mDSwrfQDtWzzdV5QJ-AIMLRMNK0VSiM,10472
-ex4nicegui/reactive/__init__.py,sha256=8o_kpKvzjfLtHNAzmDYcmHRbfBbnBNdAH6D1O5cCaag,4445
+ex4nicegui/reactive/__init__.py,sha256=I5GhhBCPBIVj3vhLE7Zf_UpjIK7ZOwCFFCC3YNPE4Rs,4668
 ex4nicegui/reactive/base.py,sha256=CQmWhrKHNMF2ql7O6VOKEOBdEcc3-yagOcERpnUPYus,16323
 ex4nicegui/reactive/deferredTask.py,sha256=g78TTG1EIkBxjPih01xmrCZw9OxQG93veSVSELWKfcU,987
 ex4nicegui/reactive/dropZone/dropZone.js,sha256=7rSpFJX-Fk_W_NGZhOTyuEw0bzR-YUc8ZYPzQG9KzE0,2713
 ex4nicegui/reactive/dropZone/dropZone.py,sha256=hg9UKTayff8v8Ek-n38h_3wX1Qmiotvdyv1Hsqilh5Y,2590
 ex4nicegui/reactive/EChartsComponent/ECharts.js,sha256=K9sX34SMnghwDMCkl-IA7WsntxyryeRsboihkIwDb84,3852
 ex4nicegui/reactive/EChartsComponent/ECharts.py,sha256=jLRdKqJWCtKHzNlFAX9ePAmzP1WSXRzBQAO0KHHkfBA,4258
-ex4nicegui/reactive/EChartsComponent/events.py,sha256=_BtmLRcAIZciDQT5i1eFc-r3e0pBnAabW1BSl6uzhCc,570
+ex4nicegui/reactive/EChartsComponent/events.py,sha256=ln10cNw5ODiSmdKVi6KBZ6JMR3YIZ6itYZcMgNAlKhA,741
 ex4nicegui/reactive/EChartsComponent/types.py,sha256=_7AekG0IyzRpDEBZMtKRiZ3o3dUCcn6btegBk8c9Fig,1001
-ex4nicegui/reactive/EChartsComponent/utils.py,sha256=a5r2fghC6IIZbyfUUR8TEkpLj9HPbcf8QHEBatXaL2M,1463
+ex4nicegui/reactive/EChartsComponent/utils.py,sha256=YqxodbGD_lk_Bp-K8s8XvgqSXRf_CIHmzeubrqFRuVM,1013
 ex4nicegui/reactive/empty.js,sha256=Y-caS4CN8jUq59LgGgcvgfkndze-RgWF_ZMmAcxOrbw,50
 ex4nicegui/reactive/empty.py,sha256=kB851B12V1_VCNsFKW6OmjcdIiuZqGEGjLgA6k6yug8,132
 ex4nicegui/reactive/fileWatcher.py,sha256=gjeZhgar02f-qGQa47Tj5SMaCP_ftRtSU898XUmXl1U,1472
@@ -108,21 +108,22 @@ ex4nicegui/reactive/officials/drawer.py,sha256=_Ro6stOh8U3igYMeDwI4omBgi1nld5ber
 ex4nicegui/reactive/officials/echarts.py,sha256=xRBKVbcCUwUGA8n7bw2eJj9FBQIayL4t_rzXZrjD3Pc,10895
 ex4nicegui/reactive/officials/element.py,sha256=-qsHcxfF3fMfU0sJlKtTksX_wYPMIPJ_AgFcZbbI754,412
 ex4nicegui/reactive/officials/expansion.py,sha256=8xwJa0SpsVhFxbYwYRZtf1ul9m4oYTjgmtrRI_lqF_0,1822
-ex4nicegui/reactive/officials/grid.py,sha256=Bq83jejsxQSYVc9O1IE6JUgUndUm1uexb4fq9EZWjHQ,921
+ex4nicegui/reactive/officials/grid.py,sha256=0vLLJOe7t_b351TsYOWpnrPsWKaqV_bG_010Xp-_BfY,2012
 ex4nicegui/reactive/officials/html.js,sha256=lyvRAdMKZGOc7MPEapeU6WbOzq_MVzqzUJEhKuC8zWc,119
 ex4nicegui/reactive/officials/html.py,sha256=XrOpGoAJDo8dtTnZVLSmi7H5iHffmYpeZ94lXxHjBwI,629
 ex4nicegui/reactive/officials/icon.py,sha256=Um1yS681pcbsZ4o7GU_2w1NCfwFVXNu1a4asB2hzYUg,1374
 ex4nicegui/reactive/officials/image.py,sha256=ySu2gqVQIuLMUTItcp233Iqnx86P0q0MU8EVq07yuMk,1141
-ex4nicegui/reactive/officials/input.py,sha256=TuoPaicDkcdOF58THwNxfqDNlShQF-tDjPLoEv1YVhk,4069
+ex4nicegui/reactive/officials/input.py,sha256=IWjtWg3qxgnMw4CG1RztKHM6P-_Kb7xCYT9BEaJ9WNc,4816
 ex4nicegui/reactive/officials/knob.py,sha256=TPKrquOBD9fBI9aBipE0qYy22dQJCcX9wNZQGplRs8M,2227
 ex4nicegui/reactive/officials/label.py,sha256=kCair4NpFB7bvsPukMFcDBqDXk2BxOLzBQXSNx5EWuw,1428
 ex4nicegui/reactive/officials/linear_progress.py,sha256=T-z8_68FxSwdFH0hBFMA2X0JEeLoVFpJyya5RHlf7U8,2045
 ex4nicegui/reactive/officials/number.py,sha256=L_uMY-t5SONENI3b44DjSi7JwcdfYAldGZCvqX1h6Dw,2796
-ex4nicegui/reactive/officials/radio.py,sha256=l_PnmnirZ1_CYA0_jxbDfSVgM7m4NHzNOnCrNRyAmfI,1889
-ex4nicegui/reactive/officials/range.py,sha256=48EgNJc-vBZwAqewPtLjr4oQwEiAsEl6e0-AGpr0u0s,1405
+ex4nicegui/reactive/officials/radio.py,sha256=QutXtEwtwqhWc3GKuBUotmpt0cbo3bEPHS4LMG2ORtM,2249
+ex4nicegui/reactive/officials/range.py,sha256=cyyJNRZEpUo4nanBS_0wDH7Kt5riDbDbu9EENYUuq80,3166
 ex4nicegui/reactive/officials/row.py,sha256=ZWJnb6nC9XMfmRmzeVKnHwUnxrCpbxaEBJ3lSVj5m5s,1384
-ex4nicegui/reactive/officials/select.py,sha256=pS9feUPcePIMxOTw4cZSKEIPAHf8G_CrkfNVSLkYY-Q,3130
+ex4nicegui/reactive/officials/select.py,sha256=HqaltQJ9cqhWpXkI2d5Yi9h8cqOGYTZB9hHU7RiitrE,3035
 ex4nicegui/reactive/officials/slider.py,sha256=9pA7CHlfkKY-kLQGWn4VOnMa2-tXHI04R1YA4xENIWI,2871
+ex4nicegui/reactive/officials/spinner.py,sha256=OULF1DWK3vHE87NPV128HJXX2Rpo7jS1vutmO9Z1Vnk,1373
 ex4nicegui/reactive/officials/switch.py,sha256=XMUdOVP357gGVNU_tjrBtxw5Xuk5MyhLhHI-6sTtCcc,1456
 ex4nicegui/reactive/officials/tab.py,sha256=nyB7Ksc_tWG-RaAXiu3TTIJvkNeSa9AZdwHXuL2SsOE,1433
 ex4nicegui/reactive/officials/tab_panel.py,sha256=yRgQBSCbrkcw59M8HlIWc2GaXhqC4awRQlYug0AkBtE,2501
@@ -130,8 +131,9 @@ ex4nicegui/reactive/officials/tab_panels.py,sha256=dN5anN03DlpDvkUP_QiY047i4mO7K
 ex4nicegui/reactive/officials/table.py,sha256=B_nX19UxwyxGKsxLuu2x4UNwxsapjTBw70RMBWDI8w0,6206
 ex4nicegui/reactive/officials/tabs.py,sha256=kvAXeZkgi8USCyxislvjPmmWofZ31DMfiHqEObANpYU,1247
 ex4nicegui/reactive/officials/textarea.py,sha256=_N6eDW_Cbn4Z4OEcjC4koHt0kEEaFEjDrLZ9Ju2NpsQ,3000
-ex4nicegui/reactive/officials/toggle.py,sha256=7Dc6IIYzgsTwThE0pZegOaVe9x_GgL7a2E6Hsiuc1lg,2740
+ex4nicegui/reactive/officials/toggle.py,sha256=qpTcoQHZ0Uw2OGRU6XIYP1SHJgXqB7giPQdMkd8jTNQ,2820
 ex4nicegui/reactive/officials/tooltip.py,sha256=lkDOf5Z6vpDsO9Y-nsRRwdhmYVFb9YrWv7lQUNY4_Ho,1136
+ex4nicegui/reactive/officials/tree.py,sha256=qNgAU8rPfORXlz432wZihWEEtuLrWp8SaBZKZJsYIU4,3684
 ex4nicegui/reactive/officials/upload.py,sha256=5SX2CFkf3s_4bPcnx0bmKRA4eYVlm0S8RBeQ7qHnqck,2395
 ex4nicegui/reactive/q_pagination.py,sha256=nUszZ4fvCf4leQ1DpS70laCDf40RprbOex7SISbAEek,1555
 ex4nicegui/reactive/rxui.py,sha256=gZ8ZEjGuJFKcedEZhcm4PIZguNkY-Wv5yQx80QnsBKI,31
@@ -141,7 +143,7 @@ ex4nicegui/reactive/services/pandas_service.py,sha256=XOoy6tZr4TpTyhewAH59eiSwVF
 ex4nicegui/reactive/services/reactive_service.py,sha256=FT8tWCC_aMD1YK6V4jQreyGmQAbcWzKbaGGZ4ME-bKw,3659
 ex4nicegui/reactive/systems/color_system.py,sha256=qXRTczxfILduHAVlNJqLSed-0x-LN6TyBSegYwW9vfk,4352
 ex4nicegui/reactive/systems/object_system.py,sha256=bja9YNb4v5fVZl5gJvVA4HbwRssRp-2yFy3JBzNeKxA,752
-ex4nicegui/reactive/systems/reactive_system.py,sha256=wyCSPdGuH1jOOkb2mXWRYVpdebjSm0qi9fuiVAkw5tA,701
+ex4nicegui/reactive/systems/reactive_system.py,sha256=s4mOfaMD0Dzv_-HjzzTMcqeo5YWMF4NSDN8hIbhPAoM,973
 ex4nicegui/reactive/transitionGroup.js,sha256=rbfNU3Jrz9WFDQih3BgZOgC1MBr6j9cODZ9XggMAaTs,898
 ex4nicegui/reactive/transitionGroup.py,sha256=VWyYL3QUfX6YQXuxwBFF4sJ4P5VP1S-bCjLKUr28KEY,597
 ex4nicegui/reactive/UseDraggable/UseDraggable.js,sha256=xZm_g_L2lamxAjiAeGPDR0CNmjlvgzuiJ6gH77pNrg4,5473
@@ -153,11 +155,17 @@ ex4nicegui/reactive/vfor.js,sha256=sCy3KR5Aeyx68yh9VI6I9Vj7bnVuir_LUYKZBe_ePTg,9
 ex4nicegui/reactive/vfor.py,sha256=SSu3X2DLZeCveTrcLANYNMNpLv34cJonLCp_9W0HFlY,7931
 ex4nicegui/reactive/view_model.py,sha256=1V5s_uBx9N_Iv2b0tJLsRA_7LNBi6ySlge-rbyQkCC8,8792
 ex4nicegui/reactive/vmodel.py,sha256=ymrUpC_68jaHF76ivKmgz-C4Xl6i65c_41uMc0ffEhY,5936
+ex4nicegui/toolbox/__init__.py,sha256=Q5pIvMJX5Ugf2dLcffU4wK6DFQW_qsKV5iTJPoALvTQ,235
+ex4nicegui/toolbox/core/vue_use.py,sha256=0wzNJTDuZ08BNEVs0ibXiinje8SQIpeqEJIoug25iwg,969
+ex4nicegui/toolbox/core/VueUse.js,sha256=TUpTJEygebNLgn-JvTf1rVQL0Ro-vw6Ej28_YxKRCTc,51127
+ex4nicegui/toolbox/functions/breakpoint.py,sha256=mBFBmLCJrzxV6h9jzVrMfcHdA7QiM8EC7y2y0T39uAQ,4059
+ex4nicegui/toolbox/functions/dark.py,sha256=XqvTqu2CCEQZrpYVou1G1wOWysqmowRNoFBHpcPxaNw,3141
+ex4nicegui/toolbox/functions/qr_code.py,sha256=4DQkjFczU9D4SFYx1Wj4VHROsUm3hbVUkqMVNQTgHbE,2502
 ex4nicegui/tools/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 ex4nicegui/tools/debug.py,sha256=h9iYHxw7jWWvmiExSpGi2hQl1PfhPZgC2KNS_GTuHSw,4868
 ex4nicegui/utils/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 ex4nicegui/utils/apiEffect.py,sha256=uwIi-R4Q0MaGSVmvhEFIL0O8pjBWobB_8brGAe19Qm4,2645
-ex4nicegui/utils/asyncComputed.py,sha256=-v19ic20URewLkjbms5Teco1k8LPRnpP7usjrgo1pRU,1505
+ex4nicegui/utils/asyncComputed.py,sha256=LPb4ytvzsUEV4sKQ9bQASJn2VPB_pjZzeKcHVwcvb_c,1672
 ex4nicegui/utils/clientScope.py,sha256=AM5GQLXSIrLALnzz72ZmplykhKVhRjRxQdHdAeR7g7k,1719
 ex4nicegui/utils/common.py,sha256=7P0vboDadLun6EMxNi3br9rKJgKt0QT4sy_66cHEwb4,994
 ex4nicegui/utils/effect.py,sha256=LTtPTxx8-sP4VtZaFQjERB-ef3L2y5hu95GvTdj-nLo,2400
@@ -166,7 +174,7 @@ ex4nicegui/utils/proxy/base.py,sha256=g_7308xGAB3bB3EiEf_-0JKfUzImwt5_T9XVyT7zJJ
 ex4nicegui/utils/proxy/bool.py,sha256=KQ2Sp2r4nLScif9DhupDmkpRhbsuXdpXTkxSrtFYtDE,1774
 ex4nicegui/utils/proxy/date.py,sha256=wS0M4nfGVQ7A1u9tJkPqilEhDwcMKBjtTC9VjUsOqac,2356
 ex4nicegui/utils/proxy/descriptor.py,sha256=VuPBXAE7mHbJ3EUAsftr3mettDvju79bR-SlwczRrAs,4594
-ex4nicegui/utils/proxy/dict.py,sha256=r3qMT2RRvi2aUs8kzav2iNMGgBrFUWKsbHCAuz4P0FY,3072
+ex4nicegui/utils/proxy/dict.py,sha256=MPtx-09ylf_bHXnkr1c7PmJeaq2KpDp-_Shyw5YjOLU,3046
 ex4nicegui/utils/proxy/float.py,sha256=fdMUS7_xwypdDNscuZaUn3NA0vx8LGswAOc9kw0jK0c,5271
 ex4nicegui/utils/proxy/int.py,sha256=0Y7L924Zzq6LWRZEmaTmoXf0J6kC0o5EtW--2Lk7SNw,7381
 ex4nicegui/utils/proxy/list.py,sha256=bmjBMlO8UfJekL1nfGypMO21RKraIj1jw46-8QwfptE,4913
@@ -178,7 +186,7 @@ ex4nicegui/utils/scheduler.py,sha256=1gyq7Y2BkbwmPK_Q9kpRpc1MOC9H7xcpxuix-RZhN9k
 ex4nicegui/utils/signals.py,sha256=Jz0jKFPrJIRV0Gye62Bgk2kGgod1KBvDhnF-W3lRm04,7373
 ex4nicegui/utils/types.py,sha256=pE5WOSbcTHxaAhnT24FaZEd1B2Z_lTcsd46w0OKiMyc,359
 ex4nicegui/version.py,sha256=NE7u1piESstg3xCtf5hhV4iedGs2qJQw9SiC3ZSpiio,90
-ex4nicegui-0.8.4.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
-ex4nicegui-0.8.4.dist-info/METADATA,sha256=cBVnP2mHqRcq4eY9VLw6NL5F_8xk9bpk3vUllBnjfkc,44094
-ex4nicegui-0.8.4.dist-info/WHEEL,sha256=sP946D7jFCHeNz5Iq4fL4Lu-PrWrFsgfLXbbkciIZwg,88
-ex4nicegui-0.8.4.dist-info/RECORD,,
+ex4nicegui-0.8.6.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
+ex4nicegui-0.8.6.dist-info/METADATA,sha256=_cFoYls_MNIYvzX1RQEo_95byNPo0WgBbj7hKZiG3c8,46125
+ex4nicegui-0.8.6.dist-info/WHEEL,sha256=sP946D7jFCHeNz5Iq4fL4Lu-PrWrFsgfLXbbkciIZwg,88
+ex4nicegui-0.8.6.dist-info/RECORD,,