delete unused duplicated DraggingHandle.ts (#2463)
this PR removes an unused file that was created while renaming a directory a while ago. ### Change Type - [ ] `patch` — Bug fix - [ ] `minor` — New feature - [ ] `major` — Breaking change - [ ] `dependencies` — Changes to package dependencies[^1] - [ ] `documentation` — Changes to the documentation only[^2] - [ ] `tests` — Changes to any test code only[^2] - [x] `internal` — Any other changes that don't affect the published package[^2] - [ ] I don't know
This commit is contained in:
David Sheldrick
GitHub
parent
1cf6b4ff51
commit
8769afb7e1
1 changed files with 0 additions and 308 deletions
|
|
@ -1,308 +0,0 @@
|
|||
import {
|
||||
Mat,
|
||||
StateNode,
|
||||
TLArrowShape,
|
||||
TLArrowShapeTerminal,
|
||||
TLCancelEvent,
|
||||
TLEnterEventHandler,
|
||||
TLEventHandlers,
|
||||
TLHandle,
|
||||
TLKeyboardEvent,
|
||||
TLPointerEventInfo,
|
||||
TLShapeId,
|
||||
TLShapePartial,
|
||||
Vec,
|
||||
deepCopy,
|
||||
snapAngle,
|
||||
sortByIndex,
|
||||
} from '@tldraw/editor'
|
||||
|
||||
export class DraggingHandle extends StateNode {
|
||||
static override id = 'dragging_handle'
|
||||
|
||||
shapeId = '' as TLShapeId
|
||||
initialHandle = {} as TLHandle
|
||||
initialAdjacentHandle = null as TLHandle | null
|
||||
initialPagePoint = {} as Vec
|
||||
|
||||
markId = ''
|
||||
initialPageTransform: any
|
||||
initialPageRotation: any
|
||||
|
||||
info = {} as TLPointerEventInfo & {
|
||||
shape: TLArrowShape
|
||||
target: 'handle'
|
||||
onInteractionEnd?: string
|
||||
isCreating: boolean
|
||||
}
|
||||
|
||||
isPrecise = false
|
||||
isPreciseId = null as TLShapeId | null
|
||||
pointingId = null as TLShapeId | null
|
||||
|
||||
override onEnter: TLEnterEventHandler = (
|
||||
info: TLPointerEventInfo & {
|
||||
shape: TLArrowShape
|
||||
target: 'handle'
|
||||
onInteractionEnd?: string
|
||||
isCreating: boolean
|
||||
}
|
||||
) => {
|
||||
const { shape, isCreating, handle } = info
|
||||
this.info = info
|
||||
this.parent.setCurrentToolIdMask(info.onInteractionEnd)
|
||||
this.shapeId = shape.id
|
||||
this.markId = isCreating ? `creating:${shape.id}` : 'dragging handle'
|
||||
if (!isCreating) this.editor.mark(this.markId)
|
||||
this.initialHandle = deepCopy(handle)
|
||||
this.initialPageTransform = this.editor.getShapePageTransform(shape)!
|
||||
this.initialPageRotation = this.initialPageTransform.rotation()
|
||||
this.initialPagePoint = this.editor.inputs.originPagePoint.clone()
|
||||
|
||||
this.editor.updateInstanceState(
|
||||
{ cursor: { type: isCreating ? 'cross' : 'grabbing', rotation: 0 } },
|
||||
{ ephemeral: true }
|
||||
)
|
||||
|
||||
// <!-- Only relevant to arrows
|
||||
const handles = this.editor.getShapeHandles(shape)!.sort(sortByIndex)
|
||||
const index = handles.findIndex((h) => h.id === info.handle.id)
|
||||
|
||||
// Find the adjacent handle
|
||||
this.initialAdjacentHandle = null
|
||||
|
||||
// Start from the handle and work forward
|
||||
for (let i = index + 1; i < handles.length; i++) {
|
||||
const handle = handles[i]
|
||||
if (handle.type === 'vertex' && handle.id !== 'middle' && handle.id !== info.handle.id) {
|
||||
this.initialAdjacentHandle = handle
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
// If still no handle, start from the end and work backward
|
||||
if (!this.initialAdjacentHandle) {
|
||||
for (let i = handles.length - 1; i >= 0; i--) {
|
||||
const handle = handles[i]
|
||||
if (handle.type === 'vertex' && handle.id !== 'middle' && handle.id !== info.handle.id) {
|
||||
this.initialAdjacentHandle = handle
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const initialTerminal = shape.props[info.handle.id as 'start' | 'end']
|
||||
|
||||
this.isPrecise = false
|
||||
|
||||
if (initialTerminal?.type === 'binding') {
|
||||
this.editor.setHintingShapes([initialTerminal.boundShapeId])
|
||||
|
||||
this.isPrecise = initialTerminal.isPrecise
|
||||
if (this.isPrecise) {
|
||||
this.isPreciseId = initialTerminal.boundShapeId
|
||||
} else {
|
||||
this.resetExactTimeout()
|
||||
}
|
||||
} else {
|
||||
this.editor.setHintingShapes([])
|
||||
}
|
||||
// -->
|
||||
|
||||
this.update()
|
||||
|
||||
this.editor.select(this.shapeId)
|
||||
}
|
||||
|
||||
// Only relevant to arrows
|
||||
private exactTimeout = -1 as any
|
||||
|
||||
// Only relevant to arrows
|
||||
private resetExactTimeout() {
|
||||
if (this.exactTimeout !== -1) {
|
||||
this.clearExactTimeout()
|
||||
}
|
||||
|
||||
this.exactTimeout = setTimeout(() => {
|
||||
if (this.getIsActive() && !this.isPrecise) {
|
||||
this.isPrecise = true
|
||||
this.isPreciseId = this.pointingId
|
||||
this.update()
|
||||
}
|
||||
this.exactTimeout = -1
|
||||
}, 750)
|
||||
}
|
||||
|
||||
// Only relevant to arrows
|
||||
private clearExactTimeout() {
|
||||
if (this.exactTimeout !== -1) {
|
||||
clearTimeout(this.exactTimeout)
|
||||
this.exactTimeout = -1
|
||||
}
|
||||
}
|
||||
|
||||
override onPointerMove: TLEventHandlers['onPointerMove'] = () => {
|
||||
this.update()
|
||||
}
|
||||
|
||||
override onKeyDown: TLKeyboardEvent | undefined = () => {
|
||||
this.update()
|
||||
}
|
||||
|
||||
override onKeyUp: TLKeyboardEvent | undefined = () => {
|
||||
this.update()
|
||||
}
|
||||
|
||||
override onPointerUp: TLEventHandlers['onPointerUp'] = () => {
|
||||
this.complete()
|
||||
}
|
||||
|
||||
override onComplete: TLEventHandlers['onComplete'] = () => {
|
||||
this.complete()
|
||||
}
|
||||
|
||||
override onCancel: TLCancelEvent = () => {
|
||||
this.cancel()
|
||||
}
|
||||
|
||||
override onExit = () => {
|
||||
this.parent.setCurrentToolIdMask(undefined)
|
||||
this.editor.setHintingShapes([])
|
||||
this.editor.snaps.clear()
|
||||
this.editor.updateInstanceState(
|
||||
{ cursor: { type: 'default', rotation: 0 } },
|
||||
{ ephemeral: true }
|
||||
)
|
||||
}
|
||||
|
||||
private complete() {
|
||||
this.editor.snaps.clear()
|
||||
|
||||
const { onInteractionEnd } = this.info
|
||||
if (this.editor.getInstanceState().isToolLocked && onInteractionEnd) {
|
||||
// Return to the tool that was active before this one,
|
||||
// but only if tool lock is turned on!
|
||||
this.editor.setCurrentTool(onInteractionEnd, { shapeId: this.shapeId })
|
||||
return
|
||||
}
|
||||
|
||||
this.parent.transition('idle')
|
||||
}
|
||||
|
||||
private cancel() {
|
||||
this.editor.bailToMark(this.markId)
|
||||
this.editor.snaps.clear()
|
||||
|
||||
const { onInteractionEnd } = this.info
|
||||
if (onInteractionEnd) {
|
||||
// Return to the tool that was active before this one,
|
||||
// whether tool lock is turned on or not!
|
||||
this.editor.setCurrentTool(onInteractionEnd, { shapeId: this.shapeId })
|
||||
return
|
||||
}
|
||||
|
||||
this.parent.transition('idle')
|
||||
}
|
||||
|
||||
private update() {
|
||||
const { editor, shapeId, initialPagePoint } = this
|
||||
const { initialHandle, initialPageRotation, initialAdjacentHandle } = this
|
||||
const hintingShapeIds = this.editor.getHintingShapeIds()
|
||||
const isSnapMode = this.editor.user.getIsSnapMode()
|
||||
const {
|
||||
snaps,
|
||||
inputs: { currentPagePoint, shiftKey, ctrlKey, altKey, pointerVelocity },
|
||||
} = editor
|
||||
|
||||
const initial = this.info.shape
|
||||
const shape = editor.getShape(shapeId)
|
||||
if (!shape) return
|
||||
const util = editor.getShapeUtil(shape)
|
||||
|
||||
let point = currentPagePoint
|
||||
.clone()
|
||||
.sub(initialPagePoint)
|
||||
.rot(-initialPageRotation)
|
||||
.add(initialHandle)
|
||||
|
||||
if (shiftKey && initialAdjacentHandle && initialHandle.id !== 'middle') {
|
||||
const angle = Vec.Angle(initialAdjacentHandle, point)
|
||||
const snappedAngle = snapAngle(angle, 24)
|
||||
const angleDifference = snappedAngle - angle
|
||||
point = Vec.RotWith(point, initialAdjacentHandle, angleDifference)
|
||||
}
|
||||
|
||||
// Clear any existing snaps
|
||||
editor.snaps.clear()
|
||||
|
||||
if (initialHandle.canSnap && (isSnapMode ? !ctrlKey : ctrlKey)) {
|
||||
// We're snapping
|
||||
const pageTransform = editor.getShapePageTransform(shape.id)
|
||||
if (!pageTransform) throw Error('Expected a page transform')
|
||||
|
||||
// We want to skip the segments that include the handle, so
|
||||
// find the index of the handle that shares the same index property
|
||||
// as the initial dragging handle; this catches a quirk of create handles
|
||||
const handleIndex = editor
|
||||
.getShapeHandles(shape)!
|
||||
.filter(({ type }) => type === 'vertex')
|
||||
.sort(sortByIndex)
|
||||
.findIndex(({ index }) => initialHandle.index === index)
|
||||
|
||||
// Get all the outline segments from the shape
|
||||
const additionalSegments = util
|
||||
.getOutlineSegments(shape)
|
||||
.map((segment) => Mat.applyToPoints(pageTransform, segment))
|
||||
.filter((_segment, i) => i !== handleIndex - 1 && i !== handleIndex)
|
||||
|
||||
const snapDelta = snaps.getSnappingHandleDelta({
|
||||
additionalSegments,
|
||||
handlePoint: Mat.applyToPoint(pageTransform, point),
|
||||
})
|
||||
|
||||
if (snapDelta) {
|
||||
snapDelta.rot(-editor.getShapeParentTransform(shape)!.rotation())
|
||||
point.add(snapDelta)
|
||||
}
|
||||
}
|
||||
|
||||
const changes = util.onHandleChange?.(shape, {
|
||||
handle: {
|
||||
...initialHandle,
|
||||
x: point.x,
|
||||
y: point.y,
|
||||
},
|
||||
isPrecise: this.isPrecise || altKey,
|
||||
initial: initial,
|
||||
})
|
||||
|
||||
const next: TLShapePartial<any> = { ...shape, ...changes }
|
||||
|
||||
// Arrows
|
||||
if (initialHandle.canBind) {
|
||||
const bindingAfter = (next.props as any)[initialHandle.id] as TLArrowShapeTerminal | undefined
|
||||
|
||||
if (bindingAfter?.type === 'binding') {
|
||||
if (hintingShapeIds[0] !== bindingAfter.boundShapeId) {
|
||||
editor.setHintingShapes([bindingAfter.boundShapeId])
|
||||
this.pointingId = bindingAfter.boundShapeId
|
||||
this.isPrecise = pointerVelocity.len() < 0.5 || altKey
|
||||
this.isPreciseId = this.isPrecise ? bindingAfter.boundShapeId : null
|
||||
this.resetExactTimeout()
|
||||
}
|
||||
} else {
|
||||
if (hintingShapeIds.length > 0) {
|
||||
editor.setHintingShapes([])
|
||||
this.pointingId = null
|
||||
this.isPrecise = false
|
||||
this.isPreciseId = null
|
||||
this.resetExactTimeout()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (changes) {
|
||||
editor.updateShapes([next], { squashing: true })
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue