feat(antd): support disable default behavior of built-in operations i…

…n ArrayBase (#3998)
alibaba · Oct 23, 2023 · c90b1df · c90b1df
1 parent 1c31ff8
commit c90b1df
Show file tree

Hide file tree

Showing 9 changed files with 715 additions and 21 deletions.
diff --git a/packages/antd/docs/components/ArrayCards.md b/packages/antd/docs/components/ArrayCards.md
@@ -467,6 +467,8 @@ Other references https://ant.design/components/button-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCards.Copy
 
 > Copy button
@@ -482,6 +484,8 @@ Other references https://ant.design/components/button-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCards.Remove
 
 > Delete button
@@ -494,6 +498,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCards.MoveDown
 
 > Move down button
@@ -506,6 +512,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCards.MoveUp
 
 > Move up button
@@ -518,6 +526,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCards.Index
 
 > Index Renderer

diff --git a/packages/antd/docs/components/ArrayCards.zh-CN.md b/packages/antd/docs/components/ArrayCards.zh-CN.md
@@ -467,6 +467,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCards.Copy
 
 > 复制按钮
@@ -482,6 +484,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCards.Remove
 
 > 删除按钮
@@ -494,6 +498,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCards.MoveDown
 
 > 下移按钮
@@ -506,6 +512,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCards.MoveUp
 
 > 上移按钮
@@ -518,6 +526,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCards.Index
 
 > 索引渲染器

diff --git a/packages/antd/docs/components/ArrayCollapse.md b/packages/antd/docs/components/ArrayCollapse.md
@@ -580,6 +580,8 @@ Other references https://ant.design/components/button-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCollapse.Remove
 
 > Delete button
@@ -592,6 +594,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCollapse.MoveDown
 
 > Move down button
@@ -604,6 +608,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCollapse.MoveUp
 
 > Move up button
@@ -616,6 +622,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayCollapse.Index
 
 > Index Renderer

diff --git a/packages/antd/docs/components/ArrayCollapse.zh-CN.md b/packages/antd/docs/components/ArrayCollapse.zh-CN.md
@@ -585,6 +585,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCollapse.Remove
 
 > 删除按钮
@@ -597,6 +599,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCollapse.MoveDown
 
 > 下移按钮
@@ -609,6 +613,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCollapse.MoveUp
 
 > 上移按钮
@@ -621,6 +627,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayCollapse.Index
 
 > 索引渲染器

diff --git a/packages/antd/docs/components/ArrayItems.md b/packages/antd/docs/components/ArrayItems.md
@@ -748,6 +748,8 @@ Other references https://ant.design/components/button-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayItems.Copy
 
 > Copy button
@@ -763,6 +765,8 @@ Other references https://ant.design/components/button-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayItems.Remove
 
 > Delete button
@@ -775,6 +779,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayItems.MoveDown
 
 > Move down button
@@ -787,6 +793,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayItems.MoveUp
 
 > Move up button
@@ -799,6 +807,8 @@ Other references https://ant.design/components/icon-cn/
 
 Note: The title attribute can receive the title mapping in the Field model, that is, uploading the title in the Field is also effective
 
+Note: You can disable default behavior with `onClick={e => e.preventDefault()}` in props.
+
 ### ArrayItems.Index
 
 > Index Renderer

diff --git a/packages/antd/docs/components/ArrayItems.zh-CN.md b/packages/antd/docs/components/ArrayItems.zh-CN.md
@@ -749,6 +749,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayItems.Copy
 
 > 复制按钮
@@ -764,6 +766,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayItems.Remove
 
 > 删除按钮
@@ -776,6 +780,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayItems.MoveDown
 
 > 下移按钮
@@ -788,6 +794,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayItems.MoveUp
 
 > 上移按钮
@@ -800,6 +808,8 @@ export default () => {
 
 注意：title 属性可以接收 Field 模型中的 title 映射，也就是在 Field 上传 title 也是生效的
 
+注意：使用`onClick={e => e.preventDefault()}`可禁用默认行为。
+
 ### ArrayItems.Index
 
 > 索引渲染器