gomtm 0.0.344 → 0.0.345

package/dist/esm/components/SSR.d.ts

@@ -1,10 +1,10 @@
 import { PropsWithChildren } from "react";
-export declare function PrefetchConnectInfiniteQuery(props: {
+export declare function PrefetchConnectQuery(props: {
     svc: string;
     method: string;
     input?: any;
 } & PropsWithChildren): Promise<import("react").JSX.Element>;
-export declare function PrefetchConnectQuery(props: {
+export declare function PrefetchConnectInfiniteQuery(props: {
     svc: string;
     method: string;
     input?: any;

package/dist/esm/components/SSR.js

@@ -37,34 +37,34 @@ var __async = (__this, __arguments, generator) => {
 import { jsx } from "react/jsx-runtime";
 import { HydrationBoundary, QueryClient, dehydrate } from "@tanstack/react-query";
 import { createInfiniteQueryKey, createQueryKey, goMtmQueryFn } from "../mtmFetcher";
-function PrefetchConnectInfiniteQuery(props) {
+function PrefetchConnectQuery(props) {
   return __async(this, null, function* () {
     const { svc, method, input, children } = props;
     const queryClient = new QueryClient();
-    const queryKey = createInfiniteQueryKey(svc, method, input);
+    const queryKey = createQueryKey(svc, method, input);
     const data = yield goMtmQueryFn({ svc, method, input });
-    yield queryClient.prefetchInfiniteQuery({
+    yield queryClient.prefetchQuery({
       queryKey,
       queryFn: (k) => __async(this, null, function* () {
         return data;
-      }),
-      initialPageParam: __spreadValues({}, input)
+      })
     });
     const dehydratedState = dehydrate(queryClient);
     return /* @__PURE__ */ jsx(HydrationBoundary, { state: dehydratedState, children });
   });
 }
-function PrefetchConnectQuery(props) {
+function PrefetchConnectInfiniteQuery(props) {
   return __async(this, null, function* () {
     const { svc, method, input, children } = props;
     const queryClient = new QueryClient();
-    const queryKey = createQueryKey(svc, method, input);
+    const queryKey = createInfiniteQueryKey(svc, method, input);
     const data = yield goMtmQueryFn({ svc, method, input });
-    yield queryClient.prefetchQuery({
+    yield queryClient.prefetchInfiniteQuery({
       queryKey,
       queryFn: (k) => __async(this, null, function* () {
         return data;
-      })
+      }),
+      initialPageParam: __spreadValues({}, input)
     });
     const dehydratedState = dehydrate(queryClient);
     return /* @__PURE__ */ jsx(HydrationBoundary, { state: dehydratedState, children });

package/dist/esm/curd/CurdView.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { PlainMessage } from "@bufbuild/protobuf";
+import { CurdView } from "../gomtmpb/mtm/sppb/mtm_pb";
+interface CurdViewProps {
+    backendUrl?: string;
+    curdView: PlainMessage<CurdView>;
+}
+export interface ListViewState extends CurdViewProps {
+}
+export declare const curdViewContext: import("react").Context<import("zustand").StoreApi<ListViewState> | null>;
+type CurdViewProviderProps = React.PropsWithChildren<CurdViewProps>;
+export declare const CurdViewProvider: (props: CurdViewProviderProps) => import("react").JSX.Element;
+export declare function useCurdView<T>(selector: (state: ListViewState) => T): T;
+export declare const CurdViewView: (props: {
+    name: string;
+}) => import("react").JSX.Element | null;
+export {};

package/dist/esm/curd/CurdView.js

@@ -0,0 +1,100 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { toPlainMessage } from "@bufbuild/protobuf";
+import { createContext, useContext, useRef } from "react";
+import { createStore, useStore } from "zustand";
+import { useGomtmSuspenseQuery } from "../gomtmQuery";
+import { curdViewGet } from "../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
+import { CurdView } from "../gomtmpb/mtm/sppb/mtm_pb";
+import { CommonListViewV2 } from "./listview/CommonListViewV2";
+import { ListViewStoreProvider } from "./listview/list-store";
+const createListviewStore = (initProps) => {
+  const DEFAULT_PROPS = {
+    backendUrl: "",
+    curdView: toPlainMessage(new CurdView())
+  };
+  return createStore()((set, get) => __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_PROPS), initProps), {
+    openRemove: false,
+    nextPage: () => {
+    }
+  }));
+};
+const curdViewContext = createContext(null);
+const CurdViewProvider = (props) => {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createListviewStore(props);
+  }
+  return /* @__PURE__ */ jsx(curdViewContext.Provider, { value: storeRef.current, children });
+};
+function useCurdView(selector) {
+  const store = useContext(curdViewContext);
+  if (!store)
+    throw new Error("useCurd Missing CurdViewProvider in the tree");
+  return useStore(store, selector);
+}
+const CurdViewView = (props) => {
+  const { name } = props;
+  const query = useGomtmSuspenseQuery(curdViewGet.service.typeName, curdViewGet.name, {
+    name
+  });
+  if (!query.data) {
+    return null;
+  }
+  switch (query.data.item.case) {
+    case "error":
+      return /* @__PURE__ */ jsx("div", { children: "error222" });
+    default:
+      if (!query.data.item.value) {
+        return /* @__PURE__ */ jsx("div", { children: "missing curd data222" });
+      }
+      const curdViewData = query.data.item.value;
+      return /* @__PURE__ */ jsx("div", { className: "bg-red-100 p-2", children: /* @__PURE__ */ jsx(CurdViewProvider, { curdView: curdViewData, children: /* @__PURE__ */ jsx(
+        ListViewStoreProvider,
+        {
+          slugPath: "/post",
+          svc: curdViewData.svcName,
+          methodList: curdViewData.methodList,
+          children: /* @__PURE__ */ jsx(CommonListViewV2, {})
+        }
+      ) }) });
+  }
+};
+export {
+  CurdViewProvider,
+  CurdViewView,
+  curdViewContext,
+  useCurdView
+};

package/dist/esm/curd/CurdViewSS.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+export declare const CurdViewSS: (props: {
+    name: string;
+} & PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/curd/CurdViewSS.js

@@ -0,0 +1,10 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { CurdViewView } from "./CurdView";
+const CurdViewSS = (props) => {
+  const { name } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CurdViewView, { name }) });
+};
+export {
+  CurdViewSS
+};

package/dist/esm/curd/listview/CommonListView.js

@@ -2,14 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
-import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { Suspense, lazy, useMemo, useState } from "react";
-import { useHotkeys } from "react-hotkeys-hook";
+import { Suspense, lazy } from "react";
 import { MtmErrorView } from "../../components/MtmErrorView";
-import { HOTKEY_Listview_Switchlayout } from "../../consts";
 import { useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
 import { CurdCreatePanelTriggerButton } from "../create/CurdCreatePanel";
 import { CommontListResView } from "../list-item/ListViewLayoutRender";
@@ -68,39 +65,6 @@ const ListViewActions = () => {
     ] })
   ] });
 };
-const ListViewLayout = (props) => {
-  const layout = useListview((x) => x.layout);
-  const { children } = props;
-  const Layout = useMemo(() => {
-    switch (layout) {
-      case "demo":
-        return LzListViewLayoutDemo;
-      default:
-        return LzListViewLayoutDefault;
-    }
-  }, [layout]);
-  return /* @__PURE__ */ jsx(Layout, { children });
-};
-const ListViewLayoutSwitch = () => {
-  const layout = useListview((x) => x.layout);
-  const setLayout = useListview((x) => x.setLayout);
-  const [open, setOpen] = useState(false);
-  useHotkeys(HOTKEY_Listview_Switchlayout, () => {
-    setOpen((pre) => !pre);
-  }, [open, setOpen]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsxs(DialogTitle, { children: [
-      "LayoutSwitch,",
-      layout
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout2) => {
-      return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        setLayout(layout2);
-        setOpen(false);
-      }, children: layout2 }, layout2);
-    }) })
-  ] }) });
-};
 export {
   CommonListView,
   ListViewActions,

package/dist/esm/curd/listview/CommonListViewV2.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const LzListViewLayoutDemo: import("react").LazyExoticComponent<typeof import("./listview-layouts/listviewlayout-demo").default>;
+export declare const LzListViewLayoutDefault: import("react").LazyExoticComponent<typeof import("./listview-layouts/default").default>;
+export declare function CommonListViewV2(): import("react").JSX.Element | null;
+export declare const ListViewActions: () => import("react").JSX.Element;

package/dist/esm/curd/listview/CommonListViewV2.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icons } from "mtxuilib/icons/icons";
+import { cn } from "mtxuilib/lib/utils";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { Suspense, lazy } from "react";
+import { MtmErrorView } from "../../components/MtmErrorView";
+import { useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
+import { useCurdView } from "../CurdView";
+import { CommontListResView } from "../list-item/ListViewLayoutRender";
+const LzListViewLayoutDemo = lazy(() => import("./listview-layouts/listviewlayout-demo"));
+const LzListViewLayoutDefault = lazy(() => import("./listview-layouts/default"));
+function CommonListViewV2() {
+  const curdView = useCurdView((x) => x.curdView);
+  const listQuery = useGomtmSuspenseInfiniteQuery(curdView.svcName, curdView == null ? void 0 : curdView.methodList, {});
+  if (!(listQuery == null ? void 0 : listQuery.data)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full"
+          // 滚动设置
+          // " max-h-[700px] overflow-y-auto"
+        ),
+        children: listQuery.data.pages.map((page, i) => {
+          if (page.errCode) {
+            return /* @__PURE__ */ jsx(MtmErrorView, { unaryError: page }, i);
+          } else {
+            return /* @__PURE__ */ jsx(CommontListResView, { data: page }, i);
+          }
+        })
+      }
+    ),
+    listQuery.data.pages && !!listQuery.data.pages.length && /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { href: "#" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", children: "1" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", isActive: true, children: "2" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", children: "3" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, { href: "#" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1" })
+  ] });
+}
+const ListViewActions = () => {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { variant: "ghost", className: "m-0 flex h-10 w-10 items-center justify-center border p-0 shadow-sm backdrop-blur", children: /* @__PURE__ */ jsx(Icons.ellipsis, {}) }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { className: "w-56", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "List \u64CD\u4F5C" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx("div", { className: "bg-yellow-100 p-2" }) }) }) }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+    ] })
+  ] });
+};
+export {
+  CommonListViewV2,
+  ListViewActions,
+  LzListViewLayoutDefault,
+  LzListViewLayoutDemo
+};

