@sepveneto/dnde 0.8.10 → 0.8.12

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

@@ -5,14 +5,17 @@ declare const _default: import("vue").DefineComponent<{}, {
         setWidgets: (data: import("@/store").LikeWidget[]) => void;
         widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
         widgetMap: Map<string, Widget>;
+        widgetsFlat: import("vue").ComputedRef<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<{
+        widgetsFlat: import("vue").ComputedRef<Widget[]>;
+    }, "widgetsFlat">, Pick<{
         setWidgets: (data: import("@/store").LikeWidget[]) => void;
         widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
         widgetMap: Map<string, Widget>;
+        widgetsFlat: import("vue").ComputedRef<Widget[]>;
     }, "setWidgets">>;
     hasGroup: (list?: (Widget | WidgetGroup)[]) => list is WidgetGroup[];
     handleClone: (original: Widget) => Node;

package/dist/store/app.d.ts

@@ -14,12 +14,15 @@ 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>;
+    widgetsFlat: import("vue").ComputedRef<Widget[]>;
 }, "widgets" | "widgetMap">, Pick<{
     setWidgets: (data: LikeWidget[]) => void;
     widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
     widgetMap: Map<string, Widget>;
-}, never>, Pick<{
+    widgetsFlat: import("vue").ComputedRef<Widget[]>;
+}, "widgetsFlat">, Pick<{
     setWidgets: (data: LikeWidget[]) => void;
     widgets: import("vue").ShallowRef<(Widget | WidgetGroup)[] | undefined, (Widget | WidgetGroup)[] | undefined>;
     widgetMap: Map<string, Widget>;
+    widgetsFlat: import("vue").ComputedRef<Widget[]>;
 }, "setWidgets">>;

package/dist/store/editor.d.ts

@@ -33,12 +33,6 @@ export interface ConfigPanelOptions {
     name: string;
     /** 根节点（页面级）配置项，由业务侧定义 */
     attributes?: SchemaItem[];
-    /**
-     * 可选：位置固定、组件区（widgets）不自由提供的组件（如浮窗）。
-     * 提供时编辑器会以预览态渲染它，并可在选中后配置其内容；
-     * 不提供则只是一个纯配置标签。
-     */
-    component?: IWidget;
 }
 export interface ConfigPanel {
     /** 稳定的标识，用于标签定位 */
@@ -56,22 +50,19 @@ export interface ConfigPanel {
 /**
  * 根节点（页面级）配置的补充入口（config pane 提供的额外标签）。
  *
- * 本质上只是给根节点配置区多加一个标签：标签里是业务侧定义的根配置项，
- * 用于补充根节点的配置。它**不一定是独立组件**——可能只是出于业务需要把一组配置单独归到一个标签里；
- * 「浮窗」这类位置固定、组件区不自由提供的组件，是当这些配置驱动一个固定组件时的用法之一。
- *
- * 若提供了 `component`，编辑器会额外把它作为独立 Node 绑定到根节点上（不进入页面布局的拖拽列表，
- * 因此不可拖曳、不可删除，始终以预览态渲染）；组件的两份配置相互独立、都由业务侧定义：
- * - 根配置（`attributes`）：本标签里的配置项；
- * - 组件内容（`component.schema.props`）：选中该组件后于「属性」里编辑。
+ * 每个标签绑定一个固定组件 Node，但组件数据和配置页都属于根节点：
+ * - 数据写入 `rootNode.data[type]`，通过 `getData()` 输出，不进入页面拖拽列表；
+ * - 配置项由该 Widget 的 `schema.props` 定义；
+ * - 只有 `data.isShow` 为真时才渲染固定组件预览，纯配置标签不会加载组件视图；
+ * - 点击固定组件预览时应回到根节点，并激活对应配置标签，而不是独立选中该组件。
  */
 declare class ConfigPlugin {
     ctx: ConfigPluginContext;
-    list: ConfigPanel[];
+    list: Node[];
     constructor(ctx: ConfigPluginContext);
     get defaultPane(): string;
-    /** 注册一个根节点配置标签；`component` 可选，提供时会额外挂一个固定组件 */
-    addPanel(options: ConfigPanelOptions): ConfigPanel;
+    /** 注册一个根节点配置标签及其固定组件视图 */
+    addPanel(options: IWidget): Node;
     validate(): Promise<boolean>;
 }
 export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
@@ -80,7 +71,9 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
     elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     selectNode: (wid?: string) => void;
+    selectConfigPane: (wid: string) => void;
     selected: import("vue").Ref<string, string>;
+    activeConfigPane: import("vue").Ref<string, string>;
     hovering: import("vue").Ref<string | undefined, string | undefined>;
     selectedNode: import("vue").ComputedRef<Node>;
     selectedNodes: import("vue").ComputedRef<Node[]>;
@@ -99,13 +92,15 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     getData: () => Record<string, any>;
     setData: (data: any) => void;
     setSchema: (schema: IWidget["schema"]) => void;
-}, "plugins" | "hovering" | "dragging" | "rootNode" | "nodeMap" | "shadowRoot" | "elementRoot" | "selected" | "isPreview">, Pick<{
+}, "plugins" | "hovering" | "dragging" | "rootNode" | "nodeMap" | "shadowRoot" | "elementRoot" | "selected" | "activeConfigPane" | "isPreview">, 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;
+    selectConfigPane: (wid: string) => void;
     selected: import("vue").Ref<string, string>;
+    activeConfigPane: import("vue").Ref<string, string>;
     hovering: import("vue").Ref<string | undefined, string | undefined>;
     selectedNode: import("vue").ComputedRef<Node>;
     selectedNodes: import("vue").ComputedRef<Node[]>;
@@ -130,7 +125,9 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     shadowRoot: import("vue").ShallowRef<ShadowRoot | undefined, ShadowRoot | undefined>;
     elementRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     selectNode: (wid?: string) => void;
+    selectConfigPane: (wid: string) => void;
     selected: import("vue").Ref<string, string>;
+    activeConfigPane: import("vue").Ref<string, string>;
     hovering: import("vue").Ref<string | undefined, string | undefined>;
     selectedNode: import("vue").ComputedRef<Node>;
     selectedNodes: import("vue").ComputedRef<Node[]>;
@@ -149,5 +146,5 @@ export declare const useEditor: import("pinia").StoreDefinition<"editor", Pick<{
     getData: () => Record<string, any>;
     setData: (data: any) => void;
     setSchema: (schema: IWidget["schema"]) => void;
-}, "selectNode" | "addNode" | "delNode" | "setRoot" | "getData" | "setData" | "setSchema">>;
+}, "selectNode" | "selectConfigPane" | "addNode" | "delNode" | "setRoot" | "getData" | "setData" | "setSchema">>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sepveneto/dnde",
   "type": "module",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "description": "",
   "author": "",
   "license": "GPL",