gomtm 0.0.318 → 0.0.320

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 | null;
 export declare const CurdEditPanelTriggerButton: () => import("react").JSX.Element;

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

@@ -1,16 +1,31 @@
 "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 (!openEdit) {
+    return null;
+  }
+  if (fullScreen) {
+    return /* @__PURE__ */ jsx(FullScreenPanel, { children: openEdit && editRender && flexRender(editRender, {}) });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }),
+    openEdit && editRender && flexRender(editRender, {}),
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+      console.log("editRender", editRender);
+    }, children: "xxxxx" })
+  ] }) });
 }
 const CurdEditPanelTriggerButton = () => {
   const setOpenEdit = useListview((x) => x.setOpenEdit);
-  const openEdit = useListview((x) => x.openEdit);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
     setOpenEdit(true);
   }, children: "Edit" }) });

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,18 +76,32 @@ const PostCardItemActions = (props) => {
       /* @__PURE__ */ jsx(
         DropdownMenuItem,
         {
-          onClick: () => {
+          onClick: (e) => {
+            e.preventDefault();
             setOpenCreate(true);
+            setOpen(false);
           },
           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/ListViewRender.js

@@ -1,75 +1,23 @@
 "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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CommonListView } from "./ListViewProvider";
-import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
-import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { Suspense } from "react";
-import { useGomtmMutation } from "../../gomtmQuery";
-import { useListview } from "./list-store";
 import CurdCreatePanel from "../create/CurdCreatePanel";
 import CurdEditPanel from "../edit/CurdEditPanel";
+import { PanelRemove } from "../remove/RemovePanel";
 const ListViewRender = (props) => {
   const { children } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(CommonListView, {}),
     /* @__PURE__ */ jsxs(Suspense, { children: [
-      "\u5F39\u6846\u7F16\u8F91",
-      /* @__PURE__ */ jsx(PanelCreate, {}),
       /* @__PURE__ */ jsx(PanelRemove, {}),
       /* @__PURE__ */ jsx(CurdCreatePanel, {}),
-      /* @__PURE__ */ jsx(CurdEditPanel, {})
-    ] })
+      /* @__PURE__ */ jsx(CurdEditPanel, { fullScreen: true }),
+      /* @__PURE__ */ jsx(PanelRemove, {})
+    ] }),
+    children
   ] });
 };
-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" })
-  ] }) });
-};
 export {
   ListViewRender
 };

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
+};