import type { DefineComponent } from "vue";

export type EeedEditorToolBarItem =
  | "undo"
  | "redo"
  | "clear"
  | "formatBrush"
  | "paragraph"
  | "fontSize"
  | "fontFamily"
  | "textColor"
  | "highlight"
  | "bold"
  | "italic"
  | "underline"
  | "strike"
  | "blockquote"
  | "codeBlock"
  | "table"
  | "orderedList"
  | "bulletList"
  | "taskList"
  | "align"
  | "lineHeight"
  | "insert";

export interface EeedEditorConfig {
  mode?: "doc" | "page";
  editable?: boolean;
  doc?: {
    page?: {
      mode?: "default" | "defaultA4" | "A4";
      style?: Record<string, string>;
    };
    toolBar?: {
      visible?: boolean;
      align?: "start" | "center";
      items?: EeedEditorToolBarItem[];
    };
    readOnly?: {
      theme?: "article" | "ai" | "plain";
      backgroundColor?: string;
      contentBackgroundColor?: string;
      maxWidth?: string;
    };
    content?: {
      sanitize?: boolean;
      streamDebounce?: number;
      streaming?: boolean;
      preserveScroll?: boolean;
      autoScroll?: boolean;
      pauseWhileSelecting?: boolean;
    };
    placeholder?: string;
  };
}

export type EeedEditorOnUploadFile = (file: File) => Promise<string> | string;
export type EeedEditorOnSave = (title: string, html: string) => Promise<boolean> | boolean;
export type EeedEditorOnChange = (html: string, text: string, markdown: string) => void;

export interface EeedEditorProps {
  title?: string;
  content?: string;
  config?: EeedEditorConfig;
  onUploadFile?: EeedEditorOnUploadFile;
  onSave?: EeedEditorOnSave;
  onChange?: EeedEditorOnChange;
}

declare const eeedEditor: DefineComponent<EeedEditorProps>;
export default eeedEditor;