forked from fanruan/fineui
guy
6 years ago
23 changed files with 84630 additions and 85517 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
File diff suppressed because one or more lines are too long
@ -1,592 +0,0 @@ |
|||||||
/** |
|
||||||
* guy |
|
||||||
* 最基础的dom操作 |
|
||||||
*/ |
|
||||||
BI.extend(jQuery.fn, { |
|
||||||
|
|
||||||
destroy: function () { |
|
||||||
this.remove(); |
|
||||||
if (BI.isIE() === true) { |
|
||||||
this[0].outerHTML = ""; |
|
||||||
} |
|
||||||
}, |
|
||||||
/** |
|
||||||
* 高亮显示 |
|
||||||
* @param text 必需 |
|
||||||
* @param keyword |
|
||||||
* @param py 必需 |
|
||||||
* @returns {*} |
|
||||||
* @private |
|
||||||
*/ |
|
||||||
__textKeywordMarked__: function (text, keyword, py) { |
|
||||||
if (!BI.isKey(keyword) || (text + "").length > 100) { |
|
||||||
return this.html(BI.htmlEncode(text)); |
|
||||||
} |
|
||||||
keyword = keyword + ""; |
|
||||||
keyword = BI.toUpperCase(keyword); |
|
||||||
var textLeft = (text || "") + ""; |
|
||||||
py = (py || BI.makeFirstPY(text)) + ""; |
|
||||||
if (py != null) { |
|
||||||
py = BI.toUpperCase(py); |
|
||||||
} |
|
||||||
this.empty(); |
|
||||||
while (true) { |
|
||||||
var tidx = BI.toUpperCase(textLeft).indexOf(keyword); |
|
||||||
var pidx = null; |
|
||||||
if (py != null) { |
|
||||||
pidx = py.indexOf(keyword); |
|
||||||
if (pidx >= 0) { |
|
||||||
pidx = pidx % text.length; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
if (tidx >= 0) { |
|
||||||
this.append(textLeft.substr(0, tidx)); |
|
||||||
this.append($("<span>").addClass("bi-keyword-red-mark") |
|
||||||
.html(BI.htmlEncode(textLeft.substr(tidx, keyword.length)))); |
|
||||||
|
|
||||||
textLeft = textLeft.substr(tidx + keyword.length); |
|
||||||
if (py != null) { |
|
||||||
py = py.substr(tidx + keyword.length); |
|
||||||
} |
|
||||||
} else if (pidx != null && pidx >= 0 && Math.floor(pidx / text.length) === Math.floor((pidx + keyword.length - 1) / text.length)) { |
|
||||||
this.append(textLeft.substr(0, pidx)); |
|
||||||
this.append($("<span>").addClass("bi-keyword-red-mark") |
|
||||||
.html(BI.htmlEncode(textLeft.substr(pidx, keyword.length)))); |
|
||||||
if (py != null) { |
|
||||||
py = py.substr(pidx + keyword.length); |
|
||||||
} |
|
||||||
textLeft = textLeft.substr(pidx + keyword.length); |
|
||||||
} else { |
|
||||||
this.append(textLeft); |
|
||||||
break; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return this; |
|
||||||
}, |
|
||||||
|
|
||||||
getDomHeight: function (parent) { |
|
||||||
var clone = $(this).clone(); |
|
||||||
clone.appendTo($(parent || "body")); |
|
||||||
var height = clone.height(); |
|
||||||
clone.remove(); |
|
||||||
return height; |
|
||||||
}, |
|
||||||
|
|
||||||
// 是否有竖直滚动条
|
|
||||||
hasVerticalScroll: function () { |
|
||||||
return this.height() > 0 && this[0].clientWidth < this[0].offsetWidth; |
|
||||||
}, |
|
||||||
|
|
||||||
// 是否有水平滚动条
|
|
||||||
hasHorizonScroll: function () { |
|
||||||
return this.width() > 0 && this[0].clientHeight < this[0].offsetHeight; |
|
||||||
}, |
|
||||||
|
|
||||||
// 获取计算后的样式
|
|
||||||
getStyle: function (name) { |
|
||||||
var node = this[0]; |
|
||||||
var computedStyle = void 0; |
|
||||||
|
|
||||||
// W3C Standard
|
|
||||||
if (_global.getComputedStyle) { |
|
||||||
// In certain cases such as within an iframe in FF3, this returns null.
|
|
||||||
computedStyle = _global.getComputedStyle(node, null); |
|
||||||
if (computedStyle) { |
|
||||||
return computedStyle.getPropertyValue(BI.hyphenate(name)); |
|
||||||
} |
|
||||||
} |
|
||||||
// Safari
|
|
||||||
if (document.defaultView && document.defaultView.getComputedStyle) { |
|
||||||
computedStyle = document.defaultView.getComputedStyle(node, null); |
|
||||||
// A Safari bug causes this to return null for `display: none` elements.
|
|
||||||
if (computedStyle) { |
|
||||||
return computedStyle.getPropertyValue(BI.hyphenate(name)); |
|
||||||
} |
|
||||||
if (name === "display") { |
|
||||||
return "none"; |
|
||||||
} |
|
||||||
} |
|
||||||
// Internet Explorer
|
|
||||||
if (node.currentStyle) { |
|
||||||
if (name === "float") { |
|
||||||
return node.currentStyle.cssFloat || node.currentStyle.styleFloat; |
|
||||||
} |
|
||||||
return node.currentStyle[BI.camelize(name)]; |
|
||||||
} |
|
||||||
return node.style && node.style[BI.camelize(name)]; |
|
||||||
}, |
|
||||||
|
|
||||||
__isMouseInBounds__: function (e) { |
|
||||||
var offset2Body = this.get(0).getBoundingClientRect ? this.get(0).getBoundingClientRect() : this.offset(); |
|
||||||
var width = offset2Body.width || this.outerWidth(); |
|
||||||
var height = offset2Body.height || this.outerHeight(); |
|
||||||
return !(e.pageX < offset2Body.left || e.pageX > offset2Body.left + width |
|
||||||
|| e.pageY < offset2Body.top || e.pageY > offset2Body.top + height); |
|
||||||
}, |
|
||||||
|
|
||||||
__hasZIndexMask__: function (zindex) { |
|
||||||
return zindex && this.zIndexMask[zindex] != null; |
|
||||||
}, |
|
||||||
|
|
||||||
__buildZIndexMask__: function (zindex, domArray) { |
|
||||||
this.zIndexMask = this.zIndexMask || {};// 存储z-index的mask
|
|
||||||
this.indexMask = this.indexMask || [];// 存储mask
|
|
||||||
var mask = BI.createWidget({ |
|
||||||
type: "bi.center_adapt", |
|
||||||
cls: "bi-z-index-mask", |
|
||||||
items: domArray |
|
||||||
}); |
|
||||||
|
|
||||||
mask.element.css({"z-index": zindex}); |
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.absolute", |
|
||||||
element: this, |
|
||||||
items: [{ |
|
||||||
el: mask, |
|
||||||
left: 0, |
|
||||||
right: 0, |
|
||||||
top: 0, |
|
||||||
bottom: 0 |
|
||||||
}] |
|
||||||
}); |
|
||||||
this.indexMask.push(mask); |
|
||||||
zindex && (this.zIndexMask[zindex] = mask); |
|
||||||
return mask.element; |
|
||||||
}, |
|
||||||
|
|
||||||
__releaseZIndexMask__: function (zindex) { |
|
||||||
if (zindex && this.zIndexMask[zindex]) { |
|
||||||
this.indexMask.remove(this.zIndexMask[zindex]); |
|
||||||
this.zIndexMask[zindex].destroy(); |
|
||||||
return; |
|
||||||
} |
|
||||||
this.indexMask = this.indexMask || []; |
|
||||||
var indexMask = this.indexMask.pop(); |
|
||||||
indexMask && indexMask.destroy(); |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
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; |
|
||||||
} |
|
||||||
}); |
|
||||||
@ -0,0 +1,22 @@ |
|||||||
|
// BI请求
|
||||||
|
_.extend(BI, { |
||||||
|
|
||||||
|
ajax: function (option) { |
||||||
|
option || (option = {}); |
||||||
|
var async = option.async; |
||||||
|
option.data = BI.cjkEncodeDO(option.data || {}); |
||||||
|
|
||||||
|
$.ajax({ |
||||||
|
url: option.url, |
||||||
|
type: "POST", |
||||||
|
data: option.data, |
||||||
|
async: async, |
||||||
|
error: option.error, |
||||||
|
complete: function (res, status) { |
||||||
|
if (BI.isFunction(option.complete)) { |
||||||
|
option.complete(BI.jsonDecode(res.responseText), status); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
@ -0,0 +1,254 @@ |
|||||||
|
/** |
||||||
|
* 对DOM操作的通用函数 |
||||||
|
* @type {{}} |
||||||
|
*/ |
||||||
|
BI.DOM = {}; |
||||||
|
BI.extend(BI.DOM, { |
||||||
|
|
||||||
|
/** |
||||||
|
* 把dom数组或元素悬挂起来,使其不对html产生影响 |
||||||
|
* @param dom |
||||||
|
*/ |
||||||
|
hang: function (doms) { |
||||||
|
if (BI.isEmpty(doms)) { |
||||||
|
return; |
||||||
|
} |
||||||
|
var frag = document.createDocumentFragment(); |
||||||
|
BI.each(doms, function (i, dom) { |
||||||
|
dom instanceof BI.Widget && (dom = dom.element); |
||||||
|
dom instanceof $ && dom[0] && frag.appendChild(dom[0]); |
||||||
|
}); |
||||||
|
return frag; |
||||||
|
}, |
||||||
|
|
||||||
|
isExist: function (obj) { |
||||||
|
return BI.Widget._renderEngine.createElement("body").find(obj.element).length > 0; |
||||||
|
}, |
||||||
|
|
||||||
|
// 预加载图片
|
||||||
|
preloadImages: function (srcArray, onload) { |
||||||
|
var count = 0, images = []; |
||||||
|
|
||||||
|
function complete () { |
||||||
|
count++; |
||||||
|
if (count >= srcArray.length) { |
||||||
|
onload(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
BI.each(srcArray, function (i, src) { |
||||||
|
images[i] = new Image(); |
||||||
|
images[i].src = src; |
||||||
|
images[i].onload = function () { |
||||||
|
complete(); |
||||||
|
}; |
||||||
|
images[i].onerror = function () { |
||||||
|
complete(); |
||||||
|
}; |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
isColor: function (color) { |
||||||
|
return color && (this.isRGBColor(color) || this.isHexColor(color)); |
||||||
|
}, |
||||||
|
|
||||||
|
isRGBColor: function (color) { |
||||||
|
if (!color) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return color.substr(0, 3) === "rgb"; |
||||||
|
}, |
||||||
|
|
||||||
|
isHexColor: function (color) { |
||||||
|
if (!color) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return color[0] === "#" && color.length === 7; |
||||||
|
}, |
||||||
|
|
||||||
|
isDarkColor: function (hex) { |
||||||
|
if (!hex || !this.isHexColor(hex)) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
var rgb = this.rgb2json(this.hex2rgb(hex)); |
||||||
|
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); |
||||||
|
if (grayLevel < 192/** 网上给的是140**/) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
return false; |
||||||
|
}, |
||||||
|
|
||||||
|
// 获取对比颜色
|
||||||
|
getContrastColor: function (color) { |
||||||
|
if (!color || !this.isColor(color)) { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
if (this.isDarkColor(color)) { |
||||||
|
return "#ffffff"; |
||||||
|
} |
||||||
|
return "#1a1a1a"; |
||||||
|
}, |
||||||
|
|
||||||
|
rgb2hex: function (rgbColour) { |
||||||
|
if (!rgbColour || rgbColour.substr(0, 3) != "rgb") { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); |
||||||
|
var red = BI.parseInt(rgbValues[0]); |
||||||
|
var green = BI.parseInt(rgbValues[1]); |
||||||
|
var blue = BI.parseInt(rgbValues[2]); |
||||||
|
|
||||||
|
var hexColour = "#" + this.int2hex(red) + this.int2hex(green) + this.int2hex(blue); |
||||||
|
|
||||||
|
return hexColour; |
||||||
|
}, |
||||||
|
|
||||||
|
rgb2json: function (rgbColour) { |
||||||
|
if (!rgbColour) { |
||||||
|
return {}; |
||||||
|
} |
||||||
|
if (!this.isRGBColor(rgbColour)) { |
||||||
|
return {}; |
||||||
|
} |
||||||
|
var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); |
||||||
|
return { |
||||||
|
r: BI.parseInt(rgbValues[0]), |
||||||
|
g: BI.parseInt(rgbValues[1]), |
||||||
|
b: BI.parseInt(rgbValues[2]) |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
rgba2json: function (rgbColour) { |
||||||
|
if (!rgbColour) { |
||||||
|
return {}; |
||||||
|
} |
||||||
|
var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); |
||||||
|
return { |
||||||
|
r: BI.parseInt(rgbValues[0]), |
||||||
|
g: BI.parseInt(rgbValues[1]), |
||||||
|
b: BI.parseInt(rgbValues[2]), |
||||||
|
a: BI.parseFloat(rgbValues[3]) |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
json2rgb: function (rgb) { |
||||||
|
if (!BI.isKey(rgb.r) || !BI.isKey(rgb.g) || !BI.isKey(rgb.b)) { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
return "rgb(" + rgb.r + "," + rgb.g + "," + rgb.b + ")"; |
||||||
|
}, |
||||||
|
|
||||||
|
json2rgba: function (rgba) { |
||||||
|
if (!BI.isKey(rgba.r) || !BI.isKey(rgba.g) || !BI.isKey(rgba.b)) { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
return "rgba(" + rgba.r + "," + rgba.g + "," + rgba.b + "," + rgba.a + ")"; |
||||||
|
}, |
||||||
|
|
||||||
|
int2hex: function (strNum) { |
||||||
|
var hexdig = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]; |
||||||
|
|
||||||
|
return hexdig[strNum >>> 4] + "" + hexdig[strNum & 15]; |
||||||
|
}, |
||||||
|
|
||||||
|
hex2rgb: function (color) { |
||||||
|
if (!color) { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
if (!this.isHexColor(color)) { |
||||||
|
return color; |
||||||
|
} |
||||||
|
var tempValue = "rgb(", colorArray; |
||||||
|
|
||||||
|
if (color.length === 7) { |
||||||
|
colorArray = [BI.parseInt("0x" + color.substring(1, 3)), |
||||||
|
BI.parseInt("0x" + color.substring(3, 5)), |
||||||
|
BI.parseInt("0x" + color.substring(5, 7))]; |
||||||
|
} else if (color.length === 4) { |
||||||
|
colorArray = [BI.parseInt("0x" + color.substring(1, 2)), |
||||||
|
BI.parseInt("0x" + color.substring(2, 3)), |
||||||
|
BI.parseInt("0x" + color.substring(3, 4))]; |
||||||
|
} |
||||||
|
tempValue += colorArray[0] + ","; |
||||||
|
tempValue += colorArray[1] + ","; |
||||||
|
tempValue += colorArray[2] + ")"; |
||||||
|
|
||||||
|
return tempValue; |
||||||
|
}, |
||||||
|
|
||||||
|
rgba2rgb: function (rgbColour, BGcolor) { |
||||||
|
if (BI.isNull(BGcolor)) { |
||||||
|
BGcolor = 1; |
||||||
|
} |
||||||
|
if (rgbColour.substr(0, 4) != "rgba") { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); |
||||||
|
if (rgbValues.length < 4) { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
var R = BI.parseFloat(rgbValues[0]); |
||||||
|
var G = BI.parseFloat(rgbValues[1]); |
||||||
|
var B = BI.parseFloat(rgbValues[2]); |
||||||
|
var A = BI.parseFloat(rgbValues[3]); |
||||||
|
|
||||||
|
return "rgb(" + Math.floor(255 * (BGcolor * (1 - A )) + R * A) + "," + |
||||||
|
Math.floor(255 * (BGcolor * (1 - A )) + G * A) + "," + |
||||||
|
Math.floor(255 * (BGcolor * (1 - A )) + B * A) + ")"; |
||||||
|
}, |
||||||
|
|
||||||
|
getTextSizeWidth: function (text, fontSize) { |
||||||
|
var span = BI.Widget._renderEngine.createElement("<span></span>").addClass("text-width-span").appendTo("body"); |
||||||
|
|
||||||
|
if (fontSize == null) { |
||||||
|
fontSize = 12; |
||||||
|
} |
||||||
|
fontSize = fontSize + "px"; |
||||||
|
|
||||||
|
span.css("font-size", fontSize).text(text); |
||||||
|
|
||||||
|
var width = span.width(); |
||||||
|
span.remove(); |
||||||
|
|
||||||
|
return width; |
||||||
|
}, |
||||||
|
|
||||||
|
// 获取滚动条的宽度
|
||||||
|
getScrollWidth: function () { |
||||||
|
if (this._scrollWidth == null) { |
||||||
|
var ul = BI.Widget._renderEngine.createElement("<div>").width(50).height(50).css({ |
||||||
|
position: "absolute", |
||||||
|
top: "-9999px", |
||||||
|
overflow: "scroll" |
||||||
|
}).appendTo("body"); |
||||||
|
this._scrollWidth = ul[0].offsetWidth - ul[0].clientWidth; |
||||||
|
ul.destroy(); |
||||||
|
} |
||||||
|
return this._scrollWidth; |
||||||
|
}, |
||||||
|
|
||||||
|
getImage: function (param, fillStyle, backgroundColor) { |
||||||
|
var canvas = document.createElement("canvas"); |
||||||
|
var ratio = 2; |
||||||
|
BI.Widget._renderEngine.createElement("body").append(canvas); |
||||||
|
var w = BI.DOM.getTextSizeWidth(param, 14) + 6; |
||||||
|
canvas.width = w * ratio; |
||||||
|
canvas.height = 24 * ratio; |
||||||
|
var ctx = canvas.getContext("2d"); |
||||||
|
// ctx.fillStyle = "#EAF2FD";
|
||||||
|
ctx.font = 12 * ratio + "px Georgia"; |
||||||
|
ctx.fillStyle = fillStyle || "#3D4D66"; |
||||||
|
ctx.textBaseline = "middle"; |
||||||
|
ctx.fillText(param, 6 * ratio, 12 * ratio); |
||||||
|
BI.Widget._renderEngine.createElement(canvas).destroy(); |
||||||
|
var backColor = backgroundColor || "#EAF2FD"; |
||||||
|
// IE可以放大缩小所以要固定最大最小宽高
|
||||||
|
return { |
||||||
|
width: w, |
||||||
|
height: 24, |
||||||
|
src: canvas.toDataURL("image/png"), |
||||||
|
style: "background-color: " + backColor + ";vertical-align: middle; margin: 0 3px; width:" + w + "px;height: 24px; max-width:" + w + "px;max-height: 24px; min-width:" + w + "px;min-height: 24px", |
||||||
|
param: param |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
@ -0,0 +1,125 @@ |
|||||||
|
// 浏览器相关方法
|
||||||
|
_.extend(BI, { |
||||||
|
isIE: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
if (this.__isIE == null) { |
||||||
|
this.__isIE = /(msie|trident)/i.test(navigator.userAgent.toLowerCase()); |
||||||
|
} |
||||||
|
return this.__isIE; |
||||||
|
}, |
||||||
|
|
||||||
|
getIEVersion: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return 0; |
||||||
|
} |
||||||
|
if (this.__IEVersion != null) { |
||||||
|
return this.__IEVersion; |
||||||
|
} |
||||||
|
var version = 0; |
||||||
|
var agent = navigator.userAgent.toLowerCase(); |
||||||
|
var v1 = agent.match(/(?:msie\s([\w.]+))/); |
||||||
|
var v2 = agent.match(/(?:trident.*rv:([\w.]+))/); |
||||||
|
if (v1 && v2 && v1[1] && v2[1]) { |
||||||
|
version = Math.max(v1[1] * 1, v2[1] * 1); |
||||||
|
} else if (v1 && v1[1]) { |
||||||
|
version = v1[1] * 1; |
||||||
|
} else if (v2 && v2[1]) { |
||||||
|
version = v2[1] * 1; |
||||||
|
} else { |
||||||
|
version = 0; |
||||||
|
} |
||||||
|
return this.__IEVersion = version; |
||||||
|
}, |
||||||
|
|
||||||
|
isIE9Below: function () { |
||||||
|
if (!BI.isIE()) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return this.getIEVersion() < 9; |
||||||
|
}, |
||||||
|
|
||||||
|
isEdge: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /edge/i.test(navigator.userAgent.toLowerCase()); |
||||||
|
}, |
||||||
|
|
||||||
|
isChrome: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /chrome/i.test(navigator.userAgent.toLowerCase()); |
||||||
|
}, |
||||||
|
|
||||||
|
isFireFox: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /firefox/i.test(navigator.userAgent.toLowerCase()); |
||||||
|
}, |
||||||
|
|
||||||
|
isOpera: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /opera/i.test(navigator.userAgent.toLowerCase()); |
||||||
|
}, |
||||||
|
|
||||||
|
isSafari: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /safari/i.test(navigator.userAgent.toLowerCase()); |
||||||
|
}, |
||||||
|
|
||||||
|
isKhtml: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /Konqueror|Safari|KHTML/i.test(navigator.userAgent); |
||||||
|
}, |
||||||
|
|
||||||
|
isMac: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /macintosh|mac os x/i.test(navigator.userAgent); |
||||||
|
}, |
||||||
|
|
||||||
|
isWindows: function () { |
||||||
|
if(!_global.navigator) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return /windows|win32/i.test(navigator.userAgent); |
||||||
|
}, |
||||||
|
|
||||||
|
isSupportCss3: function (style) { |
||||||
|
if(!_global.document) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
var prefix = ["webkit", "Moz", "ms", "o"], |
||||||
|
i, len, |
||||||
|
humpString = [], |
||||||
|
htmlStyle = document.documentElement.style, |
||||||
|
_toHumb = function (string) { |
||||||
|
return string.replace(/-(\w)/g, function ($0, $1) { |
||||||
|
return $1.toUpperCase(); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
for (i in prefix) { |
||||||
|
humpString.push(_toHumb(prefix[i] + "-" + style)); |
||||||
|
} |
||||||
|
humpString.push(_toHumb(style)); |
||||||
|
|
||||||
|
for (i = 0, len = humpString.length; i < len; i++) { |
||||||
|
if (humpString[i] in htmlStyle) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
}); |
||||||
@ -0,0 +1,424 @@ |
|||||||
|
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; |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
@ -0,0 +1,224 @@ |
|||||||
|
if (jQuery) { |
||||||
|
(function ($) { |
||||||
|
// richer:容器在其各个边缘留出的空间
|
||||||
|
if (!$.fn.insets) { |
||||||
|
$.fn.insets = function () { |
||||||
|
var p = this.padding(), |
||||||
|
b = this.border(); |
||||||
|
return { |
||||||
|
top: p.top, |
||||||
|
bottom: p.bottom + b.bottom + b.top, |
||||||
|
left: p.left, |
||||||
|
right: p.right + b.right + b.left |
||||||
|
}; |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
// richer:获取 && 设置jQuery元素的边界
|
||||||
|
if (!$.fn.bounds) { |
||||||
|
$.fn.bounds = function (value) { |
||||||
|
var tmp = {hasIgnoredBounds: true}; |
||||||
|
|
||||||
|
if (value) { |
||||||
|
if (!isNaN(value.x)) { |
||||||
|
tmp.left = value.x; |
||||||
|
} |
||||||
|
if (!isNaN(value.y)) { |
||||||
|
tmp.top = value.y; |
||||||
|
} |
||||||
|
if (value.width != null) { |
||||||
|
tmp.width = (value.width - (this.outerWidth(true) - this.width())); |
||||||
|
tmp.width = (tmp.width >= 0) ? tmp.width : value.width; |
||||||
|
// fix chrome
|
||||||
|
// tmp.width = (tmp.width >= 0) ? tmp.width : 0;
|
||||||
|
} |
||||||
|
if (value.height != null) { |
||||||
|
tmp.height = value.height - (this.outerHeight(true) - this.height()); |
||||||
|
tmp.height = (tmp.height >= 0) ? tmp.height : value.height; |
||||||
|
// fix chrome
|
||||||
|
// tmp.height = (tmp.height >= 0) ? tmp.height : value.0;
|
||||||
|
} |
||||||
|
this.css(tmp); |
||||||
|
return this; |
||||||
|
} |
||||||
|
|
||||||
|
// richer:注意此方法只对可见元素有效
|
||||||
|
tmp = this.position(); |
||||||
|
return { |
||||||
|
x: tmp.left, |
||||||
|
y: tmp.top, |
||||||
|
// richer:这里计算外部宽度和高度的时候，都不包括边框
|
||||||
|
width: this.outerWidth(), |
||||||
|
height: this.outerHeight() |
||||||
|
}; |
||||||
|
|
||||||
|
}; |
||||||
|
} |
||||||
|
})(jQuery); |
||||||
|
|
||||||
|
BI.extend(jQuery.fn, { |
||||||
|
|
||||||
|
destroy: function () { |
||||||
|
this.remove(); |
||||||
|
if (BI.isIE() === true) { |
||||||
|
this[0].outerHTML = ""; |
||||||
|
} |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 高亮显示 |
||||||
|
* @param text 必需 |
||||||
|
* @param keyword |
||||||
|
* @param py 必需 |
||||||
|
* @returns {*} |
||||||
|
* @private |
||||||
|
*/ |
||||||
|
__textKeywordMarked__: function (text, keyword, py) { |
||||||
|
if (!BI.isKey(keyword) || (text + "").length > 100) { |
||||||
|
return this.html(BI.htmlEncode(text)); |
||||||
|
} |
||||||
|
keyword = keyword + ""; |
||||||
|
keyword = BI.toUpperCase(keyword); |
||||||
|
var textLeft = (text || "") + ""; |
||||||
|
py = (py || BI.makeFirstPY(text)) + ""; |
||||||
|
if (py != null) { |
||||||
|
py = BI.toUpperCase(py); |
||||||
|
} |
||||||
|
this.empty(); |
||||||
|
while (true) { |
||||||
|
var tidx = BI.toUpperCase(textLeft).indexOf(keyword); |
||||||
|
var pidx = null; |
||||||
|
if (py != null) { |
||||||
|
pidx = py.indexOf(keyword); |
||||||
|
if (pidx >= 0) { |
||||||
|
pidx = pidx % text.length; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (tidx >= 0) { |
||||||
|
this.append(textLeft.substr(0, tidx)); |
||||||
|
this.append($("<span>").addClass("bi-keyword-red-mark") |
||||||
|
.html(BI.htmlEncode(textLeft.substr(tidx, keyword.length)))); |
||||||
|
|
||||||
|
textLeft = textLeft.substr(tidx + keyword.length); |
||||||
|
if (py != null) { |
||||||
|
py = py.substr(tidx + keyword.length); |
||||||
|
} |
||||||
|
} else if (pidx != null && pidx >= 0 && Math.floor(pidx / text.length) === Math.floor((pidx + keyword.length - 1) / text.length)) { |
||||||
|
this.append(textLeft.substr(0, pidx)); |
||||||
|
this.append($("<span>").addClass("bi-keyword-red-mark") |
||||||
|
.html(BI.htmlEncode(textLeft.substr(pidx, keyword.length)))); |
||||||
|
if (py != null) { |
||||||
|
py = py.substr(pidx + keyword.length); |
||||||
|
} |
||||||
|
textLeft = textLeft.substr(pidx + keyword.length); |
||||||
|
} else { |
||||||
|
this.append(textLeft); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return this; |
||||||
|
}, |
||||||
|
|
||||||
|
getDomHeight: function (parent) { |
||||||
|
var clone = $(this).clone(); |
||||||
|
clone.appendTo($(parent || "body")); |
||||||
|
var height = clone.height(); |
||||||
|
clone.remove(); |
||||||
|
return height; |
||||||
|
}, |
||||||
|
|
||||||
|
// 是否有竖直滚动条
|
||||||
|
hasVerticalScroll: function () { |
||||||
|
return this.height() > 0 && this[0].clientWidth < this[0].offsetWidth; |
||||||
|
}, |
||||||
|
|
||||||
|
// 是否有水平滚动条
|
||||||
|
hasHorizonScroll: function () { |
||||||
|
return this.width() > 0 && this[0].clientHeight < this[0].offsetHeight; |
||||||
|
}, |
||||||
|
|
||||||
|
// 获取计算后的样式
|
||||||
|
getStyle: function (name) { |
||||||
|
var node = this[0]; |
||||||
|
var computedStyle = void 0; |
||||||
|
|
||||||
|
// W3C Standard
|
||||||
|
if (_global.getComputedStyle) { |
||||||
|
// In certain cases such as within an iframe in FF3, this returns null.
|
||||||
|
computedStyle = _global.getComputedStyle(node, null); |
||||||
|
if (computedStyle) { |
||||||
|
return computedStyle.getPropertyValue(BI.hyphenate(name)); |
||||||
|
} |
||||||
|
} |
||||||
|
// Safari
|
||||||
|
if (document.defaultView && document.defaultView.getComputedStyle) { |
||||||
|
computedStyle = document.defaultView.getComputedStyle(node, null); |
||||||
|
// A Safari bug causes this to return null for `display: none` elements.
|
||||||
|
if (computedStyle) { |
||||||
|
return computedStyle.getPropertyValue(BI.hyphenate(name)); |
||||||
|
} |
||||||
|
if (name === "display") { |
||||||
|
return "none"; |
||||||
|
} |
||||||
|
} |
||||||
|
// Internet Explorer
|
||||||
|
if (node.currentStyle) { |
||||||
|
if (name === "float") { |
||||||
|
return node.currentStyle.cssFloat || node.currentStyle.styleFloat; |
||||||
|
} |
||||||
|
return node.currentStyle[BI.camelize(name)]; |
||||||
|
} |
||||||
|
return node.style && node.style[BI.camelize(name)]; |
||||||
|
}, |
||||||
|
|
||||||
|
__isMouseInBounds__: function (e) { |
||||||
|
var offset2Body = this.get(0).getBoundingClientRect ? this.get(0).getBoundingClientRect() : this.offset(); |
||||||
|
var width = offset2Body.width || this.outerWidth(); |
||||||
|
var height = offset2Body.height || this.outerHeight(); |
||||||
|
return !(e.pageX < offset2Body.left || e.pageX > offset2Body.left + width |
||||||
|
|| e.pageY < offset2Body.top || e.pageY > offset2Body.top + height); |
||||||
|
}, |
||||||
|
|
||||||
|
__hasZIndexMask__: function (zindex) { |
||||||
|
return zindex && this.zIndexMask[zindex] != null; |
||||||
|
}, |
||||||
|
|
||||||
|
__buildZIndexMask__: function (zindex, domArray) { |
||||||
|
this.zIndexMask = this.zIndexMask || {};// 存储z-index的mask
|
||||||
|
this.indexMask = this.indexMask || [];// 存储mask
|
||||||
|
var mask = BI.createWidget({ |
||||||
|
type: "bi.center_adapt", |
||||||
|
cls: "bi-z-index-mask", |
||||||
|
items: domArray |
||||||
|
}); |
||||||
|
|
||||||
|
mask.element.css({"z-index": zindex}); |
||||||
|
BI.createWidget({ |
||||||
|
type: "bi.absolute", |
||||||
|
element: this, |
||||||
|
items: [{ |
||||||
|
el: mask, |
||||||
|
left: 0, |
||||||
|
right: 0, |
||||||
|
top: 0, |
||||||
|
bottom: 0 |
||||||
|
}] |
||||||
|
}); |
||||||
|
this.indexMask.push(mask); |
||||||
|
zindex && (this.zIndexMask[zindex] = mask); |
||||||
|
return mask.element; |
||||||
|
}, |
||||||
|
|
||||||
|
__releaseZIndexMask__: function (zindex) { |
||||||
|
if (zindex && this.zIndexMask[zindex]) { |
||||||
|
this.indexMask.remove(this.zIndexMask[zindex]); |
||||||
|
this.zIndexMask[zindex].destroy(); |
||||||
|
return; |
||||||
|
} |
||||||
|
this.indexMask = this.indexMask || []; |
||||||
|
var indexMask = this.indexMask.pop(); |
||||||
|
indexMask && indexMask.destroy(); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
@ -1,58 +0,0 @@ |
|||||||
if (jQuery) { |
|
||||||
(function ($) { |
|
||||||
// richer:容器在其各个边缘留出的空间
|
|
||||||
if (!$.fn.insets) { |
|
||||||
$.fn.insets = function () { |
|
||||||
var p = this.padding(), |
|
||||||
b = this.border(); |
|
||||||
return { |
|
||||||
top: p.top, |
|
||||||
bottom: p.bottom + b.bottom + b.top, |
|
||||||
left: p.left, |
|
||||||
right: p.right + b.right + b.left |
|
||||||
}; |
|
||||||
}; |
|
||||||
} |
|
||||||
|
|
||||||
// richer:获取 && 设置jQuery元素的边界
|
|
||||||
if (!$.fn.bounds) { |
|
||||||
$.fn.bounds = function (value) { |
|
||||||
var tmp = {hasIgnoredBounds: true}; |
|
||||||
|
|
||||||
if (value) { |
|
||||||
if (!isNaN(value.x)) { |
|
||||||
tmp.left = value.x; |
|
||||||
} |
|
||||||
if (!isNaN(value.y)) { |
|
||||||
tmp.top = value.y; |
|
||||||
} |
|
||||||
if (value.width != null) { |
|
||||||
tmp.width = (value.width - (this.outerWidth(true) - this.width())); |
|
||||||
tmp.width = (tmp.width >= 0) ? tmp.width : value.width; |
|
||||||
// fix chrome
|
|
||||||
// tmp.width = (tmp.width >= 0) ? tmp.width : 0;
|
|
||||||
} |
|
||||||
if (value.height != null) { |
|
||||||
tmp.height = value.height - (this.outerHeight(true) - this.height()); |
|
||||||
tmp.height = (tmp.height >= 0) ? tmp.height : value.height; |
|
||||||
// fix chrome
|
|
||||||
// tmp.height = (tmp.height >= 0) ? tmp.height : value.0;
|
|
||||||
} |
|
||||||
this.css(tmp); |
|
||||||
return this; |
|
||||||
} |
|
||||||
|
|
||||||
// richer:注意此方法只对可见元素有效
|
|
||||||
tmp = this.position(); |
|
||||||
return { |
|
||||||
x: tmp.left, |
|
||||||
y: tmp.top, |
|
||||||
// richer:这里计算外部宽度和高度的时候，都不包括边框
|
|
||||||
width: this.outerWidth(), |
|
||||||
height: this.outerHeight() |
|
||||||
}; |
|
||||||
|
|
||||||
}; |
|
||||||
} |
|
||||||
})(jQuery); |
|
||||||
} |
|
||||||
Loading…
Reference in new issue