feat: update

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 = [{
@@ -411,6 +411,15 @@ antdx_menu_items = [{
         "label": get_text("Prompts", "Prompts 提示集"),
         "key": "prompts"
     }]
+}, {
+    "label":
+    get_text("Express", "表达"),
+    "type":
+    "group",
+    "children": [{
+        "label": get_text("Attachments", "Attachments 输入附件"),
+        "key": "attachments"
+    }]
 }]
 
 
@@ -484,7 +493,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

@@ -0,0 +1,8 @@
+# Attachments
+
+Display the collection of attachment information. See [Ant Design X](https://x.ant.design/components/attachments/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="combination" title="Combination"></demo>

components/antdx/attachments/README.md

@@ -0,0 +1,8 @@
+# Attachments
+
+Display the collection of attachment information. See [Ant Design X](https://x.ant.design/components/attachments/) for more information.
+
+## Examples
+
+<demo name="basic"></demo>
+<demo name="combination" title="Combination"></demo>

components/antdx/attachments/app.py

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

components/antdx/attachments/demos/basic.py

@@ -0,0 +1,50 @@
+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 upload_file(attachments_value):
+    print(attachments_value)
+
+
+default_fullscreen_drop = False
+
+with gr.Blocks() as demo:
+    with ms.Application():
+        with antdx.XProvider():
+            with antd.Flex(vertical=True,
+                           gap="middle",
+                           align="flex-start",
+                           elem_id="attachments-container"):
+                fullscreen_drop_switch = antd.Switch(
+                    value=default_fullscreen_drop,
+                    checked_children="Full screen drop",
+                    un_checked_children="Full screen drop")
+                with antdx.Sender():
+                    with ms.Slot("prefix"):
+                        with antdx.Attachments(
+                                placeholder=dict(
+                                    title="Drag & Drop files here",
+                                    description=
+                                    "Support file type: image, video, audio, document, etc."
+                                ),
+                                get_drop_container=
+                                "() => document.querySelector('#attachments-container')",
+                        ) as attachments:
+                            with antd.Button(value=None, type="text"):
+                                with ms.Slot("icon"):
+                                    antd.Icon("LinkOutlined")
+                            with ms.Slot("placeholder.icon"):
+                                antd.Icon("CloudUploadOutlined")
+
+                attachments.change(fn=upload_file, inputs=[attachments])
+                fullscreen_drop_switch.change(fn=lambda x: gr.update(
+                    get_drop_container="() => document.body" if x else
+                    "() => document.querySelector('#attachments-container')",
+                ),
+                                              inputs=[fullscreen_drop_switch],
+                                              outputs=[attachments])
+
+if __name__ == "__main__":
+    demo.queue().launch()

components/antdx/attachments/demos/combination.py

@@ -0,0 +1,74 @@
+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 toggle_open(state_value, attachments_value):
+    state_value["open"] = not state_value["open"]
+    return gr.update(open=state_value["open"]), gr.update(
+        dot=len(attachments_value) > 0 and not 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), gr.update(dot=False)
+
+
+with gr.Blocks() as demo:
+    state = gr.State({"open": True})
+    with ms.Application():
+        with antdx.XProvider():
+            antd.Typography.Paragraph(
+                "Work with Sender.Header to insert file into the conversation."
+            )
+            with antdx.Sender() as sender:
+                with ms.Slot("prefix"):
+                    with antd.Badge(dot=False) as prefix_badge:
+                        with antd.Button(value=None) as prefix_button:
+                            with ms.Slot("icon"):
+                                antd.Icon("LinkOutlined")
+                with ms.Slot("header"):
+                    with antdx.Sender.Header(title="Attachments",
+                                             open=True,
+                                             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, attachments],
+                outputs=[sender_header, prefix_badge, state])
+            prefix_button.click(fn=toggle_open,
+                                inputs=[state, attachments],
+                                outputs=[sender_header, prefix_badge, state])
+            sender.submit(fn=submit,
+                          inputs=[sender, attachments],
+                          outputs=[sender, attachments, prefix_badge])
+
+if __name__ == "__main__":
+    demo.queue().launch()

layout_templates/coder_artifacts/demos/app.py

@@ -15,6 +15,7 @@ MODELSCOPE_ACCESS_TOKEN = os.getenv('MODELSCOPE_ACCESS_TOKEN')
 client = OpenAI(api_key=MODELSCOPE_ACCESS_TOKEN,
                 base_url="https://api-inference.modelscope.cn/v1")
 
+model = "Qwen/Qwen2.5-Coder-32B-Instruct"
 # =========== Configuration
 
 DEFAULT_SYSTEM_PROMPT = """You are a web development engineer, writing web pages according to the instructions below. You are a powerful code editing assistant capable of writing code and creating artifacts in conversations with users, or modifying and updating existing artifacts as requested by users.
@@ -87,10 +88,9 @@ class GradioEvents:
 
         messages.append({'role': "user", 'content': input_value})
 
-        generator = client.chat.completions.create(
-            model="Qwen/Qwen2.5-Coder-32B-Instruct",
-            messages=messages,
-            stream=True)
+        generator = client.chat.completions.create(model=model,
+                                                   messages=messages,
+                                                   stream=True)
         response = ""
         for chunk in generator:
             content = chunk.choices[0].delta.content

requirements.txt

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

src/pyproject.toml

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