refactor component structure

iamfaran · iamfaran · commit d1d9b9267663 · 2025-06-30T23:39:09.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp.tsx b/client/packages/lowcoder/src/comps/comps/chatComp.tsx
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/chatComp.tsx b/client/packages/lowcoder/src/comps/comps/chatComp/chatComp.tsx
@@ -0,0 +1,19 @@
+// client/packages/lowcoder/src/comps/comps/chatComp/chatComp.tsx
+import { UICompBuilder } from "comps/generators";
+import { NameConfig, withExposingConfigs } from "comps/generators/withExposing";
+import { chatChildrenMap } from "./chatCompTypes";
+import { ChatView } from "./chatView";
+import { ChatPropertyView } from "./chatPropertyView";
+
+// Build the component
+const ChatTmpComp = new UICompBuilder(
+  chatChildrenMap, 
+  (props) => <ChatView {...props} />
+)
+  .setPropertyViewFn((children) => <ChatPropertyView children={children} />)
+  .build();
+
+// Export the component
+export const ChatComp = withExposingConfigs(ChatTmpComp, [
+  new NameConfig("text", "Chat component text"),
+]);
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/chatCompTypes.ts b/client/packages/lowcoder/src/comps/comps/chatComp/chatCompTypes.ts
@@ -0,0 +1,11 @@
+// client/packages/lowcoder/src/comps/comps/chatComp/chatCompTypes.ts
+import { StringControl } from "comps/controls/codeControl";
+import { withDefault } from "comps/generators";
+
+export const chatChildrenMap = {
+  text: withDefault(StringControl, "Chat Component Placeholder"),
+};
+
+export type ChatCompProps = {
+  text: string;
+};
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/chatPropertyView.tsx b/client/packages/lowcoder/src/comps/comps/chatComp/chatPropertyView.tsx
@@ -0,0 +1,15 @@
+// client/packages/lowcoder/src/comps/comps/chatComp/chatPropertyView.tsx
+import React from "react";
+import { Section, sectionNames } from "lowcoder-design";
+
+export const ChatPropertyView = React.memo((props: any) => {
+  return (
+    <Section name={sectionNames.basic}>
+      {props.children.text.propertyView({ 
+        label: "Text" 
+      })}
+    </Section>
+  );
+});
+
+ChatPropertyView.displayName = 'ChatPropertyView';
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/chatView.tsx b/client/packages/lowcoder/src/comps/comps/chatComp/chatView.tsx
@@ -0,0 +1,18 @@
+// client/packages/lowcoder/src/comps/comps/chatComp/chatView.tsx
+import React from "react";
+import { ChatCompProps } from "./chatCompTypes";
+
+export const ChatView = React.memo((props: ChatCompProps) => {
+  return (
+    <div style={{ 
+      height: '100%', 
+      border: '1px solid #ccc', 
+      padding: '16px',
+      borderRadius: '4px'
+    }}>
+      {props.text}
+    </div>
+  );
+});
+
+ChatView.displayName = 'ChatView';
diff --git a/client/packages/lowcoder/src/comps/comps/chatComp/index.ts b/client/packages/lowcoder/src/comps/comps/chatComp/index.ts
@@ -0,0 +1,3 @@
+// client/packages/lowcoder/src/comps/comps/chatComp/index.ts
+export { ChatComp } from "./chatComp";
+export type { ChatCompProps } from "./chatCompTypes";

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+// client/packages/lowcoder/src/comps/comps/chatComp/index.ts`
	`2`	`+export { ChatComp } from "./chatComp";`
	`3`	`+export type { ChatCompProps } from "./chatCompTypes";`