feat: update

components/base/filter/demos/basic.py

@@ -10,7 +10,7 @@ with gr.Blocks() as demo:
             with antd.Space(direction="vertical"):
                 antd.Divider("Without Filter")
                 with ms.Each(value=data):
-                    antd.Button()
+                    antd.Button("Run")
                 antd.Divider("With Filter")
                 with ms.Each(value=data):
                     with ms.Filter():

components/pro/chatbot/README-zh_CN.md

@@ -42,17 +42,19 @@
 
 #### 属性
 
-| 属性            | 类型                                                              | 默认值 | 描述                                                                                                                                |
-| --------------- | ----------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------------- |
-| value           | `list[dict \| ChatbotDataMessage] \| ChatbotDataMessages \| None` | None   | 聊天机器人中显示的默认消息列表，每条消息的格式为`ChatbotDataMessage`。                                                              |
-| welcome_config  | `ChatbotWelcomeConfig \| dict \| None`                            | None   | 欢迎界面配置。若`value`为空则会显示欢迎界面。                                                                                       |
-| markdown_config | `ChatbotMarkdownConfig \| dict \| None`                           | None   | 所有消息的 Markdown 配置。                                                                                                          |
-| user_config     | `ChatbotUserConfig \| dict \| None`                               | None   | 用户配置，当 message 的 role 为 'user'时生效。                                                                                      |
-| bot_config      | `ChatbotBotConfig \| dict \| None`                                | None   | 机器人配置，当 message 的 role 为 'assistant'时生效。                                                                               |
-| auto_scroll     | `bool`                                                            | True   | 如果为 `True`，则当值改变时将自动滚动到文本框底部，除非用户向上滚动。如果为 `False`，则当值改变时不会滚动到文本框底部。             |
-| height          | `int \| float \| str`                                             | 400    | 组件的高度，如果值为数字，则以像素为单位指定，如果传递的是字符串，则以 CSS 单位指定。如果 messages 超出了组件高度，则组件将可滚动。 |
-| max_height      | `int \| float \| str \| None`                                     | None   | 组件的最大高度，如果传递的是数字，则以像素为单位指定，如果传递的是字符串，则以 CSS 单位指定。                                       |
-| min_height      | `int \| float \| str \| None`                                     | None   | 组件的最小高度，如果传递的是数字，则以像素为单位指定，如果传递的是字符串，则以 CSS 单位指定。                                       |
+| 属性                           | 类型                                                              | 默认值 | 描述                                                                                                                                |
+| ------------------------------ | ----------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------------- |
+| value                          | `list[dict \| ChatbotDataMessage] \| ChatbotDataMessages \| None` | None   | 聊天机器人中显示的默认消息列表，每条消息的格式为`ChatbotDataMessage`。                                                              |
+| welcome_config                 | `ChatbotWelcomeConfig \| dict \| None`                            | None   | 欢迎界面配置。若`value`为空则会显示欢迎界面。                                                                                       |
+| markdown_config                | `ChatbotMarkdownConfig \| dict \| None`                           | None   | 所有消息的 Markdown 配置。                                                                                                          |
+| user_config                    | `ChatbotUserConfig \| dict \| None`                               | None   | 用户配置，当 message 的 role 为 'user'时生效。                                                                                      |
+| bot_config                     | `ChatbotBotConfig \| dict \| None`                                | None   | 机器人配置，当 message 的 role 为 'assistant'时生效。                                                                               |
+| auto_scroll                    | `bool`                                                            | True   | 如果为 `True`，则当值改变时将自动滚动到文本框底部，除非用户向上滚动。如果为 `False`，则当值改变时不会滚动到文本框底部。             |
+| show_scroll_to_bottom_button   | `bool`                                                            | True   | 如果为 `True`，则会在滚动条向上一定距离时显示滚动到底部按钮。                                                                       |
+| scroll_to_bottom_button_offset | `int \| float`                                                    | 200    | 滚动到底部按钮出现时距离底部的偏移量。                                                                                              |
+| height                         | `int \| float \| str`                                             | 400    | 组件的高度，如果值为数字，则以像素为单位指定，如果传递的是字符串，则以 CSS 单位指定。如果 messages 超出了组件高度，则组件将可滚动。 |
+| max_height                     | `int \| float \| str \| None`                                     | None   | 组件的最大高度，如果传递的是数字，则以像素为单位指定，如果传递的是字符串，则以 CSS 单位指定。                                       |
+| min_height                     | `int \| float \| str \| None`                                     | None   | 组件的最小高度，如果传递的是数字，则以像素为单位指定，如果传递的是字符串，则以 CSS 单位指定。                                       |
 
 #### 事件
 
