vue-editify 0.2.18 → 0.2.20

package/src/feature/backColor.ts

@@ -127,7 +127,7 @@ export const BackColorMenuButton = defineComponent(
 								options: props.config.options
 							},
 							hideScroll: true,
-							title: $editTrans('backColor'),
+							title: `${$editTrans('backColor')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,

package/src/feature/bold.ts

@@ -97,7 +97,7 @@ export const BoldMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('bold'),
+							title: `${$editTrans('bold')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: active.value,

package/src/feature/code.ts

@@ -97,7 +97,7 @@ export const CodeMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('code'),
+							title: `${$editTrans('code')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: active.value,

package/src/feature/codeBlock.ts

@@ -2,7 +2,7 @@ import { computed, defineComponent, h, inject, PropType, ref, Ref } from 'vue'
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor'
 import { Button } from '@/components/button'
 import { Icon } from '@/components/icon'
-import { getMatchElementByRange, hasAttachmentInRange, hasImageInRange, hasMathformulaInRange, hasPanelInRange, hasTableInRange, hasVideoInRange, insertCodeBlock } from '@/core/function'
+import { getMatchElementByRange, hasAttachmentInRange, hasImageInRange, hasMathformulaInRange, hasTableInRange, hasVideoInRange, insertCodeBlock } from '@/core/function'
 import { MenuButtonType, MenuDisplayButtonType } from '@/core/tool'
 
 /**
@@ -170,11 +170,11 @@ export const CodeBlockMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('inserCodeBlock'),
+							title: `${$editTrans('inserCodeBlock')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: !!getMatchElementByRange(editor.value, dataRangeCaches.value, { parsedom: 'pre' }),
-							disabled: props.disabled || isSourceView.value || hasTableInRange(editor.value, dataRangeCaches.value) || hasImageInRange(editor.value, dataRangeCaches.value) || hasVideoInRange(editor.value, dataRangeCaches.value) || hasAttachmentInRange(editor.value, dataRangeCaches.value) || hasMathformulaInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || hasTableInRange(editor.value, dataRangeCaches.value) || hasImageInRange(editor.value, dataRangeCaches.value) || hasVideoInRange(editor.value, dataRangeCaches.value) || hasAttachmentInRange(editor.value, dataRangeCaches.value) || hasMathformulaInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								insertCodeBlock(editor.value, dataRangeCaches.value)
 								editor.value.domRender()

package/src/feature/fontFamily.ts

@@ -109,7 +109,7 @@ export const FontFamilyMenuButton = defineComponent(
 							width: props.config.width,
 							maxHeight: props.config.maxHeight
 						},
-						title: $editTrans('fontFamily'),
+						title: `${$editTrans('fontFamily')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 						leftBorder: props.config.leftBorder,
 						rightBorder: props.config.rightBorder,
 						active: false,

package/src/feature/fontSize.ts

@@ -111,7 +111,7 @@ export const FontSizeMenuButton = defineComponent(
 							width: props.config.width,
 							maxHeight: props.config.maxHeight
 						},
-						title: $editTrans('fontSize'),
+						title: `${$editTrans('fontSize')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 						leftBorder: props.config.leftBorder,
 						rightBorder: props.config.rightBorder,
 						disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,

package/src/feature/foreColor.ts

@@ -129,7 +129,7 @@ export const ForeColorMenuButton = defineComponent(
 								options: props.config.options
 							},
 							hideScroll: true,
-							title: $editTrans('foreColor'),
+							title: `${$editTrans('foreColor')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,

package/src/feature/formatClear.ts

@@ -84,7 +84,7 @@ export const FormatClearMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('formatClear'),
+							title: `${$editTrans('formatClear')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,

package/src/feature/fullScreen.ts

@@ -27,7 +27,7 @@ export const FullScreenMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('fullScreen'),
+							title: `${$editTrans('fullScreen')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: isFullScreen.value,

package/src/feature/heading.ts

@@ -2,7 +2,7 @@ import { computed, defineComponent, h, inject, PropType, Ref } from 'vue'
 import { AlexElementsRangeType, AlexEditor } from 'alex-editor'
 import { common as DapCommon } from 'dap-util'
 import { MenuDisplayButtonType } from '@/core/tool'
-import { hasPanelInRange, hasPreInRange, hasTableInRange, setHeading } from '@/core/function'
+import { hasPreInRange, hasTableInRange, setHeading } from '@/core/function'
 import { Button, ButtonOptionsItemType } from '@/components/button'
 
 /**
@@ -54,11 +54,11 @@ export const HeadingMenuButton = defineComponent(
 							width: props.config.width,
 							maxHeight: props.config.maxHeight
 						},
-						title: $editTrans('heading'),
+						title: `${$editTrans('heading')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 						leftBorder: props.config.leftBorder,
 						rightBorder: props.config.rightBorder,
 						active: false,
-						disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+						disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 						onOperate: (_name: string, val: string) => {
 							setHeading(editor.value, dataRangeCaches.value, val)
 							editor.value.domRender()

package/src/feature/image.ts

@@ -163,7 +163,7 @@ export const ImageMenuButton = defineComponent(
 							zIndex: props.zIndex,
 							type: 'select',
 							hideScroll: true,
-							title: $editTrans('insertImage'),
+							title: `${$editTrans('insertImage')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,

package/src/feature/indent.ts

@@ -30,7 +30,7 @@ export const IndentMenuButton = defineComponent(
 							color: props.color,
 							zIndex: props.zIndex,
 							type: 'select',
-							title: $editTrans('indent'),
+							title: `${$editTrans('indent')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							selectConfig: {
 								options: props.config.options,
 								width: props.config.width,

package/src/feature/infoBlock.ts

@@ -3,7 +3,7 @@ import { AlexEditor, AlexElementsRangeType } from 'alex-editor'
 import { Button } from '@/components/button'
 import { MenuButtonType } from '@/core/tool'
 import { Icon } from '@/components/icon'
-import { hasPanelInRange, hasPreInRange, hasTableInRange, insertInfoBlock, rangeIsInInfoBlock } from '@/core/function'
+import { hasPreInRange, hasTableInRange, insertInfoBlock, rangeIsInInfoBlock } from '@/core/function'
 
 /**
  * feature名称
@@ -29,11 +29,11 @@ export const InfoBlockMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('insertInfoBlock'),
+							title: `${$editTrans('insertInfoBlock')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: rangeIsInInfoBlock(editor.value, dataRangeCaches.value),
-							disabled: props.disabled || isSourceView.value || hasPanelInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || hasTableInRange(editor.value, dataRangeCaches.value) || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								//插入信息块
 								insertInfoBlock(editor.value, dataRangeCaches.value)

package/src/feature/italic.ts

@@ -97,7 +97,7 @@ export const ItalicMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('italic'),
+							title: `${$editTrans('italic')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,

package/src/feature/lineHeight.ts

@@ -60,7 +60,7 @@ export const LineHeightMenuButton = defineComponent(
 							width: props.config.width,
 							maxHeight: props.config.maxHeight
 						},
-						title: $editTrans('lineHeight'),
+						title: `${$editTrans('lineHeight')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 						leftBorder: props.config.leftBorder,
 						rightBorder: props.config.rightBorder,
 						disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,

package/src/feature/link.ts

@@ -103,7 +103,7 @@ export const LinkMenuButton = defineComponent(
 							zIndex: props.zIndex,
 							type: 'select',
 							hideScroll: true,
-							title: $editTrans('insertLink'),
+							title: `${$editTrans('insertLink')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,

package/src/feature/mathformula.ts

@@ -54,7 +54,7 @@ export const MathformulaMenuButton = defineComponent(
 							zIndex: props.zIndex,
 							type: 'select',
 							hideScroll: true,
-							title: $editTrans('insertMathformula'),
+							title: `${$editTrans('insertMathformula')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: !!getMatchElementByRange(editor.value, dataRangeCaches.value, {

package/src/feature/orderList.ts

@@ -1,7 +1,7 @@
 import { computed, defineComponent, h, inject, PropType, Ref } from 'vue'
 import { AlexElementsRangeType, AlexEditor, AlexElement } from 'alex-editor'
 import { MenuButtonType } from '@/core/tool'
-import { elementIsList, getMatchElementByRange, hasPanelInRange, hasPreInRange, hasTableInRange, rangeIsInList, setList } from '@/core/function'
+import { elementIsList, getMatchElementByRange, hasPreInRange, hasTableInRange, rangeIsInList, setList } from '@/core/function'
 import { Button } from '@/components/button'
 import { Icon } from '@/components/icon'
 
@@ -214,11 +214,11 @@ export const OrderListMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('orderList'),
+							title: `${$editTrans('orderList')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: rangeIsInList(editor.value, dataRangeCaches.value, true),
-							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setList(editor.value, dataRangeCaches.value, true)
 								editor.value.domRender()

package/src/feature/quote.ts

@@ -3,7 +3,7 @@ import { AlexEditor, AlexElementsRangeType } from 'alex-editor'
 import { Button } from '@/components/button'
 import { MenuSelectButtonType } from '@/core/tool'
 import { Icon } from '@/components/icon'
-import { hasPanelInRange, hasPreInRange, hasTableInRange, rangeIsInQuote, setQuote } from '@/core/function'
+import { hasPreInRange, hasTableInRange, rangeIsInQuote, setQuote } from '@/core/function'
 
 /**
  * feature名称
@@ -29,11 +29,11 @@ export const QuoteMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('quote'),
+							title: `${$editTrans('quote')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: rangeIsInQuote(editor.value, dataRangeCaches.value),
-							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setQuote(editor.value, dataRangeCaches.value)
 								editor.value.domRender()

package/src/feature/redo.ts

@@ -33,7 +33,7 @@ export const RedoMenuButton = defineComponent(
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,
-							disabled: props.disabled || isSourceView.value || (rangeKey.value && editor.value.history && !editor.value.history.get(1)) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || (rangeKey.value && editor.value.history && editor.value.history.redoRecords.length == 0) || props.config.disabled,
 							onOperate: () => redo()
 						},
 						{

package/src/feature/separator.ts

@@ -29,7 +29,7 @@ export const SeparatorMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('separator'),
+							title: `${$editTrans('separator')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,

package/src/feature/sourceView.ts

@@ -27,7 +27,7 @@ export const SourceViewMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('sourceView'),
+							title: `${$editTrans('sourceView')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: isSourceView.value,

package/src/feature/strikethrough.ts

@@ -97,7 +97,7 @@ export const StrikethroughMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('strikethrough'),
+							title: `${$editTrans('strikethrough')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: active.value,

package/src/feature/sub.ts

@@ -97,7 +97,7 @@ export const SubMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('sub'),
+							title: `${$editTrans('sub')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,

package/src/feature/super.ts

@@ -97,7 +97,7 @@ export const SuperMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('super'),
+							title: `${$editTrans('super')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: active.value,

package/src/feature/table.ts

@@ -2,7 +2,7 @@ import { computed, defineComponent, h, inject, PropType, ref, Ref } from 'vue'
 import { AlexEditor, AlexElement, AlexElementsRangeType, AlexElementCreateConfigType } from 'alex-editor'
 import { Button } from '@/components/button'
 import { Icon } from '@/components/icon'
-import { getCellMergeElement, getCellSpanNumber, getMatchElementByElement, getMatchElementByRange, getTableSize, hasMathformulaInRange, hasPanelInRange, hasPreInRange, hasTableInRange, insertTable, setTableCellMerged } from '@/core/function'
+import { getCellMergeElement, getCellSpanNumber, getMatchElementByElement, getMatchElementByRange, getTableSize, hasMathformulaInRange, hasPreInRange, hasTableInRange, insertTable, setTableCellMerged } from '@/core/function'
 import { MenuTableButtonType } from '@/core/tool'
 import { InsertTable } from '@/components/insertTable'
 
@@ -940,11 +940,11 @@ export const TableMenuButton = defineComponent(
 							zIndex: props.zIndex,
 							type: 'select',
 							hideScroll: true,
-							title: $editTrans('insertTable'),
+							title: `${$editTrans('insertTable')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,
-							disabled: props.disabled || isSourceView.value || hasTableInRange(editor.value, dataRangeCaches.value) || hasPreInRange(editor.value, dataRangeCaches.value) || hasMathformulaInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled
+							disabled: props.disabled || isSourceView.value || hasTableInRange(editor.value, dataRangeCaches.value) || hasPreInRange(editor.value, dataRangeCaches.value) || hasMathformulaInRange(editor.value, dataRangeCaches.value) || props.config.disabled
 						},
 						{
 							default: () =>

package/src/feature/task.ts

@@ -1,7 +1,7 @@
 import { defineComponent, h, inject, PropType, Ref } from 'vue'
 import { AlexElementsRangeType, AlexEditor } from 'alex-editor'
 import { MenuButtonType } from '@/core/tool'
-import { hasPanelInRange, hasPreInRange, hasTableInRange, rangeIsInTask, setTask } from '@/core/function'
+import { hasPreInRange, hasTableInRange, rangeIsInTask, setTask } from '@/core/function'
 import { Button } from '@/components/button'
 import { Icon } from '@/components/icon'
 
@@ -29,11 +29,11 @@ export const TaskMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('task'),
+							title: `${$editTrans('task')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: rangeIsInTask(editor.value, dataRangeCaches.value),
-							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setTask(editor.value, dataRangeCaches.value)
 								editor.value.domRender()

package/src/feature/underline.ts

@@ -97,7 +97,7 @@ export const UnderlineMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('underline'),
+							title: `${$editTrans('underline')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,

package/src/feature/undo.ts

@@ -33,7 +33,7 @@ export const UndoMenuButton = defineComponent(
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,
-							disabled: props.disabled || isSourceView.value || (rangeKey.value && editor.value.history && !editor.value.history.get(-1)) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || (rangeKey.value && editor.value.history && editor.value.history.records.length <= 1) || props.config.disabled,
 							onOperate: () => undo()
 						},
 						{

package/src/feature/unorderList.ts

@@ -1,7 +1,7 @@
 import { computed, defineComponent, h, inject, PropType, Ref } from 'vue'
 import { AlexElementsRangeType, AlexEditor, AlexElement } from 'alex-editor'
 import { MenuButtonType } from '@/core/tool'
-import { elementIsList, getMatchElementByRange, hasPanelInRange, hasPreInRange, hasTableInRange, rangeIsInList, setList } from '@/core/function'
+import { elementIsList, getMatchElementByRange, hasPreInRange, hasTableInRange, rangeIsInList, setList } from '@/core/function'
 import { Button } from '@/components/button'
 import { Icon } from '@/components/icon'
 
@@ -154,11 +154,11 @@ export const UnorderListMenuButton = defineComponent(
 							tooltip: props.tooltip,
 							color: props.color,
 							zIndex: props.zIndex,
-							title: $editTrans('unorderList'),
+							title: `${$editTrans('unorderList')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: rangeIsInList(editor.value, dataRangeCaches.value, false),
-							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
+							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setList(editor.value, dataRangeCaches.value, false)
 								editor.value.domRender()

package/src/feature/video.ts

@@ -278,7 +278,7 @@ export const VideoMenuButton = defineComponent(
 							zIndex: props.zIndex,
 							type: 'select',
 							hideScroll: true,
-							title: $editTrans('insertVideo'),
+							title: `${$editTrans('insertVideo')}${props.config.shortcut?.title ? `【${props.config.shortcut?.title}】` : ''}`,
 							leftBorder: props.config.leftBorder,
 							rightBorder: props.config.rightBorder,
 							active: false,

package/src/icon/iconfont.css

@@ -1,3 +1,7 @@
+.editify-icon-info:before {
+	content: '\e600';
+}
+
 .editify-icon-list-square:before {
 	content: '\e659';
 }
@@ -38,14 +42,6 @@
 	content: '\e651';
 }
 
-.editify-icon-info:before {
-	content: '\e610';
-}
-
-.editify-icon-panel:before {
-	content: '\e6c0';
-}
-
 .editify-icon-merge-cells-up:before {
 	content: '\e73e';
 }

package/src/index.ts

@@ -57,9 +57,6 @@ export {
 	elementIsMathformula,
 	getMathformulaByElement,
 	hasMathformulaInRange,
-	elementIsPanel,
-	getPanelByElement,
-	hasPanelInRange,
 	elementIsInfoBlock,
 	getInfoBlockByElement,
 	hasInfoBlockInRange,
@@ -95,8 +92,7 @@ export {
 	insertSeparator,
 	insertAttachment,
 	insertMathformula,
-	insertInfoBlock,
-	insertPanel
+	insertInfoBlock
 } from '@/core/function'
 
 //安装函数
@@ -104,7 +100,7 @@ const install = (app: App) => {
 	app.component(Editify.name!, Editify)
 }
 //版本号
-const version = '0.2.18'
+const version = '0.2.20'
 
 //导出组件和安装函数
 export { Editify as default, Editify, install, AlexElement, version }

package/src/locale/en_US.ts

@@ -101,9 +101,6 @@ export const en_US: ObjectType = {
 	insertMathformula: 'insert mathematical formula',
 	editMathformula: 'edit mathematical formula',
 	mathformulaPlaceholder: 'please enter latex syntax',
-	insertPanel: 'insert panel',
-	panelTitle: 'here is the title',
-	panelContent: 'here is the content',
 	insertInfoBlock: 'insert Information Block',
 	decimal: 'decimal',
 	lowerRoman: 'lower roman',

package/src/locale/zh_CN.ts

@@ -101,9 +101,6 @@ export const zh_CN: ObjectType = {
 	insertMathformula: '插入数学公式',
 	editMathformula: '编辑数学公式',
 	mathformulaPlaceholder: '请输入LaTex语法',
-	insertPanel: '插入面板',
-	panelTitle: '这里是标题',
-	panelContent: '这里是内容',
 	insertInfoBlock: '插入信息块',
 	decimal: '默认数字',
 	lowerRoman: '小写罗马数字',

package/lib/feature/panel.d.ts

@@ -1,18 +0,0 @@
-import { MenuButtonType } from '../core/tool';
-
-/**
- * 菜单栏 - 插入面板
- */
-export declare const PanelMenuButton: import('vue').DefineSetupFnComponent<{
-    color: string;
-    zIndex: number;
-    config: MenuButtonType;
-    tooltip: boolean;
-    disabled: boolean;
-}, {}, {}, {
-    color: string;
-    zIndex: number;
-    config: MenuButtonType;
-    tooltip: boolean;
-    disabled: boolean;
-} & {}, import('vue').PublicProps>;

package/src/feature/panel.ts

@@ -1,62 +0,0 @@
-import { defineComponent, h, inject, PropType, Ref } from 'vue'
-import { AlexEditor, AlexElementsRangeType } from 'alex-editor'
-import { Button } from '@/components/button'
-import { MenuButtonType } from '@/core/tool'
-import { Icon } from '@/components/icon'
-import { hasMathformulaInRange, hasPanelInRange, hasTableInRange, insertPanel } from '@/core/function'
-
-/**
- * feature名称
- */
-const FEATURE_NAME = 'panel'
-
-/**
- * 菜单栏 - 插入面板
- */
-export const PanelMenuButton = defineComponent(
-	props => {
-		const editor = inject<Ref<AlexEditor>>('editor')!
-		const dataRangeCaches = inject<Ref<AlexElementsRangeType>>('dataRangeCaches')!
-		const $editTrans = inject<(key: string) => any>('$editTrans')!
-		const isSourceView = inject<Ref<boolean>>('isSourceView')!
-
-		return () => {
-			return props.config.show
-				? h(
-						Button,
-						{
-							name: FEATURE_NAME,
-							tooltip: props.tooltip,
-							color: props.color,
-							zIndex: props.zIndex,
-							title: $editTrans('insertPanel'),
-							leftBorder: props.config.leftBorder,
-							rightBorder: props.config.rightBorder,
-							active: false,
-							disabled: props.disabled || isSourceView.value || hasPanelInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasMathformulaInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
-							onOperate: () => {
-								//插入面板
-								insertPanel(editor.value, $editTrans('panelTitle'), $editTrans('panelContent'))
-								//渲染
-								editor.value.domRender()
-								editor.value.rangeRender()
-							}
-						},
-						{
-							default: () => h(Icon, { value: 'panel' })
-						}
-				  )
-				: null
-		}
-	},
-	{
-		name: `_${FEATURE_NAME}`,
-		props: {
-			color: String,
-			zIndex: Number,
-			config: Object as PropType<MenuButtonType>,
-			tooltip: Boolean,
-			disabled: Boolean
-		}
-	}
-)