mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-12 12:25:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(calcPlacementTransform): fix popover position transform

Browse Source
This commit is contained in:
songwanli2025@163.com 2019-12-31 16:01:00 +08:00
parent 4a402029a3
commit 0b8b3dfd34
1 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
packages/utils/dom/calcPlacementTransform.js
View File

@ -20,26 +20,42 @@ const lengthToCompare = {
}
function getAdjustedPlacementOfTrackingElement (placement = 'bottom-start', trackedRect, trackingRect) {
const [direction, position] = placement.split('-')
if (trackedRect[direction] >= trackingRect[lengthToCompare[direction]]) {
return placement
} else if (trackedRect[oppositeDirection[direction]] >= trackingRect[lengthToCompare[direction]]) {
if (position) return `${oppositeDirection[direction]}-${position}`
else return oppositeDirection[direction]
} else {
const [direction1, direction2] = adjacentDirections[direction]
let adjacentDirectionWithMoreSpace = direction1
if (trackedRect[direction1] < trackedRect[direction2]) {
adjacentDirectionWithMoreSpace = direction2
let [direction, position] = placement.split('-')
let newPosition = position
if (position === 'start') {
let adjacentDirection = adjacentDirections[direction][1]
if (trackedRect[adjacentDirection] <= trackingRect[lengthToCompare[adjacentDirection]]) {
newPosition = 'end'
}
if (trackedRect[adjacentDirectionWithMoreSpace] < trackingRect[lengthToCompare[adjacentDirections]]) {
/**
* If no direction has required space, simply not flip tracking element to any side.
*/
return placement
} else if (position === 'end') {
let adjacentDirection = adjacentDirections[direction][0]
if (trackedRect[adjacentDirection] <= trackingRect[lengthToCompare[adjacentDirection]]) {
newPosition = 'start'
}
return adjacentDirectionWithMoreSpace
}
if (trackedRect[direction] >= trackingRect[lengthToCompare[direction]]) {
return direction + '-' + newPosition
} else if (trackedRect[oppositeDirection[direction]] >= trackingRect[lengthToCompare[direction]]) {
if (position) {
return `${oppositeDirection[direction]}-${newPosition}`
} else return oppositeDirection[direction]
} else {
return direction + '-' + newPosition
}
// else {
// const [direction1, direction2] = adjacentDirections[direction]
// let adjacentDirectionWithMoreSpace = direction1
// if (trackedRect[direction1] < trackedRect[direction2]) {
// adjacentDirectionWithMoreSpace = direction2
// }
// if (trackedRect[adjacentDirectionWithMoreSpace] < trackingRect[lengthToCompare[adjacentDirections]]) {
// /**
// * If no direction has required space, simply not flip tracking element to any side.
// */
// return placement
// }
// return adjacentDirectionWithMoreSpace
// }
}
const placementToTransformOrigin = {