ex4nicegui 0.6.1__py3-none-any.whl → 0.6.3__py3-none-any.whl

ex4nicegui/__init__.py

@@ -45,4 +45,4 @@ __all__ = [
     "is_setter_ref",
 ]
 
-__version__ = "0.6.1"
+__version__ = "0.6.3"

ex4nicegui/reactive/__init__.py

@@ -1,4 +1,4 @@
-from .officials.aggrid import AggridBindableUi as aggird
+from .officials.aggrid import AggridBindableUi as aggrid
 from .officials.button import ButtonBindableUi as button
 from .officials.card import (
     CardBindableUi as card,
@@ -46,6 +46,10 @@ from .officials.expansion import ExpansionBindableUi as expansion
 from .officials.linear_progress import LinearProgressBindableUi as linear_progress
 from .officials.knob import KnobBindableUi as knob
 from .officials.circular_progress import CircularProgressBindableUi as circular_progress
+from .officials.tabs import TabsBindableUi as tabs
+from .officials.tab import TabBindableUi as tab
+from .officials.tab_panels import TabPanelsBindableUi as tab_panels
+from .officials.tab_panel import TabPanelBindableUi as tab_panel
 from .q_pagination import PaginationBindableUi as q_pagination
 
 from .local_file_picker import local_file_picker
@@ -63,6 +67,10 @@ pagination = q_pagination
 
 
 __all__ = [
+    "tab_panels",
+    "tab_panel",
+    "tabs",
+    "tab",
     "circular_progress",
     "knob",
     "UploadResult",
@@ -76,7 +84,7 @@ __all__ = [
     "VforStore",
     "vmodel",
     "html",
-    "aggird",
+    "aggrid",
     "button",
     "card",
     "card_actions",

ex4nicegui/reactive/empty.js

@@ -0,0 +1,3 @@
+export default {
+    template: '<slot></slot>'
+}

ex4nicegui/reactive/empty.py

@@ -0,0 +1,6 @@
+from __future__ import annotations
+from nicegui.element import Element
+
+
+class Empty(Element, component="empty.js"):
+    pass

ex4nicegui/reactive/officials/aggrid.py

@@ -15,7 +15,7 @@ from ex4nicegui.utils.signals import (
 from ex4nicegui.utils.apiEffect import ui_effect
 from nicegui import ui
 from .base import BindableUi
-from ex4nicegui.reactive.utils import ParameterClassifier
+from ex4nicegui.reactive.utils import ParameterClassifier, dataframe2col_str
 
 
 class AggridBindableUi(BindableUi[ui.aggrid]):
@@ -48,32 +48,35 @@ class AggridBindableUi(BindableUi[ui.aggrid]):
             for col in df.columns  # type: ignore
         ]
 
-    @staticmethod
+    @classmethod
     def from_pandas(
+        cls,
         df: TMaybeRef,
         columns_define_fn: Optional[Callable[[str], Dict]] = None,
         **org_kws,
     ):
         columns_define_fn = columns_define_fn or (lambda x: {})
-        if is_ref(df):
+        if is_ref(df) or isinstance(df, Callable):
 
             @ref_computed
             def cp_options():
+                copy_df = dataframe2col_str(to_value(df))
                 columnDefs = AggridBindableUi._get_columnDefs_from_dataframe(
-                    df.value, columns_define_fn
+                    copy_df, columns_define_fn
                 )
-                rowData = df.value.to_dict("records")
+                rowData = copy_df.to_dict("records")
                 data = {"columnDefs": columnDefs, "rowData": rowData}
                 return data
 
-            return AggridBindableUi(cp_options, **org_kws)
+            return cls(cp_options, **org_kws)
 
+        copy_df = dataframe2col_str(df)
         columnDefs = AggridBindableUi._get_columnDefs_from_dataframe(
-            df, columns_define_fn
+            copy_df, columns_define_fn
         )
-        rowData = df.to_dict("records")  # type: ignore
+        rowData = copy_df.to_dict("records")  # type: ignore
         options = {"columnDefs": columnDefs, "rowData": rowData}
-        return AggridBindableUi(options, **org_kws)
+        return cls(options, **org_kws)
 
     def bind_prop(self, prop: str, ref_ui: ReadonlyRef[Any]):
         if prop == "options":

ex4nicegui/reactive/officials/base.py

@@ -224,7 +224,7 @@ class BindableUi(Generic[TWidget]):
 
         return self
 
-    def bind_style(self, style: Dict[str, TGetterOrReadonlyRef[str]]):
+    def bind_style(self, style: Dict[str, TGetterOrReadonlyRef[Any]]):
         """data binding is manipulating an element's style
 
         @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#bind-style
@@ -239,11 +239,15 @@ class BindableUi(Generic[TWidget]):
 
                     @self._ui_effect
                     def _(name=name, ref_obj=ref_obj):
-                        self.element._style[name] = to_value(ref_obj)
+                        self.element._style[name] = str(to_value(ref_obj))
                         self.element.update()
 
         return self
 
+    def update(self):
+        """Update the element on the client side."""
+        self.element.update()
+
 
 # class SingleValueBindableUi(BindableUi[TWidget], Generic[T, TWidget]):
 #     def __init__(self, value: TMaybeRef[T], element: TWidget) -> None:

ex4nicegui/reactive/officials/tab.py

@@ -0,0 +1,57 @@
+from typing import Dict, Optional
+from ex4nicegui.reactive.utils import ParameterClassifier
+from ex4nicegui.utils.signals import (
+    to_value,
+    _TMaybeRef as TMaybeRef,
+)
+from nicegui import ui
+from .base import BindableUi
+
+
+class TabBindableUi(BindableUi[ui.tab]):
+    def __init__(
+        self,
+        name: TMaybeRef[str],
+        label: Optional[TMaybeRef[str]] = None,
+        icon: Optional[TMaybeRef[str]] = None,
+    ) -> None:
+        pc = ParameterClassifier(
+            locals(),
+            maybeRefs=["name", "label", "icon"],
+        )
+
+        value_kws = pc.get_values_kws()
+        element = ui.tab(**value_kws)
+        super().__init__(element)
+
+        bindings_kws = pc.get_bindings()
+        self.__bind_label(bindings_kws, value_kws)
+
+        if "label" in bindings_kws:
+            bindings_kws.pop("label")
+
+        for key, value in bindings_kws.items():
+            self.bind_prop(key, value)  # type: ignore
+
+    # def bind_prop(self, prop: str, ref_ui: TMaybeRef):
+    #     if prop == "name":
+    #         return self.bind_name(ref_ui)
+
+    #     return super().bind_prop(prop, ref_ui)
+
+    def __bind_label(self, binding_kws: Dict, value_kws: Dict):
+        name_ref = binding_kws.get("name") or value_kws.get("name")
+        label_ref = binding_kws.get("label") or value_kws.get("label")
+
+        @self._ui_effect
+        def _():
+            self.element._props["label"] = (
+                to_value(label_ref) if label_ref is not None else to_value(name_ref)
+            )
+            self.element.update()
+
+    # def bind_name(self, ref_ui: TMaybeRef):
+    #     @self._ui_effect
+    #     def _():
+    #         self.element._props["name"] = to_value(ref_ui)
+    #         self.element.update()

ex4nicegui/reactive/officials/tab_panel.py

@@ -0,0 +1,23 @@
+from ex4nicegui.reactive.utils import ParameterClassifier
+from ex4nicegui.utils.signals import (
+    _TMaybeRef as TMaybeRef,
+)
+from nicegui import ui
+from .base import BindableUi
+
+
+class TabPanelBindableUi(BindableUi[ui.tab_panel]):
+    def __init__(
+        self,
+        name: TMaybeRef[str],
+    ) -> None:
+        pc = ParameterClassifier(
+            locals(),
+            maybeRefs=["name"],
+        )
+
+        element = ui.tab_panel(**pc.get_values_kws())
+        super().__init__(element)
+
+        for key, value in pc.get_bindings().items():
+            self.bind_prop(key, value)  # type: ignore

ex4nicegui/reactive/officials/tab_panels.py

@@ -0,0 +1,46 @@
+from typing import Any, Callable, Optional
+from ex4nicegui.reactive.utils import ParameterClassifier
+from ex4nicegui.utils.signals import (
+    to_value,
+    _TMaybeRef as TMaybeRef,
+)
+from nicegui import ui
+from .base import BindableUi
+
+
+class TabPanelsBindableUi(BindableUi[ui.tab_panels]):
+    def __init__(
+        self,
+        value: Optional[TMaybeRef[str]] = None,
+        *,
+        on_change: Optional[Callable[..., Any]] = None,
+        animated: TMaybeRef[bool] = True,
+        keep_alive: TMaybeRef[bool] = True,
+    ) -> None:
+        pc = ParameterClassifier(
+            locals(),
+            maybeRefs=["value", "animated", "keep_alive"],
+            v_model=("value", "on_change"),
+            events=["on_change"],
+        )
+
+        element = ui.tab_panels(**pc.get_values_kws())
+        super().__init__(element)
+
+        for key, value in pc.get_bindings().items():
+            self.bind_prop(key, value)  # type: ignore
+
+    @property
+    def value(self):
+        return self.element.value
+
+    def bind_prop(self, prop: str, ref_ui: TMaybeRef):
+        if prop == "value":
+            return self.bind_value(ref_ui)
+
+        return super().bind_prop(prop, ref_ui)
+
+    def bind_value(self, ref_ui: TMaybeRef):
+        @self._ui_effect
+        def _():
+            self.element.set_value(to_value(ref_ui))

ex4nicegui/reactive/officials/table.py

@@ -6,7 +6,7 @@ from typing import (
     Dict,
 )
 from typing_extensions import Literal
-from ex4nicegui.reactive.utils import ParameterClassifier
+from ex4nicegui.reactive.utils import ParameterClassifier, dataframe2col_str
 import ex4nicegui.utils.common as utils_common
 from ex4nicegui.utils.signals import (
     ReadonlyRef,
@@ -17,6 +17,7 @@ from ex4nicegui.utils.signals import (
     to_value,
     to_raw,
     on,
+    RefWrapper,
 )
 from nicegui import ui
 from .base import BindableUi
@@ -34,8 +35,16 @@ class TableBindableUi(BindableUi[ui.table]):
         on_select: Optional[Callable[..., Any]] = None,
         on_pagination_change: Optional[Callable[..., Any]] = None,
     ) -> None:
+        local_args = locals()
+        rows_data = local_args.get("rows")
+        if isinstance(rows_data, RefWrapper):
+            local_args.update(rows=lambda: rows_data.value)
+        columns_data = local_args.get("columns")  # type: ignore
+        if isinstance(columns_data, RefWrapper):
+            local_args.update(columns=lambda: columns_data.value)
+
         pc = ParameterClassifier(
-            locals(),
+            local_args,
             maybeRefs=[
                 "columns",
                 "rows",
@@ -57,7 +66,7 @@ class TableBindableUi(BindableUi[ui.table]):
 
         self._arg_selection = selection
         self._arg_row_key = row_key
-        self._selection_ref: ReadonlyRef[List[Any]] = to_ref([])
+        self._selection_ref: ReadonlyRef[List[Any]] = to_ref([])  # type: ignore
 
         def on_selection(_):
             self._selection_ref.value = self.element.selected  # type: ignore
@@ -68,8 +77,9 @@ class TableBindableUi(BindableUi[ui.table]):
     def selection_ref(self):
         return self._selection_ref
 
-    @staticmethod
+    @classmethod
     def from_pandas(
+        cls,
         df: TMaybeRef,
         *,
         columns_define_fn: Optional[Callable[[str], Dict]] = None,
@@ -90,15 +100,14 @@ class TableBindableUi(BindableUi[ui.table]):
             "on_pagination_change": on_pagination_change,
         }
 
-        if is_ref(df):
+        if is_ref(df) or isinstance(df, Callable):
 
             @ref_computed
-            def cp_rows():
-                return df.value.to_dict("records")
+            def cp_rows_columns():
+                copy_df = dataframe2col_str(to_value(df))
+                rows = copy_df.to_dict("records")
 
-            @ref_computed
-            def cp_cols():
-                return [
+                columns = [
                     {
                         **{
                             "name": col,
@@ -107,11 +116,18 @@ class TableBindableUi(BindableUi[ui.table]):
                         },
                         **columns_define_fn(col),  # type: ignore
                     }
-                    for col in df.value.columns
+                    for col in copy_df.columns
                 ]
 
-            return TableBindableUi(cp_cols, cp_rows, **other_kws)
+                return rows, columns
+
+            return cls(
+                lambda: cp_rows_columns.value[1],
+                lambda: cp_rows_columns.value[0],
+                **other_kws,
+            )
 
+        df = dataframe2col_str(df)
         rows = df.to_dict("records")  # type: ignore
 
         cols = [
@@ -125,7 +141,7 @@ class TableBindableUi(BindableUi[ui.table]):
             }
             for col in df.columns  # type: ignore
         ]
-        return TableBindableUi(cols, rows, **other_kws)
+        return cls(cols, rows, **other_kws)
 
     def bind_prop(self, prop: str, ref_ui: ReadonlyRef):
         if prop == "dataframe":

ex4nicegui/reactive/officials/tabs.py

@@ -0,0 +1,43 @@
+from typing import Any, Callable, Optional
+from ex4nicegui.reactive.utils import ParameterClassifier
+from ex4nicegui.utils.signals import (
+    to_value,
+    _TMaybeRef as TMaybeRef,
+)
+from nicegui import ui
+from .base import BindableUi
+
+
+class TabsBindableUi(BindableUi[ui.tabs]):
+    def __init__(
+        self,
+        value: Optional[TMaybeRef[str]] = None,
+        on_change: Optional[Callable[..., Any]] = None,
+    ) -> None:
+        pc = ParameterClassifier(
+            locals(),
+            maybeRefs=["value"],
+            v_model=("value", "on_change"),
+            events=["on_change"],
+        )
+
+        element = ui.tabs(**pc.get_values_kws())
+        super().__init__(element)
+
+        for key, value in pc.get_bindings().items():
+            self.bind_prop(key, value)  # type: ignore
+
+    @property
+    def value(self):
+        return self.element.value
+
+    def bind_prop(self, prop: str, ref_ui: TMaybeRef):
+        if prop == "value":
+            return self.bind_value(ref_ui)
+
+        return super().bind_prop(prop, ref_ui)
+
+    def bind_value(self, ref_ui: TMaybeRef):
+        @self._ui_effect
+        def _():
+            self.element.set_value(to_value(ref_ui))

ex4nicegui/reactive/transitionGroup.js

@@ -0,0 +1,39 @@
+export default {
+    props: {
+        // childOrderKey: Array,
+        // transitionGroupArgs: Array,
+    },
+    data() {
+        return {
+        }
+    },
+    mounted() {
+    },
+    render() {
+        // debugger
+        const h = Vue.h
+        const vfgt = Vue.Fragment
+        const slotBox = this.$slots.default()
+        console.log('tg:', slotBox);
+        const wrap = () => [h(vfgt, slotBox)]
+        // const wrap = slotBox
+        console.log(wrap);
+
+
+        // slotBox[0].children = this.childOrderKey.map(idx => {
+        //     return slotBox[0].children[idx]
+        // })
+        // console.log(slots);
+
+        return h(
+            Vue.TransitionGroup,
+            {
+                tag: 'span',
+                name: 'list',
+                // css: false,
+                // ...this.transitionGroupArgs
+            }, wrap
+        )
+
+    }
+}

ex4nicegui/reactive/transitionGroup.py

@@ -0,0 +1,25 @@
+from __future__ import annotations
+from nicegui.element import Element
+from typing import (
+    Any,
+    Dict,
+    List,
+)
+
+
+class TransitionGroup(Element, component="transitionGroup.js"):
+    def __init__(self) -> None:
+        super().__init__()
+
+    def apply_transition_group(self, args: Dict[str, Any]):
+        self._props["transitionGroupArgs"] = args
+        self.update()
+
+    def update_child_order_keys(self, keys: List[Any]):
+        print(f"keys:{keys=}")
+        self._props["childOrderKey"] = keys
+        self.update()
+
+
+def transition_group(fn):
+    pass

ex4nicegui/reactive/utils.py

@@ -15,6 +15,11 @@ from typing import (
 from ex4nicegui.utils.signals import is_ref, to_value, is_setter_ref
 from nicegui.events import handle_event
 
+try:
+    import pandas as pd
+except ImportError:
+    pass
+
 
 @runtime_checkable
 class GetItemProtocol(Protocol):
@@ -113,3 +118,30 @@ def set_attribute(
         obj[name] = value
     else:
         setattr(obj, name, value)  # type: ignore
+
+
+def dataframe2col_str(df, copy=True):
+    if isinstance(df.columns, pd.MultiIndex):
+        raise ValueError(
+            "MultiIndex columns are not supported. "
+            "You can convert them to strings using something like "
+            '`df.columns = ["_".join(col) for col in df.columns.values]`.'
+        )
+
+    date_cols = df.columns[df.dtypes == "datetime64[ns]"]
+    time_cols = df.columns[df.dtypes == "timedelta64[ns]"]
+    complex_cols = df.columns[df.dtypes == "complex128"]
+    period_cols = df.columns[df.dtypes == "period[M]"]
+    if (
+        len(date_cols) != 0
+        or len(time_cols) != 0
+        or len(complex_cols) != 0
+        or len(period_cols) != 0
+    ):
+        df = df.copy() if copy else df
+        df[date_cols] = df[date_cols].astype(str)
+        df[time_cols] = df[time_cols].astype(str)
+        df[complex_cols] = df[complex_cols].astype(str)
+        df[period_cols] = df[period_cols].astype(str)
+
+    return df

ex4nicegui/reactive/vfor.js

@@ -1,3 +1,13 @@
 export default {
-    template: `<slot></slot>`,
-};
+    props: { itemIds: Array },
+
+    render() {
+        const slotBox = this.$slots.default()
+
+        const slots = this.itemIds.map(({ elementId }) => {
+            return slotBox.find(v => v.key === elementId)
+        });
+
+        return slots
+    }
+}

ex4nicegui/reactive/vfor.py

@@ -1,6 +1,6 @@
 from __future__ import annotations
 from nicegui.element import Element
-from nicegui import ui
+from nicegui import context
 from ex4nicegui.utils.clientScope import _CLIENT_SCOPE_MANAGER
 from ex4nicegui.utils.signals import (
     TReadonlyRef,
@@ -8,6 +8,9 @@ from ex4nicegui.utils.signals import (
     to_ref,
     to_ref_wrapper,
     TGetterOrReadonlyRef,
+    to_value,
+    is_reactive,
+    RefWrapper,
 )
 from typing import (
     Any,
@@ -24,9 +27,25 @@ from functools import partial
 from dataclasses import dataclass
 from signe.core.scope import Scope
 from .utils import get_attribute
+from ex4nicegui.reactive.empty import Empty
+# from .transitionGroup import TransitionGroup
 
 _T = TypeVar("_T")
-_T_data = TGetterOrReadonlyRef[List[Any]]
+_T_data = Union[List[Any], TGetterOrReadonlyRef[List[Any]], RefWrapper]
+
+
+class VforItem(Empty):
+    pass
+
+
+class VforContainer(Element, component="vfor.js"):
+    def __init__(self) -> None:
+        super().__init__()
+        self._props["itemIds"] = []
+
+    def update_items(self, item_ids: List[Dict]):
+        self._props["itemIds"] = item_ids
+        self.update()
 
 
 class VforStore(Generic[_T]):
@@ -40,10 +59,10 @@ class VforStore(Generic[_T]):
 
     def get(self) -> TReadonlyRef[_T]:
         def base_setter(value):
-            self._source.value[self._data_index.value] = value
+            to_value(self._source)[self._data_index.value] = value
 
         wrapper = to_ref_wrapper(
-            lambda: self._source.value[self._data_index.value],
+            lambda: to_value(self._source)[self._data_index.value],
             base_setter,
         )
         wrapper._is_readonly = True
@@ -62,10 +81,6 @@ class StoreItem:
     scope: Scope
 
 
-class VforContainer(Element, component="vfor.js"):
-    pass
-
-
 def _get_key_with_index(idx: int, data: Any):
     return idx
 
@@ -112,20 +127,25 @@ class vfor(Generic[_T]):
         self,
         data: _T_data,
         *,
-        key: Optional[str] = None,
+        key: Optional[Union[str, Callable[[int, Any], Any]]] = None,
     ) -> None:
-        self._container = VforContainer()
-        self._data = data
-        self._get_key = (
-            _get_key_with_index if key is None else partial(_get_key_with_getter, key)
-        )
+        self._vfor_container = VforContainer()
+        self._data = to_ref_wrapper(lambda: data) if is_reactive(data) else data
+        self._get_key = _get_key_with_index
+
+        if isinstance(key, str):
+            self._get_key = partial(_get_key_with_getter, key)
+        elif isinstance(key, Callable):
+            self._get_key = key
+
         self._store_map: Dict[Union[Any, int], StoreItem] = {}
 
     def __call__(self, fn: Callable[[Any], None]):
         def build_element(index: int, value):
             key = self._get_key(index, value)
-            with VforContainer() as element:
-                store = VforStore(self._data, index)
+
+            with self._vfor_container, VforItem() as element:
+                store = VforStore(self._data, index)  # type: ignore
                 scope = _CLIENT_SCOPE_MANAGER.new_scope()
 
                 @scope.run
@@ -134,54 +154,46 @@ class vfor(Generic[_T]):
 
             return key, element, store, scope
 
-        with self._container:
-            for idx, value in enumerate(self._data.value):
-                key, element, store, scope = build_element(idx, value)
-                self._store_map[key] = StoreItem(store, element.id, scope)
+        for idx, value in enumerate(to_value(self._data)):  # type: ignore
+            key, element, store, scope = build_element(idx, value)
+            self._store_map[key] = StoreItem(store, element.id, scope)
+
+        ng_client = context.get_client()
 
         @on(self._data, deep=True)
         def _():
             data_map = {
-                self._get_key(idx, d): d for idx, d in enumerate(self._data.value)
+                self._get_key(idx, d): d for idx, d in enumerate(to_value(self._data))
             }
 
-            temp_box = ui.element("div")
-
-            element_map: Dict[int, ui.element] = {}
-            for element in list(self._container):
-                element.move(temp_box)
-                element_map[element.id] = element
-
-            new_store_map: Dict[Union[Any, int], StoreItem] = {}
-
-            with self._container:
-                for idx, (key, value) in enumerate(data_map.items()):
-                    store_item = self._store_map.get(key)
-                    if store_item:
-                        # `data` may have changed the value of a dictionary item,
-                        # so should update the values in the store one by one.
-                        store_item.store.update(idx)
-                        element = element_map.get(store_item.elementId)
-                        assert element
-                        element.move(self._container)
-
-                        new_store_map[key] = store_item
-                    else:
-                        # new row item
-                        key, element, store, score = build_element(idx, value)
-                        store_item = StoreItem(store, element.id, score)
-                        element.move(self._container)
-                        new_store_map[key] = store_item
-
-            del_store_items = tuple(
-                value
+            for idx, (key, value) in enumerate(data_map.items()):
+                store_item = self._store_map.get(key)
+                if store_item:
+                    # `data` may have changed the value of a dictionary item,
+                    # so should update the values in the store one by one.
+                    store_item.store.update(idx)
+
+                else:
+                    # new row item
+                    key, element, store, score = build_element(idx, value)
+                    self._store_map[key] = StoreItem(store, element.id, score)
+
+            # remove item
+            remove_items = [
+                (key, value)
                 for key, value in self._store_map.items()
-                if key not in new_store_map
+                if key not in data_map
+            ]
+
+            for key, item in remove_items:
+                target = ng_client.elements.get(item.elementId)
+                self._vfor_container.remove(target)  # type: ignore
+                item.scope.dispose()
+                del self._store_map[key]
+
+            self._vfor_container.update_items(
+                [
+                    {"key": key, "elementId": self._store_map.get(key).elementId}  # type: ignore
+                    for key in data_map.keys()
+                ]
             )
-
-            for store_item in del_store_items:
-                store_item.scope.dispose()
-
-            self._store_map.clear()
-            self._store_map = new_store_map
-            temp_box.delete()

ex4nicegui/utils/signals.py

@@ -99,7 +99,7 @@ def is_ref(obj):
     return signe.is_signal(obj) or isinstance(obj, (RefWrapper))
 
 
-def to_value(obj: _TMaybeRef[T]) -> T:
+def to_value(obj: Union[_TMaybeRef[T], RefWrapper]) -> T:
     if is_ref(obj):
         return obj.value  # type: ignore
     if isinstance(obj, Callable):
@@ -329,7 +329,7 @@ class effect_refreshable:
 
 
 def on(
-    refs: Union[TGetterOrReadonlyRef, Sequence[TGetterOrReadonlyRef]],
+    refs: Union[TGetterOrReadonlyRef, RefWrapper, Sequence[TGetterOrReadonlyRef]],
     onchanges=False,
     priority_level=1,
     effect_kws: Optional[Dict[str, Any]] = None,
@@ -349,8 +349,10 @@ def on(
 
     """
     effect_kws = effect_kws or {}
-    # if not isinstance(refs, Sequence):
-    #     refs = [refs]
+    if not isinstance(refs, Sequence):
+        refs = [refs]  # type: ignore
+
+    refs = [(lambda: ref.value) if isinstance(ref, RefWrapper) else ref for ref in refs]  # type: ignore
 
     effect_kws.update({"priority_level": priority_level})
 

{ex4nicegui-0.6.1.dist-info → ex4nicegui-0.6.3.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: ex4nicegui
-Version: 0.6.1
+Version: 0.6.3
 Summary: Extension library based on nicegui, providing data responsive,BI functionality modules
 Home-page: 
 Author: carson_jia
@@ -14,7 +14,7 @@ Classifier: Programming Language :: Python :: 3.8
 Requires-Python: >=3.8
 Description-Content-Type: text/markdown
 License-File: LICENSE
-Requires-Dist: signe (>=0.4.10)
+Requires-Dist: signe (>=0.4.14)
 Requires-Dist: nicegui (>=1.4.0)
 Requires-Dist: typing-extensions
 Requires-Dist: executing

{ex4nicegui-0.6.1.dist-info → ex4nicegui-0.6.3.dist-info}/RECORD

@@ -1,4 +1,4 @@
-ex4nicegui/__init__.py,sha256=jBlUbAydyR6psfeKjZkCCvG2d3SzdNnCJR4vjdZHF2I,818
+ex4nicegui/__init__.py,sha256=4qmuKMR7xYKdce4byUKEYP8jNnl6o_n-rxHZwFvCYCo,818
 ex4nicegui/bi/__init__.py,sha256=eu-2CuzzrcHCyKQOfoo87v6C9nSwFDdeLhjY0cRV13M,315
 ex4nicegui/bi/dataSource.py,sha256=sQzuQvNWBf20n9cz--1OX5gxT6RUAhwrq_xTQEpSa0o,7691
 ex4nicegui/bi/dataSourceFacade.py,sha256=6NuAyrTIk_L2Tz9IRFpuHKRQY_OwJINDzxoM6JYOc14,8186
@@ -66,15 +66,19 @@ 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=osdHgTwRTI2jOjHtbOpMjdQlvGiJW-1vaqcPPLhzbdQ,3339
+ex4nicegui/reactive/__init__.py,sha256=PxPRQonNUdgz6Kp6eP0QaYp09tM_zN-S0V9LncYrXS4,3637
+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
 ex4nicegui/reactive/local_file_picker.py,sha256=d3ERoTOGiPGgE3osCdDwklvERqMl_CVbh-qokTLaAuI,6225
 ex4nicegui/reactive/q_pagination.py,sha256=WcSYpB75NH3lffw3HXwZRcvnh0l6EA1Eqp5bcJKIJaw,1505
 ex4nicegui/reactive/rxui.py,sha256=gZ8ZEjGuJFKcedEZhcm4PIZguNkY-Wv5yQx80QnsBKI,31
+ex4nicegui/reactive/transitionGroup.js,sha256=rbfNU3Jrz9WFDQih3BgZOgC1MBr6j9cODZ9XggMAaTs,898
+ex4nicegui/reactive/transitionGroup.py,sha256=VWyYL3QUfX6YQXuxwBFF4sJ4P5VP1S-bCjLKUr28KEY,597
 ex4nicegui/reactive/usePagination.py,sha256=Gop9KV780DcQK5bH4zQZ5sRpV3jOD2sRX_Bpmb1LTFI,2598
-ex4nicegui/reactive/utils.py,sha256=GSk_eUH-iNUi18Tg7MsBVnMK5basgX6EQgbSD1zxsZw,3315
-ex4nicegui/reactive/vfor.js,sha256=OmpeLZdjV_GiG5HdglMXGBKpgrKYh3UIeugpszAVdWw,52
-ex4nicegui/reactive/vfor.py,sha256=hyvbmMJtC8usSYeq023bCL8kOrmnFw09YOS_r6GWBzk,5495
+ex4nicegui/reactive/utils.py,sha256=DZ77y0qQAeHUb52yyCKlLE5_3MQlE_OAUH_M1s31_Qg,4360
+ex4nicegui/reactive/vfor.js,sha256=xtKVUPSN0BP99H0BO6LRUYFqxqTGIRttQh5UjoUTwBc,282
+ex4nicegui/reactive/vfor.py,sha256=MirlPrwDSy0YR85i4wcGGGX4QjuN5iek3fIxhIpFbGo,5786
 ex4nicegui/reactive/vmodel.py,sha256=SgmchPVfM6uQAH60VlVyNobfuTg3ScuxlXNFJLRD-r8,5091
 ex4nicegui/reactive/EChartsComponent/ECharts.js,sha256=HMmgXlDl548H4JpozDSbLWv-opvPi3OdJz_XY_MHbnY,3326
 ex4nicegui/reactive/EChartsComponent/ECharts.py,sha256=hoUZ7h-KOUKNd-1BybSX4xxv33gYuTkky70yEzv-oIA,6344
@@ -89,8 +93,8 @@ ex4nicegui/reactive/mermaid/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMp
 ex4nicegui/reactive/mermaid/mermaid.js,sha256=Ds5VevGWZE1_N0WKf-uITd8xSCO9gQzVUsmb80EajNY,2308
 ex4nicegui/reactive/mermaid/mermaid.py,sha256=uP321QiNj_S5E5I2KF9h03WlSFdRITE8tvObGdk6m7M,2144
 ex4nicegui/reactive/officials/__init__.py,sha256=frcCV1k9oG9oKj3dpUqdJg1PxRT2RSN_XKdLCPjaYaY,2
-ex4nicegui/reactive/officials/aggrid.py,sha256=2HL2eS23jez8zA_N7ph76XqNflwXnwxBt8CR1ycTB2M,2787
-ex4nicegui/reactive/officials/base.py,sha256=1d6ePyz4ZiOsZYLKtCr04Aw4_9YyYl2HpCN8PpRJis4,10325
+ex4nicegui/reactive/officials/aggrid.py,sha256=aSaRgpdX3IXlqcq8E1xm3HOD8qDvuwz0H_rU5A7AAEk,2929
+ex4nicegui/reactive/officials/base.py,sha256=V4Bg33sJnlTY5LUGbRphoXtQhVlVyvo_AVJqrmVCLO8,10440
 ex4nicegui/reactive/officials/button.py,sha256=12FZ2cQGFsTsivSHT9YfDD_wP_D4xrpHHfKmVNNKLJE,1660
 ex4nicegui/reactive/officials/card.py,sha256=8-tBwm3xfVybolQ87i8lAYUpBV6FdaVdeSH6xu0736U,1275
 ex4nicegui/reactive/officials/checkbox.py,sha256=BcSbWuMTA2UgwOeuBTtpvzqdOivb2xbkLazfGqwuboo,1562
@@ -116,7 +120,11 @@ ex4nicegui/reactive/officials/row.py,sha256=pwFJBdv3_D5-E-oga-OG5t57ahHcYXGSI_-U
 ex4nicegui/reactive/officials/select.py,sha256=Fj4V96ju2tpsP1ok0RFokN1K7TxzNS9YLVCz55O788Y,2980
 ex4nicegui/reactive/officials/slider.py,sha256=6E6UeyX_hXIDz_-0v6WEIfTM5oqzukonRyqDRJHT-PA,2954
 ex4nicegui/reactive/officials/switch.py,sha256=-QDXbOQllnWRE28pAH74qrgpN1TXs-1snLDqN6pdiVM,1605
-ex4nicegui/reactive/officials/table.py,sha256=GiEKBrJhVuyw5icxCDzZtyEE_wrzlaIt2yvWz4teY00,5397
+ex4nicegui/reactive/officials/tab.py,sha256=RaS152hfUBz4aOidahzwy7GPV3jR4eWBWKnVXrITXUw,1796
+ex4nicegui/reactive/officials/tab_panel.py,sha256=96aR6Y8oqVFnZo_U8lX5V8mpXR7YIUldSvQMI3oFYQ0,630
+ex4nicegui/reactive/officials/tab_panels.py,sha256=kHxr5JdMvyW2pnmhT6oHsXu9XxqHC898AVrt9skJk84,1375
+ex4nicegui/reactive/officials/table.py,sha256=lisS7PN-3rUo-7i5Fa7h-nssq1xh0Pjq5tyf5ew0sQo,6042
+ex4nicegui/reactive/officials/tabs.py,sha256=mKIz9qsMeTxeZfpAKk4mErpK4m7XrwFQ-jpYm29P8yw,1232
 ex4nicegui/reactive/officials/textarea.py,sha256=EeimLMd1oycdhlrzdET29riv9HaSlQyNxvGkXu00nsc,3044
 ex4nicegui/reactive/officials/upload.py,sha256=WYbbOqAcgnVUuqfF4WAMawldRHB9DthP6NSTyc-4Bwo,2360
 ex4nicegui/reactive/officials/utils.py,sha256=-fnRjyb4Yx7_6jmVeQIZKXFRNV3BWbI7JR_EemMEoTg,213
@@ -132,9 +140,9 @@ ex4nicegui/utils/clientScope.py,sha256=-KJnrZGqdAQUNNbQbqMAqNzWHCVon-lC3aaQGuaTd
 ex4nicegui/utils/common.py,sha256=7P0vboDadLun6EMxNi3br9rKJgKt0QT4sy_66cHEwb4,994
 ex4nicegui/utils/effect.py,sha256=MgvWuAP3OFs2bR4ef6uXPwGCkKORUK-4hmx1oSwl04Y,2310
 ex4nicegui/utils/scheduler.py,sha256=Wa963Df3UDvWHjXXoVYGIBevIILzCFoz-yAWjvxeyfQ,1218
-ex4nicegui/utils/signals.py,sha256=mQgP80oQNAFbHt-OV1j96oCTJoio6pgQ59cqsUUSFl0,11195
-ex4nicegui-0.6.1.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
-ex4nicegui-0.6.1.dist-info/METADATA,sha256=27I2vQWe3boznUiasrC0nMy4oJdUZfzsF471ASVL5hM,27618
-ex4nicegui-0.6.1.dist-info/WHEEL,sha256=pkctZYzUS4AYVn6dJ-7367OJZivF2e8RA9b_ZBjif18,92
-ex4nicegui-0.6.1.dist-info/top_level.txt,sha256=VFwMiO9AFjj5rfLMJwN1ipLRASk9fJXB8tM6DNrpvPQ,11
-ex4nicegui-0.6.1.dist-info/RECORD,,
+ex4nicegui/utils/signals.py,sha256=-80iaAzIyUDR_7LBr8TfOY59Fj4dSq92klWXoRy538g,11346
+ex4nicegui-0.6.3.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
+ex4nicegui-0.6.3.dist-info/METADATA,sha256=wmIPVn_YKEZWuMghpS4n3k86j___PqFROxrmOR9CQrc,27618
+ex4nicegui-0.6.3.dist-info/WHEEL,sha256=pkctZYzUS4AYVn6dJ-7367OJZivF2e8RA9b_ZBjif18,92
+ex4nicegui-0.6.3.dist-info/top_level.txt,sha256=VFwMiO9AFjj5rfLMJwN1ipLRASk9fJXB8tM6DNrpvPQ,11
+ex4nicegui-0.6.3.dist-info/RECORD,,