gomtm 0.0.368 → 0.0.370

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

@@ -2,4 +2,7 @@
 export default function CurdViewEditor(props: {
     name: string;
 }): import("react").JSX.Element;
-export declare const CurdViewContentField: () => import("react").JSX.Element;
+export declare const CurdViewContentField: (props: {
+    name: string;
+    defaultValues: any;
+}) => import("react").JSX.Element;

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

@@ -18,12 +18,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FormControl, FormField, FormItem, FormLabel, FormMessage } from "mtxuilib/ui/form";
 import { Input } from "mtxuilib/ui/input";
-import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { useEffect } from "react";
-import { useForm, useFormContext, useWatch } from "react-hook-form";
+import { useForm, useFormContext } from "react-hook-form";
 import { FormShell } from "../../curd/form/FormShell";
 function CurdViewEditor(props) {
   const form = useFormContext();
@@ -40,75 +39,40 @@ function CurdViewEditor(props) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(
-      FormField,
-      {
-        control: form.control,
-        name: "svcName",
-        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-          /* @__PURE__ */ jsx(FormLabel, { children: "Svc" }),
-          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "svcName" }, field)) }),
-          /* @__PURE__ */ jsx(FormMessage, {})
-        ] })
-      }
-    ),
     /* @__PURE__ */ jsx(FormField, { control: form.control, name: "title", render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
       /* @__PURE__ */ jsx(FormLabel, { children: "title" }),
       /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "title" }, field)) }),
       /* @__PURE__ */ jsx(FormMessage, {})
     ] }) }),
-    /* @__PURE__ */ jsx(FormField, { control: form.control, name: "methodList", render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-      /* @__PURE__ */ jsx(FormLabel, { children: "methodList" }),
-      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "methodList" }, field)) }),
-      /* @__PURE__ */ jsx(FormMessage, {})
-    ] }) }),
-    /* @__PURE__ */ jsx(FormField, { control: form.control, name: "methodGet", render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-      /* @__PURE__ */ jsx(FormLabel, { children: "methodGet" }),
-      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "methodGet" }, field)) }),
-      /* @__PURE__ */ jsx(FormMessage, {})
-    ] }) }),
-    /* @__PURE__ */ jsx(FormField, { control: form.control, name: "methodUpdate", render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-      /* @__PURE__ */ jsx(FormLabel, { children: "methodUpdate" }),
-      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "methodUpdate" }, field)) }),
-      /* @__PURE__ */ jsx(FormMessage, {})
-    ] }) }),
-    /* @__PURE__ */ jsx(ChildB, { control: form.control }),
-    /* @__PURE__ */ jsx(CurdViewContentField, {})
+    /* @__PURE__ */ jsx(CurdViewContentField, { name: "content", defaultValues: form.getValues()["content"] })
   ] });
 }
-const CurdViewContentField = () => {
+const CurdViewContentField = (props) => {
+  const { name, defaultValues } = props;
   const form = useFormContext();
-  const contentForm = useForm();
-  const handleSubmit = (values) => {
-    console.log("submit content field", values);
-    form.setValue("content", JSON.stringify(values));
-  };
+  console.log("defaultValues", defaultValues);
+  const contentForm = useForm({
+    defaultValues
+  });
   useEffect(() => {
-    contentForm.watch();
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    "CurdViewContentField",
+    const subscription = contentForm.watch((value) => {
+      form.setValue(name, JSON.stringify(value, null, 2));
+    });
+    return () => subscription.unsubscribe();
+  }, [contentForm, contentForm.watch, form, name]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(FormField, { control: contentForm.control, name: "someField", render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
       /* @__PURE__ */ jsx(FormLabel, { children: "someField" }),
       /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "someField" }, field)) }),
       /* @__PURE__ */ jsx(FormMessage, {})
     ] }) }),
-    /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-      handleSubmit(contentForm.getValues());
-    }, children: "\u4FDD\u5B58" })
+    /* @__PURE__ */ jsx(FormField, { control: contentForm.control, name: "someField22", render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+      /* @__PURE__ */ jsx(FormLabel, { children: "someField" }),
+      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "someField" }, field)) }),
+      /* @__PURE__ */ jsx(FormMessage, {})
+    ] }) })
   ] });
 };
-function ChildB(props) {
-  const { control } = props;
-  const firstName = useWatch({
-    control,
-    name: "title"
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "bg-red-100 p-2", children: [
-    "Watch: ",
-    firstName
-  ] });
-}
 export {
   CurdViewContentField,
   CurdViewEditor as default