gomtm 0.0.340 → 0.0.342

package/dist/esm/curd/create/CurdCreatePanel.d.ts

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

package/dist/esm/curd/create/CurdCreatePanel.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 CurdCreatePanel() {
-  const openCreate = useListview((x) => x.openCreate);
+function CurdCreatePanel(props) {
+  const { fullScreen } = props;
   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 openCreate = useListview((x) => x.openCreate);
+  const createRender = useListview((x) => x.createRender);
+  if (!openCreate) {
+    return null;
+  }
+  if (fullScreen) {
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FullScreenPanel, { children: openCreate && createRender && flexRender(createRender, {}) }) });
+  }
+  return /* @__PURE__ */ jsx(Dialog, { open: openCreate, onOpenChange: setOpenCreate, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: " create " }),
+    openCreate && createRender && flexRender(createRender, {})
+  ] }) });
 }
 const CurdCreatePanelTriggerButton = () => {
   const openCreate = useListview((x) => x.openCreate);

package/dist/esm/curd/create/useCurdCreate.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from "react-hook-form";
+export declare function useCurdCreateForm<TFieldValues extends FieldValues = FieldValues>(): {
+    form: import("react-hook-form").UseFormReturn<TFieldValues, any, undefined>;
+    handleSubmit: (values: any) => void;
+    detailData: any;
+    setOpenEdit: (openEdit: boolean) => void;
+};

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

@@ -0,0 +1,25 @@
+"use client";
+import { useForm } from "react-hook-form";
+import { useCurdCreateMutation, useListview } from "../listview/list-store";
+function useCurdCreateForm() {
+  const detailData = useListview((x) => x.detailData);
+  const setOpenEdit = useListview((x) => x.setOpenEdit);
+  const mutationCreate = useCurdCreateMutation();
+  const form = useForm(
+    {
+      defaultValues: detailData
+    }
+  );
+  const handleSubmit = (values) => {
+    mutationCreate.mutateAsync(values);
+  };
+  return {
+    form,
+    handleSubmit,
+    detailData,
+    setOpenEdit
+  };
+}
+export {
+  useCurdCreateForm
+};

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

@@ -21,9 +21,7 @@ function CurdEditPanel(props) {
   }
   return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }),
-    /* @__PURE__ */ jsx(RenderEditorComponent, {}),
-    /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-    }, children: "xxxxx" })
+    openEdit && editRender && flexRender(editRender, {})
   ] }) });
 }
 const WithLoadGetData = (props) => {

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

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

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

@@ -5,11 +5,19 @@ const ListViewSetupEditView = (props) => {
   const { children } = props;
   const setEditRender = useListview((x) => x.setEditRender);
   useMemo(() => {
-    console.log("setEditRender", children == null ? void 0 : children.toString());
     setEditRender(children);
   }, [children, setEditRender]);
   return null;
 };
+const ListViewSetupCreateView = (props) => {
+  const { children } = props;
+  const setCreateRender = useListview((x) => x.setCreateRender);
+  useMemo(() => {
+    setCreateRender(children);
+  }, [children, setCreateRender]);
+  return null;
+};
 export {
+  ListViewSetupCreateView,
   ListViewSetupEditView
 };

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

@@ -18,6 +18,8 @@ interface ListViewStateProps {
     error?: any;
     editRender?: Renderable<any>;
     editorComponentName?: string;
+    createRender?: Renderable<any>;
+    createComponentName?: string;
 }
 export interface ListViewState extends ListViewStateProps {
     openRemove: boolean;
@@ -30,6 +32,7 @@ export interface ListViewState extends ListViewStateProps {
     setActivateItem: (activateItem: any) => void;
     nextPage: () => void;
     setEditRender: (a: Renderable<any>) => void;
+    setCreateRender: (a: Renderable<any>) => void;
     setDetailData: (detailData: any) => void;
     setEeditorComponentName: (editorComponentName: string) => void;
 }
@@ -39,4 +42,5 @@ export declare const ListViewStoreProvider: (props: BearProviderProps) => import
 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 {};

package/dist/esm/curd/listview/list-store.js

@@ -78,6 +78,7 @@ const createListviewStore = (initProps) => {
     nextPage: () => {
     },
     setEditRender: (editRender) => set({ editRender }),
+    setCreateRender: (createRender) => set({ createRender }),
     setDetailData: (detailData) => set({ detailData }),
     setEeditorComponentName: (editorComponentName) => set({ editorComponentName })
   }));
@@ -105,13 +106,18 @@ function useListview(selector) {
 const useCurdUpdateMutation = () => {
   const svc = useListview((x) => x.svc);
   const methodUpdate = useListview((x) => x.methodUpdate);
-  const mutationUpdate = useGomtmMutation(svc, methodUpdate);
-  return mutationUpdate;
+  return useGomtmMutation(svc, methodUpdate);
+};
+const useCurdCreateMutation = () => {
+  const svc = useListview((x) => x.svc);
+  const methodCreate = useListview((x) => x.methodCreate);
+  return useGomtmMutation(svc, methodCreate);
 };
 export {
   ListView,
   ListViewStoreProvider,
   listViewContext,
+  useCurdCreateMutation,
   useCurdUpdateMutation,
   useListview
 };

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

@@ -1,2 +1,7 @@
 /// <reference types="react" />
+export declare function useCurdRemove(): {
+    handlerSubmit: () => Promise<void>;
+    open: boolean;
+    setOpen: (openRemove: boolean) => void;
+};
 export declare const PanelRemove: () => import("react").JSX.Element;

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

@@ -20,27 +20,46 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { useMtRouter } from "mtxuilib/hooks/use-router";
 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 { useListview } from "../listview/list-store";
-const PanelRemove = () => {
+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 activateItem = useListview((x) => x.activateItem);
-  return /* @__PURE__ */ jsx(Dialog, { open: openRemove, onOpenChange: setOpenRemove, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  const router = useMtRouter();
+  const queryClient = useQueryClient();
+  const handlerSubmit = useCallback(() => __async(this, null, function* () {
+    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]);
+  return {
+    handlerSubmit,
+    open: openRemove,
+    setOpen: setOpenRemove
+  };
+}
+const PanelRemove = () => {
+  const curdRemove = useCurdRemove();
+  return /* @__PURE__ */ jsx(Dialog, { open: curdRemove.open, onOpenChange: curdRemove.setOpen, 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" })
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+      curdRemove.handlerSubmit();
+    }, children: "ok" })
   ] }) });
 };
 export {
-  PanelRemove
+  PanelRemove,
+  useCurdRemove
 };