register table lite comp

Author: iamfaran

client/packages/lowcoder/src/comps/index.tsx

@@ -122,6 +122,8 @@ import {
 import { ModuleComp } from "./comps/moduleComp/moduleComp";
 import { TableComp } from "./comps/tableComp/tableComp";
 import { defaultTableData } from "./comps/tableComp/mockTableComp";
+import { TableLiteComp } from "./comps/tableLiteComp/tableComp";
+import { defaultTableData as defaultTableLiteData } from "./comps/tableLiteComp/mockTableComp";
 import { ContainerComp, defaultContainerData } from "./comps/containerComp/containerComp";
 import { ColumnLayoutComp } from "./comps/columnLayout/columnLayout";
 import { TabbedContainerComp } from "./comps/tabs/tabbedContainerComp";
@@ -489,6 +491,22 @@ export var uiCompMap: Registry = {
     defaultDataFn: defaultTableData,
   },
 
+  tableLite: {
+    name: trans("uiComp.tableLiteCompName"),
+    enName: "Table Lite",
+    description: trans("uiComp.tableLiteCompDesc"),
+    categories: ["dashboards", "projectmanagement"],
+    icon: TableCompIcon,
+    keywords: trans("uiComp.tableLiteCompKeywords"),
+    comp: TableLiteComp,
+    layoutInfo: {
+      w: 12,
+      h: 40,
+    },
+    withoutLoading: true,
+    defaultDataFn: defaultTableLiteData,
+  },
+
   pivotTable: {
     name: trans("uiComp.pivotTableCompName"),
     enName: "pivotTable",

client/packages/lowcoder/src/comps/uiCompRegistry.ts

@@ -93,6 +93,7 @@ export type UICompType =
   | "dropdown"
   | "text"
   | "table"
+  | "tableLite"
   | "image"
   | "progress"
   | "progressCircle"

client/packages/lowcoder/src/i18n/locales/en.ts

@@ -1133,6 +1133,10 @@ export const en = {
     "tableCompDesc": "A rich table component for displaying data in a structured table format, with options for sorting and filtering, tree Data display and extensible Rows.",
     "tableCompKeywords": "table, data, sorting, filtering",
 
+    "tableLiteCompName": "Table Lite",
+    "tableLiteCompDesc": "A lightweight, high-performance table component optimized for displaying many rows fast, with essential sorting and filtering capabilities.",
+    "tableLiteCompKeywords": "table, data, sorting, filtering, performance, lite",
+
     "imageCompName": "Image",
     "imageCompDesc": "A component for displaying images, supporting various formats based on URI or Base64 Data.",
     "imageCompKeywords": "image, display, media, Base64",

client/packages/lowcoder/src/pages/editor/editorConstants.tsx

@@ -237,6 +237,7 @@ export const CompStateIcon: {
   signature: <MemoizedIcon Icon={SignatureCompIconSmall} />,
   step: <MemoizedIcon Icon={StepCompIconSmall} />,
   table: <MemoizedIcon Icon={TableCompIconSmall} />,
+  tableLite: <MemoizedIcon Icon={TableCompIconSmall} />,
   text: <MemoizedIcon Icon={TextCompIconSmall} />,
   multiTags: <MemoizedIcon Icon={TagsCompIconSmall} />, 
   timeline: <MemoizedIcon Icon={TimeLineCompIconSmall} />,