forked from fanruan/fineui
guy
6 years ago
20 changed files with 4687 additions and 4662 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,424 +0,0 @@ |
|||||||
if(jQuery) { |
|
||||||
BI.extend(jQuery, { |
|
||||||
|
|
||||||
getLeftPosition: function (combo, popup, extraWidth) { |
|
||||||
return { |
|
||||||
left: combo.element.offset().left - popup.element.outerWidth() - (extraWidth || 0) |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getRightPosition: function (combo, popup, extraWidth) { |
|
||||||
var el = combo.element; |
|
||||||
return { |
|
||||||
left: el.offset().left + el.outerWidth() + (extraWidth || 0) |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getTopPosition: function (combo, popup, extraHeight) { |
|
||||||
return { |
|
||||||
top: combo.element.offset().top - popup.element.outerHeight() - (extraHeight || 0) |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getBottomPosition: function (combo, popup, extraHeight) { |
|
||||||
var el = combo.element; |
|
||||||
return { |
|
||||||
top: el.offset().top + el.outerHeight() + (extraHeight || 0) |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
isLeftSpaceEnough: function (combo, popup, extraWidth) { |
|
||||||
return $.getLeftPosition(combo, popup, extraWidth).left >= 0; |
|
||||||
}, |
|
||||||
|
|
||||||
isRightSpaceEnough: function (combo, popup, extraWidth) { |
|
||||||
var viewBounds = popup.element.bounds(), windowBounds = $("body").bounds(); |
|
||||||
return $.getRightPosition(combo, popup, extraWidth).left + viewBounds.width <= windowBounds.width; |
|
||||||
}, |
|
||||||
|
|
||||||
isTopSpaceEnough: function (combo, popup, extraHeight) { |
|
||||||
return $.getTopPosition(combo, popup, extraHeight).top >= 0; |
|
||||||
}, |
|
||||||
|
|
||||||
isBottomSpaceEnough: function (combo, popup, extraHeight) { |
|
||||||
var viewBounds = popup.element.bounds(), windowBounds = $("body").bounds(); |
|
||||||
return $.getBottomPosition(combo, popup, extraHeight).top + viewBounds.height <= windowBounds.height; |
|
||||||
}, |
|
||||||
|
|
||||||
isRightSpaceLarger: function (combo) { |
|
||||||
var windowBounds = $("body").bounds(); |
|
||||||
return windowBounds.width - combo.element.offset().left - combo.element.bounds().width >= combo.element.offset().left; |
|
||||||
}, |
|
||||||
|
|
||||||
isBottomSpaceLarger: function (combo) { |
|
||||||
var windowBounds = $("body").bounds(); |
|
||||||
return windowBounds.height - combo.element.offset().top - combo.element.bounds().height >= combo.element.offset().top; |
|
||||||
}, |
|
||||||
|
|
||||||
getLeftAlignPosition: function (combo, popup, extraWidth) { |
|
||||||
var viewBounds = popup.element.bounds(), windowBounds = $("body").bounds(); |
|
||||||
var left = combo.element.offset().left + extraWidth; |
|
||||||
if (left + viewBounds.width > windowBounds.width) { |
|
||||||
left = windowBounds.width - viewBounds.width; |
|
||||||
} |
|
||||||
if (left < 0) { |
|
||||||
left = 0; |
|
||||||
} |
|
||||||
return { |
|
||||||
left: left |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getLeftAdaptPosition: function (combo, popup, extraWidth) { |
|
||||||
if ($.isLeftSpaceEnough(combo, popup, extraWidth)) { |
|
||||||
return $.getLeftPosition(combo, popup, extraWidth); |
|
||||||
} |
|
||||||
return { |
|
||||||
left: 0 |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getRightAlignPosition: function (combo, popup, extraWidth) { |
|
||||||
var comboBounds = combo.element.bounds(), viewBounds = popup.element.bounds(); |
|
||||||
var left = combo.element.offset().left + comboBounds.width - viewBounds.width - extraWidth; |
|
||||||
if (left < 0) { |
|
||||||
left = 0; |
|
||||||
} |
|
||||||
return { |
|
||||||
left: left |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getRightAdaptPosition: function (combo, popup, extraWidth) { |
|
||||||
if ($.isRightSpaceEnough(combo, popup, extraWidth)) { |
|
||||||
return $.getRightPosition(combo, popup, extraWidth); |
|
||||||
} |
|
||||||
return { |
|
||||||
left: $("body").bounds().width - popup.element.bounds().width |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getTopAlignPosition: function (combo, popup, extraHeight, needAdaptHeight) { |
|
||||||
var comboOffset = combo.element.offset(); |
|
||||||
var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), |
|
||||||
windowBounds = $("body").bounds(); |
|
||||||
var top, adaptHeight; |
|
||||||
if ($.isBottomSpaceEnough(combo, popup, -1 * comboBounds.height + extraHeight)) { |
|
||||||
top = comboOffset.top + extraHeight; |
|
||||||
} else if (needAdaptHeight) { |
|
||||||
top = comboOffset.top + extraHeight; |
|
||||||
adaptHeight = windowBounds.height - top; |
|
||||||
} else { |
|
||||||
top = windowBounds.height - popupBounds.height; |
|
||||||
if (top < extraHeight) { |
|
||||||
adaptHeight = windowBounds.height - extraHeight; |
|
||||||
} |
|
||||||
} |
|
||||||
if (top < extraHeight) { |
|
||||||
top = extraHeight; |
|
||||||
} |
|
||||||
return adaptHeight ? { |
|
||||||
top: top, |
|
||||||
adaptHeight: adaptHeight |
|
||||||
} : { |
|
||||||
top: top |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getTopAdaptPosition: function (combo, popup, extraHeight, needAdaptHeight) { |
|
||||||
var popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); |
|
||||||
if ($.isTopSpaceEnough(combo, popup, extraHeight)) { |
|
||||||
return $.getTopPosition(combo, popup, extraHeight); |
|
||||||
} |
|
||||||
if (needAdaptHeight) { |
|
||||||
return { |
|
||||||
top: 0, |
|
||||||
adaptHeight: combo.element.offset().top - extraHeight |
|
||||||
}; |
|
||||||
} |
|
||||||
if (popupBounds.height + extraHeight > windowBounds.height) { |
|
||||||
return { |
|
||||||
top: 0, |
|
||||||
adaptHeight: windowBounds.height - extraHeight |
|
||||||
}; |
|
||||||
} |
|
||||||
return { |
|
||||||
top: 0 |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getBottomAlignPosition: function (combo, popup, extraHeight, needAdaptHeight) { |
|
||||||
var comboOffset = combo.element.offset(); |
|
||||||
var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), |
|
||||||
windowBounds = $("body").bounds(); |
|
||||||
var top, adaptHeight; |
|
||||||
if ($.isTopSpaceEnough(combo, popup, -1 * comboBounds.height + extraHeight)) { |
|
||||||
top = comboOffset.top + comboBounds.height - popupBounds.height - extraHeight; |
|
||||||
} else if (needAdaptHeight) { |
|
||||||
top = 0; |
|
||||||
adaptHeight = comboOffset.top + comboBounds.height - extraHeight; |
|
||||||
} else { |
|
||||||
top = 0; |
|
||||||
if (popupBounds.height + extraHeight > windowBounds.height) { |
|
||||||
adaptHeight = windowBounds.height - extraHeight; |
|
||||||
} |
|
||||||
} |
|
||||||
if (top < 0) { |
|
||||||
top = 0; |
|
||||||
} |
|
||||||
return adaptHeight ? { |
|
||||||
top: top, |
|
||||||
adaptHeight: adaptHeight |
|
||||||
} : { |
|
||||||
top: top |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getBottomAdaptPosition: function (combo, popup, extraHeight, needAdaptHeight) { |
|
||||||
var comboOffset = combo.element.offset(); |
|
||||||
var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), |
|
||||||
windowBounds = $("body").bounds(); |
|
||||||
if ($.isBottomSpaceEnough(combo, popup, extraHeight)) { |
|
||||||
return $.getBottomPosition(combo, popup, extraHeight); |
|
||||||
} |
|
||||||
if (needAdaptHeight) { |
|
||||||
return { |
|
||||||
top: comboOffset.top + comboBounds.height + extraHeight, |
|
||||||
adaptHeight: windowBounds.height - comboOffset.top - comboBounds.height - extraHeight |
|
||||||
}; |
|
||||||
} |
|
||||||
if (popupBounds.height + extraHeight > windowBounds.height) { |
|
||||||
return { |
|
||||||
top: extraHeight, |
|
||||||
adaptHeight: windowBounds.height - extraHeight |
|
||||||
}; |
|
||||||
} |
|
||||||
return { |
|
||||||
top: windowBounds.height - popupBounds.height - extraHeight |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getCenterAdaptPosition: function (combo, popup) { |
|
||||||
var comboOffset = combo.element.offset(); |
|
||||||
var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), |
|
||||||
windowBounds = $("body").bounds(); |
|
||||||
var left; |
|
||||||
if (comboOffset.left + comboBounds.width / 2 + popupBounds.width / 2 > windowBounds.width) { |
|
||||||
left = windowBounds.width - popupBounds.width; |
|
||||||
} else { |
|
||||||
left = comboOffset.left + comboBounds.width / 2 - popupBounds.width / 2; |
|
||||||
} |
|
||||||
if (left < 0) { |
|
||||||
left = 0; |
|
||||||
} |
|
||||||
return { |
|
||||||
left: left |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getMiddleAdaptPosition: function (combo, popup) { |
|
||||||
var comboOffset = combo.element.offset(); |
|
||||||
var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), |
|
||||||
windowBounds = $("body").bounds(); |
|
||||||
var top; |
|
||||||
if (comboOffset.top + comboBounds.height / 2 + popupBounds.height / 2 > windowBounds.height) { |
|
||||||
top = windowBounds.height - popupBounds.height; |
|
||||||
} else { |
|
||||||
top = comboOffset.top + comboBounds.height / 2 - popupBounds.height / 2; |
|
||||||
} |
|
||||||
if (top < 0) { |
|
||||||
top = 0; |
|
||||||
} |
|
||||||
return { |
|
||||||
top: top |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
getComboPositionByDirections: function (combo, popup, extraWidth, extraHeight, needAdaptHeight, directions) { |
|
||||||
extraWidth || (extraWidth = 0); |
|
||||||
extraHeight || (extraHeight = 0); |
|
||||||
var i, direct; |
|
||||||
var leftRight = [], topBottom = []; |
|
||||||
var isNeedAdaptHeight = false, tbFirst = false, lrFirst = false; |
|
||||||
var left, top, pos; |
|
||||||
for (i = 0; i < directions.length; i++) { |
|
||||||
direct = directions[i]; |
|
||||||
switch (direct) { |
|
||||||
case "left": |
|
||||||
leftRight.push(direct); |
|
||||||
break; |
|
||||||
case "right": |
|
||||||
leftRight.push(direct); |
|
||||||
break; |
|
||||||
case "top": |
|
||||||
topBottom.push(direct); |
|
||||||
break; |
|
||||||
case "bottom": |
|
||||||
topBottom.push(direct); |
|
||||||
break; |
|
||||||
} |
|
||||||
} |
|
||||||
for (i = 0; i < directions.length; i++) { |
|
||||||
direct = directions[i]; |
|
||||||
switch (direct) { |
|
||||||
case "left": |
|
||||||
if (!isNeedAdaptHeight) { |
|
||||||
var tW = tbFirst ? extraHeight : extraWidth, tH = tbFirst ? 0 : extraHeight; |
|
||||||
if ($.isLeftSpaceEnough(combo, popup, tW)) { |
|
||||||
left = $.getLeftPosition(combo, popup, tW).left; |
|
||||||
if (topBottom[0] === "bottom") { |
|
||||||
pos = $.getTopAlignPosition(combo, popup, tH, needAdaptHeight); |
|
||||||
pos.dir = "left,bottom"; |
|
||||||
} else { |
|
||||||
pos = $.getBottomAlignPosition(combo, popup, tH, needAdaptHeight); |
|
||||||
pos.dir = "left,top"; |
|
||||||
} |
|
||||||
if (tbFirst) { |
|
||||||
pos.change = "left"; |
|
||||||
} |
|
||||||
pos.left = left; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
} |
|
||||||
lrFirst = true; |
|
||||||
break; |
|
||||||
case "right": |
|
||||||
if (!isNeedAdaptHeight) { |
|
||||||
var tW = tbFirst ? extraHeight : extraWidth, tH = tbFirst ? extraWidth : extraHeight; |
|
||||||
if ($.isRightSpaceEnough(combo, popup, tW)) { |
|
||||||
left = $.getRightPosition(combo, popup, tW).left; |
|
||||||
if (topBottom[0] === "bottom") { |
|
||||||
pos = $.getTopAlignPosition(combo, popup, tH, needAdaptHeight); |
|
||||||
pos.dir = "right,bottom"; |
|
||||||
} else { |
|
||||||
pos = $.getBottomAlignPosition(combo, popup, tH, needAdaptHeight); |
|
||||||
pos.dir = "right,top"; |
|
||||||
} |
|
||||||
if (tbFirst) { |
|
||||||
pos.change = "right"; |
|
||||||
} |
|
||||||
pos.left = left; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
} |
|
||||||
lrFirst = true; |
|
||||||
break; |
|
||||||
case "top": |
|
||||||
var tW = lrFirst ? extraHeight : extraWidth, tH = lrFirst ? extraWidth : extraHeight; |
|
||||||
if ($.isTopSpaceEnough(combo, popup, tH)) { |
|
||||||
top = $.getTopPosition(combo, popup, tH).top; |
|
||||||
if (leftRight[0] === "right") { |
|
||||||
pos = $.getLeftAlignPosition(combo, popup, tW, needAdaptHeight); |
|
||||||
pos.dir = "top,right"; |
|
||||||
} else { |
|
||||||
pos = $.getRightAlignPosition(combo, popup, tW); |
|
||||||
pos.dir = "top,left"; |
|
||||||
} |
|
||||||
if (lrFirst) { |
|
||||||
pos.change = "top"; |
|
||||||
} |
|
||||||
pos.top = top; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
if (needAdaptHeight) { |
|
||||||
isNeedAdaptHeight = true; |
|
||||||
} |
|
||||||
tbFirst = true; |
|
||||||
break; |
|
||||||
case "bottom": |
|
||||||
var tW = lrFirst ? extraHeight : extraWidth, tH = lrFirst ? extraWidth : extraHeight; |
|
||||||
if ($.isBottomSpaceEnough(combo, popup, tH)) { |
|
||||||
top = $.getBottomPosition(combo, popup, tH).top; |
|
||||||
if (leftRight[0] === "right") { |
|
||||||
pos = $.getLeftAlignPosition(combo, popup, tW, needAdaptHeight); |
|
||||||
pos.dir = "bottom,right"; |
|
||||||
} else { |
|
||||||
pos = $.getRightAlignPosition(combo, popup, tW); |
|
||||||
pos.dir = "bottom,left"; |
|
||||||
} |
|
||||||
if (lrFirst) { |
|
||||||
pos.change = "bottom"; |
|
||||||
} |
|
||||||
pos.top = top; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
if (needAdaptHeight) { |
|
||||||
isNeedAdaptHeight = true; |
|
||||||
} |
|
||||||
tbFirst = true; |
|
||||||
break; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
switch (directions[0]) { |
|
||||||
case "left": |
|
||||||
case "right": |
|
||||||
if ($.isRightSpaceLarger(combo)) { |
|
||||||
left = $.getRightAdaptPosition(combo, popup, extraWidth).left; |
|
||||||
} else { |
|
||||||
left = $.getLeftAdaptPosition(combo, popup, extraWidth).left; |
|
||||||
} |
|
||||||
if (topBottom[0] === "bottom") { |
|
||||||
pos = $.getTopAlignPosition(combo, popup, extraHeight, needAdaptHeight); |
|
||||||
pos.left = left; |
|
||||||
pos.dir = directions[0] + ",bottom"; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
pos = $.getBottomAlignPosition(combo, popup, extraHeight, needAdaptHeight); |
|
||||||
pos.left = left; |
|
||||||
pos.dir = directions[0] + ",top"; |
|
||||||
return pos; |
|
||||||
default : |
|
||||||
if ($.isBottomSpaceLarger(combo)) { |
|
||||||
pos = $.getBottomAdaptPosition(combo, popup, extraHeight, needAdaptHeight); |
|
||||||
} else { |
|
||||||
pos = $.getTopAdaptPosition(combo, popup, extraHeight, needAdaptHeight); |
|
||||||
} |
|
||||||
if (leftRight[0] === "right") { |
|
||||||
left = $.getLeftAlignPosition(combo, popup, extraWidth, needAdaptHeight).left; |
|
||||||
pos.left = left; |
|
||||||
pos.dir = directions[0] + ",right"; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
left = $.getRightAlignPosition(combo, popup, extraWidth).left; |
|
||||||
pos.left = left; |
|
||||||
pos.dir = directions[0] + ",left"; |
|
||||||
return pos; |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
|
|
||||||
getComboPosition: function (combo, popup, extraWidth, extraHeight, needAdaptHeight, directions, offsetStyle) { |
|
||||||
extraWidth || (extraWidth = 0); |
|
||||||
extraHeight || (extraHeight = 0); |
|
||||||
var bodyHeight = $("body").bounds().height - extraHeight; |
|
||||||
var maxHeight = Math.min(popup.attr("maxHeight") || bodyHeight, bodyHeight); |
|
||||||
popup.resetHeight && popup.resetHeight(maxHeight); |
|
||||||
var position = $.getComboPositionByDirections(combo, popup, extraWidth, extraHeight, needAdaptHeight, directions || ["bottom", "top", "right", "left"]); |
|
||||||
switch (offsetStyle) { |
|
||||||
case "center": |
|
||||||
if (position.change) { |
|
||||||
var p = $.getMiddleAdaptPosition(combo, popup); |
|
||||||
position.top = p.top; |
|
||||||
} else { |
|
||||||
var p = $.getCenterAdaptPosition(combo, popup); |
|
||||||
position.left = p.left; |
|
||||||
} |
|
||||||
break; |
|
||||||
case "middle": |
|
||||||
if (position.change) { |
|
||||||
var p = $.getCenterAdaptPosition(combo, popup); |
|
||||||
position.left = p.left; |
|
||||||
} else { |
|
||||||
var p = $.getMiddleAdaptPosition(combo, popup); |
|
||||||
position.top = p.top; |
|
||||||
} |
|
||||||
break; |
|
||||||
} |
|
||||||
if (needAdaptHeight === true) { |
|
||||||
popup.resetHeight && popup.resetHeight(Math.min(bodyHeight - position.top, maxHeight)); |
|
||||||
} |
|
||||||
return position; |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
Loading…
Reference in new issue