vue-editify 0.2.16 → 0.2.18

package/lib/components/colors/colors.vue.d.ts

@@ -17,6 +17,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -36,11 +40,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     tooltip: boolean;
     color: string;
+    zIndex: number;
     value: string;
     data: ButtonOptionsItemType[];
 }, {}>;

package/lib/components/colors/props.d.ts

@@ -18,5 +18,9 @@ export declare const ColorsProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type ColorsPropsType = ExtractPublicPropTypes<typeof ColorsProps>;

package/lib/core/function.d.ts

@@ -6,6 +6,31 @@ export type ElementMatchConfigType = {
     marks?: ObjectType;
     styles?: ObjectType;
 };
+/** --------------------------------代码块操作相关函数------------------------------------------------ */
+/**
+ * 更新代码块内的光标位置
+ * @param editor
+ * @param element
+ * @param originalTextElements
+ * @param newElements
+ * @returns
+ */
+export declare const updateRangeInPre: (editor: AlexEditor, element: AlexElement, originalTextElements: AlexElement[], newElements: AlexElement[]) => void;
+/** --------------------------------表格操作相关函数--------------------------------------------- */
+/**
+ * 自动隐藏被合并的单元格
+ * @param editor
+ * @param rowElements
+ */
+export declare const autoHideMergedTableCells: (editor: AlexEditor, rowElements: AlexElement[]) => void;
+/**
+ * 自动补全表格行和列
+ * @param editor
+ * @param rowElements
+ * @param rowNumber
+ * @param columnNumber
+ */
+export declare const autocompleteTableCells: (editor: AlexEditor, rowElements: AlexElement[], rowNumber: number, columnNumber: number) => void;
 /**
  * 清空单元格的内容并隐藏
  * @param editor
@@ -40,6 +65,7 @@ export declare const getTableSize: (rowElements: AlexElement[]) => {
     rowNumber: number;
     columnNumber: number;
 };
+/** --------------------------------通用的元素判断函数----------------------------------------------- */
 /**
  * Open API：判断元素是否符合指定的条件
  * @param element
@@ -62,6 +88,7 @@ export declare const getMatchElementByElement: (element: AlexElement, config: El
  * @returns
  */
 export declare const getMatchElementByRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, config: ElementMatchConfigType) => AlexElement | null;
+/** --------------------------------列表判断函数---------------------------------------------------------- */
 /**
  * Open API：判断元素是否有序或者无序列表，不做空元素判断
  * @param element
@@ -92,6 +119,7 @@ export declare const hasListInRange: (editor: AlexEditor, dataRangeCaches: AlexE
  * @returns
  */
 export declare const rangeIsInList: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, ordered?: boolean | undefined) => boolean;
+/** --------------------------------任务列表判断函数----------------------------------------------- */
 /**
  * Open API：判断元素是否任务列表，不做空元素判断
  * @param element
@@ -118,6 +146,7 @@ export declare const hasTaskInRange: (editor: AlexEditor, dataRangeCaches: AlexE
  * @returns
  */
 export declare const rangeIsInTask: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------附件判断函数------------------------------------------------- */
 /**
  * Open API：判断元素是否附件，不做空元素判断
  * @param element
@@ -131,6 +160,7 @@ export declare const elementIsAttachment: (element: AlexElement) => boolean;
  * @returns
  */
 export declare const hasAttachmentInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------数学公式判断函数--------------------------------------------- */
 /**
  * Open API：判断元素是否数学公式，不做空元素判断
  * @param element
@@ -150,6 +180,7 @@ export declare const getMathformulaByElement: (element: AlexElement) => AlexElem
  * @returns
  */
 export declare const hasMathformulaInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------面板判断函数--------------------------------------------------- */
 /**
  * Open API：判断元素是否面板，不做空元素判断
  * @param el
@@ -169,6 +200,7 @@ export declare const getPanelByElement: (element: AlexElement) => AlexElement |
  * @returns
  */
 export declare const hasPanelInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------信息块判断函数---------------------------------------------- */
 /**
  * Open API：判断元素是否信息块，不做空元素判断
  * @param el
@@ -195,6 +227,7 @@ export declare const hasInfoBlockInRange: (editor: AlexEditor, dataRangeCaches:
  * @returns
  */
 export declare const rangeIsInInfoBlock: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------代码块判断函数------------------------------------------------ */
 /**
  * Open API：选区是否含有代码块，不一定是同一个代码块，只要含有代码块即返回true
  * @param editor
@@ -202,6 +235,15 @@ export declare const rangeIsInInfoBlock: (editor: AlexEditor, dataRangeCaches: A
  * @returns
  */
 export declare const hasPreInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------表格判断函数------------------------------------------------- */
