@bireturn/word-editor 1.0.4 → 1.0.6

package/lib/components/Editor/useDocRenderer.d.ts

@@ -0,0 +1,15 @@
+export declare const DEFAULT_FONT_SIZE = 14;
+export declare const PAGE_CONTENT_HEIGHT = 1123;
+export declare const PAGE_CONTENT_WIDTH = 760;
+export declare const TABLE_USABLE_WIDTH = 756;
+export declare const ROW_FLEX: Record<string, string>;
+export declare function flattenAreas(els: any[]): any[];
+export declare function groupBlocks(rawEls: any[]): any[];
+export declare function estimateParaHeight(elements: any[]): number;
+export declare function splitParagraphRuns(elements: any[]): any[][];
+export declare function buildRowGroups(trList: any[]): any[][];
+export declare function getTableScale(tableEl: any): number;
+export declare function getParaStyle(block: any): Record<string, string>;
+export declare function getCellVAlign(td: any): string;
+export declare function getInlineStyle(el: any): Record<string, string>;
+export declare function calcBlocksHeight(blocks: any[], isHeaderFooter?: boolean): number;

package/lib/components/VirtualTable/index.d.ts

@@ -0,0 +1,19 @@
+import { default as VirtualTable } from './src/VirtualTable.vue';
+import { default as VirtualTableColumn } from './src/VirtualTableColumn.vue';
+export { VirtualTable, VirtualTableColumn };
+declare const _default: {
+    VirtualTable: any;
+    VirtualTableColumn: any;
+};
+export default _default;
+export interface VirtualTableInstance {
+    recalculateAllHeights: () => void;
+    forceItemUpdate: (item: any) => void;
+    isEditByRow: (row: any) => boolean;
+    getParentRow: (row: any) => any | null;
+    getRowById: (id: string | number) => any | null;
+    scrollToRow: (row: any) => void;
+    setCurrentRow: (row: any) => void;
+    setAllTreeExpand: (expand: boolean) => void;
+    setTreeExpand: (row: any, expand: boolean) => void;
+}

package/lib/components/VirtualTable/src/context-menu.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 创建组件实例对象
+ * 返回的实例和调用 getCurrentComponent() 返回的一致
+ * @param {*} Component
+ */
+export declare function createComponent(Component: any, props: any, children: any): import('vue').ComponentInternalInstance | null;
+/**
+ * 销毁组件实例对象
+ * @param {*} ComponnetInstance 通过createComponent方法得到的组件实例对象
+ */
+export declare function unmountComponent(ComponnetInstance: any): void;
+export declare const ContextMenu: (options: any) => any;
+declare const _default: {
+    ContextMenu: (options: any) => any;
+};
+export default _default;

package/lib/components/VirtualTable/src/tool.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 将树形结构数据按主子关系排序
+ * @param {Array} list - 原始数据列表，每个元素应包含 node_id 和 parent_id
+ * @param {string|number|null} [rootParentId] - 可选参数，指定根节点的 parent_id 值
+ * @return {Array} - 排序后的数组，保持树形结构顺序
+ */
+export declare function sortTreeList(list: any, rootParentId: any, treeConfig?: any): Array<any>;
+/**
+ * 获取节点的父节点，直到找到具有className的节点，在container容器内查找
+ * @param target
+ * @param className
+ * @param container
+ * @returns
+ */
+export declare function getParentNode(target: any, className: any, container: any): any;

package/lib/composables/useDocumentData.d.ts

@@ -0,0 +1,10 @@
+export declare function useDocumentData(): {
+    docData: import('..').DocumentModel;
+    flatParagraphs: import('vue').ComputedRef<{
+        id: string;
+        paragraph: import('..').Paragraph;
+        sectionIndex: number;
+        paragraphIndex: number;
+    }[]>;
+    sections: import('..').Section[];
+};

package/lib/composables/useEditor.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey } from 'vue';
+import { Editor, EditorOptions } from '../core/editor/Editor';
+export declare const EditorKey: InjectionKey<Editor>;
+export declare function createEditor(options?: EditorOptions): Editor;
+export declare function useEditor(): Editor;

package/lib/core/command/CommandManager.d.ts

@@ -0,0 +1,16 @@
+import { CommandName, CommandPayloadMap, ICommand } from '../../types/command';
+import { DocumentModel } from '../model/DocumentModel';
+import { SelectionManager } from '../selection/SelectionManager';
+import { HistoryManager } from '../history/HistoryManager';
+type CommandFactory<N extends CommandName> = (payload: CommandPayloadMap[N]) => ICommand | null;
+export declare class CommandManager {
+    private docModel;
+    private selectionManager;
+    private historyManager;
+    private _factories;
+    constructor(docModel: DocumentModel, selectionManager: SelectionManager, historyManager: HistoryManager);
+    private _registerBuiltinCommands;
+    register<N extends CommandName>(name: N, factory: CommandFactory<N>): void;
+    exec<N extends CommandName>(name: N, payload?: CommandPayloadMap[N]): void;
+}
+export {};

