gomtm 0.0.288 → 0.0.290

package/dist/esm/components/devtools/GoMtmDebug.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const GoMtmDebug: () => import("react").JSX.Element | null;
+export declare const GoMtmDebug: () => import("react").JSX.Element;

package/dist/esm/components/devtools/GoMtmDebug.js

@@ -5,13 +5,9 @@ import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparato
 import { Dialog, DialogContent, DialogTrigger } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { useState } from "react";
-import { useMtmApp } from "../../providers/GomtmProvider";
+import { useGomtm } from "../../store/mtapp-store";
 const GoMtmDebug = () => {
   const [open, setOpen] = useState(false);
-  const mtapp = useMtmApp();
-  if (!mtapp.isDebug) {
-    return null;
-  }
   return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-12 right-2 bg-red-300", children: [
     /* @__PURE__ */ jsx(MtButton, { onClick: () => {
       setOpen(true);
@@ -29,12 +25,12 @@ const GoMtmDebug = () => {
   ] });
 };
 const DebugAppMainStateDlg = () => {
-  const matpp = useMtmApp();
+  const globalSearchParams = useGomtm((x) => x.globalSearchParams);
   return /* @__PURE__ */ jsxs(Dialog, { children: [
     /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { children: "appState" }) }),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
       "appstate",
-      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(matpp.globalSearchParams || "null", null, 2) })
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(globalSearchParams, null, 2) })
     ] })
   ] });
 };

package/dist/esm/consts.d.ts

@@ -28,23 +28,15 @@ export declare const HOTKEY_Debug = "alt+j";
 export declare const HOTKEY_Switchlayout = "alt+l";
 export declare const HOTKEY_Listview_Switchlayout = "alt+m";
 export declare const HOTKEY_ListViewCMDK = "alt+c";
+export declare const CONST_cookieListViewLayout = "listViewLayout";
 export declare const CONST_debounce_INPUT = 300;
 export declare const gomtmAppConfig: {
     cookieBackendUrl: string;
-    cookieListViewLayout: string;
     CookieLayout: string;
     CookieConfigState: string;
 };
 export declare const getGomtmConfig: () => {
     cookieBackendUrl: string;
-    cookieListViewLayout: string;
     CookieLayout: string;
     CookieConfigState: string;
 };
-export interface ConfigState {
-    debug?: boolean;
-    theme?: string;
-    layout?: string;
-    listviewLayout?: string;
-}
-export declare const configState: ConfigState;

package/dist/esm/consts.js

@@ -28,22 +28,17 @@ const HOTKEY_Debug = "alt+j";
 const HOTKEY_Switchlayout = "alt+l";
 const HOTKEY_Listview_Switchlayout = "alt+m";
 const HOTKEY_ListViewCMDK = "alt+c";
+const CONST_cookieListViewLayout = "listViewLayout";
 const CONST_debounce_INPUT = 300;
 const gomtmAppConfig = {
   cookieBackendUrl: "backendUrl",
-  cookieListViewLayout: "listViewLayout",
+  // cookieListViewLayout: "listViewLayout",
   CookieLayout: "layout",
   CookieConfigState: "_config"
 };
 const getGomtmConfig = () => {
   return gomtmAppConfig;
 };
-const configState = {
-  debug: false,
-  theme: "",
-  layout: "",
-  listviewLayout: ""
-};
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -51,6 +46,7 @@ export {
   ActionEdit,
   ActionFetchNextPage,
   ActionRefetch,
+  CONST_cookieListViewLayout,
   CONST_debounce_INPUT,
   COOKIE_MTM_SITE_ID,
   Cookie_Site_Host,
@@ -75,7 +71,6 @@ export {
   MTM_SITE_HOSTNAME,
   MtM_TOKEN_NAME,
   TRPC_API_PREFIX,
-  configState,
   fetchMaxRetry,
   getGomtmConfig,
   gomtmAppConfig

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

@@ -2,15 +2,17 @@
 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 "../listview/ListViewProvider";
+import { useListview } from "../listview/list-store";
 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 " }) }) });
+  const openCreate = useListview((x) => x.openCreate);
+  const setOpenCreate = useListview((x) => x.setOpenCreate);
+  return /* @__PURE__ */ jsx(Dialog, { open: openCreate, onOpenChange: setOpenCreate, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Create " }) }) });
 }
 const CurdCreatePanelTriggerButton = () => {
-  const listView = useListView();
+  const openCreate = useListview((x) => x.openCreate);
+  const setOpenCreate = useListview((x) => x.setOpenCreate);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-    listView.setOpenCreate(true);
+    setOpenCreate(true);
   }, children: "OpenCreatePanel" }) });
 };
 export {

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

@@ -1,16 +1,18 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useListView } from "../listview/ListViewProvider";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useListview } from "../listview/list-store";
 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 " }) }) });
