fix(collapse): resolve reserved property warning (#2997)

arco-design · Mar 1, 2024 · 933b02b · 933b02b
1 parent ccc71fb
commit 933b02b
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 7 deletions.
diff --git a/packages/web-vue/components/collapse/README.en-US.md b/packages/web-vue/components/collapse/README.en-US.md
@@ -53,7 +53,6 @@ description: The content area that can be collapsed/expanded.
 
 |Attribute|Description|Type|Default|version|
 |---|---|---|:---:|:---|
-|key|The id of the panel, corresponding to the value in `activeKey`|`string\|number`|`-`||
 |header|The title of the panel|`string`|`-`||
 |disabled|Whether to disable|`boolean`|`false`||
 |show-expand-icon|Whether to show the expand icon|`boolean`|`true`||
@@ -67,3 +66,9 @@ description: The content area that can be collapsed/expanded.
 |header|The title of the panel|-||
 
 
+
+## FAQ
+
+
+### The `key` attribute of `<CollapseItem>` components is required
+In the `<Collapse>` component, each `<CollapseItem>` needs to specify a unique `key` attribute, and the `key` corresponding to the value in `activeKey`.
diff --git a/packages/web-vue/components/collapse/README.zh-CN.md b/packages/web-vue/components/collapse/README.zh-CN.md
@@ -51,7 +51,6 @@ description: 可以折叠 / 展开的内容区域。
 
 |参数名|描述|类型|默认值|版本|
 |---|---|---|:---:|:---|
-|key|面板的 id，对应 `activeKey` 中的值|`string\|number`|`-`||
 |header|面板的标题|`string`|`-`||
 |disabled|是否禁用|`boolean`|`false`||
 |show-expand-icon|是否显示展开图标|`boolean`|`true`||
@@ -65,3 +64,9 @@ description: 可以折叠 / 展开的内容区域。
 |header|面板的标题|-||
 
 
+
+## FAQ
+
+### `<CollapseItem>` 组件的 `key` 属性为必填
+在 `<Collapse>` 组件中每个 `<CollapseItem>` 都需要指定唯一的 `key` 属性，`key` 对应 `activeKey` 中的值。
+
diff --git a/packages/web-vue/components/collapse/TEMPLATE.md b/packages/web-vue/components/collapse/TEMPLATE.md
@@ -40,3 +40,17 @@ description: The content area that can be collapsed/expanded.
 %%API(collapse.vue)%%
 
 %%API(collapse-item.tsx)%%
+
+## FAQ
+
+## zh-CN
+### `<CollapseItem>` 组件的 `key` 属性为必填
+在 `<Collapse>` 组件中每个 `<CollapseItem>` 都需要指定唯一的 `key` 属性，`key` 对应 `activeKey` 中的值。
+
+---
+
+## en-US
+### The `key` attribute of `<CollapseItem>` components is required
+In the `<Collapse>` component, each `<CollapseItem>` needs to specify a unique `key` attribute, and the `key` corresponding to the value in `activeKey`.
+
+---
diff --git a/packages/web-vue/components/collapse/collapse-item.tsx b/packages/web-vue/components/collapse/collapse-item.tsx
@@ -19,11 +19,6 @@ export default defineComponent({
   name: 'CollapseItem',
   components: { IconHover, IconCaretRight, IconCaretLeft },
   props: {
-    /**
-     * @zh 面板的 id，对应 `activeKey` 中的值
-     * @en The id of the panel, corresponding to the value in `activeKey`
-     */
-    key: [String, Number],
     /**
      * @zh 面板的标题
      * @en The title of the panel