custom share permission (#4967)

* custom share permission

* remove path field

* add permission manager ui

* optimize custom permission manager style

* add permission setting

* add normalize_custom_permission_name

* optimize repo custom permission

* delete useless code

* optimize code

* optimize code

* optimize markdown file page

* fix a few bugs

* add permission control

* repair modify permission

* optimize style

* optimize copyright

* add try-except

* optimize code

* move file&folder

* batch operation item

* repair batch move item

* update copyright

* optimize move permission control

* optimize code

* optimize code

* optimize code & fix code wranning

* optimize code

* delete unsupport permission

* optimize code

* repair code bug

* add pro limit

* optimize code

* add permission handle for permission editor

* repair new file&folder bug

* optimize file uploader code

* custom permission user can not visit custom permission module

* optimize code

* forbid comment&detail module

* optimize code

* optimize modify/preview permission

* optimize custom permission share perm

* optimize view file module: file-toolbar

* optimize custom drag move operation

* repair column view bug

* optimize drag operation code

* repair code bug

* optimize code

Co-authored-by: shanshuirenjia <978987373@qq.com>

frontend/src/components/tree-view/tree-view.js

@@ -7,7 +7,7 @@ import { hideMenu, showMenu } from '../context-menu/actions';
 import { Utils } from '../../utils/utils';
 
 const propTypes = {
-  repoPermission: PropTypes.bool,
+  userPerm: PropTypes.string,
   isNodeMenuShow: PropTypes.bool.isRequired,
   treeData: PropTypes.object.isRequired,
   currentPath: PropTypes.string.isRequired,
@@ -31,6 +31,13 @@ class TreeView extends React.Component {
       isItemFreezed: false,
       isTreeViewDropTipShow: false,
     };
+    const { userPerm } = props;
+    this.canDrop = userPerm === 'rw';
+    const { isCustomPermission, customPermission } = Utils.getUserPermission(userPerm);
+    if (isCustomPermission) {
+      const { modify } = customPermission.permission;
+      this.canDrop = modify;
+    }
   }
 
   onItemMove = (repo, dirent, selectedPath, currentPath) => {
@@ -49,7 +56,7 @@ class TreeView extends React.Component {
   }
 
   onNodeDragEnter = (e, node) => {
-    if (Utils.isIEBrower()) {
+    if (Utils.isIEBrower() || !this.canDrop) {
       return false;
     }
     e.persist();
@@ -61,7 +68,7 @@ class TreeView extends React.Component {
   }
 
   onNodeDragMove = (e) => {
-    if (Utils.isIEBrower()) {
+    if (Utils.isIEBrower() || !this.canDrop) {
       return false;
     }
     e.preventDefault();
@@ -69,7 +76,7 @@ class TreeView extends React.Component {
   }
 
   onNodeDragLeave = (e, node) => {
-    if (Utils.isIEBrower()) {
+    if (Utils.isIEBrower() || !this.canDrop) {
       return false;
     }
     if (e.target.className === 'tree-view tree tree-view-drop') {
@@ -80,7 +87,7 @@ class TreeView extends React.Component {
   }
 
   onNodeDrop = (e, node) => {
-    if (Utils.isIEBrower()) {
+    if (Utils.isIEBrower() || !this.canDrop) {
       return false;
     }
     if (e.dataTransfer.files.length) { // uploaded files
@@ -255,6 +262,32 @@ class TreeView extends React.Component {
       menuList = [RENAME, DELETE, COPY, MOVE, OPEN_VIA_CLIENT];
     }
 
+    const { userPerm } = this.props;
+    const { isCustomPermission, customPermission } = Utils.getUserPermission(userPerm);
+    if (!isCustomPermission) {
+      return menuList;
+    }
+
+    menuList = [];
+
+    const { modify: canModify, delete: canDelete, copy: canCopy } = customPermission.permission;
+    if (!node) {
+      canModify && menuList.push(NEW_FOLDER, NEW_FILE);
+      return menuList;
+    }
+
+    if (node.object.type === 'dir') { 
+      canModify && menuList.push(NEW_FOLDER, NEW_FILE);
+    }
+    
+    canCopy && menuList.push(COPY);
+    canModify && menuList.push(MOVE, RENAME);
+    canDelete && menuList.push(DELETE);
+
+    if (node.object.type !== 'dir') { 
+      menuList.push(OPEN_VIA_CLIENT);
+    }
+
     return menuList;
   }
 
@@ -269,7 +302,7 @@ class TreeView extends React.Component {
   render() {
     return (
       <div
-        className={`tree-view tree ${this.state.isTreeViewDropTipShow ? 'tree-view-drop' : ''}`}
+        className={`tree-view tree ${(this.state.isTreeViewDropTipShow && this.canDrop) ? 'tree-view-drop' : ''}`}
         onDrop={this.onNodeDrop}
         onDragEnter={this.onNodeDragEnter}
         onDragLeave={this.onNodeDragLeave}
@@ -277,7 +310,7 @@ class TreeView extends React.Component {
         onContextMenu={this.onContextMenu}
       >
         <TreeNodeView
-          repoPermission={this.props.repoPermission}
+          userPerm={this.props.userPerm}
           node={this.props.treeData.root}
           currentPath={this.props.currentPath}
           paddingLeft={PADDING_LEFT}