package/dist/esm/curd/listview/ListViewRender.js

@@ -10,7 +10,7 @@ const ListViewRender = (props) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(CommonListView, {}),
     /* @__PURE__ */ jsxs(Suspense, { children: [
-      /* @__PURE__ */ jsx(CurdCreatePanel, {}),
+      /* @__PURE__ */ jsx(CurdCreatePanel, { fullScreen: true }),
       /* @__PURE__ */ jsx(CurdEditPanel, { fullScreen: true }),
       /* @__PURE__ */ jsx(PanelRemove, {})
     ] }),

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

@@ -1,5 +1,7 @@
 import { Renderable } from 'mtxuilib/lib/render';
 import { ComponentProps, PropsWithChildren } from 'react';
+import { PlainMessage } from '@bufbuild/protobuf';
+import { CurdView } from '../../gomtmpb/mtm/sppb/mtm_pb';
 interface ListViewStateProps {
     backendUrl?: string;
     svc: string;
@@ -20,6 +22,7 @@ interface ListViewStateProps {
     editorComponentName?: string;
     createRender?: Renderable<any>;
     createComponentName?: string;
+    curdView?: PlainMessage<CurdView>;
 }
 export interface ListViewState extends ListViewStateProps {
     openRemove: boolean;
@@ -41,6 +44,6 @@ type BearProviderProps = React.PropsWithChildren<ListViewStateProps>;
 export declare const ListViewStoreProvider: (props: BearProviderProps) => import("react").JSX.Element;
 export declare const ListView: (props: Omit<ComponentProps<typeof ListViewStoreProvider>, 'backendUrl'> & PropsWithChildren) => import("react").JSX.Element;
 export declare function useListview<T>(selector: (state: ListViewState) => T): T;
-export declare const useCurdUpdateMutation: () => import("@tanstack/react-query").UseMutationResult<any, Error, any, unknown>;
-export declare const useCurdCreateMutation: () => import("@tanstack/react-query").UseMutationResult<any, Error, any, unknown>;
+export declare const useCurdUpdateMutation: () => import("@tanstack/react-query").UseMutationResult<unknown, any, any, any>;
+export declare const useCurdCreateMutation: () => import("@tanstack/react-query").UseMutationResult<unknown, any, any, any>;
 export {};

package/dist/esm/curd/remove/RemovePanel.js

@@ -26,13 +26,23 @@ import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { useCallback } from "react";
 import { useGomtmMutation } from "../../gomtmQuery";
+import { createQueryKey } from "../../mtmFetcher";
 import { useListview } from "../listview/list-store";
 function useCurdRemove() {
   const svc = useListview((x) => x.svc);
   const openRemove = useListview((x) => x.openRemove);
   const setOpenRemove = useListview((x) => x.setOpenRemove);
   const methodDelete = useListview((x) => x.methodDelete);
-  const mutation = useGomtmMutation(svc, methodDelete);
+  const methodList = useListview((x) => x.methodList);
+  const mutation = useGomtmMutation(svc, methodDelete, {
+    onSuccess(data, variables, context) {
+      console.log("remove sucess", data);
+      queryClient.invalidateQueries({
+        queryKey: createQueryKey(svc, methodList)
+      });
+      setOpenRemove(false);
+    }
+  });
   const activateItem = useListview((x) => x.activateItem);
   const router = useMtRouter();
   const queryClient = useQueryClient();
@@ -40,10 +50,7 @@ function useCurdRemove() {
     yield mutation.mutateAsync({
       id: activateItem == null ? void 0 : activateItem.id
     });
-    setOpenRemove(false);
-    router.refresh();
-    queryClient.invalidateQueries();
-  }), [activateItem == null ? void 0 : activateItem.id, mutation, queryClient, router, setOpenRemove]);
+  }), [activateItem == null ? void 0 : activateItem.id, mutation]);
   return {
     handlerSubmit,
     open: openRemove,

package/dist/esm/gomtmQuery.d.ts

@@ -1,6 +1,7 @@
 import { PlainMessage } from "@bufbuild/protobuf";
+import { DefaultError, UseMutationOptions } from "@tanstack/react-query";
 import { MtmError } from "./gomtmpb/mtm/sppb/mtm_pb";
-export declare const useGomtmQuery: (svc: string, method: string, input?: any) => import("@tanstack/react-query").UseQueryResult<any, Error>;
-export declare const useGomtmSuspenseQuery: (svc: string, method: string, input?: any) => import("@tanstack/react-query").UseSuspenseQueryResult<any, Error>;
+export declare function useGomtmQuery<T = any>(svc: string, method: string, input?: any): import("@tanstack/react-query").UseQueryResult<T, Error>;
+export declare function useGomtmSuspenseQuery<T = any>(svc: string, method: string, input?: any): import("@tanstack/react-query").UseSuspenseQueryResult<T, Error>;
 export declare function useGomtmSuspenseInfiniteQuery<T = any>(svc: string, method: string, input?: any): import("@tanstack/react-query").UseSuspenseInfiniteQueryResult<import("@tanstack/react-query").InfiniteData<T & PlainMessage<MtmError>, unknown>, Error>;
-export declare const useGomtmMutation: (svc: string, method: string) => import("@tanstack/react-query").UseMutationResult<any, Error, any, unknown>;
+export declare function useGomtmMutation<TData = unknown, TError = DefaultError, TVariables = void, TContext = unknown>(svc: string, method: string, options?: UseMutationOptions): import("@tanstack/react-query").UseMutationResult<TData, any, any, any>;

package/dist/esm/gomtmQuery.js

@@ -1,4 +1,23 @@
 "use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useMutation, useQuery, useSuspenseInfiniteQuery, useSuspenseQuery } from "@tanstack/react-query";
 import { MTM_API_PREFIX } from "./consts";
 import { createInfiniteQueryKey, createQueryKey, goMtmQueryFn } from "./mtmFetcher";
@@ -8,6 +27,7 @@ const useGmtmQjeryFn = () => {
   const cookieStr = useGomtm((x) => x.cookieStr);
   const token = useGomtm((x) => x.token);
   const gomtmHost = useGomtm((x) => x.gomtmHost);
+  const cacheEnabled = useGomtm((x) => x.cacheEnabled);
   return (svc, method, input) => {
     return goMtmQueryFn({
       svc,
@@ -17,25 +37,26 @@ const useGmtmQjeryFn = () => {
         url: new URL(MTM_API_PREFIX, backendUrl).toString(),
         token,
         cookieStr,
-        gomtmHost
+        gomtmHost,
+        cacheEnabled: !!cacheEnabled
       }
     });
   };
 };
-const useGomtmQuery = (svc, method, input) => {
+function useGomtmQuery(svc, method, input) {
   const fn = useGmtmQjeryFn();
   return useQuery({
     queryKey: createQueryKey(svc, method, input),
     queryFn: (k) => fn(svc, method, input)
   });
-};
-const useGomtmSuspenseQuery = (svc, method, input) => {
+}
+function useGomtmSuspenseQuery(svc, method, input) {
   const fn = useGmtmQjeryFn();
   return useSuspenseQuery({
     queryKey: createQueryKey(svc, method, input),
     queryFn: (k) => fn(svc, method, input)
   });
-};
+}
 function useGomtmSuspenseInfiniteQuery(svc, method, input) {
   const fn = useGmtmQjeryFn();
   return useSuspenseInfiniteQuery({
@@ -47,12 +68,12 @@ function useGomtmSuspenseInfiniteQuery(svc, method, input) {
     }
   });
 }
-const useGomtmMutation = (svc, method) => {
+function useGomtmMutation(svc, method, options) {
   const fn = useGmtmQjeryFn();
-  return useMutation({
+  return useMutation(__spreadProps(__spreadValues({}, options), {
     mutationFn: (input) => fn(svc, method, input)
-  });
-};
+  }));
+}
 export {
   useGomtmMutation,
   useGomtmQuery,

package/dist/esm/mtmFetcher.d.ts

@@ -1,5 +1,5 @@
 import { ServiceType } from "@bufbuild/protobuf";
-export declare const createQueryKey: (svc: string, method: string, input: any) => any[];
+export declare const createQueryKey: (svc: string, method: string, input?: any) => any[];
 export declare const createInfiniteQueryKey: (svc: string, method: string, input: any) => any[];
 interface goMtmQueryFnProps {
     svc: string;
@@ -10,6 +10,7 @@ interface goMtmQueryFnProps {
         token?: string;
         cookieStr?: string;
         gomtmHost: string;
+        cacheEnabled?: boolean;
     };
 }
 export declare const goMtmQueryFn: (props: goMtmQueryFnProps) => Promise<any>;
@@ -17,7 +18,7 @@ export declare const ssrGetBackendUrl: () => string;
 export declare const gomtmApiUrl: () => string;
 export declare function createMtmServiceClient<T extends ServiceType>(service: T, url?: string): import("@connectrpc/connect").PromiseClient<T>;
 export declare function createTransport(): import("@connectrpc/connect").Transport;
-export declare function createMtmServiceClientByName<T extends ServiceType>(svcName: string, url?: string, token?: string, gomtmHost?: string): import("@connectrpc/connect").PromiseClient<ServiceType>;
+export declare function createMtmServiceClientByName<T extends ServiceType>(svcName: string, url?: string, token?: string, gomtmHost?: string, cacheEnabled?: boolean): import("@connectrpc/connect").PromiseClient<ServiceType>;
 type CustomRequestInit = RequestInit & {
     cookieStr?: string;
     token?: string;

package/dist/esm/mtmFetcher.js

@@ -107,7 +107,7 @@ function createTransport() {
     useHttpGet: true
   });
 }
-function createMtmServiceClientByName(svcName, url, token, gomtmHost) {
+function createMtmServiceClientByName(svcName, url, token, gomtmHost, cacheEnabled) {
   let svcType = void 0;
   for (const a of allServices) {
     if (a.typeName == svcName) {
@@ -125,7 +125,8 @@ function createMtmServiceClientByName(svcName, url, token, gomtmHost) {
       fetch: gomtmFetcher({
         cookieStr: token,
         token,
-        gomtmHost
+        gomtmHost,
+        enableCache: cacheEnabled
       })
     })
   );
@@ -162,7 +163,7 @@ const gomtmFetcher = (initGlobal) => {
       }, cookieStr1 && { "Cookie": cookieStr1 }), token && { "Authorization": "Bearer " + token }), gomtmHost && { [CONST_HeaderMtmHost]: gomtmHost })
     });
     let fetcher = fetch;
-    req.enableCache = true;
+    req.enableCache = initGlobal == null ? void 0 : initGlobal.enableCache;
     if (req.enableCache) {
       fetcher = fetchMiddleWithCache(fetch);
     }