@hufe921/canvas-editor 0.9.9

package/dist/src/editor/interface/Editor.d.ts

@@ -0,0 +1,55 @@
+import { IElement } from '..';
+import { EditorMode, PageMode } from '../dataset/enum/Editor';
+import { ICheckboxOption } from './Checkbox';
+import { IControlOption } from './Control';
+import { IHeader } from './Header';
+import { IMargin } from './Margin';
+import { IWatermark } from './Watermark';
+export interface IEditorOption {
+    mode?: EditorMode;
+    defaultType?: string;
+    defaultFont?: string;
+    defaultSize?: number;
+    defaultBasicRowMarginHeight?: number;
+    defaultRowMargin?: number;
+    defaultTabWidth?: number;
+    width?: number;
+    height?: number;
+    scale?: number;
+    pageGap?: number;
+    pageNumberBottom?: number;
+    pageNumberSize?: number;
+    pageNumberFont?: string;
+    underlineColor?: string;
+    strikeoutColor?: string;
+    rangeColor?: string;
+    rangeAlpha?: number;
+    rangeMinWidth?: number;
+    searchMatchColor?: string;
+    searchNavigateMatchColor?: string;
+    searchMatchAlpha?: number;
+    highlightAlpha?: number;
+    resizerColor?: string;
+    resizerSize?: number;
+    marginIndicatorSize?: number;
+    marginIndicatorColor?: string;
+    margins?: IMargin;
+    pageMode?: PageMode;
+    tdPadding?: number;
+    defaultTdHeight?: number;
+    defaultHyperlinkColor?: string;
+    headerTop?: number;
+    header?: IHeader;
+    watermark?: IWatermark;
+    control?: IControlOption;
+    checkbox?: ICheckboxOption;
+}
+export interface IEditorResult {
+    version: string;
+    width: number;
+    height: number;
+    margins: IMargin;
+    header?: IHeader;
+    watermark?: IWatermark;
+    data: IElement[];
+}

package/dist/src/editor/interface/Element.d.ts

@@ -0,0 +1,99 @@
+import { ControlComponent, ImageDisplay } from '../dataset/enum/Control';
+import { ElementType } from '../dataset/enum/Element';
+import { RowFlex } from '../dataset/enum/Row';
+import { IBlock } from './Block';
+import { ICheckbox } from './Checkbox';
+import { IControl } from './Control';
+import { IColgroup } from './table/Colgroup';
+import { ITr } from './table/Tr';
+export interface IElementBasic {
+    id?: string;
+    type?: ElementType;
+    value: string;
+}
+export interface IElementStyle {
+    font?: string;
+    size?: number;
+    width?: number;
+    height?: number;
+    bold?: boolean;
+    color?: string;
+    highlight?: string;
+    italic?: boolean;
+    underline?: boolean;
+    strikeout?: boolean;
+    rowFlex?: RowFlex;
+    rowMargin?: number;
+    letterSpacing?: number;
+}
+export interface ITableAttr {
+    colgroup?: IColgroup[];
+    trList?: ITr[];
+}
+export interface ITableElement {
+    tdId?: string;
+    trId?: string;
+    tableId?: string;
+}
+export interface IHyperlinkElement {
+    valueList?: IElement[];
+    url?: string;
+    hyperlinkId?: string;
+}
+export declare type ITable = ITableAttr & ITableElement;
+export interface ISuperscriptSubscript {
+    actualSize?: number;
+}
+export interface ISeparator {
+    dashArray?: number[];
+}
+export interface IControlElement {
+    control?: IControl;
+    controlId?: string;
+    controlComponent?: ControlComponent;
+}
+export interface ICheckboxElement {
+    checkbox?: ICheckbox;
+}
+export interface ILaTexElement {
+    laTexSVG?: string;
+}
+export interface IDateElement {
+    dateFormat?: string;
+    dateId?: string;
+}
+export interface IImageElement {
+    imgDisplay?: ImageDisplay;
+}
+export interface IBlockElement {
+    block?: IBlock;
+}
+export declare type IElement = IElementBasic & IElementStyle & ITable & IHyperlinkElement & ISuperscriptSubscript & ISeparator & IControlElement & ICheckboxElement & ILaTexElement & IDateElement & IImageElement & IBlockElement;
+export interface IElementMetrics {
+    width: number;
+    height: number;
+    boundingBoxAscent: number;
+    boundingBoxDescent: number;
+}
+export interface IElementPosition {
+    pageNo: number;
+    index: number;
+    value: string;
+    rowNo: number;
+    ascent: number;
+    lineHeight: number;
+    metrics: IElementMetrics;
+    isLastLetter: boolean;
+    coordinate: {
+        leftTop: number[];
+        leftBottom: number[];
+        rightTop: number[];
+        rightBottom: number[];
+    };
+}
+export interface IElementFillRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}

package/dist/src/editor/interface/Header.d.ts

@@ -0,0 +1,6 @@
+export interface IHeader {
+    data: string;
+    color?: string;
+    size?: number;
+    font?: string;
+}

package/dist/src/editor/interface/Listener.d.ts

