@ones-editor/editor 1.1.22 → 1.2.0-beta.10

package/@ones-editor/core/src/core/composition/editor-input.d.ts

@@ -25,15 +25,15 @@ export declare class EditorInput implements OnesEditorInput {
     editor: OnesEditor;
     composing: boolean;
     callbacks: EditorInputCallbacks;
-    inputElement: HTMLInputElement;
+    inputElement: HTMLTextAreaElement;
     constructor(editor: OnesEditor, callbacks: EditorInputCallbacks);
     private isInCommandbar;
     destroy(): void;
-    getInput(): HTMLInputElement;
+    getInput(): HTMLTextAreaElement;
     focus(): void;
-    isInDisableScrollMask(target: HTMLElement): boolean;
+    isInDisableScrollMask(target: Node): boolean;
     handleWindowBlur: () => void;
-    handleDocumentClick: (event: MouseEvent) => void;
+    handleDocumentClick: (event: MouseEvent | TouchEvent) => void;
     handleDocumentSelectionChange: () => void;
     handleEditorSelectionChanged: () => void;
     handleReadonlyChanged: () => void;

package/@ones-editor/core/src/core/containers/root-container.d.ts

@@ -12,10 +12,10 @@ export declare class RootContainer {
     destroy(): void;
     handleContextMenu: (event: MouseEvent) => void;
     handleResize: () => void;
-    handleClick: (event: MouseEvent) => void;
-    handleBlockClick: (event: MouseEvent, block: BlockElement, elem: Element) => void;
+    handleClick: (event: MouseEvent | TouchEvent) => void;
+    handleBlockClick: (event: MouseEvent | TouchEvent, block: BlockElement, elem: Element) => void;
     handleDblClick: (event: MouseEvent) => void;
-    handleMouseDown: (event: MouseEvent) => void;
+    handleMouseDown: (event: TouchEvent | MouseEvent) => void;
     handleMouseMove: (event: MouseEvent) => void;
     handleMouseUp: (event: MouseEvent) => void;
     handleCaptureClick: (event: MouseEvent) => void;

package/@ones-editor/core/src/core/selection/actions/index.d.ts

@@ -23,4 +23,5 @@ import { editorMovePageDown } from './move-page-down';
 import { editorSelectPageUp } from './select-page-up';
 import { editorSelectPageDown } from './select-page-down';
 import { editorSelectAll, editorSelectContainer, isContainerSelectedAllChildBlocks } from './select-all';
-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, };
+import { editorSelectWord } from './select-word';
+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, };

package/@ones-editor/core/src/core/selection/index.d.ts

@@ -1,3 +1,4 @@
 export * from './editor-position';
 export * from './range';
 export * from './range-from-point';
+export * from './adjust-selection-pos';

package/@ones-editor/core/src/core/selection/select-handler.d.ts

@@ -4,12 +4,12 @@ export declare class EditorSelectionHandler implements OnesEditorSelectionHandle
     editor: OnesEditor;
     startPos: BlockPosition | null;
     lastCaretRect: DOMRect;
-    mouseDownEvent: MouseEvent | null;
+    mouseDownEvent: TouchEvent | MouseEvent | null;
     autoScroll: AutoScroll | null;
     constructor(editor: OnesEditor);
     isSelecting(): boolean;
     stopSelection(): void;
