Просмотр исходного кода

allow hiding selected files list with `showSelectedFiles`

Artur Paikin 6 лет назад
Родитель
Сommit
ca27fb3dc5
2 измененных файлов с 10 добавлено и 4 удалено
  1. 7 3
      packages/@uppy/dashboard/src/components/Dashboard.js
  2. 3 1
      packages/@uppy/dashboard/src/index.js

+ 7 - 3
packages/@uppy/dashboard/src/components/Dashboard.js

@@ -18,6 +18,7 @@ module.exports = function Dashboard (props) {
   // }
   // }
 
 
   const noFiles = props.totalFileCount === 0
   const noFiles = props.totalFileCount === 0
+
   const dashboardClassName = classNames(
   const dashboardClassName = classNames(
     { 'uppy-Root': props.isTargetDOMEl },
     { 'uppy-Root': props.isTargetDOMEl },
     'uppy-Dashboard',
     'uppy-Dashboard',
@@ -25,7 +26,6 @@ module.exports = function Dashboard (props) {
     { 'uppy-Dashboard--animateOpenClose': props.animateOpenClose },
     { 'uppy-Dashboard--animateOpenClose': props.animateOpenClose },
     { 'uppy-Dashboard--isClosing': props.isClosing },
     { 'uppy-Dashboard--isClosing': props.isClosing },
     { 'uppy-Dashboard--modal': !props.inline },
     { 'uppy-Dashboard--modal': !props.inline },
-    // { 'uppy-Dashboard--wide': props.isWide },
     { 'uppy-size--md': props.containerWidth > 576 },
     { 'uppy-size--md': props.containerWidth > 576 },
     { 'uppy-size--lg': props.containerWidth > 700 },
     { 'uppy-size--lg': props.containerWidth > 700 },
     { 'uppy-Dashboard--isAddFilesPanelVisible': props.showAddFilesPanel }
     { 'uppy-Dashboard--isAddFilesPanelVisible': props.showAddFilesPanel }
@@ -55,9 +55,13 @@ module.exports = function Dashboard (props) {
         </button>
         </button>
 
 
         <div class="uppy-Dashboard-innerWrap">
         <div class="uppy-Dashboard-innerWrap">
-          { !noFiles && <PanelTopBar {...props} /> }
+          { (!noFiles && props.showSelectedFiles) && <PanelTopBar {...props} /> }
 
 
-          { noFiles ? <AddFiles {...props} /> : <FileList {...props} /> }
+          { props.showSelectedFiles ? (
+            noFiles ? <AddFiles {...props} /> : <FileList {...props} />
+          ) : (
+            <AddFiles {...props} />
+          )}
 
 
           <PreactCSSTransitionGroup
           <PreactCSSTransitionGroup
             transitionName="uppy-transition-slideDownUp"
             transitionName="uppy-transition-slideDownUp"

+ 3 - 1
packages/@uppy/dashboard/src/index.js

@@ -123,6 +123,7 @@ module.exports = class Dashboard extends Plugin {
       animateOpenClose: true,
       animateOpenClose: true,
       proudlyDisplayPoweredByUppy: true,
       proudlyDisplayPoweredByUppy: true,
       onRequestCloseModal: () => this.closeModal(),
       onRequestCloseModal: () => this.closeModal(),
+      showSelectedFiles: true,
       locale: defaultLocale,
       locale: defaultLocale,
       browserBackButtonClose: false
       browserBackButtonClose: false
     }
     }
@@ -625,7 +626,8 @@ module.exports = class Dashboard extends Plugin {
       containerWidth: pluginState.containerWidth,
       containerWidth: pluginState.containerWidth,
       isTargetDOMEl: this.isTargetDOMEl,
       isTargetDOMEl: this.isTargetDOMEl,
       allowedFileTypes: this.uppy.opts.restrictions.allowedFileTypes,
       allowedFileTypes: this.uppy.opts.restrictions.allowedFileTypes,
-      maxNumberOfFiles: this.uppy.opts.restrictions.maxNumberOfFiles
+      maxNumberOfFiles: this.uppy.opts.restrictions.maxNumberOfFiles,
+      showSelectedFiles: this.opts.showSelectedFiles
     })
     })
   }
   }