feat: upgrade to antd 5.28.0, antdx 1.6.1 (#111)

* feat: upgrade to antd 5.28.0, antdx 1.6.1

* chore: add changeset

* fix: typo

Author: Col0ring

.changeset/good-pens-beam.md

@@ -0,0 +1,10 @@
+---
+'@modelscope-studio/legacy-compiled': patch
+'@modelscope-studio/lint-config': patch
+'@modelscope-studio/changelog': patch
+'@modelscope-studio/antd': patch
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+feat: upgrade to antd 5.28.0, antdx 1.6.1

backend/modelscope_studio/components/antd/__init__.py

@@ -107,7 +107,8 @@
 from .splitter import AntdSplitter as Splitter
 from .splitter.panel import AntdSplitterPanel as SplitterPanel
 from .statistic import AntdStatistic as Statistic
-from .statistic import AntdStatisticCountdown as StatisticCountdown
+from .statistic.countdown import AntdStatisticCountdown as StatisticCountdown
+from .statistic.timer import AntdStatisticTimer as StatisticTimer
 from .steps import AntdSteps as Steps
 from .steps.item import AntdStepsItem as StepsItem
 from .switch import AntdSwitch as Switch

backend/modelscope_studio/components/antd/components.py

@@ -103,7 +103,9 @@
 from .spin import AntdSpin
 from .splitter import AntdSplitter
 from .splitter.panel import AntdSplitterPanel
-from .statistic import AntdStatistic, AntdStatisticCountdown
+from .statistic import AntdStatistic
+from .statistic.countdown import AntdStatisticCountdown
+from .statistic.timer import AntdStatisticTimer
 from .steps import AntdSteps
 from .steps.item import AntdStepsItem
 from .switch import AntdSwitch

backend/modelscope_studio/components/antd/drawer/__init__.py

@@ -18,7 +18,10 @@ class AntdDrawer(ModelScopeLayoutComponent):
     ]
 
     # supported slots
