gomtm 0.0.346 → 0.0.347

package/dist/esm/consts.d.ts

@@ -23,7 +23,6 @@ export declare const ListView_DefaultPageSize = 12;
 export declare const ImageNoExist = "/images/404.jpg";
 export declare const ADMIN_ROLE = "admin";
 export declare const MEMBER_ROLE = "member";
-export declare const TRPC_API_PREFIX = "/api.v1/trpc";
 export declare const HOTKEY_Debug = "alt+j";
 export declare const HOTKEY_Switchlayout = "alt+l";
 export declare const HOTKEY_Listview_Switchlayout = "alt+m";

package/dist/esm/consts.js

@@ -23,7 +23,6 @@ const ListView_DefaultPageSize = 12;
 const ImageNoExist = "/images/404.jpg";
 const ADMIN_ROLE = "admin";
 const MEMBER_ROLE = "member";
-const TRPC_API_PREFIX = "/api.v1/trpc";
 const HOTKEY_Debug = "alt+j";
 const HOTKEY_Switchlayout = "alt+l";
 const HOTKEY_Listview_Switchlayout = "alt+m";
@@ -66,7 +65,6 @@ export {
   MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL,
   MTM_SERVER_COOKIE_ACTIVATE_URL,
   MTM_SITE_HOSTNAME,
-  TRPC_API_PREFIX,
   cookieBackendUrl,
   fetchMaxRetry
 };

package/dist/esm/curd/CurdView.js

@@ -30,15 +30,18 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { toPlainMessage } from "@bufbuild/protobuf";
 import { Suspense, createContext, useContext, useRef } from "react";
 import { createStore, useStore } from "zustand";
 import { useSuspenseQuery } from "../connectquery";
 import { curdViewGet } from "../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
 import { CurdView } from "../gomtmpb/mtm/sppb/mtm_pb";
+import CurdCreatePanel from "./create/CurdCreatePanel";
+import CurdEditPanel from "./edit/CurdEditPanel";
 import { CommonListViewV2 } from "./listview/CommonListViewV2";
 import { ListViewStoreProvider } from "./listview/list-store";
