gomtm 0.0.352 → 0.0.354

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

@@ -5,8 +5,8 @@ import { MtPopupPanel } from "mtxuilib/ui/ui-mt/MtPopupPanel";
 import { useMemo } from "react";
 import { useGomtmSuspenseQuery } from "../../gomtmQuery";
 import { RenderViewByName } from "../DynViews";
-import { useGomtmForm } from "../form-context";
 import { useListview } from "../listview/list-store";
+import { useGomtmForm } from "./form-context";
 function CurdEditPanel(props) {
   const open = useGomtmForm((x) => x.open);
   const setOpen = useGomtmForm((x) => x.setOpen);

package/dist/esm/curd/edit/form-context.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+interface GomtmFormProps {
+    open?: boolean;
+    fullScreen?: boolean;
+    viewName: string;
+    title?: string;
+}
+export interface GomtmFormState extends GomtmFormProps {
+    setOpen: (open: boolean) => void;
+    setFullScreen: (open: boolean) => void;
+    setTitle: (title: string) => void;
+}
+export declare const gomtmFormContext: import("react").Context<import("zustand").StoreApi<GomtmFormState> | null>;
+export declare const GomtmFormProvider: (props: PropsWithChildren<GomtmFormProps>) => import("react").JSX.Element;
+export declare function useGomtmForm<T>(selector: (state: GomtmFormState) => T): T;
+export declare function GomtmFormDebug(): import("react").JSX.Element | null;
+export {};

package/dist/esm/curd/edit/form-context.js

@@ -0,0 +1,92 @@
+"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 { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useRef } from "react";
+import { useStore } from "zustand";
+import { createStore } from "zustand/vanilla";
+import { useGomtm } from "../../store/mtapp-store";
+const createGomtmFormStore = (initProps) => {
+  const DEFAULT_PROPS = {
+    open: false,
+    viewName: ""
+  };
+  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");
+  return useStore(store, selector);
+}
+function GomtmFormDebug() {
+  const open = useGomtmForm((x) => x.open);
+  const viewName = useGomtmForm((x) => x.viewName);
+  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({ open, viewName }, null, 2) })
+  ] });
+}
+export {
+  GomtmFormDebug,
+  GomtmFormProvider,
+  gomtmFormContext,
+  useGomtmForm
+};

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

@@ -10,7 +10,7 @@ import { Suspense, lazy, useCallback, useMemo, useState } from "react";
 import { MtmErrorView } from "../../components/MtmErrorView";
 import { useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
 import CurdEditPanel from "../edit/CurdEditPanel";
-import { GomtmFormProvider } from "../form-context";
+import { GomtmFormProvider } from "../edit/form-context";
 import { CommontListResView } from "../list-item/ListViewLayoutRender";
 import { PanelRemove } from "../remove/RemovePanel";
 import { useListview } from "./list-store";
@@ -80,26 +80,18 @@ function CommonListView() {
       /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, { href: "#" }) })
     ] }) }),
     /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ jsx(ListViewActions, {}) }),
-    /* @__PURE__ */ jsxs(Suspense, { children: [
-      /* @__PURE__ */ jsx("pre", { children: JSON.stringify({
+    /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsxs(
+      GomtmFormProvider,
+      {
         open,
+        fullScreen: true,
         viewName,
-        viewUpdate,
-        viewCreate
-      }, null, 2) }),
-      /* @__PURE__ */ jsxs(
-        GomtmFormProvider,
-        {
-          open,
-          fullScreen: true,
-          viewName,
-          children: [
-            /* @__PURE__ */ jsx(CurdEditPanel, {}),
-            /* @__PURE__ */ jsx(PanelRemove, {})
-          ]
-        }
-      )
-    ] })
+        children: [
+          /* @__PURE__ */ jsx(CurdEditPanel, {}),
+          /* @__PURE__ */ jsx(PanelRemove, {})
+        ]
+      }
+    ) })
   ] });
 }
 const ListViewActions = () => {
@@ -112,7 +104,6 @@ const ListViewActions = () => {
       /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "List \u64CD\u4F5C" }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => {
-        console.log("setOpenCreate");
         setOpenCreate(true);
         setOpen(false);
       }, children: "create" }) }),