@sepveneto/dnde 0.3.1 → 0.3.2

package/dist/Editor.vue.d.ts

@@ -27,7 +27,7 @@ declare const editor: import("pinia").Store<"editor", Pick<{
             list: import("./store").ConfigPanel[];
             readonly defaultPane: string;
             addPanel(panel: import("./store").ConfigPanel): void;
-            validate(data: any): Promise<boolean | undefined>;
+            validate(data: any): Promise<false | undefined>;
         };
     };
     getData: () => Record<string, any>;
@@ -61,7 +61,7 @@ declare const editor: import("pinia").Store<"editor", Pick<{
             list: import("./store").ConfigPanel[];
             readonly defaultPane: string;
             addPanel(panel: import("./store").ConfigPanel): void;
-            validate(data: any): Promise<boolean | undefined>;
+            validate(data: any): Promise<false | undefined>;
         };
     };
     getData: () => Record<string, any>;
@@ -95,7 +95,7 @@ declare const editor: import("pinia").Store<"editor", Pick<{
             list: import("./store").ConfigPanel[];
             readonly defaultPane: string;
             addPanel(panel: import("./store").ConfigPanel): void;
-            validate(data: any): Promise<boolean | undefined>;
+            validate(data: any): Promise<false | undefined>;
         };
     };
     getData: () => Record<string, any>;

package/dist/components/NodePlugin.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 list: import("@/store").ConfigPanel[];
                 readonly defaultPane: string;
                 addPanel(panel: import("@/store").ConfigPanel): void;
-                validate(data: any): Promise<boolean | undefined>;
+                validate(data: any): Promise<false | undefined>;
             };
         };
         getData: () => Record<string, any>;
@@ -62,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 list: import("@/store").ConfigPanel[];
                 readonly defaultPane: string;
                 addPanel(panel: import("@/store").ConfigPanel): void;
-                validate(data: any): Promise<boolean | undefined>;
+                validate(data: any): Promise<false | undefined>;
             };
         };
         getData: () => Record<string, any>;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 list: import("@/store").ConfigPanel[];
                 readonly defaultPane: string;
                 addPanel(panel: import("@/store").ConfigPanel): void;
-                validate(data: any): Promise<boolean | undefined>;
+                validate(data: any): Promise<false | undefined>;
             };
         };
         getData: () => Record<string, any>;

package/dist/editor.js

@@ -102610,35 +102610,6 @@ var Node$1 = class _Node {
   }
 };
 
-const useApp = defineStore("app", () => {
-  const widgets = shallowRef();
-  const widgetMap = /* @__PURE__ */ new Map();
-  function setWidgets(data) {
-    widgets.value = [];
-    data.forEach((widget) => {
-      if (isGroup(widget)) {
-        widgets.value?.push({ name: widget.name, list: widget.list.map((item) => {
-          const inst = new Widget(item);
-          widgetMap.set(inst.view, inst);
-          return inst;
-        }) });
-      } else {
-        const inst = new Widget(widget);
-        widgetMap.set(inst.view, inst);
-        widgets.value?.push(inst);
-      }
-    });
-  }
-  function isGroup(data) {
-    return data.type === widgetType.GROUP;
-  }
-  return {
-    setWidgets,
-    widgets,
-    widgetMap
-  };
-});
-
 var browser = {exports: {}};
 
 /**
@@ -103542,7 +103513,10 @@ class ConfigPlugin {
       const valid = await new Schema(_rules).validate(data[pane.name]).catch(() => {
         return false;
       });
-      return !!valid;
+      if (valid) {
+        continue;
+      }
+      return false;
     }
   }
 }
@@ -103580,6 +103554,11 @@ const useEditor = defineStore("editor", () => {
   const nodeMap = /* @__PURE__ */ new Map();
   nodeMap.set(rootNode.value.wid, rootNode.value);
   const selected = ref(rootNode.value.wid);
+  watchEffect(() => {
+    nodeMap.delete(rootNode.value.wid);
+    selected.value = rootNode.value.wid;
+    nodeMap.set(rootNode.value.wid, rootNode.value);
+  });
   const plugins = {
     helper: new HelperPlugin({ addNode, delNode }),
     widget: new WidgetPlugin({ addPanel }),
@@ -103690,6 +103669,39 @@ const useEditor = defineStore("editor", () => {
   };
 });
 