@@ -0,0 +1,29 @@
+import { ElementType, PageMode } from '..';
+import { RowFlex } from '../dataset/enum/Row';
+import { IControl } from './Control';
+import { IEditorResult } from './Editor';
+export interface IRangeStyle {
+    type: ElementType | null;
+    undo: boolean;
+    redo: boolean;
+    painter: boolean;
+    font: string;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikeout: boolean;
+    color: string | null;
+    highlight: string | null;
+    rowFlex: RowFlex | null;
+    rowMargin: number;
+    dashArray: number[];
+}
+export declare type IRangeStyleChange = (payload: IRangeStyle) => void;
+export declare type IVisiblePageNoListChange = (payload: number[]) => void;
+export declare type IIntersectionPageNoChange = (payload: number) => void;
+export declare type IPageSizeChange = (payload: number) => void;
+export declare type IPageScaleChange = (payload: number) => void;
+export declare type ISaved = (payload: IEditorResult) => void;
+export declare type IContentChange = () => void;
+export declare type IControlChange = (payload: IControl | null) => void;
+export declare type IPageModeChange = (payload: PageMode) => void;

package/dist/src/editor/interface/Margin.d.ts

@@ -0,0 +1 @@
+export declare type IMargin = [top: number, right: number, bottom: number, left: number];

package/dist/src/editor/interface/Position.d.ts

@@ -0,0 +1,37 @@
+import { IElement } from '..';
+import { IElementPosition } from './Element';
+import { ITd } from './table/Td';
+export interface ICurrentPosition {
+    index: number;
+    isCheckbox?: boolean;
+    isControl?: boolean;
+    isImage?: boolean;
+    isTable?: boolean;
+    isDirectHit?: boolean;
+    trIndex?: number;
+    tdIndex?: number;
+    tdValueIndex?: number;
+    tdId?: string;
+    trId?: string;
+    tableId?: string;
+}
+export interface IGetPositionByXYPayload {
+    x: number;
+    y: number;
+    isTable?: boolean;
+    td?: ITd;
+    tablePosition?: IElementPosition;
+    elementList?: IElement[];
+    positionList?: IElementPosition[];
+}
+export interface IPositionContext {
+    isTable: boolean;
+    isCheckbox?: boolean;
+    isControl?: boolean;
+    index?: number;
+    trIndex?: number;
+    tdIndex?: number;
+    tdId?: string;
+    trId?: string;
+    tableId?: string;
+}

package/dist/src/editor/interface/Previewer.d.ts

@@ -0,0 +1,11 @@
+import { IElement } from './Element';
+export interface IPreviewerCreateResult {
+    resizerSelection: HTMLDivElement;
+    resizerHandleList: HTMLDivElement[];
+    resizerImageContainer: HTMLDivElement;
+    resizerImage: HTMLImageElement;
+}
+export interface IPreviewerDrawOption {
+    mime?: 'png' | 'jpg' | 'jpeg' | 'svg';
+    srcKey?: keyof Pick<IElement, 'value' | 'laTexSVG'>;
+}

package/dist/src/editor/interface/Range.d.ts

@@ -0,0 +1,11 @@
+export interface IRange {
+    startIndex: number;
+    endIndex: number;
+    isCrossRowCol?: boolean;
+    tableId?: string;
+    startTdIndex?: number;
+    endTdIndex?: number;
+    startTrIndex?: number;
+    endTrIndex?: number;
+}
+export declare type RangeRowMap = Map<number, Set<number>>;

package/dist/src/editor/interface/Row.d.ts

@@ -0,0 +1,14 @@
+import { RowFlex } from '../dataset/enum/Row';
+import { IElement, IElementMetrics } from './Element';
+export declare type IRowElement = IElement & {
+    metrics: IElementMetrics;
+    style: string;
+};
+export interface IRow {
+    width: number;
+    height: number;
+    ascent: number;
+    rowFlex?: RowFlex;
+    isPageBreak?: boolean;
+    elementList: IRowElement[];
+}

package/dist/src/editor/interface/Search.d.ts

@@ -0,0 +1,14 @@
+import { EditorContext } from '../dataset/enum/Editor';
+export interface ISearchResultBasic {
+    type: EditorContext;
+    index: number;
+    groupId: string;
+}
+export interface ISearchResultRestArgs {
+    tableIndex?: number;
+    trIndex?: number;
+    tdIndex?: number;
+    tdId?: string;
+    startIndex?: number;
+}
+export declare type ISearchResult = ISearchResultBasic & ISearchResultRestArgs;

package/dist/src/editor/interface/Watermark.d.ts

@@ -0,0 +1,7 @@
+export interface IWatermark {
+    data: string;
+    color?: string;
+    opacity?: number;
+    size?: number;
+    font?: string;
+}

package/dist/src/editor/interface/contextmenu/ContextMenu.d.ts

