fix: cloned props

Col0ring · Col0ring · commit f9f2caea9dde · 2026-03-27T18:34:11.000+08:00
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -11,7 +11,5 @@
     "@modelscope-studio/base": "1.6.1",
     "@modelscope-studio/pro": "1.6.1"
   },
-  "changesets": [
-    "eleven-aliens-sell"
-  ]
+  "changesets": ["eleven-aliens-sell"]
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -445,4 +445,4 @@
 ### Features
 
 - [#16](https://github.com/modelscope/modelscope-studio/pull/16) [`d1829d3`](https://github.com/modelscope/modelscope-studio/commit/d1829d34dd0bce8834d2e257b612d79705e57d6d) - update the timing of onMount call and new onUpdate lifecycle of custom component. Thanks [@Col0ring](https://github.com/Col0ring)!
-- [#16](https://github.com/modelscope/modelscope-studio/pull/16) [`96e1682`](https://github.com/modelscope/modelscope-studio/commit/96e1682b7cb63907aafba06afb820f55d7df8ff0) - add Flow component. Thanks [@Col0ring](https://github.com/Col0ring)!
+- [#16](https://github.com/modelscope/modelscope-studio/pull/16) [`96e1682`](https://github.com/modelscope/modelscope-studio/commit/96e1682b7cb63907aafba06afb820f55d7df8ff0) - add Flow component. Thanks [@Col0ring](https://github.com/Col0ring)!
diff --git a/backend/modelscope_studio/components/antdx/actions/action_item/__init__.py b/backend/modelscope_studio/components/antdx/actions/action_item/__init__.py
@@ -21,7 +21,7 @@ class AntdXActionsActionItem(ModelScopeLayoutComponent):
     ]
 
     # Supported slots
-    SLOTS = ['label', 'icon', 'actionRender']
+    SLOTS = ['label', 'icon', 'actionRender', "subItems"]
 
     def __init__(
             self,
diff --git a/backend/modelscope_studio/components/pro/multimodal_input/__init__.py b/backend/modelscope_studio/components/pro/multimodal_input/__init__.py
@@ -139,8 +139,7 @@ class ModelScopeProMultimodalInput(ModelScopeDataLayoutComponent):
     # supported slots
     SLOTS = [
         'suffix', 'header', 'prefix', 'footer', 'skill.title',
-        'skill.toolTip.title'
-        'skill.closable.closeIcon'
+        'skill.toolTip.title', 'skill.closable.closeIcon'
     ]
 
     def __init__(
diff --git a/config/changelog/CHANGELOG.md b/config/changelog/CHANGELOG.md
@@ -276,4 +276,4 @@ No significant changes to this package were made in this release.
 
 ## 0.2.0
 
-No significant changes to this package were made in this release.
+No significant changes to this package were made in this release.
diff --git a/config/lint-config/CHANGELOG.md b/config/lint-config/CHANGELOG.md
@@ -276,4 +276,4 @@ No significant changes to this package were made in this release.
 
 ## 0.2.0
 
-No significant changes to this package were made in this release.
+No significant changes to this package were made in this release.
diff --git a/docs/components/antdx/actions/demos/basic.py b/docs/components/antdx/actions/demos/basic.py
@@ -22,8 +22,8 @@ def on_delete():
                     with ms.Slot("icon"):
                         antd.Icon("RedoOutlined")
                 with antdx.Actions.ActionItem(key="copy", label="Copy"):
-                    with ms.Slot("icon"):
-                        antd.Icon("CopyOutlined")
+                    with ms.Slot("actionRender"):
+                        antdx.Actions.Copy(text="Copy Text")
             antd.Divider("More Menu ActionItems")
             with antdx.Actions() as actions2:
                 with antdx.Actions.ActionItem(key="retry", label="Retry"):
@@ -33,24 +33,24 @@ def on_delete():
                     with ms.Slot("icon"):
                         antd.Icon("CopyOutlined")
                 with antdx.Actions.ActionItem(key="more"):
-                    with antdx.Actions.ActionItem(key="share", label="Share"):
-                        with ms.Slot("icon"):
-                            antd.Icon("ShareAltOutlined")
-                        antdx.Actions.ActionItem(key="qq", label="QQ")
-                        antdx.Actions.ActionItem(key="wechat", label="WeChat")
-                    antdx.Actions.ActionItem(key="import", label="Import")
-                    with antdx.Actions.ActionItem(
-                            key="delete", label="Delete",
-                            danger=True) as actions_delete_ActionItem:
-                        with ms.Slot("icon"):
-                            antd.Icon("DeleteOutlined")
+                    with ms.Slot("subItems"):
+                        with antdx.Actions.ActionItem(key="share",
+                                                      label="Share"):
+                            with ms.Slot("icon"):
+                                antd.Icon("ShareAltOutlined")
+                        antdx.Actions.ActionItem(key="import", label="Import")
+                        with antdx.Actions.ActionItem(
+                                key="delete", label="Delete",
+                                danger=True) as actions_delete_item:
+                            with ms.Slot("icon"):
+                                antd.Icon("DeleteOutlined")
                 with antdx.Actions.ActionItem(key="clear", label="Clear"):
                     with ms.Slot("icon"):
                         antd.Icon("ClearOutlined")
 
     actions.click(fn=on_click)
     actions2.click(fn=on_click)
-    actions_delete_ActionItem.ActionItem_click(fn=on_delete)
+    actions_delete_item.item_click(fn=on_delete)
 
 if __name__ == "__main__":
     demo.queue().launch()
diff --git a/docs/components/pro/chatbot/README-zh_CN.md b/docs/components/pro/chatbot/README-zh_CN.md
@@ -107,7 +107,7 @@ class ChatbotPromptsConfig(GradioModel):
 # Ant Design X welcome props: https://x.ant.design/components/welcome
 class ChatbotWelcomeConfig(GradioModel):
     variant: Optional[Literal['borderless', 'filled']] = 'borderless'
-    icon: Optional[Union[str, Path]] = None
+    icon: Optional[Union[str, Path, dict]] = None
     title: Optional[str] = None
     description: Optional[str] = None
     extra: Optional[str] = None
@@ -277,6 +277,8 @@ class ChatbotDataFileContentOptions(GradioModel):
     gap: Optional[Union[Literal["small", "middle", "large"], str, int,
                         float]] = "small"
     image_props: Optional[dict] = None
+    video_props: Optional[dict] = None
+    audio_props: Optional[dict] = None
 
 
 # Ant Design X prompts props: https://x.ant.design/components/prompts
@@ -318,7 +320,8 @@ class ChatbotDataMessageContent(GradioModel):
 
 
 class ChatbotDataMessage(ChatbotBotConfig):
-    role: Union[Literal['user', 'assistant', 'system'], str] = None
+    role: Union[Literal['user', 'assistant', 'system', 'divider'], str] = None
+    divider_props: Optional[dict] = None
     key: Optional[Union[str, int, float]] = None
     # If status is 'pending', the message will not render the footer area (including 'actions' and 'footer').
     status: Optional[Literal['pending', 'done']] = None
diff --git a/docs/components/pro/chatbot/README.md b/docs/components/pro/chatbot/README.md
@@ -106,7 +106,7 @@ class ChatbotPromptsConfig(GradioModel):
 # Ant Design X welcome props: https://x.ant.design/components/welcome
 class ChatbotWelcomeConfig(GradioModel):
     variant: Optional[Literal['borderless', 'filled']] = 'borderless'
-    icon: Optional[Union[str, Path]] = None
+    icon: Optional[Union[str, Path, dict]] = None
     title: Optional[str] = None
     description: Optional[str] = None
     extra: Optional[str] = None
@@ -276,6 +276,8 @@ class ChatbotDataFileContentOptions(GradioModel):
     gap: Optional[Union[Literal["small", "middle", "large"], str, int,
                         float]] = "small"
     image_props: Optional[dict] = None
+    video_props: Optional[dict] = None
+    audio_props: Optional[dict] = None
 
 
 # Ant Design X prompts props: https://x.ant.design/components/prompts
@@ -317,7 +319,8 @@ class ChatbotDataMessageContent(GradioModel):
 
 
 class ChatbotDataMessage(ChatbotBotConfig):
-    role: Union[Literal['user', 'assistant', 'system'], str] = None
+    role: Union[Literal['user', 'assistant', 'system', 'divider'], str] = None
+    divider_props: Optional[dict] = None
     key: Optional[Union[str, int, float]] = None
     # If status is 'pending', the message will not render the footer area (including 'actions' and 'footer').
     status: Optional[Literal['pending', 'done']] = None
diff --git a/docs/components/pro/multimodal_input/README-zh_CN.md b/docs/components/pro/multimodal_input/README-zh_CN.md
@@ -39,11 +39,16 @@
 | placeholder   | `str \| None`                                            | None             | 输入框的提示信息。                                                              |
 | disabled      | `bool \| None`                                           | None             | 是否禁用。                                                                      |
 | upload_config | `MultimodalInputUploadConfig \| dict \| None`            | None             | 文件上传配置。                                                                  |
+| slot_config   | `dict \| None`                                           | None             | 词槽配置，配置后输入框将变为词槽模式，支持结构化输入，此模式 value 配置将无效。 |
+| skill         | `dict \| None`                                           | None             | 技能配置，输入框将变为词槽模式，支持结构化输入，此模式 value 配置将无效。       |
 
 ### 插槽
 
 ```python
-SLOTS=['actions', "prefix", 'footer', 'header']
+SLOTS = [
+    'suffix', 'header', 'prefix', 'footer', 'skill.title',
+    'skill.toolTip.title', 'skill.closable.closeIcon'
+]
 ```
 
 ### 类型
@@ -110,5 +115,4 @@ class MultimodalInputUploadConfig(GradioModel):
 class MultimodalInputValue(GradioModel):
     files: Optional[ListFiles] = None
     text: Optional[str] = None
-
 ```
diff --git a/docs/components/pro/multimodal_input/README.md b/docs/components/pro/multimodal_input/README.md
@@ -28,22 +28,27 @@ A multimodal input component based on [Ant Design X](https://x.ant.design), supp
 
 ### Props
 
-| Attribute     | Type                                                     | Default Value    | Description                                                                                                     |
-| ------------- | -------------------------------------------------------- | ---------------- | --------------------------------------------------------------------------------------------------------------- |
-| value         | `dict \| MultimodalInputValue \| None`                   | None             | Default value to display, formatted as `{ "text":"", "files":[] }`.                                             |
-| loading       | `bool \| None`                                           | None             | Whether the input is in a loading state, in which case the `cancel` event can be triggered.                     |
-| mode          | `inline \| block`                                        | 'inline'         | The rending mode of the input box. If `block`, the input box and the submit button will be rendered separately. |
-| auto_size     | `bool \| { minRows?: number; maxRows?: number } \| None` | { "maxRows": 8 } | Height auto size feature, can be set to True \| False or an object { "minRows": 2, "maxRows": 6 }.              |
-| read_only     | `bool \| None`                                           | None             | Whether the input is read-only.                                                                                 |
-| submit_type   | `Literal['enter', 'shiftEnter'] \| None`                 | 'enter'          | How the input box triggers the `submit` event.                                                                  |
-| placeholder   | `str \| None`                                            | None             | Input placeholder text.                                                                                         |
-| disabled      | `bool \| None`                                           | None             | Whether to disable.                                                                                             |
-| upload_config | `MultimodalInputUploadConfig \| dict \| None`            | None             | File upload configuration.                                                                                      |
+| Attribute     | Type                                                     | Default Value    | Description                                                                                                                                                       |
+| ------------- | -------------------------------------------------------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| value         | `dict \| MultimodalInputValue \| None`                   | None             | Default value to display, formatted as `{ "text":"", "files":[] }`.                                                                                               |
+| loading       | `bool \| None`                                           | None             | Whether the input is in a loading state, in which case the `cancel` event can be triggered.                                                                       |
+| mode          | `inline \| block`                                        | 'inline'         | The rending mode of the input box. If `block`, the input box and the submit button will be rendered separately.                                                   |
+| auto_size     | `bool \| { minRows?: number; maxRows?: number } \| None` | { "maxRows": 8 } | Height auto size feature, can be set to True \| False or an object { "minRows": 2, "maxRows": 6 }.                                                                |
+| read_only     | `bool \| None`                                           | None             | Whether the input is read-only.                                                                                                                                   |
+| submit_type   | `Literal['enter', 'shiftEnter'] \| None`                 | 'enter'          | How the input box triggers the `submit` event.                                                                                                                    |
+| placeholder   | `str \| None`                                            | None             | Input placeholder text.                                                                                                                                           |
+| disabled      | `bool \| None`                                           | None             | Whether to disable.                                                                                                                                               |
+| upload_config | `MultimodalInputUploadConfig \| dict \| None`            | None             | File upload configuration.                                                                                                                                        |
+| slot_config   | `dict \| None`                                           | None             | Slot configuration, after configuration the input box will switch to slot mode, supporting structured input. In this mode, value configurations will be invalid.  |
+| skill         | `dict \| None`                                           | None             | Skill configuration, after configuration the input box will switch to slot mode, supporting structured input. In this mode, value configurations will be invalid. |
 
 ### Slots
 
 ```python
-SLOTS=['actions', "prefix", 'footer', 'header']
+SLOTS = [
+    'suffix', 'header', 'prefix', 'footer', 'skill.title',
+    'skill.toolTip.title', 'skill.closable.closeIcon'
+]
 ```
 
 ### Types
@@ -106,6 +111,7 @@ class MultimodalInputUploadConfig(GradioModel):
             }
         })
 
+
 class MultimodalInputValue(GradioModel):
     files: Optional[ListFiles] = None
     text: Optional[str] = None
diff --git a/frontend/CHANGELOG.md b/frontend/CHANGELOG.md
@@ -342,4 +342,4 @@ No significant changes to this package were made in this release.
 
 ### Features
 
-- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
+- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
diff --git a/frontend/antd/CHANGELOG.md b/frontend/antd/CHANGELOG.md
@@ -271,4 +271,4 @@ No significant changes to this package were made in this release.
 
 ### Features
 
-- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
+- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
diff --git a/frontend/antd/config-provider/config-provider.tsx b/frontend/antd/config-provider/config-provider.tsx
@@ -104,6 +104,7 @@ export const ConfigProvider = sveltify<
       });
     }, [localeProp]);
     const ProviderComponent = component || AConfigProvider;
+
     return (
       <div id={id} className={className} style={style}>
         <StyleProvider hashPriority="high" container={document.body}>
diff --git a/frontend/antdx/CHANGELOG.md b/frontend/antdx/CHANGELOG.md
@@ -154,4 +154,4 @@ No significant changes to this package were made in this release.
 
 ### Features
 
-- [#48](https://github.com/modelscope/modelscope-studio/pull/48) [`b0197ef`](https://github.com/modelscope/modelscope-studio/commit/b0197ef7ede322e2c40b4e1dcc6480530a62490e) - integrate antdx. Thanks [@Col0ring](https://github.com/Col0ring)!
+- [#48](https://github.com/modelscope/modelscope-studio/pull/48) [`b0197ef`](https://github.com/modelscope/modelscope-studio/commit/b0197ef7ede322e2c40b4e1dcc6480530a62490e) - integrate antdx. Thanks [@Col0ring](https://github.com/Col0ring)!
diff --git a/frontend/antdx/actions/action-item/actions.action-item.tsx b/frontend/antdx/actions/action-item/actions.action-item.tsx
@@ -8,11 +8,12 @@ export const ActionsActionItem = sveltify<
   Partial<NonNullable<ActionsProps['items']>[number]> & ItemHandlerProps
 >((props) => {
   return (
-    <ItemHandler<['default']>
+    <ItemHandler<['default', 'subItems']>
       {...props}
-      allowedSlots={['default']}
+      allowedSlots={['default', 'subItems']}
+      itemChildrenKey="subItems"
       itemChildren={(items) => {
-        return items.default.length > 0 ? items.default : undefined;
+        return items.subItems.length > 0 ? items.subItems : items.default;
       }}
     />
   );
diff --git a/frontend/antdx/actions/actions.tsx b/frontend/antdx/actions/actions.tsx
@@ -106,6 +106,7 @@ export const Actions = sveltify<
                   items ||
                   renderItems<ItemType>(resolvedSlotItems, {
                     clone: true,
+                    children: 'subItems',
                   }) ||
                   []
                 );
diff --git a/frontend/base/CHANGELOG.md b/frontend/base/CHANGELOG.md
@@ -233,4 +233,4 @@ No significant changes to this package were made in this release.
 
 ### Features
 
-- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
+- [`4a46970`](https://github.com/modelscope/modelscope-studio/commit/4a46970007452af606abe02cdfa54a4959b2f3db) - integrate ant design. Thanks [@Col0ring](https://github.com/Col0ring)!
diff --git a/frontend/package.json b/frontend/package.json
@@ -7,7 +7,7 @@
   "type": "module",
   "dependencies": {
     "@ant-design/cssinjs": "^2.1.2",
-    "@ant-design/icons": "^6.1.0",
+    "@ant-design/icons": "^6.1.1",
     "@ant-design/x": "^2.4.0",
     "@babel/standalone": "^7.29.2",
     "@gradio/client": "2.1.0",
@@ -16,13 +16,13 @@
     "@gradio/utils": "0.11.3",
     "@monaco-editor/react": "^4.7.0",
     "amuchina": "^1.0.12",
-    "antd": "^6.3.3",
+    "antd": "^6.3.4",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.20",
     "dequal": "^2.0.2",
     "github-slugger": "^2.0.0",
     "immer": "^11.1.4",
-    "katex": "^0.16.40",
+    "katex": "^0.16.43",
     "lodash-es": "^4.17.23",
     "marked": "^17.0.5",
     "marked-gfm-heading-id": "^4.1.3",
@@ -36,7 +36,7 @@
     "react-syntax-highlighter": "^16.1.1",
     "svelte": "5.48.0",
     "svelte-i18n": "^4.0.1",
-    "wavesurfer.js": "^7.12.4"
+    "wavesurfer.js": "^7.12.5"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
diff --git a/frontend/pro/CHANGELOG.md b/frontend/pro/CHANGELOG.md
@@ -140,4 +140,4 @@ No significant changes to this package were made in this release.
 
 ### Fixes
 
-- [#64](https://github.com/modelscope/modelscope-studio/pull/64) [`7bf9d74`](https://github.com/modelscope/modelscope-studio/commit/7bf9d741bc66e318d3c310e798b1a781d23a0abf) - the logic of uploading files. Thanks [@Col0ring](https://github.com/Col0ring)!
+- [#64](https://github.com/modelscope/modelscope-studio/pull/64) [`7bf9d74`](https://github.com/modelscope/modelscope-studio/commit/7bf9d741bc66e318d3c310e798b1a781d23a0abf) - the logic of uploading files. Thanks [@Col0ring](https://github.com/Col0ring)!
diff --git a/frontend/svelte-preprocess-react/react-slot.tsx b/frontend/svelte-preprocess-react/react-slot.tsx
diff --git a/package.json b/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pyproject.toml b/pyproject.toml

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,5 @@`
`11`	`11`	`"@modelscope-studio/base": "1.6.1",`
`12`	`12`	`"@modelscope-studio/pro": "1.6.1"`
`13`	`13`	`},`
`14`		`- "changesets": [`
`15`		`- "eleven-aliens-sell"`
`16`		`- ]`
	`14`	`+ "changesets": ["eleven-aliens-sell"]`
`17`	`15`	`}`
Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ class AntdXActionsActionItem(ModelScopeLayoutComponent):`
`21`	`21`	`]`
`22`	`22`
`23`	`23`	`# Supported slots`
`24`		`- SLOTS = ['label', 'icon', 'actionRender']`
	`24`	`+ SLOTS = ['label', 'icon', 'actionRender', "subItems"]`
`25`	`25`
`26`	`26`	`def __init__(`
`27`	`27`	`self,`
Original file line number	Diff line number	Diff line change
`@@ -139,8 +139,7 @@ class ModelScopeProMultimodalInput(ModelScopeDataLayoutComponent):`
`139`	`139`	`# supported slots`
`140`	`140`	`SLOTS = [`
`141`	`141`	`'suffix', 'header', 'prefix', 'footer', 'skill.title',`
`142`		`- 'skill.toolTip.title'`
`143`		`- 'skill.closable.closeIcon'`
	`142`	`+ 'skill.toolTip.title', 'skill.closable.closeIcon'`
`144`	`143`	`]`
`145`	`144`
`146`	`145`	`def __init__(`
Original file line number	Diff line number	Diff line change
`@@ -276,4 +276,4 @@ No significant changes to this package were made in this release.`
`276`	`276`
`277`	`277`	`## 0.2.0`
`278`	`278`
`279`		`-No significant changes to this package were made in this release.`
	`279`	`+No significant changes to this package were made in this release.`