@printstack/print-studio 0.0.0-stage → 0.1.0

package/designer/stores/element-group-store.d.ts

@@ -0,0 +1,101 @@
+import { GroupDisplayRow, GroupTreeNode } from '../../core/element-group';
+import { ElementGroup, ElementNode } from '../../core/types';
+import { createDocumentStore } from './document-store';
+import { createElementStore } from './element-store';
+import { createHistoryStore } from './history-store';
+import { createScopeStore } from './scope-store';
+import { createSelectionStore } from './selection-store';
+export type ElementGroupFlag = 'locked' | 'visible';
+/**
+ * 元素组（图层组）领域 store：通用的「把元素组织到一起」能力。
+ * 图层面板只是它的使用方之一；组的显隐 / 锁定直接落到成员元素的既有标志上，
+ * 因此渲染、导出与交互权限无需感知分组。折叠状态属于界面状态，不进入文档历史。
+ */
+export declare function createElementGroupStore(deps: {
+    document: Pick<ReturnType<typeof createDocumentStore>, 'data'>;
+    element: Pick<ReturnType<typeof createElementStore>, 'removeIds' | 'setFlag'>;
+    history: Pick<ReturnType<typeof createHistoryStore>, 'commit'>;
+    scope: Pick<ReturnType<typeof createScopeStore>, 'active'>;
+    selection: Pick<ReturnType<typeof createSelectionStore>, 'ids' | 'set'>;
+}): import('pinia').Store<"editor-elementGroup", Pick<{
+    create: (elementIds?: string[], name?: string) => ElementGroup | null;
+    find: import('vue').ComputedRef<(id: string) => ElementGroup | undefined>;
+    findByElement: import('vue').ComputedRef<(elementId: string) => ElementGroup | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => ElementGroup[]>;
+    getMembers: import('vue').ComputedRef<(id: string) => ElementNode[]>;
+    getRows: import('vue').ComputedRef<(containerId: string) => GroupDisplayRow[]>;
+    getTree: import('vue').ComputedRef<(containerId: string) => GroupTreeNode[]>;
+    isCollapsed: import('vue').ComputedRef<(id: string) => boolean>;
+    isLocked: import('vue').ComputedRef<(id: string) => boolean>;
+    isVisible: import('vue').ComputedRef<(id: string) => boolean>;
+    list: import('vue').ComputedRef<{
+        elementIds: import('../../core/types').ElementId[];
+        id: string;
+        name: string;
+        pageId: string;
+        parentId?: string | undefined;
+    }[]>;
+    remove: (id: string, deleteElements?: any) => void;
+    rename: (id: string, name: string) => void;
+    reset: () => void;
+    selected: import('vue').ComputedRef<ElementGroup | null>;
+    selectMembers: (id: string) => void;
+    setCollapsed: (id: string, collapsed: boolean) => void;
+    toggleCollapsed: (id: string) => void;
+    toggleFlag: (id: string, flag: ElementGroupFlag) => void;
+    ungroup: (id: string) => void;
+}, never>, Pick<{
+    create: (elementIds?: string[], name?: string) => ElementGroup | null;
+    find: import('vue').ComputedRef<(id: string) => ElementGroup | undefined>;
+    findByElement: import('vue').ComputedRef<(elementId: string) => ElementGroup | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => ElementGroup[]>;
+    getMembers: import('vue').ComputedRef<(id: string) => ElementNode[]>;
+    getRows: import('vue').ComputedRef<(containerId: string) => GroupDisplayRow[]>;
+    getTree: import('vue').ComputedRef<(containerId: string) => GroupTreeNode[]>;
+    isCollapsed: import('vue').ComputedRef<(id: string) => boolean>;
+    isLocked: import('vue').ComputedRef<(id: string) => boolean>;
+    isVisible: import('vue').ComputedRef<(id: string) => boolean>;
+    list: import('vue').ComputedRef<{
+        elementIds: import('../../core/types').ElementId[];
+        id: string;
+        name: string;
+        pageId: string;
+        parentId?: string | undefined;
+    }[]>;
+    remove: (id: string, deleteElements?: any) => void;
+    rename: (id: string, name: string) => void;
+    reset: () => void;
+    selected: import('vue').ComputedRef<ElementGroup | null>;
+    selectMembers: (id: string) => void;
+    setCollapsed: (id: string, collapsed: boolean) => void;
+    toggleCollapsed: (id: string) => void;
+    toggleFlag: (id: string, flag: ElementGroupFlag) => void;
+    ungroup: (id: string) => void;
+}, "find" | "selected" | "list" | "getByPage" | "findByElement" | "getMembers" | "getRows" | "getTree" | "isCollapsed" | "isLocked" | "isVisible">, Pick<{
+    create: (elementIds?: string[], name?: string) => ElementGroup | null;
+    find: import('vue').ComputedRef<(id: string) => ElementGroup | undefined>;
+    findByElement: import('vue').ComputedRef<(elementId: string) => ElementGroup | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => ElementGroup[]>;
+    getMembers: import('vue').ComputedRef<(id: string) => ElementNode[]>;
+    getRows: import('vue').ComputedRef<(containerId: string) => GroupDisplayRow[]>;
+    getTree: import('vue').ComputedRef<(containerId: string) => GroupTreeNode[]>;
+    isCollapsed: import('vue').ComputedRef<(id: string) => boolean>;
+    isLocked: import('vue').ComputedRef<(id: string) => boolean>;
+    isVisible: import('vue').ComputedRef<(id: string) => boolean>;
+    list: import('vue').ComputedRef<{
+        elementIds: import('../../core/types').ElementId[];
+        id: string;
+        name: string;
+        pageId: string;
+        parentId?: string | undefined;
+    }[]>;
+    remove: (id: string, deleteElements?: any) => void;
+    rename: (id: string, name: string) => void;
+    reset: () => void;
+    selected: import('vue').ComputedRef<ElementGroup | null>;
+    selectMembers: (id: string) => void;
+    setCollapsed: (id: string, collapsed: boolean) => void;
+    toggleCollapsed: (id: string) => void;
+    toggleFlag: (id: string, flag: ElementGroupFlag) => void;
+    ungroup: (id: string) => void;
+}, "reset" | "create" | "rename" | "remove" | "toggleFlag" | "selectMembers" | "setCollapsed" | "toggleCollapsed" | "ungroup">>;

