added delete_component action

raheeliftikhar5 · raheeliftikhar5 · commit 25b0f43b5538 · 2025-08-20T22:02:37.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/components/ChatCoreMain.tsx b/client/packages/lowcoder/src/comps/comps/chatComp/components/ChatCoreMain.tsx
@@ -21,7 +21,7 @@ import styled from "styled-components";
 import { trans } from "i18n";
 import { EditorContext, EditorState } from "@lowcoder-ee/comps/editorState";
 import { configureComponentAction } from "../../preLoadComp/actions/componentConfiguration";
-import { addComponentAction, moveComponentAction, nestComponentAction, resizeComponentAction } from "../../preLoadComp/actions/componentManagement";
+import { addComponentAction, deleteComponentAction, moveComponentAction, nestComponentAction, resizeComponentAction } from "../../preLoadComp/actions/componentManagement";
 import { applyThemeAction, configureAppMetaAction, setCanvasSettingsAction } from "../../preLoadComp/actions/appConfiguration";
 
 // ============================================================================
@@ -192,6 +192,20 @@ export function ChatCoreMain({
             selectedCustomShortcutAction: null
           });
           break;
+        case "delete_component":
+          await deleteComponentAction.execute({
+            actionKey: action,
+            actionValue: component,
+            actionPayload: action_payload,
+            selectedComponent: component,
+            selectedEditorComponent: null,
+            selectedNestComponent: null,
+            editorState: editorStateRef.current,
+            selectedDynamicLayoutIndex: null,
+            selectedTheme: null,
+            selectedCustomShortcutAction: null
+          });
+          break;
         case "set_theme":
           await applyThemeAction.execute({
             actionKey: action,
@@ -237,7 +251,7 @@ export function ChatCoreMain({
         default:
           break;
       }
-      await new Promise(resolve => setTimeout(resolve, 1000));
+      await new Promise(resolve => setTimeout(resolve, 1500));
     }
   };
 
diff --git a/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/componentManagement.ts b/client/packages/lowcoder/src/comps/comps/preLoadComp/actions/componentManagement.ts
@@ -305,7 +305,7 @@ export const deleteComponentAction: ActionConfig = {
   requiresEditorComponentSelection: true,
   requiresInput: false,
   execute: async (params: ActionExecuteParams) => {
-    const { selectedEditorComponent, editorState } = params;
+    const { actionPayload: { component_name: selectedEditorComponent }, editorState } = params; 
     
     if (!selectedEditorComponent || !editorState) {
       message.error('Component and editor state are required');
@@ -322,11 +322,6 @@ export const deleteComponentAction: ActionConfig = {
 
       const { allAppComponents } = componentInfo;
       const targetComponent = allAppComponents.find(comp => comp.name === selectedEditorComponent);
-      
-      if (!targetComponent) {
-        message.error(`Component "${selectedEditorComponent}" not found in application`);
-        return;
-      }
 
       const targetInfo = findTargetComponent(editorState, selectedEditorComponent);
 