+  const setOpenEdit = useListview((x) => x.setOpenEdit);
+  const openEdit = useListview((x) => x.openEdit);
+  return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }) }) });
 }
 const CurdEditPanelTriggerButton = () => {
-  const listView = useListView();
+  const setOpenEdit = useListview((x) => x.setOpenEdit);
+  const openEdit = useListview((x) => x.openEdit);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-    listView.setOpenEdit(true);
+    setOpenEdit(true);
   }, children: "Edit" }) });
 };
 export {

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

@@ -7,12 +7,12 @@ 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 "../listview/ListViewProvider";
+import { useListview } from "../listview/list-store";
 const CommonListItemView = (props) => {
   const { item } = props;
   const handleSelect = () => {
   };
-  const listView = useListView();
+  const slugPath = useListview((x) => x.slugPath);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -25,8 +25,8 @@ const CommonListItemView = (props) => {
         "flex  min-h-16 justify-start border p-4 text-left"
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxs(MtLink, { href: `${listView.slugPath}/${item.id}`, children: [
-          listView.slugPath,
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxs(MtLink, { href: `${slugPath}/${item.id}`, children: [
+          slugPath,
           item.title || item.id,
           item.description && /* @__PURE__ */ jsx("div", { children: item.description })
         ] }) }),
@@ -37,7 +37,7 @@ const CommonListItemView = (props) => {
 };
 const ListItemViewActions = (props) => {
   const { id } = props;
-  const listView = useListView();
+  const slugPath = useListview((x) => x.slugPath);
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       MtButton,
@@ -51,9 +51,9 @@ const ListItemViewActions = (props) => {
       }
     ) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[160px]", children: [
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/show`, children: "show" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/edit`, children: "edit" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/listdebug`, children: "list debug" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/show`, children: "show" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/edit`, children: "edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/listdebug`, children: "list debug" }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
         "Delete",

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

@@ -6,35 +6,36 @@ 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 "../listview/ListViewProvider";
+import { useListview } from "../listview/list-store";
 const PostCardListItem = (props) => {
-  var _a;
   const { item } = props;
-  const listView = useListView();
+  const slugPath = useListview((x) => x.slugPath);
+  const activateItem = useListview((x) => x.activateItem);
+  const setActivateItem = useListview((x) => x.setActivateItem);
   return /* @__PURE__ */ jsxs(
     Card,
     {
       className: cn(
         "m-2 w-[350px]",
-        item.id == ((_a = listView.activateItem) == null ? void 0 : _a.id) && " p-2 shadow-md"
+        item.id == (activateItem == null ? void 0 : activateItem.id) && " p-2 shadow-md"
       ),
       onClick: () => {
-        listView.setActivateItem(item);
+        setActivateItem(item);
       },
       children: [
         /* @__PURE__ */ jsxs(CardHeader, { children: [
-          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `${listView.slugPath}/${item.id}`, className: "pb-4 text-3xl font-bold hover:text-gray-700", children: item == null ? void 0 : item.title }) }),
+          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `${slugPath}/${item.id}`, className: "pb-4 text-3xl font-bold hover:text-gray-700", children: item == null ? void 0 : item.title }) }),
           /* @__PURE__ */ jsx(CardDescription, { children: "Deploy your new project in one-click." })
         ] }),
         /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("article", { className: "my-4 flex flex-col", children: [
           /* @__PURE__ */ jsx(MtLink, {
-            href: `${listView.slugPath}/${item.id}`,
+            href: `${slugPath}/${item.id}`,
             className: "hover:opacity-75",
             // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text
             children: item.topImage && /* @__PURE__ */ jsx("img", { src: item.topImage, alt: item.title })
           }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-start bg-white p-6", children: [
-            /* @__PURE__ */ jsx(MtLink, { href: `${listView.slugPath}/${item.id}`, className: "pb-4 text-sm font-bold uppercase text-blue-700", children: item.category || "news" }),
+            /* @__PURE__ */ jsx(MtLink, { href: `${slugPath}/${item.id}`, className: "pb-4 text-sm font-bold uppercase text-blue-700", children: item.category || "news" }),
             /* @__PURE__ */ jsxs("p", { className: "pb-3 text-sm", children: [
               "By ",
               /* @__PURE__ */ jsx(MtLink, { href: "#", children: item.author }),
@@ -44,7 +45,7 @@ const PostCardListItem = (props) => {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-end", children: [
-          /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `${listView.slugPath}/${item.id}`, children: "Show" }),
+          /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `${slugPath}/${item.id}`, children: "Show" }),
           /* @__PURE__ */ jsx(PostCardItemActions, { id: item.id })
         ] })
       ]