package/designer/stores/element-store.d.ts

@@ -0,0 +1,237 @@
+import { AlignMode, AlignOptions, DistributeSpacingOptions, SpacingDirection } from '../../core/align';
+import { GroupMovePlacement, GroupTreeKey } from '../../core/element-group';
+import { ElementRegistry } from '../../core/element-registry';
+import { NodeGeometry, Point } from '../../core/geometry';
+import { ElementLayoutPatch, ElementNode, PageNode } from '../../core/types';
+import { createDocumentStore } from './document-store';
+import { createHistoryStore } from './history-store';
+import { createLayoutStore } from './layout-store';
+import { createScopeStore } from './scope-store';
+import { createSelectionStore } from './selection-store';
+import { ElementQueryOptions, MutationOptions } from './types';
+import { createUiStore } from './ui-store';
+export declare function createElementStore(deps: {
+    document: Pick<ReturnType<typeof createDocumentStore>, 'data'>;
+    elements?: ElementRegistry;
+    history: Pick<ReturnType<typeof createHistoryStore>, 'commit'>;
+    layout: Pick<ReturnType<typeof createLayoutStore>, 'apply'>;
+    scope: Pick<ReturnType<typeof createScopeStore>, 'active'>;
+    selection: Pick<ReturnType<typeof createSelectionStore>, 'ids' | 'nodes' | 'set' | 'setEditingId' | 'unlockedNodes'>;
+    ui: Pick<ReturnType<typeof createUiStore>, 'toast'>;
+}): import('pinia').Store<"editor-element", Pick<{
+    add: (type: string, overrides?: Partial<ElementNode>, pageId?: string) => ElementNode | null;
+    align: (mode: AlignMode, options?: AlignOptions) => void;
+    cancelDraft: () => void;
+    commitDraft: (anchor?: Point) => ElementNode | null;
+    distribute: (mode: AlignMode, options?: AlignOptions) => void;
+    distributeSpacing: (direction: SpacingDirection, options?: DistributeSpacingOptions) => void;
+    draftElement: import('vue').Ref<{
+        bindings?: Record<string, string> | undefined;
+        height: number;
+        id: import('../../core/types').ElementId;
+        locked: boolean;
+        name: string;
+        opacity: number;
+        points?: {
+            x: number;
+            y: number;
+        }[] | undefined;
+        props: Record<string, unknown>;
+        rotation: number;
+        type: string;
+        visible: boolean;
+        width: number;
+        x: number;
+        y: number;
+    } | null, ElementNode | {
+        bindings?: Record<string, string> | undefined;
+        height: number;
+        id: import('../../core/types').ElementId;
+        locked: boolean;
+        name: string;
+        opacity: number;
+        points?: {
+            x: number;
+            y: number;
+        }[] | undefined;
+        props: Record<string, unknown>;
+        rotation: number;
+        type: string;
+        visible: boolean;
+        width: number;
+        x: number;
+        y: number;
+    } | null>;
+    draftPageId: import('vue').Ref<string, string>;
+    duplicate: (ids: string[], offset?: any, options?: MutationOptions) => void;
+    find: import('vue').ComputedRef<(id: string) => null | {
+        index: number;
+        node: ElementNode;
+        page: PageNode;
+    }>;
+    get: import('vue').ComputedRef<(id: string) => ElementNode | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string, options?: ElementQueryOptions) => ElementNode[]>;
+    getMany: import('vue').ComputedRef<(ids: string[]) => ElementNode[]>;
+    moveByDisplayIndex: (pageId: string, nodeId: string, targetDisplayIndex: number) => void;
+    moveLayerNodes: (pageId: string, movingKeys: GroupTreeKey[], anchor: GroupTreeKey, placement: GroupMovePlacement) => void;
+    nudge: (dx: number, dy: number) => void;
+    removeIds: (ids: string[], options?: MutationOptions) => void;
+    removeSelected: () => void;
+    rename: (id: string, name: string) => void;
+    reorder: (offset: number) => void;
+    sendTo: (edge: "back" | "front") => void;
+    setDraft: (node: ElementNode, pageId: string) => void;
+    setFlag: (ids: string[], flag: "locked" | "visible", value: boolean) => void;
+    toggleFlag: (id: string, flag: "locked" | "visible") => void;
+    update: (id: string, patch: Partial<ElementNode>, options?: MutationOptions) => void;
+    updateDraft: (patch: Partial<ElementNode>) => void;
+    updateMany: (patches: ElementLayoutPatch[], options?: MutationOptions, baseline?: {
+        geometry: NodeGeometry;
+        id: string;
+    }[]) => ElementLayoutPatch[];
+    updateProps: (id: string, patch: Record<string, unknown>, options?: MutationOptions) => void;
+}, "draftElement" | "draftPageId">, Pick<{
+    add: (type: string, overrides?: Partial<ElementNode>, pageId?: string) => ElementNode | null;
+    align: (mode: AlignMode, options?: AlignOptions) => void;
+    cancelDraft: () => void;
+    commitDraft: (anchor?: Point) => ElementNode | null;
+    distribute: (mode: AlignMode, options?: AlignOptions) => void;
+    distributeSpacing: (direction: SpacingDirection, options?: DistributeSpacingOptions) => void;
+    draftElement: import('vue').Ref<{
+        bindings?: Record<string, string> | undefined;
+        height: number;
+        id: import('../../core/types').ElementId;
+        locked: boolean;
+        name: string;
+        opacity: number;
+        points?: {
+            x: number;
+            y: number;
+        }[] | undefined;
+        props: Record<string, unknown>;
+        rotation: number;
+        type: string;
+        visible: boolean;
+        width: number;
+        x: number;
+        y: number;
+    } | null, ElementNode | {
+        bindings?: Record<string, string> | undefined;
+        height: number;
+        id: import('../../core/types').ElementId;
+        locked: boolean;
+        name: string;
+        opacity: number;
+        points?: {
+            x: number;
+            y: number;
+        }[] | undefined;
+        props: Record<string, unknown>;
+        rotation: number;
+        type: string;
+        visible: boolean;
+        width: number;
+        x: number;
+        y: number;
+    } | null>;
+    draftPageId: import('vue').Ref<string, string>;
+    duplicate: (ids: string[], offset?: any, options?: MutationOptions) => void;
+    find: import('vue').ComputedRef<(id: string) => null | {
+        index: number;
+        node: ElementNode;
+        page: PageNode;
+    }>;
+    get: import('vue').ComputedRef<(id: string) => ElementNode | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string, options?: ElementQueryOptions) => ElementNode[]>;
+    getMany: import('vue').ComputedRef<(ids: string[]) => ElementNode[]>;
+    moveByDisplayIndex: (pageId: string, nodeId: string, targetDisplayIndex: number) => void;
+    moveLayerNodes: (pageId: string, movingKeys: GroupTreeKey[], anchor: GroupTreeKey, placement: GroupMovePlacement) => void;
+    nudge: (dx: number, dy: number) => void;
+    removeIds: (ids: string[], options?: MutationOptions) => void;
+    removeSelected: () => void;
+    rename: (id: string, name: string) => void;
+    reorder: (offset: number) => void;
+    sendTo: (edge: "back" | "front") => void;
+    setDraft: (node: ElementNode, pageId: string) => void;
+    setFlag: (ids: string[], flag: "locked" | "visible", value: boolean) => void;
+    toggleFlag: (id: string, flag: "locked" | "visible") => void;
+    update: (id: string, patch: Partial<ElementNode>, options?: MutationOptions) => void;
+    updateDraft: (patch: Partial<ElementNode>) => void;
+    updateMany: (patches: ElementLayoutPatch[], options?: MutationOptions, baseline?: {
+        geometry: NodeGeometry;
+        id: string;
+    }[]) => ElementLayoutPatch[];
+    updateProps: (id: string, patch: Record<string, unknown>, options?: MutationOptions) => void;
+}, "find" | "get" | "getByPage" | "getMany">, Pick<{
+    add: (type: string, overrides?: Partial<ElementNode>, pageId?: string) => ElementNode | null;
+    align: (mode: AlignMode, options?: AlignOptions) => void;
+    cancelDraft: () => void;
+    commitDraft: (anchor?: Point) => ElementNode | null;
+    distribute: (mode: AlignMode, options?: AlignOptions) => void;
+    distributeSpacing: (direction: SpacingDirection, options?: DistributeSpacingOptions) => void;
+    draftElement: import('vue').Ref<{
+        bindings?: Record<string, string> | undefined;
+        height: number;
+        id: import('../../core/types').ElementId;
+        locked: boolean;
+        name: string;
+        opacity: number;
+        points?: {
+            x: number;
+            y: number;
+        }[] | undefined;
+        props: Record<string, unknown>;
+        rotation: number;
+        type: string;
+        visible: boolean;
+        width: number;
+        x: number;
+        y: number;
+    } | null, ElementNode | {
+        bindings?: Record<string, string> | undefined;
+        height: number;
+        id: import('../../core/types').ElementId;
+        locked: boolean;
+        name: string;
+        opacity: number;
+        points?: {
+            x: number;
+            y: number;
+        }[] | undefined;
+        props: Record<string, unknown>;
+        rotation: number;
+        type: string;
+        visible: boolean;
+        width: number;
+        x: number;
+        y: number;
+    } | null>;
+    draftPageId: import('vue').Ref<string, string>;
+    duplicate: (ids: string[], offset?: any, options?: MutationOptions) => void;
+    find: import('vue').ComputedRef<(id: string) => null | {
+        index: number;
+        node: ElementNode;
+        page: PageNode;
+    }>;
+    get: import('vue').ComputedRef<(id: string) => ElementNode | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string, options?: ElementQueryOptions) => ElementNode[]>;
+    getMany: import('vue').ComputedRef<(ids: string[]) => ElementNode[]>;
+    moveByDisplayIndex: (pageId: string, nodeId: string, targetDisplayIndex: number) => void;
+    moveLayerNodes: (pageId: string, movingKeys: GroupTreeKey[], anchor: GroupTreeKey, placement: GroupMovePlacement) => void;
+    nudge: (dx: number, dy: number) => void;
+    removeIds: (ids: string[], options?: MutationOptions) => void;
+    removeSelected: () => void;
+    rename: (id: string, name: string) => void;
+    reorder: (offset: number) => void;
+    sendTo: (edge: "back" | "front") => void;
+    setDraft: (node: ElementNode, pageId: string) => void;
+    setFlag: (ids: string[], flag: "locked" | "visible", value: boolean) => void;
+    toggleFlag: (id: string, flag: "locked" | "visible") => void;
+    update: (id: string, patch: Partial<ElementNode>, options?: MutationOptions) => void;
+    updateDraft: (patch: Partial<ElementNode>) => void;
+    updateMany: (patches: ElementLayoutPatch[], options?: MutationOptions, baseline?: {
+        geometry: NodeGeometry;
+        id: string;
+    }[]) => ElementLayoutPatch[];
+    updateProps: (id: string, patch: Record<string, unknown>, options?: MutationOptions) => void;
+}, "align" | "duplicate" | "add" | "rename" | "cancelDraft" | "commitDraft" | "distribute" | "distributeSpacing" | "moveByDisplayIndex" | "moveLayerNodes" | "nudge" | "removeIds" | "removeSelected" | "reorder" | "sendTo" | "setFlag" | "toggleFlag" | "update" | "updateMany" | "updateProps" | "setDraft" | "updateDraft">>;

