seeder-resources-view 1.3.0 → 1.3.2

package/dist/index.css

@@ -1 +1 @@
-.resources-view{background:#313131;flex:1;width:100%}.resources-view .content-container{border-top:1px solid #000;display:flex;height:calc(100vh - 50px)}.resources-view .content-container .directory-tree{position:relative;width:400px}.resources-view .content-container .directory-tree:after{border-right:1px solid #171717;content:"";height:100%;position:absolute;right:0;top:0;width:0}.resources-view .content-container .directory-tree .ant-tree{background-color:#313131}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode{padding-inline:16px;padding-left:0;position:relative}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:before{bottom:0;content:"";height:auto;inset-inline-end:0;inset-inline-start:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s;z-index:0}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:hover:before{background:hsla(0,0%,100%,.08)}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:before,.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:hover:before{background:#595959}.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper:hover{background:none}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-node-content-wrapper{display:flex;padding:0 1px}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-title{display:flex;flex:auto}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder,.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder-open{font-size:16px}.resources-view .content-container .folder-contents{display:flex;flex:1;flex-direction:column}.resources-view .content-container .folder-contents .media-grid-container{background:#171717;flex:1;max-height:844px;overflow:auto;padding:36px;padding-block-end:20px;padding-block-start:16px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-track-piece{background:#141414}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar{width:6px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-thumb{background:#434343;border-radius:2px}.resources-view .content-container .folder-contents .media-grid-container .batch-operations{display:flex;margin-block-end:16px}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid .ant-row{height:auto}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid .ant-col>.ant-list-item.media-grid-item--selectable{border:1px solid #424242;margin-block-end:0;margin-left:-1px;margin-top:-1px;padding:20px}.resources-view .content-container .search-bar{border-bottom:1px solid #171717;height:50px;position:relative}.resources-view .content-container .search-bar .search-input{width:320px}.resources-view .content-container .search-bar .upload-icon{color:#a3a3a3;cursor:pointer;font-size:24px;position:absolute;right:14px}.media-grid-item{cursor:pointer}.media-grid-item .media-grid-checkbox-wrapper{display:flex;justify-content:flex-end;margin-block-end:12px;margin-block-start:-12px;margin-inline-end:-12px}.media-grid-item .media-grid-thumbnail{height:124px;width:100%}.media-grid-item .media-grid-info{margin-block-start:4px;text-align:center}.tree-title{align-items:center;flex:1;justify-content:space-between}.tree-title,.tree-title .tree-node-icons{display:flex}.tree-title .tree-node-icons .px-1{padding-inline:4px}.upload-progress{align-items:center;background:rgba(0,0,0,.65);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}
+.resources-view{background:#313131;flex:1;width:100%}.resources-view .content-container{border-top:1px solid #000;display:flex;height:calc(100vh - 50px)}.resources-view .content-container .directory-tree{position:relative;width:400px}.resources-view .content-container .directory-tree:after{border-right:1px solid #171717;content:"";height:100%;position:absolute;right:0;top:0;width:0}.resources-view .content-container .directory-tree .ant-tree{background-color:#313131}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode{padding-inline:16px;padding-left:0;position:relative}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:before{bottom:0;content:"";height:auto;inset-inline-end:0;inset-inline-start:0;pointer-events:none;position:absolute;top:0;transition:background-color .2s;z-index:0}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode:hover:before{background:hsla(0,0%,100%,.08)}.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:before,.resources-view .content-container .directory-tree .ant-tree .ant-tree-treenode-selected:hover:before{background:#595959}.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,.resources-view .content-container .directory-tree .ant-tree .ant-tree-node-content-wrapper:hover{background:none}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-node-content-wrapper{display:flex;padding:0 1px}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-title{display:flex;flex:auto}.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder,.resources-view .content-container .directory-tree .ant-tree .ant-tree-list .ant-tree-icon__customize .anticon-folder-open{font-size:16px}.resources-view .content-container .folder-contents{display:flex;flex:1;flex-direction:column}.resources-view .content-container .folder-contents .media-grid-container{background:#171717;flex:1;max-height:844px;overflow:auto;padding:36px;padding-block-end:20px;padding-block-start:16px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-track-piece{background:#141414}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar{width:6px}.resources-view .content-container .folder-contents .media-grid-container::-webkit-scrollbar-thumb{background:#434343;border-radius:2px}.resources-view .content-container .folder-contents .media-grid-container .batch-operations{display:flex;margin-block-end:16px}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid .ant-row{height:auto}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid.media-grid-list--selectable .ant-row>div{border:1px solid #424242;margin-left:-1px;margin-top:-1px}.resources-view .content-container .folder-contents .media-grid-container .ant-list.ant-list-grid.media-grid-list--selectable .ant-col>.ant-list-item{margin-block-end:0;padding:20px}.resources-view .content-container .search-bar{border-bottom:1px solid #171717;height:50px;position:relative}.resources-view .content-container .search-bar .search-input{width:320px}.resources-view .content-container .search-bar .upload-icon{color:#a3a3a3;cursor:pointer;font-size:24px;position:absolute;right:14px}.media-grid-item{cursor:pointer}.media-grid-item .media-grid-checkbox-wrapper{display:flex;justify-content:flex-end;margin-block-end:12px;margin-block-start:-12px;margin-inline-end:-12px}.media-grid-item .media-grid-thumbnail{height:124px;width:100%}.media-grid-item .media-grid-info{margin-block-start:4px;text-align:center}.tree-title{align-items:center;flex:1;justify-content:space-between}.tree-title,.tree-title .tree-node-icons{display:flex}.tree-title .tree-node-icons .px-1{padding-inline:4px}.upload-progress{align-items:center;background:rgba(0,0,0,.65);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}

package/dist/index.esm.js

@@ -17318,7 +17318,7 @@ const MediaGridItem = /*#__PURE__*/memo(_ref => {
     trigger: ['contextMenu'],
     disabled: !onContextMenu,
     children: /*#__PURE__*/jsxs(List.Item, {
-      className: "media-grid-item ".concat(showCheckbox ? 'media-grid-item--selectable' : ''),
+      className: "media-grid-item",
       title: item.name,
       onClick: handleItemClick,
       children: [showCheckbox && /*#__PURE__*/jsx("div", {
@@ -17398,6 +17398,8 @@ const MediaGrid = /*#__PURE__*/memo(_ref3 => {
       renderItem: renderItem,
       pagination: false
       // locale={{ emptyText: 'No media files found' }}
+      ,
+      className: "".concat(showCheckbox ? 'media-grid-list--selectable' : '')
     })
   });
 });
@@ -17993,10 +17995,14 @@ const useDirectoryTree = _ref => {
         const addedNode = parentNode[0].children.find(ch => pathUtils.isSamePath(ch.path, expectedPath));
         if (addedNode) {
           updateTreeState({
-            expandedKeys: [...treeState.expandedKeys, addedNode.key, parentNode[0].key]
+            selectedKeys: [addedNode.key],
+            expandedKeys: [...treeState.expandedKeys, addedNode.key, parentNode[0].key],
+            currentPath: addedNode.path,
+            contents: []
           });
         }
       }
+      ;
     } catch (error) {
       handleError(error, 'CREATE FOLDER');
     }
@@ -18165,6 +18171,9 @@ const createUrlBuilder = function () {
   };
 };
 
+const pathUtils = {
+  replaceRoot: path => path.replace(/^root$|^root\//, '')
+};
 const ResourcesView = _ref => {
   let {
     apiConfig = {},
@@ -18270,7 +18279,7 @@ const ResourcesView = _ref => {
     setShowProgress(true);
     setPercent(0);
     try {
-      await uploadFiles(files, currentPath);
+      await uploadFiles(files, pathUtils.replaceRoot(currentPath));
       // 延迟2s刷新数据
       await new Promise(resolve => setTimeout(resolve, 2000));
       await updateFileContents();
@@ -18305,6 +18314,7 @@ const ResourcesView = _ref => {
   const calculateTotalSize = files => Array.from(files).reduce((sum, file) => sum + file.size, 0);
 
   // 上传单个文件
+  // 待改正：需要对folder replaceRoot
   const uploadSingleFile = (file, folder, previousLoadedMap, onProgress) => {
     const formData = new FormData();
     formData.append('file', file);