gomtm 0.0.151 → 0.0.153

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

@@ -0,0 +1,12 @@
+import { InfiniteData, UseSuspenseInfiniteQueryResult } from "@tanstack/react-query";
+import type { ConnectError, Message, PlainMessage } from "gomtm";
+import { MethodUnaryDescriptor } from "gomtm/connectquery";
+import { MtmError } from "gomtm/gomtmpb/mtm/sppb/mtm_pb";
+import { PropsWithChildren } from "react";
+export declare function CommonListViewProvider<I extends Message<I>, O extends Message<O>>(props: {
+    methodList: MethodUnaryDescriptor<I, any>;
+} & PropsWithChildren): import("react").JSX.Element;
+export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
+export declare function useCommonListView<T extends Message<T>>(): {
+    listQuery: UseSuspenseInfiniteQueryResult<InfiniteData<T & PlainMessage<MtmError>, unknown>, ConnectError> | null;
+};

package/dist/esm/curd/CommonListViewV2.js

@@ -0,0 +1,92 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSuspenseInfiniteQuery } from "gomtm/connectquery";
+import { ListViewLayout } from "gomtm/gomtmpb/mtm/sppb/mtm_pb";
+import { atom, useAtom } from "jotai";
+import { useHydrateAtoms } from "jotai/utils";
+import { ListItemView } from "mtxuilib/components/ListItem";
+import { MtUnaryCallErrorView } from "mtxuilib/components/MtUnaryCallErrorView";
+import { cn } from "mtxuilib/lib/utils";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
+const listQueryAtom = atom(null);
+function CommonListViewProvider(props) {
+  const { children, methodList } = props;
+  const listquery = useSuspenseInfiniteQuery(methodList, {
+    //@ts-ignore
+    page: 1
+  }, {
+    pageParamKey: "pagination",
+    getNextPageParam: (res, b, c) => {
+      return {
+        //@ts-ignore
+        page: ((c == null ? void 0 : c.page) || 0) + 1
+      };
+    }
+  });
+  useHydrateAtoms([
+    [
+      listQueryAtom,
+      listquery
+    ]
+  ]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function CommonListView() {
+  const [listQuery, setListQuery] = useAtom(listQueryAtom);
+  if (!(listQuery == null ? void 0 : listQuery.data)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full"
+          // 滚动设置
+          // " max-h-[700px] overflow-y-auto"
+        ),
+        children: listQuery.data.pages.map((page, i) => {
+          var _a;
+          if (page.error_code) {
+            return /* @__PURE__ */ jsx(MtUnaryCallErrorView, { unaryError: page }, i);
+          } else {
+            return /* @__PURE__ */ jsx(ListLayout, { layout: page.listLayout, children: (_a = page == null ? void 0 : page.items) == null ? void 0 : _a.map((item, j) => /* @__PURE__ */ jsx(ListItemView, { item }, `${i}-${j}`)) }, i);
+          }
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { href: "#" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", children: "1" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", isActive: true, children: "2" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", children: "3" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, { href: "#" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1" })
+  ] });
+}
+const ListLayout = (props) => {
+  const { children } = props;
+  switch (props.layout) {
+    case ListViewLayout.simple:
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1 rounded-md p-2 shadow-sm", children });
+    case ListViewLayout.grid:
+      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
+    case ListViewLayout.card:
+      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
+    default:
+      return children;
+  }
+};
+function useCommonListView() {
+  const [listQuery, setListQuery] = useAtom(listQueryAtom);
+  return {
+    listQuery
+  };
+}
+export {
+  CommonListView,
+  CommonListViewProvider,
+  useCommonListView
+};

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

@@ -0,0 +1,17 @@
+import type { Message } from "gomtm";
+import { PartialMessage } from "gomtm";
+import { MethodUnaryDescriptor } from "gomtm/connectquery";
+import { PropsWithChildren } from "react";
+import { DefaultValues } from "react-hook-form";
+export declare function useCreateForm<I extends Message<I>, O extends Message<O>>(props: {
+    defaultValues: DefaultValues<PartialMessage<I>>;
+    mutationSig: MethodUnaryDescriptor<I, any>;
+}): {
+    form: import("react-hook-form").UseFormReturn<PartialMessage<I>, any, undefined>;
+    handleSubmit: (values: any) => void;
+    handleFormSubmit: () => (e?: import("react").BaseSyntheticEvent<object, any, any> | undefined) => Promise<void>;
+    handleCancel: () => void;
+};
+export declare function CreateFormV2<I extends Message<I>, O extends Message<O>>(props: {
+    createForm: ReturnType<typeof useCreateForm>;
+} & PropsWithChildren): import("react").JSX.Element;

package/dist/esm/curd/CreateFormV2.js

@@ -0,0 +1,81 @@
+"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;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "gomtm/connectquery";
+import { EditFormToolbar } from "mtxuilib/form/EditFormToolbar";
+import { useMtRouter } from "mtxuilib/hooks/use-router";
+import { Dialog, DialogContent, DialogFooter } from "mtxuilib/ui/dialog";
+import { useCallback } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+function useCreateForm(props) {
+  const { defaultValues, mutationSig } = props;
+  const form = useForm({
+    defaultValues
+  });
+  const mutation = useMutation(mutationSig);
+  const handleValuesSubmit = useCallback((values) => {
+    mutation.mutateAsync(values);
+  }, [mutation]);
+  const handleFormSubmit = useCallback(() => {
+    return form.handleSubmit(handleValuesSubmit);
+  }, [form, handleValuesSubmit]);
+  return {
+    form,
+    handleSubmit: handleValuesSubmit,
+    handleFormSubmit,
+    handleCancel: () => {
+    }
+  };
+}
+function CreateFormV2(props) {
+  const _a = props, { children, createForm } = _a, etc = __objRest(_a, ["children", "createForm"]);
+  const router = useMtRouter();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: () => {
+    router.back();
+  }, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(FormProvider, __spreadProps(__spreadValues({}, createForm.form), { children: /* @__PURE__ */ jsxs("form", { onSubmit: createForm.handleFormSubmit, children: [
+    children,
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(
+      EditFormToolbar,
+      {
+        onSubmit: (values) => {
+          createForm.handleSubmit(values);
+        },
+        onCancel: () => router.back()
+      }
+    ) })
+  ] }) })) }) }) });
+}
+export {
+  CreateFormV2,
+  useCreateForm
+};

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

