Feature/filter by file type (#6852)

* update basic filters, add file type filter

* feat: optimize code

* feat: optimize code

* feat: optimize code

* feat: optimize code

---------

Co-authored-by: 杨国璇 <ygx@Hello-word.local>

frontend/src/metadata/components/view-toolbar/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import { GalleryGroupBySetter, GallerySliderSetter, FilterSetter, GroupbySetter, SortSetter, HideColumnSetter } from '../data-process-setter';
-import { EVENT_BUS_TYPE, VIEW_TYPE } from '../../constants';
+import { EVENT_BUS_TYPE, PRIVATE_COLUMN_KEY, VIEW_TYPE } from '../../constants';
 
 import './index.css';
 
@@ -14,6 +14,10 @@ const ViewToolBar = ({ viewId }) => {
     return view.columns;
   }, [view]);
 
+  const filterColumns = useMemo(() => {
+    return viewColumns.filter(c => c.key !== PRIVATE_COLUMN_KEY.FILE_TYPE);
+  }, [viewColumns]);
+
   const onHeaderClick = useCallback(() => {
     window.sfMetadataContext.eventBus.dispatch(EVENT_BUS_TYPE.SELECT_NONE);
   }, []);
@@ -86,9 +90,10 @@ const ViewToolBar = ({ viewId }) => {
           filterConjunction={view.filter_conjunction}
           basicFilters={view.basic_filters}
           filters={view.filters}
-          columns={viewColumns}
+          columns={filterColumns}
           modifyFilters={modifyFilters}
           collaborators={collaborators}
+          viewType={viewType}
         />
         <SortSetter
           isNeedSubmit={true}