Young
6 years ago
74 changed files with 9006 additions and 3741 deletions
@ -0,0 +1,68 @@
|
||||
/** |
||||
* Created by Windy on 2017/12/13. |
||||
*/ |
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var self = this, id1 = BI.UUID(), id2 = BI.UUID(); |
||||
return { |
||||
type: "bi.vertical", |
||||
vgap: 10, |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: "create形式创建layer, 遮住当前面板, 返回创建的面板对象", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Layers.create(id1, self, { |
||||
//偏移量
|
||||
offset: { |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}, |
||||
type: "bi.center_adapt", |
||||
cls: "bi-card", |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: "点击关闭", |
||||
handler: function () { |
||||
BI.Layers.hide(id1); |
||||
} |
||||
}] |
||||
}); |
||||
BI.Layers.show(id1); |
||||
} |
||||
}, { |
||||
type: "bi.button", |
||||
text: "make形式创建layer,可以指定放到哪个面板内,这里指定当前面板(默认放在body下撑满), 返回创建的面板对象", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Layers.make(id2, self, { |
||||
//偏移量
|
||||
offset: { |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}, |
||||
type: "bi.center_adapt", |
||||
cls: "bi-card", |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: "点击关闭", |
||||
handler: function () { |
||||
BI.Layers.remove(id2); |
||||
} |
||||
}] |
||||
}); |
||||
BI.Layers.show(id2); |
||||
} |
||||
}] |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.layer", Demo.Func); |
||||
@ -0,0 +1,95 @@
|
||||
/** |
||||
* Created by User on 2017/3/22. |
||||
*/ |
||||
Demo.MultiSelectList = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-multi-select-combo" |
||||
}, |
||||
|
||||
mounted: function () { |
||||
this.list.populate(); |
||||
}, |
||||
|
||||
_createMultiSelectCombo: function () { |
||||
var self = this; |
||||
var widget = BI.createWidget({ |
||||
type: "bi.multi_select_list", |
||||
ref: function (ref) { |
||||
self.list = ref; |
||||
}, |
||||
itemsCreator: BI.bind(this._itemsCreator, this), |
||||
value: { |
||||
type: 1, |
||||
value: ["柳州市城贸金属材料有限责任公司", "柳州市建福房屋租赁有限公司", "柳州市迅昌数码办公设备有限责任公司"] |
||||
} |
||||
}); |
||||
|
||||
widget.on(BI.MultiSelectCombo.EVENT_CONFIRM, function () { |
||||
BI.Msg.toast(JSON.stringify(this.getValue())); |
||||
}); |
||||
|
||||
return widget; |
||||
}, |
||||
|
||||
_getItemsByTimes: function (items, times) { |
||||
var res = []; |
||||
for (var i = (times - 1) * 10; items[i] && i < times * 10; i++) { |
||||
res.push(items[i]); |
||||
} |
||||
return res; |
||||
}, |
||||
|
||||
_hasNextByTimes: function (items, times) { |
||||
return times * 10 < items.length; |
||||
}, |
||||
|
||||
_itemsCreator: function (options, callback) { |
||||
var self = this; |
||||
var items = Demo.CONSTANTS.ITEMS; |
||||
var keywords = (options.keywords || []).slice(); |
||||
if (options.keyword) { |
||||
keywords.push(options.keyword); |
||||
} |
||||
BI.each(keywords, function (i, kw) { |
||||
var search = BI.Func.getSearchResult(items, kw); |
||||
items = search.match.concat(search.find); |
||||
}); |
||||
if (options.selectedValues) {// 过滤
|
||||
var filter = BI.makeObject(options.selectedValues, true); |
||||
items = BI.filter(items, function (i, ob) { |
||||
return !filter[ob.value]; |
||||
}); |
||||
} |
||||
if (options.type == BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
||||
callback({ |
||||
items: items |
||||
}); |
||||
return; |
||||
} |
||||
if (options.type == BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
||||
callback({count: items.length}); |
||||
return; |
||||
} |
||||
BI.delay(function () { |
||||
callback({ |
||||
items: self._getItemsByTimes(items, options.times), |
||||
hasNext: self._hasNextByTimes(items, options.times) |
||||
}); |
||||
}, 1000); |
||||
}, |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.absolute", |
||||
scrolly: false, |
||||
items: [{ |
||||
el: this._createMultiSelectCombo(), |
||||
top: 50, |
||||
left: 50, |
||||
right: 50, |
||||
bottom: 50 |
||||
}] |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.multi_select_list", Demo.MultiSelectList); |
||||
@ -0,0 +1,69 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/13. |
||||
*/ |
||||
Demo.MultiTreeCombo = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
|
||||
mounted: function () { |
||||
this.tree.populate(); |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.multi_select_tree", |
||||
ref: function (_ref) { |
||||
self.tree = _ref; |
||||
}, |
||||
itemsCreator: function (options, callback) { |
||||
console.log(options); |
||||
// 根据不同的类型处理相应的结果
|
||||
switch (options.type) { |
||||
case BI.TreeView.REQ_TYPE_INIT_DATA: |
||||
break; |
||||
case BI.TreeView.REQ_TYPE_ADJUST_DATA: |
||||
break; |
||||
case BI.TreeView.REQ_TYPE_SELECT_DATA: |
||||
break; |
||||
case BI.TreeView.REQ_TYPE_GET_SELECTED_DATA: |
||||
break; |
||||
default : |
||||
break; |
||||
} |
||||
callback({ |
||||
items: items |
||||
}); |
||||
}, |
||||
width: 300, |
||||
value: { |
||||
"根目录": {} |
||||
} |
||||
}, |
||||
top: 50, |
||||
bottom: 50, |
||||
left: 50, |
||||
right: 50 |
||||
}, { |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.toast(JSON.stringify(self.tree.getValue())); |
||||
} |
||||
}, |
||||
left: 50, |
||||
right: 50, |
||||
bottom: 20 |
||||
}] |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.multi_select_tree", Demo.MultiTreeCombo); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
lodash core plus=debounce,throttle,get,findIndex,findLastIndex,findKey,findLastKey,isArrayLike,invert,invertBy,uniq,uniqBy,omit,omitBy,zip,unzip,rest,range,random,reject,intersection,drop,countBy,union,zipObject |
||||
lodash core plus=debounce,throttle,get,findIndex,findLastIndex,findKey,findLastKey,isArrayLike,invert,invertBy,uniq,uniqBy,omit,omitBy,zip,unzip,rest,range,random,reject,intersection,drop,countBy,union,zipObject,initial,cloneDeep,clamp,isPlainObject,take,takeRight,without |
||||
@ -1,152 +0,0 @@
|
||||
/** |
||||
* floatBox弹出层， |
||||
* @class BI.FloatBox |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.FloatBox = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-float-box bi-card", |
||||
width: 600, |
||||
height: 500 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.FloatBox.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.showAction = new BI.ShowAction({ |
||||
tar: this |
||||
}); |
||||
this._center = BI.createWidget(); |
||||
this._north = BI.createWidget(); |
||||
this.element.draggable && this.element.draggable({ |
||||
handle: ".bi-message-title", |
||||
drag: function (e, ui) { |
||||
var W = $("body").width(), H = $("body").height(); |
||||
if (ui.position.left + o.width > W) { |
||||
ui.position.left = W - o.width; |
||||
} |
||||
if (ui.position.top + o.height > H) { |
||||
ui.position.top = H - o.height; |
||||
} |
||||
if (ui.position.left < 0) { |
||||
ui.position.left = 0; |
||||
} |
||||
if (ui.position.top < 0) { |
||||
ui.position.top = 0; |
||||
} |
||||
// BI-12134 没有什么特别好的方法
|
||||
BI.Resizers._resize(); |
||||
} |
||||
}); |
||||
this._south = BI.createWidget(); |
||||
BI.createWidget({ |
||||
type: "bi.border", |
||||
element: this, |
||||
items: { |
||||
north: { |
||||
el: { |
||||
type: "bi.border", |
||||
cls: "bi-message-title bi-background", |
||||
items: { |
||||
center: { |
||||
el: { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: this._north, |
||||
left: 10, |
||||
top: 0, |
||||
right: 0, |
||||
bottom: 0 |
||||
}] |
||||
} |
||||
}, |
||||
east: { |
||||
el: { |
||||
type: "bi.icon_button", |
||||
cls: "bi-message-close close-font", |
||||
height: 36, |
||||
handler: function () { |
||||
self.currentSectionProvider.close(); |
||||
} |
||||
}, |
||||
width: 60 |
||||
} |
||||
} |
||||
}, |
||||
height: 36 |
||||
}, |
||||
center: { |
||||
el: { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: this._center, |
||||
left: 20, |
||||
top: 20, |
||||
right: 20, |
||||
bottom: 0 |
||||
}] |
||||
} |
||||
}, |
||||
south: { |
||||
el: { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: this._south, |
||||
left: 20, |
||||
top: 0, |
||||
right: 20, |
||||
bottom: 0 |
||||
}] |
||||
}, |
||||
height: 44 |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
populate: function (sectionProvider) { |
||||
var self = this; |
||||
if (this.currentSectionProvider && this.currentSectionProvider !== sectionProvider) { |
||||
this.currentSectionProvider.destroy(); |
||||
} |
||||
this.currentSectionProvider = sectionProvider; |
||||
sectionProvider.rebuildNorth(this._north); |
||||
sectionProvider.rebuildCenter(this._center); |
||||
sectionProvider.rebuildSouth(this._south); |
||||
sectionProvider.on(BI.PopoverSection.EVENT_CLOSE, function () { |
||||
self.close(); |
||||
}); |
||||
}, |
||||
|
||||
show: function () { |
||||
this.showAction.actionPerformed(); |
||||
}, |
||||
|
||||
hide: function () { |
||||
this.showAction.actionBack(); |
||||
}, |
||||
|
||||
open: function () { |
||||
this.show(); |
||||
this.fireEvent(BI.FloatBox.EVENT_FLOAT_BOX_OPEN); |
||||
}, |
||||
|
||||
close: function () { |
||||
this.hide(); |
||||
this.fireEvent(BI.FloatBox.EVENT_FLOAT_BOX_CLOSED); |
||||
}, |
||||
|
||||
setZindex: function (zindex) { |
||||
this.element.css({"z-index": zindex}); |
||||
}, |
||||
|
||||
destroyed: function () { |
||||
this.currentSectionProvider && this.currentSectionProvider.destroy(); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.float_box", BI.FloatBox); |
||||
|
||||
BI.FloatBox.EVENT_FLOAT_BOX_CLOSED = "EVENT_FLOAT_BOX_CLOSED"; |
||||
BI.FloatBox.EVENT_FLOAT_BOX_OPEN = "EVENT_FLOAT_BOX_CLOSED"; |
||||
@ -0,0 +1,176 @@
|
||||
/** |
||||
* Popover弹出层， |
||||
* @class BI.Popover |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.Popover = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.Popover.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-popover bi-card", |
||||
width: 600, |
||||
height: 500, |
||||
header: null, |
||||
body: null, |
||||
footer: null |
||||
}); |
||||
}, |
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
this.element.draggable && this.element.draggable({ |
||||
handle: ".bi-message-title", |
||||
drag: function (e, ui) { |
||||
var W = $("body").width(), H = $("body").height(); |
||||
if (ui.position.left + o.width > W) { |
||||
ui.position.left = W - o.width; |
||||
} |
||||
if (ui.position.top + o.height > H) { |
||||
ui.position.top = H - o.height; |
||||
} |
||||
if (ui.position.left < 0) { |
||||
ui.position.left = 0; |
||||
} |
||||
if (ui.position.top < 0) { |
||||
ui.position.top = 0; |
||||
} |
||||
// BI-12134 没有什么特别好的方法
|
||||
BI.Resizers._resize(); |
||||
} |
||||
}); |
||||
var items = { |
||||
north: { |
||||
el: { |
||||
type: "bi.border", |
||||
cls: "bi-message-title bi-background", |
||||
items: { |
||||
center: { |
||||
el: { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: BI.createWidget(o.header), |
||||
left: 10, |
||||
top: 0, |
||||
right: 0, |
||||
bottom: 0 |
||||
}] |
||||
} |
||||
}, |
||||
east: { |
||||
el: { |
||||
type: "bi.icon_button", |
||||
cls: "bi-message-close close-font", |
||||
height: 36, |
||||
handler: function () { |
||||
self.close(); |
||||
} |
||||
}, |
||||
width: 60 |
||||
} |
||||
} |
||||
}, |
||||
height: 36 |
||||
}, |
||||
center: { |
||||
el: { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: BI.createWidget(o.body), |
||||
left: 20, |
||||
top: 20, |
||||
right: 20, |
||||
bottom: 0 |
||||
}] |
||||
} |
||||
} |
||||
}; |
||||
if (o.footer) { |
||||
items.south = { |
||||
el: { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: BI.createWidget(o.footer), |
||||
left: 20, |
||||
top: 0, |
||||
right: 20, |
||||
bottom: 0 |
||||
}] |
||||
}, |
||||
height: 44 |
||||
}; |
||||
} |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.border", |
||||
element: this, |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
show: function () { |
||||
|
||||
}, |
||||
|
||||
hide: function () { |
||||
|
||||
}, |
||||
|
||||
open: function () { |
||||
this.show(); |
||||
this.fireEvent(BI.Popover.EVENT_OPEN, arguments); |
||||
}, |
||||
|
||||
close: function () { |
||||
this.hide(); |
||||
this.fireEvent(BI.Popover.EVENT_CLOSE, arguments); |
||||
}, |
||||
|
||||
setZindex: function (zindex) { |
||||
this.element.css({"z-index": zindex}); |
||||
}, |
||||
|
||||
destroyed: function () { |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.popover", BI.Popover); |
||||
|
||||
BI.BarPopover = BI.inherit(BI.Popover, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.BarPopover.superclass._defaultConfig.apply(this, arguments), { |
||||
btns: [BI.i18nText(BI.i18nText("BI-Basic_Sure")), BI.i18nText(BI.i18nText("BI-Basic_Cancel"))] |
||||
}); |
||||
}, |
||||
|
||||
beforeCreate: function () { |
||||
var self = this, o = this.options; |
||||
o.footer || (o.footer = { |
||||
type: "bi.right_vertical_adapt", |
||||
lgap: 10, |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: this.options.btns[1], |
||||
value: 1, |
||||
level: "ignore", |
||||
handler: function (v) { |
||||
self.fireEvent(BI.Popover.EVENT_CANCEL, v); |
||||
self.close(v); |
||||
} |
||||
}, { |
||||
type: "bi.button", |
||||
text: this.options.btns[0], |
||||
warningTitle: o.warningTitle, |
||||
value: 0, |
||||
handler: function (v) { |
||||
self.fireEvent(BI.Popover.EVENT_CONFIRM, v); |
||||
self.close(v); |
||||
} |
||||
}] |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.bar_popover", BI.BarPopover); |
||||
|
||||
BI.Popover.EVENT_CLOSE = "EVENT_CLOSE"; |
||||
BI.Popover.EVENT_OPEN = "EVENT_OPEN"; |
||||
BI.Popover.EVENT_CANCEL = "EVENT_CANCEL"; |
||||
BI.Popover.EVENT_CONFIRM = "EVENT_CONFIRM"; |
||||
@ -1,50 +0,0 @@
|
||||
/** |
||||
* 有确定取消按钮的弹出层 |
||||
* @class BI.BarPopoverSection |
||||
* @extends BI.PopoverSection |
||||
* @abstract |
||||
*/ |
||||
BI.BarPopoverSection = BI.inherit(BI.PopoverSection, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.BarPopoverSection.superclass._defaultConfig.apply(this, arguments), { |
||||
btns: [BI.i18nText(BI.i18nText("BI-Basic_Sure")), BI.i18nText(BI.i18nText("BI-Basic_Cancel"))] |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.BarPopoverSection.superclass._init.apply(this, arguments); |
||||
}, |
||||
|
||||
rebuildSouth: function (south) { |
||||
var self = this, o = this.options; |
||||
this.sure = BI.createWidget({ |
||||
type: "bi.button", |
||||
text: this.options.btns[0], |
||||
warningTitle: o.warningTitle, |
||||
value: 0, |
||||
handler: function (v) { |
||||
self.end(); |
||||
self.close(v); |
||||
} |
||||
}); |
||||
this.cancel = BI.createWidget({ |
||||
type: "bi.button", |
||||
text: this.options.btns[1], |
||||
value: 1, |
||||
level: "ignore", |
||||
handler: function (v) { |
||||
self.close(v); |
||||
} |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.right_vertical_adapt", |
||||
element: south, |
||||
lgap: 10, |
||||
items: [this.cancel, this.sure] |
||||
}); |
||||
}, |
||||
|
||||
setConfirmButtonEnable: function (v) { |
||||
this.sure.setEnable(!!v); |
||||
} |
||||
}); |
||||
@ -1,26 +0,0 @@
|
||||
/** |
||||
* 弹出层 |
||||
* @class BI.PopoverSection |
||||
* @extends BI.Widget |
||||
* @abstract |
||||
*/ |
||||
BI.PopoverSection = BI.inherit(BI.Widget, { |
||||
_init: function () { |
||||
BI.PopoverSection.superclass._init.apply(this, arguments); |
||||
}, |
||||
|
||||
rebuildNorth: function (north) { |
||||
return true; |
||||
}, |
||||
rebuildCenter: function (center) {}, |
||||
rebuildSouth: function (south) { |
||||
return false; |
||||
}, |
||||
close: function () { |
||||
this.fireEvent(BI.PopoverSection.EVENT_CLOSE); |
||||
}, |
||||
end: function () { |
||||
|
||||
} |
||||
}); |
||||
BI.PopoverSection.EVENT_CLOSE = "EVENT_CLOSE"; |
||||
@ -1,3 +1,4 @@
|
||||
.x-icon.b-font { |
||||
margin: auto; |
||||
width: 100%; |
||||
} |
||||
|
||||
@ -1,3 +1,4 @@
|
||||
.x-icon.b-font { |
||||
margin: auto; |
||||
width: 100%; |
||||
} |
||||
@ -1,4 +1,4 @@
|
||||
@import "../../index"; |
||||
|
||||
.bi-float-box { |
||||
.bi-popover { |
||||
} |
||||
@ -0,0 +1,90 @@
|
||||
/** |
||||
* Created by roy on 15/8/14. |
||||
*/ |
||||
BI.DownListCombo = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.DownListCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-multilayer-down-list-combo", |
||||
height: 24, |
||||
items: [], |
||||
adjustLength: 0, |
||||
direction: "bottom", |
||||
trigger: "click", |
||||
container: null, |
||||
stopPropagation: false, |
||||
el: {} |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.DownListCombo.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.popupview = BI.createWidget({ |
||||
type: "bi.multi_layer_down_list_popup", |
||||
items: o.items, |
||||
chooseType: o.chooseType, |
||||
value: o.value |
||||
}); |
||||
|
||||
this.popupview.on(BI.DownListPopup.EVENT_CHANGE, function (value) { |
||||
self.fireEvent(BI.DownListCombo.EVENT_CHANGE, value); |
||||
self.downlistcombo.hideView(); |
||||
}); |
||||
|
||||
this.popupview.on(BI.DownListPopup.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) { |
||||
self.fireEvent(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue); |
||||
self.downlistcombo.hideView(); |
||||
}); |
||||
|
||||
|
||||
this.downlistcombo = BI.createWidget({ |
||||
element: this, |
||||
type: "bi.combo", |
||||
trigger: o.trigger, |
||||
isNeedAdjustWidth: false, |
||||
container: o.container, |
||||
adjustLength: o.adjustLength, |
||||
direction: o.direction, |
||||
stopPropagation: o.stopPropagation, |
||||
el: BI.createWidget(o.el, { |
||||
type: "bi.icon_trigger", |
||||
extraCls: o.iconCls ? o.iconCls : "pull-down-font", |
||||
width: o.width, |
||||
height: o.height |
||||
}), |
||||
popup: { |
||||
el: this.popupview, |
||||
stopPropagation: true, |
||||
maxHeight: 1000 |
||||
} |
||||
}); |
||||
|
||||
this.downlistcombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { |
||||
self.fireEvent(BI.DownListCombo.EVENT_BEFORE_POPUPVIEW); |
||||
}); |
||||
}, |
||||
|
||||
hideView: function () { |
||||
this.downlistcombo.hideView(); |
||||
}, |
||||
|
||||
showView: function () { |
||||
this.downlistcombo.showView(); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.popupview.populate(items); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.popupview.setValue(v); |
||||
}, |
||||
getValue: function () { |
||||
return this.popupview.getValue(); |
||||
} |
||||
}); |
||||
BI.DownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.DownListCombo.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; |
||||
BI.DownListCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
|
||||
BI.shortcut("bi.multi_layer_down_list_combo", BI.DownListCombo); |
||||
@ -0,0 +1,324 @@
|
||||
/** |
||||
* Created by roy on 15/9/8. |
||||
* 处理popup中的item分组样式 |
||||
* 一个item分组中的成员大于一时，该分组设置为单选，并且默认状态第一个成员设置为已选择项 |
||||
*/ |
||||
BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, { |
||||
constants: { |
||||
nextIcon: "pull-right-e-font", |
||||
height: 25, |
||||
iconHeight: 12, |
||||
iconWidth: 12, |
||||
hgap: 0, |
||||
vgap: 0, |
||||
border: 1 |
||||
}, |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerDownListPopup.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
baseCls: "bi-down-list-popup", |
||||
items: [], |
||||
chooseType: BI.Selection.Multi |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerDownListPopup.superclass._init.apply(this, arguments); |
||||
this.singleValues = []; |
||||
this.childValueMap = {}; |
||||
this.fatherValueMap = {}; |
||||
var self = this, o = this.options, children = this._createPopupItems(o.items); |
||||
this.popup = BI.createWidget({ |
||||
type: "bi.button_tree", |
||||
items: BI.createItems(children, |
||||
{}, { |
||||
adjustLength: -2 |
||||
} |
||||
), |
||||
layouts: [{ |
||||
type: "bi.vertical", |
||||
hgap: this.constants.hgap, |
||||
vgap: this.constants.vgap |
||||
}], |
||||
value: this._digest(o.value), |
||||
chooseType: o.chooseType |
||||
}); |
||||
|
||||
this.popup.on(BI.ButtonTree.EVENT_CHANGE, function (value, object) { |
||||
var changedValue = value; |
||||
if (BI.isNotNull(self.childValueMap[value])) { |
||||
changedValue = self.childValueMap[value]; |
||||
self.fireEvent(BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, changedValue, self.fatherValueMap[value]); |
||||
} else { |
||||
self.fireEvent(BI.MultiLayerDownListPopup.EVENT_CHANGE, changedValue, object); |
||||
} |
||||
|
||||
|
||||
if (!self.singleValues.contains(changedValue)) { |
||||
var item = self.getValue(); |
||||
var result = []; |
||||
BI.each(item, function (i, valueObject) { |
||||
if (valueObject.value != changedValue) { |
||||
result.push(valueObject); |
||||
} |
||||
}); |
||||
self.setValue(result); |
||||
} |
||||
|
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [this.popup] |
||||
}); |
||||
|
||||
}, |
||||
_createPopupItems: function (items) { |
||||
var self = this, result = []; |
||||
BI.each(items, function (i, it) { |
||||
var item_done = { |
||||
type: "bi.down_list_group", |
||||
items: [] |
||||
}; |
||||
|
||||
BI.each(it, function (i, item) { |
||||
if (BI.isNotEmptyArray(item.children) && !BI.isEmpty(item.el)) { |
||||
item.type = "bi.combo_group"; |
||||
item.cls = "down-list-group"; |
||||
item.trigger = "hover"; |
||||
item.isNeedAdjustWidth = false; |
||||
item.el.title = item.el.title || item.el.text; |
||||
item.el.type = "bi.down_list_group_item"; |
||||
item.el.logic = { |
||||
dynamic: true |
||||
}; |
||||
item.el.height = self.constants.height; |
||||
item.el.iconCls2 = self.constants.nextIcon; |
||||
item.popup = { |
||||
lgap: 4, |
||||
el: { |
||||
type: "bi.button_tree", |
||||
chooseType: 0, |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
|
||||
} |
||||
}; |
||||
item.el.childValues = []; |
||||
BI.each(item.children, function (i, child) { |
||||
child = child.el ? BI.extend(child.el, {children: child.children}) : child; |
||||
var fatherValue = BI.deepClone(item.el.value); |
||||
var childValue = BI.deepClone(child.value); |
||||
self.singleValues.push(child.value); |
||||
child.type = "bi.down_list_item"; |
||||
child.extraCls = " child-down-list-item"; |
||||
child.title = child.title || child.text; |
||||
child.textRgap = 10; |
||||
child.isNeedAdjustWidth = false; |
||||
child.logic = { |
||||
dynamic: true |
||||
}; |
||||
child.father = fatherValue; |
||||
self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue; |
||||
self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue; |
||||
child.value = self._createChildValue(fatherValue, childValue); |
||||
item.el.childValues.push(child.value); |
||||
if (BI.isNotEmptyArray(child.children)) { |
||||
child.type = "bi.down_list_group_item"; |
||||
self._createChildren(child); |
||||
child.height = self.constants.height; |
||||
child.iconCls2 = self.constants.nextIcon; |
||||
item.el.childValues = BI.concat(item.el.childValues, child.childValues); |
||||
} |
||||
}); |
||||
} else { |
||||
item.type = "bi.down_list_item"; |
||||
item.title = item.title || item.text; |
||||
item.textRgap = 10; |
||||
item.isNeedAdjustWidth = false; |
||||
item.logic = { |
||||
dynamic: true |
||||
}; |
||||
} |
||||
var el_done = {}; |
||||
el_done.el = item; |
||||
item_done.items.push(el_done); |
||||
}); |
||||
if (self._isGroup(item_done.items)) { |
||||
BI.each(item_done.items, function (i, item) { |
||||
self.singleValues.push(item.el.value); |
||||
}); |
||||
} |
||||
|
||||
result.push(item_done); |
||||
if (self._needSpliter(i, items.length)) { |
||||
var spliter_container = BI.createWidget({ |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.layout", |
||||
cls: "bi-down-list-spliter bi-border-top cursor-pointer", |
||||
height: 0 |
||||
} |
||||
|
||||
}], |
||||
cls: "bi-down-list-spliter-container cursor-pointer", |
||||
lgap: 10, |
||||
rgap: 10 |
||||
}); |
||||
result.push(spliter_container); |
||||
} |
||||
}); |
||||
return result; |
||||
}, |
||||
|
||||
_createChildren: function (child) { |
||||
var self = this; |
||||
child.childValues = []; |
||||
BI.each(child.children, function (i, c) { |
||||
var fatherValue = BI.deepClone(child.value); |
||||
var childValue = BI.deepClone(c.value); |
||||
c.type = "bi.down_list_item"; |
||||
c.title = c.title || c.text; |
||||
c.textRgap = 10; |
||||
c.isNeedAdjustWidth = false; |
||||
c.logic = { |
||||
dynamic: true |
||||
}; |
||||
c.father = fatherValue; |
||||
self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue; |
||||
self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue; |
||||
c.value = self._createChildValue(fatherValue, childValue); |
||||
child.childValues.push(c.value); |
||||
}); |
||||
}, |
||||
|
||||
_isGroup: function (i) { |
||||
return i.length > 1; |
||||
}, |
||||
|
||||
_needSpliter: function (i, itemLength) { |
||||
return i < itemLength - 1; |
||||
}, |
||||
|
||||
_createChildValue: function (fatherValue, childValue) { |
||||
var fValue = fatherValue; |
||||
if(BI.isArray(fatherValue)) { |
||||
fValue = fatherValue.join("_"); |
||||
} |
||||
return fValue + "_" + childValue; |
||||
}, |
||||
|
||||
_digest: function (valueItem) { |
||||
var self = this; |
||||
var valueArray = []; |
||||
BI.each(valueItem, function (i, item) { |
||||
var value; |
||||
if (BI.isNotNull(item.childValue)) { |
||||
value = self._createChildValue(item.value, item.childValue); |
||||
} else { |
||||
value = item.value; |
||||
} |
||||
valueArray.push(value); |
||||
} |
||||
); |
||||
return valueArray; |
||||
}, |
||||
|
||||
_checkValues: function (values) { |
||||
var self = this, o = this.options; |
||||
var value = []; |
||||
BI.each(o.items, function (idx, itemGroup) { |
||||
BI.each(itemGroup, function (id, item) { |
||||
if(BI.isNotNull(item.children)) { |
||||
var childValues = getChildrenValue(item); |
||||
var v = joinValue(childValues, values[idx]); |
||||
if(BI.isNotEmptyString(v)) { |
||||
value.push(v); |
||||
} |
||||
}else{ |
||||
if(item.value === values[idx][0]) { |
||||
value.push(values[idx][0]); |
||||
} |
||||
} |
||||
}); |
||||
}); |
||||
return value; |
||||
|
||||
function joinValue (sources, targets) { |
||||
var value = ""; |
||||
BI.some(sources, function (idx, s) { |
||||
return BI.some(targets, function (id, t) { |
||||
if(s === t) { |
||||
value = s; |
||||
return true; |
||||
} |
||||
}); |
||||
}); |
||||
return value; |
||||
} |
||||
|
||||
function getChildrenValue (item) { |
||||
var children = []; |
||||
if(BI.isNotNull(item.children)) { |
||||
BI.each(item.children, function (idx, child) { |
||||
children = BI.concat(children, getChildrenValue(child)); |
||||
}); |
||||
} else { |
||||
children.push(item.value); |
||||
} |
||||
return children; |
||||
} |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
BI.MultiLayerDownListPopup.superclass.populate.apply(this, arguments); |
||||
var self = this; |
||||
self.childValueMap = {}; |
||||
self.fatherValueMap = {}; |
||||
self.singleValues = []; |
||||
var children = self._createPopupItems(items); |
||||
var popupItem = BI.createItems(children, |
||||
{}, { |
||||
adjustLength: -2 |
||||
} |
||||
); |
||||
self.popup.populate(popupItem); |
||||
}, |
||||
|
||||
setValue: function (valueItem) { |
||||
this.popup.setValue(this._digest(valueItem)); |
||||
}, |
||||
|
||||
_getValue: function () { |
||||
var v = []; |
||||
BI.each(this.popup.getAllButtons(), function (i, item) { |
||||
i % 2 === 0 && v.push(item.getValue()); |
||||
}); |
||||
return v; |
||||
}, |
||||
|
||||
getValue: function () { |
||||
var self = this, result = []; |
||||
var values = this._checkValues(this._getValue()); |
||||
BI.each(values, function (i, value) { |
||||
var valueItem = {}; |
||||
if (BI.isNotNull(self.childValueMap[value])) { |
||||
var fartherValue = self.fatherValueMap[value]; |
||||
valueItem.childValue = self.childValueMap[value]; |
||||
valueItem.value = fartherValue.split("_"); |
||||
} else { |
||||
valueItem.value = value; |
||||
} |
||||
result.push(valueItem); |
||||
}); |
||||
return result; |
||||
} |
||||
|
||||
|
||||
}); |
||||
|
||||
BI.MultiLayerDownListPopup.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; |
||||
BI.shortcut("bi.multi_layer_down_list_popup", BI.MultiLayerDownListPopup); |
||||
@ -0,0 +1,79 @@
|
||||
html, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea, |
||||
* { |
||||
font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; |
||||
} |
||||
html { |
||||
height: 100%; |
||||
overflow: hidden; |
||||
} |
||||
body { |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
top: 0; |
||||
left: 0; |
||||
background-repeat: repeat; |
||||
-webkit-user-select: none; |
||||
-khtml-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
-o-user-select: none; |
||||
user-select: none; |
||||
color: #3d4d66; |
||||
font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
text-decoration: none; |
||||
-kthml-user-focus: normal; |
||||
-moz-user-focus: normal; |
||||
-moz-outline: 0 none; |
||||
outline: 0 none; |
||||
} |
||||
div::-webkit-scrollbar, |
||||
textarea::-webkit-scrollbar { |
||||
-webkit-appearance: none; |
||||
background-color: rgba(102, 102, 102, 0.05); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); |
||||
width: 6px; |
||||
height: 6px; |
||||
} |
||||
div::-webkit-scrollbar-thumb, |
||||
textarea::-webkit-scrollbar-thumb { |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
background-color: rgba(102, 102, 102, 0.3); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666); |
||||
} |
||||
div::-webkit-scrollbar-thumb:hover, |
||||
textarea::-webkit-scrollbar-thumb:hover { |
||||
background-color: rgba(102, 102, 102, 0.7); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666); |
||||
} |
||||
.bi-theme-dark div::-webkit-scrollbar, |
||||
.bi-theme-dark textarea::-webkit-scrollbar { |
||||
-webkit-appearance: none; |
||||
background-color: rgba(204, 204, 204, 0.05); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); |
||||
width: 6px; |
||||
height: 6px; |
||||
} |
||||
.bi-theme-dark div::-webkit-scrollbar-thumb, |
||||
.bi-theme-dark textarea::-webkit-scrollbar-thumb { |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
background-color: rgba(204, 204, 204, 0.3); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc); |
||||
} |
||||
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, |
||||
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { |
||||
background-color: rgba(204, 204, 204, 0.7); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc); |
||||
} |
||||
@ -0,0 +1,250 @@
|
||||
.farbtastic .wheel { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/background/wheel.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/wheel.png'); |
||||
_background: none; |
||||
} |
||||
.farbtastic .overlay { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/background/mask.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/mask.png'); |
||||
_background: none; |
||||
} |
||||
.farbtastic .marker { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/background/marker.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/marker.png'); |
||||
_background: none; |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.center_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.roots_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-display-tree .ztree li span.button.switch.bottom_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li ul.line { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li ul.line { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_full_focus { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_false_part_focus { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_full_focus { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.chk.checkbox_true_part_focus { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.root_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.root_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.root_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.root_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.roots_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.roots_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.center_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.center_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.bottom_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_open { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.bottom_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_close { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.roots_docu { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.roots_docu { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.center_docu { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.center_docu { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.bottom_docu { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .ztree li span.button.bottom_docu { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.ztree li span.button.ico_loading { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/loading.gif') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/loading.gif'); |
||||
_background: none; |
||||
} |
||||
.base-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .base-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png'); |
||||
_background: none; |
||||
} |
||||
.first-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .first-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.mid-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .mid-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.last-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .last-line-conn-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.loading-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/loading.gif') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/loading.gif'); |
||||
_background: none; |
||||
} |
||||
.auto-color-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color.png'); |
||||
_background: none; |
||||
} |
||||
.trans-color-background { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_color.png') no-repeat center center; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/trans_color.png'); |
||||
_background: none; |
||||
} |
||||
@ -0,0 +1,813 @@
|
||||
@font-face { |
||||
font-family: 'bi'; |
||||
src: url('resources?path=/com/fr/web/ui/font/iconfont.eot'); |
||||
src: url('resources?path=/com/fr/web/ui/font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('resources?path=/com/fr/web/ui/font/iconfont.woff') format('woff'), /* chrome、firefox */ url('resources?path=/com/fr/web/ui/font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('resources?path=/com/fr/web/ui/font/iconfont.svg#svgFontName') format('svg'); |
||||
/* iOS 4.1- */ |
||||
} |
||||
.b-font { |
||||
font-family: "bi"; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
-webkit-text-stroke-width: 0.2px; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
} |
||||
.close-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.close-font .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-font.disabled .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.close-h-font .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-h-font:hover .b-font:before, |
||||
.close-h-font.hover .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-h-font.disabled .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-ha-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.close-ha-font .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-ha-font:hover .b-font:before, |
||||
.close-ha-font.hover .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.close-ha-font:active .b-font:before, |
||||
.close-ha-font.active .b-font:before { |
||||
content: "\e6d0"; |
||||
color: #3f8ce8; |
||||
} |
||||
.close-ha-font.disabled .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.search-close-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.search-close-h-font .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.search-close-h-font:hover .b-font:before, |
||||
.search-close-h-font.hover .b-font:before { |
||||
content: "\e6d0"; |
||||
color: #ff4949; |
||||
} |
||||
.search-close-h-font.disabled .b-font:before { |
||||
content: "\e6d0"; |
||||
color: inherit; |
||||
} |
||||
.pre-page-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pre-page-h-font .b-font:before { |
||||
content: "\e70d"; |
||||
color: inherit; |
||||
} |
||||
.pre-page-h-font:hover .b-font:before, |
||||
.pre-page-h-font.hover .b-font:before { |
||||
content: "\e70d"; |
||||
color: inherit; |
||||
} |
||||
.pre-page-h-font.disabled .b-font:before { |
||||
content: "\e70d"; |
||||
color: inherit; |
||||
} |
||||
.next-page-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.next-page-h-font .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.next-page-h-font:hover .b-font:before, |
||||
.next-page-h-font.hover .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.next-page-h-font.disabled .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.search-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.search-font .b-font:before { |
||||
content: "\e6dc"; |
||||
color: inherit; |
||||
} |
||||
.search-font.disabled .b-font:before { |
||||
content: "\e6dc"; |
||||
color: inherit; |
||||
} |
||||
.date-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.date-font .b-font:before { |
||||
content: "\e733"; |
||||
color: inherit; |
||||
} |
||||
.date-font.disabled .b-font:before { |
||||
content: "\e733"; |
||||
color: inherit; |
||||
} |
||||
.date-change-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.date-change-h-font .b-font:before { |
||||
content: "\e72f"; |
||||
color: inherit; |
||||
} |
||||
.date-change-h-font:hover .b-font:before, |
||||
.date-change-h-font.hover .b-font:before { |
||||
content: "\e72f"; |
||||
color: inherit; |
||||
} |
||||
.date-change-h-font.disabled .b-font:before { |
||||
content: "\e72f"; |
||||
color: inherit; |
||||
} |
||||
.dot-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.dot-font .b-font:before { |
||||
content: "\e762"; |
||||
color: #1a1a1a; |
||||
} |
||||
.dot-font.disabled .b-font:before { |
||||
content: "\e762"; |
||||
color: #1a1a1a; |
||||
} |
||||
.dot-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.dot-h-font .b-font:before { |
||||
content: "\e762"; |
||||
color: #1a1a1a; |
||||
} |
||||
.dot-h-font:hover .b-font:before, |
||||
.dot-h-font.hover .b-font:before { |
||||
content: "\e762"; |
||||
color: inherit; |
||||
} |
||||
.dot-h-font.disabled .b-font:before { |
||||
content: "\e762"; |
||||
color: #1a1a1a; |
||||
} |
||||
.dot-ha-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.dot-ha-font .b-font:before { |
||||
content: "\e762"; |
||||
color: #ffffff; |
||||
} |
||||
.dot-ha-font:hover .b-font:before, |
||||
.dot-ha-font.hover .b-font:before { |
||||
content: "\e762"; |
||||
color: #999999; |
||||
} |
||||
.dot-ha-font:active .b-font:before, |
||||
.dot-ha-font.active .b-font:before { |
||||
content: "\e762"; |
||||
color: #1a1a1a; |
||||
} |
||||
.dot-ha-font.disabled .b-font:before { |
||||
content: "\e762"; |
||||
color: #ffffff; |
||||
} |
||||
.dot-e-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.dot-e-font .b-font:before { |
||||
content: "\e762"; |
||||
color: #ffffff; |
||||
} |
||||
.dot-e-font:hover .b-font:before, |
||||
.dot-e-font.hover .b-font:before { |
||||
content: "\e762"; |
||||
color: #999999; |
||||
} |
||||
.dot-e-font.active .b-font:before { |
||||
content: "\e762"; |
||||
color: #1a1a1a; |
||||
} |
||||
.dot-e-font:active .b-font:before { |
||||
content: "\e762"; |
||||
color: #3685f2; |
||||
} |
||||
.dot-e-font.disabled .b-font:before { |
||||
content: "\e762"; |
||||
color: #ffffff; |
||||
} |
||||
.pull-right-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-right-font .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-font.disabled .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-right-h-font .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-h-font:hover .b-font:before, |
||||
.pull-right-h-font.hover .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-h-font.disabled .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-ha-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-right-ha-font .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-ha-font:hover .b-font:before, |
||||
.pull-right-ha-font.hover .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-ha-font:active .b-font:before, |
||||
.pull-right-ha-font.active .b-font:before { |
||||
content: "\e70c"; |
||||
color: #3f8ce8; |
||||
} |
||||
.pull-right-ha-font.disabled .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-e-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-right-e-font .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-e-font:hover .b-font:before, |
||||
.pull-right-e-font.hover .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.pull-right-e-font.active .b-font:before { |
||||
content: "\e70c"; |
||||
color: #3f8ce8; |
||||
} |
||||
.pull-right-e-font:active .b-font:before { |
||||
content: "\e70c"; |
||||
color: #3f8ce8; |
||||
} |
||||
.pull-right-e-font.disabled .b-font:before { |
||||
content: "\e70c"; |
||||
color: inherit; |
||||
} |
||||
.copy-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.copy-font .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-font.disabled .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.copy-h-font .b-font:before { |
||||
content: "\e6bd"; |
||||
color: #1a1a1a; |
||||
} |
||||
.copy-h-font:hover .b-font:before, |
||||
.copy-h-font.hover .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-h-font.disabled .b-font:before { |
||||
content: "\e6bd"; |
||||
color: #1a1a1a; |
||||
} |
||||
.copy-ha-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.copy-ha-font .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-ha-font:hover .b-font:before, |
||||
.copy-ha-font.hover .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-ha-font:active .b-font:before, |
||||
.copy-ha-font.active .b-font:before { |
||||
content: "\e6bd"; |
||||
color: #3f8ce8; |
||||
} |
||||
.copy-ha-font.disabled .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-e-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.copy-e-font .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-e-font:hover .b-font:before, |
||||
.copy-e-font.hover .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.copy-e-font.active .b-font:before { |
||||
content: "\e6bd"; |
||||
color: #3f8ce8; |
||||
} |
||||
.copy-e-font:active .b-font:before { |
||||
content: "\e6bd"; |
||||
color: #3f8ce8; |
||||
} |
||||
.copy-e-font.disabled .b-font:before { |
||||
content: "\e6bd"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.check-mark-font .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-font.disabled .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.check-mark-h-font .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-h-font:hover .b-font:before, |
||||
.check-mark-h-font.hover .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-h-font.disabled .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-ha-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.check-mark-ha-font .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-ha-font:hover .b-font:before, |
||||
.check-mark-ha-font.hover .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-ha-font:active .b-font:before, |
||||
.check-mark-ha-font.active .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #3f8ce8; |
||||
} |
||||
.check-mark-ha-font.disabled .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-e-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.check-mark-e-font .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-e-font:hover .b-font:before, |
||||
.check-mark-e-font.hover .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
.check-mark-e-font.active .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #3f8ce8; |
||||
} |
||||
.check-mark-e-font:active .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #3f8ce8; |
||||
} |
||||
.check-mark-e-font.disabled .b-font:before { |
||||
content: "\e6cf"; |
||||
color: inherit; |
||||
} |
||||
/** dashboard组件/控件 下拉列表图标字体 ~end~**/ |
||||
.row-pre-page-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.row-pre-page-h-font .b-font:before { |
||||
content: "\e6d9"; |
||||
color: inherit; |
||||
} |
||||
.row-pre-page-h-font:hover .b-font:before, |
||||
.row-pre-page-h-font.hover .b-font:before { |
||||
content: "\e6d9"; |
||||
color: inherit; |
||||
} |
||||
.row-pre-page-h-font.disabled .b-font:before { |
||||
content: "\e6d9"; |
||||
color: inherit; |
||||
} |
||||
.row-next-page-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.row-next-page-h-font .b-font:before { |
||||
content: "\e6d8"; |
||||
color: inherit; |
||||
} |
||||
.row-next-page-h-font:hover .b-font:before, |
||||
.row-next-page-h-font.hover .b-font:before { |
||||
content: "\e6d8"; |
||||
color: inherit; |
||||
} |
||||
.row-next-page-h-font.disabled .b-font:before { |
||||
content: "\e6d8"; |
||||
color: inherit; |
||||
} |
||||
.column-pre-page-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.column-pre-page-h-font .b-font:before { |
||||
content: "\e6d6"; |
||||
color: inherit; |
||||
} |
||||
.column-pre-page-h-font:hover .b-font:before, |
||||
.column-pre-page-h-font.hover .b-font:before { |
||||
content: "\e6d6"; |
||||
color: inherit; |
||||
} |
||||
.column-pre-page-h-font.disabled .b-font:before { |
||||
content: "\e6d6"; |
||||
color: inherit; |
||||
} |
||||
.column-next-page-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.column-next-page-h-font .b-font:before { |
||||
content: "\e6d7"; |
||||
color: inherit; |
||||
} |
||||
.column-next-page-h-font:hover .b-font:before, |
||||
.column-next-page-h-font.hover .b-font:before { |
||||
content: "\e6d7"; |
||||
color: inherit; |
||||
} |
||||
.column-next-page-h-font.disabled .b-font:before { |
||||
content: "\e6d7"; |
||||
color: inherit; |
||||
} |
||||
.trigger-triangle-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.trigger-triangle-font .b-font:before { |
||||
content: "\e6f0"; |
||||
color: #999999; |
||||
} |
||||
.trigger-triangle-font:hover .b-font:before, |
||||
.trigger-triangle-font.hover .b-font:before { |
||||
content: "\e6f0"; |
||||
color: #999999; |
||||
} |
||||
.trigger-triangle-font:active .b-font:before, |
||||
.trigger-triangle-font.active .b-font:before { |
||||
content: "\e6f0"; |
||||
color: #3685f2; |
||||
} |
||||
.trigger-triangle-font.disabled .b-font:before { |
||||
content: "\e6f0"; |
||||
color: #999999; |
||||
} |
||||
.pull-down-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-down-font .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-font.disabled .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-h-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-down-h-font .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-h-font:hover .b-font:before, |
||||
.pull-down-h-font.hover .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-h-font.disabled .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-ha-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.pull-down-ha-font .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-ha-font:hover .b-font:before, |
||||
.pull-down-ha-font.hover .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.pull-down-ha-font:active .b-font:before, |
||||
.pull-down-ha-font.active .b-font:before { |
||||
content: "\e70b"; |
||||
color: #3f8ce8; |
||||
} |
||||
.pull-down-ha-font.disabled .b-font:before { |
||||
content: "\e70b"; |
||||
color: inherit; |
||||
} |
||||
.check-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.check-font .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #3685f2; |
||||
} |
||||
.check-font.disabled .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #3685f2; |
||||
} |
||||
.item-check-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.item-check-font .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #ffffff; |
||||
} |
||||
.item-check-font:hover .b-font:before, |
||||
.item-check-font.hover .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #999999; |
||||
} |
||||
.item-check-font:active .b-font:before, |
||||
.item-check-font.active .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #3f8ce8; |
||||
} |
||||
.item-check-font.disabled .b-font:before { |
||||
content: "\e6cf"; |
||||
color: #ffffff; |
||||
} |
||||
.primary-key-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.primary-key-font .b-font:before { |
||||
content: "\e740"; |
||||
color: inherit; |
||||
} |
||||
.primary-key-font:hover .b-font:before, |
||||
.primary-key-font.hover .b-font:before { |
||||
content: "\e740"; |
||||
color: inherit; |
||||
} |
||||
.primary-key-font.disabled .b-font:before { |
||||
content: "\e740"; |
||||
color: inherit; |
||||
} |
||||
.drag-tag-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.drag-tag-font .b-font:before { |
||||
content: "\e6d0"; |
||||
color: #faaa39; |
||||
} |
||||
.drag-tag-font.disabled .b-font:before { |
||||
content: "\e6d0"; |
||||
color: #faaa39; |
||||
} |
||||
.less-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.less-font .b-font:before { |
||||
content: "\e75f"; |
||||
color: inherit; |
||||
} |
||||
.less-font:hover .b-font:before, |
||||
.less-font.hover .b-font:before { |
||||
content: "\e75f"; |
||||
color: inherit; |
||||
} |
||||
.less-font:active .b-font:before, |
||||
.less-font.active .b-font:before { |
||||
content: "\e75f"; |
||||
color: #3f8ce8; |
||||
} |
||||
.less-font.disabled .b-font:before { |
||||
content: "\e75f"; |
||||
color: inherit; |
||||
} |
||||
.less-equal-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.less-equal-font .b-font:before { |
||||
content: "\e760"; |
||||
color: inherit; |
||||
} |
||||
.less-equal-font:hover .b-font:before, |
||||
.less-equal-font.hover .b-font:before { |
||||
content: "\e760"; |
||||
color: inherit; |
||||
} |
||||
.less-equal-font:active .b-font:before, |
||||
.less-equal-font.active .b-font:before { |
||||
content: "\e760"; |
||||
color: #3f8ce8; |
||||
} |
||||
.less-equal-font.disabled .b-font:before { |
||||
content: "\e760"; |
||||
color: inherit; |
||||
} |
||||
.text-bold-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-bold-font .b-font:before { |
||||
content: "\e75b"; |
||||
color: inherit; |
||||
} |
||||
.text-bold-font.disabled .b-font:before { |
||||
content: "\e75b"; |
||||
color: inherit; |
||||
} |
||||
.text-italic-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-italic-font .b-font:before { |
||||
content: "\e75c"; |
||||
color: inherit; |
||||
} |
||||
.text-italic-font.disabled .b-font:before { |
||||
content: "\e75c"; |
||||
color: inherit; |
||||
} |
||||
.text-underline-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-underline-font .b-font:before { |
||||
content: "\e75d"; |
||||
color: inherit; |
||||
} |
||||
.text-underline-font.disabled .b-font:before { |
||||
content: "\e75d"; |
||||
color: inherit; |
||||
} |
||||
.text-color-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-color-font .b-font:before { |
||||
content: "\e75a"; |
||||
color: inherit; |
||||
} |
||||
.text-color-font.disabled .b-font:before { |
||||
content: "\e75a"; |
||||
color: inherit; |
||||
} |
||||
.text-background-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-background-font .b-font:before { |
||||
content: "\e758"; |
||||
color: inherit; |
||||
} |
||||
.text-background-font.disabled .b-font:before { |
||||
content: "\e758"; |
||||
color: inherit; |
||||
} |
||||
.text-color-underline-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-color-underline-font .b-font:before { |
||||
content: "\e75d"; |
||||
color: inherit; |
||||
} |
||||
.text-color-underline-font.disabled .b-font:before { |
||||
content: "\e75d"; |
||||
color: inherit; |
||||
} |
||||
.text-align-left-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-align-left-font .b-font:before { |
||||
content: "\e6ca"; |
||||
color: inherit; |
||||
} |
||||
.text-align-left-font.disabled .b-font:before { |
||||
content: "\e6ca"; |
||||
color: inherit; |
||||
} |
||||
.text-align-center-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-align-center-font .b-font:before { |
||||
content: "\e6bf"; |
||||
color: inherit; |
||||
} |
||||
.text-align-center-font.disabled .b-font:before { |
||||
content: "\e6bf"; |
||||
color: inherit; |
||||
} |
||||
.text-align-right-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.text-align-right-font .b-font:before { |
||||
content: "\e6c8"; |
||||
color: inherit; |
||||
} |
||||
.text-align-right-font.disabled .b-font:before { |
||||
content: "\e6c8"; |
||||
color: inherit; |
||||
} |
||||
.toast-error-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.toast-error-font .b-font:before { |
||||
content: "\e757"; |
||||
color: inherit; |
||||
} |
||||
.toast-error-font.disabled .b-font:before { |
||||
content: "\e757"; |
||||
color: inherit; |
||||
} |
||||
.toast-success-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.toast-success-font .b-font:before { |
||||
content: "\e756"; |
||||
color: inherit; |
||||
} |
||||
.toast-success-font.disabled .b-font:before { |
||||
content: "\e756"; |
||||
color: inherit; |
||||
} |
||||
.toast-warning-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.toast-warning-font .b-font:before { |
||||
content: "\e755"; |
||||
color: inherit; |
||||
} |
||||
.toast-warning-font.disabled .b-font:before { |
||||
content: "\e755"; |
||||
color: inherit; |
||||
} |
||||
.toast-message-font .b-font { |
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); |
||||
} |
||||
.toast-message-font .b-font:before { |
||||
content: "\e74b"; |
||||
color: inherit; |
||||
} |
||||
.toast-message-font.disabled .b-font:before { |
||||
content: "\e74b"; |
||||
color: inherit; |
||||
} |
||||
@ -0,0 +1,386 @@
|
||||
.tree-collapse-icon-type1 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_1.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type1 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png'); |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type2 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_2.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type2 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png'); |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type3 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_3.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type3 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png'); |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type4 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_4.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-collapse-icon-type4 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png'); |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type1 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_1.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type1 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png'); |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type2 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_2.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type2 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png'); |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type3 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_3.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type3 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png'); |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type4 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_4.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-expand-icon-type4 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png'); |
||||
_background: none; |
||||
} |
||||
.tree-vertical-line-type2 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-vertical-line-type2 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.tree-vertical-line-type3 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-vertical-line-type3 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.tree-vertical-line-type4 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.tree-vertical-line-type4 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type1 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_1.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type2 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_2.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type3 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_3.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type4 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_4.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type1 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_1.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type2 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_2.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type3 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_3.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type4 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_4.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-vertical-line-type2 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_2.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-vertical-line-type3 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_3.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png'); |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-vertical-line-type4 .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_4.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png'); |
||||
_background: none; |
||||
} |
||||
.check-box-icon .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.check-box-icon .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png'); |
||||
_background: none; |
||||
} |
||||
.check-box-icon.active .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.check-box-icon.active .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png'); |
||||
_background: none; |
||||
} |
||||
.check-box-icon.disabled .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.check-box-icon.disabled .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png'); |
||||
_background: none; |
||||
} |
||||
.radio-icon .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.radio-icon .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png'); |
||||
_background: none; |
||||
} |
||||
.radio-icon.active .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.radio-icon.active .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png'); |
||||
_background: none; |
||||
} |
||||
.radio-icon.disabled .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.radio-icon.disabled .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png'); |
||||
_background: none; |
||||
} |
||||
.check-half-select-icon .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.check-half-select-icon .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat 0px 0px; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png'); |
||||
_background: none; |
||||
} |
||||
.slider-icon .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.slider-icon .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png'); |
||||
_background: none; |
||||
} |
||||
.slider-icon:hover .x-icon, |
||||
.slider-icon.hover .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.slider-icon:hover .x-icon.hack, |
||||
.slider-icon.hover .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png'); |
||||
_background: none; |
||||
} |
||||
.slider-icon.disabled .x-icon { |
||||
display: block; |
||||
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png'); |
||||
background-size: contain; |
||||
_background: none; |
||||
} |
||||
.slider-icon.disabled .x-icon.hack { |
||||
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat 0 0; |
||||
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png'); |
||||
_background: none; |
||||
} |
||||
@ -1,5 +1,6 @@
|
||||
BI.servletURL = "https://fanruan.coding.me/fineui/dist/"; |
||||
BI.resourceURL = "https://fanruan.coding.me/fineui/dist/resource/"; |
||||
BI.serverURL = "${serverURL}"; |
||||
BI.servletURL = "${servletURL}"; |
||||
BI.resourceURL = "file?path=/com/fr/web/ui/resource"; |
||||
BI.i18n = { |
||||
"BI-Multi_Date_Quarter_End": "季度末", |
||||
"BI-Multi_Date_Month_Begin": "月初", |
||||
@ -0,0 +1,2 @@
|
||||
@import "../../src/less/resource/app"; |
||||
@import "var"; |
||||
@ -0,0 +1,2 @@
|
||||
@import "../../src/less/resource/background"; |
||||
@import "var"; |
||||
@ -0,0 +1,2 @@
|
||||
@import "../../src/less/resource/font"; |
||||
@import "var"; |
||||
@ -0,0 +1,5 @@
|
||||
@import "../../src/less/resource/icon"; |
||||
@import "var"; |
||||
|
||||
|
||||
|
||||
@ -0,0 +1,5 @@
|
||||
@webUrl: 'resources?path=/com/fr/web/ui/'; |
||||
|
||||
@fontUrl: '@{webUrl}font/'; //图片的基本地址 |
||||
@imageUrl: '@{webUrl}images/1x/'; //图片的基本地址 |
||||
@image2xUrl: '@{webUrl}images/2x/'; //2倍图片的基本地址 |
||||
Loading…
Reference in new issue