react-dev-inspector icon indicating copy to clipboard operation
react-dev-inspector copied to clipboard

能否主动禁用InspectContextPanel或者自定义

Open TomatoYuyuko opened this issue 7 months ago • 2 comments

目前只能降到2.0.0版本使用无右键菜单的版本,期望能够只展示基础功能然后输出行数对应div信息即可

TomatoYuyuko avatar May 06 '25 07:05 TomatoYuyuko

在 >= v2.1.0-beta.7 之后,可以通过 ContextPanel 覆盖默认 ContextPanel,

因为还没发正式版,所以还没写到文档里,示例如下

import { Inspector, defaultHotkeys } from 'react-dev-inspector'
import {
  InspectContextPanel,
} from '@react-dev-inspector/web-components'

class EmptyContextPanel extends InspectContextPanel<any> {
  public show() {}
  public hide() {}
}

<Inspector
	  ContextPanel={EmptyContextPanel};
/>

zthxxx avatar May 07 '25 05:05 zthxxx

这样覆盖后,如果还是鼠标右键菜单点击,热区好像卡在元素上不动了

CavellHuang avatar Oct 22 '25 07:10 CavellHuang