gomtm 0.0.282 → 0.0.283

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

@@ -11,6 +11,7 @@ interface ListViewProps {
     params?: any;
     getParams?: any;
     detailData?: any;
+    layout?: string;
 }
 export declare function ListViewProvider(props: ListViewProps & PropsWithChildren): import("react").JSX.Element;
 export declare function useListView<I extends Message<I>, O extends Message<O>>(): {
@@ -24,6 +25,7 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     params?: any;
     getParams?: any;
     detailData?: any;
+    layout?: string | undefined;
     openRemove?: boolean | undefined;
     setOpenRemove?: Dispatch<SetStateAction<boolean>> | undefined;
     openCreate?: boolean | undefined;
@@ -35,6 +37,7 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
     setParams?: Dispatch<any> | undefined;
     setDetailData?: Dispatch<any> | undefined;
+    setLayout?: Dispatch<SetStateAction<string>> | undefined;
 };
 export declare function useDetail(): {
     svc: string;
@@ -47,6 +50,7 @@ export declare function useDetail(): {
     params?: any;
     getParams?: any;
     detailData?: any;
+    layout?: string | undefined;
     openRemove: boolean;
     setOpenRemove: Dispatch<SetStateAction<boolean>>;
     openCreate: boolean;
@@ -58,6 +62,7 @@ export declare function useDetail(): {
     setOpenDebug: Dispatch<SetStateAction<boolean>>;
     setParams: Dispatch<any>;
     setDetailData: Dispatch<any>;
+    setLayout: Dispatch<SetStateAction<string>>;
 };
 export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
 export declare const ListViewActions: () => import("react").JSX.Element;

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

@@ -64,6 +64,7 @@ function ListViewProvider(props) {
   const [openDebug, setOpenDebug] = useState(false);
   const [_params, _setParams] = useState(mtapp.globalSearchParams);
   const [detailData, setDetailData] = useState(void 0);
+  const [layout, setLayout] = useState("default");
   const params = useMemo(() => {
     var _a;
     return {
@@ -93,7 +94,9 @@ function ListViewProvider(props) {
     params,
     setParams,
     detailData,
-    setDetailData
+    setDetailData,
+    layout,
+    setLayout
   }, children });
 }
 function useListView() {

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

@@ -29,10 +29,22 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
 import { PrefetchConnectInfiniteQuery } from "../../components/SSR";
+import { HOTKEY_Switchlayout } from "../../consts";
 import { siteList } from "../../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
-import { ListViewProvider } from "./ListViewProvider";
+import { ListViewProvider, useListView } from "./ListViewProvider";
+import { ListViewLayoutDefault } from "./listview-layouts/default";
+import ListViewLayoutDemo from "./listview-layouts/listviewlayout-demo";
+const ALL_Layouts = [
+  "demo",
+  "default",
+  "none"
+];
 function MtListView(props) {
   const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
   return /* @__PURE__ */ jsx(ListViewProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
@@ -41,10 +53,45 @@ function MtListView(props) {
       svc: siteList.service.typeName,
       method: siteList.name,
       input: etc.params,
-      children
+      children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
+        children,
+        /* @__PURE__ */ jsx(ListViewLayoutSwitch, {})
+      ] })
     }
   ) }));
 }
+const ListViewLayout = (props) => {
+  const listView = useListView();
+  const { children } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: listView.layout == "default" ? /* @__PURE__ */ jsxs(ListViewLayoutDefault, { children: [
+    " ",
+    children,
+    " "
+  ] }) : listView.layout == "demo" ? /* @__PURE__ */ jsxs(ListViewLayoutDemo, { children: [
+    " ",
+    children,
+    " "
+  ] }) : listView.layout == "none" ? /* @__PURE__ */ jsx(Fragment, { children }) : children });
+};
+const ListViewLayoutSwitch = () => {
+  const listview = useListView();
+  const [open, setOpen] = useState(false);
+  useHotkeys(HOTKEY_Switchlayout, () => {
+    setOpen((pre) => !pre);
+  }, [open, setOpen]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "LayoutSwitch,",
+      listview.layout
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
+      return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+        listview.setLayout(layout);
+        setOpen(false);
+      }, children: layout }, layout);
+    }) })
+  ] }) });
+};
 export {
   MtListView as default
 };

package/dist/esm/curd/listview/listview-layouts/default/index.d.ts

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

package/dist/esm/curd/listview/listview-layouts/default/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs } from "react/jsx-runtime";
+const ListViewLayoutDefault = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs("div", { className: "bg-red-100 p-2", children: [
+    "ListViewLayoutDefault",
+    children
+  ] });
+};
+export {
+  ListViewLayoutDefault
+};

package/dist/esm/curd/listview/listview-layouts/listviewlayout-demo/index.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export default function ListViewLayoutDemo(props: PropsWithChildren): import("react").JSX.Element;

package/dist/esm/curd/listview/listview-layouts/listviewlayout-demo/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ListViewLayoutDemo(props) {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs("div", { className: "bg-blue-300 p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "ListViewDemoLayout" }),
+    children
+  ] });
+}
+export {
+  ListViewLayoutDemo as default
+};

package/dist/esm/ly/LayoutBase.js

@@ -7,7 +7,7 @@ import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { TooltipProvider } from "mtxuilib/ui/tooltip";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
-import { Suspense, lazy } from "react";
+import { Suspense, lazy, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
 import { HOTKEY_Switchlayout } from "../consts";
@@ -50,10 +50,11 @@ const LayoutBase = (props) => {
 };
 const LayoutSwitchDlg = () => {
   const mtapp = useMtmApp();
+  const [open, setOpen] = useState(false);
   useHotkeys(HOTKEY_Switchlayout, () => {
-    mtapp.setOpenLayoutSwitchDlg((pre) => !pre);
-  }, [mtapp.setOpenLayoutSwitchDlg, mtapp.openLayoutSwitchDlg]);
-  return /* @__PURE__ */ jsx(Dialog, { open: mtapp.openLayoutSwitchDlg, onOpenChange: mtapp.setOpenLayoutSwitchDlg, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    setOpen((pre) => !pre);
+  }, [open, setOpen]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "LayoutSwitch,",
       mtapp.layoutName
@@ -61,7 +62,7 @@ const LayoutSwitchDlg = () => {
     /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
         mtapp.setLayoutName(layout);
-        mtapp.setOpenLayoutSwitchDlg(false);
+        setOpen(false);
       }, children: layout }, layout);
     }) })
   ] }) });

package/dist/esm/providers/GomtmProvider.d.ts

@@ -15,8 +15,6 @@ export declare function useMtmApp(): {
     setIsDebug: Dispatch<SetStateAction<boolean>>;
     setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
     setLayoutName: Dispatch<SetStateAction<string>>;
-    openLayoutSwitchDlg?: boolean | undefined;
-    setOpenLayoutSwitchDlg: Dispatch<SetStateAction<boolean>>;
     setCookieStr: Dispatch<SetStateAction<string>>;
     globalSearchParams?: any;
     setGlobalSearchParams: Dispatch<any>;

package/dist/esm/providers/GomtmProvider.js

@@ -54,8 +54,8 @@ function GomtmProvider(props) {
     setBackendUrl,
     layoutName: _layoutName,
     setLayoutName,
-    openLayoutSwitchDlg,
-    setOpenLayoutSwitchDlg,
+    // openLayoutSwitchDlg: openLayoutSwitchDlg,
+    // setOpenLayoutSwitchDlg: setOpenLayoutSwitchDlg,
     cookieStr: _cookieStr,
     setCookieStr,
     globalSearchParams,