Merge pull request #2033 from iamfaran/feat/2010-pagesize-event

[Feat]: #2010 add pagesize event

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx

@@ -871,6 +871,9 @@ export const TableToolbar = memo(function TableToolbar(props: {
             if (page !== pagination.current) {
               onEvent("pageChange");
             }
+            if (pageSize !== pagination.pageSize) {
+              onEvent("pageSizeChange");
+            }
           }}
         />
         {hasChange && toolbar.showUpdateButtons && (

client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx

@@ -139,6 +139,11 @@ export const TableEventOptions = [
     value: "pageChange",
     description: trans("table.pageChange"),
   },
+  {
+    label: trans("table.pageSizeChange"),
+    value: "pageSizeChange",
+    description: trans("table.pageSizeChange"),
+  },
   {
     label: trans("table.refresh"),
     value: "refresh",

client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx

@@ -204,6 +204,9 @@ export const TableToolbar = memo(function TableToolbar(props: {
             if (page !== pagination.current) {
               onEvent("pageChange");
             }
+            if (pageSize !== pagination.pageSize) {
+              onEvent("pageSizeChange");
+            }
           }}
         />
       </ToolbarRow>

client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx

@@ -98,6 +98,11 @@ export const TableEventOptions = [
     value: "pageChange",
     description: trans("table.pageChange"),
   },
+  {
+    label: trans("table.pageSizeChange"),
+    value: "pageSizeChange",
+    description: trans("table.pageSizeChange"),
+  },
   {
     label: trans("table.refresh"),
     value: "refresh",

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

@@ -2146,6 +2146,7 @@ export const en = {
     "filterChange": "Filter Change",
     "sortChange": "Sort Change",
     "pageChange": "Page Change",
+    "pageSizeChange": "Page Size Change",
     "refresh": "Refresh",
     "rowColor": "Conditional row color",
     "rowColorDesc": "Conditionally Set the Row Color Based on the Optional Variables: CurrentRow, CurrentOriginalIndex, CurrentIndex, ColumnTitle. For Example: '{{ currentRow.id > 3 ? \"green\" : \"red\" }}'",