+import { PanelRemove } from "./remove/RemovePanel";
 const createListviewStore = (initProps) => {
   const DEFAULT_PROPS = {
     backendUrl: "",
@@ -79,13 +82,26 @@ const CurdViewView = (props) => {
         return /* @__PURE__ */ jsx("div", { children: "missing curd data222" });
       }
       const curdViewData = query.data.item.value;
-      return /* @__PURE__ */ jsx("div", { className: "bg-red-100 p-2", children: /* @__PURE__ */ jsx(CurdViewProvider, { curdView: curdViewData, children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx("div", { className: "bg-red-100 p-2", children: /* @__PURE__ */ jsx(CurdViewProvider, { curdView: curdViewData, children: /* @__PURE__ */ jsxs(
         ListViewStoreProvider,
         {
           slugPath: "/post",
           svc: curdViewData.svcName,
           methodList: curdViewData.methodList,
-          children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading CommonListViewV2" }), children: /* @__PURE__ */ jsx(CommonListViewV2, {}) })
+          methodGet: curdViewData.methodGet,
+          methodCreate: curdViewData.methodCreate,
+          methodUpdate: curdViewData.methodUpdate,
+          methodDelete: curdViewData.methodDelete,
+          viewUpdate: curdViewData.routeEdit,
+          viewCreate: curdViewData.routeCreate,
+          children: [
+            /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading CommonListViewV2" }), children: /* @__PURE__ */ jsx(CommonListViewV2, {}) }),
+            /* @__PURE__ */ jsxs(Suspense, { children: [
+              /* @__PURE__ */ jsx(CurdCreatePanel, { fullScreen: true }),
+              /* @__PURE__ */ jsx(CurdEditPanel, { fullScreen: true }),
+              /* @__PURE__ */ jsx(PanelRemove, {})
+            ] })
+          ]
         }
       ) }) });
   }

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

@@ -0,0 +1,5 @@
+import { ComponentType } from "react";
+export declare const RegisterEditorComponent: (name: string, Component: ComponentType<any>) => void;
+export declare const RenderViewByName: (props: {
+    name: string;
+}) => import("react").JSX.Element;

package/dist/esm/curd/DynViews.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, useMemo } from "react";
+const allEditorComponent = {};
+const RegisterEditorComponent = (name, Component) => {
+  allEditorComponent[name] = Component;
+};
+const RenderViewByName = (props) => {
+  const { name } = props;
+  const Comp = useMemo(() => {
+    const c = allEditorComponent[name || ""];
+    return c || null;
+  }, [name]);
+  if (!Comp) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      "missing dyn component \u201C",
+      name,
+      "\u201D"
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading" }), children: /* @__PURE__ */ jsx(Comp, {}) });
+};
+export {
+  RegisterEditorComponent,
+  RenderViewByName
+};

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

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

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

@@ -1,24 +1,33 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { flexRender } from "mtxuilib/lib/render";
+import { useMtRouter } from "mtxuilib/hooks/use-router";
 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 { RenderViewByName } from "../DynViews";
 import { useListview } from "../listview/list-store";
 function CurdCreatePanel(props) {
   const { fullScreen } = props;
   const setOpenCreate = useListview((x) => x.setOpenCreate);
   const openCreate = useListview((x) => x.openCreate);
-  const createRender = useListview((x) => x.createRender);
+  const viewCreate = useListview((x) => x.viewCreate);
+  const router = useMtRouter();
   if (!openCreate) {
     return null;
   }
+  if (!viewCreate) {
+    return /* @__PURE__ */ jsx("div", { children: "missing viewCreate value" });
+  }
+  if (viewCreate.startsWith("/")) {
+    router.push(viewCreate);
+    return;
+  }
   if (fullScreen) {
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FullScreenPanel, { children: openCreate && createRender && flexRender(createRender, {}) }) });
+    return /* @__PURE__ */ jsx(FullScreenPanel, { children: /* @__PURE__ */ jsx(RenderViewByName, { name: viewCreate }) });
   }
   return /* @__PURE__ */ jsx(Dialog, { open: openCreate, onOpenChange: setOpenCreate, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: " create " }),
-    openCreate && createRender && flexRender(createRender, {})
+    /* @__PURE__ */ jsx(RenderViewByName, { name: viewCreate })
   ] }) });
 }
 const CurdCreatePanelTriggerButton = () => {

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

@@ -1,6 +1,4 @@
-import { ComponentType } from "react";
+/// <reference types="react" />
 export default function CurdEditPanel(props: {
     fullScreen?: boolean;
-}): import("react").JSX.Element | null;
-export declare const RenderEditorComponent: () => import("react").JSX.Element;
-export declare const RegisterEditorComponent: (name: string, Component: ComponentType<any>) => void;
+}): import("react").JSX.Element | null | undefined;

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

@@ -1,25 +1,34 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { flexRender } from "mtxuilib/lib/render";
+import { useMtRouter } from "mtxuilib/hooks/use-router";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { FullScreenPanel } from "mtxuilib/ui/ui-mt/FullScreenEditPanel";
 import { useMemo } from "react";
 import { useGomtmSuspenseQuery } from "../../gomtmQuery";
