Processed immediate activity in Query Library.

Author: Imiss-U1025

client/packages/lowcoder/src/comps/comps/queryLibrary/queryLibraryComp.tsx

@@ -47,9 +47,9 @@ const children = {
 const QueryLibraryCompBase = simpleMultiComp(children);
 
 export const QueryLibraryComp = class extends QueryLibraryCompBase {
-  propertyView(params: { onPublish: () => void; onHistoryShow: () => void }) {
+  propertyView(params: { onPublish: () => void; onHistoryShow: () => void; setModify: any; modify: boolean }) {
     return (
-      <PropertyView comp={this} onPublish={params.onPublish} onHistoryShow={params.onHistoryShow} />
+      <PropertyView comp={this} onPublish={params.onPublish} onHistoryShow={params.onHistoryShow} setModify={params.setModify} modify={params.modify} />
     );
   }
 
@@ -99,11 +99,13 @@ function getMetaData(
 }
 
 const PropertyView = (props: {
-  comp: QueryLibraryCompType;
-  onPublish: () => void;
-  onHistoryShow: () => void;
+    comp: QueryLibraryCompType,
+    onPublish: () => void,
+    onHistoryShow: () => void,
+    setModify?: any
+    modify?: boolean
 }) => {
-  const { comp, onPublish, onHistoryShow } = props;
+  const { comp, onPublish, onHistoryShow, setModify, modify } = props;
 
   const reduxDispatch = useDispatch();
 
@@ -157,12 +159,16 @@ const PropertyView = (props: {
                     CustomModal.confirm({
                       title: trans("queryLibrary.deleteQueryLabel"),
                       content: trans("queryLibrary.deleteQueryContent"),
-                      onConfirm: () =>
+                      onConfirm: () =>{
                         reduxDispatch(
                           deleteQueryLibrary({
                             queryLibraryId: comp.children.query.children.id.getView(),
                           })
-                        ),
+                        )
+                          setTimeout(() => {
+                              setModify(!modify);
+                          }, 500);
+                      },
                       confirmBtnType: "delete",
                       okText: trans("delete"),
                     })

client/packages/lowcoder/src/pages/queryLibrary/LeftNav.tsx

@@ -166,8 +166,10 @@ export const LeftNav = (props: {
   total: number;
   setSearchValues: any;
   searchValues: string;
+  setModify?: any;
+  modify?: boolean;
 }) => {
-  const {currentPage, setCurrentPage, pageSize, setPageSize, total , setSearchValues, searchValues} = props
+  const {currentPage, setCurrentPage, pageSize, setPageSize, total , setSearchValues, searchValues, modify, setModify} = props
   const dispatch = useDispatch();
   const [searchValue, setSearchValue] = useState("");
   const datasourceTypes = useSelector(getDataSourceTypesMap);
@@ -244,8 +246,12 @@ export const LeftNav = (props: {
                                   CustomModal.confirm({
                                     title: trans("queryLibrary.deleteQueryTitle"),
                                     content: trans("queryLibrary.deleteQueryContent"),
-                                    onConfirm: () =>
-                                      dispatch(deleteQueryLibrary({ queryLibraryId: q.id })),
+                                    onConfirm: () => {
+                                      dispatch(deleteQueryLibrary({ queryLibraryId: q.id }))
+                                      setTimeout(() => {
+                                        setModify(!modify);
+                                      }, 200);
+                                    },
                                     confirmBtnType: "delete",
                                     okText: trans("delete"),
                                   }),

client/packages/lowcoder/src/pages/queryLibrary/QueryLibraryEditor.tsx

@@ -91,7 +91,8 @@ export const QueryLibraryEditor = () => {
   const [queryLibrary, setQueryLibrary] = useState<any>({});
   const [currentPage, setCurrentPage] = useState(1);
   const [pageSize, setPageSize] = useState(10);
-  const [searchValues, setSearchValues] = useState("")
+  const [searchValues, setSearchValues] = useState("");
+  const [modify, setModify] = useState(false);
 
   const selectedRecords = queryLibraryRecords[selectedQuery] ?? {};
   const libraryQuery = queryLibrary[selectedQuery];
@@ -133,7 +134,7 @@ export const QueryLibraryEditor = () => {
         } catch (error) {
             console.error(error)
         }
-    }, [currentPage, pageSize, searchValues, setSearchValues])
+    }, [currentPage, pageSize, searchValues, modify])
 
   useEffect(() => {
     if (orgId) {
@@ -234,6 +235,8 @@ export const QueryLibraryEditor = () => {
           total={elements.total}
           setSearchValues={setSearchValues}
           searchValues={searchValues}
+          setModify={setModify}
+          modify={modify}
         />
         <RightContent>
           {!selectedQuery || !comp?.children.query.children.id.getView() ? (
@@ -247,6 +250,8 @@ export const QueryLibraryEditor = () => {
             comp.propertyView({
               onPublish: () => setPublishModalVisible(true),
               onHistoryShow: () => setShowHistory(true),
+              setModify: setModify,
+              modify: modify
             })
           )}