背景：

     目前eb卡片关联在切换过程中，顶部右侧按钮区域是单独对接的内部按钮组上移展示的，外部存在需求需要有部分按钮一直存在，基于当前场景内部扩展支持自定义区域。

[图片附件未整合: ../../../../_assets/246483911754907648/001-8f89811425.png]

案例：

```javascript
import { regOvProps,regOvComponent } from '@weapp/utils';
import {asyncImport} from  '@weapp/ecodesdk';

const ButtonCustomGroup = React.lazy(() => asyncImport('${appId}', 'ButtonCustomGroup'));

regOvComponent('weappEbdfpage', 'TopButtons', (Com) => {
  return React.forwardRef((props, ref) => {
         console.log("TopButtons",props);
    if(props.objId ==="819521872405536768"){
       const customRenderPreDomFn = ()=>{
         return <ButtonCustomGroup  />
       };
       return   <React.Suspense fallback={() => {}}>
       <Com ref={ref} {...props} cutomRenderPrefix={customRenderPreDomFn} />
        </React.Suspense>;
    }
    return <Com ref={ref} {...props} />;
  });
}, 1);
```

ButtonCustomGroup.js

```javascript
import { Button } from '@weapp/ui'; 
import React, { PureComponent } from 'react';

export default class ButtonCustomGroup extends React.PureComponent{
    render(){

    return <>

      <Button type="primary" > 按钮1</Button>
      <Button type="primary" > 按钮2</Button>
    </>
  }
}
```

效果

[图片附件未整合: ../../../../_assets/246483911754907648/002-c0fbfd080c.png]
