@wangeditor-next/editor 5.7.16 → 6.0.0

package/dist/table-module/src/module/cell-selection.d.ts

@@ -0,0 +1,11 @@
+import { IDomEditor } from '@wangeditor-next/core';
+import { Path, Range } from 'slate';
+/** Builds a directional Slate range that includes both boundary cells completely. */
+export declare function getCellDragSelectionRange(editor: IDomEditor, anchorPath: Path, targetPath: Path): Range;
+/** Records the starting cell without disturbing native text selection inside that cell. */
+export declare function handleCellDragSelectionMouseDown(editor: IDomEditor, event: MouseEvent): void;
+/**
+ * Takes over only after the pointer crosses into another cell. This avoids Chrome collapsing the
+ * native range for wrapped cells while preserving ordinary text selection within one cell.
+ */
+export declare function handleCellDragSelectionMouseMove(editor: IDomEditor, event: MouseEvent): void;

package/dist/table-module/src/module/column-resize.d.ts

@@ -4,8 +4,8 @@ import { Element as SlateElement } from 'slate';
  * 用于计算拖动 cell 时，cell 宽度变化的比例
  */
 export declare function getColumnWidthRatios(columnWidths: number[]): number[];
-export declare function observerTableResize(editor: IDomEditor, elm: Node | undefined): void;
-export declare function unObserveTableResize(): void;
+export declare function unObserveTableResize(elm?: Node): void;
+export declare function observerTableResize(editor: IDomEditor, elm: Node | undefined, elemNode: SlateElement): void;
 /**
  * 鼠标移动时，判断在哪个 Cell border 上
  * Class 先 visible 后 highlight @跟随飞书
@@ -16,5 +16,5 @@ export declare function handleCellBorderVisible(editor: IDomEditor, elemNode: Sl
  * 设置 class highlight
  * 将 render-cell.tsx 拖动功能迁移至 div.column-resize
  */
-export declare function handleCellBorderHighlight(editor: IDomEditor, e: MouseEvent): void;
+export declare function handleCellBorderHighlight(editor: IDomEditor, elemNode: SlateElement, e: MouseEvent): void;
 export declare function handleCellBorderMouseDown(editor: IDomEditor, elemNode: SlateElement): void;

package/dist/table-module/src/module/helpers.d.ts

@@ -3,7 +3,12 @@
  * @author wangfupeng
  */
 import { IDomEditor } from '@wangeditor-next/core';
+import { Element as SlateElement } from 'slate';
 import { TableCellElement, TableElement } from './custom-types';
+/**
+ * Update a rendered table by its own path instead of relying on the current selection.
+ */
+export declare function setTableNodeProps(editor: IDomEditor, tableNode: SlateElement, props: Partial<TableElement>): void;
 /**
  * 获取第一行所有 cells
  * @param tableNode table node

package/dist/table-module/src/module/row-resize.d.ts

@@ -11,5 +11,5 @@ export declare function handleRowBorderVisible(editor: IDomEditor, elemNode: Sla
 /**
  * 设置行拖拽高亮
  */
-export declare function handleRowBorderHighlight(editor: IDomEditor, e: MouseEvent): void;
-export declare function handleRowBorderMouseDown(editor: IDomEditor, _elemNode: SlateElement): void;
+export declare function handleRowBorderHighlight(editor: IDomEditor, elemNode: SlateElement, e: MouseEvent): void;
+export declare function handleRowBorderMouseDown(editor: IDomEditor, elemNode: SlateElement): void;

package/dist/video-module/src/constants/svg.d.ts

@@ -10,3 +10,6 @@
 export declare const VIDEO_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M981.184 160.096C837.568 139.456 678.848 128 512 128S186.432 139.456 42.816 160.096C15.296 267.808 0 386.848 0 512s15.264 244.16 42.816 351.904C186.464 884.544 345.152 896 512 896s325.568-11.456 469.184-32.096C1008.704 756.192 1024 637.152 1024 512s-15.264-244.16-42.816-351.904zM384 704V320l320 192-320 192z\"></path></svg>";
 export declare const UPLOAD_VIDEO_SVG = "<svg viewBox=\"0 0 1056 1024\"><path d=\"M805.902261 521.819882a251.441452 251.441452 0 0 0-251.011972 246.600033 251.051015 251.051015 0 1 0 502.023944 8.823877 253.237463 253.237463 0 0 0-251.011972-255.42391z m59.463561 240.001647v129.898403h-116.701631v-129.898403h-44.041298l101.279368-103.504859 101.279368 103.504859z\" p-id=\"6802\"></path><path d=\"M788.254507 0.000781H99.094092A98.663439 98.663439 0 0 0 0.001171 99.093701v590.067495a98.663439 98.663439 0 0 0 99.092921 99.092921h411.7549a266.434235 266.434235 0 0 1-2.186448-41.815807 275.843767 275.843767 0 0 1 275.180024-270.729042 270.650955 270.650955 0 0 1 103.504859 19.834201V99.093701A101.51363 101.51363 0 0 0 788.254507 0.000781zM295.054441 640.747004V147.507894l394.146189 246.600033z\"></path></svg>";
 export declare const PENCIL_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M864 0a160 160 0 0 1 128 256l-64 64-224-224 64-64c26.752-20.096 59.968-32 96-32zM64 736l-64 288 288-64 592-592-224-224L64 736z m651.584-372.416l-448 448-55.168-55.168 448-448 55.168 55.168z\"></path></svg>";
