Update

app.py

@@ -8,6 +8,8 @@ from helper.env import is_modelscope_studio
 from helper.Site import Site
 from legacy_app import legacy_demo
 
+is_dev = os.environ.get("GRADIO_WATCH_MODULE_NAME") == 'docs.app'
+
 
 def get_text(text: str, cn_text: str):
     if is_modelscope_studio:
@@ -572,7 +574,7 @@ tabs = [
         "label": get_text("Version 0.x", "0.x 版本"),
         "key": "legacy",
         "content": legacy_demo
-    },
+    } if not is_dev else None,
 ]
 
 site = Site(

components/antd/form/README-zh_CN.md

@@ -5,4 +5,9 @@ High-performance form component with data domain management. Includes data entry
 ## Examples
 
 <demo name="basic"></demo>
-<demo name="form_rules" title="Form Rules"></demo>
+<demo name="form_rules" title="表单规则"></demo>
+<demo name="dynamic_form" title="动态表单"></demo>
+
+通过修改`form_action`可以手动触发表单动作，每当`form_action`变化并触发对应表单动作时，都会自动重置`form_action`的值，以便后续多次调用。
+
+<demo name="form_action" title="表单动作"></demo>

components/antd/form/README.md

@@ -6,3 +6,8 @@ High-performance form component with data domain management. Includes data entry
 
 <demo name="basic"></demo>
 <demo name="form_rules" title="Form Rules"></demo>
+<demo name="dynamic_form" title="Dynamic Form"></demo>
+
+By modifying `form_action`, you can manually trigger a form action. Whenever `form_action` changes and triggers the corresponding form action, the value of `form_action` will be automatically reset for subsequent multiple calls.
+
+<demo name="form_action" title="Form Action"></demo>

components/antd/form/demos/dynamic_form.py

@@ -0,0 +1,37 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+
+
+def submit(form_value):
+    print(form_value)
+
+
+def add(state_value):
+    count = len(state_value)
+    return state_value + [{
+        "form_name": str(count),
+        "label": "Label " + str(count)
+    }]
+
+
+with gr.Blocks() as demo, ms.Application(), antd.ConfigProvider():
+    state = gr.State([{"form_name": "0", "label": "Label 0"}])
+    with antd.Form() as form:
+        with antd.Form.Item():
+            add_btn = antd.Button("Add List")
+
+        @gr.render(inputs=[state])
+        def render_inputs(state_data):
+            for item in state_data:
+                with antd.Form.Item(form_name=item["form_name"],
+                                    label=item["label"]):
+                    antd.Input()
+
+        with antd.Form.Item():
+            antd.Button("Submit", type="primary", html_type="submit")
+    add_btn.click(fn=add, inputs=[state], outputs=[state])
+    form.finish(fn=submit, inputs=[form])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antd/form/demos/form_action.py

@@ -0,0 +1,80 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.base as ms
+
+
+def on_submit(_form):
+    print(_form)  # the Form Component will automatically collect the form data
+
+
+def bind_action_event(action):
+
+    def on_action():
+        return gr.update(form_action=action)
+
+    return on_action
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antd.ConfigProvider():
+            with antd.Card(title="Out of the Form"):
+                submit_btn = antd.Button("Submit", type="primary")
+                reset_btn = antd.Button("Reset")
+                validate_btn = antd.Button("Validate")
+
+            with antd.Form(label_col=dict(span=8),
+                           wrapper_col=dict(span=16)) as form:
+                with antd.Form.Item(
+                        form_name="username",
+                        label="Username",
+                        rules=[{
+                            "required": True,
+                            "message": 'Please input your username!'
+                        }, {
+                            "pattern":
+                            "^[a-zA-Z0-9]+$",
+                            "message":
+                            "Username can only contain letters and numbers!"
+                        }, {
+                            "min":
+                            6,
+                            "message":
+                            "Username must be at least 6 characters long!"
+                        }, {
+                            "max":
+                            20,
+                            "message":
+                            "Username must be at most 20 characters long!"
+                        }]):
+                    antd.Input()
+                with antd.Form.Item(
+                        form_name="password",
+                        label="Password",
+                        rules=[
+                            {
+                                "required": True,
+                                "message": 'Please input your password!'
+                            },
+                            {
+                                # custom validator with javascript function
+                                "validator":
+                                """(rule, value, cb) => {
+                                    if (value !== '123') {
+                                      cb('Password must be "123"')
+                                    }
+                                    cb()
+                                }"""
+                            }
+                        ]):
+                    antd.Input.Password()
+
+                with antd.Form.Item(wrapper_col=dict(offset=8, span=16)):
+                    antd.Button("Submit", type="primary", html_type="submit")
+            form.finish(on_submit, inputs=[form])
+            submit_btn.click(bind_action_event("submit"), outputs=[form])
+            reset_btn.click(bind_action_event("reset"), outputs=[form])
+            validate_btn.click(bind_action_event("validate"), outputs=[form])
+
+if __name__ == "__main__":
+    demo.queue().launch()

helper/Site.py

@@ -13,7 +13,7 @@ class Site:
                  docs: dict,
                  default_active_tab: str | None = None,
                  logo: Component | Callable | None = None):
-        self.tabs = tabs
+        self.tabs = [tab for tab in tabs if tab]
         self.docs = docs
         self.default_active_tab = default_active_tab
         self.default_active_tab_item = next(

requirements.txt

@@ -1,2 +1,2 @@
-modelscope_studio==1.4.6
+modelscope_studio==1.5.0
 openai

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "modelscope_studio"
-version = "1.4.6"
+version = "1.5.0"
 description = "A third-party component library based on Gradio."
 readme = "README.md"
 license = "Apache-2.0"