+/**
+ * Open API：选区是否含有表格，不一定是同一个表格，只要含有表格即返回true
+ * @param editor
+ * @param dataRangeCaches
+ * @returns
+ */
+export declare const hasTableInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------引用判断函数----------------------------------------------- */
 /**
  * Open API：选区是否含有引用，不一定是同一个引用，只要含有引用即返回true
  * @param editor
@@ -210,19 +252,21 @@ export declare const hasPreInRange: (editor: AlexEditor, dataRangeCaches: AlexEl
  */
 export declare const hasQuoteInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
 /**
- * Open API：选区是否含有链接，不一定是同一个链接，只要含有链接即返回true
+ * Open API：选区是否全部在引用内，不一定是同一个引用
  * @param editor
  * @param dataRangeCaches
  * @returns
  */
-export declare const hasLinkInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+export declare const rangeIsInQuote: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------链接判断函数-------------------------------------------------- */
 /**
- * Open API：选区是否含有表格，不一定是同一个表格，只要含有表格即返回true
+ * Open API：选区是否含有链接，不一定是同一个链接，只要含有链接即返回true
  * @param editor
  * @param dataRangeCaches
  * @returns
  */
-export declare const hasTableInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+export declare const hasLinkInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------图片视频判断函数--------------------------------------------- */
 /**
  * Open API：选区是否含有图片，不一定是同一个图片，只要含有图片即返回true
  * @param editor
@@ -237,13 +281,14 @@ export declare const hasImageInRange: (editor: AlexEditor, dataRangeCaches: Alex
  * @returns
  */
 export declare const hasVideoInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------文本元素标记和样式相关函数--------------------------------------- */
 /**
- * Open API：选区是否全部在引用内，不一定是同一个引用
+ * 获取光标选取内的扁平化元素数组(可能会分割文本元素导致stack变更，同时也会更新选取元素和光标位置)
  * @param editor
  * @param dataRangeCaches
  * @returns
  */
-export declare const rangeIsInQuote: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+export declare const getFlatElementsByRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => AlexElement[];
 /**
  * Open API：查询光标所在的文本元素是否具有某个样式
  * @param editor
@@ -253,6 +298,22 @@ export declare const rangeIsInQuote: (editor: AlexEditor, dataRangeCaches: AlexE
  * @returns
  */
 export declare const queryTextStyle: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, name: string, value?: string | number) => boolean;
+/**
+ * Open API：设置文本元素的样式
+ * @param editor
+ * @param dataRangeCaches
+ * @param styles 值为{ 'font-weight':'bold' }这类格式
+ * @returns
+ */
+export declare const setTextStyle: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, styles: ObjectType) => void;
+/**
+ * Open API：移除文本元素的样式
+ * @param editor
+ * @param dataRangeCaches
+ * @param styleNames 样式名称数组，如果不存在则移除全部样式
+ * @returns
+ */
+export declare const removeTextStyle: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, styleNames?: string[]) => void;
 /**
  * Open API：查询光标所在的文本元素是否具有某个标记
  * @param editor
@@ -263,18 +324,22 @@ export declare const queryTextStyle: (editor: AlexEditor, dataRangeCaches: AlexE
  */
 export declare const queryTextMark: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, name: string, value?: string | number) => boolean;
 /**
- * Open API：获取选区内的文字内容
+ * Open API：设置文本元素的标记
+ * @param editor
  * @param dataRangeCaches
+ * @param marks 值为{ 'class':'a' }这类格式
  * @returns
  */
