@sepveneto/dnde 0.3.0 → 0.3.2

package/dist/App.ce.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly remoteUrl: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly widgets: {
+        readonly type: import("vue").PropType<import("./store").LikeWidget[]>;
+        readonly default: () => never[];
+    };
+    readonly extra: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+}>, {
+    validate(): Promise<void> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly remoteUrl: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly widgets: {
+        readonly type: import("vue").PropType<import("./store").LikeWidget[]>;
+        readonly default: () => never[];
+    };
+    readonly extra: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+}>> & Readonly<{}>, {
+    readonly widgets: import("./store").LikeWidget[];
+    readonly extra: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/Editor.vue.d.ts

@@ -0,0 +1,145 @@
+import * as Vue from 'vue';
+declare const editor: import("pinia").Store<"editor", Pick<{
+    rootNode: Vue.Ref<Vue.Raw<import("@sepveneto/dnde-core/class").Node>, Vue.Raw<import("@sepveneto/dnde-core/class").Node>>;
+    nodeMap: Map<string, import("@sepveneto/dnde-core/class").Node>;
+    shadowRoot: Vue.ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+    elementRoot: Vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectNode: (wid?: string) => void;
+    selected: Vue.Ref<string, string>;
+    hovering: Vue.Ref<string | undefined, string | undefined>;
+    selectedNode: Vue.ComputedRef<import("@sepveneto/dnde-core/class").Node>;
+    selectedNodes: Vue.ComputedRef<import("@sepveneto/dnde-core/class").Node[]>;
+    selectedNodeOperates: Vue.ComputedRef<import("./type.js").HelperAction[]>;
+    addNode: (node: import("@sepveneto/dnde-core/class").Node, pNode?: import("@sepveneto/dnde-core/class").Node, manual?: boolean) => void;
+    delNode: (wid: string) => void;
+    isPreview: Vue.Ref<boolean, boolean>;
+    dragging: Vue.Ref<import("@sepveneto/dnde-core/class").Node | null, import("@sepveneto/dnde-core/class").Node | null>;
+    plugins: {
+        helper: {
+            list: import("./type.js").HelperAction[];
+            addBuiltin(config: import("./type.js").HelperAction): void;
+        };
+        widget: {
+            list: import("./store").PanelInfo[];
+            addPanel(panel: import("./store").PanelInfo): void;
+        };
+        config: {
+            list: import("./store").ConfigPanel[];
+            readonly defaultPane: string;
+            addPanel(panel: import("./store").ConfigPanel): void;
+            validate(data: any): Promise<false | undefined>;
+        };
+    };
+    getData: () => Record<string, any>;
+    setData: (data: any) => void;
+    setSchema: (schema: import("@sepveneto/dnde-core").IWidget["schema"]) => void;
+}, "hovering" | "dragging" | "rootNode" | "nodeMap" | "shadowRoot" | "elementRoot" | "selected" | "isPreview" | "plugins">, Pick<{
+    rootNode: Vue.Ref<Vue.Raw<import("@sepveneto/dnde-core/class").Node>, Vue.Raw<import("@sepveneto/dnde-core/class").Node>>;
+    nodeMap: Map<string, import("@sepveneto/dnde-core/class").Node>;
+    shadowRoot: Vue.ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+    elementRoot: Vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectNode: (wid?: string) => void;
+    selected: Vue.Ref<string, string>;
+    hovering: Vue.Ref<string | undefined, string | undefined>;
+    selectedNode: Vue.ComputedRef<import("@sepveneto/dnde-core/class").Node>;
+    selectedNodes: Vue.ComputedRef<import("@sepveneto/dnde-core/class").Node[]>;
+    selectedNodeOperates: Vue.ComputedRef<import("./type.js").HelperAction[]>;
+    addNode: (node: import("@sepveneto/dnde-core/class").Node, pNode?: import("@sepveneto/dnde-core/class").Node, manual?: boolean) => void;
+    delNode: (wid: string) => void;
+    isPreview: Vue.Ref<boolean, boolean>;
+    dragging: Vue.Ref<import("@sepveneto/dnde-core/class").Node | null, import("@sepveneto/dnde-core/class").Node | null>;
+    plugins: {
+        helper: {
+            list: import("./type.js").HelperAction[];
+            addBuiltin(config: import("./type.js").HelperAction): void;
+        };
+        widget: {
+            list: import("./store").PanelInfo[];
+            addPanel(panel: import("./store").PanelInfo): void;
+        };
+        config: {
+            list: import("./store").ConfigPanel[];
+            readonly defaultPane: string;
+            addPanel(panel: import("./store").ConfigPanel): void;
+            validate(data: any): Promise<false | undefined>;
+        };
+    };
+    getData: () => Record<string, any>;
+    setData: (data: any) => void;
+    setSchema: (schema: import("@sepveneto/dnde-core").IWidget["schema"]) => void;
+}, "selectedNode" | "selectedNodes" | "selectedNodeOperates">, Pick<{
+    rootNode: Vue.Ref<Vue.Raw<import("@sepveneto/dnde-core/class").Node>, Vue.Raw<import("@sepveneto/dnde-core/class").Node>>;
+    nodeMap: Map<string, import("@sepveneto/dnde-core/class").Node>;
+    shadowRoot: Vue.ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+    elementRoot: Vue.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectNode: (wid?: string) => void;
+    selected: Vue.Ref<string, string>;
+    hovering: Vue.Ref<string | undefined, string | undefined>;
+    selectedNode: Vue.ComputedRef<import("@sepveneto/dnde-core/class").Node>;
+    selectedNodes: Vue.ComputedRef<import("@sepveneto/dnde-core/class").Node[]>;
+    selectedNodeOperates: Vue.ComputedRef<import("./type.js").HelperAction[]>;
+    addNode: (node: import("@sepveneto/dnde-core/class").Node, pNode?: import("@sepveneto/dnde-core/class").Node, manual?: boolean) => void;
+    delNode: (wid: string) => void;
+    isPreview: Vue.Ref<boolean, boolean>;
+    dragging: Vue.Ref<import("@sepveneto/dnde-core/class").Node | null, import("@sepveneto/dnde-core/class").Node | null>;
+    plugins: {
+        helper: {
+            list: import("./type.js").HelperAction[];
+            addBuiltin(config: import("./type.js").HelperAction): void;
+        };
+        widget: {
+            list: import("./store").PanelInfo[];
+            addPanel(panel: import("./store").PanelInfo): void;
+        };
+        config: {
+            list: import("./store").ConfigPanel[];
+            readonly defaultPane: string;
+            addPanel(panel: import("./store").ConfigPanel): void;
+            validate(data: any): Promise<false | undefined>;
+        };
+    };
+    getData: () => Record<string, any>;
+    setData: (data: any) => void;
+    setSchema: (schema: import("@sepveneto/dnde-core").IWidget["schema"]) => void;
+}, "selectNode" | "addNode" | "delNode" | "getData" | "setData" | "setSchema">>;
+declare const _default: Vue.DefineComponent<Vue.ExtractPropTypes<{
+    readonly remoteUrl: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly widgets: {
+        readonly type: Vue.PropType<import("./store").LikeWidget[]>;
+        readonly default: () => never[];
+    };
+    readonly extra: {
+        readonly type: Vue.PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+}>, {
+    register(fn: (ctx: typeof editor) => {
+        init: () => void;
+    }): void;
+    validate(): Promise<void>;
+    getData(): Record<string, any>;
+    setData(data: {
+        _view: "page";
+        list: any[];
+    }): void;
+}, {}, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
+    readonly remoteUrl: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly widgets: {
+        readonly type: Vue.PropType<import("./store").LikeWidget[]>;
+        readonly default: () => never[];
+    };
+    readonly extra: {
+        readonly type: Vue.PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+}>> & Readonly<{}>, {
+    readonly widgets: import("./store").LikeWidget[];
+    readonly extra: Record<string, any>;
+}, {}, {}, {}, string, Vue.ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/assets/container.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/assets/puzzle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/assets/widget.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,14 @@
+import type { SchemaItem } from '@sepveneto/dnde-core/class';
+type __VLS_Props = {
+    list: SchemaItem[];
+    modelValue: Record<string, any> | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    validate: () => import("element-plus").FormValidationResult | undefined;
+    clearValidate: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,17 @@
+import type { SchemaItem } from '@sepveneto/dnde-core/class';
+type __VLS_Props = {
+    config: SchemaItem & {
+        attrs?: any;
+        options?: any[];
+    };
+    stylesheet: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import type { Node } from '@sepveneto/dnde-core/class';
+type __VLS_Props = {
+    node: Node;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import type { Node } from '@sepveneto/dnde-core/class';
+type __VLS_Props = {
+    node: Node;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,111 @@
+import type { HelperAction } from '@/type';
+declare const _default: import("vue").DefineComponent<{}, {
+    editor: import("pinia").Store<"editor", Pick<{
+        rootNode: import("vue").Ref<import("vue").Raw<import("@sepveneto/dnde-core/class").Node>, import("vue").Raw<import("@sepveneto/dnde-core/class").Node>>;
+        nodeMap: Map<string, import("@sepveneto/dnde-core/class").Node>;
+        shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+        elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        selectNode: (wid?: string) => void;
+        selected: import("vue").Ref<string, string>;
+        hovering: import("vue").Ref<string | undefined, string | undefined>;
+        selectedNode: import("vue").ComputedRef<import("@sepveneto/dnde-core/class").Node>;
+        selectedNodes: import("vue").ComputedRef<import("@sepveneto/dnde-core/class").Node[]>;
+        selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
+        addNode: (node: import("@sepveneto/dnde-core/class").Node, pNode?: import("@sepveneto/dnde-core/class").Node, manual?: boolean) => void;
+        delNode: (wid: string) => void;
+        isPreview: import("vue").Ref<boolean, boolean>;
+        dragging: import("vue").Ref<import("@sepveneto/dnde-core/class").Node | null, import("@sepveneto/dnde-core/class").Node | null>;
+        plugins: {
+            helper: {
+                list: HelperAction[];
+                addBuiltin(config: HelperAction): void;
+            };
+            widget: {
+                list: import("@/store").PanelInfo[];
+                addPanel(panel: import("@/store").PanelInfo): void;
+            };
+            config: {
+                list: import("@/store").ConfigPanel[];
+                readonly defaultPane: string;
+                addPanel(panel: import("@/store").ConfigPanel): void;
+                validate(data: any): Promise<false | undefined>;
+            };
+        };
+        getData: () => Record<string, any>;
+        setData: (data: any) => void;
+        setSchema: (schema: import("@sepveneto/dnde-core").IWidget["schema"]) => void;
+    }, "hovering" | "dragging" | "rootNode" | "nodeMap" | "shadowRoot" | "elementRoot" | "selected" | "isPreview" | "plugins">, Pick<{
+        rootNode: import("vue").Ref<import("vue").Raw<import("@sepveneto/dnde-core/class").Node>, import("vue").Raw<import("@sepveneto/dnde-core/class").Node>>;
+        nodeMap: Map<string, import("@sepveneto/dnde-core/class").Node>;
+        shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+        elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        selectNode: (wid?: string) => void;
+        selected: import("vue").Ref<string, string>;
+        hovering: import("vue").Ref<string | undefined, string | undefined>;
+        selectedNode: import("vue").ComputedRef<import("@sepveneto/dnde-core/class").Node>;
+        selectedNodes: import("vue").ComputedRef<import("@sepveneto/dnde-core/class").Node[]>;
+        selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
+        addNode: (node: import("@sepveneto/dnde-core/class").Node, pNode?: import("@sepveneto/dnde-core/class").Node, manual?: boolean) => void;
+        delNode: (wid: string) => void;
+        isPreview: import("vue").Ref<boolean, boolean>;
+        dragging: import("vue").Ref<import("@sepveneto/dnde-core/class").Node | null, import("@sepveneto/dnde-core/class").Node | null>;
+        plugins: {
+            helper: {
+                list: HelperAction[];
+                addBuiltin(config: HelperAction): void;
+            };
+            widget: {
+                list: import("@/store").PanelInfo[];
+                addPanel(panel: import("@/store").PanelInfo): void;
+            };
+            config: {
+                list: import("@/store").ConfigPanel[];
+                readonly defaultPane: string;
+                addPanel(panel: import("@/store").ConfigPanel): void;
+                validate(data: any): Promise<false | undefined>;
+            };
+        };
+        getData: () => Record<string, any>;
+        setData: (data: any) => void;
+        setSchema: (schema: import("@sepveneto/dnde-core").IWidget["schema"]) => void;
+    }, "selectedNode" | "selectedNodes" | "selectedNodeOperates">, Pick<{
+        rootNode: import("vue").Ref<import("vue").Raw<import("@sepveneto/dnde-core/class").Node>, import("vue").Raw<import("@sepveneto/dnde-core/class").Node>>;
+        nodeMap: Map<string, import("@sepveneto/dnde-core/class").Node>;
+        shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+        elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        selectNode: (wid?: string) => void;
+        selected: import("vue").Ref<string, string>;
+        hovering: import("vue").Ref<string | undefined, string | undefined>;
+        selectedNode: import("vue").ComputedRef<import("@sepveneto/dnde-core/class").Node>;
+        selectedNodes: import("vue").ComputedRef<import("@sepveneto/dnde-core/class").Node[]>;
+        selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
+        addNode: (node: import("@sepveneto/dnde-core/class").Node, pNode?: import("@sepveneto/dnde-core/class").Node, manual?: boolean) => void;
+        delNode: (wid: string) => void;
+        isPreview: import("vue").Ref<boolean, boolean>;
+        dragging: import("vue").Ref<import("@sepveneto/dnde-core/class").Node | null, import("@sepveneto/dnde-core/class").Node | null>;
+        plugins: {
+            helper: {
+                list: HelperAction[];
+                addBuiltin(config: HelperAction): void;
+            };
+            widget: {
+                list: import("@/store").PanelInfo[];
+                addPanel(panel: import("@/store").PanelInfo): void;
+            };
+            config: {
+                list: import("@/store").ConfigPanel[];
+                readonly defaultPane: string;
+                addPanel(panel: import("@/store").ConfigPanel): void;
+                validate(data: any): Promise<false | undefined>;
+            };
+        };
+        getData: () => Record<string, any>;
+        setData: (data: any) => void;
+        setSchema: (schema: import("@sepveneto/dnde-core").IWidget["schema"]) => void;
+    }, "selectNode" | "addNode" | "delNode" | "getData" | "setData" | "setSchema">>;
+    ctx: import("@sepveneto/dnde-core").EditorContext;
+    actionWrap: (action: HelperAction) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,16 @@
+import type { Node } from '@sepveneto/dnde-core/class';
+type __VLS_Props = {
+    node: Node;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    modelValue: string | number | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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/configPanel.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    validate(): Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/layout/treePanel.item.vue.d.ts

@@ -0,0 +1,6 @@
+import type { Node } from '@sepveneto/dnde-core/class';
+type __VLS_Props = {
+    node: Node;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,24 @@
+import type { WidgetGroup } from '@/store/app';
+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<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
+        widgetMap: Map<string, Widget>;
+    }, "widgets" | "widgetMap">, Pick<{
+        setWidgets: (data: import("@/store").LikeWidget[]) => void;
+        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<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
+        widgetMap: Map<string, Widget>;
+    }, "setWidgets">>;
+    hasGroup: (list?: (Widget | WidgetGroup)[]) => list is WidgetGroup[];
+    handleClone: (original: Widget) => Node;
+    handleEnd: () => void;
+    tabRenderer: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/main.d.ts

@@ -0,0 +1,17 @@
+import Main from './Editor.vue';
+export declare const Editor: import("vue").VueElementConstructor<import("vue").ExtractPropTypes<{
+    readonly remoteUrl: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly widgets: {
+        readonly type: import("vue").PropType<import("./store/app.js").LikeWidget[]>;
+        readonly default: () => never[];
+    };
+    readonly extra: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+}>>;
+export type EditorInstance = InstanceType<typeof Main>;
+export declare function register(): void;

package/dist/props.d.ts

@@ -0,0 +1,16 @@
+import type { PropType } from 'vue';
+import type { LikeWidget } from './store';
+export declare const editorProps: {
+    readonly remoteUrl: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly widgets: {
+        readonly type: PropType<LikeWidget[]>;
+        readonly default: () => never[];
+    };
+    readonly extra: {
+        readonly type: PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+};

package/dist/store/app.d.ts

@@ -0,0 +1,25 @@
+import type { IWidget } from '@sepveneto/dnde-core';
+import { widgetType } from '@sepveneto/dnde-core';
+import { Widget } from '@sepveneto/dnde-core/class';
+export interface WidgetGroup {
+    name: string;
+    list: Widget[];
+}
+export type LikeWidget = IWidget | {
+    name: string;
+    list: IWidget[];
+    type: widgetType;
+};
+export declare const useApp: import("pinia").StoreDefinition<"app", Pick<{
+    setWidgets: (data: LikeWidget[]) => void;
+    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<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
+    widgetMap: Map<string, Widget>;
+}, never>, Pick<{
+    setWidgets: (data: LikeWidget[]) => void;
+    widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
+    widgetMap: Map<string, Widget>;
+}, "setWidgets">>;

package/dist/store/editor.d.ts

@@ -0,0 +1,102 @@
+import type { IWidget } from '@sepveneto/dnde-core';
+import type { SchemaItem } from '@sepveneto/dnde-core/class';
+import type { Raw } from 'vue';
+import type { HelperAction } from '@/type';
+import { Node } from '@sepveneto/dnde-core/class';
+declare class HelperPlugin {
+    list: HelperAction[];
+    constructor(ctx: any);
+    addBuiltin(config: HelperAction): void;
+}
+export interface PanelInfo {
+    label: string;
+    name: string;
+}
+declare class WidgetPlugin {
+    list: PanelInfo[];
+    constructor(_ctx: any);
+    addPanel(panel: PanelInfo): void;
+}
+export interface ConfigPanel {
+    label: string;
+    name: string;
+    attributes: SchemaItem[];
+}
+declare class ConfigPlugin {
+    list: ConfigPanel[];
+    constructor(_ctx?: any);
+    get defaultPane(): string;
+    addPanel(panel: ConfigPanel): void;
+    validate(data: any): Promise<false | undefined>;
+}
+export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
+    rootNode: import("vue").Ref<Raw<Node>, Raw<Node>>;
+    nodeMap: Map<string, Node>;
+    shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+    elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectNode: (wid?: string) => void;
+    selected: import("vue").Ref<string, string>;
+    hovering: import("vue").Ref<string | undefined, string | undefined>;
+    selectedNode: import("vue").ComputedRef<Node>;
+    selectedNodes: import("vue").ComputedRef<Node[]>;
+    selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
+    addNode: (node: Node, pNode?: Node, manual?: boolean) => void;
+    delNode: (wid: string) => void;
+    isPreview: import("vue").Ref<boolean, boolean>;
+    dragging: import("vue").Ref<Node | null, Node | null>;
+    plugins: {
+        helper: HelperPlugin;
+        widget: WidgetPlugin;
+        config: ConfigPlugin;
+    };
+    getData: () => Record<string, any>;
+    setData: (data: any) => void;
+    setSchema: (schema: IWidget["schema"]) => void;
+}, "hovering" | "dragging" | "rootNode" | "nodeMap" | "shadowRoot" | "elementRoot" | "selected" | "isPreview" | "plugins">, Pick<{
+    rootNode: import("vue").Ref<Raw<Node>, Raw<Node>>;
+    nodeMap: Map<string, Node>;
+    shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+    elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectNode: (wid?: string) => void;
+    selected: import("vue").Ref<string, string>;
+    hovering: import("vue").Ref<string | undefined, string | undefined>;
+    selectedNode: import("vue").ComputedRef<Node>;
+    selectedNodes: import("vue").ComputedRef<Node[]>;
+    selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
+    addNode: (node: Node, pNode?: Node, manual?: boolean) => void;
+    delNode: (wid: string) => void;
+    isPreview: import("vue").Ref<boolean, boolean>;
+    dragging: import("vue").Ref<Node | null, Node | null>;
+    plugins: {
+        helper: HelperPlugin;
+        widget: WidgetPlugin;
+        config: ConfigPlugin;
+    };
+    getData: () => Record<string, any>;
+    setData: (data: any) => void;
+    setSchema: (schema: IWidget["schema"]) => void;
+}, "selectedNode" | "selectedNodes" | "selectedNodeOperates">, Pick<{
+    rootNode: import("vue").Ref<Raw<Node>, Raw<Node>>;
+    nodeMap: Map<string, Node>;
+    shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
+    elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    selectNode: (wid?: string) => void;
+    selected: import("vue").Ref<string, string>;
+    hovering: import("vue").Ref<string | undefined, string | undefined>;
+    selectedNode: import("vue").ComputedRef<Node>;
+    selectedNodes: import("vue").ComputedRef<Node[]>;
+    selectedNodeOperates: import("vue").ComputedRef<HelperAction[]>;
+    addNode: (node: Node, pNode?: Node, manual?: boolean) => void;
+    delNode: (wid: string) => void;
+    isPreview: import("vue").Ref<boolean, boolean>;
+    dragging: import("vue").Ref<Node | null, Node | null>;
+    plugins: {
+        helper: HelperPlugin;
+        widget: WidgetPlugin;
+        config: ConfigPlugin;
+    };
+    getData: () => Record<string, any>;
+    setData: (data: any) => void;
+    setSchema: (schema: IWidget["schema"]) => void;
+}, "selectNode" | "addNode" | "delNode" | "getData" | "setData" | "setSchema">>;
+export {};

package/dist/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app';
+export * from './editor';

package/dist/utils.d.ts

@@ -0,0 +1,14 @@
+import type { AppContext, CSSProperties, VNode } from 'vue';
+import debug from 'debug';
+export declare function loadFromRemote(scope: string, module: string): new () => import("vue").ComponentPublicInstance;
+type RemovePopperFn = (() => void) & {
+    trigger?: HTMLElement;
+    vm?: VNode;
+};
+export declare let removePopper: RemovePopperFn | null;
+export declare function createPopper(ctx: AppContext, trigger: HTMLElement, content: string, parent?: HTMLElement): void;
+type Style = Partial<Record<keyof CSSProperties, string | number>>;
+export declare function format(style: Style, excludes?: string[]): Partial<CSSProperties>;
+export declare function normalizeStyle(customStyle: Record<string, any>, mode?: 'grid' | 'free'): Partial<CSSProperties>;
+export declare function createDebug(namespace: string): debug.Debugger;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sepveneto/dnde",
   "type": "module",
-  "version": "0.3.0",
+  "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",
@@ -46,7 +47,7 @@
     "vue": "^3.5.15",
     "vue-router": "^4.5.1",
     "vuedraggable": "^4.1.0",
-    "@sepveneto/dnde-core": "0.2.0"
+    "@sepveneto/dnde-core": "0.3.0"
   },
   "devDependencies": {
     "@types/node": "^22.15.23",
@@ -62,7 +63,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vite build && pnpm run gen",
     "gen": "vue-tsc -p tsconfig.build.json",
     "test": "echo \"Error: no test specified\" && exit 1"
   }