@wangeditor-next/plugin-mention 3.0.0 → 6.2.0

package/dist/basic-modules/src/constants/icon-svg.d.ts

@@ -9,6 +9,8 @@
  */
 export declare const BOLD_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M707.872 484.64A254.88 254.88 0 0 0 768 320c0-141.152-114.848-256-256-256H192v896h384c141.152 0 256-114.848 256-256a256.096 256.096 0 0 0-124.128-219.36zM384 192h101.504c55.968 0 101.504 57.408 101.504 128s-45.536 128-101.504 128H384V192z m159.008 640H384v-256h159.008c58.464 0 106.016 57.408 106.016 128s-47.552 128-106.016 128z\"></path></svg>";
 export declare const UNDER_LINE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z\"></path></svg>";
+export declare const WAVY_UNDERLINE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 704c64-96 128-96 192 0s128 96 192 0 128-96 192 0 128 96 192 0 128-96 192 0v128c-64 96-128 96-192 0s-128-96-192 0-128 96-192 0-128-96-192 0-128 96-192 0V704z\"></path></svg>";
+export declare const EMPHASIS_DOT_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M256 128h128v512H256zM448 128h128v512H448zM640 128h128v512H640z\"></path><path d=\"M320 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM512 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z\"></path></svg>";
 export declare const ITALIC_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M896 64v64h-128L448 896h128v64H128v-64h128L576 128h-128V64z\"></path></svg>";
 export declare const THROUGH_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M1024 512v64h-234.496c27.52 38.496 42.496 82.688 42.496 128 0 70.88-36.672 139.04-100.576 186.976C672.064 935.488 594.144 960 512 960s-160.064-24.512-219.424-69.024C228.64 843.04 192 774.88 192 704h128c0 69.376 87.936 128 192 128s192-58.624 192-128-87.936-128-192-128H0v-64h299.52a385.984 385.984 0 0 1-6.944-5.024C228.64 459.04 192 390.88 192 320s36.672-139.04 100.576-186.976C351.936 88.512 429.856 64 512 64s160.064 24.512 219.424 69.024C795.328 180.96 832 249.12 832 320h-128c0-69.376-87.936-128-192-128s-192 58.624-192 128 87.936 128 192 128c78.976 0 154.048 22.688 212.48 64H1024z\"></path></svg>";
 export declare const CODE_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M576 736l96 96 320-320L672 192l-96 96 224 224zM448 288l-96-96L32 512l320 320 96-96-224-224z\"></path></svg>";

package/dist/basic-modules/src/locale/en.d.ts