package/lib/core/command/commands/DeleteCommand.d.ts

@@ -0,0 +1,14 @@
+import { ICommand } from '../../../types/command';
+import { DocumentModel } from '../../model/DocumentModel';
+import { SelectionManager } from '../../selection/SelectionManager';
+type DeleteDirection = 'backward' | 'forward';
+export declare class DeleteCommand implements ICommand {
+    private docModel;
+    private selectionManager;
+    readonly name: 'deleteBackward' | 'deleteForward';
+    private _deletedText;
+    constructor(docModel: DocumentModel, selectionManager: SelectionManager, direction: DeleteDirection);
+    execute(): void;
+    undo(): void;
+}
+export {};

package/lib/core/command/commands/FormatCommand.d.ts

@@ -0,0 +1,30 @@
+import { ICommand, CommandName } from '../../../types/command';
+import { DocumentModel } from '../../model/DocumentModel';
+import { SelectionManager } from '../../selection/SelectionManager';
+import { ParagraphFormat } from '../../../types/document';
+type FormatCommandName = Extract<CommandName, 'bold' | 'italic' | 'underline' | 'strikethrough' | 'superscript' | 'subscript' | 'fontSize' | 'fontFamily' | 'color' | 'backgroundColor' | 'textAlign' | 'lineHeight' | 'heading'>;
+export declare class FormatCommand implements ICommand {
+    private docModel;
+    private selectionManager;
+    private _value?;
+    readonly name: FormatCommandName;
+    private _prevFormat;
+    constructor(docModel: DocumentModel, selectionManager: SelectionManager, name: FormatCommandName, _value?: unknown | undefined);
+    execute(): void;
+    undo(): void;
+    private _isToggle;
+    private _getFormatKey;
+    private _getCurrentValue;
+}
+/** 段落格式命令 */
+export declare class ParagraphFormatCommand implements ICommand {
+    private docModel;
+    private selectionManager;
+    private _formatKey;
+    private _value;
+    readonly name: CommandName;
+    constructor(docModel: DocumentModel, selectionManager: SelectionManager, _formatKey: keyof ParagraphFormat, _value: unknown);
+    execute(): void;
+    undo(): void;
+}
+export {};

package/lib/core/command/commands/InsertParagraphCommand.d.ts

@@ -0,0 +1,12 @@
+import { ICommand } from '../../../types/command';
+import { DocumentModel } from '../../model/DocumentModel';
+import { SelectionManager } from '../../selection/SelectionManager';
+export declare class InsertParagraphCommand implements ICommand {
+    private docModel;
+    private selectionManager;
+    readonly name: "insertParagraph";
+    private _insertedParagraphId;
+    constructor(docModel: DocumentModel, selectionManager: SelectionManager);
+    execute(): void;
+    undo(): void;
+}

package/lib/core/command/commands/InsertTextCommand.d.ts

@@ -0,0 +1,18 @@
+import { ICommand } from '../../../types/command';
+import { DocumentModel } from '../../model/DocumentModel';
+import { SelectionManager } from '../../selection/SelectionManager';
+import { ModelPoint } from '../../../types/selection';
+import { ElementFormat } from '../../../types/document';
+export declare class InsertTextCommand implements ICommand {
+    private docModel;
+    private selectionManager;
+    readonly name: "insertText";
+    private _point;
+    private _text;
+    private _format;
+    constructor(docModel: DocumentModel, selectionManager: SelectionManager, point: ModelPoint, text: string, format?: ElementFormat);
+    execute(): void;
+    undo(): void;
+    canMergeWith(other: ICommand): boolean;
+    merge(other: ICommand): void;
+}

package/lib/core/editor/Editor.d.ts

