feat: add antdx

app.py

@@ -66,7 +66,7 @@ index_docs = {"overview": Docs(__file__), **layout_templates}
 
 base_docs = get_docs("base")
 antd_docs = get_docs("antd")
-# antdx_docs = get_docs("antdx")
+antdx_docs = get_docs("antdx")
 
 default_active_tab = "index"
 index_menu_items = [{
@@ -419,6 +419,30 @@ antdx_menu_items = [{
     "children": [{
         "label": get_text("Attachments", "Attachments 输入附件"),
         "key": "attachments"
+    }, {
+        "label": get_text("Sender", "Sender 输入框"),
+        "key": "sender"
+    }, {
+        "label": get_text("Suggestion", "Suggestion 快捷指令"),
+        "key": "suggestion"
+    }]
+}, {
+    "label":
+    get_text("Confirm", "确认"),
+    "type":
+    "group",
+    "children": [{
+        "label": get_text("ThoughtChain", "ThoughtChain 思考链"),
+        "key": "thought_chain"
+    }]
+}, {
+    "label":
+    get_text("Tools", "工具"),
+    "type":
+    "group",
+    "children": [{
+        "label": get_text("XProvider", "XProvider 全局化配置"),
+        "key": "x_provider"
     }]
 }]
 
@@ -474,12 +498,12 @@ tabs = [
         "menus": antd_menu_items,
         "extra_menu_footer": more_components
     },
-    # {
-    #     "label": get_text("Antdx Components", "Antdx 组件"),
-    #     "key": "antdx",
-    #     "default_active_key": "overview",
-    #     "menus": antdx_menu_items,
-    # },
+    {
+        "label": get_text("Antdx Components", "Antdx 组件"),
+        "key": "antdx",
+        "default_active_key": "overview",
+        "menus": antdx_menu_items,
+    },
     {
         "label": get_text("Version 0.x", "0.x 版本"),
         "key": "legacy",
@@ -493,7 +517,7 @@ site = Site(
         # match the key of tabs
         "index": index_docs,
         "antd": antd_docs,
-        # "antdx": antdx_docs,
+        "antdx": antdx_docs,
         "base": base_docs
     },
     default_active_tab=default_active_tab,

components/antdx/attachments/README-zh_CN.md

@@ -6,3 +6,4 @@ Display the collection of attachment information. See [Ant Design X](https://x.a
 
 <demo name="basic"></demo>
 <demo name="combination" title="Combination"></demo>
+<demo name="file_card" title="File Card"></demo>

components/antdx/attachments/README.md

@@ -6,3 +6,4 @@ Display the collection of attachment information. See [Ant Design X](https://x.a
 
 <demo name="basic"></demo>
 <demo name="combination" title="Combination"></demo>
+<demo name="file_card" title="File Card"></demo>

components/antdx/attachments/demos/combination.py

@@ -17,7 +17,7 @@ def submit(sender_value, attachments_value):
 
 
 with gr.Blocks() as demo:
-    state = gr.State({"open": True})
+    state = gr.State({"open": False})
     with ms.Application():
         with antdx.XProvider():
             antd.Typography.Paragraph(
@@ -31,7 +31,7 @@ with gr.Blocks() as demo:
                                 antd.Icon("LinkOutlined")
                 with ms.Slot("header"):
                     with antdx.Sender.Header(title="Attachments",
-                                             open=True,
+                                             open=False,
                                              styles={
                                                  "content": {
                                                      "padding": 0,

components/antdx/attachments/demos/file_card.py

@@ -0,0 +1,71 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+file_list = [
+    {
+        "uid": '1',
+        "name": 'excel-file.xlsx',
+        "size": 111111,
+    },
+    {
+        "uid": '2',
+        "name": 'word-file.docx',
+        "size": 222222,
+    },
+    {
+        "uid": '3',
+        "name": 'image-file.png',
+        "size": 333333,
+    },
+    {
+        "uid": '4',
+        "name": 'pdf-file.pdf',
+        "size": 444444,
+    },
+    {
+        "uid": '5',
+        "name": 'ppt-file.pptx',
+        "size": 555555,
+    },
+    {
+        "uid": '6',
+        "name": 'video-file.mp4',
+        "size": 666666,
+    },
+    {
+        "uid": '7',
+        "name": 'audio-file.mp3',
+        "size": 777777,
+    },
+    {
+        "uid": '8',
+        "name": 'zip-file.zip',
+        "size": 888888,
+    },
+    {
+        "uid": '9',
+        "name": 'markdown-file.md',
+        "size": 999999,
+        "description": 'Custom description here',
+    },
+    {
+        "uid": '10',
+        "name": 'image-file.png',
+        "thumbUrl":
+        'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+        "url":
+        'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+        "size": 123456,
+    },
+]
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antd.Flex(vertical=True, gap="middle"):
+                for file in file_list:
+                    antdx.Attachments.FileCard(item=file)
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/bubble/demos/chatbot.py

@@ -67,7 +67,7 @@ with gr.Blocks() as demo:
                     scroll_btn = antd.Button("Scroll To First")
                 with antdx.Bubble.List(items=default_history,
                                        elem_style=dict(maxHeight=500),
-                                       elem_id="bubble-list") as bubble_list:
+                                       elem_id="chatbot") as bubble_list:
                     # Define Roles
                     with ms.Slot("roles"):
                         with antdx.Bubble.List.Role(
@@ -141,7 +141,7 @@ with gr.Blocks() as demo:
                                  outputs=[state, bubble_list])
             scroll_btn.click(fn=None,
                              js="""() => {
-                const bubbleList = document.getElementById("bubble-list");
+                const bubbleList = document.getElementById("chatbot");
                 bubbleList.scrollTo({ top:0, behavior:'smooth' });
 }""")
 

components/antdx/bubble/demos/typing_effect.py

@@ -11,16 +11,20 @@ def repeat(state_value):
         state_value["repeat"] = state_value["repeat"] + 1
     else:
         state_value["repeat"] = 1
+    repeat_value = state_value["repeat"]
     return gr.update(value=state_value), gr.update(
-        value=f"Repeat {state_value["repeat"]} Times"), gr.update(
-            content=text * state_value["repeat"]), gr.update(content=text * state_value["repeat"])
+        value=f"Repeat {repeat_value} Times"), gr.update(
+            content=text * repeat_value), gr.update(content=text *
+                                                    repeat_value)
 
 
 with gr.Blocks() as demo:
     state = gr.State({"repeat": 1})
     with ms.Application():
         with antdx.XProvider():
-            antd.Typography.Paragraph("Enable typing output by setting the typing prop. If the updated content is a subset of the previous content, it will continue to output, otherwise it will output again.")
+            antd.Typography.Paragraph(
+                "Enable typing output by setting the typing prop. If the updated content is a subset of the previous content, it will continue to output, otherwise it will output again."
+            )
             with antd.Flex(vertical=True, gap="small"):
                 with antdx.Bubble(content=text,
                                   typing=dict(step=2, interval=50)) as bubble1:

components/antdx/sender/README-zh_CN.md

@@ -0,0 +1,9 @@
+# Sender
+
+A input component for chat. See [Ant Design X](https://x.ant.design/components/sender/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="submit_type" title="Submit Type"></demo>
+<demo name="header_panel" title="Header Panel"></demo>

components/antdx/sender/README.md

@@ -0,0 +1,9 @@
+# Sender
+
+A input component for chat. See [Ant Design X](https://x.ant.design/components/sender/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="submit_type" title="Submit Type"></demo>
+<demo name="header_panel" title="Header Panel"></demo>

components/antdx/sender/app.py

@@ -0,0 +1,6 @@
+from helper.Docs import Docs
+
+docs = Docs(__file__)
+
+if __name__ == "__main__":
+    docs.render().queue().launch()

components/antdx/sender/demos/basic.py

@@ -0,0 +1,27 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+
+def submit():
+    return gr.update(loading=True, read_only=True)
+
+
+def cancel():
+    return gr.update(loading=False, read_only=False)
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antd.Flex(vertical=True, gap="middle"):
+                sender = antdx.Sender()
+                antdx.Sender("Force as loading", loading=True, read_only=True)
+                antdx.Sender("Set to disabled", disabled=True)
+
+            sender.submit(fn=submit, outputs=[sender])
+            sender.cancel(fn=cancel, outputs=[sender])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/sender/demos/header_panel.py

@@ -0,0 +1,77 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+
+def paste_file(attachments_value, e: gr.EventData):
+    return gr.update(value=attachments_value + e._data["payload"][0])
+
+
+def toggle_open(state_value):
+    state_value["open"] = not state_value["open"]
+    return gr.update(open=state_value["open"]), gr.update(value=state_value)
+
+
+def submit(sender_value, attachments_value):
+    print(sender_value, attachments_value)
+    return gr.update(value=None), gr.update(value=None)
+
+
+with gr.Blocks() as demo:
+    state = gr.State({"open": False})
+    with ms.Application():
+        with antdx.XProvider():
+            antd.Typography.Paragraph(
+                "Use header to customize the file upload example and paste image to upload files with Attachments."
+            )
+            with antdx.Sender(placeholder="← Click to open") as sender:
+                with ms.Slot("prefix"):
+                    with antd.Button(value=None, type="text") as prefix_button:
+                        with ms.Slot("icon"):
+                            antd.Icon("LinkOutlined")
+                with ms.Slot("header"):
+                    with antdx.Sender.Header(title="Attachments",
+                                             open=False,
+                                             styles={
+                                                 "content": {
+                                                     "padding": 0,
+                                                 },
+                                             }) as sender_header:
+                        with antdx.Attachments() as attachments:
+                            with ms.Slot(
+                                    "placeholder.title",
+                                    params_mapping=
+                                    """(type) => type === 'drop' ? 'Drop file here' : 'Upload files'"""
+                            ):
+                                ms.Span()
+                            with ms.Slot(
+                                    "placeholder.description",
+                                    params_mapping=
+                                    "(type) => ({ style: { display: type === 'drop'? 'none' : undefined } })"
+                            ):
+                                ms.Span(
+                                    "Click or drag files to this area to upload"
+                                )
+                            with ms.Slot(
+                                    "placeholder.icon",
+                                    params_mapping=
+                                    "(type) => ({ style: { display: type === 'drop'? 'none' : undefined } })"
+                            ):
+                                antd.Icon("CloudUploadOutlined")
+
+            sender_header.open_change(fn=toggle_open,
+                                      inputs=[state],
+                                      outputs=[sender_header, state])
+            prefix_button.click(fn=toggle_open,
+                                inputs=[state],
+                                outputs=[sender_header, state])
+            sender.submit(fn=submit,
+                          inputs=[sender, attachments],
+                          outputs=[sender, attachments])
+            sender.paste_file(fn=paste_file,
+                              inputs=[attachments],
+                              outputs=[attachments])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/sender/demos/submit_type.py

@@ -0,0 +1,27 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+
+def submit():
+    return gr.update(loading=True, read_only=True)
+
+
+def cancel():
+    return gr.update(loading=False, read_only=False)
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antd.Flex(vertical=True, gap="middle"):
+                sender = antdx.Sender(
+                    submit_type="shiftEnter",
+                    placeholder="Press Shift + Enter to send message")
+
+            sender.submit(fn=submit, outputs=[sender])
+            sender.cancel(fn=cancel, outputs=[sender])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/suggestion/README-zh_CN.md

@@ -0,0 +1,9 @@
+# Suggestion
+
+A suggestion component for chat. See [Ant Design X](https://x.ant.design/components/suggestion/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="block" title="Block"></demo>
+<demo name="controlled_by_python" title="Controlled By Python"></demo>

components/antdx/suggestion/README.md

@@ -0,0 +1,9 @@
+# Suggestion
+
+A suggestion component for chat. See [Ant Design X](https://x.ant.design/components/suggestion/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="block" title="Block"></demo>
+<demo name="controlled_by_python" title="Controlled By Python"></demo>

components/antdx/suggestion/app.py

@@ -0,0 +1,6 @@
+from helper.Docs import Docs
+
+docs = Docs(__file__)
+
+if __name__ == "__main__":
+    docs.render().queue().launch()

components/antdx/suggestion/demos/basic.py

@@ -0,0 +1,43 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+
+def select_suggestion(e: gr.EventData):
+    return gr.update(value=e._data["payload"][0])
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antdx.Suggestion(
+                    # onKeyDown Handler in Javascript
+                    should_trigger="""(e, { onTrigger, onKeyDown }) => {
+                      const value = e.target.value
+                      if (value === '/') {
+                          onTrigger()
+                      } else if (!value) {
+                          onTrigger(false);
+                      }
+                      onKeyDown(e)
+                    }""") as suggestion:
+                with ms.Slot("items"):
+                    antdx.Suggestion.Item(label="Write a report",
+                                          value="report")
+                    antdx.Suggestion.Item(label="Draw a picture", value="draw")
+                    with antdx.Suggestion.Item(label="Check some knowledge",
+                                               value="knowledge"):
+                        with ms.Slot("icon"):
+                            antd.Icon("OpenAIFilled")
+                        antdx.Suggestion.Item(label="About React",
+                                              value="react")
+                        antdx.Suggestion.Item(label="About Ant Design",
+                                              value="antd")
+                with ms.Slot("children"):
+                    sender = antdx.Sender(
+                        placeholder="Enter / to get suggestions")
+            suggestion.select(fn=select_suggestion, outputs=[sender])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/suggestion/demos/block.py

@@ -0,0 +1,58 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+items = [
+    {
+        "label": 'Write a report',
+        "value": 'report'
+    },
+    {
+        "label": 'Draw a picture',
+        "value": 'draw'
+    },
+    {
+        "label": 'Check some knowledge',
+        "value": 'knowledge',
+        "extra": 'Extra Info',
+    },
+]
+
+
+def select_suggestion(e: gr.EventData):
+    return gr.update(value=e._data["payload"][0])
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            antd.Typography.Paragraph(
+                "Set `block` to display in a whole row. ``extra` can be used to configure additional information."
+            )
+            with antdx.Suggestion(
+                    items=items,
+                    block=True,
+                    # onKeyDown Handler in Javascript
+                    should_trigger="""(e, { onTrigger, onKeyDown }) => {
+                      switch(e.key) {
+                        case '/':
+                          onTrigger()
+                          break
+                        case 'ArrowRight':
+                        case 'ArrowLeft':
+                        case 'ArrowUp':
+                        case 'ArrowDown':
+                          break;
+                        default:
+                          onTrigger(false)
+                      }
+                      onKeyDown(e)
+                    }""") as suggestion:
+                with ms.Slot("children"):
+                    sender = antdx.Sender(
+                        placeholder="Enter / to get suggestions")
+            suggestion.select(fn=select_suggestion, outputs=[sender])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/suggestion/demos/controlled_by_python.py

@@ -0,0 +1,54 @@
+import gradio as gr
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+items = [
+    {
+        "label": 'Write a report',
+        "value": 'report'
+    },
+    {
+        "label": 'Draw a picture',
+        "value": 'draw'
+    },
+    {
+        "label": 'Check some knowledge',
+        "value": 'knowledge',
+        "extra": 'Extra Info',
+    },
+]
+
+
+def select_suggestion(e: gr.EventData):
+    return gr.update(value=e._data["payload"][0]), gr.update(open=False)
+
+
+def change_sender(sender_value: str):
+    splitted_value = sender_value.split("/")
+    command = sender_value.split("/")[-1]
+    if len(splitted_value) > 1:
+        filtered_items = [
+            item for item in items
+            if item["label"].upper().find(command.upper()) != -1
+            and not command.startswith(item["value"])
+        ]
+        if len(filtered_items) > 0:
+            return gr.update(open=True, items=filtered_items)
+    return gr.update(open=False)
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antdx.Suggestion(open=False) as suggestion:
+                with ms.Slot("children"):
+                    sender = antdx.Sender(
+                        placeholder="Enter / to get suggestions")
+            sender.change(fn=change_sender,
+                          inputs=[sender],
+                          outputs=[suggestion])
+            suggestion.select(fn=select_suggestion,
+                              outputs=[sender, suggestion])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/thought_chain/README-zh_CN.md

@@ -0,0 +1,9 @@
+# ThoughtChain
+
+The ThoughtChain component is used to visualize and track the call chain of Actions and Tools invoked by an Agent. See [Ant Design X](https://x.ant.design/components/thought-chain/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="item_status" title="Item Status"></demo>
+<demo name="nested_use" title="Nested Use"></demo>

components/antdx/thought_chain/README.md

@@ -0,0 +1,9 @@
+# ThoughtChain
+
+The ThoughtChain component is used to visualize and track the call chain of Actions and Tools invoked by an Agent. See [Ant Design X](https://x.ant.design/components/thought-chain/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="item_status" title="Item Status"></demo>
+<demo name="nested_use" title="Nested Use"></demo>

components/antdx/thought_chain/app.py

@@ -0,0 +1,6 @@
+from helper.Docs import Docs
+
+docs = Docs(__file__)
+
+if __name__ == "__main__":
+    docs.render().queue().launch()

components/antdx/thought_chain/demos/basic.py

@@ -0,0 +1,76 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+default_collapsible = False
+
+
+def mock_content():
+    with antd.Typography.Paragraph():
+        antd.Typography.Paragraph(
+            "In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the efficiency of development."
+        )
+        with antd.Typography.Paragraph():
+            ms.Text(
+                "After massive project practice and summaries, Ant Design, a design language for background applications, is refined by Ant UED Team, which aims to "
+            )
+            antd.Typography.Text(
+                "uniform the user interface specs for internal background projects, lower the unnecessary cost of design differences and implementation and liberate the resources of design and front-end development",
+                strong=True,
+            )
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            collapsible = antd.Switch(default_collapsible,
+                                      checked_children="Collapsible",
+                                      un_checked_children="Not Collapsible")
+            with antd.Card():
+                with antdx.ThoughtChain(
+                        collapsible=default_collapsible) as thought_chain:
+                    with antdx.ThoughtChain.Item(
+                            title="Thought Chain Item Title 1",
+                            description="description",
+                            status="success"):
+                        with ms.Slot("extra"):
+                            with antd.Button(value=None, type="text"):
+                                with ms.Slot("icon"):
+                                    antd.Icon("MoreOutlined")
+                        with ms.Slot("content"):
+                            mock_content()
+                        with ms.Slot("footer"):
+                            antd.Button("Thought Chain Item Footer",
+                                        block=True)
+                    with antdx.ThoughtChain.Item(
+                            title="Thought Chain Item Title 2",
+                            description="description",
+                            status="error"):
+                        with ms.Slot("extra"):
+                            with antd.Button(value=None, type="text"):
+                                with ms.Slot("icon"):
+                                    antd.Icon("MoreOutlined")
+                        with ms.Slot("content"):
+                            mock_content()
+                        with ms.Slot("footer"):
+                            antd.Button("Thought Chain Item Footer",
+                                        block=True)
+                    with antdx.ThoughtChain.Item(
+                            title="Thought Chain Item Title 3",
+                            description="description",
+                            status="pending"):
+                        with ms.Slot("extra"):
+                            with antd.Button(value=None, type="text"):
+                                with ms.Slot("icon"):
+                                    antd.Icon("MoreOutlined")
+                        with ms.Slot("content"):
+                            mock_content()
+                        with ms.Slot("footer"):
+                            antd.Button("Thought Chain Item Footer",
+                                        block=True)
+            collapsible.change(fn=lambda x: gr.update(collapsible=x),
+                               inputs=[collapsible],
+                               outputs=[thought_chain])
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/thought_chain/demos/item_status.py

@@ -0,0 +1,70 @@
+import time
+
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+
+def run_next(each_value):
+    each_value.append({
+        "title": f'Thought Chain Item - {len(each_value) + 1}',
+        "status": 'pending',
+        "description": 'status: pending',
+        "icon": "LoadingOutlined",
+        "key": str(len(each_value) + 1)
+    })
+    yield gr.update(value="Running", loading=True), gr.update(value=each_value)
+    time.sleep(0.8)
+    each_value[-1]["status"] = "error"
+    each_value[-1]["description"] = 'status: error'
+    each_value[-1]["icon"] = "InfoCircleOutlined"
+    yield gr.skip(), gr.update(value=each_value)
+    time.sleep(0.8)
+    each_value[-1]["status"] = "pending"
+    each_value[-1]["description"] = 'status: pending'
+    each_value[-1]["icon"] = 'LoadingOutlined'
+    yield gr.skip(), gr.update(value=each_value)
+    time.sleep(0.8)
+    each_value[-1]["status"] = "success"
+    each_value[-1]["description"] = 'status: success'
+    each_value[-1]["icon"] = "CheckCircleOutlined"
+    yield gr.update(value="Run Next",
+                    loading=False), gr.update(value=each_value)
+
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            antd.Typography.Paragraph(
+                "The thought chain nodes support configuring the `status` property to clearly indicate the current execution status of the node."
+            )
+            with antd.Card():
+                with antd.Flex(vertical=True, gap="middle"):
+                    with ms.Div():
+                        btn = antd.Button("Run Next")
+                    with antdx.ThoughtChain():
+                        with ms.Each(value=[
+                            {
+                                "title": 'Thought Chain Item - 1',
+                                "status": 'success',
+                                "description": 'status: success',
+                                "icon": 'CheckCircleOutlined',
+                                "key": "1"
+                            },
+                            {
+                                "title": 'Thought Chain Item - 2',
+                                "status": 'error',
+                                "description": 'status: error',
+                                "icon": 'InfoCircleOutlined',
+                                "key": "2"
+                            },
+                        ]) as each:
+                            with antdx.ThoughtChain.Item():
+                                with ms.Slot("icon"):
+                                    antd.Icon(as_item="icon")
+
+            btn.click(fn=run_next, inputs=[each], outputs=[btn, each])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/thought_chain/demos/nested_use.py

@@ -0,0 +1,67 @@
+import gradio as gr
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antd.Card():
+                with antdx.ThoughtChain(collapsible=True):
+                    with antdx.ThoughtChain.Item(
+                            title="1 - Thought Chain Item",
+                            description="description"):
+                        with ms.Slot("extra"):
+                            with antd.Button(value=None, type="text"):
+                                with ms.Slot("icon"):
+                                    antd.Icon("MoreOutlined")
+                        with ms.Slot("content"):
+                            with antdx.ThoughtChain():
+                                with antdx.ThoughtChain.Item(
+                                        title="1-1 - Thought Chain Item",
+                                        description="description"):
+                                    with ms.Slot("extra"):
+                                        with antd.Button(value=None,
+                                                         type="text"):
+                                            with ms.Slot("icon"):
+                                                antd.Icon("MoreOutlined")
+                                with antdx.ThoughtChain.Item(
+                                        title="1-2 - Thought Chain Item",
+                                        description="description"):
+                                    with ms.Slot("extra"):
+                                        with antd.Button(value=None,
+                                                         type="text"):
+                                            with ms.Slot("icon"):
+                                                antd.Icon("MoreOutlined")
+                        with ms.Slot("footer"):
+                            antd.Button("1 - Thought Chain Item Footer")
+                    with antdx.ThoughtChain.Item(
+                            title="2 - Thought Chain Item",
+                            description="description"):
+                        with ms.Slot("extra"):
+                            with antd.Button(value=None, type="text"):
+                                with ms.Slot("icon"):
+                                    antd.Icon("MoreOutlined")
+                        with ms.Slot("content"):
+                            with antdx.ThoughtChain():
+                                with antdx.ThoughtChain.Item(
+                                        title="2-1 - Thought Chain Item",
+                                        description="description"):
+                                    with ms.Slot("extra"):
+                                        with antd.Button(value=None,
+                                                         type="text"):
+                                            with ms.Slot("icon"):
+                                                antd.Icon("MoreOutlined")
+                                with antdx.ThoughtChain.Item(
+                                        title="2-2 - Thought Chain Item",
+                                        description="description"):
+                                    with ms.Slot("extra"):
+                                        with antd.Button(value=None,
+                                                         type="text"):
+                                            with ms.Slot("icon"):
+                                                antd.Icon("MoreOutlined")
+                        with ms.Slot("footer"):
+                            antd.Button("2 - Thought Chain Item Footer")
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/x_provider/README-zh_CN.md

@@ -0,0 +1,18 @@
+# XProvider
+
+Provide a uniform configuration support for x components.. See [Ant Design X](https://x.ant.design/components/x-provider/) for more information.
+
+The `XProvider` extends the `ConfigProvider` from antd and provides global configuration for components in `@ant-design/x`.
+
+If you are already using `ConfigProvider` from antd, please make the following changes to your code:
+
+```python
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+with gr.Blocks() as demo:
+  with ms.Application():
+-    with antd.ConfigProvider():
++    with antdx.XProvider():
+```

components/antdx/x_provider/README.md

@@ -0,0 +1,18 @@
+# XProvider
+
+Provide a uniform configuration support for x components.. See [Ant Design X](https://x.ant.design/components/x-provider/) for more information.
+
+The `XProvider` extends the `ConfigProvider` from antd and provides global configuration for components in `@ant-design/x`.
+
+If you are already using `ConfigProvider` from antd, please make the following changes to your code:
+
+```python
+import modelscope_studio.components.antd as antd
+import modelscope_studio.components.antdx as antdx
+import modelscope_studio.components.base as ms
+
+with gr.Blocks() as demo:
+  with ms.Application():
+-    with antd.ConfigProvider():
++    with antdx.XProvider():
+```

components/antdx/x_provider/app.py

@@ -0,0 +1,6 @@
+from helper.Docs import Docs
+
+docs = Docs(__file__)
+
+if __name__ == "__main__":
+    docs.render().queue().launch()

components/base/application/demos/language_adaptation.py

@@ -12,6 +12,12 @@ messages = {
     },
     'zh-CN': {
         "hello": "你好"
+    },
+    "ja-JP": {
+        "hello": "こんにちは"
+    },
+    "ko-KR": {
+        "hello": "안녕하세요"
     }
 }
 
@@ -20,11 +26,11 @@ default_lang = "en"
 
 def mount(e: gr.EventData, _state):
     lang = e._data["language"]
-    if (lang in messages):
+    if lang in messages:
         _state["current_lang"] = lang
     yield 'Switch Language...', _state
     time.sleep(2)
-    yield messages[lang]["hello"], _state
+    yield messages[_state["current_lang"]]["hello"], _state
 
 
 with gr.Blocks() as demo:

requirements.txt

@@ -1,2 +1,2 @@
-modelscope_studio==1.1.2
+modelscope_studio==1.1.4
 openai

src/pyproject.toml

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