+const useApp = defineStore("app", () => {
+  const editor = useEditor();
+  const widgets = shallowRef();
+  const widgetMap = /* @__PURE__ */ new Map();
+  function setWidgets(data) {
+    widgets.value = [];
+    data.forEach((widget) => {
+      if (isGroup(widget)) {
+        widgets.value?.push({ name: widget.name, list: widget.list.map((item) => {
+          const inst = new Widget(item);
+          widgetMap.set(inst.view, inst);
+          return inst;
+        }) });
+      } else {
+        const inst = new Widget(widget);
+        widgetMap.set(inst.view, inst);
+        widgets.value?.push(inst);
+      }
+    });
+    if (widgetMap.has("page")) {
+      editor.rootNode = new Node$1(widgetMap.get("page"));
+    }
+  }
+  function isGroup(data) {
+    return data.type === widgetType.GROUP;
+  }
+  return {
+    setWidgets,
+    widgets,
+    widgetMap
+  };
+});
+
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "NodeContainer",
   props: {
@@ -104228,15 +104240,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const refProp = useTemplateRef("propRef");
     const refStyle = useTemplateRef("styleRef");
     const refPageConfig = shallowRef([]);
-    const pageActive = ref();
     const active = ref("props");
     watchOnce(() => editor.plugins.config.defaultPane, (name) => {
-      pageActive.value = name;
+      active.value = propSchema.value.length > 0 ? "props" : name;
     });
+    const isSelectRoot = computed(() => editor.selectedNode.wid === editor.rootNode.wid);
     watch(() => editor.selected, () => {
       refPageConfig.value = [];
-      pageActive.value = editor.plugins.config.defaultPane;
-      active.value = "props";
+      if (isSelectRoot.value) {
+        active.value = propSchema.value.length > 0 ? "props" : editor.plugins.config.defaultPane;
+      } else {
+        active.value = "props";
+      }
       nextTick().then(() => {
         refPageConfig.value?.forEach((item) => {
           item?.ref?.clearValidate();
@@ -104247,18 +104262,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     __expose({
       async validate() {
-        if (refPageConfig.value) {
-          for (const pane of refPageConfig.value) {
-            await pane.ref.validate()?.catch(() => {
-              pageActive.value = pane.name;
-            });
-          }
-        }
         const propValid = await refProp.value?.validate()?.catch(() => {
           active.value = "props";
         });
         if (!propValid)
           return;
+        if (refPageConfig.value) {
+          for (const pane of refPageConfig.value) {
+            const valid = await pane.ref.validate()?.catch(() => {
+              active.value = pane.name;
+              return false;
+            });
+            if (!valid)
+              return;
+          }
+        }
         await refStyle.value?.validate()?.catch(() => {
           active.value = "style";
         });
@@ -104286,36 +104304,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["separator-icon"]),
-        unref(editor).selected === unref(editor).rootNode.wid ? (openBlock(), createBlock(_component_ElTabs, {
-          key: 0,
-          modelValue: pageActive.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageActive.value = $event)
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(editor).plugins.config.list, (pane) => {
-              return openBlock(), createBlock(_component_ElTabPane, {
-                key: pane.name,
-                label: pane.label,
-                name: pane.name
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$7, {
-                    ref_for: true,
-                    ref: (ref2) => refPageConfig.value.push({ ref: ref2, name: pane.name }),
-                    modelValue: unref(editor).selectedNode.data[pane.name],
-                    "onUpdate:modelValue": ($event) => unref(editor).selectedNode.data[pane.name] = $event,
-                    list: pane.attributes
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "list"])
-                ]),
-                _: 2
-              }, 1032, ["label", "name"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : (openBlock(), createBlock(_component_ElTabs, {
-          key: 1,
+        createVNode(_component_ElTabs, {
           modelValue: active.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => active.value = $event)
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => active.value = $event)
         }, {
           default: withCtx(() => [
             createVNode(_component_ElTabPane, {
@@ -104326,7 +104317,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 createVNode(_sfc_main$7, {
                   ref: "propRef",
                   modelValue: unref(editor).selectedNode.data,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(editor).selectedNode.data = $event),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(editor).selectedNode.data = $event),
                   list: propSchema.value
                 }, null, 8, ["modelValue", "list"])
               ]),
@@ -104341,15 +104332,33 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 createVNode(_sfc_main$7, {
                   ref: "styleRef",
                   modelValue: unref(editor).selectedNode.style,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(editor).selectedNode.style = $event),
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(editor).selectedNode.style = $event),
                   list: styleSchema.value
                 }, null, 8, ["modelValue", "list"])
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            })) : createCommentVNode("", true),
+            isSelectRoot.value ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(editor).plugins.config.list, (pane) => {
+              return openBlock(), createBlock(_component_ElTabPane, {
+                key: pane.name,
+                label: pane.label,
+                name: pane.name
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$7, {
+                    ref_for: true,
+                    ref: (ref2) => refPageConfig.value.push({ ref: ref2, name: pane.name }),
+                    modelValue: unref(editor).selectedNode.data[pane.name],
+                    "onUpdate:modelValue": ($event) => unref(editor).selectedNode.data[pane.name] = $event,
+                    list: pane.attributes
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "list"])
+                ]),
+                _: 2
+              }, 1032, ["label", "name"]);
+            }), 128)) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["modelValue"]))
+        }, 8, ["modelValue"])
       ]);
     };
   }