-    handleMouseDown: (event: MouseEvent, options: {
+    handleMouseDown: (event: MouseEvent | TouchEvent, options: {
         autoScroll: boolean;
     }) => void;
     handleMouseMove: (event: MouseEvent) => void;

package/@ones-editor/core/src/core/types.d.ts

@@ -581,7 +581,7 @@ export type PasteOptions = {
     toPlainText?: boolean;
 };
 export interface OnesEditorInput {
-    readonly inputElement: HTMLInputElement;
+    readonly inputElement: HTMLTextAreaElement;
     destroy: () => void;
     focus: () => void;
     handleDocumentSelectionChange: () => void;
@@ -601,7 +601,7 @@ export interface OnesEditorInput {
 export interface OnesEditorSelectionHandler {
     isSelecting: () => boolean;
     stopSelection: () => void;
-    handleMouseDown: (event: MouseEvent, options: {
+    handleMouseDown: (event: MouseEvent | TouchEvent, options: {
         autoScroll: boolean;
     }) => void;
     handleMouseMove: (event: MouseEvent) => void;

package/@ones-editor/core/src/utils/dom.d.ts

@@ -37,4 +37,7 @@ export declare function bindKeyDownEvent(input: HTMLInputElement | HTMLTextAreaE
 export declare function getElementFromPoint(x: number, y: number, options?: {
     noFilter: boolean;
 }): Element;
+export declare function ensureIsMobileEvent(events: MouseEvent | TouchEvent): events is TouchEvent;
+export declare function createMouseEventFromTouchEvent(event: TouchEvent, type: 'mousedown' | 'mousemove' | 'mouseup' | 'click'): MouseEvent;
+export declare function bindTouchEnd(elem: HTMLElement | Document, callback: (e: any) => void): void;
 export {};

package/@ones-editor/core/src/utils/drag-drop.d.ts

@@ -1,6 +1,6 @@
-export type DragStartHandler<T> = (drag: DragDrop<T>, event: MouseEvent, elem: HTMLElement) => void;
-export type DraggingHandler<T> = (drag: DragDrop<T>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
-export type DragEndHandler<T> = (drag: DragDrop<T>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
+export type DragStartHandler<T> = (drag: DragDrop<T>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
+export type DraggingHandler<T> = (drag: DragDrop<T>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
+export type DragEndHandler<T> = (drag: DragDrop<T>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number) => void;
 export interface DragDropOptions<T> {
     elem: HTMLElement;
     onDragStart: DragStartHandler<T>;
@@ -10,6 +10,7 @@ export interface DragDropOptions<T> {
     minThreshold?: number;
     cursor?: string;
     mouseDownEvent?: MouseEvent;
+    mobile?: boolean;
 }
 export declare const MIN_DISTANCE_THRESHOLD = 3;
 export declare class DragDrop<T> {
@@ -37,5 +38,9 @@ export declare class DragDrop<T> {
     private onDragging;
     private onDragEnd;
     destroy(): void;
+    static getEventPosition(event: MouseEvent | TouchEvent): {
+        x: number;
+        y: number;
+    };
 }
 export declare function registerDragDrop<T>(options: DragDropOptions<T>): DragDrop<T>;

package/@ones-editor/image-embed/src/splitter-resizer/index.d.ts

@@ -11,7 +11,7 @@ export declare class ImageSplitterResizer implements DragDropOptions<ImageSplitt
     cursor: string;
     initWidths: number[];
     constructor(editor: OnesEditor, elem: HTMLElement, data: ImageSplitterResizerData, mouseDownEvent: MouseEvent);
-    onDragStart(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent, elem: HTMLElement): void;
-    onDragging(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
-    onDragEnd(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
+    onDragStart(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent | TouchEvent, elem: HTMLElement): void;
+    onDragging(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
+    onDragEnd(drag: DragDrop<ImageSplitterResizerData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
 }

package/@ones-editor/mobile-helper/src/index.d.ts

@@ -1,11 +1,15 @@
 import { OnesEditor, OnesEditorCustom } from '../../../@ones-editor/core';
+import './mobile-helper-styles.scss';
 export declare class OnesEditorMobileHelper implements OnesEditorCustom {
     private editor;
     private longPressTimeout;
+    private gripper;
     constructor(editor: OnesEditor);
     destroy(): void;
     handleSelectionChange: () => void;
     handleLongPress: (event: TouchEvent) => void;
+    private isMoving;
+    handleTouchMove: (event: TouchEvent) => void;
     handleTouchStart: (event: TouchEvent) => void;
     handleTouchEnd: (event: TouchEvent) => void;
 }

package/@ones-editor/mobile-helper/src/selection-gripper/index.d.ts

@@ -0,0 +1,19 @@
+import { DragDrop, OnesEditor } from '../../../../@ones-editor/core';
+interface DragData {
+    type: 'start' | 'end';
+}
+export default class SelectionGripper {
+    private editor;
+    private startGripper;
+    private endGripper;
+    private dragDropStart;
+    private dragDropEnd;
+    constructor(editor: OnesEditor);
+    destroy(): void;
+    handleDragStart: (drag: DragDrop<DragData>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
+    handleDragging: (drag: DragDrop<DragData>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
+    handleDragEnd: (drag: DragDrop<DragData>, event: MouseEvent | TouchEvent, elem: HTMLElement) => void;
+    update(): void;
+    close(): void;
+}
+export {};

package/@ones-editor/mobile-helper/src/selection-gripper/select-handle.d.ts

@@ -0,0 +1,3 @@
+export declare const HANDLE_CIRCLE_SIZE = 12;
+export declare const HANDLE_WIDTH = 12;
+export declare function createSelectHandle(type: 'start' | 'end'): HTMLDivElement;

package/@ones-editor/table-block/src/table-block/table-resize/resize-drag-drop.d.ts

@@ -10,8 +10,8 @@ export declare class TableResizeDragDrop implements DragDropOptions<TableResizeD
     data: TableResizeDragDropData;
     private onEnd;
     cursor: string;
-    constructor(editor: OnesEditor, elem: HTMLDivElement, data: TableResizeDragDropData, onEnd: ((event: MouseEvent) => void) | null);
-    onDragStart(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent, elem: HTMLElement): void;
-    onDragging(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
-    onDragEnd(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
+    constructor(editor: OnesEditor, elem: HTMLDivElement, data: TableResizeDragDropData, onEnd: ((event: MouseEvent | TouchEvent) => void) | null);
+    onDragStart(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent | TouchEvent, elem: HTMLElement): void;
+    onDragging(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
+    onDragEnd(drag: DragDrop<TableResizeDragDropData>, event: MouseEvent | TouchEvent, elem: HTMLElement, deltaX: number, deltaY: number): void;
 }