+export declare const VIDEO_ALIGN_LEFT_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M768 793.6v102.4H51.2v-102.4h716.8z m204.8-230.4v102.4H51.2v-102.4h921.6z m-204.8-230.4v102.4H51.2v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z\"></path></svg>";
+export declare const VIDEO_ALIGN_CENTER_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M870.4 793.6v102.4H153.6v-102.4h716.8z m102.4-230.4v102.4H51.2v-102.4h921.6z m-102.4-230.4v102.4H153.6v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z\"></path></svg>";
+export declare const VIDEO_ALIGN_RIGHT_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M972.8 793.6v102.4H256v-102.4h716.8z m0-230.4v102.4H51.2v-102.4h921.6z m0-230.4v102.4H256v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z\"></path></svg>";

package/dist/video-module/src/locale/en.d.ts

@@ -16,6 +16,9 @@ declare const _default: {
         edit: string;
         width: string;
         height: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
     };
 };
 export default _default;

package/dist/video-module/src/locale/zh-CN.d.ts

@@ -16,6 +16,9 @@ declare const _default: {
         edit: string;
         width: string;
         height: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
     };
 };
 export default _default;

package/dist/video-module/src/module/alignment.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description video alignment helpers
+ */
+import { Element } from 'slate';
+import { VideoAlign } from './custom-types';
+export declare const DEFAULT_VIDEO_ALIGN: VideoAlign;
+export declare function normalizeVideoAlign(value: unknown): VideoAlign;
+export declare function getVideoAlign(elemNode: Element): VideoAlign;
+export declare function getVideoAlignClass(align: VideoAlign): string;
+export declare function getVideoJustifyContent(align: VideoAlign): string;

package/dist/video-module/src/module/custom-types.d.ts

@@ -9,12 +9,13 @@ export type videoStyle = {
     width?: string;
     height?: string;
 };
+export type VideoAlign = 'left' | 'center' | 'right';
 export type VideoElement = {
     type: 'video';
     key?: string;
     src: string;
     poster?: string;
-    textAlign?: string;
+    align?: VideoAlign;
     width?: string;
     height?: string;
     style?: videoStyle;

package/dist/video-module/src/module/menu/VideoAlignMenu.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @description align video menu
+ */
+import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
+import { VideoAlign } from '../custom-types';
+declare class VideoAlignMenu implements IButtonMenu {
+    readonly align: VideoAlign;
+    readonly iconSvg: string;
+    readonly tag = "button";
+    readonly title: string;
+    constructor(align: VideoAlign, titleKey: string, iconSvg: string);
+    private getSelectedVideo;
+    getValue(editor: IDomEditor): string | boolean;
+    isActive(editor: IDomEditor): boolean;
+    isDisabled(editor: IDomEditor): boolean;
+    exec(editor: IDomEditor, _value: string | boolean): void;
+}
+export default VideoAlignMenu;

package/dist/video-module/src/module/menu/index.d.ts

@@ -6,6 +6,7 @@ import EditorVideoSizeMenu from './EditVideoSizeMenu';
 import EditorVideoSrcMenu from './EditVideoSrcMenu';
 import InsertVideoMenu from './InsertVideoMenu';
 import UploadVideoMenu from './UploadVideoMenu';
+import VideoAlignMenu from './VideoAlignMenu';
 export declare const insertVideoMenuConf: {
     key: string;
     factory(): InsertVideoMenu;
@@ -28,3 +29,15 @@ export declare const editorVideoSrcMenuConf: {
     key: string;
     factory(): EditorVideoSrcMenu;
 };
+export declare const videoAlignLeftMenuConf: {
+    key: string;
+    factory(): VideoAlignMenu;
+};
+export declare const videoAlignCenterMenuConf: {
+    key: string;
+    factory(): VideoAlignMenu;
+};
+export declare const videoAlignRightMenuConf: {
+    key: string;
+    factory(): VideoAlignMenu;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wangeditor-next/editor",
-  "version": "5.7.16",
+  "version": "6.0.0",
   "description": "Web rich text editor, Web 富文本编辑器",
   "keywords": [
     "wangeditor",
@@ -56,13 +56,13 @@
   "dependencies": {
     "@uppy/core": "^5.0.0",
     "@uppy/xhr-upload": "^5.0.0",
-    "@wangeditor-next/basic-modules": "3.0.3",
+    "@wangeditor-next/basic-modules": "3.1.0",
     "@wangeditor-next/code-highlight": "3.0.2",
-    "@wangeditor-next/core": "1.9.5",
+    "@wangeditor-next/core": "1.9.6",
     "@wangeditor-next/list-module": "3.0.3",
-    "@wangeditor-next/table-module": "3.0.7",
-    "@wangeditor-next/upload-image-module": "3.0.3",
-    "@wangeditor-next/video-module": "3.0.2",
+    "@wangeditor-next/table-module": "3.0.8",
+    "@wangeditor-next/upload-image-module": "4.0.0",
+    "@wangeditor-next/video-module": "4.0.0",
     "dom7": "^4.0.0",
     "is-hotkey": "^0.2.0",
     "lodash.camelcase": "^4.3.0",