gomtm 0.0.358 → 0.0.360

package/dist/esm/components/curdView/curdViewEditor.d.ts

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

package/dist/esm/components/curdView/curdViewEditor.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function CurdViewEditor() {
+  return /* @__PURE__ */ jsx("div", { className: "bg-blue-100 p-2", children: /* @__PURE__ */ jsx("h1", { children: "TODO CurdViewEditor" }) });
+}
+export {
+  CurdViewEditor as default
+};

package/dist/esm/curd/CurdView.js

@@ -35,7 +35,7 @@ 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 { curdViewGet } from "../gomtmpb/mtm/sppb/curd-CurdService_connectquery";
 import { CurdView } from "../gomtmpb/mtm/sppb/mtm_pb";
 import { CommonListView } from "./listview/CommonListView";
 import { ListViewStoreProvider } from "./listview/list-store";

package/dist/esm/curd/CurdViewSS.js

@@ -21,15 +21,15 @@ var __async = (__this, __arguments, generator) => {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
 import { PrefetchConnectInfiniteQuery, PrefetchConnectQuery } from "../components/SSR";
-import { curdViewGet } from "../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
-import { MtmService } from "../gomtmpb/mtm/sppb/mtm_connect";
+import { curdViewGet } from "../gomtmpb/mtm/sppb/curd-CurdService_connectquery";
+import { CurdService } from "../gomtmpb/mtm/sppb/curd_connect";
 import { CurdViewGetReq } from "../gomtmpb/mtm/sppb/mtm_pb";
 import { createMtmServiceClient } from "../mtmFetcher";
 import { CurdViewView } from "./CurdView";
 const CurdViewSS = (props) => __async(void 0, null, function* () {
   var _a, _b;
   const { name } = props;
-  const client = createMtmServiceClient(MtmService);
+  const client = createMtmServiceClient(CurdService);
   const curdViewRes = yield client.curdViewGet(new CurdViewGetReq({
     name
   }));

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

@@ -2,4 +2,5 @@ import { ComponentType } from "react";
 export declare const RegisterEditorComponent: (name: string, Component: ComponentType<any>) => void;
 export declare const RenderViewByName: (props: {
     name: string;
+    warpper?: "fullScreen" | "none" | "form";
 }) => import("react").JSX.Element;

package/dist/esm/curd/DynViews.js

@@ -1,12 +1,36 @@
 "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));
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Suspense, useMemo } from "react";
+import { EditFormToolbar } from "mtxuilib/form/EditFormToolbar";
+import { Suspense, lazy, useMemo, useState } from "react";
+import { FormProvider } from "react-hook-form";
+import { useGomtmForm2 } from "./form/formStore";
 const allEditorComponent = {};
 const RegisterEditorComponent = (name, Component) => {
   allEditorComponent[name] = Component;
 };
 const RenderViewByName = (props) => {
-  const { name } = props;
+  const { name, warpper } = props;
+  const [_warpper, setWrapper] = useState(warpper);
+  const form = useGomtmForm2();
   const Comp = useMemo(() => {
     const c = allEditorComponent[name || ""];
     return c || null;
@@ -18,8 +42,27 @@ const RenderViewByName = (props) => {
       "\u201D"
     ] });
   }
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading" }), children: /* @__PURE__ */ jsx(Comp, {}) });
+  if (!form.form) {
+    return /* @__PURE__ */ jsx("div", { children: "missing formObj2" });
+  }
+  switch (_warpper) {
+    case "none":
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading" }), children: /* @__PURE__ */ jsx(Comp, {}) });
+    default:
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading" }), children: /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, form.form), { children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleFormSubmit, children: [
+        /* @__PURE__ */ jsx("div", { className: " sticky top-0 z-30 p-1", children: /* @__PURE__ */ jsx(
+          EditFormToolbar,
+          {
+            onSubmit: form.handleValuesSubmit,
+            onCancel: form.handleCancel
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Comp, {})
+      ] }) })) });
+  }
 };