@@ -0,0 +1,46 @@
+import { DocumentModel } from '../model/DocumentModel';
+import { SelectionManager } from '../selection/SelectionManager';
+import { HistoryManager } from '../history/HistoryManager';
+import { CommandManager } from '../command/CommandManager';
+import { InputHandler } from '../input/InputHandler';
+import { CommandName, CommandPayloadMap } from '../../types/command';
+import { IPlugin } from '../../types/plugin';
+import { DocumentModel as IDocumentModel } from '../../types/document';
+export interface EditorOptions {
+    /** 初始文档数据 */
+    initialDocument?: Partial<IDocumentModel>;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 插件列表 */
+    plugins?: IPlugin[];
+}
+export declare class Editor {
+    readonly docModel: DocumentModel;
+    readonly selection: SelectionManager;
+    readonly history: HistoryManager;
+    readonly commands: CommandManager;
+    readonly input: InputHandler;
+    private _readonly;
+    private _plugins;
+    private _inputEl;
+    constructor(options?: EditorOptions);
+    /**
+     * 执行命令（外部调用入口）
+     * @example editor.exec('bold')
+     * @example editor.exec('fontSize', 18)
+     * @example editor.exec('insertText', 'hello')
+     */
+    exec<N extends CommandName>(name: N, payload?: CommandPayloadMap[N]): void;
+    /** 挂载输入层到指定 DOM 元素 */
+    mount(el: HTMLElement): void;
+    /** 卸载输入层 */
+    unmount(): void;
+    /** 安装插件 */
+    use(plugin: IPlugin): this;
+    /** 获取序列化后的文档 JSON */
+    getJSON(): string;
+    /** 从 JSON 加载文档（清空历史） */
+    loadJSON(json: string): void;
+    get isReadonly(): boolean;
+    private _isReadCommand;
+}

package/lib/core/editor/EditorOptions.d.ts

@@ -0,0 +1 @@
+export type { DocumentModel as IDocumentModel } from '../../types/document';

package/lib/core/history/HistoryManager.d.ts

@@ -0,0 +1,15 @@
+import { ICommand } from '../../types/command';
+export declare class HistoryManager {
+    private _undoStack;
+    private _redoStack;
+    get canUndo(): boolean;
+    get canRedo(): boolean;
+    /**
+     * 推入命令（执行后调用）
+     * 支持合并连续同类命令（如连续输入文字）
+     */
+    push(command: ICommand): void;
+    undo(): boolean;
+    redo(): boolean;
+    clear(): void;
+}

package/lib/core/input/InputHandler.d.ts

@@ -0,0 +1,20 @@
+import { CommandManager } from '../command/CommandManager';
+import { SelectionManager as ISelectionManager } from '../selection/SelectionManager';
+export declare class InputHandler {
+    private _el;
+    private _commandManager;
+    private _selectionManager;
+    private _composing;
+    private _boundKeydown;
+    private _boundBeforeInput;
+    private _boundCompositionStart;
+    private _boundCompositionEnd;
+    private _boundSelectionChange;
+    constructor(commandManager: CommandManager, selectionManager: ISelectionManager);
+    attach(el: HTMLElement): void;
+    detach(): void;
+    private _onKeydown;
+    private _onBeforeInput;
+    private _onCompositionEnd;
+    private _onSelectionChange;
+}

package/lib/core/model/DocumentModel.d.ts

@@ -0,0 +1,38 @@
+import { DocumentModel as IDocumentModel, Paragraph, Section, IElement, TextElement, ElementFormat, ParagraphFormat } from '../../types';
+import { ModelPoint } from '../../types/selection';
+export declare class DocumentModel {
+    readonly data: IDocumentModel;
+    constructor(initialData?: Partial<IDocumentModel>);
+    createEmptySection(): Section;
+    createEmptyParagraph(format?: ParagraphFormat): Paragraph;
+    createTextElement(value: string, format?: ElementFormat): TextElement;
+    getSectionCount(): number;
+    getParagraphCount(sectionIndex?: number): number;
+    /** 获取所有段落（展开所有 section） */
+    getAllParagraphs(): Array<{
+        paragraph: Paragraph;
+        sectionIndex: number;
+        paragraphIndex: number;
+    }>;
+    getParagraphAt(sectionIndex: number, paragraphIndex: number): Paragraph | null;
+    getElementAt(point: ModelPoint): IElement | null;
+    /** 在指定位置插入文本（拆分/合并 text element） */
+    insertText(point: ModelPoint, text: string, format?: ElementFormat): void;
+    /** 删除指定范围内容 */
+    deleteAt(point: ModelPoint, length: number): void;
+    /** 在段落后插入新段落 */
+    insertParagraph(sectionIndex: number, afterIndex: number, format?: ParagraphFormat): Paragraph;
+    /** 合并两个相邻段落 */
+    mergeParagraphs(sectionIndex: number, upperIndex: number): void;
+    /** 更新段落格式 */
+    updateParagraphFormat(sectionIndex: number, paragraphIndex: number, format: Partial<ParagraphFormat>): void;
+    /** 更新元素格式 */
+    updateElementFormat(point: ModelPoint, format: Partial<ElementFormat>): void;
+    /** 批量更新选区内元素格式 */
+    updateRangeFormat(from: ModelPoint, to: ModelPoint, format: Partial<ElementFormat>): void;
+    private bumpVersion;
+    /** 序列化为 JSON */
+    toJSON(): string;
+    /** 从 JSON 恢复 */
+    static fromJSON(json: string): DocumentModel;
+}