package/designer/stores/follow-block-store.d.ts

@@ -0,0 +1,290 @@
+import { FollowBlock, LayoutTarget } from '../../core/types';
+import { createDocumentStore } from './document-store';
+import { createHistoryStore } from './history-store';
+import { createSelectionStore } from './selection-store';
+import { createUiStore } from './ui-store';
+export declare function createFollowBlockStore(deps: {
+    document: Pick<ReturnType<typeof createDocumentStore>, 'data'>;
+    history: Pick<ReturnType<typeof createHistoryStore>, 'commit'>;
+    selection: Pick<ReturnType<typeof createSelectionStore>, 'ids'>;
+    ui: Pick<ReturnType<typeof createUiStore>, 'toast'>;
+}): import('pinia').Store<"editor-followBlock", Pick<{
+    addMembers: (id: string, elementIds: string[]) => boolean;
+    create: (pageId: string, elementIds: string[], target: LayoutTarget, gap?: null | number, name?: string, id?: string) => FollowBlock | undefined;
+    find: import('vue').ComputedRef<(id: string) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    } | undefined>;
+    getByElements: import('vue').ComputedRef<(elementIds: string[]) => FollowBlock[]>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    getJoinable: import('vue').ComputedRef<(elementIds: string[]) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    list: import('vue').ComputedRef<{
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    remove: (id: string) => void;
+    removeMembers: (elementIds: string[]) => void;
+    selected: import('vue').ComputedRef<{
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    } | undefined>;
+    syncGaps: (movedElementIds: readonly string[], reshapedElementIds?: readonly string[]) => void;
+    update: (id: string, patch: Pick<FollowBlock, "gap" | "name" | "target">) => boolean;
+}, never>, Pick<{
+    addMembers: (id: string, elementIds: string[]) => boolean;
+    create: (pageId: string, elementIds: string[], target: LayoutTarget, gap?: null | number, name?: string, id?: string) => FollowBlock | undefined;
+    find: import('vue').ComputedRef<(id: string) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    } | undefined>;
+    getByElements: import('vue').ComputedRef<(elementIds: string[]) => FollowBlock[]>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    getJoinable: import('vue').ComputedRef<(elementIds: string[]) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    list: import('vue').ComputedRef<{
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    remove: (id: string) => void;
+    removeMembers: (elementIds: string[]) => void;
+    selected: import('vue').ComputedRef<{
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    } | undefined>;
+    syncGaps: (movedElementIds: readonly string[], reshapedElementIds?: readonly string[]) => void;
+    update: (id: string, patch: Pick<FollowBlock, "gap" | "name" | "target">) => boolean;
+}, "find" | "selected" | "list" | "getByPage" | "getByElements" | "getJoinable">, Pick<{
+    addMembers: (id: string, elementIds: string[]) => boolean;
+    create: (pageId: string, elementIds: string[], target: LayoutTarget, gap?: null | number, name?: string, id?: string) => FollowBlock | undefined;
+    find: import('vue').ComputedRef<(id: string) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    } | undefined>;
+    getByElements: import('vue').ComputedRef<(elementIds: string[]) => FollowBlock[]>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    getJoinable: import('vue').ComputedRef<(elementIds: string[]) => {
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    list: import('vue').ComputedRef<{
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    }[]>;
+    remove: (id: string) => void;
+    removeMembers: (elementIds: string[]) => void;
+    selected: import('vue').ComputedRef<{
+        elementIds: string[];
+        gap: number;
+        id: string;
+        name: string;
+        pageId: string;
+        target: {
+            id: string;
+            kind: "element";
+        } | {
+            id: string;
+            kind: "followBlock";
+        } | {
+            id: string;
+            kind: "repeatGroup";
+        };
+    } | undefined>;
+    syncGaps: (movedElementIds: readonly string[], reshapedElementIds?: readonly string[]) => void;
+    update: (id: string, patch: Pick<FollowBlock, "gap" | "name" | "target">) => boolean;
+}, "create" | "remove" | "update" | "addMembers" | "removeMembers" | "syncGaps">>;

