gomtm 0.0.317 → 0.0.319

package/dist/esm/curd/edit/CurdEditPanel.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export default function CurdEditPanel(): import("react").JSX.Element;
+export default function CurdEditPanel(props: {
+    fullScreen?: boolean;
+}): import("react").JSX.Element;
 export declare const CurdEditPanelTriggerButton: () => import("react").JSX.Element;

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

@@ -1,12 +1,25 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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 { useListview } from "../listview/list-store";
-function CurdEditPanel() {
+function CurdEditPanel(props) {
+  const { fullScreen } = props;
   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 editRender = useListview((x) => x.editRender);
+  if (fullScreen) {
+    return /* @__PURE__ */ jsx(FullScreenPanel, { children: editRender && flexRender(editRender, {}) });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }),
+    editRender && flexRender(editRender, {}),
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+      console.log("editRender", editRender);
+    }, children: "xxxxx" })
+  ] }) });
 }
 const CurdEditPanelTriggerButton = () => {
   const setOpenEdit = useListview((x) => x.setOpenEdit);

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

@@ -5,7 +5,7 @@ import { cn } from "mtxuilib/lib/utils";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "mtxuilib/ui/card";
 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 { useState } from "react";
 import { useListview } from "../listview/list-store";
 const PostCardListItem = (props) => {
   const { item } = props;
@@ -57,7 +57,9 @@ const PostCardItemActions = (props) => {
   const setOpenCreate = useListview((x) => x.setOpenCreate);
   const setOpenRemove = useListview((x) => x.setOpenRemove);
   const slugPath = useListview((x) => x.slugPath);
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+  const [open, setOpen] = useState(false);
+  const setOpenEdit = useListview((x) => x.setOpenEdit);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       MtLink,
       {
@@ -74,19 +76,32 @@ const PostCardItemActions = (props) => {
       /* @__PURE__ */ jsx(
         DropdownMenuItem,
         {
-          onClick: () => {
+          onClick: (e) => {
+            e.preventDefault();
             setOpenCreate(true);
+            setOpen(false);
           },
           children: "create"
         }
       ),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/create`, children: "create" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${slugPath}/edit/${id}`, children: "edit" }),
       /* @__PURE__ */ jsx(
         DropdownMenuItem,
         {
-          onClick: () => {
+          onClick: (e) => {
+            e.preventDefault();
+            setOpenEdit(true);
+            setOpen(false);
+          },
+          children: "edit"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: (e) => {
+            e.preventDefault();
             setOpenRemove(true);
+            setOpen(false);
           },
           children: "remove"
         }

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

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const ListViewSetupEditView: (props: PropsWithChildren) => null;

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

@@ -0,0 +1,15 @@
+"use client";
+import { useMemo } from "react";
+import { useListview } from "./list-store";
+const ListViewSetupEditView = (props) => {
+  const { children } = props;
+  const setEditRender = useListview((x) => x.setEditRender);
+  const openEdit = useListview((x) => x.openEdit);
+  useMemo(() => {
+    setEditRender(children);
+  }, [children, setEditRender, openEdit]);
+  return null;
+};
+export {
+  ListViewSetupEditView
+};

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

@@ -1,24 +1,4 @@
 "use client";
-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 { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
@@ -30,9 +10,9 @@ import { Suspense, lazy, useMemo, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { MtmErrorView } from "../../components/MtmErrorView";
 import { HOTKEY_Listview_Switchlayout } from "../../consts";
-import { useGomtmMutation, useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
-import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "../create/CurdCreatePanel";
-import CurdEditPanel, { CurdEditPanelTriggerButton } from "../edit/CurdEditPanel";
+import { useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
+import { CurdCreatePanelTriggerButton } from "../create/CurdCreatePanel";
+import { CurdEditPanelTriggerButton } from "../edit/CurdEditPanel";
 import { ListItemView } from "../list-item/ListItem";
 import { ListLayout } from "../list-item/ListLayout";
 import { useListview } from "./list-store";
@@ -80,51 +60,16 @@ function CommonListView() {
     /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ jsx(ListViewActions, {}) })
   ] });
 }
-const PanelRemove = () => {
-  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* () {
-      yield mutation.mutateAsync({
-        id: activateItem == null ? void 0 : activateItem.id
-      });
-      setOpenRemove(false);
-    }), children: "ok" })
-  ] }) });
-};
-const PanelCreate = () => {
-  const svc = useListview((x) => x.svc);
-  const openCreate = useListview((x) => x.openCreate);
-  const setOpenCreate = useListview((x) => x.setOpenCreate);
-  const methodDelete = useListview((x) => x.methodDelete);
-  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* () {
-      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(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs("div", { className: "bg-yellow-100 p-2", children: [
+        /* @__PURE__ */ jsx(CurdEditPanelTriggerButton, {}),
+        /* @__PURE__ */ jsx(CurdCreatePanelTriggerButton, {})
+      ] }) }) }) }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
     ] })
   ] });

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

@@ -1,9 +1,22 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CommonListView } from "./ListViewProvider";
+import { Suspense } from "react";
+import CurdCreatePanel from "../create/CurdCreatePanel";
+import CurdEditPanel from "../edit/CurdEditPanel";
+import { PanelRemove } from "../remove/RemovePanel";
 const ListViewRender = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommonListView, {}) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CommonListView, {}),
