gomtm 0.0.327 → 0.0.329

package/dist/esm/curd/edit/CurdEditPanel.js

@@ -4,6 +4,8 @@ import { flexRender } from "mtxuilib/lib/render";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { FullScreenPanel } from "mtxuilib/ui/ui-mt/FullScreenEditPanel";
+import { useMemo } from "react";
+import { useGomtmSuspenseQuery } from "../../gomtmQuery";
 import { useListview } from "../listview/list-store";
 function CurdEditPanel(props) {
   const { fullScreen } = props;
@@ -14,7 +16,7 @@ function CurdEditPanel(props) {
     return null;
   }
   if (fullScreen) {
-    return /* @__PURE__ */ jsx(FullScreenPanel, { children: openEdit && editRender && flexRender(editRender, {}) });
+    return /* @__PURE__ */ jsx(WithLoadGetData, { children: /* @__PURE__ */ jsx(FullScreenPanel, { children: openEdit && editRender && flexRender(editRender, {}) }) });
   }
   return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }),
@@ -24,6 +26,26 @@ function CurdEditPanel(props) {
     }, children: "xxxxx" })
   ] }) });
 }
+const WithLoadGetData = (props) => {
+  const { children } = props;
+  const methodGet = useListview((x) => x.methodGet);
+  const svc = useListview((x) => x.svc);
+  const activateItem = useListview((x) => x.activateItem);
+  const setDetailData = useListview((x) => x.setDetailData);
+  const detailQuery = useGomtmSuspenseQuery(svc, methodGet, {
+    id: parseInt(activateItem.id)
+  });
+  useMemo(() => {
+    setDetailData(detailQuery.data);
+  }, [detailQuery.data, setDetailData]);
+  if (detailQuery.isLoading) {
+    return /* @__PURE__ */ jsx("div", { children: "loading detail" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-red-200 p-2", children: [
+    "WithLoadGetData",
+    children
+  ] });
+};
 const CurdEditPanelTriggerButton = () => {
   const setOpenEdit = useListview((x) => x.setOpenEdit);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {

package/dist/esm/curd/listview/list-store.d.ts

@@ -5,8 +5,9 @@ interface ListViewStateProps {
     svc: string;
     methodList: string;
     methodGet: string;
-    methodDelete: string;
+    methodUpdate: string;
     methodCreate?: string;
+    methodDelete: string;
     paramsGet?: any;
     paramsList?: any;
     slugPath?: string;
@@ -29,6 +30,7 @@ export interface ListViewState extends ListViewStateProps {
     loadListData: () => Promise<any>;
     nextPage: () => void;
     setEditRender: (a: Renderable<any>) => void;
+    setDetailData: (detailData: any) => void;
 }
 export declare const listViewContext: import("react").Context<import("zustand").StoreApi<ListViewState> | null>;
 type BearProviderProps = React.PropsWithChildren<ListViewStateProps>;

package/dist/esm/curd/listview/list-store.js

@@ -62,6 +62,7 @@ const createListviewStore = (initProps) => {
   const DEFAULT_PROPS = {
     svc: initProps.svc || "",
     methodList: initProps.methodList || "",
+    methodUpdate: "",
     methodGet: "",
     methodDelete: "",
     methodCreate: "",
@@ -96,7 +97,8 @@ const createListviewStore = (initProps) => {
     }),
     nextPage: () => {
     },
-    setEditRender: (editRender) => set({ editRender })
+    setEditRender: (editRender) => set({ editRender }),
+    setDetailData: (detailData) => set({ detailData })
   }));
 };
 const listViewContext = createContext(null);

package/dist/esm/gomtmQuery.js

@@ -63,7 +63,7 @@ function useGomtmSuspenseInfiniteQuery(svc, method, input) {
 const useGomtmMutation = (svc, method) => {
   const fn = useGmtmQjeryFn();
   return useMutation({
-    mutationFn: (input) => fn(svc, method)
+    mutationFn: (input) => fn(svc, method, input)
   });
 };
 export {