package/lib/core/selection/SelectionManager.d.ts

@@ -0,0 +1,26 @@
+import { ModelPoint, ModelSelection } from '../../types/selection';
+import { DocumentModel } from '../model/DocumentModel';
+export declare class SelectionManager {
+    private _selection;
+    private _docModel;
+    constructor(docModel: DocumentModel);
+    get selection(): ModelSelection;
+    /** 是否有选区（非光标） */
+    readonly hasSelection: import('vue').ComputedRef<boolean>;
+    setCursor(point: ModelPoint): void;
+    setSelection(anchor: ModelPoint, focus: ModelPoint): void;
+    collapse(toFocus?: boolean): void;
+    selectAll(): void;
+    /** 光标向前移动一个字符 */
+    moveForward(extend?: boolean): void;
+    /** 光标向后移动一个字符 */
+    moveBackward(extend?: boolean): void;
+    private _applyMove;
+    private _getNextParagraphPoint;
+    private _getPrevParagraphPoint;
+    /**
+     * 从 DOM element 的 data-* 属性解析模型坐标
+     * 渲染时每个元素需附带 data-si/data-pi/data-ei 属性
+     */
+    static domToModelPoint(domNode: Node, domOffset: number): ModelPoint | null;
+}

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+import { App, DefineComponent } from 'vue';
+export { Editor } from './core/editor/Editor';
+export type { EditorOptions } from './core/editor/Editor';
+export { createEditor, useEditor, EditorKey } from './composables/useEditor';
+export declare const EditorContainer: DefineComponent<Record<string, unknown>>;
+export type * from './types';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/lib/types/command.d.ts

@@ -0,0 +1,57 @@
+import { ElementFormat, ParagraphFormat } from './document';
+/** 所有可执行命令名称 */
+export type CommandName = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'superscript' | 'subscript' | 'fontSize' | 'fontFamily' | 'color' | 'backgroundColor' | 'textAlign' | 'lineHeight' | 'indent' | 'outdent' | 'heading' | 'bulletList' | 'orderedList' | 'insertText' | 'insertParagraph' | 'insertImage' | 'insertTable' | 'insertSeparator' | 'deleteContent' | 'deleteForward' | 'deleteBackward' | 'undo' | 'redo' | 'selectAll' | 'setSelection';
+/** 命令参数映射 */
+export interface CommandPayloadMap {
+    bold: undefined;
+    italic: undefined;
+    underline: undefined;
+    strikethrough: undefined;
+    superscript: undefined;
+    subscript: undefined;
+    fontSize: number;
+    fontFamily: string;
+    color: string;
+    backgroundColor: string;
+    textAlign: ElementFormat['color'];
+    lineHeight: number;
+    indent: undefined;
+    outdent: undefined;
+    heading: ParagraphFormat['heading'];
+    bulletList: undefined;
+    orderedList: undefined;
+    insertText: string;
+    insertParagraph: undefined;
+    insertImage: {
+        url: string;
+        width: number;
+        height: number;
+        alt?: string;
+    };
+    insertTable: {
+        rows: number;
+        cols: number;
+    };
+    insertSeparator: undefined;
+    deleteContent: undefined;
+    deleteForward: undefined;
+    deleteBackward: undefined;
+    undo: undefined;
+    redo: undefined;
+    selectAll: undefined;
+    setSelection: import('./selection').ModelSelection;
+}
+/** 命令执行结果 */
+export interface CommandResult {
+    success: boolean;
+    error?: string;
+}
+/** 命令接口（Command Pattern） */
+export interface ICommand {
+    name: CommandName;
+    execute(): void;
+    undo(): void;
+    /** 是否可以与相邻同类命令合并（用于连续输入合并） */
+    canMergeWith?(other: ICommand): boolean;
+    merge?(other: ICommand): void;
+}

package/lib/types/document.d.ts

