gomtm 0.0.281 → 0.0.282

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

@@ -1,7 +1,6 @@
-import { Message, PartialMessage } from "@bufbuild/protobuf";
 import { PropsWithChildren } from "react";
-import { MethodUnaryDescriptor } from "../connectquery";
-export declare function PrefetchConnectInfiniteQuery<I extends Message<I>, O extends Message<O>>(props: {
-    methodSig: MethodUnaryDescriptor<I, O>;
-    input?: PartialMessage<I>;
+export declare function PrefetchConnectInfiniteQuery(props: {
+    svc: string;
+    method: string;
+    input?: any;
 } & PropsWithChildren): Promise<import("react").JSX.Element>;

package/dist/esm/components/SSR.js

@@ -36,18 +36,15 @@ var __async = (__this, __arguments, generator) => {
 };
 import { jsx } from "react/jsx-runtime";
 import { HydrationBoundary, QueryClient, dehydrate } from "@tanstack/react-query";
-import { callUnaryMethod, createConnectInfiniteQueryKey } from "../connectquery";
-import { createTransport } from "../mtmFetcher";
+import { goMtmQueryFn } from "../gomtmQuery";
+import { createInfiniteQueryKey } from "../mtmFetcher";
 function PrefetchConnectInfiniteQuery(props) {
   return __async(this, null, function* () {
-    const { methodSig, input, children } = props;
+    const { svc, method, input, children } = props;
     const queryClient = new QueryClient();
-    const ts = createTransport();
     yield queryClient.prefetchInfiniteQuery({
-      queryKey: createConnectInfiniteQueryKey(methodSig, input),
-      queryFn: (k) => {
-        return callUnaryMethod(methodSig, input, { transport: ts });
-      },
+      queryKey: createInfiniteQueryKey(svc, method, input),
+      queryFn: (k) => goMtmQueryFn({ svc, method, input }),
       initialPageParam: __spreadValues({}, input)
     });
     const dehydratedState = dehydrate(queryClient);

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const DetailViewDataDlg: () => import("react").JSX.Element;
-export declare function DlgCurdDebugInfo(): import("react").JSX.Element;
-export declare const DlgCurdDebugInfoTriggerButton: () => import("react").JSX.Element | null;

package/dist/esm/curd/CurdDetailProvider.js

@@ -1,33 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "mtxuilib/ui/dialog";
-import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useSuspenseQuery } from "../connectquery";
-import { useMtmApp } from "../providers/GomtmProvider";
-import { useListView } from "./ListViewProvider";
-const DetailViewDataDlg = () => {
-  const listView = useListView();
-  const query = useSuspenseQuery(listView.methodGet, listView.getParams);
-  return /* @__PURE__ */ jsxs(Dialog, { children: [
-    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { children: "DetailData" }) }),
-    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(query.data, null, 2) }) })
-  ] });
-};
-function DlgCurdDebugInfo() {
-  const listView = useListView();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dialog, { open: listView.openDebug, onOpenChange: listView.setOpenDebug, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "list view info" }) }) }) });
-}
-const DlgCurdDebugInfoTriggerButton = () => {
-  const listView = useListView();
-  const mtApp = useMtmApp();
-  if (!mtApp.isDebug) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-    listView.setOpenDebug(true);
-  }, children: "DlgCurdDebug" }) });
-};
-export {
-  DetailViewDataDlg,
-  DlgCurdDebugInfo,
-  DlgCurdDebugInfoTriggerButton
-};

