perf: add control for file view

Author: shuntian

packages/sdoc-editor/src/extension/toolbar/insert-element-toolbar/index.js

@@ -44,6 +44,8 @@ const QuickInsertBlockMenu = ({
   const [currentSelectIndex, setCurrentSelectIndex] = useState(-1); // -1 is input focus position
   const [quickInsertMenuSearchMap, setQuickInsertMenuSearchMap] = useState(SIDE_QUICK_INSERT_MENUS_SEARCH_MAP);
 
+  const enableMetadataManagement = context.getSetting('enableMetadataManagement');
+
   const onInsertImageToggle = useCallback(() => {
     callback && callback();
     const eventBus = EventBus.getInstance();
@@ -241,7 +243,7 @@ const QuickInsertBlockMenu = ({
         onInsertList(ELEMENT_TYPE.ORDERED_LIST);
       }} />,
       [CHECK_LIST_ITEM]: <DropdownMenuItem isHidden={!quickInsertMenuSearchMap[CHECK_LIST_ITEM]} key="sdoc-insert-menu-check-list" menuConfig={{ ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CHECK_LIST_ITEM] }} onClick={onInsertCheckList} />,
-      ...(editor.editorType === WIKI_EDITOR && {
+      ...(editor.editorType === WIKI_EDITOR && enableMetadataManagement && {
         [FILE_VIEW]:
         // eslint-disable-next-line react/jsx-indent
         <DropdownMenuItem isHidden={!quickInsertMenuSearchMap[FILE_VIEW]} key="sdoc-insert-menu-file-view" menuConfig={{ ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.FILE_VIEW] }} className="pr-2">

packages/sdoc-editor/src/extension/toolbar/side-toolbar/index.js

@@ -6,7 +6,7 @@ import { INTERNAL_EVENT, WIKI_EDITOR } from '../../../constants';
 import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { isMobile } from '../../../utils/common-utils';
 import EventBus from '../../../utils/event-bus';
-import { CODE_BLOCK, TABLE, BLOCKQUOTE, CHECK_LIST_ITEM, CALL_OUT, TABLE_DRAG_KEY, LIST_ITEM, MULTI_COLUMN, ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, IMAGE_BLOCK, TWO_COLUMN, VIDEO, WHITEBOARD, FILE_VIEW, FORMULA, COLUMN } from '../../constants';
+import { CODE_BLOCK, TABLE, BLOCKQUOTE, CHECK_LIST_ITEM, CALL_OUT, TABLE_DRAG_KEY, LIST_ITEM, MULTI_COLUMN, ORDERED_LIST, UNORDERED_LIST, PARAGRAPH, IMAGE_BLOCK, VIDEO, WHITEBOARD, FILE_VIEW, FORMULA, COLUMN } from '../../constants';
 import { findPath, focusEditor } from '../../core';
 import { getCalloutEntry } from '../../plugins/callout/helper';
 import { insertImageFiles } from '../../plugins/image/helpers';

packages/sdoc-editor/src/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -32,6 +32,7 @@ const InsertBlockMenu = ({
 }) => {
   const editor = useSlateStatic();
   const { t } = useTranslation('sdoc-editor');
+  const enableMetadataManagement = context.getSetting('enableMetadataManagement');
 
   const onInsertImageToggle = useCallback(() => {
     const eventBus = EventBus.getInstance();
@@ -166,7 +167,7 @@ const InsertBlockMenu = ({
         onInsertList(ELEMENT_TYPE.ORDERED_LIST);
       }} />
       <DropdownMenuItem isHidden={!insertMenuSearchMap[ELEMENT_TYPE.CHECK_LIST_ITEM]} menuConfig={{ ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CHECK_LIST_ITEM] }} onClick={onInsertCheckList} />
-      {editor.editorType === WIKI_EDITOR && (
+      {editor.editorType === WIKI_EDITOR && enableMetadataManagement && (
         <DropdownMenuItem isHidden={!insertMenuSearchMap[ELEMENT_TYPE.FILE_VIEW]} key="sdoc-insert-menu-file-view" menuConfig={{ ...SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.FILE_VIEW] }} className="pr-2">
           <i className="sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"></i>
           <LinkRepoPopover onRepoClick={onRepoClick} />