+const LzCurdViewEditor = lazy(() => import("../components/curdView/curdViewEditor"));
+RegisterEditorComponent("CurdViewEditor", LzCurdViewEditor);
 export {
   RegisterEditorComponent,
   RenderViewByName

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function CurdEditPanel(props: {}): import("react").JSX.Element | null | undefined;

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

@@ -0,0 +1,56 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useMtRouter } from "mtxuilib/hooks/use-router";
+import { MtPopupPanel } from "mtxuilib/ui/ui-mt/MtPopupPanel";
+import { useMemo } from "react";
+import { useGomtmSuspenseQuery } from "../../gomtmQuery";
+import { RenderViewByName } from "../DynViews";
+import { useListview } from "../listview/list-store";
+import { useGomtmForm2 } from "./formStore";
+function CurdEditPanel(props) {
+  const gomtmForm = useGomtmForm2();
+  const router = useMtRouter();
+  if (!gomtmForm.open) {
+    return null;
+  }
+  if (!gomtmForm.viewName) {
+    return /* @__PURE__ */ jsx("div", { children: "missing viewUpdate value" });
+  }
+  if (gomtmForm.viewName.startsWith("/")) {
+    router.push(gomtmForm.viewName);
+    return;
+  }
+  if (!gomtmForm.viewName) {
+    return /* @__PURE__ */ jsx("div", { children: "missing viewName" });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    MtPopupPanel,
+    {
+      open: gomtmForm.open,
+      onOpenChange: gomtmForm.setOpen,
+      fullScreen: gomtmForm.fullScreen,
+      title: gomtmForm.title,
+      children: /* @__PURE__ */ jsx(RenderViewByName, { name: gomtmForm.viewName })
+    }
+  ) });
+}
+const WithLoadGetData = (props) => {
+  const { children } = props;
+  const methodGet = useListview((x) => x.methodGet);
+  const svc = useListview((x) => x.svc);
+  const activateItem = useListview((x) => x.activateItem);
+  const setDetailData = useListview((x) => x.setDetailData);
+  const detailQuery = useGomtmSuspenseQuery(svc, methodGet, {
+    id: parseInt(activateItem.id)
+  });
+  useMemo(() => {
+    setDetailData(detailQuery.data);
+  }, [detailQuery.data, setDetailData]);
+  if (detailQuery.isLoading) {
+    return /* @__PURE__ */ jsx("div", { children: "loading detail" });
+  }
+  return children;
+};
+export {
+  CurdEditPanel as default
+};

