Hufe921
2 years ago
parent
83f37edbca
commit
0ff6c2fd1f
@ -0,0 +1,60 @@
|
||||
import { ZERO } from '../../../../dataset/constant/Common'
|
||||
import { CanvasEvent } from '../../CanvasEvent'
|
||||
|
||||
export function backspace(evt: KeyboardEvent, host: CanvasEvent) {
|
||||
const draw = host.getDraw()
|
||||
const isReadonly = draw.isReadonly()
|
||||
if (isReadonly) return
|
||||
// 控件整体性验证
|
||||
const control = draw.getControl()
|
||||
const activeControl = control.getActiveControl()
|
||||
if (control.isPartRangeInControlOutside()) return
|
||||
const rangeManager = draw.getRange()
|
||||
let curIndex: number | null
|
||||
if (activeControl) {
|
||||
// 光标在控件内
|
||||
curIndex = control.keydown(evt)
|
||||
} else {
|
||||
// 普通元素删除
|
||||
const position = draw.getPosition()
|
||||
const cursorPosition = position.getCursorPosition()
|
||||
if (!cursorPosition) return
|
||||
const { index } = cursorPosition
|
||||
const { startIndex, endIndex } = rangeManager.getRange()
|
||||
const isCollapsed = rangeManager.getIsCollapsed()
|
||||
const elementList = draw.getElementList()
|
||||
// 判断是否允许删除
|
||||
if (isCollapsed && index === 0) {
|
||||
const firstElement = elementList[index]
|
||||
if (firstElement.value === ZERO) {
|
||||
// 取消首字符列表设置
|
||||
if (firstElement.listId) {
|
||||
draw.getListParticle().unsetList()
|
||||
}
|
||||
evt.preventDefault()
|
||||
return
|
||||
}
|
||||
}
|
||||
// 清空当前行对齐方式
|
||||
const startElement = elementList[startIndex]
|
||||
if (isCollapsed && startElement.rowFlex && startElement.value === ZERO) {
|
||||
const rowList = draw.getRowList()
|
||||
const positionList = position.getPositionList()
|
||||
const rowNo = positionList[startIndex].rowNo
|
||||
const rowFlexElementList = rowList[rowNo].elementList
|
||||
rowFlexElementList.forEach(element => {
|
||||
delete element.rowFlex
|
||||
})
|
||||
}
|
||||
if (!isCollapsed) {
|
||||
draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex)
|
||||
} else {
|
||||
draw.spliceElementList(elementList, index, 1)
|
||||
}
|
||||
curIndex = isCollapsed ? index - 1 : startIndex
|
||||
}
|
||||
if (curIndex === null) return
|
||||
draw.getGlobalEvent().setCanvasEventAbility()
|
||||
rangeManager.setRange(curIndex, curIndex)
|
||||
draw.render({ curIndex })
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
import { CanvasEvent } from '../../CanvasEvent'
|
||||
|
||||
export function del(evt: KeyboardEvent, host: CanvasEvent) {
|
||||
const draw = host.getDraw()
|
||||
const isReadonly = draw.isReadonly()
|
||||
if (isReadonly) return
|
||||
// 控件整体性验证
|
||||
const control = draw.getControl()
|
||||
const activeControl = control.getActiveControl()
|
||||
if (control.isPartRangeInControlOutside()) return
|
||||
const rangeManager = draw.getRange()
|
||||
const { startIndex, endIndex } = rangeManager.getRange()
|
||||
const elementList = draw.getElementList()
|
||||
let curIndex: number | null
|
||||
if (activeControl) {
|
||||
// 光标在控件内
|
||||
curIndex = control.keydown(evt)
|
||||
} else if (elementList[endIndex + 1]?.controlId) {
|
||||
// 光标在控件前
|
||||
curIndex = control.removeControl(endIndex + 1)
|
||||
} else {
|
||||
// 普通元素
|
||||
const position = draw.getPosition()
|
||||
const cursorPosition = position.getCursorPosition()
|
||||
if (!cursorPosition) return
|
||||
const { index } = cursorPosition
|
||||
const isCollapsed = rangeManager.getIsCollapsed()
|
||||
if (!isCollapsed) {
|
||||
draw.spliceElementList(elementList, startIndex + 1, endIndex - startIndex)
|
||||
} else {
|
||||
draw.spliceElementList(elementList, index + 1, 1)
|
||||
}
|
||||
curIndex = isCollapsed ? index : startIndex
|
||||
}
|
||||
if (curIndex === null) return
|
||||
draw.getGlobalEvent().setCanvasEventAbility()
|
||||
rangeManager.setRange(curIndex, curIndex)
|
||||
draw.render({ curIndex })
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
import { ElementType } from '../../../../dataset/enum/Element'
|
||||
import { IElement } from '../../../../interface/Element'
|
||||
import { formatElementContext } from '../../../../utils/element'
|
||||
import { CanvasEvent } from '../../CanvasEvent'
|
||||
|
||||
export function tab(evt: KeyboardEvent, host: CanvasEvent) {
|
||||
const draw = host.getDraw()
|
||||
const isReadonly = draw.isReadonly()
|
||||
if (isReadonly) return
|
||||
const tabElement: IElement = {
|
||||
type: ElementType.TAB,
|
||||
value: ''
|
||||
}
|
||||
const rangeManager = draw.getRange()
|
||||
const { startIndex } = rangeManager.getRange()
|
||||
const elementList = draw.getElementList()
|
||||
formatElementContext(elementList, [tabElement], startIndex)
|
||||
draw.insertElementList([tabElement])
|
||||
evt.preventDefault()
|
||||
}
|
||||
@ -0,0 +1,120 @@
|
||||
import { KeyMap } from '../../../../dataset/enum/KeyMap'
|
||||
import { MoveDirection } from '../../../../dataset/enum/Observer'
|
||||
import { IElementPosition } from '../../../../interface/Element'
|
||||
import { CanvasEvent } from '../../CanvasEvent'
|
||||
|
||||
export function updown(evt: KeyboardEvent, host: CanvasEvent) {
|
||||
const draw = host.getDraw()
|
||||
const isReadonly = draw.isReadonly()
|
||||
if (isReadonly) return
|
||||
const position = draw.getPosition()
|
||||
const cursorPosition = position.getCursorPosition()
|
||||
if (!cursorPosition) return
|
||||
const rangeManager = draw.getRange()
|
||||
const { startIndex, endIndex } = rangeManager.getRange()
|
||||
const positionList = position.getPositionList()
|
||||
let anchorPosition: IElementPosition = cursorPosition
|
||||
// 扩大选区时，判断移动光标点
|
||||
if (evt.shiftKey) {
|
||||
if (startIndex === cursorPosition.index) {
|
||||
anchorPosition = positionList[endIndex]
|
||||
} else {
|
||||
anchorPosition = positionList[startIndex]
|
||||
}
|
||||
}
|
||||
const {
|
||||
index,
|
||||
rowNo,
|
||||
rowIndex,
|
||||
coordinate: {
|
||||
leftTop: [curLeftX],
|
||||
rightTop: [curRightX]
|
||||
}
|
||||
} = anchorPosition
|
||||
// 向上时在首行、向下时在尾行则忽略
|
||||
const isUp = evt.key === KeyMap.Up
|
||||
if (
|
||||
(isUp && rowIndex === 0) ||
|
||||
(!isUp && rowIndex === draw.getRowCount() - 1)
|
||||
) {
|
||||
return
|
||||
}
|
||||
// 查找下一行位置列表
|
||||
const probablePosition: IElementPosition[] = []
|
||||
if (isUp) {
|
||||
let p = index - 1
|
||||
while (p > 0) {
|
||||
const position = positionList[p]
|
||||
p--
|
||||
if (position.rowNo === rowNo) continue
|
||||
if (probablePosition[0] && probablePosition[0].rowNo !== position.rowNo) {
|
||||
break
|
||||
}
|
||||
probablePosition.unshift(position)
|
||||
}
|
||||
} else {
|
||||
let p = index + 1
|
||||
while (p < positionList.length) {
|
||||
const position = positionList[p]
|
||||
p++
|
||||
if (position.rowNo === rowNo) continue
|
||||
if (probablePosition[0] && probablePosition[0].rowNo !== position.rowNo) {
|
||||
break
|
||||
}
|
||||
probablePosition.push(position)
|
||||
}
|
||||
}
|
||||
// 查找下一行位置：第一个存在交叉宽度的元素位置
|
||||
let nextIndex = 0
|
||||
for (let p = 0; p < probablePosition.length; p++) {
|
||||
const nextPosition = probablePosition[p]
|
||||
const {
|
||||
coordinate: {
|
||||
leftTop: [nextLeftX],
|
||||
rightTop: [nextRightX]
|
||||
}
|
||||
} = nextPosition
|
||||
if (p === probablePosition.length - 1) {
|
||||
nextIndex = nextPosition.index
|
||||
}
|
||||
if (curRightX <= nextLeftX || curLeftX >= nextRightX) continue
|
||||
nextIndex = nextPosition.index
|
||||
break
|
||||
}
|
||||
if (!nextIndex) return
|
||||
// shift则缩放选区
|
||||
let anchorStartIndex = nextIndex
|
||||
let anchorEndIndex = nextIndex
|
||||
if (evt.shiftKey) {
|
||||
if (startIndex !== endIndex) {
|
||||
if (startIndex === cursorPosition.index) {
|
||||
anchorStartIndex = startIndex
|
||||
} else {
|
||||
anchorEndIndex = endIndex
|
||||
}
|
||||
} else {
|
||||
if (isUp) {
|
||||
anchorEndIndex = endIndex
|
||||
} else {
|
||||
anchorStartIndex = startIndex
|
||||
}
|
||||
}
|
||||
}
|
||||
if (anchorStartIndex > anchorEndIndex) {
|
||||
// prettier-ignore
|
||||
[anchorStartIndex, anchorEndIndex] = [anchorEndIndex, anchorStartIndex]
|
||||
}
|
||||
rangeManager.setRange(anchorStartIndex, anchorEndIndex)
|
||||
const isCollapsed = anchorStartIndex === anchorEndIndex
|
||||
draw.render({
|
||||
curIndex: isCollapsed ? anchorStartIndex : undefined,
|
||||
isSetCursor: isCollapsed,
|
||||
isSubmitHistory: false,
|
||||
isCompute: false
|
||||
})
|
||||
// 将光标移动到可视范围内
|
||||
draw.getCursor().moveCursorToVisible({
|
||||
cursorPosition: positionList[isUp ? anchorStartIndex : anchorEndIndex],
|
||||
direction: isUp ? MoveDirection.UP : MoveDirection.DOWN
|
||||
})
|
||||
}
|
||||
Loading…
Reference in new issue