gomtm 0.0.388 → 0.0.390

package/dist/esm/block/BlockItem.d.ts

@@ -2,12 +2,10 @@ import { PropsWithChildren } from "react";
 export interface BlockItemProps {
     id?: string;
     originPropsList?: any;
-    designMode?: boolean;
     overrideData?: any;
 }
 export interface DemoChildrenState extends BlockItemProps {
     setOriginPropsList: (debugData: any) => void;
-    setDesignMode: (designMode: boolean) => void;
     setOverrideData: (overrideData: any) => void;
 }
 export declare const blockItemContext: import("react").Context<import("zustand").StoreApi<DemoChildrenState> | null>;

package/dist/esm/block/BlockItem.js

@@ -41,7 +41,6 @@ import { MtBlockRender, getComponentName } from "./blockRegister";
 const createDemoChildrenStore = (initProps) => {
   return createStore()((set, get) => __spreadProps(__spreadValues({}, initProps), {
     setOriginPropsList: (debugData) => set({ originPropsList: debugData }),
-    setDesignMode: (designMode) => set({ designMode }),
     setOverrideData: (overrideData) => set({ overrideData })
   }));
 };
@@ -68,14 +67,23 @@ const BlockItem = (props) => {
   if (!children) {
     return /* @__PURE__ */ jsx("div", { children: "no children" });
   }
-  return /* @__PURE__ */ jsx(BlockItemProvider, { children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h1", { children: "BlockItem" }),
-    /* @__PURE__ */ jsx(ChildrenDebugInner, { children })
-  ] }) });
+  return /* @__PURE__ */ jsxs(BlockItemProvider, { children: [
+    /* @__PURE__ */ jsx(BlockItemSetup, {}),
+    /* @__PURE__ */ jsx(BlockItemDesignToolbar, {}),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { children: "BlockItem" }),
+      /* @__PURE__ */ jsx(ChildrenDebugInner, { children })
+    ] })
+  ] });
+};
+const BlockItemSetup = () => {
+  const setDesignMode = useDemoChildrenBlock((x) => x.setDesignMode);
+  const designMode = useDemoChildrenBlock((x) => x.designMode);
+  return null;
 };
 const ChildrenDebugInner = (props) => {
   const { children } = props;
-  const setDebugData = useDemoChildrenBlock((x) => x.setOriginPropsList);
+  const setDebugData = useBlockItem((x) => x.setOriginPropsList);
   const designMode = useDemoChildrenBlock((x) => x.designMode);
   useMemo(() => {
     let data2 = [];
@@ -102,21 +110,35 @@ const ChildrenDebugInner = (props) => {
 };
 function ChildrenOrigin(props) {
   const { child, i } = props;
-  const originPropsList = useDemoChildrenBlock((x) => x.originPropsList);
+  const originPropsList = useBlockItem((x) => x.originPropsList);
   const overProps = useMemo(() => originPropsList && originPropsList[i].props, [i, originPropsList]);
   return /* @__PURE__ */ jsx(Fragment, { children: createElement(child.type, __spreadValues(__spreadValues({}, child.props), overProps)) });
 }
 function ChildrenEditMode(props) {
-  var _a;
   const { child, i } = props;
   const [open, setOpen] = useState(false);
-  const originPropsList = useDemoChildrenBlock((x) => x.originPropsList);
-  const setOriginPropsList = useDemoChildrenBlock((x) => x.setOriginPropsList);
+  const originPropsList = useBlockItem((x) => x.originPropsList);
+  const setOriginPropsList = useBlockItem((x) => x.setOriginPropsList);
   const oriProps = useMemo(() => {
     return originPropsList[i];
   }, [i, originPropsList]);
-  const Editor = (_a = child.type) == null ? void 0 : _a.Editor;
-  const overProps = useMemo(() => originPropsList && originPropsList[i].props, [i, originPropsList]);
+  const Editor = useMemo(() => {
+    var _a, _b, _c, _d;
+    const a = (_a = child.type) == null ? void 0 : _a.Editor;
+    if (a) {
+      return a;
+    }
+    const b = (_d = (_c = (_b = child.type) == null ? void 0 : _b._payload) == null ? void 0 : _c.value) == null ? void 0 : _d.Editor;
+    if (b) {
+      return b;
+    }
+  }, [child.type]);
+  const overProps = useMemo(() => {
+    var _a;
+    if (originPropsList) {
+      return (_a = originPropsList[i]) == null ? void 0 : _a.props;
+    }
+  }, [i, originPropsList]);
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
       MtButton,
@@ -134,7 +156,7 @@ function ChildrenEditMode(props) {
     ),
     createElement(child.type, __spreadValues(__spreadValues({}, child.props), overProps)),
     /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(DialogContent, { children: !Editor ? /* @__PURE__ */ jsx("div", { children: "missing editor" }) : /* @__PURE__ */ jsx(Editor, { props: oriProps, setProps: (values) => {
-      console.log("\u8BBE\u7F6E\u65B0\u503C", values);
+      console.log("setProps", values);
       setOriginPropsList(originPropsList.map((item, j) => {
         if (i == j) {
           return { props: values };
@@ -145,13 +167,13 @@ function ChildrenEditMode(props) {
   ] });
 }
 const BlockItemDesignToolbar = () => {
-  const debugData = useDemoChildrenBlock((x) => x.originPropsList);
+  const debugData = useBlockItem((x) => x.originPropsList);
   const designMode = useDemoChildrenBlock((x) => x.designMode);
   const setDesignMode = useDemoChildrenBlock((x) => x.setDesignMode);
   if (!designMode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1 bg-slate-600 p-2", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1 bg-blue-300 p-1", children: [
     /* @__PURE__ */ jsx(MtButton, { onClick: () => {
       setDesignMode(!designMode);
     }, children: "edit" }),

package/dist/esm/block/BlockPage.js

@@ -70,14 +70,14 @@ const BlockPage = (props) => {
   if (!children) {
     return /* @__PURE__ */ jsx("div", { children: "no children" });
   }
-  return /* @__PURE__ */ jsx(DemoChildrenProvider, { children: /* @__PURE__ */ jsx(ChildrenDebugInner, { children }) });
+  return /* @__PURE__ */ jsx(DemoChildrenProvider, { children });
 };
 const BlockPageSetup = () => {
   const setDesignMode = useDemoChildrenBlock((x) => x.setDesignMode);
   const designMode = useDemoChildrenBlock((x) => x.designMode);
   useHotkeys(HOTKEY_Design_mode, () => {
     setDesignMode(!designMode);
-  }, [setDesignMode]);
+  }, [setDesignMode, designMode]);
   return null;
 };
 const ChildrenDebugInner = (props) => {
@@ -110,7 +110,12 @@ const ChildrenDebugInner = (props) => {
 function ChildrenOrigin(props) {
   const { child, i } = props;
   const originPropsList = useDemoChildrenBlock((x) => x.originPropsList);
-  const overProps = useMemo(() => originPropsList && originPropsList[i].props, [i, originPropsList]);
+  const overProps = useMemo(() => {
+    var _a;
+    if (originPropsList) {
+      return (_a = originPropsList[i]) == null ? void 0 : _a.props;
+    }
+  }, [i, originPropsList]);
   return /* @__PURE__ */ jsx(Fragment, { children: createElement(child.type, __spreadValues(__spreadValues({}, child.props), overProps)) });
 }
 function ChildrenEditMode(props) {
@@ -123,7 +128,12 @@ function ChildrenEditMode(props) {
     return originPropsList[i];
   }, [i, originPropsList]);
   const Editor = (_a = child.type) == null ? void 0 : _a.Editor;
-  const overProps = useMemo(() => originPropsList && originPropsList[i].props, [i, originPropsList]);
+  const overProps = useMemo(() => {
+    var _a2;
+    if (originPropsList) {
+      return (_a2 = originPropsList[i]) == null ? void 0 : _a2.props;
+    }
+  }, [i, originPropsList]);
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxs(
       MtButton,

package/dist/esm/block/blocks/hello/index.d.ts

@@ -3,6 +3,7 @@ declare function HelloBlock(props: {
     text?: string;
 }): import("react").JSX.Element;
 declare namespace HelloBlock {
+    var blockName: string;
     var Editor: import("react").LazyExoticComponent<typeof import("./edit").default>;
 }
 export default HelloBlock;

package/dist/esm/block/blocks/hello/index.js

@@ -18,10 +18,12 @@ var __spreadValues = (a, b) => {
 import { jsx } from "react/jsx-runtime";
 import { lazy } from "react";
 const LzHelloBlock = lazy(() => import("./Hello"));
+const LzEdit = lazy(() => import("./edit"));
 function HelloBlock(props) {
   return /* @__PURE__ */ jsx(LzHelloBlock, __spreadValues({}, props));
 }
-HelloBlock.Editor = lazy(() => import("./edit"));
+HelloBlock.blockName = "hello-block";
+HelloBlock.Editor = LzEdit;
 export {
   HelloBlock as default
 };

package/dist/esm/block/consts.d.ts

@@ -1 +1 @@
-export declare const HOTKEY_Design_mode = "alt+d";
+export declare const HOTKEY_Design_mode = "alt+x";

package/dist/esm/block/consts.js

@@ -1,4 +1,4 @@
-const HOTKEY_Design_mode = "alt+d";
+const HOTKEY_Design_mode = "alt+x";
 export {
   HOTKEY_Design_mode
 };