@windoc/react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,393 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { MutableRefObject } from 'react';
+
+type EditorInstance = {
+    command: {
+        executeUndo: () => void;
+        executeRedo: () => void;
+        executePainter: (options: {
+            isDblclick: boolean;
+        }) => void;
+        executeFormat: () => void;
+        executeFont: (family: string) => void;
+        executeSize: (size: number) => void;
+        executeSizeAdd: () => void;
+        executeSizeMinus: () => void;
+        executeBold: () => void;
+        executeItalic: () => void;
+        executeUnderline: (options?: {
+            style?: string;
+        }) => void;
+        executeStrikeout: () => void;
+        executeSuperscript: () => void;
+        executeSubscript: () => void;
+        executeColor: (color: string | null) => void;
+        executeHighlight: (color: string | null) => void;
+        executeTitle: (level: string | null) => void;
+        executeRowFlex: (flex: string) => void;
+        executeRowMargin: (margin: number) => void;
+        executeList: (type: string | null, style?: string) => void;
+        executeListWithPreset: (type: string, style: string, preset: string) => void;
+        executeListIndent: () => void;
+        executeListOutdent: () => void;
+        executeInsertTable: (rows: number, cols: number) => void;
+        executeImage: (options: {
+            value: string;
+            width: number;
+            height: number;
+        }) => void;
+        executeHyperlink: (options: {
+            url: string;
+            valueList: {
+                value: string;
+                size: number;
+            }[];
+        }) => void;
+        executeSeparator: (payload: number[], option?: {
+            lineWidth?: number;
+            color?: string;
+        }) => void;
+        executePageBreak: () => void;
+        executeAddWatermark: (options: {
+            data: string;
+            type?: string;
+            color?: string;
+            opacity?: number;
+            size?: number;
+            font?: string;
+            rotation?: number;
+            inFront?: boolean;
+            width?: number;
+            height?: number;
+            repeat?: boolean;
+        }) => void;
+        executeDeleteWatermark: () => void;
+        executeSetZone: (zone: string) => void;
+        executeSearch: (text: string | null, options?: object) => void;
+        executeReplace: (text: string) => void;
+        executeSearchNavigatePre: () => void;
+        executeSearchNavigateNext: () => void;
+        executePrint: () => void;
+        executePageMode: (mode: string) => void;
+        executeColumnCount: (count: number) => void;
+        executeColumnBreak: () => void;
+        executeColumnGap: (gap: number) => void;
+        executePageScaleRecovery: () => void;
+        executePageScaleMinus: () => void;
+        executePageScaleAdd: () => void;
+        executePaperSize: (width: number, height: number) => void;
+        executePaperDirection: (direction: string) => void;
+        executeSetPaperMargin: (margins: number[]) => void;
+        executeMode: (mode: string) => void;
+        executeLocationCatalog: (id: string) => void;
+        executeLocationGroup: (id: string) => void;
+        executeDeleteGroup: (id: string) => void;
+        executeSetGroup: () => string | null;
+        executeInsertControl: (element: object) => void;
+        executeInsertElementList: (elements: object[]) => void;
+        executeDeleteElementById: (options: {
+            id?: string;
+            conceptId?: string;
+        }) => void;
+        getOptions: () => {
+            header: {
+                disabled: boolean;
+            };
+            footer: {
+                disabled: boolean;
+            };
+            [key: string]: unknown;
+        };
+        executeUpdateOptions: (options: object) => void;
+        executeForceUpdate: () => void;
+        getCatalog: () => Promise<ICatalogItem[] | null>;
+        getWordCount: () => Promise<number>;
+        getGroupIds: () => Promise<string[]>;
+        getValue: () => {
+            version: string;
+            data: {
+                header?: object[];
+                main: object[];
+                footer?: object[];
+            };
+            options: object;
+        };
+        executeSetValue: (payload: {
+            header?: object[];
+            main?: object[];
+            footer?: object[];
+        }) => void;
+        getHTML: () => {
+            header: string;
+            main: string;
+            footer: string;
+        };
+        executeSetHTML: (payload: {
+            header?: string;
+            main?: string;
+            footer?: string;
+        }) => void;
+        getImage: (payload?: {
+            pixelRatio?: number;
+            mode?: string;
+        }) => Promise<string[]>;
+        getControlValue: (options?: object) => Array<{
+            conceptId?: string;
+            value: string | null;
+            extension?: unknown;
+        }>;
+        setControlValue: (options: object) => void;
+        getRangeText: () => string;
+        getRangeContext: () => {
+            startRowNo: number;
+            startColNo: number;
+        } | null;
+        getPaperMargin: () => number[];
+        getSearchNavigateInfo: () => {
+            index: number;
+            count: number;
+        } | null;
+    };
+    listener: {
+        rangeStyleChange: ((payload: RangeStylePayload) => void) | null;
+        visiblePageNoListChange: ((payload: number[]) => void) | null;
+        pageSizeChange: ((payload: number) => void) | null;
+        intersectionPageNoChange: ((payload: number) => void) | null;
+        pageScaleChange: ((payload: number) => void) | null;
+        controlChange: ((payload: {
+            state: string;
+        }) => void) | null;
+        pageModeChange: ((payload: string) => void) | null;
+        contentChange: (() => void) | null;
+        saved: ((payload: object) => void) | null;
+    };
+    register: {
+        contextMenuList: (items: object[]) => void;
+        shortcutList: (items: object[]) => void;
+    };
+    eventBus: {
+        on: (event: string, callback: (...args: unknown[]) => void) => void;
+        [key: string]: unknown;
+    };
+    override: object;
+    version: string;
+    destroy: () => void;
+    use: (plugin: object) => void;
+};
+type ICatalogItem = {
+    id: string;
+    name: string;
+    level: string;
+    pageNo: number;
+    subCatalog: ICatalogItem[];
+};
+type RangeStylePayload = {
+    type?: string;
+    font: string;
+    size: number;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikeout: boolean;
+    color?: string;
+    highlight?: string;
+    rowFlex?: string;
+    rowMargin: number;
+    undo: boolean;
+    redo: boolean;
+    painter: boolean;
+    level?: string;
+    listType?: string;
+    dashArray: number[];
+    groupIds?: string[];
+};
+interface IComment {
+    id: string;
+    content: string;
+    userName: string;
+    rangeText: string;
+    createdDate: string;
+}
+
+interface EditorOptions {
+    margins?: number[];
+    defaultBasicRowMarginHeight?: number;
+    watermark?: {
+        data: string;
+        size?: number;
+        color?: string;
+        opacity?: number;
+    };
+    header?: {
+        top?: number;
+        disabled?: boolean;
+    };
+    footer?: {
+        bottom?: number;
+        disabled?: boolean;
+        backgroundColor?: string;
+    };
+    pageNumber?: {
+        disabled?: boolean;
+        format?: string;
+        color?: string;
+        font?: string;
+        size?: number;
+        rowFlex?: string;
+        bottom?: number;
+    };
+    placeholder?: {
+        data: string;
+    };
+    zone?: {
+        tipDisabled?: boolean;
+    };
+    maskMargin?: number[];
+    scrollContainerSelector?: string;
+    [key: string]: unknown;
+}
+interface EditorData {
+    header?: object[];
+    main: object[];
+    footer?: object[];
+}
+interface EditorProps {
+    /** Initial document data */
+    defaultValue?: EditorData;
+    /** Editor configuration options */
+    options?: EditorOptions;
+    /** Called when editor content changes */
+    onChange?: (data: object) => void;
+    /** Called when editor instance is ready */
+    onReady?: (editor: EditorInstance) => void;
+    /** Show built-in toolbar (default: true) */
+    toolbar?: boolean;
+    /** Show built-in footer/statusbar (default: true) */
+    footer?: boolean;
+    /** Custom toolbar component to replace built-in one */
+    renderToolbar?: React$1.ReactNode;
+    /** Custom footer component to replace built-in one */
+    renderFooter?: React$1.ReactNode;
+    /** Additional content rendered inside EditorProvider (e.g. sidebars) */
+    children?: React$1.ReactNode;
+    /** CSS class for the editor container */
+    className?: string;
+    /** Inline style for the editor container */
+    style?: React$1.CSSProperties;
+    /** Enable drag-and-drop badge insertion */
+    onDrop?: (e: React$1.DragEvent, editor: EditorInstance) => void;
+}
+declare function Editor({ defaultValue, options: userOptions, onChange, onReady, toolbar, footer, renderToolbar, renderFooter, children, className, style, onDrop: userOnDrop, }: EditorProps): react_jsx_runtime.JSX.Element;
+
+interface EditorContextValue {
+    editorRef: MutableRefObject<EditorInstance | null>;
+    isApple: boolean;
+    rangeStyle: RangeStylePayload | null;
+}
+declare function EditorProvider({ editorRef, rangeStyle, children }: {
+    editorRef: MutableRefObject<EditorInstance | null>;
+    rangeStyle: RangeStylePayload | null;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useEditor(): EditorContextValue;
+
+interface FooterContextValue {
+    pageNoList: string;
+    pageNo: number;
+    pageSize: number;
+    wordCount: number;
+    rowNo: number;
+    colNo: number;
+    pageScale: number;
+    setPageNoList: (v: string) => void;
+    setPageNo: (v: number) => void;
+    setPageSize: (v: number) => void;
+    setWordCount: (v: number) => void;
+    setRowNo: (v: number) => void;
+    setColNo: (v: number) => void;
+    setPageScale: (v: number) => void;
+    handleToggleCatalogAction?: () => void;
+}
+declare function FooterProvider({ handleToggleCatalogAction, children }: {
+    handleToggleCatalogAction?: () => void;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useFooter(): FooterContextValue;
+
+declare function EditorToolbar(): react_jsx_runtime.JSX.Element;
+
+declare function EditorFooter(): react_jsx_runtime.JSX.Element;
+
+declare function UndoTool(): react_jsx_runtime.JSX.Element;
+
+declare function RedoTool(): react_jsx_runtime.JSX.Element;
+
+declare function BoldTool(): react_jsx_runtime.JSX.Element;
+
+declare function ItalicTool(): react_jsx_runtime.JSX.Element;
+
+declare function UnderlineTool(): react_jsx_runtime.JSX.Element;
+
+declare function StrikeoutTool(): react_jsx_runtime.JSX.Element;
+
+declare function ColorTool(): react_jsx_runtime.JSX.Element;
+
+declare function HighlightTool(): react_jsx_runtime.JSX.Element;
+
+declare function FontTool(): react_jsx_runtime.JSX.Element;
+
+declare function FontSizeTool(): react_jsx_runtime.JSX.Element;
+
+declare function TitleTool(): react_jsx_runtime.JSX.Element;
+
+declare function LineHeightTool(): react_jsx_runtime.JSX.Element;
+
+declare function LeftAlignTool(): react_jsx_runtime.JSX.Element;
+
+declare function CenterAlignTool(): react_jsx_runtime.JSX.Element;
+
+declare function RightAlignTool(): react_jsx_runtime.JSX.Element;
+
+declare function JustifyTool(): react_jsx_runtime.JSX.Element;
+
+declare function ListTool(): react_jsx_runtime.JSX.Element;
+
+declare function TableTool(): react_jsx_runtime.JSX.Element;
+
+declare function ImageTool(): react_jsx_runtime.JSX.Element;
+
+declare function ColumnTool(): react_jsx_runtime.JSX.Element;
+
+declare function SeparatorTool(): react_jsx_runtime.JSX.Element;
+
+declare function PageBreakTool(): react_jsx_runtime.JSX.Element;
+
+declare function InsertElementTool(): react_jsx_runtime.JSX.Element;
+
+declare function CatalogToggleTool(): react_jsx_runtime.JSX.Element;
+
+declare function PageModeTool(): react_jsx_runtime.JSX.Element;
+
+declare function FooterStatus(): react_jsx_runtime.JSX.Element;
+
+declare function EditorModeTool(): react_jsx_runtime.JSX.Element;
+
+declare function PageScaleMinusTool(): react_jsx_runtime.JSX.Element;
+
+declare function PageScalePercentageTool(): react_jsx_runtime.JSX.Element;
+
+declare function PageScaleAddTool(): react_jsx_runtime.JSX.Element;
+
+declare function PaperSizeTool(): react_jsx_runtime.JSX.Element;
+
+declare function PaperDirectionTool(): react_jsx_runtime.JSX.Element;
+
+declare function PaperMarginTool(): react_jsx_runtime.JSX.Element;
+
+declare function FullscreenTool(): react_jsx_runtime.JSX.Element;
+
+declare function EditorOptionTool(): react_jsx_runtime.JSX.Element;
+
+declare function WatermarkFooterTool(): react_jsx_runtime.JSX.Element;
+
+export { BoldTool, CatalogToggleTool, CenterAlignTool, ColorTool, ColumnTool, Editor, EditorFooter, type EditorInstance, EditorModeTool, EditorOptionTool, EditorProvider, EditorToolbar, FontSizeTool, FontTool, FooterProvider, FooterStatus, FullscreenTool, HighlightTool, type ICatalogItem, type IComment, ImageTool, ItalicTool, JustifyTool, LeftAlignTool, LineHeightTool, ListTool, PageBreakTool, PageModeTool, PageScaleAddTool, PageScaleMinusTool, PageScalePercentageTool, PaperDirectionTool, PaperMarginTool, PaperSizeTool, type RangeStylePayload, RedoTool, RightAlignTool, SeparatorTool, StrikeoutTool, TableTool, TitleTool, UnderlineTool, UndoTool, WatermarkFooterTool, InsertElementTool as WatermarkTool, useEditor, useFooter };