package/dist/esm/curd/form/GomtmForm.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare const GomtmForm: (props: {} & PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/curd/form/GomtmForm.js

@@ -0,0 +1,46 @@
+"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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EditFormToolbar } from "mtxuilib/form/EditFormToolbar";
+import { MtForm } from "mtxuilib/ui/ui-mt/MtForm";
+import { useGomtmForm, useGomtmForm2 } from "./formStore";
+const GomtmForm = (props) => {
+  const { children } = props;
+  const handleSubmit = useGomtmForm((x) => x.handleSubmit);
+  const handleCancel = useGomtmForm((x) => x.handleCancel);
+  const gomtmForm = useGomtmForm2();
+  if (!gomtmForm.form) {
+    return /* @__PURE__ */ jsx("div", { children: "missing form object" });
+  }
+  return /* @__PURE__ */ jsx(MtForm, __spreadProps(__spreadValues({}, gomtmForm.form), { children: /* @__PURE__ */ jsxs("form", { onSubmit: gomtmForm.form.handleSubmit(handleSubmit), children: [
+    /* @__PURE__ */ jsx("div", { className: " sticky top-0 z-30 p-1", children: /* @__PURE__ */ jsx(
+      EditFormToolbar,
+      {
+        onSubmit: handleSubmit,
+        onCancel: handleCancel
+      }
+    ) }),
+    children
+  ] }) }));
+};
+export {
+  GomtmForm
+};

package/dist/esm/curd/form/formStore.d.ts

@@ -0,0 +1,29 @@
+import { PropsWithChildren } from 'react';
+interface GomtmFormProps {
+    svc: string;
+    method?: string;
+    open?: boolean;
+    fullScreen?: boolean;
+    viewName: string;
+    title?: string;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const GomtmForm: (props: PropsWithChildren<GomtmFormProps>) => import("react").JSX.Element;
+export declare function useGomtmForm2(): {
+    form: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any, undefined>;
+    open: boolean | undefined;
+    setOpen: (open: boolean) => void;
+    fullScreen: boolean | undefined;
+    viewName: string;
+    title: string | undefined;
+    handleFormSubmit: () => void;
+    handleValuesSubmit: (values: any) => Promise<void>;
+    handleCancel: () => void;
+    setFullScreen: (open: boolean) => void;
+    setTitle: (title: string) => void;
+    svc: string;
+    method?: string | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+};
+export declare function GomtmFormDebug(): import("react").JSX.Element | null;
+export {};

package/dist/esm/curd/form/formStore.js

@@ -0,0 +1,159 @@
+"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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 { createContext, useCallback, useContext, useMemo, useRef } from "react";
+import { useForm } from "react-hook-form";
+import { useStore } from "zustand";
+import { createStore } from "zustand/vanilla";
+import { useGomtmMutation } from "../../gomtmQuery";
+import { useGomtm } from "../../store/mtapp-store";
+const createGomtmFormStore = (initProps) => {
+  const DEFAULT_PROPS = {
+    open: false,
+    viewName: "",
+    svc: ""
+  };
+  return createStore()((set, get) => __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_PROPS), initProps), {
+    setOpen: (open) => set({ open }),
+    setFullScreen: (fullScreen) => set({ fullScreen }),
+    setTitle: (title) => set({ title })
+  }));
+};
+const gomtmFormContext = createContext(null);
+const GomtmFormProvider = (props) => {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = createGomtmFormStore(props);
+  }
+  useMemo(() => {
+    var _a2;
+    (_a2 = storeRef.current) == null ? void 0 : _a2.setState({ open: props.open });
+  }, [props.open]);
+  useMemo(() => {
+    var _a2;
+    (_a2 = storeRef.current) == null ? void 0 : _a2.setState({ viewName: props.viewName });
+  }, [props.viewName]);
+  return /* @__PURE__ */ jsxs(gomtmFormContext.Provider, { value: storeRef.current, children: [
+    children,
+    /* @__PURE__ */ jsx(GomtmFormDebug, {})
+  ] });
+};
+function useGomtmForm(selector) {
+  const store = useContext(gomtmFormContext);
+  if (!store)
+    throw new Error("useGomtmForm Missing GomtmFormProvider in the tree");
+  const formStore = useStore(store, selector);
+  return formStore;
+}
+const GomtmForm = (props) => {
+  const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(GomtmFormProvider, __spreadProps(__spreadValues({}, etc), { children }));
+};
+function useGomtmForm2() {
+  const storeForm = useGomtmForm();
+  const _setOpen = useGomtmForm((x) => x.setOpen);
+  const fullScreen = useGomtmForm((x) => x.fullScreen);
+  const viewName = useGomtmForm((x) => x.viewName);
+  const title = useGomtmForm((x) => x.title);
+  const _onOpenChange = useGomtmForm((x) => x.onOpenChange);
+  const method = useGomtmForm((x) => x.method);
+  const svc = useGomtmForm((x) => x.svc);
+  const mutation = useGomtmMutation(svc, method);
+  const form = useForm();
+  const setOpen = useCallback((open) => {
+    _setOpen(open);
+  }, [_setOpen]);
+  const handleValuesSubmit = useCallback((values) => __async(this, null, function* () {
+    const result = yield mutation.mutateAsync(values);
+    setOpen(false);
+  }), [setOpen, mutation]);
+  const handleFormSubmit = useCallback(() => {
+    form.handleSubmit(handleValuesSubmit);
+  }, [form, handleValuesSubmit]);
+  const handleCancel = useCallback(() => {
+    _setOpen(false);
+    if (_onOpenChange) {
+      _onOpenChange(false);
+    }
+  }, [_onOpenChange, _setOpen]);
+  return __spreadProps(__spreadValues({}, storeForm), {
+    form,
+    open: storeForm.open,
+    setOpen,
+    fullScreen,
+    viewName,
+    title,
+    handleFormSubmit,
+    handleValuesSubmit,
+    handleCancel
+  });
+}
+function GomtmFormDebug() {
+  const viewName = useGomtmForm((x) => x.viewName);
+  const open = useGomtmForm((x) => x.open);
+  const gomtmForm = useGomtmForm2();
+  const debug = useGomtm((x) => x.debug);
+  if (!debug) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-blue-100 p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "GomtmFormDebug" }),
+    /* @__PURE__ */ jsx("pre", { children: JSON.stringify({ viewName, open, open2: gomtmForm.open }, null, 2) })
+  ] });
+}
+export {
+  GomtmForm,
+  GomtmFormDebug,
+  useGomtmForm2
+};