@@ -0,0 +1,111 @@
+export type ElementType = 'text' | 'image' | 'table' | 'hyperlink' | 'separator';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type VerticalAlign = 'top' | 'middle' | 'bottom';
+export type ListType = 'bullet' | 'ordered' | 'none';
+/** 行内元素格式属性 */
+export interface ElementFormat {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    fontSize?: number;
+    fontFamily?: string;
+    color?: string;
+    backgroundColor?: string;
+    superscript?: boolean;
+    subscript?: boolean;
+}
+/** 基础元素接口 */
+export interface BaseElement {
+    id: string;
+    type: ElementType;
+    format?: ElementFormat;
+}
+/** 文本元素 */
+export interface TextElement extends BaseElement {
+    type: 'text';
+    value: string;
+}
+/** 图片元素 */
+export interface ImageElement extends BaseElement {
+    type: 'image';
+    url: string;
+    width: number;
+    height: number;
+    alt?: string;
+}
+/** 超链接元素 */
+export interface HyperlinkElement extends BaseElement {
+    type: 'hyperlink';
+    url: string;
+    children: TextElement[];
+}
+/** 分隔线元素 */
+export interface SeparatorElement extends BaseElement {
+    type: 'separator';
+}
+/** 表格单元格 */
+export interface TableCell {
+    id: string;
+    rowspan?: number;
+    colspan?: number;
+    children: Paragraph[];
+}
+/** 表格行 */
+export interface TableRow {
+    id: string;
+    height?: number;
+    cells: TableCell[];
+}
+/** 表格元素 */
+export interface TableElement extends BaseElement {
+    type: 'table';
+    rows: TableRow[];
+    colWidths: number[];
+}
+export type IElement = TextElement | ImageElement | HyperlinkElement | SeparatorElement | TableElement;
+/** 段落格式 */
+export interface ParagraphFormat {
+    textAlign?: TextAlign;
+    lineHeight?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    listType?: ListType;
+    listLevel?: number;
+    listIndex?: number;
+    heading?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | null;
+}
+/** 段落（块级容器） */
+export interface Paragraph {
+    id: string;
+    type: 'paragraph';
+    format?: ParagraphFormat;
+    children: IElement[];
+}
+/** 节（用于分页/分栏）*/
+export interface Section {
+    id: string;
+    paragraphs: Paragraph[];
+    pageBreakBefore?: boolean;
+}
+/** 文档根节点 */
+export interface DocumentModel {
+    id: string;
+    version: number;
+    sections: Section[];
+    defaultFormat?: ElementFormat;
+    pageWidth?: number;
+    pageHeight?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginRight?: number;
+}
+/** 编辑器顶层数据结构 */
+export interface IEditorData {
+    header?: any[];
+    main: any[];
+    footer?: any[];
+}

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './document';
+export * from './selection';
+export * from './command';
+export * from './plugin';

package/lib/types/plugin.d.ts

@@ -0,0 +1,12 @@
+import { Editor } from '../core/editor/Editor';
+export interface IPlugin {
+    name: string;
+    version?: string;
+    /** 插件安装时调用，注册命令/事件/渲染扩展 */
+    install(editor: Editor): void;
+    /** 插件卸载时调用，清理副作用 */
+    uninstall?(editor: Editor): void;
+}
+export interface PluginOptions {
+    [key: string]: unknown;
+}

package/lib/types/selection.d.ts

@@ -0,0 +1,17 @@
+/** 模型坐标中的点 */
+export interface ModelPoint {
+    sectionIndex: number;
+    paragraphIndex: number;
+    elementIndex: number;
+    /** 在文本节点内的字符偏移量 */
+    offset: number;
+}
+/** 选区（start <= end，逻辑上） */
+export interface ModelSelection {
+    anchor: ModelPoint;
+    focus: ModelPoint;
+    /** 是否折叠（光标，非选区） */
+    isCollapsed: boolean;
+}
+/** 光标样式 */
+export type CursorStyle = 'text' | 'crosshair' | 'default';

package/lib/utils/catalog.d.ts

@@ -0,0 +1,29 @@
+export interface CatalogItem {
+    /** 标题 id（复用渲染行 node_id，可直接用于 VirtualTable.scrollToRow 定位） */
+    id: string;
+    nodeId: string;
+    /** 标题文本 */
+    name: string;
+    /** 标题级别 1~6，数值越小级别越高 */
+    level: number;
+    /** 子目录 */
+    children: CatalogItem[];
+}
+interface RowLike {
+    node_id: string;
+    blockType?: string;
+    level?: string;
+    content?: string;
+}
+/**
+ * 判定某渲染行是否为标题并返回其级别（0 表示非标题）。
+ * 与 canvas-editor 一致，仅依据标题元数据（type:'title' + level），不做启发式猜测。
+ */
+export declare function detectTitleLevel(row: RowLike): number;
+/**
+ * 从渲染行列表构建嵌套目录树。
+ * 嵌套规则与 canvas-editor 一致：级别更深的标题递归挂到「上一个标题」的子目录末端，
+ * 否则作为同级标题追加。
+ */
+export declare function buildCatalog(rows: RowLike[]): CatalogItem[];
+export {};

package/lib/utils/nanoid.d.ts

@@ -0,0 +1 @@
+export declare function nanoid(size?: number): string;

package/lib/utils/titleIndex.d.ts

