v5版本脑图布局class="g6-grid-container"组件style中的inset如何配置去掉

[tqq1994516]

G6版本：5.0.0-beta.28
react组件如下：

const MindPage = () => {
  const ref = useRef();
  const ExtGraph = extend(Graph, {
    plugins: {
      // toolbar: Extensions.Toolbar,  // 工具栏插件
      minimap: Extensions.Minimap,  // 缩略图插件
      tooltip: Extensions.Tooltip,  // 提示插件
      grid: Extensions.Grid,  // 网格插件
      snapline: Extensions.Snapline,  // 对齐线插件
      menu: Extensions.Menu,  // 右击菜单插件
    }
  });

  const data: InlineTreeDataConfig = {
    "type": "treeData",
    "value": {
      "id": "root",
      "data": { "id": "root", "label": "root", "isRoot": true },
      "children": [
        {
          "id": "node-1",
          "data": { "id": "node-1", "label": "1" },
          "children": [
            {
              "id": "node-1-1",
              "data": { "id": "node-1-1", "label": "1-1" },
              "children": [
                {
                  "id": "node-1-1-1",
                  "data": { "id": "node-1-1-1", "label": "1-1-1" },
                }
              ]
            }
          ]
        }
      ]
    }
  };
  insertCss(`
    .g6-minimap {
      position:fixed;
      bottom:40px;
      right:40px;
      box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }
    .g6-minimap-viewport {
      border: 2px solid rgb(25, 128, 255);
    }
  `);

  useEffect(() => {
    if (!ref.current) return;
    const graph = new ExtGraph({
      container: ref.current,
      width: ref.current.offsetWidth,
      height: 550,
      autoFit: 'center',  // 自动全屏
      plugins: [
        // 'toolbar',
        {
          key: 'my-minimap',
          type: 'minimap',
          className: 'g6-minimap',
        },
        'snapline',
        'tooltip',
        {
          key: 'default-grid',
          type: 'grid',
          img: 'url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZTBlMCIgb3BhY2l0eT0iMC4yIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNIDQwIDAgTCAwIDAgMCA0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBlMGUwIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=)',
        },
        {
          type: 'menu',
          key: 'my-context-menu',
          trigger: 'contextmenu',
          /** async string menu */
          getContent: (e) => {
            return `
              <ul class='g6-contextmenu-ul'>
                <li class='g6-contextmenu-li' code='delete'> Delete </li>
                <li class='g6-contextmenu-li' code='add' > Add </li>
              </ul>
            `;
          },
          handleMenuClick: (target: HTMLLIElement, itemId, graph) => {
            //@ts-ignore
            const { value } = Object.values(target.attributes).find((item) => item.name === 'code');
            alert(`Item ID: ${itemId} \n Code: ${value}`);
          },
        },
      ],
      layout: {
        type: 'mindmap',  // 脑图布局
        direction: 'V',  // 鱼骨图
      },
      renderer: 'webgl',  // 使用webgl渲染
      optimize: {
        tileFirstRender: true,  // 开启首屏的分片渲染
        tileBehavior: true,  // 在 drag-canvas, zoom-canvas 的现实隐藏图形过程中，启用分片渲染
      },
    });
    graph.read(data);
  }, [])

  return (
    <PageContainer
      header={{
        title: '用例脑图',
      }}
      subTitle="用例脑图，快速查看测试用例"
      content="获取htp用例，脑图形式展示"
    >
      <div ref={ref} />
    </PageContainer>
  )
}