package/dist/esm/curd/form/useCurdUpdateForm.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from "react-hook-form";
+export declare function useCurdUpdateForm<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/form/useCurdUpdateForm.js

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

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

@@ -1,19 +1,18 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useMtRouter } from "mtxuilib/hooks/use-router";
 import { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, 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, lazy, useCallback, useMemo, useState } from "react";
+import { Suspense, lazy, useState } from "react";
 import { MtmErrorView } from "../../components/MtmErrorView";
 import { useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
-import CurdEditPanel from "../edit/CurdEditPanel";
+import CurdEditPanel from "../form/CurdEditPanel";
+import { GomtmForm } from "../form/formStore";
 import { CommontListResView } from "../list-item/ListViewLayoutRender";
 import { PanelRemove } from "../remove/RemovePanel";
 import { useListview } from "./list-store";
-import { GomtmFormProvider } from "../edit/formStore";
 const ALL_Layouts = [
   "default",
   "demo"
@@ -30,25 +29,10 @@ function CommonListView() {
   const setOpenCreate = useListview((x) => x.setOpenCreate);
   const viewUpdate = useListview((x) => x.viewUpdate);
   const viewCreate = useListview((x) => x.viewCreate);
-  const open = openEdit || openCreate;
-  const setOpen = useCallback((open2) => {
-    if (openCreate) {
-      setOpenCreate(false);
-    }
-    if (openEdit) {
-      setOpenEdit(false);
-    }
-  }, [openCreate, openEdit, setOpenCreate, setOpenEdit]);
-  const router = useMtRouter();
-  const viewName = useMemo(() => {
-    if (openCreate) {
-      return viewCreate;
-    }
-    if (openEdit) {
-      return viewUpdate;
-    }
-    return "";
-  }, [openCreate, openEdit, viewCreate, viewUpdate]);
+  const methodUpdate = useListview((x) => x.methodUpdate);
+  const methodCreate = useListview((x) => x.methodCreate);
+  const openCurdViewEditor = useListview((x) => x.openCurdViewEditor);
+  const setOpenCurdViewEditor = useListview((x) => x.setOpenCurdViewEditor);
   const listQuery = useGomtmSuspenseInfiniteQuery(svc, methodList, paramList);
   if (!(listQuery == null ? void 0 : listQuery.data)) {
     return null;
@@ -80,33 +64,66 @@ function CommonListView() {
       /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, { href: "#" }) })
     ] }) }),
     /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ jsx(ListViewActions, {}) }),