+import { RenderViewByName } from "../DynViews";
 import { useListview } from "../listview/list-store";
 function CurdEditPanel(props) {
   const { fullScreen } = props;
   const setOpenEdit = useListview((x) => x.setOpenEdit);
   const openEdit = useListview((x) => x.openEdit);
-  const editRender = useListview((x) => x.editRender);
+  const viewUpdate = useListview((x) => x.viewUpdate);
+  const router = useMtRouter();
   if (!openEdit) {
     return null;
   }
+  if (!viewUpdate) {
+    return /* @__PURE__ */ jsx("div", { children: "missing viewUpdate value" });
+  }
+  if (viewUpdate.startsWith("/")) {
+    router.push(viewUpdate);
+    return;
+  }
   if (fullScreen) {
-    return /* @__PURE__ */ jsx(WithLoadGetData, { children: /* @__PURE__ */ jsx(FullScreenPanel, { children: openEdit && editRender && flexRender(editRender, {}) }) });
+    return /* @__PURE__ */ jsx(WithLoadGetData, { children: /* @__PURE__ */ jsx(FullScreenPanel, { children: /* @__PURE__ */ jsx(RenderViewByName, { name: viewUpdate }) }) });
   }
   return /* @__PURE__ */ jsx(Dialog, { open: openEdit, onOpenChange: setOpenEdit, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }),
-    openEdit && editRender && flexRender(editRender, {})
+    /* @__PURE__ */ jsx(RenderViewByName, { name: viewUpdate })
   ] }) });
 }
 const WithLoadGetData = (props) => {
@@ -37,35 +46,8 @@ const WithLoadGetData = (props) => {
   if (detailQuery.isLoading) {
     return /* @__PURE__ */ jsx("div", { children: "loading detail" });
   }
-  return /* @__PURE__ */ jsx("div", { className: "bg-red-200 p-2", children });
-};
-const RenderEditorComponent = () => {
-  const editorComponentName = useListview((x) => x.editorComponentName);
-  const editRender = useListview((x) => x.editRender);
-  const Comp = useMemo(() => {
-    const c = allEditorComponent[editorComponentName || ""];
-    return c || null;
-  }, [editorComponentName]);
-  if (!editorComponentName) {
-    return /* @__PURE__ */ jsx("div", { children: "missing editorComponentName" });
-  }
-  if (Comp) {
-    return /* @__PURE__ */ jsx(Comp, {});
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "bg-red-200 p-2", children: [
-    "missing Component:",
-    editorComponentName
-  ] });
-};
-const allEditorComponent = {};
-const RegisterEditorComponent = (name, Component) => {
-  allEditorComponent[name] = Component;
+  return children;
 };
-RegisterEditorComponent("hello_editor", () => {
-  return /* @__PURE__ */ jsx("div", { children: "HelloEditorComponent" });
-});
 export {
-  RegisterEditorComponent,
-  RenderEditorComponent,
   CurdEditPanel as default
 };

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

@@ -1,6 +1,5 @@
-import { Renderable } from 'mtxuilib/lib/render';
-import { ComponentProps, PropsWithChildren } from 'react';
 import { PlainMessage } from '@bufbuild/protobuf';
+import { ComponentProps, PropsWithChildren } from 'react';
 import { CurdView } from '../../gomtmpb/mtm/sppb/mtm_pb';
 interface ListViewStateProps {
     backendUrl?: string;
@@ -18,10 +17,8 @@ interface ListViewStateProps {
     layout?: string;
     data?: any;
     error?: any;
-    editRender?: Renderable<any>;
-    editorComponentName?: string;
-    createRender?: Renderable<any>;
-    createComponentName?: string;
+    viewUpdate?: string;
+    viewCreate?: string;
     curdView?: PlainMessage<CurdView>;
 }
 export interface ListViewState extends ListViewStateProps {
@@ -34,10 +31,7 @@ export interface ListViewState extends ListViewStateProps {
     setLayout: (layout: string) => void;
     setActivateItem: (activateItem: any) => void;
     nextPage: () => void;
-    setEditRender: (a: Renderable<any>) => void;
-    setCreateRender: (a: Renderable<any>) => void;
     setDetailData: (detailData: any) => void;
-    setEeditorComponentName: (editorComponentName: string) => 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

@@ -77,10 +77,10 @@ const createListviewStore = (initProps) => {
     // },
     nextPage: () => {
     },
-    setEditRender: (editRender) => set({ editRender }),
-    setCreateRender: (createRender) => set({ createRender }),
-    setDetailData: (detailData) => set({ detailData }),
-    setEeditorComponentName: (editorComponentName) => set({ editorComponentName })
+    // setEditRender: (editRender) => set({ editRender }),
+    // setCreateRender: (createRender) => set({ createRender }),
+    setDetailData: (detailData) => set({ detailData })
+    // setEeditorComponentName: (editorComponentName) => set({ editorComponentName }),
   }));
 };
 const listViewContext = createContext(null);