ex4nicegui 0.6.9__py3-none-any.whl → 0.7.1__py3-none-any.whl

{ex4nicegui-0.6.9.dist-info → ex4nicegui-0.7.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: ex4nicegui
-Version: 0.6.9
+Version: 0.7.1
 Summary: Extension library based on nicegui, providing data responsive,BI functionality modules
 Home-page: https://github.com/CrystalWindSnake/ex4nicegui
 License: MIT
@@ -17,13 +17,17 @@ Classifier: Programming Language :: Python :: 3.11
 Classifier: Programming Language :: Python :: 3.12
 Requires-Dist: executing (>=2.0.1,<3.0.0)
 Requires-Dist: nicegui (>=1.4.25,<2.0.0)
-Requires-Dist: signe (>=0.4.14,<0.5.0)
+Requires-Dist: signe (>=0.4.20,<0.5.0)
 Project-URL: Repository, https://github.com/CrystalWindSnake/ex4nicegui
 Description-Content-Type: text/markdown
 
 # ex4nicegui
-[ENGLISH README](./README.en.md)
 
+<div align="center">
+
+简体中文| [English](./README.en.md)
+
+</div>
 
 - [教程](#教程)
 - [安装](#-安装)
@@ -34,6 +38,10 @@ Description-Content-Type: text/markdown
 对 [nicegui](https://github.com/zauberzeug/nicegui) 做的扩展库。内置响应式组件，完全实现数据响应式界面编程。
 
 
+![todo-app](https://github.com/CrystalWindSnake/ex4nicegui-examples/blob/main/asset/todo-app.02.gif)
+
+[查看更多示例](https://github.com/CrystalWindSnake/ex4nicegui-examples)
+
 ## 教程
 [头条文章-秒杀官方实现，python界面库，去掉90%事件代码的nicegui](https://www.toutiao.com/item/7253786340574265860/)
 
@@ -191,6 +199,154 @@ ui.run()
 ---
 
 
+
+## ViewModel
+在 `v0.7.0` 版本中，引入 `ViewModel` 类，用于管理一组响应式数据。
+
+下面是一个简单的计算器示例：
+
+1. 当用户修改数值输入框或符号选择框，右侧会自动显示计算结果
+2. 当结果小于 0 时，结果显示为红色，否则为黑色
+
+```python
+from ex4nicegui import rxui
+
+class Calculator(rxui.ViewModel):
+    num1 = rxui.var(0)
+    sign = rxui.var("+")
+    num2 = rxui.var(0)
+
+    def result(self):
+        # 当 num1,sign,num2 任意一个值发生变化时，result 也会重新计算
+        return eval(f"{self.num1.value}{self.sign.value}{self.num2.value}")
+
+# 每个对象拥有独立的数据
+calc = Calculator()
+
+with ui.row(align_items="center"):
+    rxui.number(value=calc.num1, label="Number 1")
+    rxui.select(value=calc.sign, options=["+", "-", "*", "/"], label="Sign")
+    rxui.number(value=calc.num2, label="Number 2")
+    ui.label("=")
+    rxui.label(calc.result).bind_color(
+        lambda: "red" if calc.result() < 0 else "black"
+    )
+
+```
+
+### cached_var
+
+上面的示例中，由于使用了两次 `calc.result` 。因此，每当 `num1`, `sign`, `num2` 任意一个值发生变化时，`result` 都会执行2次。
+
+实际上，第二次的计算是多余的。我们可以通过添加 `rxui.cached_var` 装饰器，避免多余的计算。
+
+```python
+class Calculator(rxui.ViewModel):
+    ...
+
+    @rxui.cached_var
+    def result(self):
+        return eval(f"{self.num1.value}{self.sign.value}{self.num2.value}")
+
+...
+```
+
+---
+
+### 使用列表
+
+当数据为可变对象时，比如列表，字典等，需要提供工厂函数传给 `rxui.var`
+
+
+```python
+class Home(rxui.ViewModel):
+    persons= rxui.var(lambda: [])
+
+```
+
+下面的示例，每个 person 使用卡片展示。最上方显示所有人的平均年龄。当个人年龄大于平均年龄，卡片外边框将变为红色。
+通过 `number` 组件修改年龄，一切都会自动更新。
+
+```python
+from ex4nicegui import rxui, Ref
+from itertools import count
+
+id_generator = count()
+
+class Person(rxui.ViewModel):
+    name = rxui.var("")
+    age = rxui.var(0)
+
+    def __init__(self, name: str = "", age: int = 0):
+        super().__init__()
+        self.name.value = name
+        self.age.value = age
+        self.id = next(id_generator)
+
+
+class Home(rxui.ViewModel):
+    persons: Ref[List[Person]] = rxui.var(lambda: [])
+
+    def avg_age(self) -> float:
+        if len(self.persons.value) == 0:
+            return 0
+
+        return sum(p.age.value for p in self.persons.value) / len(self.persons.value)
+
+    def sample_data(self):
+        self.persons.value = [
+            Person("alice", 25),
+            Person("bob", 30),
+            Person("charlie", 31),
+            Person("dave", 22),
+            Person("eve", 26),
+            Person("frank", 29),
+        ]
+
+home = Home()
+home.sample_data()
+
+rxui.label(lambda: f"平均年龄: {home.avg_age()}")
+
+
+with ui.row():
+
+    @rxui.vfor(home.persons, key="id")
+    def _(store: rxui.VforStore[Person]):
+        person = store.get_item()
+        with rxui.card().classes("outline").bind_classes(
+            {
+                "outline-red-500": lambda: person.age.value > home.avg_age(),
+            }
+        ):
+            rxui.input(value=person.name, placeholder="名字")
+            rxui.number(value=person.age, min=1, max=100, step=1, placeholder="年龄")
+
+```
+
+如果你觉得 `rxui.vfor` 代码过于复杂，可以使用 `effect_refreshable` 装饰器代替。
+
+```python
+from ex4nicegui import rxui, Ref,effect_refreshable
+...
+
+# 明确指定监控 home.persons 变化，可以避免意味刷新
+@effect_refreshable.on(home.persons)
+def _():
+    
+    for person in home.persons.value:
+        ...
+        rxui.number(value=person.age, min=1, max=100, step=1, placeholder="年龄")
+...
+```
+
+需要注意到，每当 `home.persons` 列表变化时(比如新增或删除元素)，`effect_refreshable` 装饰的函数都会重新执行。意味着所有元素都会重新创建。
+
+
+更多复杂的应用，可以查看 [examples](./examples)
+
+---
+
 ## 响应式
 
 ```python
@@ -331,15 +487,14 @@ ui.button("change", on_click=change_value)
 
 > `ref_computed` 是只读的 `to_ref`
 
-
-如果你更喜欢通过类组织代码，`ref_computed` 同样支持作用到实例方法上
+从 `v0.7.0` 版本开始，不建议使用 `ref_computed` 应用实例方法。你可以使用 `rxui.ViewModel`，并使用 `rxui.cached_var` 装饰器
 
 ```python
-class MyState:
+class MyState(rxui.ViewModel):
     def __init__(self) -> None:
         self.r_text = to_ref("")
 
-    @ref_computed
+    @rxui.cached_var
     def post_text(self):
         return self.r_text.value + "post"
 
@@ -494,70 +649,90 @@ rxui.input(value=data.value["a"])
 rxui.input(value=lambda: data.value["a"])
 
 # 要使用 vmodel 才能双向绑定
-rxui.input(value=rxui.vmodel(data.value["a"]))
+rxui.input(value=rxui.vmodel(data, "a"))
+
+# 也可以直接使用，但不推荐
+rxui.input(value=rxui.vmodel(data.value['a']))
+
 ```
 
-- 第一个输入框将完全失去响应性，因为代码等价于直接传入一个数值`1`
+- 第一个输入框将完全失去响应性，因为代码等价于 `rxui.input(value=1)`
 - 第二个输入框由于使用函数，将得到读取响应性(第三个输入框输入值，将得到同步)
 - 第三个输入框，使用 `rxui.vmodel` 包裹，即可实现双向绑定
 
-多数在配合 `vfor` 时使用 `vmodel`,可参考 [todo list 案例](./examples/todomvc/)
+> 如果使用 `rxui.ViewModel` ，你可能不需要使用 `vmodel`
 
+可参考 [todo list 案例](./examples/todomvc/)
+
+---
 
 ### vfor
-基于列表响应式数据，渲染列表组件。每项组件按需更新。数据项支持字典或任意类型对象
+基于列表响应式数据，渲染列表组件。每项组件按需更新。数据项支持字典或任意类型对象。
+
+从 `v0.7.0` 版本开始，建议配合 `rxui.ViewModel` 使用。与使用 `effect_refreshable` 装饰器不同，`vfor` 不会重新创建所有的元素，而是更新已存在的元素。
+
+下面是卡片排序例子，卡片总是按年龄排序。当你修改某个卡片中的年龄数据时，卡片会实时调整顺序。但是，光标焦点不会离开输入框。
+
 
 ```python
+from typing import List
 from nicegui import ui
-from ex4nicegui.reactive import rxui
-from ex4nicegui import deep_ref, ref_computed
-from typing import Dict
-
-# refs
-items = deep_ref(
-    [
-        {"id": 1, "message": "foo", "done": False},
-        {"id": 2, "message": "bar", "done": True},
-    ]
-)
+from ex4nicegui import rxui, deep_ref as ref, Ref
 
-# ref_computeds
-@ref_computed
-def done_count_info():
-    return f"done count:{sum(item['done'] for item in items.value)}"
 
-# method
-def check():
-    for item in items.value:
-        item["done"] = not item["done"]
+class Person(rxui.ViewModel):
+    def __init__(self, name: str, age: int) -> None:
+        self.name = name
+        self.age = ref(age)
+
+
+class MyApp(rxui.ViewModel):
+    persons: Ref[List[Person]] = rxui.var(lambda: [])
+    order = rxui.var("asc")
+
+    def sort_by_age(self):
+        return sorted(
+            self.persons.value,
+            key=lambda p: p.age.value,
+            reverse=self.order.value == "desc",
+        )
+
+    @staticmethod
+    def create():
+        persons = [
+            Person(name="Alice", age=25),
+            Person(name="Bob", age=30),
+            Person(name="Charlie", age=20),
+            Person(name="Dave", age=35),
+            Person(name="Eve", age=28),
+        ]
+        app = MyApp()
+        app.persons.value = persons
+        return app
 
 
 # ui
-rxui.label(done_count_info)
-ui.button("check", on_click=check)
+app = MyApp.create()
 
+with rxui.tabs(app.order):
+    rxui.tab("asc", "Ascending")
+    rxui.tab("desc", "Descending")
 
-@rxui.vfor(items,key='id')
-def _(store: rxui.VforStore[Dict]):
-    # 函数中构建每一行数据的界面
-    item = store.get()  # 通过 store.get 获取对应行的响应式对象(相当于每行的数据 to_ref(...))
-    mes = rxui.vmodel(item.value['message']) # 复杂结构默认没有双向绑定，需要使用 `vmodel`
 
-    # 输入框输入内容，可以看到单选框的标题同步变化
-    with ui.card():
-        with ui.row():
-            rxui.input(value=mes)
-            rxui.label(lambda: f"{mes.value=!s}")
-        rxui.checkbox(text=mes, value=rxui.vmodel(item.value['done']))
+@rxui.vfor(app.sort_by_age, key="name")
+def each_person(s: rxui.VforStore[Person]):
+    person = s.get_item()
+
+    with ui.card(), ui.row(align_items="center"):
+        rxui.label(person.name)
+        rxui.number(value=person.age, step=1, min=0, max=100)
 
 ```
 
 - `rxui.vfor` 装饰器到自定义函数
-    - 第一个参数传入响应式列表。列表中每一项可以是字典或其他对象(`dataclasses` 等等)
-    - 第二个参数 `key`: 为了可以跟踪每个节点的标识，从而重用和重新排序现有的元素，你可以为每个元素对应的块提供一个唯一的 key 。默认情况使用列表元素索引。
-- 自定义函数带有一个参数。通过 `store.get` 可以获取当前行的响应式对象
-
-> vfor 渲染的项目，只有在新增数据时，才会创建
+    - 第一个参数传入响应式列表。注意，无须调用 `app.sort_by_age`
+    - 第二个参数 `key`: 为了可以跟踪每个节点的标识，从而重用和重新排序现有的元素，你可以为每个元素对应的块提供一个唯一的 key 。默认情况使用列表元素索引。例子中假定每个人的名字唯一。
+- 自定义函数带有一个参数。通过 `store.get_item` 可以获取当前行的对象。由于 Person 本身继承自 `rxui.ViewModel`，所以它的各项属性可以直接绑定到组件。
 
 
 ---

{ex4nicegui-0.6.9.dist-info → ex4nicegui-0.7.1.dist-info}/RECORD

@@ -1,7 +1,7 @@
 ex4nicegui/__init__.py,sha256=olowSWbRsHGj1uoL28cZ5697vwXUzgJzusMVFe7adfg,1116
 ex4nicegui/bi/__init__.py,sha256=eu-2CuzzrcHCyKQOfoo87v6C9nSwFDdeLhjY0cRV13M,315
 ex4nicegui/bi/dataSource.py,sha256=hOOUN4PpSfPx4Vp1sg9Sfxi5K-wROw9C22Z-mmNXs6w,7644
-ex4nicegui/bi/dataSourceFacade.py,sha256=6NuAyrTIk_L2Tz9IRFpuHKRQY_OwJINDzxoM6JYOc14,8186
+ex4nicegui/bi/dataSourceFacade.py,sha256=6p4gXxEd8pGHoM8w4h8Ojy-_ZxIUqlJHIdbGwdNdh5U,8248
 ex4nicegui/bi/elements/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 ex4nicegui/bi/elements/containers.py,sha256=5a9ZkzyVNLnK7DftDYdbVRo0bQFvuMHRI9LBGR__YuI,358
 ex4nicegui/bi/elements/layouts.py,sha256=teb0Vp-fgsByBNPTiW73kXEu2JponRRj4QQanaalcA0,898
@@ -16,7 +16,7 @@ ex4nicegui/bi/elements/ui_range.py,sha256=1tnka-a0jVfqTwvypKIRgHb6EzYGn3DmsWr3yv
 ex4nicegui/bi/elements/ui_select.py,sha256=yOab3YrHCZ5kkU3bmDdr-LIAMhOunUsCbtctR8WpnLI,3872
 ex4nicegui/bi/elements/ui_slider.py,sha256=-b1k3i1v8Z9WIwRaI0PJoYxR3Nbq1GUEyjmQnq9jIeo,2165
 ex4nicegui/bi/elements/ui_table.py,sha256=aKL26xbiCIQG_-KFEozXjbB4G88FdOK25k2H0k24bys,1810
-ex4nicegui/bi/index.py,sha256=ZuwFxUD1KcxBpKvTLO7CGQQ5gN7FDpaHo9tfAS3UpQ4,2067
+ex4nicegui/bi/index.py,sha256=orzOh-5AN4gq2xsqaLs711pjrueUA9YJd4alQGloCP0,2121
 ex4nicegui/bi/protocols.py,sha256=SjwYrS21L6dcNfYrLvh5pESya0NIa6ihQ6URMU6z-6Q,4529
 ex4nicegui/bi/types.py,sha256=PGPUXr17iRmxxYHxHKJSdxp5CdAkHWb2_9nJ1GwYRlc,355
 ex4nicegui/experimental_/__init__.py,sha256=HODL0f70HUzVrfRwUzdCwxTp_9mYr4D1nnzd8jevlMw,69
@@ -70,13 +70,13 @@ 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=mutWUjTNYefm_FC7yrjg5beceQCWFX0YGGFoRP01he0,3881
-ex4nicegui/reactive/base.py,sha256=_1n78kAC65jLyHm91HkeuCq4MuvISY_gc3J6xXipLec,13635
+ex4nicegui/reactive/__init__.py,sha256=nBMnascxWCEfozKNx8DyXGVGE8e3B0dMrv999g8Qvd4,4347
+ex4nicegui/reactive/base.py,sha256=iqkGcy7BCfZOoMGaq74EYjdI6S44EGzagqIo2sUKGGw,14043
 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=ye2FZNLfY4T41YAGQQYqn3LThSlnbY0pqnGtpyEg9bE,3548
-ex4nicegui/reactive/EChartsComponent/ECharts.py,sha256=ho6Cnz5zv99UXyQGdoln81KSCWlLsA4ZUT0Jdic4Xmo,4490
+ex4nicegui/reactive/EChartsComponent/ECharts.py,sha256=Qa1kzClEwjJo9yJy-fer75PoZxwnf6jSwFJSuYoODAA,4463
 ex4nicegui/reactive/EChartsComponent/events.py,sha256=_BtmLRcAIZciDQT5i1eFc-r3e0pBnAabW1BSl6uzhCc,570
 ex4nicegui/reactive/EChartsComponent/types.py,sha256=_7AekG0IyzRpDEBZMtKRiZ3o3dUCcn6btegBk8c9Fig,1001
 ex4nicegui/reactive/EChartsComponent/utils.py,sha256=a5r2fghC6IIZbyfUUR8TEkpLj9HPbcf8QHEBatXaL2M,1463
@@ -86,46 +86,51 @@ ex4nicegui/reactive/fileWatcher.py,sha256=gjeZhgar02f-qGQa47Tj5SMaCP_ftRtSU898XU
 ex4nicegui/reactive/local_file_picker.py,sha256=MoInXSauFdCuhYi_CmNKZwxAtsOqXh8roWWdqNwjPBY,6199
 ex4nicegui/reactive/mermaid/mermaid.js,sha256=Ds5VevGWZE1_N0WKf-uITd8xSCO9gQzVUsmb80EajNY,2308
 ex4nicegui/reactive/mermaid/mermaid.py,sha256=uP321QiNj_S5E5I2KF9h03WlSFdRITE8tvObGdk6m7M,2144
-ex4nicegui/reactive/mixins/backgroundColor.py,sha256=R2ES4CcYm26O15No9r6Xr-vxCJg3fH6C0Y4ZxQv0NC8,1123
-ex4nicegui/reactive/mixins/disableable.py,sha256=hprIcmcq9k2xUy0hJDbhzX4EvkALOmOnWHg9UNLXYZw,1113
-ex4nicegui/reactive/mixins/textColor.py,sha256=oY3hhnj1Mb6G2Io9h1dPycIidgerxuPBWq9z5874LW8,1816
-ex4nicegui/reactive/officials/aggrid.py,sha256=AhDmbCUk8PU97eP25HCTYfGhdtKCZ6noLE3Snb2O6pU,2974
+ex4nicegui/reactive/mixins/backgroundColor.py,sha256=ReW-clrdjqYLVXjrx8lo9h3JAvXPXpOJDl3b6GuBovA,1135
+ex4nicegui/reactive/mixins/disableable.py,sha256=bqhhU5XTT3E60-I0dr_mT0Gk9uX5-aKouAsu6MwCeV0,1133
+ex4nicegui/reactive/mixins/textColor.py,sha256=_OsiuybNyNX1qNdk-9DwhcdovtvvNCDKA_UsmDrejeU,1823
+ex4nicegui/reactive/officials/aggrid.py,sha256=GWxDfTzhcnlyzPhLzBI5ay6RtPcE2zOCMwZhMX5WBck,2973
+ex4nicegui/reactive/officials/avatar.py,sha256=bAZ73B4wQWchGVFblc7r1QItrml9_VIwKQT-Lqtx1eA,3323
+ex4nicegui/reactive/officials/badge.py,sha256=0OFKCfjdoZZf2v-MwZPLC5C-2TU4-dCACGOwAZlQDdg,3212
 ex4nicegui/reactive/officials/base.py,sha256=SVJz0UYPvlpSHN193X-EFCNT-lAP2LYEo8HJBQ0i8Tg,153
-ex4nicegui/reactive/officials/button.py,sha256=zbV8AFaAZ23dDxhssAHB5RCyqt6-LVmkfmAoba5obRU,2670
+ex4nicegui/reactive/officials/button.py,sha256=C1x-gwCKH6VWk0QqY2pUebAsaLLkMBx8GInk9KZg1K0,2666
 ex4nicegui/reactive/officials/card.py,sha256=8-tBwm3xfVybolQ87i8lAYUpBV6FdaVdeSH6xu0736U,1275
-ex4nicegui/reactive/officials/checkbox.py,sha256=c_CDUlPx7izgaZY3Y4CaCIyxM3moQ0x_lLEs4MylSOc,1565
-ex4nicegui/reactive/officials/chip.py,sha256=M_4zODM-oIrnLor6qjqbvj4D67sLDqXIRDsYe4Wn8Y8,3185
-ex4nicegui/reactive/officials/circular_progress.py,sha256=DXTGC18BD2kcbAfLX6sdPFxSaQX6LkU7pUfooV3-VKE,1964
-ex4nicegui/reactive/officials/color_picker.py,sha256=FUuHhSQ96bCaVua5Cq28_V08PYIVOHFxygVawJkqo1I,3420
-ex4nicegui/reactive/officials/column.py,sha256=Ox2OZRmKjAR8pRTWNXej8I-AYI8FGujIAhZyAoi9cNY,1109
-ex4nicegui/reactive/officials/date.py,sha256=E5Xs4mJgknQzpBqW_lwJ8c3GZf8wlyi7xCPQrJ70MWE,2515
+ex4nicegui/reactive/officials/checkbox.py,sha256=EXxB79vTyFeJgrtGZ7sm-bj1gd3vwMZ5vUVfCG-IPKo,1535
+ex4nicegui/reactive/officials/chip.py,sha256=3w3xI5-97nzPvNggO17MFXXlfokhJDWD3YdsrNC4o54,3154
+ex4nicegui/reactive/officials/circular_progress.py,sha256=9obEbKzFGCx5yzGQ5-cKNr4mUq7T3uZXUqXiukW2no4,1968
+ex4nicegui/reactive/officials/color_picker.py,sha256=RfGDHS3eW9aXF33Xip9VQxVHckAiVtlCtjyC6Ulh-QU,3423
+ex4nicegui/reactive/officials/column.py,sha256=RwmjQBTRN4x1vfm-ylfR1r1GjmsLY-3rNf1SqyMLjKI,1104
+ex4nicegui/reactive/officials/date.py,sha256=-A-AOhiAoSXIygo6WOVM4_Jt5ksrnvtmSJZCFcJIgYk,2520
+ex4nicegui/reactive/officials/dialog.py,sha256=weF06DNFmoTK62tmxS7f4IhT6QHezU2YBznro_EIw4k,1385
 ex4nicegui/reactive/officials/drawer.py,sha256=_Ro6stOh8U3igYMeDwI4omBgi1nld5berrAk9Dv5RVw,2346
-ex4nicegui/reactive/officials/echarts.py,sha256=YvoVfxRl2V93e6pC5l5O6-VJqMxvfwqEf0JLXv639UY,10072
+ex4nicegui/reactive/officials/echarts.py,sha256=2CV0Yed57ItVXdQ7gcHIbq5yceoVmgnoipJ-RpIsgnA,10235
 ex4nicegui/reactive/officials/element.py,sha256=-qsHcxfF3fMfU0sJlKtTksX_wYPMIPJ_AgFcZbbI754,412
-ex4nicegui/reactive/officials/expansion.py,sha256=N0mp7_ZO0gHjGTAA69-mAdDCNZWr3FP_sqFL4-Rvhes,1898
+ex4nicegui/reactive/officials/expansion.py,sha256=ARQTsDkUQ-xZgCPgwGCRXqjpXhGzmJQgk95yYGKg6DU,1903
 ex4nicegui/reactive/officials/grid.py,sha256=Bq83jejsxQSYVc9O1IE6JUgUndUm1uexb4fq9EZWjHQ,921
 ex4nicegui/reactive/officials/html.js,sha256=lyvRAdMKZGOc7MPEapeU6WbOzq_MVzqzUJEhKuC8zWc,119
 ex4nicegui/reactive/officials/html.py,sha256=XrOpGoAJDo8dtTnZVLSmi7H5iHffmYpeZ94lXxHjBwI,629
-ex4nicegui/reactive/officials/icon.py,sha256=qCfdxTGrwtIYEgEYkxnxTGj1C0yEfFa6EfdLzSkjmXs,1544
-ex4nicegui/reactive/officials/image.py,sha256=ifuBU_RORV8FTG_3xKQtj6d5F5exz-nxqD70HKo0S7g,1121
-ex4nicegui/reactive/officials/input.py,sha256=osu9HfT6W3zXhFkCLNIaN-q3LjlFvz6GknksO6h7r7Y,4044
-ex4nicegui/reactive/officials/knob.py,sha256=GRtrgnne7TdCtx_BjLeCuN8YlNsyn1Rf55Bj3e5QCzU,2321
-ex4nicegui/reactive/officials/label.py,sha256=_4a9MQJCohWQumdyUoi7dHmeuVOUpmrI5U7HOzkUhJM,1335
-ex4nicegui/reactive/officials/linear_progress.py,sha256=VhqiW64wO6QxFbv0TAVVlwtpVgysWVmUSsLe2Vd9aKY,2113
-ex4nicegui/reactive/officials/number.py,sha256=H5_6_NfcC4tosomHJXht9DHAF3q87zQKBIkPoKmHgZk,2786
-ex4nicegui/reactive/officials/radio.py,sha256=N13zS2FVzA3gew77_OjRCyzdcnheGLAeGYlWK3CxGTc,1945
-ex4nicegui/reactive/officials/row.py,sha256=fGNcEHS2sMT1GY33jpLTvUh-MjqdNSuyCrjgBXM-p2Q,1049
-ex4nicegui/reactive/officials/select.py,sha256=japHOAIeFM860W9RCOXAQtMdslN9tLjxdYuzNZ3p4rM,2996
-ex4nicegui/reactive/officials/slider.py,sha256=eF3W7hwxmTXmRfP_aZGM8z_zXi3Z7-mGjAZr7Sjc6vA,2971
-ex4nicegui/reactive/officials/switch.py,sha256=9OtkOB1QD3wCEyPBwPvzAPyYJku5v5MvuTciNE9EQvo,1606
-ex4nicegui/reactive/officials/tab.py,sha256=A83oxhlr8-YBeuUJTfPk05Kt9DeA5knNwbpwE5-i7Lk,1816
+ex4nicegui/reactive/officials/icon.py,sha256=Um1yS681pcbsZ4o7GU_2w1NCfwFVXNu1a4asB2hzYUg,1374
+ex4nicegui/reactive/officials/image.py,sha256=ySu2gqVQIuLMUTItcp233Iqnx86P0q0MU8EVq07yuMk,1141
+ex4nicegui/reactive/officials/input.py,sha256=zQ4LaN15AuQvqTOpv5L186zu3lsMJpwLJ25HWMYaIck,4030
+ex4nicegui/reactive/officials/knob.py,sha256=Y2CtMvo0W_zZCqqjx_w1pyfCG9ZHBTLEVbUQpeEZ43U,2325
+ex4nicegui/reactive/officials/label.py,sha256=kCair4NpFB7bvsPukMFcDBqDXk2BxOLzBQXSNx5EWuw,1428
+ex4nicegui/reactive/officials/linear_progress.py,sha256=SthaOJJuJF4LbIlzTvUJRWziOJtIFMyhdjCWmPGcn2U,2117
+ex4nicegui/reactive/officials/number.py,sha256=8Lk1yrbPskJathnlo7J_KssJSHZXYH9Pe4GMfbk4gzo,2783
+ex4nicegui/reactive/officials/radio.py,sha256=9vQf__Uz-ED9yPZj2MLhsQKbHD_PNlm4DvPl-Xi8xV8,1974
+ex4nicegui/reactive/officials/row.py,sha256=GBz0VW34rOqvGgsA0vA_93WSa2i1F9Lt7jf2UrRevDs,1044
+ex4nicegui/reactive/officials/select.py,sha256=zA9OG6Sll0g6yC15-YtOO5mGioua60yQIQvb2TfgSKM,3053
+ex4nicegui/reactive/officials/slider.py,sha256=ru_7bEi-HrdQrrevC7AGyeiI_45kFPhMgNJgjwIsbj4,2976
+ex4nicegui/reactive/officials/switch.py,sha256=TpGotdstKmOVpuCwngtV_KcB401nw7o5oarVnqgX6n4,1543
+ex4nicegui/reactive/officials/tab.py,sha256=nyB7Ksc_tWG-RaAXiu3TTIJvkNeSa9AZdwHXuL2SsOE,1433
 ex4nicegui/reactive/officials/tab_panel.py,sha256=Y05XTIOE6qXYZjcCoVIPm9lruyR7av58McRLmPc2yxg,650
-ex4nicegui/reactive/officials/tab_panels.py,sha256=hjNDSTslwnzSPIf-mEVlhOE8AfoN5z-DDP_fUk0D5PU,6049
-ex4nicegui/reactive/officials/table.py,sha256=oNOuG8rT0oKbnn-MpO2sRisdJwpGILDZkxk96g7GYtQ,6208
-ex4nicegui/reactive/officials/tabs.py,sha256=w-wXIRUnYBgBDZDTNLhcUrIvP6rpiZRs0kd2GvJ7zPw,1301
-ex4nicegui/reactive/officials/textarea.py,sha256=dCF_uNUIveK6Nuy-OxJDSb7jzPyw-rIsNw51uwsg090,3043
+ex4nicegui/reactive/officials/tab_panels.py,sha256=YSe346Pa_BWPvYbJrxB4Mzc7c6IGcip6oc7LcSg2vbk,6044
+ex4nicegui/reactive/officials/table.py,sha256=B_nX19UxwyxGKsxLuu2x4UNwxsapjTBw70RMBWDI8w0,6206
+ex4nicegui/reactive/officials/tabs.py,sha256=1aLFnpKgBJMBE-e842Uldq80XOCVvdoH1uUeN1OUmWI,1296
+ex4nicegui/reactive/officials/textarea.py,sha256=3sRrTL7BMcQg9QfsxvvVChVYIj_klRk8Lh0Sppp7pCg,3048
+ex4nicegui/reactive/officials/toggle.py,sha256=H0NLosMcKbTkH94yV4h4b_WOuCStZpOJMlkYgOqpyYY,2663
+ex4nicegui/reactive/officials/tooltip.py,sha256=lkDOf5Z6vpDsO9Y-nsRRwdhmYVFb9YrWv7lQUNY4_Ho,1136
 ex4nicegui/reactive/officials/upload.py,sha256=5SX2CFkf3s_4bPcnx0bmKRA4eYVlm0S8RBeQ7qHnqck,2395
-ex4nicegui/reactive/q_pagination.py,sha256=hvX8abzp7nmeOy2gKwtNM6Dhpt7fYqw7d8YNHYAltx8,1560
+ex4nicegui/reactive/q_pagination.py,sha256=nUszZ4fvCf4leQ1DpS70laCDf40RprbOex7SISbAEek,1555
 ex4nicegui/reactive/rxui.py,sha256=gZ8ZEjGuJFKcedEZhcm4PIZguNkY-Wv5yQx80QnsBKI,31
 ex4nicegui/reactive/scopedStyle.js,sha256=RtpfUwkpjMv_cbplkr2UtydKAxB5Dz7Sm6jRgPHRhow,1569
 ex4nicegui/reactive/scopedStyle.py,sha256=aYP4sIFzAmPaLyZV8m9jqyuGmOcJnC-5s07UQnoNSag,738
@@ -133,7 +138,7 @@ ex4nicegui/reactive/services/pandas_service.py,sha256=XOoy6tZr4TpTyhewAH59eiSwVF
 ex4nicegui/reactive/services/reactive_service.py,sha256=cgw7Qirc70avsgvGuMT4RCT_mFouJb1-KR3dWOgucX8,2742
 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=EYDshl4UR9VheNcxcNHc231Dwko9VudilfMIxCD_uOk,685
+ex4nicegui/reactive/systems/reactive_system.py,sha256=wyCSPdGuH1jOOkb2mXWRYVpdebjSm0qi9fuiVAkw5tA,701
 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
@@ -141,9 +146,10 @@ ex4nicegui/reactive/UseDraggable/UseDraggable.py,sha256=Zh6NfQPSf3nMvCL8wDA4tjhy
 ex4nicegui/reactive/useMouse/UseMouse.js,sha256=6FjcYozJK5zFwK1kBP8JlfMyTUwKVK3k_0wSdhapaZs,2722
 ex4nicegui/reactive/useMouse/UseMouse.py,sha256=cFNlso7_BneyAfGmWbl-N9vQwGleV2ArsqdRBv_yS6Y,2126
 ex4nicegui/reactive/usePagination.py,sha256=8YLqcZ_ecuX0FdQ0ct-XdEFfMAVkubAS_K02YOhg5oo,2584
-ex4nicegui/reactive/vfor.js,sha256=xtKVUPSN0BP99H0BO6LRUYFqxqTGIRttQh5UjoUTwBc,282
-ex4nicegui/reactive/vfor.py,sha256=dBTxoXiR7lZMWp5dMQSLPhzTqRGeY7MnJPAVFEIXINg,5765
-ex4nicegui/reactive/vmodel.py,sha256=cKfclpvUvQf_UYGLSYWOJVOJP2iPu8KvE7p6D-ZAHOg,5126
+ex4nicegui/reactive/vfor.js,sha256=sCy3KR5Aeyx68yh9VI6I9Vj7bnVuir_LUYKZBe_ePTg,908
+ex4nicegui/reactive/vfor.py,sha256=5gu6a1k0qFP_0M4xEUpZZJgLFogDTAhQORaym42EiEg,7817
+ex4nicegui/reactive/view_model.py,sha256=i1tyoqzX-6aCWMEfyjVgKEodtvaVHGKfwixRSf5Coos,4391
+ex4nicegui/reactive/vmodel.py,sha256=ymrUpC_68jaHF76ivKmgz-C4Xl6i65c_41uMc0ffEhY,5936
 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
@@ -155,10 +161,10 @@ ex4nicegui/utils/effect.py,sha256=LTtPTxx8-sP4VtZaFQjERB-ef3L2y5hu95GvTdj-nLo,24
 ex4nicegui/utils/refComputed.py,sha256=Vb7fyi0wNieFeLfCjXl6wSzpws3i6_aeCka1s9dsc8E,4232
 ex4nicegui/utils/refWrapper.py,sha256=gX5sdfC1P4UXmMYM6FwdImfLD39y02kq7Af6dIMDrZ8,1472
 ex4nicegui/utils/scheduler.py,sha256=1gyq7Y2BkbwmPK_Q9kpRpc1MOC9H7xcpxuix-RZhN9k,1787
-ex4nicegui/utils/signals.py,sha256=t21k-XUjQpX0UlW_diyzx_OxNN1Al-kNqk4u8Wx0L14,7024
+ex4nicegui/utils/signals.py,sha256=Q2aaYct1U1DAW4neLiq1_iUdBGiPLNxpXQcuW1KiaDg,7106
 ex4nicegui/utils/types.py,sha256=pE5WOSbcTHxaAhnT24FaZEd1B2Z_lTcsd46w0OKiMyc,359
 ex4nicegui/version.py,sha256=NE7u1piESstg3xCtf5hhV4iedGs2qJQw9SiC3ZSpiio,90
-ex4nicegui-0.6.9.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
-ex4nicegui-0.6.9.dist-info/METADATA,sha256=7ZTJqu2FUrvBpqWBn1GdkKkuuOKCsTg3xsAlPo6mBA0,30069
-ex4nicegui-0.6.9.dist-info/WHEEL,sha256=sP946D7jFCHeNz5Iq4fL4Lu-PrWrFsgfLXbbkciIZwg,88
-ex4nicegui-0.6.9.dist-info/RECORD,,
+ex4nicegui-0.7.1.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
+ex4nicegui-0.7.1.dist-info/METADATA,sha256=8Z8DoS3ZEBcB5R1vn5-aEHNTqmNEkjwyihqPlwXyxj0,35072
+ex4nicegui-0.7.1.dist-info/WHEEL,sha256=sP946D7jFCHeNz5Iq4fL4Lu-PrWrFsgfLXbbkciIZwg,88
+ex4nicegui-0.7.1.dist-info/RECORD,,