@@ -53,12 +54,14 @@ const PostCardListItem = (props) => {
 };
 const PostCardItemActions = (props) => {
   const { id } = props;
-  const listView = useListView();
+  const setOpenCreate = useListview((x) => x.setOpenCreate);
+  const setOpenRemove = useListview((x) => x.setOpenRemove);
+  const slugPath = useListview((x) => x.slugPath);
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       MtLink,
       {
-        href: `${listView.slugPath}/${id}`,
+        href: `${slugPath}/${id}`,
         variant: "ghost",
         className: "data-[state=open]:bg-muted flex size-8 p-0",
         children: [
@@ -72,18 +75,18 @@ const PostCardItemActions = (props) => {
         DropdownMenuItem,
         {
           onClick: () => {
-            listView.setOpenCreate(true);
+            setOpenCreate(true);
           },
           children: "create"
         }
       ),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/create`, children: "create" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/edit/${id}`, children: "edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/create`, children: "create" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/edit/${id}`, children: "edit" }),
       /* @__PURE__ */ jsx(
         DropdownMenuItem,
         {
           onClick: () => {
-            listView.setOpenRemove(true);
+            setOpenRemove(true);
           },
           children: "remove"
         }

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

@@ -1,71 +1,6 @@
+/// <reference types="react" />
 import { Message } from "@bufbuild/protobuf";
-import { Dispatch, PropsWithChildren, SetStateAction } from "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>;
-interface ListViewProps {
-    svc: string;
-    methodList: string;
-    methodDelete: string;
-    methodCreate?: string;
-    methodGet?: string;
-    slugPath?: string;
-    activateItem?: any;
-    params?: any;
-    getParams?: any;
-    detailData?: any;
-    layout?: string;
-}
-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;
-    layout?: string | undefined;
-    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;
-    setLayout?: ((arg0: string) => void) | 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;
-    layout?: string | undefined;
-    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>;
-    setLayout: (arg0: string) => void;
-};
 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

@@ -1,23 +1,4 @@
 "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 __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -39,102 +20,34 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 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, lazy, useCallback, useContext, useMemo, useState } from "react";
+import { Suspense, lazy, useMemo, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { MtmErrorView } from "../../components/MtmErrorView";
-import { CONST_debounce_INPUT, HOTKEY_Listview_Switchlayout } from "../../consts";
+import { HOTKEY_Listview_Switchlayout } 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";
+import { useListview } from "./list-store";
 const ALL_Layouts = [
   "default",
   "demo"
 ];
 const LzListViewLayoutDemo = lazy(() => import("./listview-layouts/listviewlayout-demo"));
 const LzListViewLayoutDefault = lazy(() => import("./listview-layouts/default"));
-const commonListViewContext = createContext(void 0);
-function ListViewProvider(props) {
-  var _a;
-  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet, params, layout } = 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(params);
-  const [detailData, setDetailData] = useState(void 0);
-  const [_layout, _setLayout] = useState(mtapp.listviewLayout);
-  const __params = useMemo(() => {
-    var _a2, _b;
-    return __spreadProps(__spreadValues({}, params), {
-      params: __spreadValues(__spreadValues({}, params.params), ((_a2 = mtapp.globalSearchParams) == null ? void 0 : _a2.q) && {
-        q: (_b = mtapp.globalSearchParams) == null ? void 0 : _b.q
-      })
-    });
-  }, [(_a = mtapp.globalSearchParams) == null ? void 0 : _a.q, params]);
-  const setParams = useCallback(debounce((values) => {
-    _setParams(values);
-  }, CONST_debounce_INPUT), [_setParams]);
-  const setLayout = useCallback((name) => {
-    _setLayout(name);
-    mtapp.setListViewLayout(name);
-  }, [mtapp]);
-  return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
-    svc: _svc,
-    methodList,
-    methodGet,
-    methodDelete,
-    methodCreate,
-    slugPath,
-    openRemove,
-    setOpenRemove,
-    openCreate,
-    setOpenCreate,
-    activateItem,
-    setActivateItem,
-    openEdit,
-    setOpenEdit,
-    openDebug,
-    setOpenDebug,
-    params: __params,
-    setParams,
-    detailData,
-    setDetailData,
-    layout: _layout,
-    setLayout
-  }, children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
-    " ",
-    children,
-    " ",
-    /* @__PURE__ */ jsx(ListViewLayoutSwitch, {})
-  ] }) });
-}
-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);
+  const svc = useListview((x) => x.svc);
+  const methodList = useListview((x) => x.methodList);
+  const paramList = useListview((x) => x.paramsList);
+  const backendUrl = useListview((x) => x.backendUrl);
+  const listQuery = useGomtmSuspenseInfiniteQuery(svc, methodList, paramList);
   if (!(listQuery == null ? void 0 : listQuery.data)) {
     return null;
   }
