Merge pull request #444 from Nangelov7/add-link-to-edit-module

Add link to edit module

Author: FalkWolsky

client/packages/lowcoder-design/src/components/popover.tsx

@@ -122,6 +122,7 @@ export interface EditPopoverProps extends PopoverProps {
   items?: EditPopoverItemType[]; // FIXME: refactor props below into this structure
   addText?: string;
   add?: () => void;
+  edit?: () => void;
   rename?: () => void;
   copy?: () => void;
   del?: () => void;
@@ -134,6 +135,7 @@ const EditPopover = (props: EditPopoverProps) => {
     items,
     addText,
     add,
+    edit,
     rename,
     copy,
     del,
@@ -193,6 +195,17 @@ const EditPopover = (props: EditPopoverProps) => {
               <HandleText>{addText || trans("addItem")}</HandleText>
             </Handle>
           )}
+          {edit && (
+            <Handle
+              onClick={(e) => {
+                e.stopPropagation();
+                edit?.();
+                hide();
+              }}
+            >
+              <HandleText>{trans("edit")}</HandleText>
+            </Handle>
+          )}
           {copy && (
             <Handle
               onClick={(e) => {

client/packages/lowcoder/src/components/CompName.tsx

@@ -143,12 +143,22 @@ export const CompName = (props: Iprops) => {
           style={{ color: showSearch ? "#315EFB" : "#8B8FA3" }}
         />
       )}
-      <EditPopover
-        items={items}
-        del={() => GridCompOperator.deleteComp(editorState, editorState.selectedComps())}
-      >
-        <Icon tabIndex={-1} />
-      </EditPopover>
+      { compType === "module" ? (
+        <EditPopover
+          items={items}
+          edit={() => GridCompOperator.editComp(editorState)}
+          del={() => GridCompOperator.deleteComp(editorState, editorState.selectedComps())}
+        >
+          <Icon tabIndex={-1} />
+        </EditPopover>
+      ) : (
+        <EditPopover
+          items={items}
+          del={() => GridCompOperator.deleteComp(editorState, editorState.selectedComps())}
+        >
+          <Icon tabIndex={-1} />
+        </EditPopover>
+      )}
     </CompDiv>
   );
   return (

client/packages/lowcoder/src/comps/utils/gridCompOperator.ts

@@ -27,6 +27,7 @@ import { CustomModal, messageInstance } from "lowcoder-design";
 import { pasteKey, undoKey } from "util/keyUtils";
 import { genRandomKey } from "./idGenerator";
 import { getLatestVersion, getRemoteCompType, parseCompType } from "./remote";
+import { APPLICATION_VIEW_URL } from "@lowcoder-ee/constants/routesURL";
 
 export type CopyCompType = {
   layout: LayoutItem;
@@ -186,6 +187,12 @@ export class GridCompOperator {
     return true;
   }
 
+  static editComp(editorState: EditorState) {
+    const selectedComp = Object.values(editorState.selectedComps())[0];
+    const applicationId = selectedComp.children.comp.children.appId.value
+    window.open(APPLICATION_VIEW_URL(applicationId, "edit"))
+  }
+
   static cutComp(editorState: EditorState, compRecords: Record<string, Comp>) {
     this.copyComp(editorState, compRecords) &&
       this.doDelete(editorState, compRecords) &&