@@ -0,0 +1,65 @@
+import { PlainMessage } from "gomtm";
+import { CurdView } from "gomtm/gomtmpb/mtm/sppb/mtm_pb";
+import { PropsWithChildren } from "react";
+export declare const activateIdAtom: import("jotai").PrimitiveAtom<string> & {
+    init: string;
+};
+export declare const curdViewAtom: import("jotai").PrimitiveAtom<PlainMessage<CurdView> | null | undefined> & {
+    init: PlainMessage<CurdView> | null | undefined;
+};
+export declare const curdViewIdAtom: import("jotai").PrimitiveAtom<string> & {
+    init: string;
+};
+export declare const curdStore: {
+    get: <Value>(atom: import("jotai").Atom<Value>) => Value;
+    set: <Value_1, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value_1, Args, Result>, ...args: Args) => Result;
+    sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
+} & Partial<{
+    dev_subscribe_store: (l: (action: {
+        type: "write";
+        flushed: Set<import("jotai").Atom<unknown>>;
+    } | {
+        type: "async-write";
+        flushed: Set<import("jotai").Atom<unknown>>;
+    } | {
+        type: "sub";
+        flushed: Set<import("jotai").Atom<unknown>>;
+    } | {
+        type: "unsub";
+    } | {
+        type: "restore";
+        flushed: Set<import("jotai").Atom<unknown>>;
+    }) => void, rev: 2) => () => void;
+    dev_get_mounted_atoms: () => IterableIterator<import("jotai").Atom<unknown>>;
+    dev_get_atom_state: (a: import("jotai").Atom<unknown>) => ({
+        d: Map<import("jotai").Atom<unknown>, any & ({
+            e: unknown;
+        } | {
+            v: unknown;
+        })>;
+    } & ({
+        e: unknown;
+    } | {
+        v: unknown;
+    })) | undefined;
+    dev_get_mounted: (a: import("jotai").Atom<unknown>) => {
+        l: Set<() => void>;
+        t: Set<import("jotai").Atom<unknown>>;
+        u?: (() => void) | undefined;
+    } | undefined;
+    dev_restore_atoms: (values: Iterable<readonly [import("jotai").Atom<unknown>, unknown]>) => void;
+}>;
+export declare const CurdViewView: (props: {
+    idOrName: string;
+} & PropsWithChildren) => import("react").JSX.Element;
+export declare function useCurdView(): {
+    curdView: CurdView;
+    openShow: (id: string) => void;
+    invalidateList: () => Promise<void>;
+    invalidateGet: () => Promise<void>;
+    activateId: string;
+    setActivateId: (args_0: string | ((prev: string) => string)) => void;
+    editLink: (id: string) => string;
+    createLink: string;
+    showLink: (id: string) => string;
+};

