fix: 🐛 data grid can't search

illacloud · Nov 6, 2023 · c2ca4ab · c2ca4ab
1 parent 00468d9
commit c2ca4ab
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/apps/builder/package.json b/apps/builder/package.json
@@ -5,7 +5,7 @@
   "private": true,
   "author": "ILLA Cloud <[email protected]>",
   "license": "Apache-2.0",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "scripts": {
     "dev": "vite --strictPort --force",
     "build-cloud": "NODE_OPTIONS=--max-old-space-size=12288  vite build --mode cloud",

diff --git a/apps/builder/src/widgetLibrary/DataGridWidget/dataGrid.tsx b/apps/builder/src/widgetLibrary/DataGridWidget/dataGrid.tsx
@@ -6,7 +6,14 @@ import {
 } from "@mui/x-data-grid-premium"
 import { GridApiPremium } from "@mui/x-data-grid-premium/models/gridApiPremium"
 import { get, isArray, isNumber, isPlainObject } from "lodash"
-import { FC, MutableRefObject, useEffect, useMemo, useRef } from "react"
+import {
+  FC,
+  MutableRefObject,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+} from "react"
 import { useDispatch } from "react-redux"
 import { getColor } from "@illa-design/react"
 import { dealRawData2ArrayData } from "@/page/App/components/InspectPanel/PanelSetters/DataGridSetter/utils"
@@ -67,8 +74,8 @@ export const DataGridWidget: FC<BaseDataGridProps> = (props) => {
 
   const isInnerDragging = useRef(false)
 
-  const toolbar = () => {
-    return (
+  const toolbar = useCallback(
+    () => (
       <Toolbar
         columnSetting={columnSetting}
         densitySetting={densitySetting}
@@ -81,8 +88,18 @@ export const DataGridWidget: FC<BaseDataGridProps> = (props) => {
           triggerEventHandler("onRefresh")
         }}
       />
-    )
-  }
+    ),
+    [
+      columnSetting,
+      densitySetting,
+      exportAllSetting,
+      exportSetting,
+      filterSetting,
+      quickFilterSetting,
+      refreshSetting,
+      triggerEventHandler,
+    ],
+  )
 
   useEffect(() => {
     updateComponentRuntimeProps({