@wangeditor-next/plugin-float-image 2.0.7 → 3.0.0

package/README.md

@@ -4,11 +4,11 @@
 
 <br/>
 <br/>
-<a href="https://github.com/hqwlkj/wangEditor-plugin-float-image/releases">
-<img src="https://img.shields.io/github/v/release/hqwlkj/wangEditor-plugin-float-image" alt=""/>
+<a href="https://www.npmjs.com/package/@wangeditor-next/plugin-float-image">
+<img src="https://img.shields.io/npm/v/%40wangeditor-next%2Fplugin-float-image" alt=""/>
 </a>
-<a href="https://www.npmjs.com/package/wangeditor-plugin-float-image">
-<img src="https://img.shields.io/github/downloads/hqwlkj/wangEditor-plugin-float-image/total" alt=""/>
+<a href="https://www.npmjs.com/package/@wangeditor-next/plugin-float-image">
+<img src="https://img.shields.io/npm/dm/%40wangeditor-next%2Fplugin-float-image" alt=""/>
 </a>
 
 ## 介绍
@@ -35,7 +35,7 @@ npm i @wangeditor-next/plugin-float-image
 
 ```js
 import { Boot } from '@wangeditor-next/editor'
-import floatImageModule from 'wangeditor-plugin-float-image'
+import floatImageModule from '@wangeditor-next/plugin-float-image'
 
 // 注册。要在创建编辑器之前注册，且只能注册一次，不可重复注册。
 Boot.registerModule(floatImageModule)
@@ -91,4 +91,4 @@ const editorConfig: Partial<IEditorConfig> = {
 
 ## 许可证
 
-[MIT](https://github.com/hqwlkj/wangEditor-plugin-float-image/blob/master/LICENSE)
+[MIT](https://github.com/wangeditor-next/wangEditor-next/blob/master/LICENSE)

package/dist/core/src/editor/dom-editor.d.ts

@@ -109,6 +109,7 @@ export declare const DomEditor: {
     getNodeType(node: Node): string;
     checkNodeType(node: Node, type: string): boolean;
     getNodesStr(nodes: Node[]): string;
+    getSelectedVoidNode(editor: IDomEditor): Element | null;
     getSelectedElems(editor: IDomEditor): Element[];
     getSelectedNodeByType(editor: IDomEditor, type: string): Node | null;
     getSelectedTextNode(editor: IDomEditor): Node | null;

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

@@ -6,9 +6,17 @@ declare const _default: {
     tableModule: {
         modal: {
             border: string;
+            borderColor: string;
+            borderStyle: string;
             borderWidth: string;
+            borderWidthDefault: string;
             bgColor: string;
             align: string;
+            verticalAlign: string;
+            width: string;
+            widthAuto: string;
+            widthFull: string;
+            mixed: string;
             ok: string;
         };
         color: {
@@ -26,6 +34,11 @@ declare const _default: {
             inset: string;
             outset: string;
         };
+        verticalAlign: {
+            top: string;
+            middle: string;
+            bottom: string;
+        };
         deleteCol: string;
         deleteRow: string;
         deleteTable: string;

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

@@ -6,9 +6,17 @@ declare const _default: {
     tableModule: {
         modal: {
             border: string;
+            borderColor: string;
+            borderStyle: string;
             borderWidth: string;
+            borderWidthDefault: string;
             bgColor: string;
             align: string;
+            verticalAlign: string;
+            width: string;
+            widthAuto: string;
+            widthFull: string;
+            mixed: string;
             ok: string;
         };
         color: {
@@ -26,6 +34,11 @@ declare const _default: {
             inset: string;
             outset: string;
         };
+        verticalAlign: {
+            top: string;
+            middle: string;
+            bottom: string;
+        };
         deleteCol: string;
         deleteRow: string;
         deleteTable: string;

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,13 @@
 import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
-import TableProperty from './TableProperty';
+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";
+    readonly propertyFields: FieldName[];
     getModalContentNode(editor: IDomEditor): import("slate").NodeEntry<import("../../utils").WithType<import("packages/custom-types").CustomElement>>;
 }
 export default CellProperty;

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

@@ -7,8 +7,8 @@ declare class TableFullWidth implements IButtonMenu {
     readonly title: string;
     readonly iconSvg = "<svg viewBox=\"0 0 1228 1024\"><path d=\"M862.514337 563.200461H404.581995v121.753478a13.311987 13.311987 0 0 1-6.655993 11.468789 10.23999 10.23999 0 0 1-12.083188-1.433599l-204.799795-179.199821a13.721586 13.721586 0 0 1 0-20.479979l204.799795-179.302221a10.23999 10.23999 0 0 1 12.185588-1.535998 13.209587 13.209587 0 0 1 6.553593 11.673588v115.097485h457.932342V319.693504a11.571188 11.571188 0 0 1 18.841582-10.239989l204.799795 179.19982a13.721586 13.721586 0 0 1 0 20.47998l-204.799795 179.199821a10.23999 10.23999 0 0 1-12.185588 1.535998 13.311987 13.311987 0 0 1-6.655994-11.571188V563.200461zM136.499064 14.951409v993.893406a15.257585 15.257585 0 0 1-15.155185 15.052785H15.155185A15.155185 15.155185 0 0 1 0 1008.844815V14.951409a15.257585 15.257585 0 0 1 15.155185-15.052785h106.086294a15.155185 15.155185 0 0 1 15.257585 15.155185zM1228.798771 14.951409v993.893406a15.257585 15.257585 0 0 1-15.155185 15.052785h-106.188693a15.155185 15.155185 0 0 1-15.155185-15.052785V14.951409a15.257585 15.257585 0 0 1 15.155185-15.052785h106.086293A15.155185 15.155185 0 0 1 1228.798771 15.053809z\"></path></svg>";
     readonly tag = "button";
-    getValue(_editor: IDomEditor): string | boolean;
-    isActive(_editor: IDomEditor): boolean;
+    getValue(editor: IDomEditor): string | boolean;
+    isActive(editor: IDomEditor): boolean;
     isDisabled(editor: IDomEditor): boolean;
     exec(editor: IDomEditor, _value: string | boolean): void;
 }

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

@@ -3,22 +3,34 @@
  * @author hsuna
  */
 import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
+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;
@@ -31,5 +43,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/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/plugin-float-image",
-  "version": "2.0.7",
+  "version": "3.0.0",
   "description": "wangEditor float image plugin",
   "author": "cycleccc <2991205548@qq.com>",
   "type": "module",
@@ -31,10 +31,10 @@
     "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"
   },
   "peerDependencies": {
-    "@wangeditor-next/editor": "5.7.7",
+    "@wangeditor-next/editor": ">=6.0.0",
     "dom7": "^3.0.0 || ^4.0.0",
     "slate": "^0.124.0",
     "snabbdom": "^3.6.0"