-    /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsxs(
-      GomtmFormProvider,
-      {
-        open,
-        fullScreen: true,
-        viewName,
-        children: [
-          /* @__PURE__ */ jsx(CurdEditPanel, {}),
-          /* @__PURE__ */ jsx(PanelRemove, {})
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsxs(Suspense, { children: [
+      /* @__PURE__ */ jsx(
+        GomtmForm,
+        {
+          open: openEdit,
+          fullScreen: true,
+          viewName: viewUpdate,
+          onOpenChange: setOpenEdit,
+          svc,
+          method: methodUpdate,
+          children: /* @__PURE__ */ jsx(CurdEditPanel, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        GomtmForm,
+        {
+          open: openCreate,
+          fullScreen: true,
+          viewName: viewCreate,
+          onOpenChange: setOpenCreate,
+          svc,
+          method: methodCreate,
+          children: /* @__PURE__ */ jsx(CurdEditPanel, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(PanelRemove, {}),
+      openCurdViewEditor && /* @__PURE__ */ jsx(
+        GomtmForm,
+        {
+          open: openCurdViewEditor,
+          fullScreen: true,
+          viewName: "CurdViewEditor",
+          onOpenChange: setOpenCurdViewEditor,
+          svc: "sppb.CurdService",
+          method: methodCreate,
+          children: /* @__PURE__ */ jsx(CurdEditPanel, {})
+        }
+      )
+    ] })
   ] });
 }
 const ListViewActions = () => {
   const [open, setOpen] = useState(false);
   const setOpenCreate = useListview((x) => x.setOpenCreate);
-  setOpen;
+  const setOpenCurdViewEditor = useListview((x) => x.setOpenCurdViewEditor);
   return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, 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: "List \u64CD\u4F5C" }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => {
-        setOpenCreate(true);
-        setOpen(false);
-      }, children: "create" }) }),
+      /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => {
+          setOpenCreate(true);
+          setOpen(false);
+        }, children: "create" }),
+        /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => {
+          setOpenCurdViewEditor(true);
+          setOpen(false);
+        }, children: "editView" })
+      ] }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
     ] })
   ] });

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

@@ -20,6 +20,7 @@ interface ListViewStateProps {
     viewUpdate: string;
     viewCreate: string;
     curdView?: PlainMessage<CurdView>;
+    openCurdViewEditor?: boolean;
 }
 export interface ListViewState extends ListViewStateProps {
     openRemove: boolean;
@@ -32,11 +33,10 @@ export interface ListViewState extends ListViewStateProps {
     setActivateItem: (activateItem: any) => void;
     nextPage: () => void;
     setDetailData: (detailData: any) => void;
+    setOpenCurdViewEditor: (openCurdViewEditor: boolean) => void;
 }
 export declare const listViewContext: import("react").Context<import("zustand").StoreApi<ListViewState> | null>;
 export declare const ListViewStoreProvider: (props: PropsWithChildren<ListViewStateProps>) => import("react").JSX.Element;
 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<unknown, any, any, any>;
-export declare const useCurdCreateMutation: () => import("@tanstack/react-query").UseMutationResult<unknown, any, any, any>;
 export {};

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

@@ -36,7 +36,6 @@ import { createContext, useContext, useRef } from "react";
 import { useStore } from "zustand";
 import { createStore } from "zustand/vanilla";
 import { CONST_cookieListViewLayout } from "../../consts";
-import { useGomtmMutation } from "../../gomtmQuery";
 import { useGomtm } from "../../store/mtapp-store";
 const createListviewStore = (initProps) => {
   const DEFAULT_PROPS = {
@@ -64,7 +63,8 @@ const createListviewStore = (initProps) => {
     },
     nextPage: () => {
     },
-    setDetailData: (detailData) => set({ detailData })
+    setDetailData: (detailData) => set({ detailData }),
+    setOpenCurdViewEditor: (openCurdViewEditor) => set({ openCurdViewEditor })
   }));
 };
 const listViewContext = createContext(null);
@@ -87,21 +87,9 @@ function useListview(selector) {
     throw new Error("useListview Missing ListViewProvider in the tree");
   return useStore(store, selector);
 }
-const useCurdUpdateMutation = () => {
-  const svc = useListview((x) => x.svc);
-  const methodUpdate = useListview((x) => x.methodUpdate);
-  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
 };