@@ -169,25 +82,33 @@ function CommonListView() {
   ] });
 }
 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: [
+  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 activateItem = useListview((x) => x.activateItem);
+  return /* @__PURE__ */ jsx(Dialog, { open: openRemove, onOpenChange: 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
+        id: activateItem == null ? void 0 : activateItem.id
       });
-      listView.setOpenRemove(false);
+      setOpenRemove(false);
     }), children: "ok" })
   ] }) });
 };
 const PanelCreate = () => {
-  const listView = useListView();
-  return /* @__PURE__ */ jsx(Dialog, { open: listView.openCreate, onOpenChange: listView.setOpenCreate, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  const svc = useListview((x) => x.svc);
+  const openCreate = useListview((x) => x.openCreate);
+  const setOpenCreate = useListview((x) => x.setOpenCreate);
+  const methodDelete = useListview((x) => x.methodDelete);
+  const mutation = useGomtmMutation(svc, methodDelete);
+  const activateItem = useListview((x) => x.activateItem);
+  return /* @__PURE__ */ jsx(Dialog, { open: openCreate, onOpenChange: 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);
+      setOpenCreate(false);
     }), children: "ok" })
   ] }) });
 };
@@ -212,20 +133,21 @@ const ListViewActions = () => {
   ] });
 };
 const ListViewLayout = (props) => {
-  const listView = useListView();
+  const layout = useListview((x) => x.layout);
   const { children } = props;
   const Layout = useMemo(() => {
-    switch (listView.layout) {
+    switch (layout) {
       case "demo":
         return LzListViewLayoutDemo;
       default:
         return LzListViewLayoutDefault;
     }
-  }, [listView.layout]);
+  }, [layout]);
   return /* @__PURE__ */ jsx(Layout, { children });
 };
 const ListViewLayoutSwitch = () => {
-  const listview = useListView();
+  const layout = useListview((x) => x.layout);
+  const setLayout = useListview((x) => x.setLayout);
   const [open, setOpen] = useState(false);
   useHotkeys(HOTKEY_Listview_Switchlayout, () => {
     setOpen((pre) => !pre);
@@ -233,22 +155,19 @@ const ListViewLayoutSwitch = () => {
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "LayoutSwitch,",
-      listview.layout
+      layout
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout2) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        listview.setLayout(layout);
+        setLayout(layout2);
         setOpen(false);
-      }, children: layout }, layout);
+      }, children: layout2 }, layout2);
     }) })
   ] }) });
 };
 export {
   CommonListView,
   ListViewActions,
-  ListViewProvider,
   LzListViewLayoutDefault,
-  LzListViewLayoutDemo,
-  useDetail,
-  useListView
+  LzListViewLayoutDemo
 };

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

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

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

@@ -32,18 +32,27 @@ var __objRest = (source, exclude) => {
 import { jsx } from "react/jsx-runtime";
 import { PrefetchConnectInfiniteQuery } from "../../components/SSR";
 import { siteList } from "../../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
-import { ListViewProvider } from "./ListViewProvider";
+import { ListViewStoreProvider } from "./list-store";
 function MtListView(props) {
   const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx(ListViewProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
-    PrefetchConnectInfiniteQuery,
-    {
+  return /* @__PURE__ */ jsx(
+    ListViewStoreProvider,
+    __spreadProps(__spreadValues({}, etc), {
       svc: siteList.service.typeName,
-      method: siteList.name,
-      input: etc.params,
-      children
-    }
-  ) }));
+      methodList: siteList.name,
+      paramsList: etc.paramsList,
+      paramsGet: etc.paramsGet,
+      children: /* @__PURE__ */ jsx(
+        PrefetchConnectInfiniteQuery,
+        {
+          svc: siteList.service.typeName,
+          method: siteList.name,
+          input: etc.paramsList,
+          children
+        }
+      )
+    })
+  );
 }
 export {
   MtListView as default