seeder-resources-view 1.2.0 → 1.3.1

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' : '')
     })
   });
 });
@@ -17664,7 +17666,8 @@ const TreeTitleNode = _ref2 => {
     nodeData,
     handleSave,
     handleDel,
-    handleAdd
+    handleAdd,
+    isEditable = true
   } = _ref2;
   const [editing, setEditing] = useState(false);
   const inputRef = useRef(null);
@@ -17759,7 +17762,13 @@ const TreeTitleNode = _ref2 => {
   }, [editing, nodeData.title, save, title, renderIconNode]);
   return /*#__PURE__*/jsx("div", {
     className: "tree-title",
-    children: renderChildNode()
+    children: isEditable ? renderChildNode() : /*#__PURE__*/jsx(Typography.Text, {
+      ellipsis: true,
+      style: {
+        width: "100%%"
+      },
+      children: title
+    })
   });
 };
 var TreeTitle$1 = /*#__PURE__*/memo(TreeTitle);
@@ -17870,6 +17879,8 @@ const useDirectoryTree = _ref => {
     createFolder,
     removeFolderFile,
     renameFolderFile,
+    mediaType,
+    isEditable = true,
     batchOperations = true,
     withRootNode = true,
     height = 828,
@@ -17924,9 +17935,14 @@ const useDirectoryTree = _ref => {
   const fetchFolderData = useCallback(async function () {
     let initialization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     try {
-      const data = await getFolderData({
+      // 构建请求参数
+      const requestParams = {
         folder: ""
-      });
+      };
+      if (mediaType) {
+        requestParams.media_type = mediaType;
+      }
+      const data = await getFolderData(requestParams);
       if (!(data !== null && data !== void 0 && data.directoryTree)) {
         return null;
       }
@@ -17953,7 +17969,7 @@ const useDirectoryTree = _ref => {
     } catch (error) {
       handleError(error, 'GET FOLDER DATA');
     }
-  }, [withRootNode]);
+  }, [mediaType, withRootNode]);
 
   // 初始化数据
   useEffect(() => {
@@ -18100,6 +18116,7 @@ const useDirectoryTree = _ref => {
           titleRender: nodeData => /*#__PURE__*/jsx(TreeTitle$1, {
             title: nodeData.title,
             nodeData: nodeData,
+            isEditable: isEditable,
             handleSave: handleRename,
             handleDel: handleRemove,
             handleAdd: handleCreate