package/dist/esm/curd/ListPageCommands.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { HOTKEY_ListViewCMDK } from "../consts";
 import { debounce } from "lodash";
 import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparator } from "mtxuilib/ui/command";
 import { useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
+import { HOTKEY_ListViewCMDK } from "../consts";
 function ListPageCommands() {
   const [open, setOpen] = useState(false);
   useHotkeys(HOTKEY_ListViewCMDK, () => {

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

@@ -1,23 +1,24 @@
 import { Message } from "@bufbuild/protobuf";
 import { Dispatch, PropsWithChildren, SetStateAction } from "react";
-import { MethodUnaryDescriptor } from "../connectquery";
-interface ListViewProps<I extends Message<I>, O extends Message<O>> {
-    methodList: MethodUnaryDescriptor<I, any>;
-    methodDelete: MethodUnaryDescriptor<any, any>;
-    methodCreate?: MethodUnaryDescriptor<any, any>;
-    methodGet?: MethodUnaryDescriptor<any, any>;
+interface ListViewProps {
+    svc: string;
+    methodList: string;
+    methodDelete: string;
+    methodCreate?: string;
+    methodGet?: string;
     slugPath?: string;
     activateItem?: any;
     params?: any;
     getParams?: any;
     detailData?: any;
 }
-export declare function ListViewProvider<I extends Message<I>, O extends Message<O>>(props: ListViewProps<I, O> & PropsWithChildren): import("react").JSX.Element;
+export declare function ListViewProvider(props: ListViewProps & PropsWithChildren): import("react").JSX.Element;
 export declare function useListView<I extends Message<I>, O extends Message<O>>(): {
-    methodList?: MethodUnaryDescriptor<any, any> | undefined;
-    methodDelete?: MethodUnaryDescriptor<any, any> | undefined;
-    methodCreate?: MethodUnaryDescriptor<any, any> | undefined;
-    methodGet?: MethodUnaryDescriptor<any, any> | undefined;
+    svc?: string | undefined;
+    methodList?: string | undefined;
+    methodDelete?: string | undefined;
+    methodCreate?: string | undefined;
+    methodGet?: string | undefined;
     slugPath?: string | undefined;
     activateItem?: any;
     params?: any;
@@ -36,10 +37,11 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     setDetailData?: Dispatch<any> | undefined;
 };
 export declare function useDetail(): {
-    methodList: MethodUnaryDescriptor<any, any>;
-    methodDelete: MethodUnaryDescriptor<any, any>;
-    methodCreate?: MethodUnaryDescriptor<any, any> | undefined;
-    methodGet?: MethodUnaryDescriptor<any, any> | undefined;
+    svc: string;
+    methodList: string;
+    methodDelete: string;
+    methodCreate?: string | undefined;
+    methodGet?: string | undefined;
     slugPath?: string | undefined;
     activateItem?: any;
     params?: any;

package/dist/esm/curd/ListViewProvider.js

@@ -1,7 +1,5 @@
 "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;
@@ -17,7 +15,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -48,8 +45,8 @@ import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Pagi
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { Suspense, createContext, useCallback, useContext, useMemo, useState } from "react";
 import { MtmErrorView } from "../components/MtmErrorView";
-import { useMutation, useSuspenseInfiniteQuery } from "../connectquery";
 import { CONST_debounce_INPUT } from "../consts";
+import { useGomtmMutation, useGomtmSuspenseInfiniteQuery } from "../gomtmQuery";
 import { useMtmApp } from "../providers/GomtmProvider";
 import { DlgCurdDebugInfo, DlgCurdDebugInfoTriggerButton } from "./CurdDetailProvider";
 import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "./create/CurdCreatePanel";
@@ -58,8 +55,9 @@ import { ListItemView } from "./list-item/ListItem";
 import { ListLayout } from "./list-item/ListLayout";
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
-  const { children, methodList, methodDelete, slugPath, methodCreate, methodGet } = props;
+  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet } = props;
   const mtapp = useMtmApp();
+  const [_svc, setSvc] = useState(svc);
   const [openRemove, setOpenRemove] = useState(false);
   const [openCreate, setOpenCreate] = useState(false);
   const [activateItem, setActivateItem] = useState(void 0);
@@ -77,6 +75,7 @@ function ListViewProvider(props) {
     _setParams(values);
   }, CONST_debounce_INPUT), [_setParams]);
   return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
+    svc: _svc,
     methodList,
     methodGet,
     methodDelete,
@@ -111,21 +110,7 @@ function useDetail() {
 }
 function CommonListView() {
   const listView = useListView();
-  const listQuery = useSuspenseInfiniteQuery(listView.methodList, {
-    params: {
-      params: {
-        q: listView.params.q || ""
-      }
-    },
-    pagination: void 0
-  }, {
-    pageParamKey: "pagination",
-    getNextPageParam: (lastPage, allPages, lastPageParam, allPageParams) => {
-      var _a;
-      const a = __spreadProps(__spreadValues({}, lastPageParam), { page: (((_a = lastPage.Pagination) == null ? void 0 : _a.page) || 1) + 1 });
-      return a;
-    }
-  });
+  const listQuery = useGomtmSuspenseInfiniteQuery(listView.svc, listView.methodList, listView.params);
   if (!(listQuery == null ? void 0 : listQuery.data)) {
     return null;
   }
@@ -161,7 +146,7 @@ function CommonListView() {
 }
 const PanelRemove = () => {
   const listView = useListView();
-  const mutation = useMutation(listView.methodDelete);
+  const mutation = useGomtmMutation(listView.svc, listView.methodDelete);
   return /* @__PURE__ */ jsx(Dialog, { open: listView.openRemove, onOpenChange: listView.setOpenRemove, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: "remove item" }),
     /* @__PURE__ */ jsx(MtButton, { onClick: () => __async(void 0, null, function* () {

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

@@ -1,4 +1,3 @@
 import { ComponentProps, PropsWithChildren } from "react";
-import { Message } from "..";
 import { ListViewProvider } from "./ListViewProvider";
-export default function MtListView<I extends Message<I>, O extends Message<O>>(props: {} & ComponentProps<typeof ListViewProvider> & PropsWithChildren): import("react").JSX.Element;
+export default function MtListView(props: {} & ComponentProps<typeof ListViewProvider> & PropsWithChildren): import("react").JSX.Element;

package/dist/esm/curd/MtListView.js

@@ -1,4 +1,3 @@
-"use client";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -39,7 +38,8 @@ function MtListView(props) {
   return /* @__PURE__ */ jsx(ListViewProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
     PrefetchConnectInfiniteQuery,
     {
-      methodSig: siteList,
+      svc: siteList.service.typeName,
+      method: siteList.name,
       input: etc.params,
       children
     }

package/dist/esm/curd/create/CurdCreatePanel.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useListView } from "../ListViewProvider";
+import { useListView } from "../listview/ListViewProvider";
 function CurdCreatePanel() {
   const listView = useListView();
   return /* @__PURE__ */ jsx(Dialog, { open: listView.openCreate, onOpenChange: listView.setOpenCreate, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Create " }) }) });

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

@@ -1,8 +1,8 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useListView } from "../ListViewProvider";
+import { useListView } from "../listview/ListViewProvider";
+import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 function CurdEditPanel() {
   const listView = useListView();
   return /* @__PURE__ */ jsx(Dialog, { open: listView.openEdit, onOpenChange: listView.setOpenEdit, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }) }) });

package/dist/esm/curd/list-item/CommonListItemView.js

@@ -7,7 +7,7 @@ import { buttonVariants } from "mtxuilib/ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { DropdownMenuItemLink } from "mtxuilib/ui/ui-mt/DropdownMenuItemLink";
-import { useListView } from "../ListViewProvider";
+import { useListView } from "../listview/ListViewProvider";
 const CommonListItemView = (props) => {
   const { item } = props;
   const handleSelect = () => {

package/dist/esm/curd/list-item/PostCardListItem.js

@@ -6,7 +6,7 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 import { Icons } from "mtxuilib/icons/icons";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { DropdownMenuItemLink } from "mtxuilib/ui/ui-mt/DropdownMenuItemLink";
-import { useListView } from "../ListViewProvider";
+import { useListView } from "../listview/ListViewProvider";
 const PostCardListItem = (props) => {
   var _a;
   const { item } = props;

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

@@ -0,0 +1,64 @@
+import { Message } from "@bufbuild/protobuf";
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+interface ListViewProps {
+    svc: string;
+    methodList: string;
+    methodDelete: string;
+    methodCreate?: string;
+    methodGet?: string;
+    slugPath?: string;
+    activateItem?: any;
+    params?: any;
+    getParams?: any;
+    detailData?: any;
+}
+export declare function ListViewProvider(props: ListViewProps & PropsWithChildren): import("react").JSX.Element;
+export declare function useListView<I extends Message<I>, O extends Message<O>>(): {
+    svc?: string | undefined;
+    methodList?: string | undefined;
+    methodDelete?: string | undefined;
+    methodCreate?: string | undefined;
+    methodGet?: string | undefined;
+    slugPath?: string | undefined;
+    activateItem?: any;
+    params?: any;
+    getParams?: any;
+    detailData?: any;
+    openRemove?: boolean | undefined;
+    setOpenRemove?: Dispatch<SetStateAction<boolean>> | undefined;
+    openCreate?: boolean | undefined;
+    setOpenCreate?: Dispatch<SetStateAction<boolean>> | undefined;
+    setActivateItem?: Dispatch<any> | undefined;
+    openEdit?: boolean | undefined;
+    setOpenEdit?: Dispatch<SetStateAction<boolean>> | undefined;
+    openDebug?: boolean | undefined;
+    setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
+    setParams?: Dispatch<any> | undefined;
+    setDetailData?: Dispatch<any> | undefined;
+};
+export declare function useDetail(): {
+    svc: string;
+    methodList: string;
+    methodDelete: string;
+    methodCreate?: string | undefined;
+    methodGet?: string | undefined;
+    slugPath?: string | undefined;
+    activateItem?: any;
+    params?: any;
+    getParams?: any;
+    detailData?: any;
+    openRemove: boolean;
+    setOpenRemove: Dispatch<SetStateAction<boolean>>;
+    openCreate: boolean;
+    setOpenCreate: Dispatch<SetStateAction<boolean>>;
+    setActivateItem: Dispatch<any>;
+    openEdit?: boolean | undefined;
+    setOpenEdit: Dispatch<SetStateAction<boolean>>;
+    openDebug?: boolean | undefined;
+    setOpenDebug: Dispatch<SetStateAction<boolean>>;
+    setParams: Dispatch<any>;
+    setDetailData: Dispatch<any>;
+};
+export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
+export declare const ListViewActions: () => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,195 @@
+"use client";
+var __defProp = Object.defineProperty;
+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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { debounce } from "lodash";
+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, createContext, useCallback, useContext, useMemo, useState } from "react";
+import { MtmErrorView } from "../../components/MtmErrorView";
+import { CONST_debounce_INPUT } from "../../consts";
+import { useGomtmMutation, useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
+import { useMtmApp } from "../../providers/GomtmProvider";
+import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "../create/CurdCreatePanel";
+import CurdEditPanel, { CurdEditPanelTriggerButton } from "../edit/CurdEditPanel";
+import { ListItemView } from "../list-item/ListItem";
+import { ListLayout } from "../list-item/ListLayout";
+const commonListViewContext = createContext(void 0);
+function ListViewProvider(props) {
+  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet } = props;
+  const mtapp = useMtmApp();
+  const [_svc, setSvc] = useState(svc);
+  const [openRemove, setOpenRemove] = useState(false);
+  const [openCreate, setOpenCreate] = useState(false);
+  const [activateItem, setActivateItem] = useState(void 0);
+  const [openEdit, setOpenEdit] = useState(false);
+  const [openDebug, setOpenDebug] = useState(false);
+  const [_params, _setParams] = useState(mtapp.globalSearchParams);
+  const [detailData, setDetailData] = useState(void 0);
+  const params = useMemo(() => {
+    var _a;
+    return {
+      q: (_a = mtapp.globalSearchParams) == null ? void 0 : _a.q
+    };
+  }, [mtapp.globalSearchParams]);
+  const setParams = useCallback(debounce((values) => {
+    _setParams(values);
+  }, CONST_debounce_INPUT), [_setParams]);
+  return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
+    svc: _svc,
+    methodList,
+    methodGet,
+    methodDelete,
+    methodCreate,
+    slugPath,
+    openRemove,
+    setOpenRemove,
+    openCreate,
+    setOpenCreate,
+    activateItem,
+    setActivateItem,
+    openEdit,
+    setOpenEdit,
+    openDebug,
+    setOpenDebug,
+    params,
+    setParams,
+    detailData,
+    setDetailData
+  }, children });
+}
+function useListView() {
+  const ctx = useContext(commonListViewContext);
+  return __spreadValues({}, ctx);
+}
+function useDetail() {
+  const mtappContext = useContext(commonListViewContext);
+  if (mtappContext === void 0) {
+    throw new Error("useDetail must be used within a MtAppProvider");
+  }
+  return __spreadValues({}, mtappContext);
+}
+function CommonListView() {
+  const listView = useListView();
+  const listQuery = useGomtmSuspenseInfiniteQuery(listView.svc, listView.methodList, listView.params);
+  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) => {
+          var _a;
+          if (page.errCode) {
+            return /* @__PURE__ */ jsx(MtmErrorView, { unaryError: page }, i);
+          } else {
+            return /* @__PURE__ */ jsx(ListLayout, { layout: page.listLayout, children: (_a = page == null ? void 0 : page.items) == null ? void 0 : _a.map((item, j) => /* @__PURE__ */ jsx(ListItemView, { item }, `${i}-${j}`)) }, i);
+          }
+        })
+      }
+    ),
+    /* @__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", children: /* @__PURE__ */ jsx(ListViewActions, {}) })
+  ] });
+}
+const PanelRemove = () => {
+  const listView = useListView();
+  const mutation = useGomtmMutation(listView.svc, listView.methodDelete);
+  return /* @__PURE__ */ jsx(Dialog, { open: listView.openRemove, onOpenChange: listView.setOpenRemove, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: "remove item" }),
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => __async(void 0, null, function* () {
+      var _a;
+      yield mutation.mutateAsync({
+        id: (_a = listView.activateItem) == null ? void 0 : _a.id
+      });
+      listView.setOpenRemove(false);
+    }), children: "ok" })
+  ] }) });
+};
+const PanelCreate = () => {
+  const listView = useListView();
+  return /* @__PURE__ */ jsx(Dialog, { open: listView.openCreate, onOpenChange: listView.setOpenCreate, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: "TODO create item Dlg" }),
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => __async(void 0, null, function* () {
+      listView.setOpenCreate(false);
+    }), children: "ok" })
+  ] }) });
+};
+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: "Edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(PanelRemove, {}),
+        /* @__PURE__ */ jsx(PanelCreate, {}),
+        /* @__PURE__ */ jsx(CurdCreatePanel, {}),
+        /* @__PURE__ */ jsx(CurdEditPanel, {}),
+        /* @__PURE__ */ jsxs("div", { className: "bg-yellow-100 p-2", children: [
+          /* @__PURE__ */ jsx(CurdEditPanelTriggerButton, {}),
+          /* @__PURE__ */ jsx(CurdCreatePanelTriggerButton, {})
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+    ] })
+  ] });
+};
+export {
+  CommonListView,
+  ListViewActions,
+  ListViewProvider,
+  useDetail,
+  useListView
+};

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