@@ -90,6 +90,8 @@ declare const _default: {
         sup: string;
         through: string;
         underline: string;
+        wavyUnderline: string;
+        emphasisDot: string;
     };
     undo: {
         undo: string;

package/dist/basic-modules/src/locale/zh-CN.d.ts

@@ -90,6 +90,8 @@ declare const _default: {
         sup: string;
         through: string;
         underline: string;
+        wavyUnderline: string;
+        emphasisDot: string;
     };
     undo: {
         undo: string;

package/dist/basic-modules/src/modules/header/parse-elem-html.d.ts

@@ -5,7 +5,7 @@
 import { IDomEditor } from '@wangeditor-next/core';
 import { Descendant } from 'slate';
 import { DOMElement } from '../../utils/dom';
-import { Header1Element, Header2Element, Header3Element, Header4Element, Header5Element } from './custom-types';
+import { Header1Element, Header2Element, Header3Element, Header4Element, Header5Element, Header6Element } from './custom-types';
 export declare const parseHeader1HtmlConf: {
     selector: string;
     parseElemHtml: (elem: DOMElement, children: Descendant[], editor: IDomEditor) => Header1Element;
@@ -28,5 +28,5 @@ export declare const parseHeader5HtmlConf: {
 };
 export declare const parseHeader6HtmlConf: {
     selector: string;
-    parseElemHtml: (elem: DOMElement, children: Descendant[], editor: IDomEditor) => Header5Element;
+    parseElemHtml: (elem: DOMElement, children: Descendant[], editor: IDomEditor) => Header6Element;
 };

package/dist/basic-modules/src/modules/text-style/custom-types.d.ts

@@ -9,6 +9,8 @@ export type StyledText = {
     italic?: boolean;
     through?: boolean;
     underline?: boolean;
+    wavyUnderline?: boolean;
+    emphasisDot?: boolean;
     sup?: boolean;
     sub?: boolean;
 };

package/dist/basic-modules/src/modules/text-style/menu/EmphasisDotMenu.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description lower dot emphasis menu
+ */
+import BaseMenu from './BaseMenu';
+declare class EmphasisDotMenu extends BaseMenu {
+    readonly mark = "emphasisDot";
+    readonly title: string;
+    readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M256 128h128v512H256zM448 128h128v512H448zM640 128h128v512H640z\"></path><path d=\"M320 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM512 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0zM704 832m-64 0a64 64 0 1 0 128 0 64 64 0 0 0-128 0z\"></path></svg>";
+    readonly hotkey = "";
+}
+export default EmphasisDotMenu;

package/dist/basic-modules/src/modules/text-style/menu/WavyUnderlineMenu.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description wavy underline menu
+ */
+import BaseMenu from './BaseMenu';
+declare class WavyUnderlineMenu extends BaseMenu {
+    readonly mark = "wavyUnderline";
+    readonly title: string;
+    readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 704c64-96 128-96 192 0s128 96 192 0 128-96 192 0 128 96 192 0 128-96 192 0v128c-64 96-128 96-192 0s-128-96-192 0-128 96-192 0-128-96-192 0-128 96-192 0V704z\"></path></svg>";
+    readonly hotkey = "";
+}
+export default WavyUnderlineMenu;

package/dist/basic-modules/src/modules/text-style/menu/index.d.ts

@@ -5,11 +5,13 @@
 import BoldMenu from './BoldMenu';
 import ClearStyleMenu from './ClearStyleMenu';
 import CodeMenu from './CodeMenu';
+import EmphasisDotMenu from './EmphasisDotMenu';
 import ItalicMenu from './ItalicMenu';
 import SubMenu from './SubMenu';
 import SupMenu from './SupMenu';
 import ThroughMenu from './ThroughMenu';
 import UnderlineMenu from './UnderlineMenu';
+import WavyUnderlineMenu from './WavyUnderlineMenu';
 export declare const boldMenuConf: {
     key: string;
     factory(): BoldMenu;
@@ -30,6 +32,14 @@ export declare const underlineMenuConf: {
     key: string;
     factory(): UnderlineMenu;
 };
+export declare const wavyUnderlineMenuConf: {
+    key: string;
+    factory(): WavyUnderlineMenu;
+};
+export declare const emphasisDotMenuConf: {
+    key: string;
+    factory(): EmphasisDotMenu;
+};
 export declare const supMenuConf: {
     key: string;
     factory(): SupMenu;

package/dist/basic-modules/src/modules/text-style/render-style.d.ts

@@ -2,6 +2,7 @@
  * @description render text style
  * @author wangfupeng
  */
+import { IDomEditor } from '@wangeditor-next/core';
 import { Descendant } from 'slate';
 import { VNode } from 'snabbdom';
 /**
@@ -10,4 +11,4 @@ import { VNode } from 'snabbdom';
  * @param vnode vnode
  * @returns vnode
  */
-export declare function renderStyle(node: Descendant, vnode: VNode): VNode;
+export declare function renderStyle(node: Descendant, vnode: VNode, editor?: IDomEditor): VNode;

package/dist/basic-modules/src/modules/text-style/style-constants.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @description CSS values shared by text-style render and HTML serialization
+ */
+export declare const UNDERLINE_OFFSET = "0.15em";
+export declare const WAVY_UNDERLINE_OFFSET = "0.3em";
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_OFFSET = "0.8em";
+export declare const EMPHASIS_DOT_WITH_WAVY_LINE_HEIGHT = "2";
+export declare const UNDERLINE_OFFSET_CLASS = "w-e-text-style-underline-offset";
+export declare const WAVY_UNDERLINE_CLASS = "w-e-text-style-wavy-underline";
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_CLASS = "w-e-text-style-wavy-underline-with-emphasis";
+export declare const EMPHASIS_DOT_CLASS = "w-e-text-style-emphasis-dot";
+export declare const EMPHASIS_DOT_WITH_WAVY_CLASS = "w-e-text-style-emphasis-dot-with-wavy";
+export declare const WAVY_UNDERLINE_STYLE: {
+    textDecorationLine: string;
+    textDecorationStyle: string;
+    textUnderlineOffset: string;
+};
+export declare const WAVY_UNDERLINE_STYLE_HTML = "text-decoration-line: underline; text-decoration-style: wavy; text-underline-offset: 0.3em;";
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_STYLE: {
+    textUnderlineOffset: string;
+    textDecorationLine: string;
+    textDecorationStyle: string;
+};
+export declare const WAVY_UNDERLINE_WITH_EMPHASIS_STYLE_HTML = "text-decoration-line: underline; text-decoration-style: wavy; text-underline-offset: 0.8em;";
+export declare const EMPHASIS_DOT_STYLE: {
+    textEmphasisStyle: string;
+    textEmphasisPosition: string;
+};
+export declare const EMPHASIS_DOT_STYLE_HTML = "text-emphasis-style: filled dot; text-emphasis-position: under left;";
+export declare const EMPHASIS_DOT_WITH_WAVY_STYLE: {
+    lineHeight: string;
+    textEmphasisStyle: string;
+    textEmphasisPosition: string;
+};
+export declare const EMPHASIS_DOT_WITH_WAVY_STYLE_HTML = "text-emphasis-style: filled dot; text-emphasis-position: under left; line-height: 2;";

package/dist/basic-modules/src/modules/text-style/style-to-html.d.ts

@@ -2,6 +2,7 @@
  * @description text to html
  * @author wangfupeng
  */
+import { IDomEditor } from '@wangeditor-next/core';
 import { Descendant } from 'slate';
 /**
  * style to html
@@ -9,4 +10,4 @@ import { Descendant } from 'slate';
  * @param textHtml text html
  * @returns styled html
  */
-export declare function styleToHtml(textNode: Descendant, textHtml: string): string;
+export declare function styleToHtml(textNode: Descendant, textHtml: string, editor?: IDomEditor): string;

package/dist/basic-modules/src/utils/dom.d.ts

@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 /**
  * 判断 str 是不是纯字符串，而不是 html tag

package/dist/code-highlight/src/utils/dom.d.ts

@@ -10,6 +10,6 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 export { DOMComment, DOMElement, DOMNode, DOMRange, DOMSelection, DOMStaticRange, DOMText, };

package/dist/core/src/config/interface.d.ts

@@ -2,13 +2,41 @@
  * @description config interface
  * @author wangfupeng
  */
-import type { ImageElement } from 'packages/basic-modules/src/modules/image/custom-types';
-import type { VideoElement } from 'packages/video-module/src/module/custom-types';
 import type { Descendant, Node, NodeEntry, Range } from 'slate';
 import type { IDomEditor } from '../editor/interface';
 import type { IMenuGroup } from '../menus/interface';
 import type { IUploadConfig } from '../upload/interface';
 import type { DOMElement } from '../utils/dom';
+type EmptyText = {
+    text: '';
+};
+type ImageElement = {
+    type: 'image';
+    src: string;
+    alt?: string;
+    href?: string;
+    width?: string;
+    height?: string;
+    style?: {
+        width?: string;
+        height?: string;
+    };
+    children: EmptyText[];
+};
+type VideoElement = {
+    type: 'video';
+    key?: string;
+    src: string;
+    poster?: string;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+    height?: string;
+    style?: {
+        width?: string;
+        height?: string;
+    };
+    children: EmptyText[];
+};
 interface IHoverbarConf {
     [key: string]: {
         match?: (editor: IDomEditor, n: Node) => boolean;
@@ -127,6 +155,8 @@ interface ICodeBlockConfig {
 export interface IMenuConfig {
     bold: ISingleMenuConfig;
     underline: ISingleMenuConfig;
+    wavyUnderline: ISingleMenuConfig;
+    emphasisDot: ISingleMenuConfig;
     italic: ISingleMenuConfig;
     through: ISingleMenuConfig;
     code: ISingleMenuConfig;

package/dist/core/src/editor/interface.d.ts

@@ -2,15 +2,28 @@
  * @description editor interface
  * @author wangfupeng
  */
-import { NodeEntryWithContext } from '@wangeditor-next/table-module/src/utils';
 import ee from 'event-emitter';
-import { Ancestor, Editor, Element, Location, Node } from 'slate';
+import { Ancestor, Editor, Element, Location, Node, NodeEntry } from 'slate';
 import { AlertType, IEditorConfig, IMenuConfig, ISingleMenuConfig } from '../config/interface';
 import { IPositionStyle } from '../menus/interface';
 import { DOMElement } from '../utils/dom';
 export type ElementWithId = Element & {
     id: string;
 };
+export type TableSelectionEntry = [
+    NodeEntry<Element & {
+        type: unknown;
+        rowSpan?: number;
+        colSpan?: number;
+        hidden?: boolean;
+    }>,
+    {
+        rtl: number;
+        ltr: number;
+        ttb: number;
+        btt: number;
+    }
+];
 type MoveOptions = Parameters<Editor['move']>[0];
 export type getMenuConfigReturnType<K> = K extends keyof IMenuConfig ? IMenuConfig[K] : ISingleMenuConfig;
 /**
@@ -59,7 +72,7 @@ export interface IDomEditor extends Editor {
     move(distance: number, reverse?: boolean): void;
     moveReverse: (distance: number) => void;
     restoreSelection: () => void;
-    getTableSelection?: () => NodeEntryWithContext[][] | null;
+    getTableSelection?: () => TableSelectionEntry[][] | null;
     getSelectionPosition: () => Partial<IPositionStyle>;
     getNodePosition: (node: Node) => Partial<IPositionStyle>;
     isSelectedAll: () => boolean;

package/dist/core/src/index.d.ts

@@ -7,11 +7,12 @@ import type { IDomEditor } from './editor/interface';
 import type { IRegisterMenuConf } from './menus/index';
 import type { IParseElemHtmlConf, IPreParseHtmlConf, ParseStyleHtmlFnType } from './parse-html/index';
 import type { IRenderElemConf, RenderStyleFnType } from './render/index';
-import type { IElemToHtmlConf, styleToHtmlFnType } from './to-html/index';
+import type { HtmlTransformFnType, IElemToHtmlConf, styleToHtmlFnType } from './to-html/index';
 import createUploaderRuntime from './upload/createUploader';
 import type { IUploadConfig } from './upload/interface';
 export * from './create/index';
-export type { ClassStylePolicy, IClassStyleUnsupportedPayload, IEditorConfig, IToolbarConfig, IUploadImageConfig, IUploadVideoConfig, StyleClassTokenType, TextStyleMode, } from './config/interface';
+export type { ClassStylePolicy, IClassStyleUnsupportedPayload, IEditorConfig, ISingleMenuConfig, IToolbarConfig, IUploadImageConfig, IUploadVideoConfig, StyleClassTokenType, TextStyleMode, } from './config/interface';
+export { EditorEvents } from './config/interface';
 export * from './config/style-mode';
 export * from './editor/dom-editor';
 export * from './editor/interface';
@@ -35,6 +36,7 @@ export interface IModuleConf {
     renderStyle: RenderStyleFnType;
     renderElems: Array<IRenderElemConf>;
     styleToHtml: styleToHtmlFnType;
+    htmlTransform?: HtmlTransformFnType;
     elemsToHtml: Array<IElemToHtmlConf>;
     preParseHtml: Array<IPreParseHtmlConf>;
     parseStyleHtml: ParseStyleHtmlFnType;

package/dist/core/src/render/helper.d.ts

@@ -2,6 +2,5 @@
  * @description formats helper
  * @author wangfupeng
  */
-import { ElementType } from 'packages/custom-types';
-export declare function genElemId(type: ElementType, id: string): string;
+export declare function genElemId(type: string, id: string): string;
 export declare function genTextId(id: string): string;

package/dist/core/src/to-html/index.d.ts

@@ -4,6 +4,7 @@
  */
 import { Descendant, Element as SlateElement } from 'slate';
 import { IDomEditor } from '../editor/interface';
+import type { INodeToHtmlOptions } from './node2html';
 export type styleToHtmlFnType = (node: Descendant, elemHtml: string, editor?: IDomEditor) => string;
 export declare const STYLE_TO_HTML_FN_LIST: styleToHtmlFnType[];
 /**
@@ -11,6 +12,17 @@ export declare const STYLE_TO_HTML_FN_LIST: styleToHtmlFnType[];
  * @param fn 处理 toHtml 文本样式的函数
  */
 export declare function registerStyleToHtmlHandler(fn: styleToHtmlFnType): void;
+/**
+ * Transform the HTML fragments of the document's top-level nodes.
+ *
+ * Element serializers intentionally stay node-local. Modules that need
+ * neighboring blocks to produce valid HTML (for example semantic lists) use
+ * this hook after every node has been serialized.
+ */
+export type HtmlTransformFnType = (htmlList: string[], nodes: Descendant[], editor: IDomEditor, options: INodeToHtmlOptions) => string[];
+export declare const HTML_TRANSFORM_HANDLER_LIST: HtmlTransformFnType[];
+export declare function registerHtmlTransformHandler(fn: HtmlTransformFnType): void;
+export declare function transformHtml(htmlList: string[], nodes: Descendant[], editor: IDomEditor, options?: INodeToHtmlOptions): string[];
 interface IElemToHtmlRes {
     html: string;
     prefix?: string;

package/dist/core/src/utils/dom.d.ts

@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 export declare enum NodeType {
     ELEMENT_NODE = 1,

package/dist/editor/src/Boot.d.ts

@@ -2,9 +2,8 @@
  * @description Editor View class
  * @author wangfupeng
  */
-import type { IEditorConfig, IElemToHtmlConf, IModuleConf, IParseElemHtmlConf, IPreParseHtmlConf, IRegisterMenuConf, IRenderElemConf, IToolbarConfig, ParseStyleHtmlFnType, RenderStyleFnType, styleToHtmlFnType } from '@wangeditor-next/core';
+import type { HtmlTransformFnType, IEditorConfig, IElemToHtmlConf, IModuleConf, IParseElemHtmlConf, IPreParseHtmlConf, IRegisterMenuConf, IRenderElemConf, ISingleMenuConfig, IToolbarConfig, ParseStyleHtmlFnType, RenderStyleFnType, styleToHtmlFnType } from '@wangeditor-next/core';
 import { IDomEditor } from '@wangeditor-next/core';
-import type { ISingleMenuConfig } from 'packages/core/src/config/interface';
 type PluginType = <T extends IDomEditor>(editor: T) => T;
 declare class Boot {
     constructor();
@@ -23,6 +22,7 @@ declare class Boot {
     static registerRenderStyle(fn: RenderStyleFnType): void;
     static registerElemToHtml(elemToHtmlConf: IElemToHtmlConf): void;
     static registerStyleToHtml(fn: styleToHtmlFnType): void;
+    static registerHtmlTransform(fn: HtmlTransformFnType): void;
     static registerPreParseHtml(preParseHtmlConf: IPreParseHtmlConf): void;
     static registerParseElemHtml(parseElemHtmlConf: IParseElemHtmlConf): void;
     static registerParseStyleHtml(fn: ParseStyleHtmlFnType): void;

package/dist/editor/src/index.d.ts

@@ -3,6 +3,13 @@
  * @author wangfupeng
  */
 import './assets/index.less';
+import '@wangeditor-next/core/dist/css/style.css';
+import '@wangeditor-next/basic-modules/dist/css/style.css';
+import '@wangeditor-next/code-highlight/dist/css/style.css';
+import '@wangeditor-next/list-module/dist/css/style.css';
+import '@wangeditor-next/table-module/dist/css/style.css';
+import '@wangeditor-next/upload-image-module/dist/css/style.css';
+import '@wangeditor-next/video-module/dist/css/style.css';
 import './utils/browser-polyfill';
 import './utils/node-polyfill';
 import './locale/index';

package/dist/index.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("@wangeditor-next/editor"),require("snabbdom")):"function"==typeof define&&define.amd?define(["@wangeditor-next/editor","snabbdom"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorMentionPlugin=n(e.editor,e.snabbdom)}(this,function(e,n){"use strict";return{editorPlugin:function(n){var t=n.insertText,o=n.isInline,i=n.isVoid,r=n;return r.insertText=function(n){if(e.DomEditor.getSelectedElems(r).some(function(e){return r.isVoid(e)}))t(n);else{var o=function(e){return e.getConfig().EXTEND_CONF.mentionConfig}(r),i=o.showModal,a=o.hideModal;"@"===n&&setTimeout(function(){i&&i(r),setTimeout(function(){function e(){a&&a(r)}r.once("fullScreen",e),r.once("unFullScreen",e),r.once("scroll",e),r.once("modalOrPanelShow",e),r.once("modalOrPanelHide",e),r.on("change",function n(){null!=r.selection&&(e(),r.off("change",n))})})}),t(n)}},r.isInline=function(n){return"mention"===e.DomEditor.getNodeType(n)||o(n)},r.isVoid=function(n){return"mention"===e.DomEditor.getNodeType(n)||i(n)},r},renderElems:[{type:"mention",renderElem:function(t,o,i){var r=e.DomEditor.isNodeSelected(i,t),a=t.value,d=void 0===a?"":a;return n.h("span",{props:{contentEditable:!1},style:{marginLeft:"3px",marginRight:"3px",backgroundColor:"var(--w-e-textarea-slight-bg-color)",border:r?"2px solid var(--w-e-textarea-selected-border-color)":"2px solid transparent",borderRadius:"3px",padding:"0 3px"}},"@".concat(d))}}],elemsToHtml:[{type:"mention",elemToHtml:function(e,n){var t=e,o=t.value,i=void 0===o?"":o,r=t.info,a=void 0===r?{}:r,d=encodeURIComponent(JSON.stringify(a));return'<span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="'.concat(i,'" data-info="').concat(d,'">@').concat(i,"</span>")}}],parseElemsHtml:[{selector:'span[data-w-e-type="mention"]',parseElemHtml:function(e,n,t){var o,i=e.getAttribute("data-value")||"",r=decodeURIComponent(e.getAttribute("data-info")||"");try{o=JSON.parse(r)}catch(e){o=r}return{type:"mention",value:i,info:o,children:[{text:""}]}}}]}});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("@wangeditor-next/editor"),require("snabbdom")):"function"==typeof define&&define.amd?define(["@wangeditor-next/editor","snabbdom"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorMentionPlugin=n(e.wangEditor,e.snabbdom)}(this,function(e,n){"use strict";return{editorPlugin:function(n){var t=n.insertText,o=n.isInline,i=n.isVoid,r=n;return r.insertText=function(n){if(e.DomEditor.getSelectedElems(r).some(function(e){return r.isVoid(e)}))t(n);else{var o=function(e){return e.getConfig().EXTEND_CONF.mentionConfig}(r),i=o.showModal,a=o.hideModal;"@"===n&&setTimeout(function(){i&&i(r),setTimeout(function(){function e(){a&&a(r)}r.once("fullScreen",e),r.once("unFullScreen",e),r.once("scroll",e),r.once("modalOrPanelShow",e),r.once("modalOrPanelHide",e),r.on("change",function n(){null!=r.selection&&(e(),r.off("change",n))})})}),t(n)}},r.isInline=function(n){return"mention"===e.DomEditor.getNodeType(n)||o(n)},r.isVoid=function(n){return"mention"===e.DomEditor.getNodeType(n)||i(n)},r},renderElems:[{type:"mention",renderElem:function(t,o,i){var r=e.DomEditor.isNodeSelected(i,t),a=t.value,d=void 0===a?"":a;return n.h("span",{props:{contentEditable:!1},style:{marginLeft:"3px",marginRight:"3px",backgroundColor:"var(--w-e-textarea-slight-bg-color)",border:r?"2px solid var(--w-e-textarea-selected-border-color)":"2px solid transparent",borderRadius:"3px",padding:"0 3px"}},"@".concat(d))}}],elemsToHtml:[{type:"mention",elemToHtml:function(e,n){var t=e,o=t.value,i=void 0===o?"":o,r=t.info,a=void 0===r?{}:r,d=encodeURIComponent(JSON.stringify(a));return'<span data-w-e-type="mention" data-w-e-is-void data-w-e-is-inline data-value="'.concat(i,'" data-info="').concat(d,'">@').concat(i,"</span>")}}],parseElemsHtml:[{selector:'span[data-w-e-type="mention"]',parseElemHtml:function(e,n,t){var o,i=e.getAttribute("data-value")||"",r=decodeURIComponent(e.getAttribute("data-info")||"");try{o=JSON.parse(r)}catch(e){o=r}return{type:"mention",value:i,info:o,children:[{text:""}]}}}]}});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/module/index.ts","../src/module/plugin.ts","../src/module/render-elem.ts","../src/module/elem-to-html.ts","../src/module/parse-elem-html.ts"],"sourcesContent":["/**\n * @description mention module entry\n * @author wangfupeng\n */\n\nimport { IModuleConf } from '@wangeditor-next/editor'\n\nimport elemToHtmlConf from './elem-to-html'\nimport parseHtmlConf from './parse-elem-html'\nimport withMention from './plugin'\nimport renderElemConf from './render-elem'\n\nconst module: Partial<IModuleConf> = {\n  editorPlugin: withMention,\n  renderElems: [renderElemConf],\n  elemsToHtml: [elemToHtmlConf],\n  parseElemsHtml: [parseHtmlConf],\n}\n\nexport default module\n","/**\n * @description mention plugin\n * @author wangfupeng\n */\n\nimport { DomEditor, IDomEditor } from '@wangeditor-next/editor'\n\nimport { IExtendConfig } from './interface'\n\nfunction getMentionConfig(editor: IDomEditor) {\n  const { EXTEND_CONF } = editor.getConfig()\n  const { mentionConfig } = EXTEND_CONF as IExtendConfig\n\n  return mentionConfig\n}\n\nfunction withMention<T extends IDomEditor>(editor: T) {\n  const { insertText, isInline, isVoid } = editor\n  const newEditor = editor\n\n  // 重写 insertText\n  newEditor.insertText = t => {\n    // 选过选中了 void 元素\n    const elems = DomEditor.getSelectedElems(newEditor)\n    const isSelectedVoidElem = elems.some(elem => newEditor.isVoid(elem))\n\n    if (isSelectedVoidElem) {\n      insertText(t)\n      return\n    }\n\n    // mention 相关配置\n    const { showModal, hideModal } = getMentionConfig(newEditor)\n\n    if (t === '@') {\n      setTimeout(() => {\n        // 展示 modal （异步，以便准确获取光标位置）\n        if (showModal) { showModal(newEditor) }\n\n        // 监听，隐藏 modal（异步，等待 modal 渲染后再监听）\n        setTimeout(() => {\n          function hide() {\n            if (hideModal) { hideModal(newEditor) }\n          }\n          newEditor.once('fullScreen', hide)\n          newEditor.once('unFullScreen', hide)\n          newEditor.once('scroll', hide)\n          newEditor.once('modalOrPanelShow', hide)\n          newEditor.once('modalOrPanelHide', hide)\n\n          function hideOnChange() {\n            if (newEditor.selection != null) {\n              hide()\n              newEditor.off('change', hideOnChange) // 及时解绑\n            }\n          }\n          newEditor.on('change', hideOnChange)\n        })\n      })\n    }\n\n    // 非 '@' 则执行默认行为\n    insertText(t)\n  }\n\n  // 重写 isInline\n  newEditor.isInline = elem => {\n    const type = DomEditor.getNodeType(elem)\n\n    if (type === 'mention') {\n      return true\n    }\n\n    return isInline(elem)\n  }\n\n  // 重写 isVoid\n  newEditor.isVoid = elem => {\n    const type = DomEditor.getNodeType(elem)\n\n    if (type === 'mention') {\n      return true\n    }\n\n    return isVoid(elem)\n  }\n\n  return newEditor\n}\n\nexport default withMention\n","/**\n * @description render elem\n * @author wangfupeng\n */\n\nimport { DomEditor, IDomEditor, SlateElement } from '@wangeditor-next/editor'\nimport { h, VNode } from 'snabbdom'\n\nimport { MentionElement } from './custom-types'\n\nfunction renderMention(elem: SlateElement, _children: VNode[] | null, editor: IDomEditor): VNode {\n  // 当前节点是否选中\n  const selected = DomEditor.isNodeSelected(editor, elem)\n  const { value = '' } = elem as MentionElement\n\n  // 构建 vnode\n  const vnode = h(\n    'span',\n    {\n      props: {\n        contentEditable: false, // 不可编辑\n      },\n      style: {\n        marginLeft: '3px',\n        marginRight: '3px',\n        backgroundColor: 'var(--w-e-textarea-slight-bg-color)',\n        border: selected // 选中/不选中，样式不一样\n          ? '2px solid var(--w-e-textarea-selected-border-color)' // wangEditor 提供了 css var https://www.wangeditor.com/v5/theme.html\n          : '2px solid transparent',\n        borderRadius: '3px',\n        padding: '0 3px',\n      },\n    },\n    `@${value}`, // 如 `@张三`\n  )\n\n  return vnode\n}\n\nconst conf = {\n  type: 'mention', // 节点 type ，重要！！！\n  renderElem: renderMention,\n}\n\nexport default conf\n","/**\n * @description elem to html\n * @author wangfupeng\n */\n\nimport { SlateElement } from '@wangeditor-next/editor'\n\nimport { MentionElement } from './custom-types'\n\n// 生成 html 的函数\nfunction mentionToHtml(elem: SlateElement, _childrenHtml: string): string {\n  const { value = '', info = {} } = elem as MentionElement\n  const infoStr = encodeURIComponent(JSON.stringify(info))\n\n  return `<span data-w-e-type=\"mention\" data-w-e-is-void data-w-e-is-inline data-value=\"${value}\" data-info=\"${infoStr}\">@${value}</span>`\n}\n\n// 配置\nconst conf = {\n  type: 'mention', // 节点 type ，重要！！！\n  elemToHtml: mentionToHtml,\n}\n\nexport default conf\n","/**\n * @description parse elem html\n * @author wangfupeng\n */\n\nimport { IDomEditor, SlateDescendant, SlateElement } from '@wangeditor-next/editor'\n\nimport { DOMElement } from '../utils/dom'\nimport { MentionElement } from './custom-types'\n\nfunction parseHtml(\n  elem: DOMElement,\n  _children: SlateDescendant[],\n  _editor: IDomEditor,\n): SlateElement {\n  // elem HTML 结构 <span data-w-e-type=\"mention\" data-w-e-is-void data-w-e-is-inline data-value=\"张三\" data-info=\"xxx\">@张三</span>\n\n  const value = elem.getAttribute('data-value') || ''\n  const rawInfo = decodeURIComponent(elem.getAttribute('data-info') || '')\n  let info: any\n\n  try {\n    info = JSON.parse(rawInfo)\n  } catch (ex) {\n    info = rawInfo\n  }\n\n  return {\n    type: 'mention',\n    value,\n    info,\n    children: [{ text: '' }], // void node 必须有一个空白 text\n  } as MentionElement\n}\n\nconst parseHtmlConf = {\n  selector: 'span[data-w-e-type=\"mention\"]',\n  parseElemHtml: parseHtml,\n}\n\nexport default parseHtmlConf\n"],"names":["editorPlugin","editor","insertText","isInline","isVoid","newEditor","t","DomEditor","getSelectedElems","some","elem","_a","getConfig","mentionConfig","getMentionConfig","showModal","hideModal","setTimeout","hide","once","on","hideOnChange","selection","off","getNodeType","renderElems","type","renderElem","_children","selected","isNodeSelected","value","h","props","contentEditable","style","marginLeft","marginRight","backgroundColor","border","borderRadius","padding","concat","elemsToHtml","elemToHtml","_childrenHtml","_b","_c","info","infoStr","encodeURIComponent","JSON","stringify","parseElemsHtml","selector","parseElemHtml","_editor","getAttribute","rawInfo","decodeURIComponent","parse","ex","children","text"],"mappings":"gXAYqC,CACnCA,aCGF,SAA2CC,GACjC,IAAAC,EAAiCD,EAAMC,WAA3BC,EAAqBF,EAAME,SAAjBC,EAAWH,SACnCI,EAAYJ,EAqElB,OAlEAI,EAAUH,WAAa,SAAAI,GAKrB,GAHcC,EAAAA,UAAUC,iBAAiBH,GACRI,KAAK,SAAAC,GAAQ,OAAAL,EAAUD,OAAOM,EAAjB,GAG5CR,EAAWI,OADb,CAMM,IAAAK,EAvBV,SAA0BV,GAIxB,OAHwBA,EAAOW,wBACuBC,aAGxD,CAkBqCC,CAAiBT,GAA1CU,EAASJ,EAAAI,UAAEC,EAASL,EAAAK,UAElB,MAANV,GACFW,WAAW,WAELF,GAAaA,EAAUV,GAG3BY,WAAW,WACT,SAASC,IACHF,GAAaA,EAAUX,EAC7B,CACAA,EAAUc,KAAK,aAAcD,GAC7Bb,EAAUc,KAAK,eAAgBD,GAC/Bb,EAAUc,KAAK,SAAUD,GACzBb,EAAUc,KAAK,mBAAoBD,GACnCb,EAAUc,KAAK,mBAAoBD,GAQnCb,EAAUe,GAAG,SANb,SAASC,IACoB,MAAvBhB,EAAUiB,YACZJ,IACAb,EAAUkB,IAAI,SAAUF,GAE5B,EAEF,EACF,GAIFnB,EAAWI,EAjCX,CAkCF,EAGAD,EAAUF,SAAW,SAAAO,GAGnB,MAAa,YAFAH,EAAAA,UAAUiB,YAAYd,IAM5BP,EAASO,EAClB,EAGAL,EAAUD,OAAS,SAAAM,GAGjB,MAAa,YAFAH,EAAAA,UAAUiB,YAAYd,IAM5BN,EAAOM,EAChB,EAEOL,CACT,ED1EEoB,YAAa,CEyBF,CACXC,KAAM,UACNC,WA/BF,SAAuBjB,EAAoBkB,EAA2B3B,GAEpE,IAAM4B,EAAWtB,EAAAA,UAAUuB,eAAe7B,EAAQS,GAC1CC,EAAeD,EAAsBqB,MAArCA,OAAK,IAAApB,EAAG,KAuBhB,OApBcqB,EAAAA,EACZ,OACA,CACEC,MAAO,CACLC,iBAAiB,GAEnBC,MAAO,CACLC,WAAY,MACZC,YAAa,MACbC,gBAAiB,sCACjBC,OAAQV,EACJ,sDACA,wBACJW,aAAc,MACdC,QAAS,UAGb,IAAAC,OAAIX,GAIR,IFtBEY,YAAa,CGGF,CACXjB,KAAM,UACNkB,WAVF,SAAuBlC,EAAoBmC,GACnC,IAAAlC,EAA4BD,EAA1BoC,EAAAnC,EAAAoB,MAAAA,OAAK,IAAAe,EAAG,GAAEA,EAAEC,SAAAC,OAAI,IAAAD,EAAG,CAAA,IACrBE,EAAUC,mBAAmBC,KAAKC,UAAUJ,IAElD,MAAO,wFAAiFjB,EAAK,iBAAAW,OAAgBO,EAAO,OAAAP,OAAMX,YAC5H,IHCEsB,eAAgB,CImBI,CACpBC,SAAU,gCACVC,cA3BF,SACE7C,EACAkB,EACA4B,GAIA,IAEIR,EAFEjB,EAAQrB,EAAK+C,aAAa,eAAiB,GAC3CC,EAAUC,mBAAmBjD,EAAK+C,aAAa,cAAgB,IAGrE,IACET,EAAOG,KAAKS,MAAMF,EACpB,CAAE,MAAOG,GACPb,EAAOU,CACT,CAEA,MAAO,CACLhC,KAAM,UACNK,MAAKA,EACLiB,KAAIA,EACJc,SAAU,CAAC,CAAEC,KAAM,KAEvB"}
+{"version":3,"file":"index.js","sources":["../src/module/index.ts","../src/module/plugin.ts","../src/module/render-elem.ts","../src/module/elem-to-html.ts","../src/module/parse-elem-html.ts"],"sourcesContent":["/**\n * @description mention module entry\n * @author wangfupeng\n */\n\nimport { IModuleConf } from '@wangeditor-next/editor'\n\nimport elemToHtmlConf from './elem-to-html'\nimport parseHtmlConf from './parse-elem-html'\nimport withMention from './plugin'\nimport renderElemConf from './render-elem'\n\nconst module: Partial<IModuleConf> = {\n  editorPlugin: withMention,\n  renderElems: [renderElemConf],\n  elemsToHtml: [elemToHtmlConf],\n  parseElemsHtml: [parseHtmlConf],\n}\n\nexport default module\n","/**\n * @description mention plugin\n * @author wangfupeng\n */\n\nimport { DomEditor, IDomEditor } from '@wangeditor-next/editor'\n\nimport { IExtendConfig } from './interface'\n\nfunction getMentionConfig(editor: IDomEditor) {\n  const { EXTEND_CONF } = editor.getConfig()\n  const { mentionConfig } = EXTEND_CONF as IExtendConfig\n\n  return mentionConfig\n}\n\nfunction withMention<T extends IDomEditor>(editor: T) {\n  const { insertText, isInline, isVoid } = editor\n  const newEditor = editor\n\n  // 重写 insertText\n  newEditor.insertText = t => {\n    // 选过选中了 void 元素\n    const elems = DomEditor.getSelectedElems(newEditor)\n    const isSelectedVoidElem = elems.some(elem => newEditor.isVoid(elem))\n\n    if (isSelectedVoidElem) {\n      insertText(t)\n      return\n    }\n\n    // mention 相关配置\n    const { showModal, hideModal } = getMentionConfig(newEditor)\n\n    if (t === '@') {\n      setTimeout(() => {\n        // 展示 modal （异步，以便准确获取光标位置）\n        if (showModal) { showModal(newEditor) }\n\n        // 监听，隐藏 modal（异步，等待 modal 渲染后再监听）\n        setTimeout(() => {\n          function hide() {\n            if (hideModal) { hideModal(newEditor) }\n          }\n          newEditor.once('fullScreen', hide)\n          newEditor.once('unFullScreen', hide)\n          newEditor.once('scroll', hide)\n          newEditor.once('modalOrPanelShow', hide)\n          newEditor.once('modalOrPanelHide', hide)\n\n          function hideOnChange() {\n            if (newEditor.selection != null) {\n              hide()\n              newEditor.off('change', hideOnChange) // 及时解绑\n            }\n          }\n          newEditor.on('change', hideOnChange)\n        })\n      })\n    }\n\n    // 非 '@' 则执行默认行为\n    insertText(t)\n  }\n\n  // 重写 isInline\n  newEditor.isInline = elem => {\n    const type = DomEditor.getNodeType(elem)\n\n    if (type === 'mention') {\n      return true\n    }\n\n    return isInline(elem)\n  }\n\n  // 重写 isVoid\n  newEditor.isVoid = elem => {\n    const type = DomEditor.getNodeType(elem)\n\n    if (type === 'mention') {\n      return true\n    }\n\n    return isVoid(elem)\n  }\n\n  return newEditor\n}\n\nexport default withMention\n","/**\n * @description render elem\n * @author wangfupeng\n */\n\nimport { DomEditor, IDomEditor, SlateElement } from '@wangeditor-next/editor'\nimport { h, VNode } from 'snabbdom'\n\nimport { MentionElement } from './custom-types'\n\nfunction renderMention(elem: SlateElement, _children: VNode[] | null, editor: IDomEditor): VNode {\n  // 当前节点是否选中\n  const selected = DomEditor.isNodeSelected(editor, elem)\n  const { value = '' } = elem as MentionElement\n\n  // 构建 vnode\n  const vnode = h(\n    'span',\n    {\n      props: {\n        contentEditable: false, // 不可编辑\n      },\n      style: {\n        marginLeft: '3px',\n        marginRight: '3px',\n        backgroundColor: 'var(--w-e-textarea-slight-bg-color)',\n        border: selected // 选中/不选中，样式不一样\n          ? '2px solid var(--w-e-textarea-selected-border-color)' // wangEditor 提供了 css var https://www.wangeditor.com/v5/theme.html\n          : '2px solid transparent',\n        borderRadius: '3px',\n        padding: '0 3px',\n      },\n    },\n    `@${value}`, // 如 `@张三`\n  )\n\n  return vnode\n}\n\nconst conf = {\n  type: 'mention', // 节点 type ，重要！！！\n  renderElem: renderMention,\n}\n\nexport default conf\n","/**\n * @description elem to html\n * @author wangfupeng\n */\n\nimport { SlateElement } from '@wangeditor-next/editor'\n\nimport { MentionElement } from './custom-types'\n\n// 生成 html 的函数\nfunction mentionToHtml(elem: SlateElement, _childrenHtml: string): string {\n  const { value = '', info = {} } = elem as MentionElement\n  const infoStr = encodeURIComponent(JSON.stringify(info))\n\n  return `<span data-w-e-type=\"mention\" data-w-e-is-void data-w-e-is-inline data-value=\"${value}\" data-info=\"${infoStr}\">@${value}</span>`\n}\n\n// 配置\nconst conf = {\n  type: 'mention', // 节点 type ，重要！！！\n  elemToHtml: mentionToHtml,\n}\n\nexport default conf\n","/**\n * @description parse elem html\n * @author wangfupeng\n */\n\nimport { IDomEditor, SlateDescendant, SlateElement } from '@wangeditor-next/editor'\n\nimport { DOMElement } from '../utils/dom'\nimport { MentionElement } from './custom-types'\n\nfunction parseHtml(\n  elem: DOMElement,\n  _children: SlateDescendant[],\n  _editor: IDomEditor,\n): SlateElement {\n  // elem HTML 结构 <span data-w-e-type=\"mention\" data-w-e-is-void data-w-e-is-inline data-value=\"张三\" data-info=\"xxx\">@张三</span>\n\n  const value = elem.getAttribute('data-value') || ''\n  const rawInfo = decodeURIComponent(elem.getAttribute('data-info') || '')\n  let info: any\n\n  try {\n    info = JSON.parse(rawInfo)\n  } catch (ex) {\n    info = rawInfo\n  }\n\n  return {\n    type: 'mention',\n    value,\n    info,\n    children: [{ text: '' }], // void node 必须有一个空白 text\n  } as MentionElement\n}\n\nconst parseHtmlConf = {\n  selector: 'span[data-w-e-type=\"mention\"]',\n  parseElemHtml: parseHtml,\n}\n\nexport default parseHtmlConf\n"],"names":["editorPlugin","editor","insertText","isInline","isVoid","newEditor","t","DomEditor","getSelectedElems","some","elem","_a","getConfig","mentionConfig","getMentionConfig","showModal","hideModal","setTimeout","hide","once","on","hideOnChange","selection","off","getNodeType","renderElems","type","renderElem","_children","selected","isNodeSelected","value","h","props","contentEditable","style","marginLeft","marginRight","backgroundColor","border","borderRadius","padding","concat","elemsToHtml","elemToHtml","_childrenHtml","_b","_c","info","infoStr","encodeURIComponent","JSON","stringify","parseElemsHtml","selector","parseElemHtml","_editor","getAttribute","rawInfo","decodeURIComponent","parse","ex","children","text"],"mappings":"oXAYqC,CACnCA,aCGF,SAA2CC,GACjC,IAAAC,EAAiCD,EAAMC,WAA3BC,EAAqBF,EAAME,SAAjBC,EAAWH,SACnCI,EAAYJ,EAqElB,OAlEAI,EAAUH,WAAa,SAAAI,GAKrB,GAHcC,EAAAA,UAAUC,iBAAiBH,GACRI,KAAK,SAAAC,GAAQ,OAAAL,EAAUD,OAAOM,EAAjB,GAG5CR,EAAWI,OADb,CAMM,IAAAK,EAvBV,SAA0BV,GAIxB,OAHwBA,EAAOW,wBACuBC,aAGxD,CAkBqCC,CAAiBT,GAA1CU,EAASJ,EAAAI,UAAEC,EAASL,EAAAK,UAElB,MAANV,GACFW,WAAW,WAELF,GAAaA,EAAUV,GAG3BY,WAAW,WACT,SAASC,IACHF,GAAaA,EAAUX,EAC7B,CACAA,EAAUc,KAAK,aAAcD,GAC7Bb,EAAUc,KAAK,eAAgBD,GAC/Bb,EAAUc,KAAK,SAAUD,GACzBb,EAAUc,KAAK,mBAAoBD,GACnCb,EAAUc,KAAK,mBAAoBD,GAQnCb,EAAUe,GAAG,SANb,SAASC,IACoB,MAAvBhB,EAAUiB,YACZJ,IACAb,EAAUkB,IAAI,SAAUF,GAE5B,EAEF,EACF,GAIFnB,EAAWI,EAjCX,CAkCF,EAGAD,EAAUF,SAAW,SAAAO,GAGnB,MAAa,YAFAH,EAAAA,UAAUiB,YAAYd,IAM5BP,EAASO,EAClB,EAGAL,EAAUD,OAAS,SAAAM,GAGjB,MAAa,YAFAH,EAAAA,UAAUiB,YAAYd,IAM5BN,EAAOM,EAChB,EAEOL,CACT,ED1EEoB,YAAa,CEyBF,CACXC,KAAM,UACNC,WA/BF,SAAuBjB,EAAoBkB,EAA2B3B,GAEpE,IAAM4B,EAAWtB,EAAAA,UAAUuB,eAAe7B,EAAQS,GAC1CC,EAAeD,EAAsBqB,MAArCA,OAAK,IAAApB,EAAG,KAuBhB,OApBcqB,EAAAA,EACZ,OACA,CACEC,MAAO,CACLC,iBAAiB,GAEnBC,MAAO,CACLC,WAAY,MACZC,YAAa,MACbC,gBAAiB,sCACjBC,OAAQV,EACJ,sDACA,wBACJW,aAAc,MACdC,QAAS,UAGb,IAAAC,OAAIX,GAIR,IFtBEY,YAAa,CGGF,CACXjB,KAAM,UACNkB,WAVF,SAAuBlC,EAAoBmC,GACnC,IAAAlC,EAA4BD,EAA1BoC,EAAAnC,EAAAoB,MAAAA,OAAK,IAAAe,EAAG,GAAEA,EAAEC,SAAAC,OAAI,IAAAD,EAAG,CAAA,IACrBE,EAAUC,mBAAmBC,KAAKC,UAAUJ,IAElD,MAAO,wFAAiFjB,EAAK,iBAAAW,OAAgBO,EAAO,OAAAP,OAAMX,YAC5H,IHCEsB,eAAgB,CImBI,CACpBC,SAAU,gCACVC,cA3BF,SACE7C,EACAkB,EACA4B,GAIA,IAEIR,EAFEjB,EAAQrB,EAAK+C,aAAa,eAAiB,GAC3CC,EAAUC,mBAAmBjD,EAAK+C,aAAa,cAAgB,IAGrE,IACET,EAAOG,KAAKS,MAAMF,EACpB,CAAE,MAAOG,GACPb,EAAOU,CACT,CAEA,MAAO,CACLhC,KAAM,UACNK,MAAKA,EACLiB,KAAIA,EACJc,SAAU,CAAC,CAAEC,KAAM,KAEvB"}

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

@@ -7,6 +7,9 @@ declare const _default: {
         unOrderedList: string;
         orderedList: string;
         lowerAlphaList: string;
+        numberingActions: string;
+        continueNumbering: string;
+        restartNumbering: string;
     };
 };
 export default _default;

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

@@ -7,6 +7,9 @@ declare const _default: {
         unOrderedList: string;
         orderedList: string;
         lowerAlphaList: string;
+        numberingActions: string;
+        continueNumbering: string;
+        restartNumbering: string;
     };
 };
 export default _default;

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

@@ -4,11 +4,24 @@
  */
 import { Text } from 'slate';
 export type OrderedListType = '1' | 'a' | 'A' | 'i' | 'I';
+/**
+ * An outline keeps the established list-item wire format and records the
+ * heading semantics as additive metadata.
+ */
+export type HeadingType = 'header1' | 'header2' | 'header3' | 'header4' | 'header5' | 'header6';
 export type ListItemElement = {
     type: 'list-item';
     ordered: boolean;
     level: number;
     start?: number;
     orderType?: OrderedListType;
+    headingType?: HeadingType;
+    listMode?: 'outline';
+    listRestart?: number;
     children: Text[];
 };
+export type OutlineListItemElement = ListItemElement & {
+    ordered: true;
+    headingType: HeadingType;
+    listMode: 'outline';
+};

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

@@ -1,15 +1,25 @@
 /**
- * @description table menu helpers
- * @author wangfupeng
+ * @description list helpers
  */
 import { IDomEditor } from '@wangeditor-next/core';
-import { ListItemElement, OrderedListType } from './custom-types';
+import { Node } from 'slate';
+import { HeadingType, ListItemElement, OrderedListType, OutlineListItemElement } from './custom-types';
+export declare function isListNode(node: Node): node is ListItemElement;
+export declare const isLegacyListItem: typeof isListNode;
+export declare function isHeadingType(value: unknown): value is HeadingType;
+export declare function getHeadingType(node: Node): HeadingType | null;
+export declare function getListIndent(node: Node): number;
+export declare function getListMode(node: Node): 'standard' | 'outline';
+export declare function isOutlineListNode(node: Node): node is OutlineListItemElement;
+export declare function getOutlineLevel(node: Node): number;
 export declare function getNormalizedOrderedListStart(elem: ListItemElement): number;
 export declare function getNormalizedOrderedListType(elem: ListItemElement): OrderedListType;
 export declare function hasSameListConfig(a: ListItemElement, b: ListItemElement): boolean;
+export declare function getOrderedItemNumber(editor: IDomEditor, elem: ListItemElement): number;
+export declare function getOutlineNumber(editor: IDomEditor, elem: ListItemElement): string;
 /**
  * 获取上一个同一 level 的 list item
- * @param editor 编辑器实例
+ * @param editor editor
  * @param elem elem
  */
 export declare function getBrotherListNodeByLevel(editor: IDomEditor, elem: ListItemElement, level?: number): ListItemElement | null;

package/dist/list-module/src/module/html-transform.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description compose semantic outline HTML from additive list-item metadata
+ */
+import { HtmlTransformFnType } from '@wangeditor-next/core';
+/**
+ * List-item serialization remains backward compatible for ordinary lists.
+ * Only outline list items need document-level composition to create valid
+ * `ol > li > hN` structure.
+ */
+export declare const transformListHtml: HtmlTransformFnType;

package/dist/list-module/src/module/menu/BaseMenu.d.ts

@@ -1,5 +1,5 @@
 /**
- * @description base menu
+ * @description list menu base class
  * @author wangfupeng
  */
 import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
@@ -11,7 +11,7 @@ declare abstract class BaseMenu implements IButtonMenu {
     abstract readonly title: string;
     abstract readonly iconSvg: string;
     readonly tag = "button";
-    private getListNode;
+    private isTargetListNode;
     getValue(_editor: IDomEditor): string | boolean;
     isActive(editor: IDomEditor): boolean;
     isDisabled(editor: IDomEditor): boolean;

package/dist/list-module/src/module/outline-actions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description outline numbering marker actions
+ */
+import { IDomEditor } from '@wangeditor-next/core';
+import { ListItemElement } from './custom-types';
+export declare function continueOutlineNumbering(editor: IDomEditor, node: ListItemElement): void;
+export declare function restartOutlineNumbering(editor: IDomEditor, node: ListItemElement): void;
+export declare function hideOutlineActionPanel(editor: IDomEditor): void;
+export declare function showOutlineActionPanel(editor: IDomEditor, node: ListItemElement, marker: HTMLElement): void;

package/dist/list-module/src/module/parse-elem-html.d.ts

@@ -1,6 +1,5 @@
 /**
- * @description parse elem html
- * @author wangfupeng
+ * @description parse list HTML
  */
 import { IDomEditor } from '@wangeditor-next/core';
 import { Descendant } from 'slate';

package/dist/list-module/src/module/plugin.d.ts

@@ -1,5 +1,5 @@
 /**
- * @description editor 插件，重写 editor API
+ * @description list editor plugin
  * @author wangfupeng
  */
 import { IDomEditor } from '@wangeditor-next/core';

package/dist/list-module/src/utils/maps.d.ts

@@ -3,4 +3,5 @@
  * @author wangfupeng
  */
 import { IDomEditor } from '@wangeditor-next/core';
-export declare const ELEM_TO_EDITOR: WeakMap<import("packages/custom-types").CustomElement, IDomEditor>;
+import { BaseElement } from 'slate';
+export declare const ELEM_TO_EDITOR: WeakMap<BaseElement, IDomEditor>;

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

@@ -1,4 +1,5 @@
 import { IButtonMenu, IDomEditor } from '@wangeditor-next/core';
+import { NodeEntry } from 'slate';
 import TableProperty, { FieldName } from './TableProperty';
 declare class CellProperty extends TableProperty implements IButtonMenu {
     readonly title: string;
@@ -8,6 +9,6 @@ declare class CellProperty extends TableProperty implements IButtonMenu {
     readonly modalWidth = 360;
     readonly menu = "cell";
     readonly propertyFields: FieldName[];
-    getModalContentNode(editor: IDomEditor): import("slate").NodeEntry<import("../../utils").WithType<import("packages/custom-types").CustomElement>>;
+    getModalContentNode(editor: IDomEditor): NodeEntry;
 }
 export default CellProperty;

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

@@ -3,6 +3,7 @@
  * @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;
@@ -35,7 +36,7 @@ declare class TableProperty implements IButtonMenu {
     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 }: {

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/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/table-module/src/utils/dom.d.ts

@@ -10,7 +10,7 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 /**
  * 获取 tagName lower-case

package/dist/table-module/src/utils/options.d.ts

@@ -8,18 +8,9 @@ export interface WithTableOptions {
         tr: ElementType;
         table: ElementType;
         tbody: ElementType;
-        tfoot: ElementType;
-        thead: ElementType;
+        tfoot?: ElementType;
+        thead?: ElementType;
     };
 }
-export declare const DEFAULT_WITH_TABLE_OPTIONS: {
-    blocks: {
-        td: string;
-        th: string;
-        content: string;
-        tr: string;
-        table: string;
-        tbody: string;
-    };
-};
+export declare const DEFAULT_WITH_TABLE_OPTIONS: WithTableOptions;
 export {};

package/dist/upload-image-module/src/utils/dom.d.ts

@@ -3,5 +3,5 @@
  * @author wangfupeng
  */
 import $ from 'dom7';
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;

package/dist/video-module/src/utils/dom.d.ts

@@ -11,7 +11,7 @@ import DOMText = globalThis.Text;
 import DOMRange = globalThis.Range;
 import DOMSelection = globalThis.Selection;
 import DOMStaticRange = globalThis.StaticRange;
-export { Dom7Array } from 'dom7';
+export type { Dom7Array } from 'dom7';
 export default $;
 /**
  * 获取 tagName lower-case

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wangeditor-next/plugin-mention",
-  "version": "3.0.0",
+  "version": "6.2.0",
   "description": "wangEditor mention plugin",
   "author": "cycleccc <2991205548@qq.com>",
   "type": "module",
@@ -14,8 +14,7 @@
       "types": "./dist/plugin-mention/src/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
-    },
-    "./dist/css/style.css": "./dist/css/style.css"
+    }
   },
   "directories": {
     "lib": "dist"
@@ -34,8 +33,8 @@
     "url": "https://github.com/wangeditor-next/wangEditor-next/issues"
   },
   "peerDependencies": {
-    "@wangeditor-next/editor": ">=6.0.0",
-    "snabbdom": "^3.6.0"
+    "snabbdom": "^3.6.0",
+    "@wangeditor-next/editor": "^6.2.0"
   },
   "devDependencies": {
     "@wangeditor-next-shared/rollup-config": "^0.0.2"