package/designer/stores/guide-store.d.ts

@@ -0,0 +1,44 @@
+import { Guide, PageNode } from '../../core/types';
+import { createHistoryStore } from './history-store';
+import { createScopeStore } from './scope-store';
+import { MutationOptions } from './types';
+export declare function createGuideStore(deps: {
+    history: Pick<ReturnType<typeof createHistoryStore>, 'commit'>;
+    scope: Pick<ReturnType<typeof createScopeStore>, 'get' | 'pages'>;
+}): import('pinia').Store<"editor-guide", Pick<{
+    add: (pageId: string, orientation: Guide["orientation"], position: number, options?: MutationOptions) => Guide | null;
+    clear: (pageId?: string) => void;
+    find: import('vue').ComputedRef<(id: string) => null | {
+        guide: Guide;
+        page: PageNode;
+    }>;
+    get: import('vue').ComputedRef<(pageId: string, guideId: string) => Guide | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => Guide[]>;
+    hasAny: import('vue').ComputedRef<boolean>;
+    move: (pageId: string, guideId: string, position: number, options?: MutationOptions) => void;
+    remove: (pageId: string, guideId: string, options?: MutationOptions) => void;
+}, never>, Pick<{
+    add: (pageId: string, orientation: Guide["orientation"], position: number, options?: MutationOptions) => Guide | null;
+    clear: (pageId?: string) => void;
+    find: import('vue').ComputedRef<(id: string) => null | {
+        guide: Guide;
+        page: PageNode;
+    }>;
+    get: import('vue').ComputedRef<(pageId: string, guideId: string) => Guide | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => Guide[]>;
+    hasAny: import('vue').ComputedRef<boolean>;
+    move: (pageId: string, guideId: string, position: number, options?: MutationOptions) => void;
+    remove: (pageId: string, guideId: string, options?: MutationOptions) => void;
+}, "find" | "get" | "getByPage" | "hasAny">, Pick<{
+    add: (pageId: string, orientation: Guide["orientation"], position: number, options?: MutationOptions) => Guide | null;
+    clear: (pageId?: string) => void;
+    find: import('vue').ComputedRef<(id: string) => null | {
+        guide: Guide;
+        page: PageNode;
+    }>;
+    get: import('vue').ComputedRef<(pageId: string, guideId: string) => Guide | undefined>;
+    getByPage: import('vue').ComputedRef<(pageId: string) => Guide[]>;
+    hasAny: import('vue').ComputedRef<boolean>;
+    move: (pageId: string, guideId: string, position: number, options?: MutationOptions) => void;
+    remove: (pageId: string, guideId: string, options?: MutationOptions) => void;
+}, "clear" | "add" | "remove" | "move">>;