vue-editify 0.2.17 → 0.2.19

package/examples/App.vue

@@ -22,6 +22,7 @@ const menuConfig = ref({
 	sourceView: {
 		show: true
 	},
+	heading: {},
 	fullScreen: {
 		show: true
 	},
@@ -53,19 +54,10 @@ const menuConfig = ref({
 	}
 })
 const toolbarConfig = ref({
-	use: true
+	use: true,
+	text: {}
 })
-const val = ref<string>(
-	`<div data-editify-info="true" style="background-color: rgba(3, 168, 243, 0.15); color: rgb(3, 168, 243);"><span>调用domRender方法会先对编辑器内的元素进行格式化处理，然后会更新编辑器dom内容，渲染到视图上</span></div><p><br></p><p><br></p><h5><span>如何规范化校验（格式化）？</span></h5><p><br></p><h5><span>null</span></h5><div data-editify-list="ul"><span>stack数组元素只能是block元素，同时block元素只会出现在根部，如果某个元素的子元素是block元素，那么该block元素会被转为inline元素或者inblock元素（对于被转为inblock的block元素，其行为值behavior为"block"）</span></div><div data-editify-list="ul"><span>inblock与其他元素不能同时存在于子元素数组中，如果某个元素的子元素数组中含有inblock元素，那么其他子元素也必然是inblock元素，否则该inblock元素会被转为inline元素</span></div><div data-editify-list="ul"><span>inblock元素的父元素必然是block元素或者inblock元素</span></div><div data-editify-list="ul"><span>换行符清除规则：换行符与其他元素不能同时存在，并且如果某个元素下存在多个换行符则会被清除为一个换行符</span></div><div data-editify-list="ul"><span>兄弟元素合并策略：相邻的两个文本元素的styles和marks相同则会被合并；相邻的两个行内元素的parsedom、styles和marks相同则会被合并（如果两个元素中有元素的locked属性为true则无法进行合并）</span></div><div data-editify-list="ul"><span>父子元素合并策略：父元素的子元素只有一个，并且该子元素是文本元素，父元素是parsedom==AlexElement.TEXT_NODE的行内元素，则子元素会父元素进行合并；父元素的子元素只有一个，inline元素、inblock元素如果与父元素的parsedom一致，marks和styles也一致，那么会与父元素合并（如果两个元素中有元素的locked属性为true则无法进行合并）</span></div><div data-editify-list="ul"><span>多个连续空白文本字符合并策略：文本元素内的空白文本值如果存在多个连续的情况下，会被合并成一个空白文本值</span></div><div data-editify-list="ul"><span>元素进行规范化处理时，会从stack依次进行遍历处理，当遍历子元素时，也是从第一个子元素开始依次遍历</span></div><p><br></p><blockquote><span>以上是编辑器内部的默认规范化处理规则，当然，编辑器对外提供了让我们自定义额外规则的能力，它便是AlexEditor的属性renderRules</span></blockquote><p><br></p><p><br></p><h5><span>使用renderRules自定义额外的规范化校验规则</span></h5><p><br></p><p><span>renderRules是一个数组，数组中可以定义多个函数，每个函数都会在调用formatElementStack方法时进行调用</span></p><pre data-editify-element="42" data-editify-hljs="javascript"><span class="editify-hljs-comment">//例如将&lt;b&gt;标签转为&lt;span&gt;标签</span><span>
-</span><span class="editify-hljs-keyword">const</span><span> parseCode = </span><span class="editify-hljs-keyword">function</span><span>(</span><span class="editify-hljs-params">element</span><span>){
-    </span><span class="editify-hljs-keyword">if</span><span> (element.</span><span class="editify-hljs-property">parsedom</span><span> == </span><span class="editify-hljs-string">'b'</span><span>) {
-        element.</span><span class="editify-hljs-property">parsedom</span><span> = </span><span class="editify-hljs-string">'span'</span><span>
-        element.</span><span class="editify-hljs-property">styles</span><span> = {
-             </span><span class="editify-hljs-string">'font-weight'</span><span>:</span><span class="editify-hljs-string">'bold'</span><span>
-        }
-    }
-}</span></pre>`
-)
+const val = ref<string>(`<p>333</p>`)
 </script>
 <style lang="less">
 html,

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/components/tooltip/tooltip.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
 }>>, {
     disabled: boolean;
     zIndex: number;
-    content: string;
     block: boolean;
+    content: string;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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,25 +180,7 @@ export declare const getMathformulaByElement: (element: AlexElement) => AlexElem
  * @returns
  */
 export declare const hasMathformulaInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
-/**
- * Open API：判断元素是否面板，不做空元素判断
- * @param el
- * @returns
- */
-export declare const elementIsPanel: (element: AlexElement) => boolean;
-/**
- * Open API：判断元素是否在面板内，是的话返回面板元素，否则返回null
- * @param el
- * @returns
- */
-export declare const getPanelByElement: (element: AlexElement) => AlexElement | null;
-/**
- * Open API：选区是否含有面板，不一定是同一个面板，只要含有面板即返回true
- * @param editor
- * @param dataRangeCaches
- * @returns
- */
-export declare const hasPanelInRange: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType) => boolean;
+/** --------------------------------信息块判断函数---------------------------------------------- */
 /**
  * Open API：判断元素是否信息块，不做空元素判断
  * @param el
@@ -195,6 +207,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 +215,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 +232,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 +261,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 +278,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 +304,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 +338,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;
+/** --------------------------------菜单功能函数----------------------------------------------------- */
+/**
+ * Open API：设置标题，支持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 +406,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 +458,24 @@ 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;

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

@@ -0,0 +1,36 @@
+import { ShortcutType } from './tool';
+
+export type ShortcutConfigType = {
+    heading: ShortcutType;
+    indent: ShortcutType;
+    quote: ShortcutType;
+    separator: ShortcutType;
+    align: ShortcutType;
+    orderList: ShortcutType;
+    unorderList: ShortcutType;
+    task: ShortcutType;
+    bold: ShortcutType;
+    underline: ShortcutType;
+    italic: ShortcutType;
+    strikethrough: ShortcutType;
+    code: ShortcutType;
+    super: ShortcutType;
+    sub: ShortcutType;
+    formatClear: ShortcutType;
+    fontSize: ShortcutType;
+    fontFamily: ShortcutType;
+    lineHeight: ShortcutType;
+    foreColor: ShortcutType;
+    backColor: ShortcutType;
+    link: ShortcutType;
+    image: ShortcutType;
+    video: ShortcutType;
+    table: ShortcutType;
+    codeBlock: ShortcutType;
+    sourceView: ShortcutType;
+    fullScreen: ShortcutType;
+    attachment: ShortcutType;
+    mathformula: ShortcutType;
+    infoBlock: ShortcutType;
+};
+export declare const config: ShortcutConfigType;

package/lib/core/tool.d.ts

@@ -1,4 +1,5 @@
-import { App, Component, VNode } from 'vue';
+import { App, Component, Ref, VNode } from 'vue';
+import { AlexEditor, AlexElementsRangeType } from 'alex-editor';
 import { LocaleType } from '../locale';
 import { Button, ButtonOptionsItemType, ButtonTypeType } from '../components/button';
 import { InsertImageUploadErrorType } from '../components/insertImage';
@@ -17,11 +18,19 @@ export type ButtonOptionsConfigType = {
     foreColor?: (string | number | ButtonOptionsItemType)[];
     backColor?: (string | number | ButtonOptionsItemType)[];
 };
+export type ShortcutType = {
+    title: string;
+    define: ((event: KeyboardEvent) => boolean | {
+        [code: string]: boolean;
+    }) | null;
+    operation?: (editor: AlexEditor, dataRangeCaches: AlexElementsRangeType, isSourceView: Ref<boolean>, isFullScreen: Ref<boolean>, code?: string) => void;
+};
 export interface MenuButtonType {
     show?: boolean;
     leftBorder?: boolean;
     rightBorder?: boolean;
     disabled?: boolean;
+    shortcut?: ShortcutType;
 }
 export interface MenuSelectButtonType extends MenuButtonType {
     options?: (string | number | ButtonOptionsItemType)[];
@@ -75,6 +84,7 @@ export type MenuCustomButtonType = {
     options?: ButtonOptionsItemType[];
     value?: string | number;
     hideScroll?: boolean;
+    shortcut?: ShortcutType;
     onLayerShow?: (name: string, btnInstance: InstanceType<typeof Button>) => void;
     onLayerShown?: (name: string, btnInstance: InstanceType<typeof Button>) => void;
     onLayerHidden?: (name: string, btnInstance: InstanceType<typeof Button>) => void;
@@ -87,11 +97,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 +106,6 @@ export type TextToolbarType = {
     sub?: MenuButtonType;
     fontSize?: MenuDisplayButtonType;
     fontFamily?: MenuDisplayButtonType;
-    lineHeight?: MenuDisplayButtonType;
     foreColor?: MenuSelectButtonType;
     backColor?: MenuSelectButtonType;
     formatClear?: MenuButtonType;
@@ -146,7 +150,6 @@ export type MenuSequenceType = {
     fullScreen?: number;
     attachment?: number;
     mathformula?: number;
-    panel?: number;
     infoBlock?: number;
 };
 export type MenuModeType = 'default' | 'inner' | 'fixed';
@@ -191,7 +194,6 @@ export type MenuConfigType = {
     fullScreen?: MenuButtonType;
     attachment?: MenuAttachmentButtonType;
     mathformula?: MenuMathformulaButtonType;
-    panel?: MenuButtonType;
     infoBlock?: MenuButtonType;
     extends?: MenuExtendType;
 };
@@ -213,12 +215,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 +227,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