-export declare const getRangeText: (dataRangeCaches: AlexElementsRangeType) => string;
+export declare const setTextMark: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, marks: ObjectType) => void;
 /**
- * 获取光标选取内的扁平化元素数组(可能会分割文本元素导致stack变更，同时也会更新选取元素和光标位置)
+ * Open API：移除文本元素的标记
  * @param editor
  * @param dataRangeCaches
+ * @param markNames 标记名称数组，如果不存在则移除全部标记
  * @returns
  */
-export declare const getFlatElementsByRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => AlexElement[];
+export declare const removeTextMark: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, markNames?: string[]) => void;
+/** --------------------------------元素转换函数-------------------------------------------------- */
 /**
  * 将某个元素转为段落标签
  * @param element
@@ -293,15 +358,29 @@ export declare const elementToList: (element: AlexElement, ordered?: boolean | u
  * @returns
  */
 export declare const elementToTask: (element: AlexElement) => void;
+/** --------------------------------封装的功能函数----------------------------------------------- */
+/**
+ * Open API：获取选区内的文字内容
+ * @param dataRangeCaches
+ * @returns
+ */
+export declare const getRangeText: (dataRangeCaches: AlexElementsRangeType) => string;
 /**
- * 设置标题
+ * Open API：给元素两侧加上空白文本元素
+ * @param editor
+ * @param element
+ */
+export declare const addSpaceTextToBothSides: (editor: AlexEditor, element: AlexElement) => void;
+/** --------------------------------菜单功能函数----------------------------------------------------- */
+/**
+ * OpenAPI：设置标题，支持h1-h6和p
  * @param editor
  * @param dataRangeCaches
  * @param editTrans
  * @param parsedom
  * @returns
  */
-export declare const setHeading: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, editTrans: (key: string) => any, parsedom: string) => void;
+export declare const setHeading: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, parsedom: string) => void;
 /**
  * Open API：根级块元素或者内部块元素增加缩进
  * @param editor
@@ -347,39 +426,7 @@ export declare const setList: (editor: AlexEditor, dataRangeCaches: AlexElements
  */
 export declare const setTask: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => void;
 /**
- * Open API：设置文本元素的样式
- * @param editor
- * @param dataRangeCaches
- * @param styles 值为{ 'font-weight':'bold' }这类格式
- * @returns
- */
-export declare const setTextStyle: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, styles: ObjectType) => void;
-/**
- * Open API：设置文本元素的标记
- * @param editor
- * @param dataRangeCaches
- * @param marks 值为{ 'class':'a' }这类格式
- * @returns
- */
-export declare const setTextMark: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, marks: ObjectType) => void;
-/**
- * Open API：移除文本元素的样式
- * @param editor
- * @param dataRangeCaches
- * @param styleNames 样式名称数组，如果不存在则移除全部样式
- * @returns
- */
-export declare const removeTextStyle: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, styleNames?: string[]) => void;
-/**
- * Open API：移除文本元素的标记
- * @param editor
- * @param dataRangeCaches
- * @param markNames 标记名称数组，如果不存在则移除全部标记
- * @returns
- */
-export declare const removeTextMark: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, markNames?: string[]) => void;
-/**
- * Open API：设置块元素或者根级块元素的行高
+ * Open API：设置内部块元素或者根级块元素的行高
  * @param editor
  * @param dataRangeCaches
  * @param value
@@ -431,3 +478,31 @@ export declare const insertCodeBlock: (editor: AlexEditor, dataRangeCaches: Alex
  * @returns
  */
 export declare const insertSeparator: (editor: AlexEditor) => void;
+/**
+ * Open API：插入附件
+ * @param editor
+ * @param url 附件地址
+ * @param name 附件名称
+ */
+export declare const insertAttachment: (editor: AlexEditor, url: string, name: string) => void;
+/**
+ * Open API：插入数学公式
+ * @param editor
+ * @param dataRangeCaches
+ * @param mathContent 数学公式字符串
+ * @param errorCallback 错误处理
+ */
+export declare const insertMathformula: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, mathContent: string, errorCallback?: (err: Error) => void) => void;
+/**
+ * Open API：插入信息块
+ * @param editor
+ * @param dataRangeCaches
+ */
+export declare const insertInfoBlock: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => void;
+/**
+ * Open API：插入面板
+ * @param editor
+ * @param panelTitle 面板标题
+ * @param panelContent 面板内容
+ */
+export declare const insertPanel: (editor: AlexEditor, panelTitle: string, panelContent: string) => void;

