|
|
|
|
@ -12122,7 +12122,32 @@ _.extend(BI.OB.prototype, {
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
BI.mount = function (widget, container, predicate) { |
|
|
|
|
BI.mount = function (widget, container, predicate, hydrate) { |
|
|
|
|
if(hydrate === true){ |
|
|
|
|
// 将widget的element元素都挂载好
|
|
|
|
|
var res = widget._mount(true, false, false, function(w){ |
|
|
|
|
var ws = w.element.data("__widgets"); |
|
|
|
|
if(!ws) { |
|
|
|
|
ws = []; |
|
|
|
|
} |
|
|
|
|
ws.push(w); |
|
|
|
|
w.element.data("__widgets", ws); |
|
|
|
|
}); |
|
|
|
|
// 将新的dom树属性（事件等）patch到已存在的dom上
|
|
|
|
|
var c = BI.Widget._renderEngine.createElement; |
|
|
|
|
BI.DOM.patchProps(widget.element, c(c(container).children()[0])); |
|
|
|
|
|
|
|
|
|
var triggerLifeHook = function (w) { |
|
|
|
|
w.beforeMount && w.beforeMount(); |
|
|
|
|
w.mounted && w.mounted(); |
|
|
|
|
BI.each(w._children, function (i, child) { |
|
|
|
|
triggerLifeHook(child); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
//最后触发组件树生命周期函数
|
|
|
|
|
triggerLifeHook(widget); |
|
|
|
|
return res; |
|
|
|
|
} |
|
|
|
|
if (container) { |
|
|
|
|
BI.Widget._renderEngine.createElement(container).append(widget.element); |
|
|
|
|
} |
|
|
|
|
@ -18497,256 +18522,278 @@ BI.prepares.push(function () {
|
|
|
|
|
* 对DOM操作的通用函数 |
|
|
|
|
* @type {{}} |
|
|
|
|
*/ |
|
|
|
|
BI.DOM = {}; |
|
|
|
|
BI.extend(BI.DOM, { |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
* 把dom数组或元素悬挂起来,使其不对html产生影响 |
|
|
|
|
* @param dom |
|
|
|
|
*/ |
|
|
|
|
hang: function (doms) { |
|
|
|
|
if (BI.isEmpty(doms)) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
var frag = BI.Widget._renderEngine.createFragment(); |
|
|
|
|
BI.each(doms, function (i, dom) { |
|
|
|
|
dom instanceof BI.Widget && (dom = dom.element); |
|
|
|
|
dom instanceof $ && dom[0] && frag.appendChild(dom[0]); |
|
|
|
|
}); |
|
|
|
|
return frag; |
|
|
|
|
}, |
|
|
|
|
!(function () { |
|
|
|
|
BI.DOM = {}; |
|
|
|
|
BI.extend(BI.DOM, { |
|
|
|
|
|
|
|
|
|
patchProps: function (fromElement, toElement) { |
|
|
|
|
var elemData = jQuery._data(fromElement[0]); |
|
|
|
|
var events = elemData.events; |
|
|
|
|
BI.each(events, function (eventKey, event) { |
|
|
|
|
var handlers = event.handlers; |
|
|
|
|
BI.each(handlers, function (i, handler) { |
|
|
|
|
toElement.on(eventKey, handler); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
var fromChildren = fromElement.children(), toChildren = toElement.children(); |
|
|
|
|
if(fromChildren.length !== toChildren.length) { |
|
|
|
|
throw new Error("不匹配"); |
|
|
|
|
} |
|
|
|
|
BI.each(fromChildren, function (i, child) { |
|
|
|
|
BI.DOM.patchProps(jQuery(child), jQuery(toChildren[i])); |
|
|
|
|
}); |
|
|
|
|
BI.each(fromElement.data("__widgets"), function (i, widget) { |
|
|
|
|
widget.element = toElement; |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
/** |
|
|
|
|
* 把dom数组或元素悬挂起来,使其不对html产生影响 |
|
|
|
|
* @param dom |
|
|
|
|
*/ |
|
|
|
|
hang: function (doms) { |
|
|
|
|
if (BI.isEmpty(doms)) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
var frag = BI.Widget._renderEngine.createFragment(); |
|
|
|
|
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; |
|
|
|
|
}, |
|
|
|
|
isExist: function (obj) { |
|
|
|
|
return BI.Widget._renderEngine.createElement("body").find(obj.element).length > 0; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 预加载图片
|
|
|
|
|
preloadImages: function (srcArray, onload) { |
|
|
|
|
var count = 0, images = []; |
|
|
|
|
// 预加载图片
|
|
|
|
|
preloadImages: function (srcArray, onload) { |
|
|
|
|
var count = 0, images = []; |
|
|
|
|
|
|
|
|
|
function complete () { |
|
|
|
|
count++; |
|
|
|
|
if (count >= srcArray.length) { |
|
|
|
|
onload(); |
|
|
|
|
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(); |
|
|
|
|
}; |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
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)); |
|
|
|
|
}, |
|
|
|
|
isColor: function (color) { |
|
|
|
|
return color && (this.isRGBColor(color) || this.isHexColor(color)); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
isRGBColor: function (color) { |
|
|
|
|
if (!color) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
return color.substr(0, 3) === "rgb"; |
|
|
|
|
}, |
|
|
|
|
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; |
|
|
|
|
}, |
|
|
|
|
isHexColor: function (color) { |
|
|
|
|
if (!color) { |
|
|
|
|
return false; |
|
|
|
|
} |
|
|
|
|
return color[0] === "#" && color.length === 7; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
isDarkColor: function (hex) { |
|
|
|
|
if (!hex || !this.isHexColor(hex)) { |
|
|
|
|
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; |
|
|
|
|
} |
|
|
|
|
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"; |
|
|
|
|
}, |
|
|
|
|
// 获取对比颜色
|
|
|
|
|
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]); |
|
|
|
|
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); |
|
|
|
|
var hexColour = "#" + this.int2hex(red) + this.int2hex(green) + this.int2hex(blue); |
|
|
|
|
|
|
|
|
|
return hexColour; |
|
|
|
|
}, |
|
|
|
|
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]) |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
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]) |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
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 + ")"; |
|
|
|
|
}, |
|
|
|
|
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 + ")"; |
|
|
|
|
}, |
|
|
|
|
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"]; |
|
|
|
|
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]; |
|
|
|
|
}, |
|
|
|
|
return hexdig[strNum >>> 4] + "" + hexdig[strNum & 15]; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
hex2rgb: function (color) { |
|
|
|
|
if (!color) { |
|
|
|
|
return ""; |
|
|
|
|
} |
|
|
|
|
if (!this.isHexColor(color)) { |
|
|
|
|
return color; |
|
|
|
|
} |
|
|
|
|
var tempValue = "rgb(", colorArray; |
|
|
|
|
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] + ")"; |
|
|
|
|
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; |
|
|
|
|
}, |
|
|
|
|
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]); |
|
|
|
|
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) + ")"; |
|
|
|
|
}, |
|
|
|
|
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"); |
|
|
|
|
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"; |
|
|
|
|
if (fontSize == null) { |
|
|
|
|
fontSize = 12; |
|
|
|
|
} |
|
|
|
|
fontSize = fontSize + "px"; |
|
|
|
|
|
|
|
|
|
span.css("font-size", fontSize).text(text); |
|
|
|
|
span.css("font-size", fontSize).text(text); |
|
|
|
|
|
|
|
|
|
var width = span.width(); |
|
|
|
|
span.remove(); |
|
|
|
|
var width = span.width(); |
|
|
|
|
span.remove(); |
|
|
|
|
|
|
|
|
|
return width; |
|
|
|
|
}, |
|
|
|
|
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 |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
});BI.EventListener = { |
|
|
|
|
// 获取滚动条的宽度
|
|
|
|
|
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 |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
})();BI.EventListener = { |
|
|
|
|
listen: function listen (target, eventType, callback) { |
|
|
|
|
if (target.addEventListener) { |
|
|
|
|
target.addEventListener(eventType, callback, false); |
|
|
|
|
|
guy
6 years ago