forked from fanruan/fineui
Urthur
7 years ago
70 changed files with 39438 additions and 984 deletions
@ -1,93 +1,93 @@ |
|||||||
if(![].indexOf){ |
if(![].indexOf){ |
||||||
/** |
/** |
||||||
* 检查指定的值是否在数组中 |
* 检查指定的值是否在数组中 |
||||||
* @param {Object} o 要检查的值 |
* @param {Object} o 要检查的值 |
||||||
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
||||||
*/ |
*/ |
||||||
Array.prototype.indexOf = function (o) { |
Array.prototype.indexOf = function (o) { |
||||||
for (var i = 0, len = this.length; i < len; i++) { |
for (var i = 0, len = this.length; i < len; i++) { |
||||||
if (_.isEqual(o, this[i])) { |
if (_.isEqual(o, this[i])) { |
||||||
return i; |
return i; |
||||||
} |
} |
||||||
} |
} |
||||||
return -1; |
return -1; |
||||||
} |
} |
||||||
} |
} |
||||||
if(![].lastIndexOf){ |
if(![].lastIndexOf){ |
||||||
/** |
/** |
||||||
* 检查指定的值是否在数组中 |
* 检查指定的值是否在数组中 |
||||||
* ie67不支持数组的这个方法 |
* ie67不支持数组的这个方法 |
||||||
* @param {Object} o 要检查的值 |
* @param {Object} o 要检查的值 |
||||||
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
||||||
*/ |
*/ |
||||||
Array.prototype.lastIndexOf = function (o) { |
Array.prototype.lastIndexOf = function (o) { |
||||||
for (var len = this.length, i = len - 1; i >= 0; i--) { |
for (var len = this.length, i = len - 1; i >= 0; i--) { |
||||||
if (_.isEqual(o, this[i])) { |
if (_.isEqual(o, this[i])) { |
||||||
return i; |
return i; |
||||||
} |
} |
||||||
} |
} |
||||||
return -1; |
return -1; |
||||||
} |
} |
||||||
}/** |
}/** |
||||||
* 特殊情况 |
* 特殊情况 |
||||||
* Created by wang on 15/6/23. |
* Created by wang on 15/6/23. |
||||||
*/ |
*/ |
||||||
//解决console未定义问题 guy
|
//解决console未定义问题 guy
|
||||||
window.console = window.console || (function () { |
window.console = window.console || (function () { |
||||||
var c = {}; |
var c = {}; |
||||||
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile |
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile |
||||||
= c.clear = c.exception = c.trace = c.assert = function () { |
= c.clear = c.exception = c.trace = c.assert = function () { |
||||||
}; |
}; |
||||||
return c; |
return c; |
||||||
})(); |
})(); |
||||||
/* |
/* |
||||||
* 前端缓存 |
* 前端缓存 |
||||||
*/ |
*/ |
||||||
window.localStorage || (window.localStorage = { |
window.localStorage || (window.localStorage = { |
||||||
items: {}, |
items: {}, |
||||||
setItem: function (k, v) { |
setItem: function (k, v) { |
||||||
BI.Cache.addCookie(k, v); |
BI.Cache.addCookie(k, v); |
||||||
}, |
}, |
||||||
getItem: function (k) { |
getItem: function (k) { |
||||||
return BI.Cache.getCookie(k); |
return BI.Cache.getCookie(k); |
||||||
}, |
}, |
||||||
removeItem: function (k) { |
removeItem: function (k) { |
||||||
BI.Cache.deleteCookie(k); |
BI.Cache.deleteCookie(k); |
||||||
}, |
}, |
||||||
key: function () { |
key: function () { |
||||||
|
|
||||||
}, |
}, |
||||||
clear: function () { |
clear: function () { |
||||||
this.items = {}; |
this.items = {}; |
||||||
} |
} |
||||||
});//修复ie9下sort方法的bug
|
});//修复ie9下sort方法的bug
|
||||||
!function (window) { |
!function (window) { |
||||||
var ua = window.navigator.userAgent.toLowerCase(), |
var ua = window.navigator.userAgent.toLowerCase(), |
||||||
reg = /msie|applewebkit.+safari/; |
reg = /msie|applewebkit.+safari/; |
||||||
if (reg.test(ua)) { |
if (reg.test(ua)) { |
||||||
var _sort = Array.prototype.sort; |
var _sort = Array.prototype.sort; |
||||||
Array.prototype.sort = function (fn) { |
Array.prototype.sort = function (fn) { |
||||||
if (!!fn && typeof fn === 'function') { |
if (!!fn && typeof fn === 'function') { |
||||||
if (this.length < 2) { |
if (this.length < 2) { |
||||||
return this; |
return this; |
||||||
} |
} |
||||||
var i = 0, j = i + 1, l = this.length, tmp, r = false, t = 0; |
var i = 0, j = i + 1, l = this.length, tmp, r = false, t = 0; |
||||||
for (; i < l; i++) { |
for (; i < l; i++) { |
||||||
for (j = i + 1; j < l; j++) { |
for (j = i + 1; j < l; j++) { |
||||||
t = fn.call(this, this[i], this[j]); |
t = fn.call(this, this[i], this[j]); |
||||||
r = (typeof t === 'number' ? t : |
r = (typeof t === 'number' ? t : |
||||||
!!t ? 1 : 0) > 0; |
!!t ? 1 : 0) > 0; |
||||||
if (r === true) { |
if (r === true) { |
||||||
tmp = this[i]; |
tmp = this[i]; |
||||||
this[i] = this[j]; |
this[i] = this[j]; |
||||||
this[j] = tmp; |
this[j] = tmp; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
return this; |
return this; |
||||||
} else { |
} else { |
||||||
return _sort.call(this); |
return _sort.call(this); |
||||||
} |
} |
||||||
}; |
}; |
||||||
} |
} |
||||||
}(window); |
}(window); |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,121 @@ |
|||||||
|
Demo.AdaptiveArrangement = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
_createItem: function () { |
||||||
|
var self = this; |
||||||
|
var id = BI.UUID(); |
||||||
|
var item = BI.createWidget({ |
||||||
|
type: "bi.text_button", |
||||||
|
id: id, |
||||||
|
cls: "layout-bg" + BI.random(1, 8), |
||||||
|
handler: function () { |
||||||
|
self.arrangement.deleteRegion(id); |
||||||
|
} |
||||||
|
}); |
||||||
|
item.setValue(item.attr("id")); |
||||||
|
return item; |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
this.arrangement = BI.createWidget({ |
||||||
|
type: "bi.adaptive_arrangement", |
||||||
|
layoutType: BI.Arrangement.LAYOUT_TYPE.ADAPTIVE, |
||||||
|
cls: "mvc-border", |
||||||
|
width: 800, |
||||||
|
height: 400, |
||||||
|
items: [] |
||||||
|
}); |
||||||
|
var drag = BI.createWidget({ |
||||||
|
type: "bi.label", |
||||||
|
cls: "mvc-border", |
||||||
|
width: 100, |
||||||
|
height: 25, |
||||||
|
text: "drag me" |
||||||
|
}); |
||||||
|
|
||||||
|
// drag.element.draggable &&
|
||||||
|
drag.element.draggable({ |
||||||
|
revert: true, |
||||||
|
cursorAt: { |
||||||
|
left: 0, |
||||||
|
top: 0 |
||||||
|
}, |
||||||
|
drag: function (e, ui) { |
||||||
|
self.arrangement.setPosition({ |
||||||
|
left: ui.position.left, |
||||||
|
top: ui.position.top |
||||||
|
}, { |
||||||
|
width: 300, |
||||||
|
height: 200 |
||||||
|
}) |
||||||
|
}, |
||||||
|
stop: function (e, ui) { |
||||||
|
self.arrangement.addRegion({ |
||||||
|
el: self._createItem() |
||||||
|
}); |
||||||
|
}, |
||||||
|
helper: function (e) { |
||||||
|
var helper = self.arrangement.getHelper(); |
||||||
|
return helper.element; |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
BI.createWidget({ |
||||||
|
type: "bi.absolute", |
||||||
|
items: [{ |
||||||
|
el: drag, |
||||||
|
left: 30, |
||||||
|
top: 450 |
||||||
|
}, { |
||||||
|
el: this.arrangement, |
||||||
|
left: 30, |
||||||
|
top: 30 |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.button", |
||||||
|
text: "回撤", |
||||||
|
height: 25, |
||||||
|
handler: function () { |
||||||
|
//self.arrangement.revoke();
|
||||||
|
} |
||||||
|
}, |
||||||
|
left: 130, |
||||||
|
top: 450 |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.button", |
||||||
|
text: "getAllRegions", |
||||||
|
height: 25, |
||||||
|
handler: function () { |
||||||
|
var items = []; |
||||||
|
BI.each(self.arrangement.getAllRegions(), function (i, region) { |
||||||
|
items.push({ |
||||||
|
id: region.id, |
||||||
|
left: region.left, |
||||||
|
top: region.top, |
||||||
|
width: region.width, |
||||||
|
height: region.height |
||||||
|
}); |
||||||
|
}); |
||||||
|
BI.Msg.toast(JSON.stringify(items)); |
||||||
|
} |
||||||
|
}, |
||||||
|
left: 230, |
||||||
|
top: 450 |
||||||
|
}, { |
||||||
|
el: { |
||||||
|
type: "bi.button", |
||||||
|
text: "relayout", |
||||||
|
height: 25, |
||||||
|
handler: function () { |
||||||
|
self.arrangement.relayout(); |
||||||
|
} |
||||||
|
}, |
||||||
|
left: 330, |
||||||
|
top: 450 |
||||||
|
}] |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
BI.shortcut("demo.adaptive_arrangement", Demo.AdaptiveArrangement); |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.FormulaCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.formula_combo", |
||||||
|
fieldItems: [{ |
||||||
|
text: "A", |
||||||
|
value: "A", |
||||||
|
fieldType: 16 |
||||||
|
}], |
||||||
|
width: 200, |
||||||
|
height: 30 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.formula_combo", Demo.FormulaCombo); |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.IconCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.icon_combo", |
||||||
|
ref:function(_ref){ |
||||||
|
self.refs=_ref; |
||||||
|
}, |
||||||
|
// iconClass: "pull-down-ha-font",
|
||||||
|
items: [{ |
||||||
|
value: "第一项", |
||||||
|
iconClass: "delete-font" |
||||||
|
}, { |
||||||
|
value: "第二项", |
||||||
|
iconClass: "rename-font" |
||||||
|
}, { |
||||||
|
value: "第三项", |
||||||
|
iconClass: "move-font" |
||||||
|
}] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.icon_combo", Demo.IconCombo); |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.StaticCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
beforeMounted: function () { |
||||||
|
this.refs.setValue(2); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.static_combo", |
||||||
|
text: "Value 不变", |
||||||
|
width: 300, |
||||||
|
ref: function (_ref) { |
||||||
|
self.refs = _ref; |
||||||
|
}, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
} |
||||||
|
] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.static_combo", Demo.StaticCombo); |
||||||
@ -0,0 +1,60 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextValueCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.text_value_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
},{ |
||||||
|
type: "bi.text_value_check_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
},{ |
||||||
|
type: "bi.text_value_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_value_combo", Demo.TextValueCombo); |
||||||
@ -0,0 +1,57 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextValueDownListCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
beforeMounted:function(){ |
||||||
|
this.refs.setValue(2); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg2", |
||||||
|
text: "分组+二级", |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.text_value_down_list_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
ref: function (_ref) { |
||||||
|
self.refs = _ref; |
||||||
|
}, |
||||||
|
items: [ |
||||||
|
[{ |
||||||
|
el: { |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, |
||||||
|
children: [{ |
||||||
|
text: "MVC-1-1", |
||||||
|
value: 11 |
||||||
|
}] |
||||||
|
}], |
||||||
|
[{ |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_value_down_list_combo", Demo.TextValueDownListCombo); |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextValueCheckCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.text_value_check_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_value_check_combo", Demo.TextValueCheckCombo); |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Date = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-date" |
||||||
|
}, |
||||||
|
|
||||||
|
_init: function () { |
||||||
|
Demo.Date.superclass._init.apply(this, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
vgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.date_combo", |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
height: 50, |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.date", Demo.Date); |
||||||
@ -0,0 +1,39 @@ |
|||||||
|
Demo.DatePane = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-datepane" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.vertical", |
||||||
|
vgap: 10, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg2", |
||||||
|
text: "bi.date_pane_widget" |
||||||
|
}, { |
||||||
|
type: "bi.date_pane_widget", |
||||||
|
selectedTime: { |
||||||
|
year: 2017, |
||||||
|
month: 12, |
||||||
|
day: 11 |
||||||
|
}, |
||||||
|
height:300 |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: "bi.button", |
||||||
|
text: "getValue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast("date" + JSON.stringify(datepane.getValue())); |
||||||
|
} |
||||||
|
} |
||||||
|
], |
||||||
|
width: "50%" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.date_pane_widget", Demo.DatePane); |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
Demo.DialogView = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var items = [{ |
||||||
|
el: { |
||||||
|
type: 'bi.button', |
||||||
|
text: '弹出对话框', |
||||||
|
level: 'common', |
||||||
|
height: 30 |
||||||
|
} |
||||||
|
}]; |
||||||
|
BI.each(items, function (i, item) { |
||||||
|
item.el.handler = function () { |
||||||
|
BI.Msg.alert('提示', "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写"); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.left", |
||||||
|
vgap: 200, |
||||||
|
hgap: 20, |
||||||
|
items: items |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
BI.shortcut("demo.dialog", Demo.DialogView); |
||||||
@ -0,0 +1,136 @@ |
|||||||
|
Demo.Downlist = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-downlist" |
||||||
|
}, |
||||||
|
|
||||||
|
mounted: function () { |
||||||
|
var downlist = this.downlist; |
||||||
|
var label = this.label; |
||||||
|
downlist.on(BI.DownListCombo.EVENT_CHANGE, function (value, fatherValue) { |
||||||
|
label.setValue(JSON.stringify(downlist.getValue())); |
||||||
|
}); |
||||||
|
|
||||||
|
this.downlist.on(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) { |
||||||
|
label.setValue(JSON.stringify(downlist.getValue())); |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
render: function () { |
||||||
|
self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.down_list_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.downlist = _ref; |
||||||
|
}, |
||||||
|
cls:"layout-bg3", |
||||||
|
height: 30, |
||||||
|
width: 100, |
||||||
|
items: [ |
||||||
|
[{ |
||||||
|
el: { |
||||||
|
text: "column 1111", |
||||||
|
iconCls1: "check-mark-e-font", |
||||||
|
value: 11 |
||||||
|
}, |
||||||
|
children: [{ |
||||||
|
text: "column 1.1", |
||||||
|
value: 21, |
||||||
|
cls: "dot-e-font", |
||||||
|
selected: true |
||||||
|
}, { |
||||||
|
text: "column 1.222222222222222222222222222222222222", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 22, |
||||||
|
}] |
||||||
|
}], |
||||||
|
[{ |
||||||
|
el: { |
||||||
|
type: "bi.icon_text_icon_item", |
||||||
|
text: "column 2", |
||||||
|
iconCls1: "chart-type-e-font", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 12 |
||||||
|
}, |
||||||
|
disabled: true, |
||||||
|
children: [{ |
||||||
|
type: "bi.icon_text_item", |
||||||
|
cls: "dot-e-font", |
||||||
|
height: 25, |
||||||
|
text: "column 2.1", |
||||||
|
value: 11 |
||||||
|
}, { |
||||||
|
text: "column 2.2", |
||||||
|
value: 12, |
||||||
|
cls: "dot-e-font" |
||||||
|
}] |
||||||
|
}], |
||||||
|
[{ |
||||||
|
text: "column 8", |
||||||
|
value: 18, |
||||||
|
cls: "dot-e-font", |
||||||
|
selected: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 9", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 19 |
||||||
|
} |
||||||
|
], |
||||||
|
[{ |
||||||
|
text: "column 10", |
||||||
|
value: 20, |
||||||
|
cls: "dot-e-font", |
||||||
|
selected: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 11", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 21 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 12", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 22 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 13", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 23 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 14", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 24 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 15", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 23 |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
] |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "显示选择值", |
||||||
|
width:500, |
||||||
|
cls:"layout-bg4", |
||||||
|
ref: function (_ref) { |
||||||
|
self.label = _ref; |
||||||
|
} |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.down_list", Demo.Downlist); |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.AdaptEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//这东西好奇怪,不支持设置宽度,那么渲染出来宽度几乎没有,无奈之下只能假装给他个默认值了
|
||||||
|
beforeMounted: function () { |
||||||
|
this.refs.setValue("Winter is coming !") |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var editor = BI.createWidget({ |
||||||
|
type: "bi.adapt_editor", |
||||||
|
cls: "layout-bg5", |
||||||
|
ref: function (_ref) { |
||||||
|
self.refs = _ref; |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
var text=["You know nothing! Jon Snow","A Lannister always pays his debts.","Power is a curious thing."] |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
el: editor |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "为了展示长度真的是可变的,每点一下就换一行字", |
||||||
|
handler: function () { |
||||||
|
var temp=text.shift(); |
||||||
|
editor.setValue(temp); |
||||||
|
text.push(temp); |
||||||
|
} |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.adapt_editor", Demo.AdaptEditor); |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.ClearEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.clear_editor", |
||||||
|
cls: "bi-border", |
||||||
|
width: 300, |
||||||
|
watermark: "这个是带清除按钮的" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.clear_editor", Demo.ClearEditor); |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.RecordEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.record_editor", |
||||||
|
cls: "bi-border", |
||||||
|
width: 300, |
||||||
|
watermark: "这个是可以记录输入的" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.record_editor", Demo.RecordEditor); |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.SearchEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.search_editor", |
||||||
|
width: 300, |
||||||
|
watermark:"添加合法性判断", |
||||||
|
errorText: "长度必须大于4", |
||||||
|
validationChecker:function(){ |
||||||
|
return this.getValue().length > 4 ? true : false |
||||||
|
} |
||||||
|
},{ |
||||||
|
type: "bi.small_search_editor", |
||||||
|
width: 300, |
||||||
|
watermark:"这个是 small,小一号" |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.search_editor", Demo.SearchEditor); |
||||||
@ -0,0 +1,41 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.ClearEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
var editor; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.shelter_editor", |
||||||
|
cls: "bi-border", |
||||||
|
ref:function(_ref){ |
||||||
|
editor=_ref; |
||||||
|
}, |
||||||
|
width: 300, |
||||||
|
watermark: "这个是带标记的" |
||||||
|
},{ |
||||||
|
type:"bi.button", |
||||||
|
text:"setValue", |
||||||
|
width:300, |
||||||
|
handler:function(){ |
||||||
|
editor.setValue("凛冬将至"); |
||||||
|
} |
||||||
|
},{ |
||||||
|
type:"bi.button", |
||||||
|
text:"doHighLight", |
||||||
|
width:300, |
||||||
|
handler:function(){ |
||||||
|
editor.doHighLight(); |
||||||
|
console.log(editor.getState()); |
||||||
|
} |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.shelter_editor", Demo.ClearEditor); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/14. |
||||||
|
*/ |
||||||
|
Demo.SignEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.sign_editor", |
||||||
|
// cls:"layout-bg5",
|
||||||
|
value: "123", |
||||||
|
text: "456", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.sign_editor", Demo.SignEditor); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.SignInitialEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.sign_initial_editor", |
||||||
|
cls:"layout-bg5", |
||||||
|
value:"123", |
||||||
|
text:"456", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.sign_initial_editor", Demo.SignInitialEditor); |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.SignStyleEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.sign_style_editor", |
||||||
|
cls:"layout-bg5", |
||||||
|
value:"12313", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.sign_style_editor", Demo.SignStyleEditor); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.StateEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.state_editor", |
||||||
|
cls:"bi-border", |
||||||
|
value:"123", |
||||||
|
text:"456", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.state_editor", Demo.StateEditor); |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.text_editor", |
||||||
|
watermark:"这是水印,watermark", |
||||||
|
width: 300 |
||||||
|
},{ |
||||||
|
type: "bi.text_editor", |
||||||
|
watermark:"这个不予许空", |
||||||
|
allowBlank: false, |
||||||
|
errorText: "非空!", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_editor", Demo.TextEditor); |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Month = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.month_combo", |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.month", Demo.Month); |
||||||
@ -0,0 +1,41 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.MultiTreeCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.multi_tree_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.tree = _ref; |
||||||
|
}, |
||||||
|
itemsCreator: function (options, callback) { |
||||||
|
console.log(options); |
||||||
|
|
||||||
|
|
||||||
|
callback({ |
||||||
|
items: items |
||||||
|
}); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(JSON.stringify(self.tree.getValue())); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.multi_tree_combo", Demo.MultiTreeCombo); |
||||||
@ -0,0 +1,44 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.NumericalInterval = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
|
||||||
|
mounted: function () { |
||||||
|
var numerical = this.numerical; |
||||||
|
var label = this.label; |
||||||
|
numerical.on(BI.NumericalInterval.EVENT_CHANGE, function () { |
||||||
|
var temp = numerical.getValue(); |
||||||
|
var res = "大于" + (temp.closemin ? "等于 " : " ") + temp.min + " 小于" + (temp.closemax ? "等于 " : " ") + temp.max; |
||||||
|
label.setValue(res); |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.numerical_interval", |
||||||
|
ref: function (_ref) { |
||||||
|
self.numerical = _ref; |
||||||
|
}, |
||||||
|
width: 500 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
ref: function (_ref) { |
||||||
|
self.label = _ref; |
||||||
|
}, |
||||||
|
text: "显示结果" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.numberical_interval", Demo.NumericalInterval); |
||||||
@ -0,0 +1,77 @@ |
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Demo.DirectionPathChooser = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-direction-path-chooser" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.center_adapt", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.direction_path_chooser", |
||||||
|
items: [[{ |
||||||
|
"region": "8c4460bc3605685e", |
||||||
|
"regionText": "采购订单XXX", |
||||||
|
"text": "ID", |
||||||
|
"value": "1" |
||||||
|
}, { |
||||||
|
"region": "0fbd0dc648f41e97", |
||||||
|
"regionText": "采购订单", |
||||||
|
"text": "学号", |
||||||
|
"value": "3" |
||||||
|
}, { |
||||||
|
"region": "c6d72d6c7e19a667", |
||||||
|
"regionText": "供应商基本信息", |
||||||
|
"text": "ID", |
||||||
|
"value": "5" |
||||||
|
}], [{ |
||||||
|
"region": "ed013e18cc7c8637", |
||||||
|
"regionText": "采购订单XXX", |
||||||
|
"text": "ID", |
||||||
|
"value": "1" |
||||||
|
}, { |
||||||
|
"region": "153d75878431f8ee", |
||||||
|
"regionText": "A3", |
||||||
|
"text": "学号", |
||||||
|
"value": "2" |
||||||
|
}, { |
||||||
|
"region": "3861fb024c7d7825", |
||||||
|
"regionText": "采购订单", |
||||||
|
"text": "学号", |
||||||
|
"value": "3" |
||||||
|
}, { |
||||||
|
"region": "88e3e5071bd10bc5", |
||||||
|
"regionText": "供应商", |
||||||
|
"text": "ID", |
||||||
|
"value": "4" |
||||||
|
}, { |
||||||
|
"region": "8476c77ab5c147e0", |
||||||
|
"regionText": "供应商基本信息", |
||||||
|
"text": "ID", |
||||||
|
"value": "5" |
||||||
|
}], [{ |
||||||
|
"region": "f00f67fbb9fba6fe", |
||||||
|
"regionText": "采购订单XXX", |
||||||
|
"text": "ID", |
||||||
|
"value": "1" |
||||||
|
}, { |
||||||
|
"region": "1e8badf5d5793408", |
||||||
|
"regionText": "A3", |
||||||
|
"text": "学号", |
||||||
|
"value": "2" |
||||||
|
}, { |
||||||
|
"region": "de1ebd3d0986a294", |
||||||
|
"regionText": "供应商基本信息", |
||||||
|
"text": "ID", |
||||||
|
"value": "5" |
||||||
|
}]] |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.direction_path_chooser",Demo.DirectionPathChooser); |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Quarter = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.quarter_combo", |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.quarter", Demo.Quarter); |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.multilayer_select_tree_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.tree = _ref; |
||||||
|
}, |
||||||
|
text: "默认值", |
||||||
|
items: items, |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(self.tree.getValue()[0]); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.multilayer_select_tree_combo", Demo.MultiLayerSelectTreeCombo); |
||||||
@ -0,0 +1,182 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.SelectTreeCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var items = [{ |
||||||
|
id: 1, |
||||||
|
text: "第一项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
title: "第一项" |
||||||
|
}, { |
||||||
|
id: 2, |
||||||
|
text: "第二项", |
||||||
|
value: 2, |
||||||
|
isParent: true, |
||||||
|
title: "第二项" |
||||||
|
}, { |
||||||
|
id: 3, |
||||||
|
text: "第三项", |
||||||
|
value: 3, |
||||||
|
isParent: true, |
||||||
|
open: true, |
||||||
|
title: "第三项" |
||||||
|
}, { |
||||||
|
id: 4, |
||||||
|
text: "第四项", |
||||||
|
value: 4, |
||||||
|
isParent: true, |
||||||
|
title: "第四项" |
||||||
|
}, { |
||||||
|
id: 5, |
||||||
|
text: "第五项", |
||||||
|
value: 5, |
||||||
|
isParent: true, |
||||||
|
title: "第五项" |
||||||
|
}, { |
||||||
|
id: 6, |
||||||
|
text: "第六项", |
||||||
|
value: 6, |
||||||
|
isParent: true, |
||||||
|
open: true, |
||||||
|
title: "第六项" |
||||||
|
}, { |
||||||
|
id: 7, |
||||||
|
text: "第七项", |
||||||
|
value: 7, |
||||||
|
isParent: true, |
||||||
|
open: true, |
||||||
|
title: "第七项" |
||||||
|
}, { |
||||||
|
id: 11, |
||||||
|
pId: 1, |
||||||
|
text: "子项1", |
||||||
|
value: 11, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 12, |
||||||
|
pId: 1, |
||||||
|
text: "子项2", |
||||||
|
value: 12, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 13, |
||||||
|
pId: 1, |
||||||
|
text: "子项3", |
||||||
|
value: 13, |
||||||
|
title: "子项3" |
||||||
|
}, { |
||||||
|
id: 21, |
||||||
|
pId: 2, |
||||||
|
text: "子项1", |
||||||
|
value: 21, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 22, |
||||||
|
pId: 2, |
||||||
|
text: "子项2", |
||||||
|
value: 22, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 31, |
||||||
|
pId: 3, |
||||||
|
text: "子项1", |
||||||
|
value: 31, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 32, |
||||||
|
pId: 3, |
||||||
|
text: "子项2", |
||||||
|
value: 32, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 33, |
||||||
|
pId: 3, |
||||||
|
text: "子项3", |
||||||
|
value: 33, |
||||||
|
title: "子项3" |
||||||
|
}, { |
||||||
|
id: 41, |
||||||
|
pId: 4, |
||||||
|
text: "子项1", |
||||||
|
value: 41, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 42, |
||||||
|
pId: 4, |
||||||
|
text: "子项2", |
||||||
|
value: 42, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 43, |
||||||
|
pId: 4, |
||||||
|
text: "子项3", |
||||||
|
value: 43, |
||||||
|
title: "子项3" |
||||||
|
}, { |
||||||
|
id: 51, |
||||||
|
pId: 5, |
||||||
|
text: "子项1", |
||||||
|
value: 51, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 52, |
||||||
|
pId: 5, |
||||||
|
text: "子项2", |
||||||
|
value: 52, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 61, |
||||||
|
pId: 6, |
||||||
|
text: "子项1", |
||||||
|
value: 61, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 62, |
||||||
|
pId: 6, |
||||||
|
text: "子项2", |
||||||
|
value: 62, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 71, |
||||||
|
pId: 7, |
||||||
|
text: "子项1", |
||||||
|
value: 71, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 72, |
||||||
|
pId: 7, |
||||||
|
text: "子项2", |
||||||
|
value: 72, |
||||||
|
title: "子项2" |
||||||
|
}]; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.select_tree_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.tree = _ref; |
||||||
|
}, |
||||||
|
text: "默认值", |
||||||
|
items: items, |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(self.tree.getValue()[0]); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.select_tree_combo", Demo.SelectTreeCombo); |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.multilayer_single_tree_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.tree = _ref; |
||||||
|
}, |
||||||
|
text: "默认值", |
||||||
|
items: items, |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(self.tree.getValue()[0]); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.multilayer_single_tree_combo", Demo.MultiLayerSingleTreeCombo); |
||||||
@ -0,0 +1,181 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.SingleTreeCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.single_tree_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.tree = _ref; |
||||||
|
}, |
||||||
|
text: "默认值", |
||||||
|
items: [{ |
||||||
|
id: 1, |
||||||
|
text: "第一项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
title: "第一项" |
||||||
|
}, { |
||||||
|
id: 2, |
||||||
|
text: "第二项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
title: "第二项" |
||||||
|
}, { |
||||||
|
id: 3, |
||||||
|
text: "第三项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
open: true, |
||||||
|
title: "第三项" |
||||||
|
}, { |
||||||
|
id: 4, |
||||||
|
text: "第四项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
title: "第四项" |
||||||
|
}, { |
||||||
|
id: 5, |
||||||
|
text: "第五项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
title: "第五项" |
||||||
|
}, { |
||||||
|
id: 6, |
||||||
|
text: "第六项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
open: true, |
||||||
|
title: "第六项" |
||||||
|
}, { |
||||||
|
id: 7, |
||||||
|
text: "第七项", |
||||||
|
value: 1, |
||||||
|
isParent: true, |
||||||
|
open: true, |
||||||
|
title: "第七项" |
||||||
|
}, { |
||||||
|
id: 11, |
||||||
|
pId: 1, |
||||||
|
text: "子项1", |
||||||
|
value: 11, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 12, |
||||||
|
pId: 1, |
||||||
|
text: "子项2", |
||||||
|
value: 12, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 13, |
||||||
|
pId: 1, |
||||||
|
text: "子项3", |
||||||
|
value: 13, |
||||||
|
title: "子项3" |
||||||
|
}, { |
||||||
|
id: 21, |
||||||
|
pId: 2, |
||||||
|
text: "子项1", |
||||||
|
value: 21, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 22, |
||||||
|
pId: 2, |
||||||
|
text: "子项2", |
||||||
|
value: 22, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 31, |
||||||
|
pId: 3, |
||||||
|
text: "子项1", |
||||||
|
value: 31, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 32, |
||||||
|
pId: 3, |
||||||
|
text: "子项2", |
||||||
|
value: 32, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 33, |
||||||
|
pId: 3, |
||||||
|
text: "子项3", |
||||||
|
value: 33, |
||||||
|
title: "子项3" |
||||||
|
}, { |
||||||
|
id: 41, |
||||||
|
pId: 4, |
||||||
|
text: "子项1", |
||||||
|
value: 41, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 42, |
||||||
|
pId: 4, |
||||||
|
text: "子项2", |
||||||
|
value: 42, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 43, |
||||||
|
pId: 4, |
||||||
|
text: "子项3", |
||||||
|
value: 43, |
||||||
|
title: "子项3" |
||||||
|
}, { |
||||||
|
id: 51, |
||||||
|
pId: 5, |
||||||
|
text: "子项1", |
||||||
|
value: 51, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 52, |
||||||
|
pId: 5, |
||||||
|
text: "子项2", |
||||||
|
value: 52, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 61, |
||||||
|
pId: 6, |
||||||
|
text: "子项1", |
||||||
|
value: 61, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 62, |
||||||
|
pId: 6, |
||||||
|
text: "子项2", |
||||||
|
value: 62, |
||||||
|
title: "子项2" |
||||||
|
}, { |
||||||
|
id: 71, |
||||||
|
pId: 7, |
||||||
|
text: "子项1", |
||||||
|
value: 71, |
||||||
|
title: "子项1" |
||||||
|
}, { |
||||||
|
id: 72, |
||||||
|
pId: 7, |
||||||
|
text: "子项2", |
||||||
|
value: 72, |
||||||
|
title: "子项2" |
||||||
|
}], |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(self.tree.getValue()[0]); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.single_tree_combo", Demo.SingleTreeCombo); |
||||||
@ -0,0 +1,40 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.ExcelTable = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.excel_table", |
||||||
|
columnSize: [200,200,200,200,200], |
||||||
|
items: [ |
||||||
|
[{ |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg1", |
||||||
|
text: "第一行第一列" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg2", |
||||||
|
text: "第一行第二列" |
||||||
|
}], |
||||||
|
[{ |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg3", |
||||||
|
text: "第二行第一列" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg4", |
||||||
|
text: "第二行第二列" |
||||||
|
}] |
||||||
|
] |
||||||
|
}], |
||||||
|
width:500 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.excel_table", Demo.ExcelTable); |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.TimeInterval = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.time_interval", |
||||||
|
ref: function (_ref) { |
||||||
|
self.interval = _ref; |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getVlaue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(JSON.stringify(self.interval.getValue())); |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.time_interval", Demo.TimeInterval); |
||||||
@ -1,66 +0,0 @@ |
|||||||
/** |
|
||||||
* Created by User on 2017/3/22. |
|
||||||
*/ |
|
||||||
Demo.MultiSelectCombo = BI.inherit(BI.Widget, { |
|
||||||
props: {}, |
|
||||||
|
|
||||||
render: function (vessel) { |
|
||||||
var TREEWITHCHILDREN = [{ |
|
||||||
id: -1, value: "根目录", text: "根目录", children: [ |
|
||||||
{ |
|
||||||
id: 1, value: "第一级目录1", text: "第一级目录1", children: [ |
|
||||||
{id: 11, value: "第二级文件1", text: "第二级文件1"}, |
|
||||||
{ |
|
||||||
id: 12, value: "第二级目录2", text: "第二级目录2", children: [ |
|
||||||
{ |
|
||||||
id: 121, value: "第三级目录1", text: "第三级目录1", children: [ |
|
||||||
{ |
|
||||||
id: 1211, value: "第四级目录1", text: "第四级目录1", children: [ |
|
||||||
{id: 12111, value: "第五级文件1", text: "第五级文件1"} |
|
||||||
] |
|
||||||
} |
|
||||||
] |
|
||||||
}, |
|
||||||
{id: 122, value: "第三级文件1", text: "第三级文件1"} |
|
||||||
] |
|
||||||
} |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
id: 2, value: "第一级目录2", text: "第一级目录2", children: [ |
|
||||||
{ |
|
||||||
id: 21, value: "第二级目录3", text: "第二级目录3", children: [ |
|
||||||
{ |
|
||||||
id: 211, value: "第三级目录2", text: "第三级目录2", children: [ |
|
||||||
{id: 2111, value: "第四级文件1", text: "第四级文件1"} |
|
||||||
] |
|
||||||
}, |
|
||||||
{id: 212, value: "第三级文件2", text: "第三级文件2"} |
|
||||||
] |
|
||||||
}, |
|
||||||
{id: 22, value: "第二级文件2", text: "第二级文件2"} |
|
||||||
] |
|
||||||
} |
|
||||||
] |
|
||||||
}]; |
|
||||||
var items = BI.deepClone(TREEWITHCHILDREN); |
|
||||||
var combo = BI.createWidget({ |
|
||||||
type: "bi.multilayer_select_tree_combo", |
|
||||||
}); |
|
||||||
|
|
||||||
combo.populate(items); |
|
||||||
return { |
|
||||||
type: "bi.vertical", |
|
||||||
items: [combo, { |
|
||||||
type: "bi.button", |
|
||||||
width: 100, |
|
||||||
text: "getValue", |
|
||||||
handler: function () { |
|
||||||
BI.Msg.alert("", JSON.stringify(combo.getValue())); |
|
||||||
} |
|
||||||
}], |
|
||||||
vgap: 100 |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
BI.shortcut("demo.multilayer_select_tree_combo", Demo.MultiSelectCombo); |
|
||||||
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.SwitchTree = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.switch_tree", |
||||||
|
items: items |
||||||
|
},{ |
||||||
|
type:"bi.button", |
||||||
|
text:"getValue" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.switch_tree", Demo.SwitchTree); |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Year = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.year_combo", |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.year", Demo.Year); |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.YearMonthCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.year_month_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.widget = _ref; |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getValue", |
||||||
|
handler: function () { |
||||||
|
BI.Msg.toast(JSON.stringify(self.widget.getValue())) |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.year_month_combo", Demo.YearMonthCombo); |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/13. |
||||||
|
*/ |
||||||
|
Demo.YearQuarterCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
var self=this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.year_quarter_combo", |
||||||
|
width: 300, |
||||||
|
ref:function(_ref){ |
||||||
|
self.widget=_ref; |
||||||
|
}, |
||||||
|
yearBehaviors: {}, |
||||||
|
quarterBehaviors: {}, |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "getValue", |
||||||
|
handler:function(){ |
||||||
|
BI.Msg.toast(JSON.stringify(self.widget.getValue())) |
||||||
|
}, |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.year_quarter_combo", Demo.YearQuarterCombo); |
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 389 B |
|
After Width: | Height: | Size: 385 B |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 189 B |
@ -1,33 +1,31 @@ |
|||||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||||
<html lang="en"> |
<html lang="en"> |
||||||
<head> |
|
||||||
<meta charset="utf-8"> |
|
||||||
<title></title> |
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" |
<head> |
||||||
href="core.css"/> |
<meta charset="utf-8"> |
||||||
<link rel="stylesheet" type="text/css" |
<title></title> |
||||||
href="base.css"/> |
<link rel="stylesheet" type="text/css" href="core.css" /> |
||||||
<link rel="stylesheet" type="text/css" |
<link rel="stylesheet" type="text/css" href="base.css" /> |
||||||
href="widget.css"/> |
<link rel="stylesheet" type="text/css" href="widget.css" /> |
||||||
<link rel="stylesheet" type="text/css" |
<link rel="stylesheet" type="text/css" href="resource.css" /> |
||||||
href="resource.css"/> |
<link rel="stylesheet" type="text/css" href="demo.css" /> |
||||||
<link rel="stylesheet" type="text/css" |
|
||||||
href="demo.css"/> |
|
||||||
|
|
||||||
<script src="polyfill.js"></script> |
<script src="polyfill.js"></script> |
||||||
<script src="core.js"></script> |
<script src="core.js"></script> |
||||||
<script src="base.js"></script> |
<script src="base.js"></script> |
||||||
<script src="case.js"></script> |
<script src="case.js"></script> |
||||||
<script src="widget.js"></script> |
<script src="widget.js"></script> |
||||||
<!--图表--> |
<!--图表--> |
||||||
<script src="vancharts-all.js"></script> |
<script src="vancharts-all.js"></script> |
||||||
<script src="biconst.js"></script><!--图表用到的常量(直接拿的bi的常量)--> |
<script src="biconst.js"></script> |
||||||
<script src="chart.js"></script> |
<!--图表用到的常量(直接拿的bi的常量)--> |
||||||
|
<script src="chart.js"></script> |
||||||
|
|
||||||
<script src="demo.js"></script> |
<script src="demo.js"></script> |
||||||
</head> |
</head> |
||||||
|
|
||||||
<body> |
<body> |
||||||
<div id="wrapper"></div> |
<div id="wrapper"></div> |
||||||
</body> |
</body> |
||||||
|
|
||||||
</html> |
</html> |
||||||
@ -1,93 +1,93 @@ |
|||||||
if(![].indexOf){ |
if(![].indexOf){ |
||||||
/** |
/** |
||||||
* 检查指定的值是否在数组中 |
* 检查指定的值是否在数组中 |
||||||
* @param {Object} o 要检查的值 |
* @param {Object} o 要检查的值 |
||||||
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
||||||
*/ |
*/ |
||||||
Array.prototype.indexOf = function (o) { |
Array.prototype.indexOf = function (o) { |
||||||
for (var i = 0, len = this.length; i < len; i++) { |
for (var i = 0, len = this.length; i < len; i++) { |
||||||
if (_.isEqual(o, this[i])) { |
if (_.isEqual(o, this[i])) { |
||||||
return i; |
return i; |
||||||
} |
} |
||||||
} |
} |
||||||
return -1; |
return -1; |
||||||
} |
} |
||||||
} |
} |
||||||
if(![].lastIndexOf){ |
if(![].lastIndexOf){ |
||||||
/** |
/** |
||||||
* 检查指定的值是否在数组中 |
* 检查指定的值是否在数组中 |
||||||
* ie67不支持数组的这个方法 |
* ie67不支持数组的这个方法 |
||||||
* @param {Object} o 要检查的值 |
* @param {Object} o 要检查的值 |
||||||
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
* @return {Number} o在数组中的索引（如果不在数组中则返回-1） |
||||||
*/ |
*/ |
||||||
Array.prototype.lastIndexOf = function (o) { |
Array.prototype.lastIndexOf = function (o) { |
||||||
for (var len = this.length, i = len - 1; i >= 0; i--) { |
for (var len = this.length, i = len - 1; i >= 0; i--) { |
||||||
if (_.isEqual(o, this[i])) { |
if (_.isEqual(o, this[i])) { |
||||||
return i; |
return i; |
||||||
} |
} |
||||||
} |
} |
||||||
return -1; |
return -1; |
||||||
} |
} |
||||||
}/** |
}/** |
||||||
* 特殊情况 |
* 特殊情况 |
||||||
* Created by wang on 15/6/23. |
* Created by wang on 15/6/23. |
||||||
*/ |
*/ |
||||||
//解决console未定义问题 guy
|
//解决console未定义问题 guy
|
||||||
window.console = window.console || (function () { |
window.console = window.console || (function () { |
||||||
var c = {}; |
var c = {}; |
||||||
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile |
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile |
||||||
= c.clear = c.exception = c.trace = c.assert = function () { |
= c.clear = c.exception = c.trace = c.assert = function () { |
||||||
}; |
}; |
||||||
return c; |
return c; |
||||||
})(); |
})(); |
||||||
/* |
/* |
||||||
* 前端缓存 |
* 前端缓存 |
||||||
*/ |
*/ |
||||||
window.localStorage || (window.localStorage = { |
window.localStorage || (window.localStorage = { |
||||||
items: {}, |
items: {}, |
||||||
setItem: function (k, v) { |
setItem: function (k, v) { |
||||||
BI.Cache.addCookie(k, v); |
BI.Cache.addCookie(k, v); |
||||||
}, |
}, |
||||||
getItem: function (k) { |
getItem: function (k) { |
||||||
return BI.Cache.getCookie(k); |
return BI.Cache.getCookie(k); |
||||||
}, |
}, |
||||||
removeItem: function (k) { |
removeItem: function (k) { |
||||||
BI.Cache.deleteCookie(k); |
BI.Cache.deleteCookie(k); |
||||||
}, |
}, |
||||||
key: function () { |
key: function () { |
||||||
|
|
||||||
}, |
}, |
||||||
clear: function () { |
clear: function () { |
||||||
this.items = {}; |
this.items = {}; |
||||||
} |
} |
||||||
});//修复ie9下sort方法的bug
|
});//修复ie9下sort方法的bug
|
||||||
!function (window) { |
!function (window) { |
||||||
var ua = window.navigator.userAgent.toLowerCase(), |
var ua = window.navigator.userAgent.toLowerCase(), |
||||||
reg = /msie|applewebkit.+safari/; |
reg = /msie|applewebkit.+safari/; |
||||||
if (reg.test(ua)) { |
if (reg.test(ua)) { |
||||||
var _sort = Array.prototype.sort; |
var _sort = Array.prototype.sort; |
||||||
Array.prototype.sort = function (fn) { |
Array.prototype.sort = function (fn) { |
||||||
if (!!fn && typeof fn === 'function') { |
if (!!fn && typeof fn === 'function') { |
||||||
if (this.length < 2) { |
if (this.length < 2) { |
||||||
return this; |
return this; |
||||||
} |
} |
||||||
var i = 0, j = i + 1, l = this.length, tmp, r = false, t = 0; |
var i = 0, j = i + 1, l = this.length, tmp, r = false, t = 0; |
||||||
for (; i < l; i++) { |
for (; i < l; i++) { |
||||||
for (j = i + 1; j < l; j++) { |
for (j = i + 1; j < l; j++) { |
||||||
t = fn.call(this, this[i], this[j]); |
t = fn.call(this, this[i], this[j]); |
||||||
r = (typeof t === 'number' ? t : |
r = (typeof t === 'number' ? t : |
||||||
!!t ? 1 : 0) > 0; |
!!t ? 1 : 0) > 0; |
||||||
if (r === true) { |
if (r === true) { |
||||||
tmp = this[i]; |
tmp = this[i]; |
||||||
this[i] = this[j]; |
this[i] = this[j]; |
||||||
this[j] = tmp; |
this[j] = tmp; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
return this; |
return this; |
||||||
} else { |
} else { |
||||||
return _sort.call(this); |
return _sort.call(this); |
||||||
} |
} |
||||||
}; |
}; |
||||||
} |
} |
||||||
}(window); |
}(window); |
||||||
@ -1,416 +1,416 @@ |
|||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-arrangement .arrangement-helper { |
.bi-arrangement .arrangement-helper { |
||||||
background: #3f8ce8; |
background: #3f8ce8; |
||||||
z-index: 1000000000; |
z-index: 1000000000; |
||||||
} |
} |
||||||
.bi-arrangement .arrangement-block { |
.bi-arrangement .arrangement-block { |
||||||
z-index: 1000000000; |
z-index: 1000000000; |
||||||
} |
} |
||||||
.bi-arrangement .arrangement-drop-container { |
.bi-arrangement .arrangement-drop-container { |
||||||
z-index: 1000000000; |
z-index: 1000000000; |
||||||
} |
} |
||||||
.bi-arrangement .arrangement-drop-container .arrangement-drop-region { |
.bi-arrangement .arrangement-drop-container .arrangement-drop-region { |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
} |
} |
||||||
.bi-arrangement .arrangement-drop-container .drop-devider { |
.bi-arrangement .arrangement-drop-container .drop-devider { |
||||||
z-index: 1000000001; |
z-index: 1000000001; |
||||||
background: #3f8ce8; |
background: #3f8ce8; |
||||||
} |
} |
||||||
.bi-arrangement .arrangement-drop-container .top-left, |
.bi-arrangement .arrangement-drop-container .top-left, |
||||||
.bi-arrangement .arrangement-drop-container .top-right, |
.bi-arrangement .arrangement-drop-container .top-right, |
||||||
.bi-arrangement .arrangement-drop-container .bottom-left, |
.bi-arrangement .arrangement-drop-container .bottom-left, |
||||||
.bi-arrangement .arrangement-drop-container .bottom-right, |
.bi-arrangement .arrangement-drop-container .bottom-right, |
||||||
.bi-arrangement .arrangement-drop-container .top-left-second, |
.bi-arrangement .arrangement-drop-container .top-left-second, |
||||||
.bi-arrangement .arrangement-drop-container .top-right-second, |
.bi-arrangement .arrangement-drop-container .top-right-second, |
||||||
.bi-arrangement .arrangement-drop-container .bottom-left-second, |
.bi-arrangement .arrangement-drop-container .bottom-left-second, |
||||||
.bi-arrangement .arrangement-drop-container .bottom-right-second, |
.bi-arrangement .arrangement-drop-container .bottom-right-second, |
||||||
.bi-arrangement .arrangement-drop-container .top-center, |
.bi-arrangement .arrangement-drop-container .top-center, |
||||||
.bi-arrangement .arrangement-drop-container .bottom-center, |
.bi-arrangement .arrangement-drop-container .bottom-center, |
||||||
.bi-arrangement .arrangement-drop-container .left-center, |
.bi-arrangement .arrangement-drop-container .left-center, |
||||||
.bi-arrangement .arrangement-drop-container .right-center, |
.bi-arrangement .arrangement-drop-container .right-center, |
||||||
.bi-arrangement .arrangement-drop-container .top-center-second, |
.bi-arrangement .arrangement-drop-container .top-center-second, |
||||||
.bi-arrangement .arrangement-drop-container .bottom-center-second, |
.bi-arrangement .arrangement-drop-container .bottom-center-second, |
||||||
.bi-arrangement .arrangement-drop-container .left-center-second, |
.bi-arrangement .arrangement-drop-container .left-center-second, |
||||||
.bi-arrangement .arrangement-drop-container .right-center-second { |
.bi-arrangement .arrangement-drop-container .right-center-second { |
||||||
z-index: 1000000001; |
z-index: 1000000001; |
||||||
background: #3f8ce8; |
background: #3f8ce8; |
||||||
} |
} |
||||||
.bi-arrangement-droppable { |
.bi-arrangement-droppable { |
||||||
z-index: 100000; |
z-index: 100000; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-adapt-editor .adapt-editor-text { |
.bi-adapt-editor .adapt-editor-text { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/*************BI.SearchEditor******************/ |
/*************BI.SearchEditor******************/ |
||||||
.bi-search-editor { |
.bi-search-editor { |
||||||
border: 1px solid #d4dadd; |
border: 1px solid #d4dadd; |
||||||
} |
} |
||||||
.bi-search-editor .close-font { |
.bi-search-editor .close-font { |
||||||
font-size: 20px; |
font-size: 20px; |
||||||
} |
} |
||||||
.bi-search-editor .search-font { |
.bi-search-editor .search-font { |
||||||
font-size: 20px; |
font-size: 20px; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/*************BI.SearchEditor******************/ |
/*************BI.SearchEditor******************/ |
||||||
.bi-small-search-editor .bi-editor { |
.bi-small-search-editor .bi-editor { |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
} |
} |
||||||
.bi-small-search-editor .bi-editor .bi-input { |
.bi-small-search-editor .bi-editor .bi-input { |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
} |
} |
||||||
.bi-small-search-editor .bi-editor .bi-label { |
.bi-small-search-editor .bi-editor .bi-label { |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
} |
} |
||||||
.bi-small-search-editor .close-font { |
.bi-small-search-editor .close-font { |
||||||
font-size: 18px; |
font-size: 18px; |
||||||
} |
} |
||||||
.bi-small-search-editor .search-font { |
.bi-small-search-editor .search-font { |
||||||
font-size: 18px; |
font-size: 18px; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-sign-initial-editor .sign-initial-editor-text { |
.bi-sign-initial-editor .sign-initial-editor-text { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-sign-style-editor .sign-style-editor-text { |
.bi-sign-style-editor .sign-style-editor-text { |
||||||
max-width: 100%; |
max-width: 100%; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
} |
} |
||||||
.bi-sign-style-editor .sign-style-editor-tip { |
.bi-sign-style-editor .sign-style-editor-tip { |
||||||
max-width: 100%; |
max-width: 100%; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
color: #808080; |
color: #808080; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-text-editor { |
.bi-text-editor { |
||||||
border: 1px solid #d4dadd; |
border: 1px solid #d4dadd; |
||||||
} |
} |
||||||
/****添加计算宽度的--运算符直接需要space****/ |
/****添加计算宽度的--运算符直接需要space****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/*************BI.SearchEditor******************/ |
/*************BI.SearchEditor******************/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-date-trigger { |
.bi-date-trigger { |
||||||
-webkit-border-radius: 2px; |
-webkit-border-radius: 2px; |
||||||
-moz-border-radius: 2px; |
-moz-border-radius: 2px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-down-list-popup .bi-down-list-item .list-item-text { |
.bi-down-list-popup .bi-down-list-item .list-item-text { |
||||||
max-width: 203px; |
max-width: 203px; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-excel-table > div.bottom-right > div > div > table { |
.bi-excel-table > div.bottom-right > div > div > table { |
||||||
border-right: 1px solid #d4dadd; |
border-right: 1px solid #d4dadd; |
||||||
} |
} |
||||||
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table { |
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table { |
||||||
border-right: 1px solid #525466; |
border-right: 1px solid #525466; |
||||||
} |
} |
||||||
.bi-excel-table-header-cell { |
.bi-excel-table-header-cell { |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-file-manager-nav-button .file-manager-nav-button-text { |
.bi-file-manager-nav-button .file-manager-nav-button-text { |
||||||
max-width: 200px; |
max-width: 200px; |
||||||
} |
} |
||||||
.bi-file-manager-nav-button .file-manager-nav-button-text.active { |
.bi-file-manager-nav-button .file-manager-nav-button-text.active { |
||||||
background-color: #eff1f4; |
background-color: #eff1f4; |
||||||
color: #999999; |
color: #999999; |
||||||
} |
} |
||||||
.bi-file-manager-nav-button .file-manager-nav-button-triangle { |
.bi-file-manager-nav-button .file-manager-nav-button-triangle { |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active { |
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active { |
||||||
background-color: #191b2b; |
background-color: #191b2b; |
||||||
color: #999999; |
color: #999999; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-fine-tuning-number-editor { |
.bi-fine-tuning-number-editor { |
||||||
-webkit-border-radius: 2px; |
-webkit-border-radius: 2px; |
||||||
-moz-border-radius: 2px; |
-moz-border-radius: 2px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
} |
} |
||||||
.bi-interactive-arrangement .interactive-arrangement-dragtag-line { |
.bi-interactive-arrangement .interactive-arrangement-dragtag-line { |
||||||
z-index: 1000000000; |
z-index: 1000000000; |
||||||
background-color: #f07d0a; |
background-color: #f07d0a; |
||||||
} |
} |
||||||
.bi-interactive-arrangement .interactive-arrangement-dragtag-icon { |
.bi-interactive-arrangement .interactive-arrangement-dragtag-icon { |
||||||
z-index: 1000000000; |
z-index: 1000000000; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-month-trigger { |
.bi-month-trigger { |
||||||
-webkit-border-radius: 2px; |
-webkit-border-radius: 2px; |
||||||
-moz-border-radius: 2px; |
-moz-border-radius: 2px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
} |
} |
||||||
.bi-multi-select-check-pane .multi-select-check-selected { |
.bi-multi-select-check-pane .multi-select-check-selected { |
||||||
text-decoration: underline; |
text-decoration: underline; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-multi-select-combo .multi-select-trigger-icon-button { |
.bi-multi-select-combo .multi-select-trigger-icon-button { |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-multi-select-trigger { |
.bi-multi-select-trigger { |
||||||
-webkit-border-radius: 2px 2px 2px 2px; |
-webkit-border-radius: 2px 2px 2px 2px; |
||||||
-moz-border-radius: 2px 2px 2px 2px; |
-moz-border-radius: 2px 2px 2px 2px; |
||||||
border-radius: 2px 2px 2px 2px; |
border-radius: 2px 2px 2px 2px; |
||||||
} |
} |
||||||
.bi-multi-select-search-pane .multi-select-toolbar { |
.bi-multi-select-search-pane .multi-select-toolbar { |
||||||
color: #e85050; |
color: #e85050; |
||||||
} |
} |
||||||
.bi-multi-select-check-selected-button { |
.bi-multi-select-check-selected-button { |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-multi-tree-check-pane .multi-tree-check-selected { |
.bi-multi-tree-check-pane .multi-tree-check-selected { |
||||||
color: #3f8ce8; |
color: #3f8ce8; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-multi-tree-combo .multi-select-trigger-icon-button { |
.bi-multi-tree-combo .multi-select-trigger-icon-button { |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
} |
} |
||||||
.bi-multi-tree-popup .popup-view-tree { |
.bi-multi-tree-popup .popup-view-tree { |
||||||
min-height: 170px; |
min-height: 170px; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-multi-tree-check-selected-button .trigger-check-selected { |
.bi-multi-tree-check-selected-button .trigger-check-selected { |
||||||
color: #3f8ce8; |
color: #3f8ce8; |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-numerical-interval .numerical-interval-small-editor { |
.bi-numerical-interval .numerical-interval-small-editor { |
||||||
-moz-border-radius-topleft: 2px; |
-moz-border-radius-topleft: 2px; |
||||||
-webkit-border-top-left-radius: 2px; |
-webkit-border-top-left-radius: 2px; |
||||||
-moz-border-radius-bottomleft: 2px; |
-moz-border-radius-bottomleft: 2px; |
||||||
-webkit-border-bottom-left-radius: 2px; |
-webkit-border-bottom-left-radius: 2px; |
||||||
border-top-left-radius: 2px; |
border-top-left-radius: 2px; |
||||||
border-bottom-left-radius: 2px; |
border-bottom-left-radius: 2px; |
||||||
} |
} |
||||||
.bi-numerical-interval .numerical-interval-big-editor { |
.bi-numerical-interval .numerical-interval-big-editor { |
||||||
-moz-border-radius-topright: 2px; |
-moz-border-radius-topright: 2px; |
||||||
-webkit-border-top-right-radius: 2px; |
-webkit-border-top-right-radius: 2px; |
||||||
-moz-border-radius-bottomright: 2px; |
-moz-border-radius-bottomright: 2px; |
||||||
-webkit-border-bottom-right-radius: 2px; |
-webkit-border-bottom-right-radius: 2px; |
||||||
border-top-right-radius: 2px; |
border-top-right-radius: 2px; |
||||||
border-bottom-right-radius: 2px; |
border-bottom-right-radius: 2px; |
||||||
} |
} |
||||||
.bi-numerical-interval .numerical-interval-big-combo { |
.bi-numerical-interval .numerical-interval-big-combo { |
||||||
-moz-border-radius-topleft: 2px; |
-moz-border-radius-topleft: 2px; |
||||||
-webkit-border-top-left-radius: 2px; |
-webkit-border-top-left-radius: 2px; |
||||||
-moz-border-radius-bottomleft: 2px; |
-moz-border-radius-bottomleft: 2px; |
||||||
-webkit-border-bottom-left-radius: 2px; |
-webkit-border-bottom-left-radius: 2px; |
||||||
border-top-left-radius: 2px; |
border-top-left-radius: 2px; |
||||||
border-bottom-left-radius: 2px; |
border-bottom-left-radius: 2px; |
||||||
} |
} |
||||||
.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { |
.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
||||||
.bi-numerical-interval .numerical-interval-small-combo { |
.bi-numerical-interval .numerical-interval-small-combo { |
||||||
-moz-border-radius-topright: 2px; |
-moz-border-radius-topright: 2px; |
||||||
-webkit-border-top-right-radius: 2px; |
-webkit-border-top-right-radius: 2px; |
||||||
-moz-border-radius-bottomright: 2px; |
-moz-border-radius-bottomright: 2px; |
||||||
-webkit-border-bottom-right-radius: 2px; |
-webkit-border-bottom-right-radius: 2px; |
||||||
border-top-right-radius: 2px; |
border-top-right-radius: 2px; |
||||||
border-bottom-right-radius: 2px; |
border-bottom-right-radius: 2px; |
||||||
} |
} |
||||||
.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { |
.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
||||||
.bi-numerical-interval.number-error .bi-input { |
.bi-numerical-interval.number-error .bi-input { |
||||||
color: #e85050; |
color: #e85050; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-page-table-cell { |
.bi-page-table-cell { |
||||||
-webkit-user-select: initial; |
-webkit-user-select: initial; |
||||||
-khtml-user-select: initial; |
-khtml-user-select: initial; |
||||||
-moz-user-select: initial; |
-moz-user-select: initial; |
||||||
-ms-user-select: initial; |
-ms-user-select: initial; |
||||||
-o-user-select: initial; |
-o-user-select: initial; |
||||||
user-select: initial; |
user-select: initial; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-path-chooser .path-chooser-radio { |
.bi-path-chooser .path-chooser-radio { |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
.bi-path-region .path-region-label { |
.bi-path-region .path-region-label { |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
.bi-preview-table-cell { |
.bi-preview-table-cell { |
||||||
min-height: 25px; |
min-height: 25px; |
||||||
min-width: 80px; |
min-width: 80px; |
||||||
max-width: 220px; |
max-width: 220px; |
||||||
} |
} |
||||||
.bi-preview-table { |
.bi-preview-table { |
||||||
-webkit-user-select: initial; |
-webkit-user-select: initial; |
||||||
-khtml-user-select: initial; |
-khtml-user-select: initial; |
||||||
-moz-user-select: initial; |
-moz-user-select: initial; |
||||||
-ms-user-select: initial; |
-ms-user-select: initial; |
||||||
-o-user-select: initial; |
-o-user-select: initial; |
||||||
user-select: initial; |
user-select: initial; |
||||||
} |
} |
||||||
.bi-preview-table > div > table > thead > tr.odd, |
.bi-preview-table > div > table > thead > tr.odd, |
||||||
.bi-preview-table > div > div > div > table > thead > tr.odd { |
.bi-preview-table > div > div > div > table > thead > tr.odd { |
||||||
background-color: #eff1f4; |
background-color: #eff1f4; |
||||||
} |
} |
||||||
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd, |
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd, |
||||||
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd { |
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd { |
||||||
background-color: #191b2b; |
background-color: #191b2b; |
||||||
} |
} |
||||||
.bi-preview-table-header-cell { |
.bi-preview-table-header-cell { |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
min-height: 25px; |
min-height: 25px; |
||||||
min-width: 80px; |
min-width: 80px; |
||||||
max-width: 220px; |
max-width: 220px; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-quarter-trigger { |
.bi-quarter-trigger { |
||||||
-webkit-border-radius: 2px; |
-webkit-border-radius: 2px; |
||||||
-moz-border-radius: 2px; |
-moz-border-radius: 2px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-relation-view-region .relation-view-region-container { |
.bi-relation-view-region .relation-view-region-container { |
||||||
z-index: 1; |
z-index: 1; |
||||||
-webkit-border-radius: 2px; |
-webkit-border-radius: 2px; |
||||||
-moz-border-radius: 2px; |
-moz-border-radius: 2px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
} |
} |
||||||
.bi-relation-view-region .relation-view-region-container.other-package { |
.bi-relation-view-region .relation-view-region-container.other-package { |
||||||
border-style: dashed; |
border-style: dashed; |
||||||
} |
} |
||||||
.bi-sequence-table-dynamic-number .sequence-table-title-cell { |
.bi-sequence-table-dynamic-number .sequence-table-title-cell { |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
overflow-x: hidden; |
overflow-x: hidden; |
||||||
overflow-y: hidden; |
overflow-y: hidden; |
||||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||||
/*Safari3.2+*/ |
/*Safari3.2+*/ |
||||||
-moz-box-sizing: border-box; |
-moz-box-sizing: border-box; |
||||||
/*Firefox3.5+*/ |
/*Firefox3.5+*/ |
||||||
-ms-box-sizing: border-box; |
-ms-box-sizing: border-box; |
||||||
/*IE8*/ |
/*IE8*/ |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
||||||
} |
} |
||||||
.bi-sequence-table-dynamic-number .sequence-table-number-cell { |
.bi-sequence-table-dynamic-number .sequence-table-number-cell { |
||||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||||
/*Safari3.2+*/ |
/*Safari3.2+*/ |
||||||
-moz-box-sizing: border-box; |
-moz-box-sizing: border-box; |
||||||
/*Firefox3.5+*/ |
/*Firefox3.5+*/ |
||||||
-ms-box-sizing: border-box; |
-ms-box-sizing: border-box; |
||||||
/*IE8*/ |
/*IE8*/ |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
||||||
} |
} |
||||||
.bi-sequence-table-list-number .sequence-table-title-cell { |
.bi-sequence-table-list-number .sequence-table-title-cell { |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
overflow-x: hidden; |
overflow-x: hidden; |
||||||
overflow-y: hidden; |
overflow-y: hidden; |
||||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||||
/*Safari3.2+*/ |
/*Safari3.2+*/ |
||||||
-moz-box-sizing: border-box; |
-moz-box-sizing: border-box; |
||||||
/*Firefox3.5+*/ |
/*Firefox3.5+*/ |
||||||
-ms-box-sizing: border-box; |
-ms-box-sizing: border-box; |
||||||
/*IE8*/ |
/*IE8*/ |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
||||||
} |
} |
||||||
.bi-sequence-table-list-number .sequence-table-number-cell { |
.bi-sequence-table-list-number .sequence-table-number-cell { |
||||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||||
/*Safari3.2+*/ |
/*Safari3.2+*/ |
||||||
-moz-box-sizing: border-box; |
-moz-box-sizing: border-box; |
||||||
/*Firefox3.5+*/ |
/*Firefox3.5+*/ |
||||||
-ms-box-sizing: border-box; |
-ms-box-sizing: border-box; |
||||||
/*IE8*/ |
/*IE8*/ |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-sequence-table-tree-number .sequence-table-title-cell { |
.bi-sequence-table-tree-number .sequence-table-title-cell { |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
overflow-x: hidden; |
overflow-x: hidden; |
||||||
overflow-y: hidden; |
overflow-y: hidden; |
||||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||||
/*Safari3.2+*/ |
/*Safari3.2+*/ |
||||||
-moz-box-sizing: border-box; |
-moz-box-sizing: border-box; |
||||||
/*Firefox3.5+*/ |
/*Firefox3.5+*/ |
||||||
-ms-box-sizing: border-box; |
-ms-box-sizing: border-box; |
||||||
/*IE8*/ |
/*IE8*/ |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
||||||
} |
} |
||||||
.bi-sequence-table-tree-number .sequence-table-number-cell { |
.bi-sequence-table-tree-number .sequence-table-number-cell { |
||||||
-webkit-box-sizing: border-box; |
-webkit-box-sizing: border-box; |
||||||
/*Safari3.2+*/ |
/*Safari3.2+*/ |
||||||
-moz-box-sizing: border-box; |
-moz-box-sizing: border-box; |
||||||
/*Firefox3.5+*/ |
/*Firefox3.5+*/ |
||||||
-ms-box-sizing: border-box; |
-ms-box-sizing: border-box; |
||||||
/*IE8*/ |
/*IE8*/ |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
||||||
} |
} |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||||
.bi-year-popup .year-popup-navigation { |
.bi-year-popup .year-popup-navigation { |
||||||
line-height: 30px; |
line-height: 30px; |
||||||
} |
} |
||||||
.bi-year-popup .year-popup-navigation > .center-element { |
.bi-year-popup .year-popup-navigation > .center-element { |
||||||
border-left: 1px solid #d4dadd; |
border-left: 1px solid #d4dadd; |
||||||
} |
} |
||||||
.bi-year-popup .year-popup-navigation > .first-element { |
.bi-year-popup .year-popup-navigation > .first-element { |
||||||
border-left: none; |
border-left: none; |
||||||
} |
} |
||||||
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element { |
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element { |
||||||
border-left: 1px solid #525466; |
border-left: 1px solid #525466; |
||||||
} |
} |
||||||
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element { |
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element { |
||||||
border-left: none; |
border-left: none; |
||||||
} |
} |
||||||
.bi-year-trigger { |
.bi-year-trigger { |
||||||
-webkit-border-radius: 2px; |
-webkit-border-radius: 2px; |
||||||
-moz-border-radius: 2px; |
-moz-border-radius: 2px; |
||||||
border-radius: 2px; |
border-radius: 2px; |
||||||
} |
} |
||||||
|
|||||||
Loading…
Reference in new issue