+    /* @__PURE__ */ jsxs(Suspense, { children: [
+      /* @__PURE__ */ jsx(PanelRemove, {}),
+      /* @__PURE__ */ jsx(CurdCreatePanel, {}),
+      /* @__PURE__ */ jsx(CurdEditPanel, { fullScreen: true }),
+      /* @__PURE__ */ jsx(PanelRemove, {})
+    ] }),
+    children
+  ] });
 };
 export {
   ListViewRender

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

@@ -31,29 +31,19 @@ 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 { ListViewStoreProvider } from "./list-store";
 import { ListViewRender } from "./ListViewRender";
+import { ListViewStoreProvider } from "./list-store";
 function MtListView(props) {
   const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx(
-    ListViewStoreProvider,
-    __spreadProps(__spreadValues({}, etc), {
-      svc: siteList.service.typeName,
-      methodList: siteList.name,
-      paramsList: etc.paramsList,
-      paramsGet: etc.paramsGet,
-      children: /* @__PURE__ */ jsx(
-        PrefetchConnectInfiniteQuery,
-        {
-          svc: siteList.service.typeName,
-          method: siteList.name,
-          input: etc.paramsList,
-          children: /* @__PURE__ */ jsx(ListViewRender, { children })
-        }
-      )
-    })
-  );
+  return /* @__PURE__ */ jsx(ListViewStoreProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
+    PrefetchConnectInfiniteQuery,
+    {
+      svc: etc.svc,
+      method: etc.methodList,
+      input: etc.paramsList,
+      children: /* @__PURE__ */ jsx(ListViewRender, { children })
+    }
+  ) }));
 }
 export {
   MtListView as default

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

@@ -1,3 +1,4 @@
+import { Renderable } from 'mtxuilib/lib/render';
 import { ComponentProps, PropsWithChildren } from 'react';
 interface ListViewStateProps {
     backendUrl?: string;
@@ -14,6 +15,7 @@ interface ListViewStateProps {
     layout?: string;
     data?: any;
     error?: any;
+    editRender?: Renderable<any>;
 }
 export interface ListViewState extends ListViewStateProps {
     openRemove: boolean;
@@ -26,6 +28,7 @@ export interface ListViewState extends ListViewStateProps {
     setActivateItem: (activateItem: any) => void;
     loadListData: () => Promise<any>;
     nextPage: () => void;
+    setEditRender: (a: Renderable<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

@@ -95,7 +95,8 @@ const createListviewStore = (initProps) => {
       return data;
     }),
     nextPage: () => {
-    }
+    },
+    setEditRender: (editRender) => set({ editRender })
   }));
 };
 const listViewContext = createContext(null);

package/dist/esm/curd/remove/RemovePanel.d.ts

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

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

@@ -0,0 +1,46 @@
+"use client";
+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 { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useGomtmMutation } from "../../gomtmQuery";
+import { useListview } from "../listview/list-store";
+const PanelRemove = () => {
+  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* () {
+      yield mutation.mutateAsync({
+        id: activateItem == null ? void 0 : activateItem.id
+      });
+      setOpenRemove(false);
+    }), children: "ok" })
+  ] }) });
+};
+export {
+  PanelRemove
+};

package/dist/esm/ly/dash5/header.js

@@ -16,6 +16,8 @@ import { Button } from "mtxuilib/ui/button";
 import { Input } from "mtxuilib/ui/input";
 import { Sheet, SheetContent, SheetTrigger } from "mtxuilib/ui/sheet";
 import Link from "next/link";
+import { Suspense } from "react";
+import UserAvatorMenus from "../UserAvatorMenus";
 const Header = () => {
   return /* @__PURE__ */ jsxs("header", { className: cn(
     "bg-background sticky top-0 z-30 flex h-14 items-center gap-4 border-b px-4 pt-1 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-6"
@@ -113,7 +115,8 @@ const Header = () => {
           }
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(UserAvatorMenus, {}) })
   ] });
 };
 export {

package/dist/esm/ly/front-layout/header.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MtLink } from "mtxuilib/common/mtlink";
 import { Suspense } from "react";
+import UserAvatorMenus from "../UserAvatorMenus";
 import { PageSearchCmd } from "./PageSearchCmd";
 import { MainNav } from "./main-nav";
 const FrontLayoutHeader = () => {
@@ -9,7 +10,7 @@ const FrontLayoutHeader = () => {
     /* @__PURE__ */ jsx(MainNav, {}),
     /* @__PURE__ */ jsx("nav", { className: " flex items-center space-x-6 text-sm font-medium" }),
     /* @__PURE__ */ jsx(PageSearchCmd, {}),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-1 shrink items-center justify-end space-x-2 pr-4", children: /* @__PURE__ */ jsx("nav", { className: "flex items-center", children: /* @__PURE__ */ jsx(Suspense, {}) }) })
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 shrink items-center justify-end space-x-2 pr-4", children: /* @__PURE__ */ jsx("nav", { className: "flex items-center", children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(UserAvatorMenus, {}) }) }) })
   ] }) });
 };
 export {