-    SLOTS = ['closeIcon', 'extra', 'footer', 'title', 'drawerRender']
+    SLOTS = [
+        'closeIcon', 'closable.closeIcon', 'extra', 'footer', 'title',
+        'drawerRender'
+    ]
 
     def __init__(
             self,
@@ -29,6 +32,7 @@ def __init__(
             body_style: dict | None = None,
             close_icon: str | None = None,
             class_names: dict | None = None,
+            closable: bool | dict | None = None,
             destroy_on_close: bool | None = None,
             destroy_on_hidden: bool | None = None,
             extra: str | None = None,
@@ -72,6 +76,7 @@ def __init__(
         self.auto_focus = auto_focus
         self.body_style = body_style
         self.close_icon = close_icon
+        self.closable = closable
         self.class_names = class_names
         self.destroy_on_close = destroy_on_close
         self.destroy_on_hidden = destroy_on_hidden

backend/modelscope_studio/components/antd/grid/row/__init__.py

@@ -33,7 +33,7 @@ def __init__(
             *,
             align: Literal["top", "middle", "bottom", "stretch"]
         | dict[str, Literal["top", "middle", "bottom", "stretch"]] = "top",
-            gutter: int | dict | list[int] = 0,
+            gutter: int | str | dict | list = 0,
             justify: Literal["start", "end", "center", "space-between",
                              'space-around', 'space-evenly']
         | dict[str, Literal["start", "end", "center", "space-between",

backend/modelscope_studio/components/antd/qr_code/__init__.py

@@ -30,6 +30,7 @@ def __init__(
             bordered: bool = True,
             color: str | None = "#000",
             bg_color: str | None = 'transparent',
+            boost_level: bool | None = True,
             error_level: Literal['L', 'M', 'Q', 'H'] | None = 'M',
             icon: str | None = None,
             icon_size: int | dict | None = 40,
@@ -60,6 +61,7 @@ def __init__(
         self.bordered = bordered
         self.color = color
         self.bg_color = bg_color
+        self.boost_level = boost_level
         self.error_level = error_level
         self.icon = icon
         self.icon_size = icon_size

backend/modelscope_studio/components/antd/splitter/__init__.py

@@ -32,6 +32,10 @@ class AntdSplitter(ModelScopeLayoutComponent):
                       doc="Drag end callback.",
                       callback=lambda block: block._internal.update(
                           bind_resizeEnd_event=True)),
+        EventListener("collapse",
+                      doc="Callback when expanding or collapsing.",
+                      callback=lambda block: block._internal.update(
+                          bind_collapse_event=True)),
     ]
 
     def __init__(

backend/modelscope_studio/components/antd/statistic/__init__.py

@@ -4,13 +4,15 @@
 
 from ....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
 from .countdown import AntdStatisticCountdown
+from .timer import AntdStatisticTimer
 
 
 class AntdStatistic(ModelScopeDataLayoutComponent):
     """
     Ant Design: https://ant.design/components/statistic
     """
     Countdown = AntdStatisticCountdown
+    Timer = AntdStatisticTimer
 
     EVENTS = []
 

backend/modelscope_studio/components/antd/statistic/timer/__init__.py

@@ -0,0 +1,81 @@
+from __future__ import annotations
+
+from typing import Any, Callable, Literal
+
+from gradio.events import EventListener
+
+from .....utils.dev import ModelScopeDataLayoutComponent, resolve_frontend_dir
+
+
+class AntdStatisticTimer(ModelScopeDataLayoutComponent):
+    """
+    Ant Design: https://ant.design/components/statistic
+    """
+
+    EVENTS = [
+        EventListener("finish",
+                      callback=lambda block: block._internal.update(
+                          bind_finish_event=True)),
+        EventListener("change",
+                      callback=lambda block: block._internal.update(
+                          bind_change_event=True)),
+    ]
+
+    # supported slots
+    SLOTS = ['prefix', 'suffix', 'title']
+
+    def __init__(
+            self,
+            value: Callable | int | float | None = None,
+            props: dict | None = None,
+            *,
+            type: Literal['countdown', 'countup'] | None = 'countdown',
+            format: str | None = None,
+            prefix: str | None = None,
+            suffix: str | None = None,
+            title: str | None = None,
+            value_style: dict | None = None,
+            root_class_name: str | None = None,
+            as_item: str | None = None,
+            _internal: None = None,
+            # gradio properties
+            visible: bool = True,
+            elem_id: str | None = None,
+            elem_classes: list[str] | str | None = None,
+            elem_style: dict | None = None,
+            render: bool = True,
+            **kwargs):
+        super().__init__(value=value,
+                         visible=visible,
+                         elem_id=elem_id,
+                         elem_classes=elem_classes,
+                         render=render,
+                         as_item=as_item,
+                         elem_style=elem_style,
+                         **kwargs)
+        self.props = props
+        self.type = type
+        self.format = format
+        self.prefix = prefix
+        self.suffix = suffix
+        self.title = title
+        self.value_style = value_style
+        self.root_class_name = root_class_name
+
+    FRONTEND_DIR = resolve_frontend_dir("statistic", "timer")
+
+    @property
+    def skip_api(self):
+        return True
+
+    def preprocess(self, payload: int | float | None) -> int | float | None:
+        return payload
+
+    def postprocess(self, value: int | float | None) -> int | float | None:
+        return value
+
+    def example_payload(self) -> Any:
+        return None
+
+    def example_value(self) -> Any:
+        return None

config/changelog/package.json

@@ -21,11 +21,11 @@
   "dependencies": {
     "@changesets/get-github-info": "^0.6.0",
     "@manypkg/get-packages": "^3.1.0",
-    "detect-indent": "^7.0.1"
+    "detect-indent": "^7.0.2"
   },
   "devDependencies": {
     "@changesets/types": "^6.1.0",
-    "@types/node": "^24.3.1",
+    "@types/node": "^24.10.0",
     "tsup": "^8.5.0"
   }
 }