@@ -0,0 +1,11 @@
+export interface TitleIndexer {
+    /**
+     * 推进到下一个标题并返回其序号文本（含末尾空格，如 "A. "）。
+     * 无论标题自身是否已带序号都需调用，以保证计数器连续；
+     * 调用方可在标题已自带序号时丢弃返回值、仅用于计数。
+     * @param level 标题层级（first~eighth）
+     * @param startIndex 指定起始序号时直接使用（对应源码 extension.startIndex）
+     */
+    next(level: string, startIndex?: string | number): string;
+}
+export declare function createTitleIndexer(): TitleIndexer;

package/lib/word-editor.css

@@ -0,0 +1 @@
+.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.we-vt-table--context-menu-clild-wrapper,.we-vt-table--context-menu-wrapper{box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000a!important;border:none!important;border-radius:var(--modern-menu-radius)!important}.we-vt-context-menu--option-wrapper li.link--active,.we-vt-table--context-menu-clild-wrapper li.link--active{background-color:transparent!important;border-color:transparent!important}.we-vt-table--context-menu-wrapper .we-vt-context-menu--option-wrapper .modern-menu-item:first-child .modern-menu-link:hover{background:var(--modern-menu-item-hover-bg)!important;color:var(--modern-menu-item-hover-color)!important}.virtual-table-menu.modern-virtual-menu{z-index:9999;position:fixed}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper{background:var(--modern-menu-bg);border:1px solid var(--modern-menu-border);border-radius:var(--modern-menu-radius);box-shadow:var(--modern-menu-shadow);padding:4px;min-width:160px;list-style:none;margin:0;transition:all var(--modern-menu-animation-duration) var(--modern-menu-animation-easing);animation:menuFadeIn .15s ease-out}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item{position:relative;padding:0;margin-bottom:0}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item:last-child{margin-bottom:0}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--modern-menu-item-radius);color:var(--modern-menu-item-color);text-decoration:none;font-size:13px;font-weight:400;cursor:pointer;line-height:1.4;transition:all var(--modern-menu-animation-duration) var(--modern-menu-animation-easing)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link .menu-icon{flex-shrink:0;color:var(--modern-menu-icon-color);transition:color var(--modern-menu-animation-duration) var(--modern-menu-animation-easing)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link .menu-label{flex:1;white-space:nowrap}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link .submenu-arrow{flex-shrink:0;color:var(--modern-menu-icon-color);transition:color var(--modern-menu-animation-duration) var(--modern-menu-animation-easing)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link:hover{background:var(--modern-menu-item-hover-bg);color:var(--modern-menu-item-hover-color)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link:hover .menu-icon,.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item .modern-menu-link:hover .submenu-arrow{color:var(--modern-menu-icon-hover-color)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item.link--disabled .modern-menu-link{color:var(--modern-menu-item-disabled-color);cursor:not-allowed}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item.link--disabled .modern-menu-link:hover{background:transparent;color:var(--modern-menu-item-disabled-color)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item.link--disabled .modern-menu-link:hover .menu-icon,.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item.link--disabled .modern-menu-link:hover .submenu-arrow{color:var(--modern-menu-icon-disabled-color)}.virtual-table-menu.modern-virtual-menu .modern-menu-wrapper .modern-menu-item.has-children{position:relative}.virtual-table-menu.modern-virtual-menu .modern-submenu{position:absolute;left:calc(100% + 4px);top:0;min-width:140px;background:var(--modern-submenu-bg);border:1px solid var(--modern-menu-border);border-radius:var(--modern-submenu-radius);box-shadow:var(--modern-submenu-shadow);padding:4px;list-style:none;z-index:10000;margin:0;animation:submenuFadeIn .12s ease-out}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item{padding:0;margin-bottom:0}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item:last-child{margin-bottom:0}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item .modern-submenu-link{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--modern-submenu-item-radius);color:var(--modern-menu-item-color);text-decoration:none;font-size:12px;font-weight:400;cursor:pointer;line-height:1.4;transition:all var(--modern-menu-animation-duration) var(--modern-menu-animation-easing)}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item .modern-submenu-link .submenu-icon{flex-shrink:0;color:var(--modern-menu-icon-color);transition:color var(--modern-menu-animation-duration) var(--modern-menu-animation-easing)}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item .modern-submenu-link .submenu-label{flex:1;white-space:nowrap}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item .modern-submenu-link:hover{background:var(--modern-menu-item-hover-bg);color:var(--modern-menu-item-hover-color)}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item .modern-submenu-link:hover .submenu-icon{color:var(--modern-menu-icon-hover-color)}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item.link--disabled .modern-submenu-link{color:var(--modern-menu-item-disabled-color);cursor:not-allowed}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item.link--disabled .modern-submenu-link:hover{background:transparent;color:var(--modern-menu-item-disabled-color)}.virtual-table-menu.modern-virtual-menu .modern-submenu .modern-submenu-item.link--disabled .modern-submenu-link:hover .submenu-icon{color:var(--modern-menu-icon-disabled-color)}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.98) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes submenuFadeIn{0%{opacity:0;transform:scale(.98) translate(-4px)}to{opacity:1;transform:scale(1) translate(0)}}.virtual-table[data-v-3756d9b0]{width:100%;height:100%;background-color:var(--we-vt-table-body-background-color, #fff);display:flex;flex-direction:column}.virtual-table .virtual-table-header[data-v-3756d9b0]{display:flex}.virtual-table .virtual-table-wrapper[data-v-3756d9b0]{flex:1;font-family:"FangSong"}.virtual-table .virtual-table-row[data-v-3756d9b0]{display:flex;min-height:20px}.virtual-table .virtual-table-row.current-row[data-v-3756d9b0]{background-color:var(--el-table-row-hover-bg-color);color:var(--el-color-primary)}.virtual-table .virtual-table-cell[data-v-3756d9b0]{position:relative}.virtual-table .content-wrapper[data-v-3756d9b0]{flex:1;min-height:20px;color:#606266;font-size:14px;font-weight:400}.virtual-table .virtual-table-inline-editing-trigger[data-v-3756d9b0]{white-space:pre-line;word-break:break-all;border:1px transparent dotted}.virtual-table .virtual-table-inline-editing-trigger[data-v-3756d9b0]:hover{border-color:var(--el-color-primary)}.a4-pages-container[data-v-3756d9b0]{width:100%;height:100%;overflow:auto;background-color:#f0f0f0;padding:20px;display:flex;flex-direction:column;align-items:center;font-family:"FangSong"}.a4-page[data-v-3756d9b0]{background:#fff;box-shadow:0 2px 8px #00000026;position:relative;margin:0 auto;box-sizing:border-box;display:block;flex-shrink:0}.a4-table-header[data-v-3756d9b0]{background:#fff;z-index:10;border-bottom:1px solid #e8e8e8;margin-bottom:10px;padding-bottom:10px;overflow-x:auto;min-width:0;margin-top:10px}.a4-table-header[data-v-3756d9b0]::-webkit-scrollbar{height:4px}.a4-table-header[data-v-3756d9b0]::-webkit-scrollbar-track{background:transparent}.a4-table-header[data-v-3756d9b0]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.a4-page-content[data-v-3756d9b0]{min-width:0;position:relative}.a4-page-content[data-v-3756d9b0]::-webkit-scrollbar{height:6px}.a4-page-content[data-v-3756d9b0]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.a4-page-content[data-v-3756d9b0]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.a4-page-content[data-v-3756d9b0]::-webkit-scrollbar-thumb:hover{background:#555}.a4-page-header[data-v-3756d9b0]{width:100%;overflow:hidden}.a4-page-footer[data-v-3756d9b0]{position:absolute;bottom:5px;left:0;width:100%;text-align:center;color:#666;font-size:12px;background:#fff}.page-number[data-v-3756d9b0]{display:inline-block}.a4-page .virtual-table-row[data-v-3756d9b0]{display:flex;transition:background-color .2s;width:100%}.a4-page .virtual-table-cell[data-v-3756d9b0]{overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.a4-page .virtual-table-header[data-v-3756d9b0]{min-width:fit-content}.a4-page .we-vt-header--column[data-v-3756d9b0]{flex-shrink:0;padding:8px;box-sizing:border-box}.a4-page .virtual-table-row[data-v-3756d9b0]:hover{background-color:#fafafa}.a4-page .virtual-table-row.row--current[data-v-3756d9b0]{background-color:var(--el-table-row-hover-bg-color);color:var(--el-color-primary)}.virtual-table-row.row--highlight[data-v-3756d9b0]{animation:rowHighlight-3756d9b0 1.5s ease-in-out}@keyframes rowHighlight-3756d9b0{0%{background-color:transparent}25%{background-color:gold;transform:scale(1.01)}50%{background-color:#ffeb3b}to{background-color:transparent;transform:scale(1)}}.a4-page-placeholder[data-v-3756d9b0]{background:#fff;box-shadow:0 2px 8px #00000026;position:relative;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0}.a4-page-loading[data-v-3756d9b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%}.loading-spinner[data-v-3756d9b0]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--el-color-primary);border-radius:50%;animation:spin-3756d9b0 1s linear infinite}@keyframes spin-3756d9b0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-3756d9b0]{margin-top:20px;color:#666;font-size:14px}@media print{.a4-pages-container[data-v-3756d9b0]{background:none;padding:0}.a4-page[data-v-3756d9b0]{box-shadow:none;margin:0;page-break-after:always}.a4-page[data-v-3756d9b0]:last-child{page-break-after:auto}.a4-page-footer[data-v-3756d9b0]{position:fixed;bottom:0}}.catalog-node__label[data-v-ac882917]{display:flex;align-items:center;gap:4px;height:30px;padding-right:10px;border-radius:6px;cursor:pointer;color:#3f4654;font-size:13px;transition:background-color .15s ease,color .15s ease}.catalog-node__label[data-v-ac882917]:hover{background-color:#f1f3f6;color:#1f2937}.catalog-node__label.is-active[data-v-ac882917]{background-color:#e8f0fe;color:#2563eb;font-weight:500}.catalog-node__toggle[data-v-ac882917]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#9aa3b2}.catalog-node__toggle[data-v-ac882917]:hover{color:#2563eb}.catalog-node__text[data-v-ac882917]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.catalog[data-v-8becafa1]{display:flex;flex-direction:column;width:268px;height:100%;flex-shrink:0;background-color:#fafbfc;border-right:1px solid #e7e9ee}.catalog--collapsed[data-v-8becafa1]{width:44px;align-items:center;padding-top:10px}.catalog__header[data-v-8becafa1]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px 0 14px;border-bottom:1px solid #e7e9ee}.catalog__title[data-v-8becafa1]{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1f2937}.catalog__icon-btn[data-v-8becafa1]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:background-color .15s ease,color .15s ease}.catalog__icon-btn[data-v-8becafa1]:hover{background-color:#eef0f4;color:#2563eb}.catalog__body[data-v-8becafa1]{flex:1;overflow-y:auto;padding:8px}.catalog__empty[data-v-8becafa1]{padding:24px 12px;text-align:center;font-size:13px;color:#9aa3b2}.doc-para[data-v-27e51e18]{margin:0;min-height:20px;line-height:1.43;font-size:14px;color:#000;word-break:break-word}.doc-title[data-v-27e51e18]{margin:0;line-height:1.4;font-size:14px;color:#000;word-break:break-word}.doc-link[data-v-27e51e18]{color:#00f;text-decoration:underline}.doc-image[data-v-27e51e18]{max-width:100%;vertical-align:middle}.ctrl-input[data-v-27e51e18]{display:inline-block;border-bottom:1px solid #000;min-width:60px;vertical-align:bottom;padding:0 2px;line-height:1.4}.ctrl-options[data-v-27e51e18]{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;vertical-align:middle}.ctrl-options--vertical[data-v-27e51e18]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.ctrl-option[data-v-27e51e18]{display:inline-flex;align-items:center;gap:3px;padding-left:6px;cursor:default;-webkit-user-select:none;user-select:none}.el-check[data-v-27e51e18]{vertical-align:middle;margin:0 2px}.doc-tab[data-v-27e51e18]{display:inline-block}.doc-table-row-wrap[data-v-27e51e18]{overflow-x:auto}.doc-table-row-wrap:not(.is-first):not(.is-page-break) .doc-table tr:first-child td[data-v-27e51e18]{border-top:none}.doc-table[data-v-27e51e18]{border-collapse:collapse;table-layout:fixed}.doc-table td[data-v-27e51e18]{border:1px solid #000;padding:4px 6px;font-size:12px;color:#000;word-break:break-word;overflow-wrap:break-word}.cell-para[data-v-27e51e18]{margin:0;line-height:1.5;min-height:1em}.doc-table--no-border td[data-v-27e51e18]{border:none}.doc-list[data-v-27e51e18]{margin:0;padding-left:24px;font-size:12px;color:#000}.doc-list-item[data-v-27e51e18]{line-height:1.5;word-break:break-word;min-height:1.5em}.empty-line[data-v-27e51e18]{display:inline-block;width:1px}.editor-layout[data-v-ea9b9852]{display:flex;height:100%;overflow:hidden}.editor-container[data-v-ea9b9852]{flex:1;min-width:0;height:100%;overflow:hidden}.editor-loading[data-v-ea9b9852]{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#666}.doc-header[data-v-ea9b9852]{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;border-bottom:1px solid #e5e7eb;padding-bottom:4px;margin-bottom:8px}.doc-footer[data-v-ea9b9852]{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;border-top:1px solid #e5e7eb;padding-top:4px;margin-top:8px}.doc-page-number[data-v-ea9b9852]{text-align:center;font-size:12px;color:#666;margin-top:4px}.word-editor-scope{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.43;color:#1f2937;text-align:left;-webkit-font-smoothing:antialiased}.word-editor-scope *,.word-editor-scope *:before,.word-editor-scope *:after{box-sizing:border-box}:where(.word-editor-scope) :where(p,h1,h2,h3,h4,h5,h6,ul,ol,li,figure,blockquote,dl,dd){margin:0;padding:0}.word-editor-scope table{margin:0;border-collapse:collapse;border-spacing:0}.word-editor-scope img{max-width:none}.word-editor-scope .virtual-table-cell{padding:0}