@@ -0,0 +1,20 @@
+import { Command } from '../../core/command/Command';
+import { IElement } from '../Element';
+export interface IContextMenuContext {
+    startElement: IElement | null;
+    endElement: IElement | null;
+    isReadonly: boolean;
+    editorHasSelection: boolean;
+    editorTextFocus: boolean;
+    isInTable: boolean;
+    isCrossRowCol: boolean;
+}
+export interface IRegisterContextMenu {
+    isDivider?: boolean;
+    icon?: string;
+    name?: string;
+    shortCut?: string;
+    when?: (payload: IContextMenuContext) => boolean;
+    callback?: (command: Command, context: IContextMenuContext) => any;
+    childMenus?: IRegisterContextMenu[];
+}

package/dist/src/editor/interface/shortcut/Shortcut.d.ts

@@ -0,0 +1,10 @@
+import { Command } from '../../core/command/Command';
+import { KeyMap } from '../../dataset/enum/KeyMap';
+export interface IRegisterShortcut {
+    key: KeyMap;
+    ctrl?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    isGlobal?: boolean;
+    callback: (command: Command) => any;
+}

package/dist/src/editor/interface/table/Colgroup.d.ts

@@ -0,0 +1,4 @@
+export interface IColgroup {
+    id?: string;
+    width: number;
+}

package/dist/src/editor/interface/table/Td.d.ts

@@ -0,0 +1,19 @@
+import { IElement, IElementPosition } from '../Element';
+import { IRow } from '../Row';
+export interface ITd {
+    id?: string;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    colspan: number;
+    rowspan: number;
+    value: IElement[];
+    isLastRowTd?: boolean;
+    isLastColTd?: boolean;
+    isLastTd?: boolean;
+    rowIndex?: number;
+    colIndex?: number;
+    rowList?: IRow[];
+    positionList?: IElementPosition[];
+}

package/dist/src/editor/interface/table/Tr.d.ts

@@ -0,0 +1,6 @@
+import { ITd } from './Td';
+export interface ITr {
+    id?: string;
+    height: number;
+    tdList: ITd[];
+}

package/dist/src/editor/utils/clipboard.d.ts

@@ -0,0 +1,5 @@
+import { IEditorOption, IElement } from '..';
+import { DeepRequired } from '../interface/Common';
+export declare function writeClipboardItem(text: string, html: string): void;
+export declare function writeElementList(elementList: IElement[], options: DeepRequired<IEditorOption>): void;
+export declare function getElementListByHTML(htmlText: string): IElement[];

package/dist/src/editor/utils/element.d.ts

@@ -0,0 +1,10 @@
+import { IEditorOption, IElement } from '..';
+interface IFormatElementListOption {
+    isHandleFirstElement?: boolean;
+    editorOptions: Required<IEditorOption>;
+}
+export declare function formatElementList(elementList: IElement[], options: IFormatElementListOption): void;
+export declare function isSameElementExceptValue(source: IElement, target: IElement): boolean;
+export declare function pickElementAttr(payload: IElement): IElement;
+export declare function zipElementList(payload: IElement[]): IElement[];
+export {};

package/dist/src/editor/utils/index.d.ts

@@ -0,0 +1,8 @@
+export declare function debounce(func: Function, delay: number): (...args: any) => void;
+export declare function deepClone<T>(obj: T): T;
+export declare function isBody(node: Element): boolean;
+export declare function findParent(node: Element, filterFn: Function, includeSelf: boolean): Element | null;
+export declare function getUUID(): string;
+export declare function splitText(text: string): string[];
+export declare function downloadFile(href: string, fileName: string): void;
+export declare function threeClick(dom: HTMLElement, fn: (evt: MouseEvent) => any): void;

package/dist/src/editor/utils/print.d.ts

@@ -0,0 +1 @@
+export declare function printImageBase64(base64List: string[], width: number, height: number): void;

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@hufe921/canvas-editor",
+  "author": "Hufe",
+  "license": "MIT",
+  "version": "0.9.9",
+  "description": "rich text editor by canvas/svg",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "package.json"
+  ],
+  "typings": "./dist/src/editor/index.d.ts",
+  "main": "./dist/canvas-editor.umd.js",
+  "module": "./dist/canvas-editor.es.js",
+  "homepage": "https://github.com/Hufe921/canvas-editor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Hufe921/canvas-editor.git"
+  },
+  "keywords": [
+    "canvas-editor",
+    "editor",
+    "wysiwyg",
+    "emr"
+  ],
+  "engines": {
+    "node": ">=12.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "lib": "npm run lint && tsc && vite build --mode lib",
+    "build": "npm run lint && tsc && vite build --mode app",
+    "serve": "vite preview",
+    "lint": "eslint .",
+    "cypress:open": "cypress open",
+    "cypress:run": "cypress run",
+    "type:check": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@types/node": "^16.11.12",
+    "@types/prismjs": "^1.26.0",
+    "@typescript-eslint/eslint-plugin": "4.33.0",
+    "@typescript-eslint/parser": "4.33.0",
+    "cypress": "^9.5.1",
+    "cypress-file-upload": "^5.0.8",
+    "eslint": "7.32.0",
+    "typescript": "^4.3.2",
+    "vite": "^2.4.2",
+    "vite-plugin-css-injected-by-js": "^2.1.1"
+  },
+  "dependencies": {
+    "prismjs": "^1.27.0"
+  }
+}