lazy load shapes comp

lowcoder-org · FalkWolsky · May 11, 2024 · Apr 18, 2024 · Apr 18, 2024 · Apr 18, 2024
commit 9143dd552df7c6037393dbd880a6abd19cfd4f5c
diff --git a/client/packages/lowcoder/package.json b/client/packages/lowcoder/package.json
@@ -130,4 +130,4 @@
     "vite-plugin-svgr": "^2.2.2",
     "vite-tsconfig-paths": "^3.6.0"
   }
-}
+}
diff --git a/client/packages/lowcoder/src/comps/comps/gridItemComp.tsx b/client/packages/lowcoder/src/comps/comps/gridItemComp.tsx
@@ -49,6 +49,7 @@ const TmpComp = withTypeAndChildren<
         continue;
       }
 
+      console.log(manifest);
       if(manifest.lazyLoad) {
         return lazyLoadComp(
           manifest.compName,

diff --git a/client/packages/lowcoder/src/comps/index.tsx b/client/packages/lowcoder/src/comps/index.tsx
@@ -116,14 +116,14 @@ const builtInRemoteComps: Omit<RemoteCompInfo, "compName"> = {
 export var uiCompMap: Registry = { 
   // Dashboards
 
-  // charts
   shape: {
     name: trans("uiComp.shapeCompName"),
-    enName: "Chart",
+    enName: "Shape",
     description: trans("uiComp.shapeCompDesc"),
     categories: ["dashboards"],
     icon: ChartCompIcon,
     keywords: trans("uiComp.shapeCompKeywords"),
+    lazyLoad: true,
     compName: "ShapeComp",
     compPath: "comps/shapeComp/shapeComp",
     layoutInfo: {
@@ -132,6 +132,7 @@ export var uiCompMap: Registry = {
     },
   },
 
+  // charts
   chart: {
     name: trans("uiComp.chartCompName") + " (legacy)",
     enName: "Chart",

diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -1126,6 +1126,10 @@ export const en = {
     "chartCompDesc": "A versatile component for visualizing data through various types of charts and graphs.",
     "chartCompKeywords": "chart, graph, data, visualization",
 
+    "shapeCompName": "Shape",
+    "shapeCompDesc": "",
+    "shapeCompKeywords": "shape",
+
     "carouselCompName": "Image Carousel",
     "carouselCompDesc": "A rotating carousel component for showcasing images, banners, or content slides.",
     "carouselCompKeywords": "carousel, images, rotation, showcase",

diff --git a/client/packages/lowcoder/src/pages/editor/editorConstants.tsx b/client/packages/lowcoder/src/pages/editor/editorConstants.tsx
@@ -199,4 +199,6 @@ export const CompStateIcon: {
   transfer: <TransferCompIconSmall />,
   card: <CardCompIconSmall />,
   timer: <TimeRangeCompIconSmall/>,
+
+  shape: <ChartCompIconSmall />,
 };
diff --git a/client/yarn.lock b/client/yarn.lock
@@ -7425,13 +7425,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"coolshapes-react@file:/Users/la/Desktop/coolshapes-react::locator=lowcoder%40workspace%3Apackages%2Flowcoder":
+coolshapes-react@lowcoder-org/coolshapes-react:
   version: 1.0.1
-  resolution: "coolshapes-react@file:/Users/la/Desktop/coolshapes-react#/Users/la/Desktop/coolshapes-react::hash=163e05&locator=lowcoder%40workspace%3Apackages%2Flowcoder"
+  resolution: "coolshapes-react@https://github.com/lowcoder-org/coolshapes-react.git#commit=0530e0e01feeba965286c1321f9c1cacb47bf587"
   peerDependencies:
     react: ">=16.8"
     react-dom: ">=16.8"
-  checksum: 858b8476d410d3faae4cb26aab768d7a9d370befd51f54004540b84a08f27f5f11aa6ff4b76dca9f4dee82edfcd030d528819fabdbc82d2a6b0462b6f2d94ff3
+  checksum: e1b199f0325e87865cf6d89d4891ee84f4930196d21eed2356f4f2d2af8e748b8ad3889d1c9da2f5db6971913f75bd0f800b67a443ab7f4e972678031ce5c717
   languageName: node
   linkType: hard
 
@@ -13675,7 +13675,7 @@ __metadata:
     buffer: ^6.0.3
     clsx: ^2.0.0
     cnchar: ^3.2.4
-    coolshapes-react: /Users/la/Desktop/coolshapes-react
+    coolshapes-react: lowcoder-org/coolshapes-react
     copy-to-clipboard: ^3.3.3
     core-js: ^3.25.2
     dotenv: ^16.0.3
-Original file line number
+Diff line change
@@ Expand Up / @@ -130,4 +130,4 @@ @@
         "vite-plugin-svgr": "^2.2.2",
         "vite-tsconfig-paths": "^3.6.0"
       }
-    }
+    }