package/lib/core/rule.d.ts

@@ -2,43 +2,49 @@ import { AlexEditor, AlexElement } from 'alex-editor';
 import { LanguagesItemType } from '../hljs';
 
 /**
- * 元素格式化时转换ol和li标签
+ * 有序列表和无序列表的格式化处理
  * @param editor
  * @param element
  */
-export declare const parseList: (editor: AlexEditor, element: AlexElement) => void;
+export declare const listHandle: (editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理有序列表的序号值
+ * 图片格式化处理
  * @param editor
  * @param element
  */
-export declare const orderdListHandle: (editor: AlexEditor, element: AlexElement) => void;
+export declare const imageHandle: (_editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理常规元素（图片、视频、分隔线、行内代码）
+ * 视频格式化处理
  * @param editor
  * @param element
  */
-export declare const commonElementHandle: (editor: AlexEditor, element: AlexElement) => void;
+export declare const videoHandle: (editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理表格：th转为td
+ * 分隔线格式化处理
  * @param editor
  * @param element
  */
-export declare const tableThTdHandle: (_editor: AlexEditor, element: AlexElement) => void;
+export declare const separatorHandle: (editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理表格：格式化表格
+ * 链接格式化处理
  * @param editor
  * @param element
  */
-export declare const tableFormatHandle: (editor: AlexEditor, element: AlexElement) => void;
+export declare const linkHandle: (_editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理表格：处理光标在表格隐藏单元格内的情况
+ * 行内代码格式化处理
+ * @param _editor
+ * @param element
+ */
+export declare const codeHandle: (_editor: AlexEditor, element: AlexElement) => void;
+/**
+ * 表格格式化处理
  * @param editor
  * @param element
  */
-export declare const tableRangeMergedHandle: (editor: AlexEditor, element: AlexElement) => void;
+export declare const tableHandle: (editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理pre，将pre的内容根据语言进行样式处理
+ * 代码块格式化处理
  * @param editor
  * @param element
  * @param highlight
@@ -46,27 +52,27 @@ export declare const tableRangeMergedHandle: (editor: AlexEditor, element: AlexE
  */
 export declare const preHandle: (editor: AlexEditor, element: AlexElement, highlight: boolean, languages: (string | LanguagesItemType)[]) => void;
 /**
- * 元素格式化时处理附件元素
+ * 附件格式化处理
  * @param editor
  * @param element
  * @param $editTrans
  */
 export declare const attachmentHandle: (editor: AlexEditor, element: AlexElement, $editTrans: (key: string) => any) => void;
 /**
- * 元素格式化时处理数学公式元素
+ * 数学公式格式化处理
  * @param editor
  * @param element
  */
 export declare const mathformulaHandle: (editor: AlexEditor, element: AlexElement) => void;
 /**
- * 元素格式化时处理信息块元素
+ * 信息块格式化处理
  * @param editor
  * @param element
  * @param color
  */
 export declare const infoBlockHandle: (_editor: AlexEditor, element: AlexElement, color: string) => void;
 /**
- * 元素格式化时处理一些特殊的内部块元素，转为根级块元素
+ * 一些特殊的内部块元素，转为根级块元素
  * @param editor
  * @param element
  */

package/lib/core/tool.d.ts

@@ -87,11 +87,6 @@ export type CodeBlockToolbarType = {
     languages?: MenuSelectButtonType;
 };
 export type TextToolbarType = {
-    heading?: MenuDisplayButtonType;
-    align?: MenuSelectButtonType;
-    orderList?: MenuButtonType;
-    unorderList?: MenuButtonType;
-    task?: MenuButtonType;
     bold?: MenuButtonType;
     italic?: MenuButtonType;
     strikethrough?: MenuButtonType;
@@ -101,7 +96,6 @@ export type TextToolbarType = {
     sub?: MenuButtonType;
     fontSize?: MenuDisplayButtonType;
     fontFamily?: MenuDisplayButtonType;
-    lineHeight?: MenuDisplayButtonType;
     foreColor?: MenuSelectButtonType;
     backColor?: MenuSelectButtonType;
     formatClear?: MenuButtonType;
@@ -213,12 +207,6 @@ export declare const mergeObject: (o1: ObjectType, o2: ObjectType) => ObjectType
  * @returns
  */
 export declare const queryHasValue: (obj: ObjectType, name: string, value?: string | number) => boolean;
-/**
- * 深拷贝函数
- * @param data
- * @returns
- */
-export declare const cloneData: (data: any) => any;
 /**
  * 获取菜单按钮列表数据配置
  * @param editTrans
@@ -231,7 +219,7 @@ export declare const getButtonOptionsConfig: (editTrans: (key: string) => any) =
  * @param editLocale
  * @returns
  */
-export declare const getToolbarConfig: (editTrans: (key: string) => any, editLocale: LocaleType) => ToolbarConfigType;
+export declare const getToolbarConfig: (editTrans: (key: string) => any) => ToolbarConfigType;
 /**
  * 菜单栏全量配置
  * @param editTrans

package/lib/editify/editify.vue.d.ts

@@ -437,7 +437,9 @@ declare const _default: import('vue').DefineComponent<{
             };
         } | null;
         __guid: number;
-        __events: import('alex-editor').ObjectType;
+        __events: {
+            [key: string]: ((...args: any) => void)[];
+        };
         __oldStack: {
             key: number;
             type: import('alex-editor').AlexElementType;
@@ -484,6 +486,12 @@ declare const _default: import('vue').DefineComponent<{
         __isInputChinese: boolean;
         __innerSelectionChange: boolean;
         __chineseInputTimer: any;
+        __domObserver: {
+            disconnect: () => void;
+            observe: (target: Node, options?: MutationObserverInit) => void;
+            takeRecords: () => MutationRecord[];
+        } | null;
+        __illegalDoms: Node[];
         initRange: () => void;
         delete: () => void;
         insertText: (data: string) => void;
@@ -509,6 +517,7 @@ declare const _default: import('vue').DefineComponent<{
         setEnabled: () => void;
         emit: (eventName: string, ...value: any) => boolean;
         on: (eventName: string, eventHandle: (...args: any) => void) => void;
+        off: (eventName: string, eventHandle?: (...args: any) => void) => void;
         destroy: () => void;
     } | null>;
     isSourceView: import('vue').Ref<boolean>;

package/lib/editify/props.d.ts

@@ -10,7 +10,7 @@ export type EditifyResizeParamsType = {
 export type EditifyToolbarOptionsType = {
     show: boolean;
     node: string | null;
-    type: 'text' | 'link' | 'image' | 'video' | 'table' | 'codeBlock';
+    type: 'text' | 'link' | 'image' | 'video' | 'table' | 'codeBlock' | 'orderList' | 'unorderList';
 };
 export declare const EditifyProps: {
     locale: {

package/lib/editify/toolbar/props.d.ts

@@ -15,7 +15,7 @@ export declare const ToolbarProps: {
         default: null;
     };
     type: {
-        type: PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video">;
+        type: PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video" | "orderList" | "unorderList">;
         default: string;
         validator(value: any): boolean;
     };

package/lib/editify/toolbar/toolbar.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     type: {
-        type: import('vue').PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video">;
+        type: import('vue').PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video" | "orderList" | "unorderList">;
         default: string;
         validator(value: any): boolean;
     };
@@ -326,7 +326,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     type: {
-        type: import('vue').PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video">;
+        type: import('vue').PropType<"text" | "table" | "link" | "codeBlock" | "image" | "video" | "orderList" | "unorderList">;
         default: string;
         validator(value: any): boolean;
     };
@@ -345,7 +345,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    type: "text" | "link" | "table" | "video" | "image" | "codeBlock";
+    type: "link" | "text" | "orderList" | "unorderList" | "table" | "video" | "image" | "codeBlock";
     color: string;
     zIndex: number;
     modelValue: boolean;