@@ -0,0 +1,3 @@
+import { ComponentProps, PropsWithChildren } from "react";
+import { ListViewProvider } from "./ListViewProvider";
+export default function MtListView(props: {} & ComponentProps<typeof ListViewProvider> & PropsWithChildren): import("react").JSX.Element;

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

@@ -0,0 +1,50 @@
+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 { PrefetchConnectInfiniteQuery } from "../../components/SSR";
+import { siteList } from "../../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
+import { ListViewProvider } from "./ListViewProvider";
+function MtListView(props) {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(ListViewProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
+    PrefetchConnectInfiniteQuery,
+    {
+      svc: siteList.service.typeName,
+      method: siteList.name,
+      input: etc.params,
+      children
+    }
+  ) }));
+}
+export {
+  MtListView as default
+};

package/dist/esm/curd/listview/listview-layouts/listview-demolayout/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export default function ListViewDemoLayout(props: PropsWithChildren): import("react").JSX.Element;

package/dist/esm/curd/listview/listview-layouts/listview-demolayout/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function ListViewDemoLayout(props) {
+  const { children } = props;
+  return /* @__PURE__ */ jsx("div", { className: "bg-blue-300 p-2", children });
+}
+export {
+  ListViewDemoLayout as default
+};

package/dist/esm/gomtmQuery.d.ts

@@ -0,0 +1,14 @@
+interface goMtmQueryFnProps {
+    svc: string;
+    method: string;
+    input?: any;
+    options?: {
+        url: string;
+    };
+}
+export declare const goMtmQueryFn: (props: goMtmQueryFnProps) => Promise<any>;
+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 const useGomtmSuspenseInfiniteQuery: (svc: string, method: string, input?: any) => import("@tanstack/react-query").UseSuspenseInfiniteQueryResult<import("@tanstack/react-query").InfiniteData<any, unknown>, Error>;
+export declare const useGomtmMutation: (svc: string, method: string) => import("@tanstack/react-query").UseMutationResult<any, Error, any, unknown>;
+export {};