vue-editify 0.1.43 → 0.1.44

package/src/core/rule.ts

@@ -1,8 +1,175 @@
 import { AlexEditor, AlexElement } from 'alex-editor'
 import { LanguagesItemType, getHljsHtml } from '../hljs'
-import { isList, isTask } from './function'
+import { isList, isTask, getTableSize, getCellSpanNumber } from './function'
 import { common as DapCommon } from 'dap-util'
 
+/**
+ * 自动补全表格行和列
+ * @param editor
+ * @param rowElements
+ * @param rowNumber
+ * @param columnNumber
+ */
+const autocompleteTableCells = (editor: AlexEditor, rowElements: AlexElement[], rowNumber: number, columnNumber: number) => {
+	//遍历所有的单元格
+	AlexElement.flatElements(rowElements).forEach(item => {
+		if (item.parsedom == 'td' && item.hasMarks()) {
+			//删除被合并的标识
+			if (item.marks!['data-editify-merged']) {
+				delete item.marks!['data-editify-merged']
+			}
+			//获取colspan
+			const colspan = isNaN(Number(item.marks!['colspan'])) ? 1 : Number(item.marks!['colspan'])
+			//获取rowspan
+			const rowspan = isNaN(Number(item.marks!['rowspan'])) ? 1 : Number(item.marks!['rowspan'])
+			//针对colspan>1的单元格在后面补全隐藏的单元格
+			if (colspan > 1) {
+				let i = 1
+				//补全的数量小于需要补全的数量并且列总数量小于理论数量
+				while (i < colspan && item.parent!.children!.length < columnNumber) {
+					const column = new AlexElement(
+						'inblock',
+						'td',
+						{
+							'data-editify-merged': 'true'
+						},
+						null,
+						null
+					)
+					const breakElement = new AlexElement('closed', 'br', null, null, null)
+					editor.addElementTo(breakElement, column)
+					editor.addElementAfter(column, item)
+					i++
+				}
+			}
+			//针对rowspan>1的单元格在后面的行中对应位置补全隐藏的单元格
+			if (rowspan > 1) {
+				let el = item
+				let i = 1
+				while (i < rowspan && editor.getNextElement(el.parent!) && editor.getNextElement(el.parent!)!.children!.length < columnNumber) {
+					//下一行
+					const nextRow = editor.getNextElement(el.parent!)!
+					//单元格在行中的序列
+					const index = el.parent!.children!.findIndex(item => item.isEqual(el))
+					//下一行对应的单元格
+					const nextCell = nextRow.children![index]
+					//根据当前单元格的跨列数补充符合跨列数的隐藏单元格
+					for (let j = 0; j < colspan; j++) {
+						const column = new AlexElement(
+							'inblock',
+							'td',
+							{
+								'data-editify-merged': 'true'
+							},
+							null,
+							null
+						)
+						const breakElement = new AlexElement('closed', 'br', null, null, null)
+						editor.addElementTo(breakElement, column)
+						if (nextCell) {
+							editor.addElementBefore(column, nextCell)
+						} else {
+							editor.addElementTo(column, nextRow, nextRow.children!.length)
+						}
+					}
+					el = nextRow.children![index]
+					i++
+				}
+			}
+		}
+	})
+	//遍历每一行，如果还缺少列则在后面补全列
+	rowElements.forEach(rowElement => {
+		//遍历该行的单元格获取总列数
+		const number = rowElement.children!.length
+		if (number < columnNumber) {
+			for (let i = 0; i < columnNumber - number; i++) {
+				const column = new AlexElement('inblock', 'td', null, null, null)
+				const breakElement = new AlexElement('closed', 'br', null, null, null)
+				editor.addElementTo(breakElement, column)
+				editor.addElementTo(column, rowElement, rowElement.children!.length)
+			}
+		}
+	})
+	//获取总行数
+	const length = rowElements.length
+	//判断总行数是否小于实际行数则补全行
+	if (length < rowNumber) {
+		for (let i = 0; i < rowNumber - length; i++) {
+			const row = new AlexElement('inblock', 'tr', null, null, null)
+			for (let j = 0; j < columnNumber; j++) {
+				const column = new AlexElement('inblock', 'td', null, null, null)
+				const breakElement = new AlexElement('closed', 'br', null, null, null)
+				editor.addElementTo(breakElement, column)
+				editor.addElementTo(column, row)
+			}
+			rowElements.push(row)
+		}
+	}
+}
+
+/**
+ * 自动隐藏被合并的单元格
+ * @param editor
+ * @param rowElements
+ */
+const autoHideMergedTableCells = (editor: AlexEditor, rowElements: AlexElement[]) => {
+	const cells = AlexElement.flatElements(rowElements).filter(item => item.parsedom == 'td')
+	cells.forEach(cell => {
+		if (cell.hasMarks() && !cell.marks!['data-editify-merged']) {
+			//获取colspan
+			const colspan = isNaN(Number(cell.marks!['colspan'])) ? 1 : Number(cell.marks!['colspan'])
+			//获取rowspan
+			const rowspan = isNaN(Number(cell.marks!['rowspan'])) ? 1 : Number(cell.marks!['rowspan'])
+			//如果是跨列单元格，隐藏该单元格同行后的colspan-1个单元格
+			if (colspan > 1) {
+				let el = cell
+				let i = 1
+				while (i < colspan) {
+					const nextCell = editor.getNextElement(el)!
+					if (nextCell) {
+						if (nextCell.hasMarks()) {
+							nextCell.marks!['data-editify-merged'] = 'true'
+						} else {
+							nextCell.marks = {
+								'data-editify-merged': 'true'
+							}
+						}
+						el = nextCell
+						i++
+					} else {
+						break
+					}
+				}
+			}
+			//如果是跨行单元格，隐藏该单元格同列后的rowspan-1行单元格
+			if (rowspan > 1) {
+				const index = cell.parent!.children!.findIndex(item => item.isEqual(cell))
+				let el = cell
+				let i = 1
+				while (i < rowspan && el && editor.getNextElement(el.parent!)) {
+					const nextRow = editor.getNextElement(el.parent!)!
+					//根据跨行单元格占据的列数，在后的rowspan-1行中隐藏colspan个单元格
+					for (let j = index; j < index + colspan; j++) {
+						const current = nextRow.children![j]
+						if (current) {
+							if (current.hasMarks()) {
+								current.marks!['data-editify-merged'] = 'true'
+							} else {
+								current.marks = {
+									'data-editify-merged': 'true'
+								}
+							}
+						}
+					}
+					el = nextRow.children![index]
+					i++
+				}
+			}
+		}
+	})
+}
+
 /**
  * 更新代码块内的光标位置
  * @param editor
@@ -94,7 +261,7 @@ export const parseList = (editor: AlexEditor, element: AlexElement) => {
  * @param editor
  * @param element
  */
