Skip to content

[Feat]: Copy components #2141

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
raheeliftikhar5 merged 5 commits into from
Apr 20, 2026
Merged

[Feat]: Copy components #2141

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
668c989
[Feat]: #1755 add ability to copy the Hook components
iamfaran Apr 7, 2026
ff79f07
[Feat]: #1755 remove hardcoded hook components
iamfaran Apr 8, 2026
1740278
fix: #1755 nested components inside hook components
iamfaran Apr 8, 2026
117c03f
add copy component from one app to another
iamfaran Apr 9, 2026
9f06807
fix: copy/paste logic + add message
iamfaran Apr 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
[Feat]: #1755 remove hardcoded hook components
  • Loading branch information
@iamfaran
iamfaran committed Apr 8, 2026
commit ff79f07632848e8fcea5dd5f75ee9264dac72a7e
21 changes: 6 additions & 15 deletions client/packages/lowcoder/src/comps/utils/hookCompOperator.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,24 +1,15 @@
import { HookComp } from "comps/hooks/hookComp";
import { EditorState } from "comps/editorState";
import { singletonHookComp } from "comps/hooks/hookCompTypes";
import { wrapActionExtraInfo, type Comp } from "lowcoder-core";
import { messageInstance } from "lowcoder-design";
import { trans } from "i18n";

type CopyableHookType = "modal" | "drawer";

type CopyableHookComp = HookComp & {
children: HookComp["children"] & {
compType: { getView: () => CopyableHookType };
};
};

const copyableHookTypes = new Set<CopyableHookType>(["modal", "drawer"]);

export class HookCompOperator {
private static copyHooks: CopyableHookComp[] = [];
private static copyHooks: HookComp[] = [];

/**
* Copy modals/drawers by name from selectedCompNames.
* Copy non-singleton hook components by name from selectedCompNames.
*/
static copyComp(editorState: EditorState, compRecords: Record<string, Comp>) {
const selectedNames = Array.from(editorState.selectedCompNames);
Expand All @@ -31,8 +22,8 @@ export class HookCompOperator {
.filter((comp: any) => {
const name = comp.children.name.getView();
const compType = comp.children.compType.getView();
return selectedNames.includes(name) && copyableHookTypes.has(compType);
}) as CopyableHookComp[];
return selectedNames.includes(name) && !singletonHookComp(compType);
}) as HookComp[];

if (!selectedHookComps.length) {
return false;
Expand All @@ -48,7 +39,7 @@ export class HookCompOperator {
}

/**
* Paste previously copied modals/drawers and re-generate nested component names.
* Paste previously copied hook components and re-generate nested component names.
*/
static pasteComp(editorState: EditorState) {
if (!this.copyHooks.length) {
Expand Down