@@ -104933,7 +104942,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           editor.selectNode();
           await nextTick();
           refApp.value?.validate();
-          return;
         }
         const invalidNode = await editor.rootNode.validate();
         if (invalidNode) {

package/dist/layout/widgetsMenu.vue.d.ts

@@ -3,15 +3,15 @@ import { Node, Widget } from '@sepveneto/dnde-core/class';
 declare const _default: import("vue").DefineComponent<{}, {
     app: import("pinia").Store<"app", Pick<{
         setWidgets: (data: import("@/store").LikeWidget[]) => void;
-        widgets: import("vue").ShallowRef<(WidgetGroup | Widget)[] | undefined, (WidgetGroup | Widget)[] | undefined>;
+        widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
         widgetMap: Map<string, Widget>;
     }, "widgets" | "widgetMap">, Pick<{
         setWidgets: (data: import("@/store").LikeWidget[]) => void;
-        widgets: import("vue").ShallowRef<(WidgetGroup | Widget)[] | undefined, (WidgetGroup | Widget)[] | undefined>;
+        widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
         widgetMap: Map<string, Widget>;
     }, never>, Pick<{
         setWidgets: (data: import("@/store").LikeWidget[]) => void;
-        widgets: import("vue").ShallowRef<(WidgetGroup | Widget)[] | undefined, (WidgetGroup | Widget)[] | undefined>;
+        widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
         widgetMap: Map<string, Widget>;
     }, "setWidgets">>;
     hasGroup: (list?: (Widget | WidgetGroup)[]) => list is WidgetGroup[];

package/dist/store/app.d.ts

@@ -12,14 +12,14 @@ export type LikeWidget = IWidget | {
 };
 export declare const useApp: import("pinia").StoreDefinition<"app", Pick<{
     setWidgets: (data: LikeWidget[]) => void;
-    widgets: import("vue").ShallowRef<(WidgetGroup | Widget)[] | undefined, (WidgetGroup | Widget)[] | undefined>;
+    widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
     widgetMap: Map<string, Widget>;
 }, "widgets" | "widgetMap">, Pick<{
     setWidgets: (data: LikeWidget[]) => void;
-    widgets: import("vue").ShallowRef<(WidgetGroup | Widget)[] | undefined, (WidgetGroup | Widget)[] | undefined>;
+    widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
     widgetMap: Map<string, Widget>;
 }, never>, Pick<{
     setWidgets: (data: LikeWidget[]) => void;
-    widgets: import("vue").ShallowRef<(WidgetGroup | Widget)[] | undefined, (WidgetGroup | Widget)[] | undefined>;
+    widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
     widgetMap: Map<string, Widget>;
 }, "setWidgets">>;

package/dist/store/editor.d.ts

@@ -27,7 +27,7 @@ declare class ConfigPlugin {
     constructor(_ctx?: any);
     get defaultPane(): string;
     addPanel(panel: ConfigPanel): void;
-    validate(data: any): Promise<boolean | undefined>;
+    validate(data: any): Promise<false | undefined>;
 }
 export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     rootNode: import("vue").Ref<Raw<Node>, Raw<Node>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sepveneto/dnde",
   "type": "module",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "",
   "author": "",
   "license": "GPL",
@@ -22,7 +22,8 @@
     ".": {
       "types": "./dist/main.d.ts",
       "imports": "./dist/editor.js",
-      "require": "./dist/editor.js"
+      "require": "./dist/editor.js",
+      "default": "./dist/editor.js"
     }
   },
   "main": "./dist/editor.js",