@@ -164,7 +166,7 @@ class ChatbotMarkdownConfig(GradioModel):
     sanitize_html: Optional[bool] = True
     line_breaks: Optional[bool] = True
     rtl: Optional[bool] = False
-    allow_tags: Optional[List[str]] = None
+    allow_tags: Optional[Union[List[str], bool]] = False
 
 
 class ChatbotActionConfig(GradioModel):
@@ -269,6 +271,7 @@ class ChatbotDataFileContentOptions(GradioModel):
     flex: Optional[str] = "normal"
     gap: Optional[Union[Literal["small", "middle", "large"], str, int,
                         float]] = "small"
+    image_props: Optional[dict] = None
 
 
 # Ant Design X prompts props: https://x.ant.design/components/prompts

components/pro/chatbot/README.md

@@ -41,17 +41,19 @@ The `message` object includes all configurations from `bot_config` and `user_con
 
 ### Props
 
-| Attribute       | Type                                                              | Default Value | Description                                                                                                                                                                                        |
-| --------------- | ----------------------------------------------------------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| value           | `list[dict \| ChatbotDataMessage] \| ChatbotDataMessages \| None` | None          | Default list of messages to show in chatbot, where each message is of the format `ChatbotDataMessage`.                                                                                             |
-| welcome_config  | `ChatbotWelcomeConfig \| dict \| None`                            | None          | Configuration of the welcome interface. If the `value` is empty, the welcome interface will be displayed.                                                                                          |
-| markdown_config | `ChatbotMarkdownConfig \| dict \| None`                           | None          | Markdown configuration for all messages.                                                                                                                                                           |
-| user_config     | `ChatbotUserConfig \| dict \| None`                               | None          | User configuration, will be applied when the message role is 'user'.                                                                                                                               |
-| bot_config      | `ChatbotBotConfig \| dict \| None`                                | None          | Bot configuration, will be applied when the message role is 'assistant'.                                                                                                                           |
-| auto_scroll     | `bool`                                                            | True          | If True, will automatically scroll to the bottom of the textbox when the value changes, unless the user scrolls up. If False, will not scroll to the bottom of the textbox when the value changes. |
-| height          | `int \| float \| str`                                             | 400           | The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If messages exceed the height, the component will scroll.                           |
-| max_height      | `int \| float \| str \| None`                                     | None          | The maximum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed.                                                                             |
-| min_height      | `int \| float \| str \| None`                                     | None          | The minimum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed.                                                                             |
+| Attribute                      | Type                                                              | Default Value | Description                                                                                                                                                                                          |
+| ------------------------------ | ----------------------------------------------------------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value                          | `list[dict \| ChatbotDataMessage] \| ChatbotDataMessages \| None` | None          | Default list of messages to show in chatbot, where each message is of the format `ChatbotDataMessage`.                                                                                               |
+| welcome_config                 | `ChatbotWelcomeConfig \| dict \| None`                            | None          | Configuration of the welcome interface. If the `value` is empty, the welcome interface will be displayed.                                                                                            |
+| markdown_config                | `ChatbotMarkdownConfig \| dict \| None`                           | None          | Markdown configuration for all messages.                                                                                                                                                             |
+| user_config                    | `ChatbotUserConfig \| dict \| None`                               | None          | User configuration, will be applied when the message role is 'user'.                                                                                                                                 |
+| bot_config                     | `ChatbotBotConfig \| dict \| None`                                | None          | Bot configuration, will be applied when the message role is 'assistant'.                                                                                                                             |
+| auto_scroll                    | `bool`                                                            | True          | If `True`, will automatically scroll to the bottom of the textbox when the value changes, unless the user scrolls up. If False, will not scroll to the bottom of the textbox when the value changes. |
+| show_scroll_to_bottom_button   | `bool`                                                            | True          | If `True`, the `Scroll To Bottom` button will be shown when the scrollbar is up a certain distance.                                                                                                  |
+| scroll_to_bottom_button_offset | `int \| float`                                                    | 200           | The offset from the bottom where the `Scroll To Bottom` button appears.                                                                                                                              |
+| height                         | `int \| float \| str`                                             | 400           | The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If messages exceed the height, the component will scroll.                             |
+| max_height                     | `int \| float \| str \| None`                                     | None          | The maximum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed.                                                                               |
+| min_height                     | `int \| float \| str \| None`                                     | None          | The minimum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed.                                                                               |
 
 #### Events
 
@@ -163,7 +165,7 @@ class ChatbotMarkdownConfig(GradioModel):
     sanitize_html: Optional[bool] = True
     line_breaks: Optional[bool] = True
     rtl: Optional[bool] = False
-    allow_tags: Optional[List[str]] = None
+    allow_tags: Optional[Union[List[str], bool]] = False
 
 
 class ChatbotActionConfig(GradioModel):
@@ -268,6 +270,7 @@ class ChatbotDataFileContentOptions(GradioModel):
     flex: Optional[str] = "normal"
     gap: Optional[Union[Literal["small", "middle", "large"], str, int,
                         float]] = "small"
+    image_props: Optional[dict] = None
 
 
 # Ant Design X prompts props: https://x.ant.design/components/prompts

components/pro/chatbot/demos/chatbot_config.py

@@ -61,7 +61,7 @@ with gr.Blocks() as demo, ms.Application(), antdx.XProvider():
                 },
                 items=[{
                     "label":
-                    "🖋 Make a plan",
+                    "📅 Make a plan",
                     "children": [{
                         "description":
                         "Help me with a plan to start a business"
@@ -74,7 +74,7 @@ with gr.Blocks() as demo, ms.Application(), antdx.XProvider():
                     }]
                 }, {
                     "label":
-                    "📅 Help me write",
+                    "🖋 Help me write",
                     "children": [{
                         "description":
                         "Help me write a story with a twist ending"

components/pro/chatbot/demos/multimodal.py

@@ -162,7 +162,7 @@ with gr.Blocks() as demo, ms.Application(), antdx.XProvider(), ms.AutoLoading(
                     },
                     items=[{
                         "label":
-                        "🖋 Make a plan",
+                        "📅 Make a plan",
                         "children": [{
                             "description":
                             "Help me with a plan to start a business"
@@ -175,7 +175,7 @@ with gr.Blocks() as demo, ms.Application(), antdx.XProvider(), ms.AutoLoading(
                         }]
                     }, {
                         "label":
-                        "📅 Help me write",
+                        "🖋 Help me write",
                         "children": [{
                             "description":
                             "Help me write a story with a twist ending"

components/pro/chatbot/demos/thinking.py

@@ -159,7 +159,7 @@ with gr.Blocks() as demo, ms.Application(), antdx.XProvider():
                     },
                     items=[{
                         "label":
-                        "🖋 Make a plan",
+                        "📅 Make a plan",
                         "children": [{
                             "description":
                             "Help me with a plan to start a business"
@@ -172,7 +172,7 @@ with gr.Blocks() as demo, ms.Application(), antdx.XProvider():
                         }]
                     }, {
                         "label":
-                        "📅 Help me write",
+                        "🖋 Help me write",
                         "children": [{
                             "description":
                             "Help me write a story with a twist ending"

components/pro/multimodal_input/README-zh_CN.md

@@ -46,6 +46,8 @@ class MultimodalInputUploadConfig(GradioModel):
     """
     fullscreen_drop: Whether to allow fullscreen drop files to the attachments.
 
+    allow_upload: Whether to allow upload files to the attachments.
+
     allow_paste_file: Whether to allow paste file to the attachments.
 
     allow_speech: Whether to allow speech input.
@@ -65,11 +67,15 @@ class MultimodalInputUploadConfig(GradioModel):
     multiple: Whether to support selected multiple files. IE10+ supported. You can select multiple files with CTRL holding down while multiple is set to be True.
 
     overflow: Behavior when the file list overflows.
+
     title: Title of the attachments panel.
 
+    image_props: Image config, same as [Image](https://ant.design/components/image)
+
     placeholder: Placeholder information when there is no file.
     """
     fullscreen_drop: Optional[bool] = False
+    allow_upload: Optional[bool] = True
     allow_paste_file: Optional[bool] = True
     allow_speech: Optional[bool] = False
     show_count: Optional[bool] = True
@@ -81,6 +87,7 @@ class MultimodalInputUploadConfig(GradioModel):
     disabled: Optional[bool] = False
     overflow: Literal['wrap', 'scrollX', 'scrollY'] | None = None
     title: Optional[str] = "Attachments"
+    image_props: Optional[dict] = None
     placeholder: Optional[dict] = field(
         default_factory=lambda: {
             "inline": {

components/pro/multimodal_input/README.md

@@ -46,6 +46,8 @@ class MultimodalInputUploadConfig(GradioModel):
     """
     fullscreen_drop: Whether to allow fullscreen drop files to the attachments.
 
+    allow_upload: Whether to allow upload files to the attachments.
+
     allow_paste_file: Whether to allow paste file to the attachments.
 
     allow_speech: Whether to allow speech input.
@@ -65,11 +67,15 @@ class MultimodalInputUploadConfig(GradioModel):
     multiple: Whether to support selected multiple files. IE10+ supported. You can select multiple files with CTRL holding down while multiple is set to be True.
 
     overflow: Behavior when the file list overflows.
+
     title: Title of the attachments panel.
 
+    image_props: Image config, same as [Image](https://ant.design/components/image)
+
     placeholder: Placeholder information when there is no file.
     """
     fullscreen_drop: Optional[bool] = False
+    allow_upload: Optional[bool] = True
     allow_paste_file: Optional[bool] = True
     allow_speech: Optional[bool] = False
     show_count: Optional[bool] = True
@@ -81,6 +87,7 @@ class MultimodalInputUploadConfig(GradioModel):
     disabled: Optional[bool] = False
     overflow: Literal['wrap', 'scrollX', 'scrollY'] | None = None
     title: Optional[str] = "Attachments"
+    image_props: Optional[dict] = None
     placeholder: Optional[dict] = field(
         default_factory=lambda: {
             "inline": {
@@ -92,7 +99,6 @@ class MultimodalInputUploadConfig(GradioModel):
             }
         })
 
-
 class MultimodalInputValue(GradioModel):
     files: Optional[ListFiles] = None
     text: Optional[str] = None

layout_templates/chatbot/demos/basic.py

@@ -530,7 +530,7 @@ with gr.Blocks(css=css, fill_width=True) as demo:
                                 },
                                 items=[{
                                     "label":
-                                    "🖋 Make a plan",
+                                    "📅 Make a plan",
                                     "children": [{
                                         "description":
                                         "Help me with a plan to start a business"
@@ -543,7 +543,7 @@ with gr.Blocks(css=css, fill_width=True) as demo:
                                     }]
                                 }, {
                                     "label":
-                                    "📅 Help me write",
+                                    "🖋 Help me write",
                                     "children": [{
                                         "description":
                                         "Help me write a story with a twist ending"

requirements.txt

@@ -1,2 +1,2 @@
-modelscope_studio==1.2.1
+modelscope_studio==1.2.3
 openai

src/pyproject.toml

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