-export const orderdListHandle = function (editor: AlexEditor, element: AlexElement) {
+export const orderdListHandle = (editor: AlexEditor, element: AlexElement) => {
 	//有序列表的序号处理
 	if (isList(element, true)) {
 		//获取前一个元素
@@ -116,7 +283,7 @@ export const orderdListHandle = function (editor: AlexEditor, element: AlexEleme
  * @param editor
  * @param element
  */
-export const commonElementHandle = function (editor: AlexEditor, element: AlexElement) {
+export const commonElementHandle = (editor: AlexEditor, element: AlexElement) => {
 	//图片、视频和链接设置marks
 	if (element.parsedom == 'img' || element.parsedom == 'video' || element.parsedom == 'a') {
 		const marks = {
@@ -167,11 +334,22 @@ export const commonElementHandle = function (editor: AlexEditor, element: AlexEl
 }
 
 /**
- * 元素格式化时处理表格
+ * 元素格式化时处理表格：th转为td
+ * @param editor
+ * @param element
+ */
+export const tableThTdHandle = (_editor: AlexEditor, element: AlexElement) => {
+	if (element.parsedom == 'th') {
+		element.parsedom = 'td'
+	}
+}
+
+/**
+ * 元素格式化时处理表格：格式化表格
  * @param editor
  * @param element
  */
-export const tableHandle = function (editor: AlexEditor, element: AlexElement) {
+export const tableFormatHandle = (editor: AlexEditor, element: AlexElement) => {
 	if (element.parsedom == 'table') {
 		const marks = {
 			'data-editify-element': element.key
@@ -195,16 +373,12 @@ export const tableHandle = function (editor: AlexEditor, element: AlexElement) {
 		const rows = elements.filter(el => {
 			return el.parsedom == 'tr'
 		})
+		//获取表格实际应该的规格
+		const { rowNumber, columnNumber } = getTableSize(rows)
 		//colgroup元素
 		let colgroup = elements.find(el => {
 			return el.parsedom == 'colgroup'
 		})
-		//理论上的col的数量：取最多列数
-		const colNumber = Math.max(
-			...rows.map(row => {
-				return row.children!.length
-			})
-		)
 		//如果colgroup元素存在
 		if (colgroup) {
 			//遍历每个col元素设置默认的width:'auto
@@ -222,8 +396,8 @@ export const tableHandle = function (editor: AlexEditor, element: AlexElement) {
 			})
 			//对缺少的col元素进行补全
 			const length = colgroup.children!.length
-			if (length < colNumber) {
-				for (let i = 0; i < colNumber - length; i++) {
+			if (length < columnNumber) {
+				for (let i = 0; i < columnNumber - length; i++) {
 					const col = new AlexElement(
 						'closed',
 						'col',
@@ -240,7 +414,7 @@ export const tableHandle = function (editor: AlexEditor, element: AlexElement) {
 		//如果colgroup元素不存在则新建
 		else {
 			colgroup = new AlexElement('inblock', 'colgroup', null, null, null)
-			for (let i = colNumber - 1; i >= 0; i--) {
+			for (let i = columnNumber - 1; i >= 0; i--) {
 				const col = new AlexElement(
 					'closed',
 					'col',
@@ -253,41 +427,106 @@ export const tableHandle = function (editor: AlexEditor, element: AlexElement) {
 				editor.addElementTo(col, colgroup)
 			}
 		}
+		//自动补全表格的单元格
+		autocompleteTableCells(editor, rows, rowNumber, columnNumber)
+		//清空表格
 		element.children = []
+		//创建tbody元素
 		const tbody = new AlexElement('inblock', 'tbody', null, null, null)
-		rows.reverse().forEach(row => {
-			//对缺少的列进行补全
-			const length = row.children!.length
-			if (length < colNumber) {
-				for (let i = 0; i < colNumber - length; i++) {
-					const column = new AlexElement('inblock', 'td', null, null, null)
-					const breakElement = new AlexElement('closed', 'br', null, null, null)
-					editor.addElementTo(breakElement, column)
-					editor.addElementTo(column, row, row.children!.length)
-				}
-			}
-			editor.addElementTo(row, tbody)
+		//将rows全部加入表格中
+		rows.forEach(row => {
+			const index = tbody.hasChildren() ? tbody.children!.length : 0
+			editor.addElementTo(row, tbody, index)
 		})
 		editor.addElementTo(tbody, element)
 		editor.addElementTo(colgroup, element)
+		//对表格单元格合并状态进行处理
+		autoHideMergedTableCells(editor, rows)
 	}
-	if (element.parsedom == 'th') {
-		element.parsedom = 'td'
-	}
-	if (element.parsedom == 'td') {
-		//移除列的rowspan和colspan属性
-		if (element.hasMarks()) {
-			if (element.marks!['rowspan']) {
-				delete element.marks!['rowspan']
+}
+
+/**
+ * 元素格式化时处理表格：处理光标在表格隐藏单元格内的情况
+ * @param editor
+ * @param element
+ */
+export const tableRangeMergedHandle = (editor: AlexEditor, element: AlexElement) => {
+	//如果元素是被隐藏的单元格，并且光标在该单元格内
+	if (element.parsedom == 'td' && element.hasMarks() && element.marks!['data-editify-merged'] && editor.range) {
+		//单元格向左查找设置焦点
+		const queryLeftSetRange = (_element: AlexElement, callback: (ele: AlexElement) => void) => {
+			//是否已查找到
+			let success = false
+			//获取前一个单元格
+			let el = editor.getPreviousElement(_element)
+			let tempIndex = 1
+			//如果前一个单元格存在则循环
+			while (el) {
+				//获取单元格的colspan
+				const { colspan } = getCellSpanNumber(el)
+				//如果单元格是跨列的并且是跨当前单元格的
+				if (el.hasMarks() && !el.marks!['data-editify-merged'] && colspan > tempIndex) {
+					success = true
+					callback(el)
+					break
+				}
+				//不是则继续向上查找
+				else {
+					el = editor.getPreviousElement(el)
+					tempIndex++
+				}
+			}
+			return success
+		}
+		//单元格向上查找设置焦点
+		const queryUpSetRange = (_element: AlexElement, callback: (ele: AlexElement) => void) => {
+			//是否已查找到
+			let success = false
+			//单元格在行中的序列
+			const index = _element.parent!.children!.findIndex(item => item.isEqual(_element))
+			//获取前一行元素
+			let el = editor.getPreviousElement(_element.parent!)
+			let tempIndex = 1
+			//如果前一行元素存在则循环
+			while (el) {
+				//获取前一行中同列的单元格
+				const previousColumn = el.children![index]
+				//获取单元格的rowspan
+				const { rowspan } = getCellSpanNumber(previousColumn)
+				//如果单元格是跨行的并且是跨当前单元格的
+				if (previousColumn.hasMarks() && !previousColumn.marks!['data-editify-merged'] && rowspan > tempIndex) {
+					success = true
+					callback(previousColumn)
+					break
+				}
+				//不是则继续向上查找
+				else {
+					el = editor.getPreviousElement(el)
+					tempIndex++
+				}
 			}
-			if (element.marks!['colspan']) {
-				delete element.marks!['colspan']
+			return success
+		}
+		//起点在该单元格下
+		if (element.isContains(editor.range.anchor.element)) {
+			const success = queryLeftSetRange(element, ele => {
+				editor.range!.anchor.moveToEnd(ele)
+			})
+			if (!success) {
+				queryUpSetRange(element, ele => {
+					editor.range!.anchor.moveToEnd(ele)
+				})
 			}
 		}
-		//移除列的display样式
-		if (element.hasStyles()) {
-			if (element.styles!['display']) {
-				delete element.styles!['display']
+		//终点在该单元格下
+		if (element.isContains(editor.range.focus.element)) {
+			const success = queryLeftSetRange(element, ele => {
+				editor.range!.focus.moveToEnd(ele)
+			})
+			if (!success) {
+				queryUpSetRange(element, ele => {
+					editor.range!.focus.moveToEnd(ele)
+				})
 			}
 		}
 	}
@@ -300,7 +539,7 @@ export const tableHandle = function (editor: AlexEditor, element: AlexElement) {
  * @param highlight
  * @param languages
  */
-export const preHandle = function (editor: AlexEditor, element: AlexElement, highlight: boolean, languages: (string | LanguagesItemType)[]) {
+export const preHandle = (editor: AlexEditor, element: AlexElement, highlight: boolean, languages: (string | LanguagesItemType)[]) => {
 	//如果是代码块进行处理
 	if (element.parsedom == 'pre') {
 		const marks = {
@@ -365,7 +604,7 @@ export const preHandle = function (editor: AlexEditor, element: AlexElement, hig
  * @param editor
  * @param element
  */
-export const specialInblockHandle = function (editor: AlexEditor, element: AlexElement) {
+export const specialInblockHandle = (editor: AlexEditor, element: AlexElement) => {
 	if (element.hasChildren()) {
 		element.children!.forEach(el => {
 			if (isList(el, true) || isList(el, false) || isTask(el) || ['blockquote', 'pre', 'table', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'].includes(el.parsedom!)) {

package/src/core/tool.ts

@@ -224,7 +224,7 @@ export type PluginType = (editifyInstance: ComponentInternalInstance, editTrans:
  * @param o2
  * @returns
  */
-export const mergeObject = function (o1: ObjectType, o2: ObjectType) {
+export const mergeObject = (o1: ObjectType, o2: ObjectType) => {
 	if (!DapCommon.isObject(o1) && DapCommon.isObject(o2)) {
 		return null
 	}
@@ -248,7 +248,7 @@ export const mergeObject = function (o1: ObjectType, o2: ObjectType) {
  * @param value
  * @returns
  */
-export const queryHasValue = function (obj: ObjectType, name: string, value?: string | number) {
+export const queryHasValue = (obj: ObjectType, name: string, value?: string | number) => {
 	//如果value不存在则判断是否拥有属性name
 	if (value == null || value == undefined) {
 		return obj.hasOwnProperty(name)
@@ -293,7 +293,7 @@ export const queryHasValue = function (obj: ObjectType, name: string, value?: st
  * @param data
  * @returns
  */
-export const cloneData = function (data: any) {
+export const cloneData = (data: any) => {
 	if (DapCommon.isObject(data) || Array.isArray(data)) {
 		return JSON.parse(JSON.stringify(data))
 	}
@@ -305,7 +305,7 @@ export const cloneData = function (data: any) {
  * @param editTrans
  * @returns
  */
-export const getButtonOptionsConfig = function (editTrans: (key: string) => any): ButtonOptionsConfigType {
+export const getButtonOptionsConfig = (editTrans: (key: string) => any): ButtonOptionsConfigType => {
 	return {
 		//标题配置
 		heading: [
@@ -506,7 +506,7 @@ export const getButtonOptionsConfig = function (editTrans: (key: string) => any)
  * @param editLocale
  * @returns
  */
-export const getToolbarConfig = function (editTrans: (key: string) => any, editLocale: LocaleType): ToolbarConfigType {
+export const getToolbarConfig = (editTrans: (key: string) => any, editLocale: LocaleType): ToolbarConfigType => {
 	return {
 		//是否使用工具条
 		use: true,
@@ -756,7 +756,7 @@ export const getToolbarConfig = function (editTrans: (key: string) => any, editL
  * @param editLocale
  * @returns
  */
-export const getMenuConfig = function (editTrans: (key: string) => any, editLocale: LocaleType): MenuConfigType {
+export const getMenuConfig = (editTrans: (key: string) => any, editLocale: LocaleType): MenuConfigType => {
 	return {
 		//是否使用菜单栏
 		use: true,

package/src/editify/editify.less

@@ -232,6 +232,10 @@
 							cursor: col-resize;
 							user-select: none;
 						}
+
+						&[data-editify-merged] {
+							display: none;
+						}
 					}
 				}
 			}

package/src/editify/editify.vue

@@ -23,7 +23,7 @@ import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, pro
 import { AlexEditor, AlexElement, AlexElementRangeType, AlexElementsRangeType } from 'alex-editor'
 import { element as DapElement, event as DapEvent, data as DapData, number as DapNumber, color as DapColor } from 'dap-util'
 import { mergeObject, getToolbarConfig, getMenuConfig, MenuConfigType, ObjectType, ToolbarConfigType, PluginResultType } from '../core/tool'
-import { parseList, orderdListHandle, commonElementHandle, tableHandle, preHandle, specialInblockHandle } from '../core/rule'
+import { parseList, orderdListHandle, commonElementHandle, tableThTdHandle, tableFormatHandle, tableRangeMergedHandle, preHandle, specialInblockHandle } from '../core/rule'
 import { isTask, elementToParagraph, getMatchElementsByRange, hasTableInRange, hasLinkInRange, hasPreInRange, hasImageInRange, hasVideoInRange } from '../core/function'
 import Toolbar from '../components/toolbar/toolbar.vue'
 import Menu from '../components/menu/menu.vue'
@@ -287,7 +287,13 @@ const createEditor = () => {
 				commonElementHandle(editor.value!, el)
 			},
 			el => {
-				tableHandle(editor.value!, el)
+				tableThTdHandle(editor.value!, el)
+			},
+			el => {
+				tableFormatHandle(editor.value!, el)
+			},
+			el => {
+				tableRangeMergedHandle(editor.value!, el)
 			},
 			el => {
 				preHandle(editor.value!, el, !!(toolbarConfig.value?.use && toolbarConfig.value?.codeBlock?.languages?.show), <(string | LanguagesItemType)[]>toolbarConfig.value?.codeBlock?.languages?.options)
@@ -521,6 +527,18 @@ const handleCustomHtmlPaste = async (elements: AlexElement[]) => {
 				if (el.parsedom == 'div' && el.marks!['data-editify-task']) {
 					marks['data-editify-task'] = el.marks!['data-editify-task']
 				}
+				//表格单元格colspan属性保留
+				if (['td', 'th'].includes(el.parsedom!) && el.marks!['colspan']) {
+					marks['colspan'] = el.marks!['colspan']
+				}
+				//表格单元格rowspan属性保留
+				if (['td', 'th'].includes(el.parsedom!) && el.marks!['rowspan']) {
+					marks['rowspan'] = el.marks!['rowspan']
+				}
+				//表格单元格被合并属性保留
+				if (['td', 'th'].includes(el.parsedom!) && el.marks!['data-editify-merged']) {
+					marks['data-editify-merged'] = el.marks!['data-editify-merged']
+				}
 			}
 			//处理需要保留的样式
 			if (el.hasStyles()) {

package/src/icon/iconfont.css

@@ -1,3 +1,19 @@
+.editify-icon-merge-cells-up:before {
+	content: '\e73e';
+}
+
+.editify-icon-merge-cells-left:before {
+	content: '\e741';
+}
+
+.editify-icon-merge-cells-right:before {
+	content: '\e73f';
+}
+
+.editify-icon-merge-cells-down:before {
+	content: '\e740';
+}
+
 .editify-icon-mathformula:before {
 	content: '\e616';
 }

package/src/index.ts

@@ -9,17 +9,17 @@ export type { ButtonTypeType, ButtonOptionsItemType, ButtonSelectConfigType, But
 export type { InsertImageUploadErrorType } from './components/insertImage/props'
 export type { InsertVideoUploadErrorType } from './components/insertVideo/props'
 export type { MenuButtonType, MenuSelectButtonType, MenuDisplayButtonType, MenuImageButtonType, MenuVideoButtonType, MenuTableButtonType, MenuCustomButtonType, CodeBlockToolbarType, TextToolbarType, ToolbarConfigType, MenuSequenceType, MenuModeType, MenuExtendType, MenuConfigType, PluginType, PluginResultType } from './core/tool'
-export type { ElementMatchConfig } from './core/function'
+export type { ElementMatchConfigType } from './core/function'
 
 //导出编辑器操作方法
-export { elementIsMatch, getMatchElementByElement, getMatchElementsByRange, elementIsInList, elementIsInTask, isList, isTask, hasPreInRange, isRangeInPre, hasQuoteInRange, isRangeInQuote, hasListInRange, isRangeInList, hasTaskInRange, isRangeInTask, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, queryTextStyle, queryTextMark, getRangeText, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock } from './core/function'
+export { elementIsMatch, getMatchElementByElement, getMatchElementsByRange, elementIsInList, elementIsInTask, isList, isTask, hasPreInRange, isRangeInPre, hasQuoteInRange, isRangeInQuote, hasListInRange, isRangeInList, hasTaskInRange, isRangeInTask, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, queryTextStyle, queryTextMark, getRangeText, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, insertSeparator } from './core/function'
 
 //安装函数
 const install: FunctionPlugin = (app: App) => {
 	app.component(Editify.name!, Editify)
 }
 //版本号
-const version = '0.1.43'
+const version = '0.1.44'
 
 //导出AlexElement元素
 export { AlexElement } from 'alex-editor'

package/src/locale/en_US.ts

@@ -9,6 +9,10 @@ export const en_US: ObjectType = {
 	insertColumnRight: 'Insert column backward',
 	deleteRow: 'Delete rows',
 	deleteColumn: 'Delete column',
+	mergeCellsLeft: 'Merge cells to the left',
+	mergeCellsRight: 'Merge cells to the right',
+	mergeCellsUp: 'Merge cells up',
+	mergeCellsDown: 'Merge cells down',
 	deleteTable: 'Delete table',
 	selectLanguages: 'Select language',
 	autoRecognize: 'Auto',

package/src/locale/zh_CN.ts

@@ -9,6 +9,10 @@ export const zh_CN: ObjectType = {
 	insertColumnRight: '向后插入列',
 	deleteRow: '删除行',
 	deleteColumn: '删除列',
+	mergeCellsLeft: '向左合并单元格',
+	mergeCellsRight: '向右合并单元格',
+	mergeCellsUp: '向上合并单元格',
+	mergeCellsDown: '向下合并单元格',
 	deleteTable: '删除表格',
 	selectLanguages: '选择语言',
 	autoRecognize: '自动识别',

package/vite.config.ts.timestamp-1715686169942-5a15122e86ee2.mjs

@@ -1,48 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///Users/lingkai/Desktop/%E5%89%8D%E7%AB%AF%E5%BA%93/vue-editify/node_modules/vite/dist/node/index.js";
-import vue from "file:///Users/lingkai/Desktop/%E5%89%8D%E7%AB%AF%E5%BA%93/vue-editify/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import dts from "file:///Users/lingkai/Desktop/%E5%89%8D%E7%AB%AF%E5%BA%93/vue-editify/node_modules/vite-plugin-dts/dist/index.mjs";
-import path from "path";
-var __vite_injected_original_dirname = "/Users/lingkai/Desktop/\u524D\u7AEF\u5E93/vue-editify";
-var vite_config_default = defineConfig({
-  plugins: [vue(), dts()],
-  build: {
-    //打包后的目录名称
-    outDir: "lib",
-    minify: "terser",
-    lib: {
-      entry: path.resolve(__vite_injected_original_dirname, "src/index.ts"),
-      name: "editify",
-      fileName: (format) => `editify.${format}.js`
-    },
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external: ["vue"],
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: "Vue"
-        },
-        exports: "named"
-      }
-    },
-    sourcemap: false
-    //是否构建source map 文件
-  },
-  css: {
-    preprocessorOptions: {
-      less: {
-        // 使用 less 编写样式的 UI 库（如 antd）时建议加入这个设置
-        javascriptEnabled: true,
-        additionalData: `@import "src/css/base.less";`
-      }
-    }
-  },
-  server: {
-    host: "0.0.0.0"
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvbGluZ2thaS9EZXNrdG9wL1x1NTI0RFx1N0FFRlx1NUU5My92dWUtZWRpdGlmeVwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL2xpbmdrYWkvRGVza3RvcC9cdTUyNERcdTdBRUZcdTVFOTMvdnVlLWVkaXRpZnkvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL1VzZXJzL2xpbmdrYWkvRGVza3RvcC8lRTUlODklOEQlRTclQUIlQUYlRTUlQkElOTMvdnVlLWVkaXRpZnkvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJ1xuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXG5pbXBvcnQgZHRzIGZyb20gJ3ZpdGUtcGx1Z2luLWR0cydcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXG5cbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XG5cdHBsdWdpbnM6IFt2dWUoKSwgZHRzKCldLFxuXHRidWlsZDoge1xuXHRcdC8vXHU2MjUzXHU1MzA1XHU1NDBFXHU3Njg0XHU3NkVFXHU1RjU1XHU1NDBEXHU3OUYwXG5cdFx0b3V0RGlyOiAnbGliJyxcblx0XHRtaW5pZnk6ICd0ZXJzZXInLFxuXHRcdGxpYjoge1xuXHRcdFx0ZW50cnk6IHBhdGgucmVzb2x2ZShfX2Rpcm5hbWUsICdzcmMvaW5kZXgudHMnKSxcblx0XHRcdG5hbWU6ICdlZGl0aWZ5Jyxcblx0XHRcdGZpbGVOYW1lOiBmb3JtYXQgPT4gYGVkaXRpZnkuJHtmb3JtYXR9LmpzYFxuXHRcdH0sXG5cdFx0cm9sbHVwT3B0aW9uczoge1xuXHRcdFx0Ly8gXHU3ODZFXHU0RkREXHU1OTE2XHU5MEU4XHU1MzE2XHU1OTA0XHU3NDA2XHU5MEEzXHU0RTlCXHU0RjYwXHU0RTBEXHU2MEYzXHU2MjUzXHU1MzA1XHU4RkRCXHU1RTkzXHU3Njg0XHU0RjlEXHU4RDU2XG5cdFx0XHRleHRlcm5hbDogWyd2dWUnXSxcblx0XHRcdG91dHB1dDoge1xuXHRcdFx0XHQvLyBcdTU3MjggVU1EIFx1Njc4NFx1NUVGQVx1NkEyMVx1NUYwRlx1NEUwQlx1NEUzQVx1OEZEOVx1NEU5Qlx1NTkxNlx1OTBFOFx1NTMxNlx1NzY4NFx1NEY5RFx1OEQ1Nlx1NjNEMFx1NEY5Qlx1NEUwMFx1NEUyQVx1NTE2OFx1NUM0MFx1NTNEOFx1OTFDRlxuXHRcdFx0XHRnbG9iYWxzOiB7XG5cdFx0XHRcdFx0dnVlOiAnVnVlJ1xuXHRcdFx0XHR9LFxuXHRcdFx0XHRleHBvcnRzOiAnbmFtZWQnXG5cdFx0XHR9XG5cdFx0fSxcblx0XHRzb3VyY2VtYXA6IGZhbHNlIC8vXHU2NjJGXHU1NDI2XHU2Nzg0XHU1RUZBc291cmNlIG1hcCBcdTY1ODdcdTRFRjZcblx0fSxcblx0Y3NzOiB7XG5cdFx0cHJlcHJvY2Vzc29yT3B0aW9uczoge1xuXHRcdFx0bGVzczoge1xuXHRcdFx0XHQvLyBcdTRGN0ZcdTc1MjggbGVzcyBcdTdGMTZcdTUxOTlcdTY4MzdcdTVGMEZcdTc2ODQgVUkgXHU1RTkzXHVGRjA4XHU1OTgyIGFudGRcdUZGMDlcdTY1RjZcdTVFRkFcdThCQUVcdTUyQTBcdTUxNjVcdThGRDlcdTRFMkFcdThCQkVcdTdGNkVcblx0XHRcdFx0amF2YXNjcmlwdEVuYWJsZWQ6IHRydWUsXG5cdFx0XHRcdGFkZGl0aW9uYWxEYXRhOiBgQGltcG9ydCBcInNyYy9jc3MvYmFzZS5sZXNzXCI7YFxuXHRcdFx0fVxuXHRcdH1cblx0fSxcblx0c2VydmVyOiB7XG5cdFx0aG9zdDogJzAuMC4wLjAnXG5cdH1cbn0pXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQTRULFNBQVMsb0JBQW9CO0FBQ3pWLE9BQU8sU0FBUztBQUNoQixPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBSGpCLElBQU0sbUNBQW1DO0FBS3pDLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzNCLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQUEsRUFDdEIsT0FBTztBQUFBO0FBQUEsSUFFTixRQUFRO0FBQUEsSUFDUixRQUFRO0FBQUEsSUFDUixLQUFLO0FBQUEsTUFDSixPQUFPLEtBQUssUUFBUSxrQ0FBVyxjQUFjO0FBQUEsTUFDN0MsTUFBTTtBQUFBLE1BQ04sVUFBVSxZQUFVLFdBQVcsTUFBTTtBQUFBLElBQ3RDO0FBQUEsSUFDQSxlQUFlO0FBQUE7QUFBQSxNQUVkLFVBQVUsQ0FBQyxLQUFLO0FBQUEsTUFDaEIsUUFBUTtBQUFBO0FBQUEsUUFFUCxTQUFTO0FBQUEsVUFDUixLQUFLO0FBQUEsUUFDTjtBQUFBLFFBQ0EsU0FBUztBQUFBLE1BQ1Y7QUFBQSxJQUNEO0FBQUEsSUFDQSxXQUFXO0FBQUE7QUFBQSxFQUNaO0FBQUEsRUFDQSxLQUFLO0FBQUEsSUFDSixxQkFBcUI7QUFBQSxNQUNwQixNQUFNO0FBQUE7QUFBQSxRQUVMLG1CQUFtQjtBQUFBLFFBQ25CLGdCQUFnQjtBQUFBLE1BQ2pCO0FBQUEsSUFDRDtBQUFBLEVBQ0Q7QUFBQSxFQUNBLFFBQVE7QUFBQSxJQUNQLE1BQU07QUFBQSxFQUNQO0FBQ0QsQ0FBQzsiLAogICJuYW1lcyI6IFtdCn0K