package/dist/esm/curd/CurdViewView.js

@@ -0,0 +1,128 @@
+"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 } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { useSuspenseQuery } from "gomtm/connectquery";
+import { curdViewGet } from "gomtm/gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
+import { createInfiniteQueryKey, createQueryKey } from "gomtm/mtmquery";
+import { atom, createStore, useAtom } from "jotai";
+import { useMtRouter } from "mtxuilib/hooks/use-router";
+import { usePathname } from "next/navigation";
+import { compile, match } from "path-to-regexp";
+import { useCallback, useMemo } from "react";
+const activateIdAtom = atom("0");
+const curdViewAtom = atom(null);
+const curdViewIdAtom = atom("");
+const curdStore = createStore();
+const CurdViewView = (props) => {
+  const { idOrName, children } = props;
+  useMemo(() => {
+    curdStore.set(curdViewIdAtom, idOrName);
+  }, [idOrName]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+function useCurdView() {
+  const pathName = usePathname();
+  const [activateId, setActivateId] = useAtom(activateIdAtom, { store: curdStore });
+  const [curdViewId, setCurdViewId] = useAtom(curdViewIdAtom, { store: curdStore });
+  const router = useMtRouter();
+  const queryClient = useQueryClient();
+  const query = useSuspenseQuery(curdViewGet, { id: curdViewId });
+  const curdView = useMemo(() => {
+    var _a, _b;
+    return (_b = (_a = query.data) == null ? void 0 : _a.item) == null ? void 0 : _b.value;
+  }, [query.data]);
+  const showLink = useCallback((id) => {
+    if (curdView == null ? void 0 : curdView.routeShow) {
+      const toPath = compile(curdView == null ? void 0 : curdView.routeShow, { encode: encodeURIComponent });
+      return toPath({ id });
+    }
+    return "";
+  }, [curdView == null ? void 0 : curdView.routeShow]);
+  const openShow = useCallback((id) => {
+    if (showLink) {
+      router.push(showLink(id));
+    }
+  }, [router, showLink]);
+  const invalidateList = useCallback(() => __async(this, null, function* () {
+    if (curdView) {
+      yield queryClient.invalidateQueries({
+        queryKey: createInfiniteQueryKey(curdView.svcName, curdView.methodList)
+      });
+    }
+  }), [curdView, queryClient]);
+  const invalidateGet = useCallback(() => __async(this, null, function* () {
+    if (curdView) {
+      yield queryClient.invalidateQueries({
+        queryKey: createQueryKey(curdView.svcName, curdView.methodGet)
+      });
+    }
+  }), [curdView, queryClient]);
+  const editLink = useCallback((id) => {
+    if (curdView == null ? void 0 : curdView.routeEdit) {
+      const toPath = compile(curdView == null ? void 0 : curdView.routeEdit, { encode: encodeURIComponent });
+      return toPath({ id });
+    }
+    return "";
+  }, [curdView == null ? void 0 : curdView.routeEdit]);
+  const createLink = useMemo(() => {
+    if (curdView == null ? void 0 : curdView.routeCreate) {
+      return (curdView == null ? void 0 : curdView.routeCreate) || "";
+    }
+    return "";
+  }, [curdView == null ? void 0 : curdView.routeCreate]);
+  useMemo(() => {
+    if (curdView == null ? void 0 : curdView.routeShow) {
+      const show = match(curdView.routeShow)(pathName);
+      if (show) {
+        setActivateId(show.params["id"]);
+      }
+    } else if (curdView == null ? void 0 : curdView.routeEdit) {
+      const matchEditObj = match(curdView.routeShow)(pathName);
+      if (matchEditObj) {
+        setActivateId(matchEditObj.params["id"]);
+      }
+    }
+  }, [curdView == null ? void 0 : curdView.routeEdit, curdView == null ? void 0 : curdView.routeShow, pathName, setActivateId]);
+  return {
+    curdView,
+    // canEdit,
+    // canCreate,
+    // canDelete,
+    openShow,
+    invalidateList,
+    invalidateGet,
+    activateId,
+    setActivateId,
+    editLink,
+    createLink,
+    showLink
+  };
+}
+export {
+  CurdViewView,
+  activateIdAtom,
+  curdStore,
+  curdViewAtom,
+  curdViewIdAtom,
+  useCurdView
+};

package/dist/esm/curd/curd-detail.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+export declare function CurdViewShow<T>(props: PropsWithChildren): import("react").JSX.Element | null;
+export declare const DetailViewActions: () => import("react").JSX.Element;

package/dist/esm/curd/curd-detail.js

@@ -0,0 +1,48 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useAtom } from "jotai";
+import { useSearchParams } from "next/navigation";
+import { createContext, useMemo, useState } from "react";
+import { Icons } from "mtxuilib/icons/icons";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { activateIdAtom, useCurdView } from "./CurdViewView";
+const curdDetailViewContext = createContext(void 0);
+function CurdViewDetailProvider(props) {
+  const [isOpenEdit, setIsOpenEdit] = useState(false);
+  return /* @__PURE__ */ jsx(curdDetailViewContext.Provider, { value: {
+    isOpenEdit,
+    setIsOpenEdit
+  }, children: props.children });
+}
+function CurdViewShow(props) {
+  const { children } = props;
+  const [activateId, setActivateId] = useAtom(activateIdAtom);
+  const search = useSearchParams();
+  useMemo(() => {
+    const id = search.get("id");
+    if (id) {
+      setActivateId(id);
+    }
+  }, [search, setActivateId]);
+  if (!activateId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CurdViewDetailProvider, {}) });
+}
+const DetailViewActions = () => {
+  const curd = useCurdView();
+  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, {}),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+    ] })
+  ] });
+};
+export {
+  CurdViewShow,
+  DetailViewActions
+};

package/dist/esm/curd/toolbar-buttons.d.ts

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

package/dist/esm/curd/toolbar-buttons.js

@@ -0,0 +1,16 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { useCurdView } from "./CurdViewView";
+const CurdEditButton = () => {
+  const curd = useCurdView();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: curd.editLink(curd.activateId), children: "edit" }) });
+};
+const CurdCreateButton = () => {
+  const curd = useCurdView();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: curd.createLink, children: "new" }) });
+};
+export {
+  CurdCreateButton,
+  CurdEditButton
+};