@wangeditor-next/plugin-formula 2.0.8 → 6.1.1

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/custom-types.d.ts

@@ -10,6 +10,7 @@ export type TableCellProperty = {
     borderStyle?: string;
     borderColor?: string;
     textAlign?: string;
+    verticalAlign?: string;
 };
 export type TableCellElement = {
     type: 'table-cell';

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/menu/CellProperty.d.ts

@@ -1,12 +1,14 @@
 import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
-import TableProperty from './TableProperty';
+import { NodeEntry } from 'slate';
+import TableProperty, { FieldName } from './TableProperty';
 declare class CellProperty extends TableProperty implements IButtonMenu {
     readonly title: string;
     readonly iconSvg = "<svg viewBox=\"0 0 20 20\"><path d=\"m11.105 18-.17 1H2.5A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1h15A1.5 1.5 0 0 1 19 2.5v9.975l-.85-.124-.15-.302V8h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5h3.105zM2 12h5V8H2v4zm10-4H8v4h4V8zM2 2v5h5V2H2zm0 16h5v-5H2v5zM13 7h5V2h-5v5zM8 2v5h4V2H8z\" opacity=\".6\"/><path d=\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43L15.5 11.5zM13 6a1 1 0 0 1 1 1v3.172a2.047 2.047 0 0 0-.293.443l-.858 1.736-1.916.28-.151.027A1.976 1.976 0 0 0 9.315 14H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm-1 2H8v4h4V8z\"/></svg>";
     readonly tag = "button";
     readonly showModal = true;
-    readonly modalWidth = 300;
+    readonly modalWidth = 360;
     readonly menu = "cell";
-    getModalContentNode(editor: IDomEditor): import("slate").NodeEntry<import("../../utils").WithType<import("packages/custom-types").CustomElement>>;
+    readonly propertyFields: FieldName[];
+    getModalContentNode(editor: IDomEditor): NodeEntry;
 }
 export default CellProperty;

package/dist/table-module/src/module/menu/TableProperty.d.ts

@@ -3,27 +3,40 @@
  * @author hsuna
  */
 import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
+import { NodeEntry } from 'slate';
+export type FieldName = 'borderStyle' | 'borderColor' | 'borderWidth' | 'backgroundColor' | 'textAlign' | 'verticalAlign';
+type SelectOption = {
+    value: string;
+    label: string;
+};
+type SegmentOption = SelectOption & {
+    svg?: string;
+};
 declare class TableProperty implements IButtonMenu {
     readonly title: string;
     iconSvg: string;
     readonly tag = "button";
     readonly showModal = true;
-    readonly modalWidth = 300;
+    readonly modalWidth: number;
     readonly menu: string;
+    readonly propertyFields: FieldName[];
     readonly borderStyle: {
         value: string;
         label: string;
     }[];
-    readonly textAlignOptions: {
-        value: string;
-        label: string;
-        svg: string;
-    }[];
+    readonly textAlignOptions: SegmentOption[];
+    readonly verticalAlignOptions: SegmentOption[];
+    private renderRow;
+    private createFieldControl;
+    private renderSelect;
+    private renderNumber;
+    private renderColor;
+    private renderSegment;
     getValue(_editor: IDomEditor): string | boolean;
     isActive(_editor: IDomEditor): boolean;
     isDisabled(editor: IDomEditor): boolean;
     exec(_editor: IDomEditor, _value: string | boolean): void;
-    getModalContentNode(editor: IDomEditor): import("slate").NodeEntry<import("../../utils").WithType<import("packages/custom-types").CustomElement>>;
+    getModalContentNode(editor: IDomEditor): NodeEntry;
     getModalPositionNode(_editor: IDomEditor): null;
     getModalContentElem(editor: IDomEditor): Element | null;
     getPanelContentElem(editor: any, { mark, selectedColor, callback }: {
@@ -31,5 +44,6 @@ declare class TableProperty implements IButtonMenu {
         selectedColor: any;
         callback: any;
     }): import("dom7").Dom7Array;
+    updateColorPanelActive($panel: any, selectedColor: string): void;
 }
 export default TableProperty;

package/dist/table-module/src/module/render-elem/selection-overlay.d.ts

@@ -0,0 +1,21 @@
+import { VNode } from 'snabbdom';
+export type SelectionRect = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type SelectionPerimeterSide = 'top' | 'right' | 'bottom' | 'left';
+export type SelectionPerimeterSegment = {
+    side: SelectionPerimeterSide;
+    offset: number;
+    start: number;
+    end: number;
+};
+/**
+ * Returns the physical perimeter of a set of non-overlapping cell rectangles. Opposing edges
+ * cancel only where they overlap, so partially exposed sides of merged cells remain precise.
+ */
+export declare function getSelectionPerimeterSegments(rects: SelectionRect[]): SelectionPerimeterSegment[];
+export declare function drawSelectionOverlay(elm: Node | undefined): void;
+export declare function renderSelectionOverlay(): VNode;

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/table-module/src/module/weak-maps.d.ts

@@ -1,5 +1,6 @@
+import { BaseEditor, BaseElement } from 'slate';
 import { NodeEntryWithContext } from '../utils';
 /** Weak reference between the `Editor` and the selected elements */
-export declare const EDITOR_TO_SELECTION: WeakMap<import("slate").BaseEditor, NodeEntryWithContext[][]>;
+export declare const EDITOR_TO_SELECTION: WeakMap<BaseEditor, NodeEntryWithContext[][]>;
 /** Weak reference between the `Editor` and a set of the selected elements */
-export declare const EDITOR_TO_SELECTION_SET: WeakMap<import("slate").BaseEditor, WeakSet<import("packages/custom-types").CustomElement>>;
+export declare const EDITOR_TO_SELECTION_SET: WeakMap<BaseEditor, WeakSet<BaseElement>>;

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/plugin-formula",
-  "version": "2.0.8",
+  "version": "6.1.1",
   "description": "wangEditor next formula 公式",
   "author": "cycleccc <2991205548@qq.com>",
   "type": "module",
@@ -31,16 +31,16 @@
     "url": "git+https://github.com/wangeditor-next/wangEditor-next.git"
   },
   "bugs": {
-    "url": "https://github.com/wangeditor-next/wangeditor-next/issues"
+    "url": "https://github.com/wangeditor-next/wangEditor-next/issues"
   },
   "devDependencies": {
     "katex": "^0.16.0",
     "@wangeditor-next-shared/rollup-config": "^0.0.2"
   },
   "peerDependencies": {
-    "@wangeditor-next/editor": ">=5.7.8",
     "katex": "^0.16.0",
-    "snabbdom": "^3.6.0"
+    "snabbdom": "^3.6.0",
+    "@wangeditor-next/editor": "^6.1.1"
   },
   "dependencies": {
     "dom7": "^4.0.0",