fix: fix collapse and tab props error (#29)

Author: yiyunwan

packages/components/src/form-collapse/index.tsx

@@ -37,11 +37,14 @@ const usePanels = () => {
     const field = collapseField.query(collapseField.address.concat(name)).take()
     if (field?.display === 'none' || field?.display === 'hidden') return
     if (schema['x-component']?.indexOf('CollapsePanel') > -1) {
+      const key =
+        field?.componentProps?.key || schema?.['x-component-props']?.key || name
       panels.push({
         name,
         props: {
           ...schema?.['x-component-props'],
-          key: schema?.['x-component-props']?.key || name,
+          ...field?.componentProps,
+          key,
         },
         schema,
       })

packages/components/src/form-tab/index.tsx

@@ -43,11 +43,14 @@ const useTabs = () => {
     const field = tabsField.query(tabsField.address.concat(name)).take()
     if (field?.display === 'none' || field?.display === 'hidden') return
     if (schema['x-component']?.indexOf('TabPane') > -1) {
+      const key =
+        field?.componentProps?.key || schema?.['x-component-props']?.key || name
       tabs.push({
         name,
         props: {
-          key: schema?.['x-component-props']?.key || name,
           ...schema?.['x-component-props'],
+          ...field?.componentProps,
+          key,
         },
         schema,
       })