@ones-editor/editor 2.0.1 → 2.0.2-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,15 +25,15 @@ export declare class EditorInput implements OnesEditorInput {
25
25
  editor: OnesEditor;
26
26
  composing: boolean;
27
27
  callbacks: EditorInputCallbacks;
28
- inputElement: HTMLInputElement;
28
+ inputElement: HTMLTextAreaElement;
29
29
  constructor(editor: OnesEditor, callbacks: EditorInputCallbacks);
30
30
  private isInCommandbar;
31
31
  destroy(): void;
32
- getInput(): HTMLInputElement;
32
+ getInput(): HTMLTextAreaElement;
33
33
  focus(): void;
34
- isInDisableScrollMask(target: HTMLElement): boolean;
34
+ isInDisableScrollMask(target: Node): boolean;
35
35
  handleWindowBlur: () => void;
36
- handleDocumentClick: (event: MouseEvent) => void;
36
+ handleDocumentClick: (event: MouseEvent | TouchEvent) => void;
37
37
  handleDocumentSelectionChange: () => void;
38
38
  handleEditorSelectionChanged: () => void;
39
39
  handleReadonlyChanged: () => void;
@@ -23,4 +23,5 @@ import { editorMovePageDown } from './move-page-down';
23
23
  import { editorSelectPageUp } from './select-page-up';
24
24
  import { editorSelectPageDown } from './select-page-down';
25
25
  import { editorSelectAll, editorSelectContainer, isContainerSelectedAllChildBlocks } from './select-all';
26
- export { editorMoveLeft, editorMoveRight, editorMoveUp, editorMoveDown, editorSelectDown, editorSelectUp, editorSelectLeft, editorSelectRight, editorMoveWordLeft, editorMoveWordEnd, editorSelectWordLeft, editorSelectWordEnd, editorMoveHome, editorMoveEnd, editorSelectHome, editorSelectEnd, editorMovePageUp, editorMovePageDown, editorSelectPageUp, editorSelectPageDown, editorSelectLineHome, editorSelectLineEnd, editorMoveLineHome, editorMoveLineEnd, editorSelectAll, editorSelectContainer, isContainerSelectedAllChildBlocks, };
26
+ import { editorSelectWord } from './select-word';
27
+ export { editorMoveLeft, editorMoveRight, editorMoveUp, editorMoveDown, editorSelectDown, editorSelectUp, editorSelectLeft, editorSelectRight, editorSelectWord, editorMoveWordLeft, editorMoveWordEnd, editorSelectWordLeft, editorSelectWordEnd, editorMoveHome, editorMoveEnd, editorSelectHome, editorSelectEnd, editorMovePageUp, editorMovePageDown, editorSelectPageUp, editorSelectPageDown, editorSelectLineHome, editorSelectLineEnd, editorMoveLineHome, editorMoveLineEnd, editorSelectAll, editorSelectContainer, isContainerSelectedAllChildBlocks, };
@@ -1,3 +1,4 @@
1
1
  export * from './editor-position';
2
2
  export * from './range';
3
3
  export * from './range-from-point';
4
+ export * from './adjust-selection-pos';
@@ -581,7 +581,7 @@ export type PasteOptions = {
581
581
  toPlainText?: boolean;
582
582
  };
583
583
  export interface OnesEditorInput {
584
- readonly inputElement: HTMLInputElement;
584
+ readonly inputElement: HTMLTextAreaElement;
585
585
  destroy: () => void;
586
586
  focus: () => void;
587
587
  handleDocumentSelectionChange: () => void;
@@ -1,6 +1,6 @@
1
- export type DragStartHandler<T> = (drag: DragDrop<T>, event: MouseEvent, elem: HTMLElement) => void;
2
- export type DraggingHandler<T> = (drag: DragDrop<T>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
3
- export type DragEndHandler<T> = (drag: DragDrop<T>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
1
+ export type DragStartHandler<T> = (drag: DragDrop<T>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
2
+ export type DraggingHandler<T> = (drag: DragDrop<T>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
3
+ export type DragEndHandler<T> = (drag: DragDrop<T>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
4
4
  export interface DragDropOptions<T> {
5
5
  elem: HTMLElement;
6
6
  onDragStart: DragStartHandler<T>;
@@ -10,6 +10,7 @@ export interface DragDropOptions<T> {
10
10
  minThreshold?: number;
11
11
  cursor?: string;
12
12
  mouseDownEvent?: MouseEvent;
13
+ mobile?: boolean;
13
14
  }
14
15
  export declare const MIN_DISTANCE_THRESHOLD = 3;
15
16
  export declare class DragDrop<T> {
@@ -37,5 +38,9 @@ export declare class DragDrop<T> {
37
38
  private onDragging;
38
39
  private onDragEnd;
39
40
  destroy(): void;
41
+ static getEventPosition(event: MouseEvent | TouchEvent): {
42
+ x: number;
43
+ y: number;
44
+ };
40
45
  }
41
46
  export declare function registerDragDrop<T>(options: DragDropOptions<T>): DragDrop<T>;
@@ -11,7 +11,7 @@ export declare class ImageSplitterResizer implements DragDropOptions<ImageSplitt
11
11
  cursor: string;
12
12
  initWidths: number[];
13
13
  constructor(editor: OnesEditor, elem: HTMLElement, data: ImageSplitterResizerData, mouseDownEvent: MouseEvent);
14
- onDragStart(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent, elem: HTMLElement): void;
15
- onDragging(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
16
- onDragEnd(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
14
+ onDragStart(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent | TouchEvent, elem: HTMLElement): void;
15
+ onDragging(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
16
+ onDragEnd(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
17
17
  }
@@ -1,7 +1,9 @@
1
1
  import { OnesEditor, OnesEditorCustom } from '../../../@ones-editor/core';
2
+ import './mobile-helper-styles.scss';
2
3
  export declare class OnesEditorMobileHelper implements OnesEditorCustom {
3
4
  private editor;
4
5
  private longPressTimeout;
6
+ private gripper;
5
7
  constructor(editor: OnesEditor);
6
8
  destroy(): void;
7
9
  handleSelectionChange: () => void;
@@ -0,0 +1,19 @@
1
+ import { DragDrop, OnesEditor } from '../../../../@ones-editor/core';
2
+ interface DragData {
3
+ type: 'start' | 'end';
4
+ }
5
+ export default class SelectionGripper {
6
+ private editor;
7
+ private startGripper;
8
+ private endGripper;
9
+ private dragDropStart;
10
+ private dragDropEnd;
11
+ constructor(editor: OnesEditor);
12
+ destroy(): void;
13
+ handleDragStart: (drag: DragDrop<DragData>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
14
+ handleDragging: (drag: DragDrop<DragData>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
15
+ handleDragEnd: (drag: DragDrop<DragData>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
16
+ update(): void;
17
+ close(): void;
18
+ }
19
+ export {};
@@ -0,0 +1,3 @@
1
+ export declare const HANDLE_CIRCLE_SIZE = 12;
2
+ export declare const HANDLE_WIDTH = 12;
3
+ export declare function createSelectHandle(type: 'start' | 'end'): HTMLDivElement;
@@ -10,8 +10,8 @@ export declare class TableResizeDragDrop implements DragDropOptions<TableResizeD
10
10
  data: TableResizeDragDropData;
11
11
  private onEnd;
12
12
  cursor: string;
13
- constructor(editor: OnesEditor, elem: HTMLDivElement, data: TableResizeDragDropData, onEnd: ((event: MouseEvent) => void) | null);
14
- onDragStart(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent, elem: HTMLElement): void;
15
- onDragging(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
16
- onDragEnd(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
13
+ constructor(editor: OnesEditor, elem: HTMLDivElement, data: TableResizeDragDropData, onEnd: ((event: MouseEvent | TouchEvent) => void) | null);
14
+ onDragStart(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent | TouchEvent, elem: HTMLElement): void;
15
+ onDragging(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
16
+ onDragEnd(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
17
17
  }