能否优雅地全局隐藏 codesandbox 按钮？

[Gavin-Gong]

能否优雅地全局隐藏 codesandbox 按钮？因为像内部项目和 react-native 项目是不需要 codesandbox 的

workaround

• display: none 样式覆盖
• 每个代码块注释写上 hideActions: "CSB"

[PeachScript]

本地自定义 Previewer，props 加上 hideActions 再传给 dumi 默认主题的 Previewer 渲染，参考：https://d.umijs.org/zh-CN/theme/development

[Gavin-Gong]

本地自定义 Previewer，props 加上 hideActions 再传给 dumi 默认主题的 Previewer 渲染，参考：https://d.umijs.org/zh-CN/theme/development

按照你说的方法解决了我的问题，thx。其实更加期望可以在 themeConfig 下增加一个字段方便进行控制。因为在我看来不使用codesandbox 是比较常见的场景🙂。

import Previewer from 'dumi-theme-default/src/builtins/Previewer';

export default (props) => {
  return <Previewer {...props} hideActions="CSB" />;
};

[PeachScript]

其实更加期望可以在 themeConfig 下增加一个字段方便进行控制。因为在我看来不使用codesandbox 是比较常见的场景🙂。

@Gavin-Gong 有空可以来个 PR 支持下~

[fariellany]

Previewer

应该怎么写呢 ？ 我是用 code src 的 不是直接用的 我应该怎么把 Previewer导入到我全局里面呢

import React from 'react'; import Layout from 'dumi-theme-default/es/layout';

export default ({ children, ...props }) => ( <Layout {...props}> <> {children} </> );

直接是写在这里面吗 ？

[BosenY]

我更新下最新版本的隐藏方法：

• 创建.dumi/theme/builtins/Previewer.tsx
• 添加代码

  // @ts-nocheck
  import Previewer from 'dumi-theme-mobile/dist/builtins/Previewer';
  export default (props) => {
  return <Previewer {...props} disabledActions={['CSB', 'STACKBLITZ']} />;
  };

[PeachScript]

@BosenY 感谢补充，有两点建议：

1. 本地主题建议用 theme-original 别名，这样不需要关心当前是什么主题包：https://d.umijs.org/theme#dumitheme-originallayoutsbuiltinsslotsxx
2. 建议覆盖 PreviewerActions slot 而不是覆盖 Previewer builtin，符合最小变更