Browse Source

Merge pull request #64 in FUI/fineui from ~GUY/fineui:master to master

* commit 'feb017ef9795c4ac5158bbf7126a7ef11bcacf6f':
  add
  BI-7322 解决冲突,弹出选择的时间
  add
  BI-7322 update
  tree
es6
guy 7 years ago
parent
commit
36c178562c
  1. 3
      bi/base.js
  2. 8
      bi/core.css
  3. 545
      bi/widget.js
  4. 4
      demo/js/config/widget.js
  5. 30
      demo/js/widget/demo.datetime.js
  6. 11
      demo/version.js
  7. 3
      docs/base.js
  8. 8
      docs/core.css
  9. 49
      docs/demo.js
  10. 433
      docs/resource.css
  11. 545
      docs/widget.js
  12. 3
      src/base/single/icon/icon.js
  13. 11
      src/component/treevaluechooser/abstract.treevaluechooser.js
  14. 8
      src/css/core/utils/common.css
  15. 74
      src/css/resource/font.css
  16. 359
      src/css/resource/icon.css
  17. 8
      src/less/core/utils/common.less
  18. 91
      src/less/image.less
  19. 1
      src/less/var.less
  20. 132
      src/widget/datetime/datetime.combo.js
  21. 38
      src/widget/datetime/datetime.js
  22. 175
      src/widget/datetime/datetime.popup.js
  23. 106
      src/widget/datetime/datetime.select.js
  24. 68
      src/widget/datetime/datetime.trigger.js
  25. 15
      src/widget/multiselect/multiselect.combo.js

3
bi/base.js

@ -18489,6 +18489,9 @@ BI.Icon = BI.inherit(BI.Single, {
}, },
_init: function () { _init: function () {
BI.Icon.superclass._init.apply(this, arguments); BI.Icon.superclass._init.apply(this, arguments);
if (BI.isIE9Below()) {
this.element.addClass("hack");
}
} }
}); });
BI.shortcut("bi.icon", BI.Icon);/** BI.shortcut("bi.icon", BI.Icon);/**

8
bi/core.css

@ -3900,7 +3900,7 @@ i {
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-list-item-none:hover .bi-input, .bi-list-item-none:hover .bi-input,
.bi-list-item-none.hover .bi-input { .bi-list-item-none.hover .bi-input {
@ -3913,7 +3913,7 @@ i {
.bi-list-item-none:active, .bi-list-item-none:active,
.bi-list-item-none.active { .bi-list-item-none.active {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-list-item-none:active .bi-input, .bi-list-item-none:active .bi-input,
.bi-list-item-none.active .bi-input { .bi-list-item-none.active .bi-input {
@ -3951,7 +3951,7 @@ i {
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-theme-dark .bi-list-item-none:hover .bi-input, .bi-theme-dark .bi-list-item-none:hover .bi-input,
.bi-theme-dark .bi-list-item-none.hover .bi-input { .bi-theme-dark .bi-list-item-none.hover .bi-input {
@ -3964,7 +3964,7 @@ i {
.bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none:active,
.bi-theme-dark .bi-list-item-none.active { .bi-theme-dark .bi-list-item-none.active {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-theme-dark .bi-list-item-none:active .bi-input, .bi-theme-dark .bi-list-item-none:active .bi-input,
.bi-theme-dark .bi-list-item-none.active .bi-input { .bi-theme-dark .bi-list-item-none.active .bi-input {

545
bi/widget.js

@ -3244,6 +3244,525 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, {
}); });
BI.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/** BI.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeCombo = BI.inherit(BI.Single, {
constants: {
popupHeight: 290,
popupWidth: 270,
comboAdjustHeight: 1,
border: 1,
DATE_MIN_VALUE: "1900-01-01",
DATE_MAX_VALUE: "2099-12-31"
},
_defaultConfig: function () {
return BI.extend(BI.DateTimeCombo.superclass._defaultConfig.apply(this, arguments), {
baseCls: 'bi-date-time-combo',
height: 24
});
},
_init: function () {
BI.DateTimeCombo.superclass._init.apply(this, arguments);
var self = this;
var date = new Date();
this.storeValue = {
value: {
year: date.getFullYear(),
month: date.getMonth(),
day: date.getDate(),
hour: date.getHours(),
minute: date.getMinutes(),
second: date.getSeconds()
}
};
this.trigger = BI.createWidget({
type: 'bi.date_time_trigger'
});
this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function () {
self.combo.toggle();
});
this.popup = BI.createWidget({
type: "bi.date_time_popup",
min: this.constants.DATE_MIN_VALUE,
max: this.constants.DATE_MAX_VALUE
});
self.setValue(this.storeValue);
this.popup.on(BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE, function () {
self.setValue(self.storeValue);
self.combo.hideView();
self.fireEvent(BI.DateTimeCombo.EVENT_CANCEL);
});
this.popup.on(BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE, function () {
self.storeValue = self.popup.getValue();
self.setValue(self.storeValue);
self.combo.hideView();
self.fireEvent(BI.DateTimeCombo.EVENT_CONFIRM);
});
this.popup.on(BI.DateTimePopup.CALENDAR_EVENT_CHANGE, function () {
self.trigger.setValue(self.popup.getValue());
});
this.combo = BI.createWidget({
type: 'bi.combo',
toggle: false,
isNeedAdjustHeight: false,
isNeedAdjustWidth: false,
el: this.trigger,
adjustLength: this.constants.comboAdjustHeight,
popup: {
el: this.popup,
maxHeight: this.constants.popupHeight,
width: this.constants.popupWidth,
stopPropagation: false
}
});
this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
self.popup.setValue(self.storeValue);
self.fireEvent(BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW);
});
var triggerBtn = BI.createWidget({
type: "bi.trigger_icon_button",
cls: "chart-date-normal-font bi-border-left bi-border-top bi-border-bottom",
width: 30,
height: 25
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
if (self.combo.isViewVisible()) {
self.combo.hideView();
} else {
self.combo.showView();
}
});
BI.createWidget({
type: "bi.htape",
element: this,
items: [{
type: "bi.absolute",
items: [{
el: this.combo,
top: 0,
left: 0,
right: 0,
bottom: 0
}, {
el: triggerBtn,
top: 0,
left: 0
}]
}]
})
},
setValue: function (v) {
this.storeValue = v;
this.popup.setValue(v);
this.trigger.setValue(v);
},
getValue: function () {
return {
value: this.storeValue,
text: this.trigger.getValue()
};
}
});
BI.DateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL";
BI.DateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.DateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW = "BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW";
BI.shortcut('bi.date_time_combo', BI.DateTimeCombo);
/**
* Created by Urthur on 2017/7/14.
*/
BI.CustomDateTimeCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.CustomDateTimeCombo.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-custom-date-time-combo"
})
},
_init: function () {
BI.CustomDateTimeCombo.superclass._init.apply(this, arguments);
var self = this;
this.DateTime = BI.createWidget({
type: "bi.date_time_combo",
element: this
});
this.DateTime.on(BI.DateTimeCombo.EVENT_CANCEL, function () {
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CANCEL);
});
this.DateTime.on(BI.DateTimeCombo.EVENT_CONFIRM, function () {
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CONFIRM);
});
},
getValue: function () {
return this.DateTime.getValue();
},
setValue: function (v) {
this.DateTime.setValue(v);
}
});
BI.CustomDateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.CustomDateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL";
BI.CustomDateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.custom_date_time_combo", BI.CustomDateTimeCombo);
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimePopup = BI.inherit(BI.Widget, {
constants: {
triggerHeight: 24,
buttonWidth: 90,
buttonHeight: 25,
popupHeight: 290,
popupWidth: 270,
comboAdjustHeight: 1,
lgap: 2,
border: 1
},
_defaultConfig: function () {
return BI.extend(BI.DateTimePopup.superclass._defaultConfig.apply(this, arguments), {
baseCls: 'bi-date-time-popup',
width: 268,
height: 290
});
},
_init: function () {
BI.DateTimePopup.superclass._init.apply(this, arguments);
var self = this;
this.cancelButton = BI.createWidget({
type: 'bi.text_button',
forceCenter: true,
cls: 'bi-multidate-popup-button bi-border-top bi-border-right',
shadow: true,
text: BI.i18nText("BI-Basic_Cancel")
});
this.cancelButton.on(BI.TextButton.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE);
});
this.okButton = BI.createWidget({
type: "bi.text_button",
forceCenter: true,
cls: 'bi-multidate-popup-button bi-border-top',
shadow: true,
text: BI.i18nText("BI-Basic_OK")
});
this.okButton.on(BI.TextButton.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE);
});
this.dateCombo = BI.createWidget({
type: "bi.date_calendar_popup",
min: self.options.min,
max: self.options.max
});
self.dateCombo.on(BI.DateCalendarPopup.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
this.dateSelect = BI.createWidget({
type: "bi.horizontal",
cls: "bi-border-top",
items: [{
type: "bi.label",
text: BI.i18nText("BI-Basic_Time"),
width: 45
},{
type: "bi.date_time_select",
max: 23,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.hour = _ref;
self.hour.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
},{
type: "bi.label",
text: ":",
width: 15
},{
type: "bi.date_time_select",
max: 59,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.minute = _ref;
self.minute.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
},{
type: "bi.label",
text: ":",
width: 15
},{
type: "bi.date_time_select",
max: 59,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.second = _ref;
self.second.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
}]
});
this.dateButton = BI.createWidget({
type: "bi.grid",
items: [[this.cancelButton, this.okButton]]
});
BI.createWidget({
element: this,
type: "bi.vtape",
items: [{
el: this.dateCombo
}, {
el: this.dateSelect,
height: 50
},{
el: this.dateButton,
height: 30
}]
});
},
setValue: function (v) {
var value, date;
if (BI.isNotNull(v)) {
value = v.value;
if(BI.isNull(value)){
date = new Date();
this.dateCombo.setValue({
year: date.getFullYear(),
month: date.getMonth(),
day: date.getDate()
});
this.hour.setValue(date.getHours());
this.minute.setValue(date.getMinutes());
this.second.setValue(date.getSeconds());
} else {
this.dateCombo.setValue({
year: value.year,
month: value.month,
day: value.day
});
this.hour.setValue(value.hour);
this.minute.setValue(value.minute);
this.second.setValue(value.second);
}
}
},
getValue: function () {
return {
value: {
year: this.dateCombo.getValue().year,
month: this.dateCombo.getValue().month,
day: this.dateCombo.getValue().day,
hour: this.hour.getValue(),
minute: this.minute.getValue(),
second: this.second.getValue()
}
}
}
});
BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE";
BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE = "BUTTON_CANCEL_EVENT_CHANGE";
BI.DateTimePopup.CALENDAR_EVENT_CHANGE = "CALENDAR_EVENT_CHANGE";
BI.shortcut('bi.date_time_popup', BI.DateTimePopup);
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeSelect = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.DateTimeSelect.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-date-time-select bi-border",
max: 23,
min: 0
})
},
_init: function () {
BI.DateTimeSelect.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.editor = BI.createWidget({
type: "bi.sign_editor",
value: this._alertInEditorValue(o.min),
errorText: BI.i18nText("BI-Please_Input_Natural_Number"),
validationChecker: function(v){
return BI.isNaturalNumber(v);
}
});
this.editor.on(BI.TextEditor.EVENT_CONFIRM, function(){
self._finetuning(0);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this.topBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
});
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this.bottomBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button bi-border-left"
});
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this._finetuning(0);
BI.createWidget({
type: "bi.htape",
element: this,
items: [this.editor, {
el: {
type: "bi.grid",
columns: 1,
rows: 2,
items: [{
column: 0,
row: 0,
el: this.topBtn
}, {
column: 0,
row: 1,
el: this.bottomBtn
}]
},
width: 30
}]
});
},
_alertOutEditorValue: function(v){
if (v > this.options.max){
v = this.options.min;
}
if (v < this.options.min){
v = this.options.max
}
return BI.parseInt(v);
},
_alertInEditorValue: function(v){
if (v > this.options.max){
v = this.options.min;
}
if (v < this.options.min){
v = this.options.max;
}
v = v < 10 ? "0" + v : v;
return v;
},
_finetuning: function(add){
var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue()));
this.editor.setValue(this._alertInEditorValue(v + add));
},
getValue: function () {
var v = this.editor.getValue();
return this._alertOutEditorValue(v);
},
setValue: function (v) {
this.editor.setValue(this._alertInEditorValue(v));
this._finetuning(0);
}
});
BI.DateTimeSelect.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.date_time_select", BI.DateTimeSelect);
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeTrigger = BI.inherit(BI.Trigger, {
_const: {
hgap: 4,
vgap: 2,
triggerWidth: 30
},
_defaultConfig: function () {
return BI.extend(BI.DateTimeTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-time-trigger",
height: 25,
width: 180
});
},
_init: function () {
BI.DateTimeTrigger.superclass._init.apply(this, arguments);
var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({
type: "bi.label",
cls: "bi-border",
textAlign: "left",
height: o.height,
width: o.width,
hgap: c.hgap,
vgap: c.vgap
});
BI.createWidget({
type: "bi.htape",
element: this,
items: [{
el: BI.createWidget(),
width: 30
}, {
el: this.text
}]
})
},
_printTime: function (v) {
return v < 10 ? "0" + v : v;
},
setValue: function (v) {
var self = this;
if (BI.isNotNull(v)) {
var value = v.value, dateStr;
if(BI.isNull(value)){
value = new Date();
dateStr = value.getFullYear() + "-" + self._printTime(value.getMonth() + 1) + "-" + self._printTime(value.getDate())
+ " " + self._printTime(value.getHours()) + ":" + self._printTime(value.getMinutes()) + ":" + self._printTime(value.getSeconds());
} else {
dateStr = value.year + "-" + self._printTime(value.month + 1) + "-" + self._printTime(value.day)
+ " " + self._printTime(value.hour) + ":" + self._printTime(value.minute) + ":" + self._printTime(value.second);
}
this.text.setText(dateStr);
this.text.setTitle(dateStr);
}
},
getValue: function () {
return this.text.getText();
}
});
BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK";
BI.shortcut("bi.date_time_trigger", BI.DateTimeTrigger);
/**
* 带有方向的pathchooser * 带有方向的pathchooser
* *
* Created by GUY on 2016/4/21. * Created by GUY on 2016/4/21.
@ -7498,6 +8017,8 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
self.trigger.getCounter().setButtonChecked(self.storeValue); self.trigger.getCounter().setButtonChecked(self.storeValue);
}; };
this.storeValue = {}; this.storeValue = {};
//标记正在请求数据
this.requesting = false;
this.trigger = BI.createWidget({ this.trigger = BI.createWidget({
type: "bi.multi_select_trigger", type: "bi.multi_select_trigger",
@ -7636,10 +8157,16 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
self.populate(); self.populate();
}); });
}); });
//当退出的时候如果还在处理请求,则等请求结束后再对外发确定事件
this.wants2Quit = false;
this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () {
//important:关闭弹出时又可能没有退出编辑状态 //important:关闭弹出时又可能没有退出编辑状态
self.trigger.stopEditing(); self.trigger.stopEditing();
if (self.requesting === true) {
self.wants2Quit = true;
} else {
self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM); self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM);
}
}); });
var triggerBtn = BI.createWidget({ var triggerBtn = BI.createWidget({
@ -7692,6 +8219,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
_joinKeywords: function (keywords, callback) { _joinKeywords: function (keywords, callback) {
var self = this, o = this.options; var self = this, o = this.options;
this._assertValue(this.storeValue); this._assertValue(this.storeValue);
this.requesting = true;
o.itemsCreator({ o.itemsCreator({
type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, type: BI.MultiSelectCombo.REQ_GET_ALL_DATA,
keywords: keywords keywords: keywords
@ -7714,6 +8242,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
_joinAll: function (res, callback) { _joinAll: function (res, callback) {
var self = this, o = this.options; var self = this, o = this.options;
this._assertValue(res); this._assertValue(res);
this.requesting = true;
o.itemsCreator({ o.itemsCreator({
type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, type: BI.MultiSelectCombo.REQ_GET_ALL_DATA,
keywords: [this.trigger.getKey()] keywords: [this.trigger.getKey()]
@ -7774,6 +8303,11 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
value: [] value: []
} }
} }
if (self.wants2Quit === true) {
self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM);
self.wants2Quit = false;
}
self.requesting = false;
} }
}, },
@ -15397,7 +15931,7 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
function search(parents, current, result, searched) { function search(parents, current, result, searched) {
var newParents = BI.clone(parents); var newParents = BI.clone(parents);
newParents.push(current); newParents.push(current);
if (self._isMatch(current, keyword)) { if (self._isMatch(parents, current, keyword)) {
searched && searched.push(newParents); searched && searched.push(newParents);
return true; return true;
} }
@ -15426,7 +15960,7 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
function isSearchValueInParent(parentValues) { function isSearchValueInParent(parentValues) {
for (var i = 0, len = parentValues.length; i < len; i++) { for (var i = 0, len = parentValues.length; i < len; i++) {
if (self._isMatch(parentValues[i], keyword)) { if (self._isMatch(parentValues.slice(0, parentValues.length - 1), parentValues[i], keyword)) {
return true; return true;
} }
} }
@ -15552,7 +16086,7 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
} }
function nodeSearch(deep, parentValues, current, isAllSelect, result) { function nodeSearch(deep, parentValues, current, isAllSelect, result) {
if (self._isMatch(current, keyword)) { if (self._isMatch(parentValues, current, keyword)) {
var checked = isAllSelect || isSelected(parentValues, current); var checked = isAllSelect || isSelected(parentValues, current);
createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result); createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result);
return [true, checked]; return [true, checked];
@ -15782,8 +16316,9 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
}); });
}, },
_isMatch: function (value, keyword) { _isMatch: function (parentValues, value, keyword) {
var finded = BI.Func.getSearchResult([value], keyword); var node = this._getTreeNode(parentValues, value);
var finded = BI.Func.getSearchResult([node.text || node.value], keyword);
return finded.finded.length > 0 || finded.matched.length > 0; return finded.finded.length > 0 || finded.matched.length > 0;
}, },

4
demo/js/config/widget.js

@ -185,6 +185,10 @@ Demo.WIDGET_CONFIG = [{
pId: 412, pId: 412,
text: "bi.year_quarter_combo", text: "bi.year_quarter_combo",
value: "demo.year_quarter_combo" value: "demo.year_quarter_combo"
},{
pId: 412,
text: "bi.custom_date_time",
value: "demo.custom_date_time"
},{ },{
pId: 4, pId: 4,
id: 413, id: 413,

30
demo/js/widget/demo.datetime.js

@ -0,0 +1,30 @@
/**
* Created by Urthur on 2017/7/18.
*/
Demo.CustomDateTime = BI.inherit(BI.Widget, {
props: {
},
render: function () {
var self = this;
return {
type: "bi.absolute",
items: [{
el: {
type: "bi.custom_date_time_combo",
ref: function (_ref) {
self.customDateTime = _ref;
self.customDateTime.on(BI.CustomDateTimeCombo.EVENT_CONFIRM, function () {
BI.Msg.alert("日期", this.getValue().text);
});
self.customDateTime.on(BI.CustomDateTimeCombo.EVENT_CANCEL, function () {
BI.Msg.alert("日期", this.getValue().text);
});
}
},
top: 200,
left: 200
}]
};
}
});
BI.shortcut("demo.custom_date_time", Demo.CustomDateTime);

11
demo/version.js

@ -8,5 +8,14 @@ BI.resourceURL = "resource/";
BI.i18n = { BI.i18n = {
"BI-Basic_OK": "确定", "BI-Basic_OK": "确定",
"BI-Basic_Sure": "确定", "BI-Basic_Sure": "确定",
"BI-Basic_Clears": "清空" "BI-Basic_Clears": "清空",
"BI-Basic_Cancel": "取消",
"BI-Basic_Time": "时间",
"BI-Basic_Simple_Sunday": "日",
"BI-Basic_Simple_Monday": "一",
"BI-Basic_Simple_Tuesday": "二",
"BI-Basic_Simple_Wednesday": "三",
"BI-Basic_Simple_Thursday": "四",
"BI-Basic_Simple_Friday": "五",
"BI-Basic_Simple_Saturday": "六",
}; };

3
docs/base.js

@ -18489,6 +18489,9 @@ BI.Icon = BI.inherit(BI.Single, {
}, },
_init: function () { _init: function () {
BI.Icon.superclass._init.apply(this, arguments); BI.Icon.superclass._init.apply(this, arguments);
if (BI.isIE9Below()) {
this.element.addClass("hack");
}
} }
}); });
BI.shortcut("bi.icon", BI.Icon);/** BI.shortcut("bi.icon", BI.Icon);/**

8
docs/core.css

@ -3900,7 +3900,7 @@ i {
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-list-item-none:hover .bi-input, .bi-list-item-none:hover .bi-input,
.bi-list-item-none.hover .bi-input { .bi-list-item-none.hover .bi-input {
@ -3913,7 +3913,7 @@ i {
.bi-list-item-none:active, .bi-list-item-none:active,
.bi-list-item-none.active { .bi-list-item-none.active {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-list-item-none:active .bi-input, .bi-list-item-none:active .bi-input,
.bi-list-item-none.active .bi-input { .bi-list-item-none.active .bi-input {
@ -3951,7 +3951,7 @@ i {
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-theme-dark .bi-list-item-none:hover .bi-input, .bi-theme-dark .bi-list-item-none:hover .bi-input,
.bi-theme-dark .bi-list-item-none.hover .bi-input { .bi-theme-dark .bi-list-item-none.hover .bi-input {
@ -3964,7 +3964,7 @@ i {
.bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none:active,
.bi-theme-dark .bi-list-item-none.active { .bi-theme-dark .bi-list-item-none.active {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-theme-dark .bi-list-item-none:active .bi-input, .bi-theme-dark .bi-list-item-none:active .bi-input,
.bi-theme-dark .bi-list-item-none.active .bi-input { .bi-theme-dark .bi-list-item-none.active .bi-input {

49
docs/demo.js

@ -8,7 +8,16 @@ BI.resourceURL = "resource/";
BI.i18n = { BI.i18n = {
"BI-Basic_OK": "确定", "BI-Basic_OK": "确定",
"BI-Basic_Sure": "确定", "BI-Basic_Sure": "确定",
"BI-Basic_Clears": "清空" "BI-Basic_Clears": "清空",
"BI-Basic_Cancel": "取消",
"BI-Basic_Time": "时间",
"BI-Basic_Simple_Sunday": "日",
"BI-Basic_Simple_Monday": "一",
"BI-Basic_Simple_Tuesday": "二",
"BI-Basic_Simple_Wednesday": "三",
"BI-Basic_Simple_Thursday": "四",
"BI-Basic_Simple_Friday": "五",
"BI-Basic_Simple_Saturday": "六",
};$(function () { };$(function () {
var ref; var ref;
BI.createWidget({ BI.createWidget({
@ -3524,6 +3533,10 @@ Demo.COMPONENT_CONFIG = [{
pId: 412, pId: 412,
text: "bi.year_quarter_combo", text: "bi.year_quarter_combo",
value: "demo.year_quarter_combo" value: "demo.year_quarter_combo"
},{
pId: 412,
text: "bi.custom_date_time",
value: "demo.custom_date_time"
},{ },{
pId: 4, pId: 4,
id: 413, id: 413,
@ -3589,7 +3602,8 @@ Demo.COMPONENT_CONFIG = [{
text: "bi.dialog", text: "bi.dialog",
value: "demo.dialog" value: "demo.dialog"
} }
];Demo.Func = BI.inherit(BI.Widget, { ];
Demo.Func = BI.inherit(BI.Widget, {
props: { props: {
baseCls: "demo-func" baseCls: "demo-func"
}, },
@ -6609,7 +6623,36 @@ BI.shortcut("demo.date", Demo.Date);Demo.DatePane = BI.inherit(BI.Widget, {
} }
}) })
BI.shortcut("demo.date_pane_widget", Demo.DatePane);Demo.DialogView = BI.inherit(BI.Widget, { BI.shortcut("demo.date_pane_widget", Demo.DatePane);/**
* Created by Urthur on 2017/7/18.
*/
Demo.CustomDateTime = BI.inherit(BI.Widget, {
props: {
},
render: function () {
var self = this;
return {
type: "bi.absolute",
items: [{
el: {
type: "bi.custom_date_time_combo",
ref: function (_ref) {
self.customDateTime = _ref;
self.customDateTime.on(BI.CustomDateTimeCombo.EVENT_CONFIRM, function () {
BI.Msg.alert("日期", this.getValue().text);
});
self.customDateTime.on(BI.CustomDateTimeCombo.EVENT_CANCEL, function () {
BI.Msg.alert("日期", this.getValue().text);
});
}
},
top: 200,
left: 200
}]
};
}
});
BI.shortcut("demo.custom_date_time", Demo.CustomDateTime);Demo.DialogView = BI.inherit(BI.Widget, {
render: function () { render: function () {
var items = [{ var items = [{

433
docs/resource.css

@ -146,7 +146,7 @@ textarea::-webkit-scrollbar-thumb:hover {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.close-font .b-font { .close-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.close-font .b-font:before { .close-font .b-font:before {
content: "\e600"; content: "\e600";
@ -158,7 +158,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.close-h-font .b-font { .close-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.close-h-font .b-font:before { .close-h-font .b-font:before {
content: "\e600"; content: "\e600";
@ -176,7 +176,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.close-ha-font .b-font { .close-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.close-ha-font .b-font:before { .close-ha-font .b-font:before {
content: "\e600"; content: "\e600";
@ -199,7 +199,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.search-close-h-font .b-font { .search-close-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.search-close-h-font .b-font:before { .search-close-h-font .b-font:before {
content: "\e600"; content: "\e600";
@ -217,7 +217,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.pre-page-h-font .b-font { .pre-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601;');
} }
.pre-page-h-font .b-font:before { .pre-page-h-font .b-font:before {
content: "\e601"; content: "\e601";
@ -235,7 +235,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.next-page-h-font .b-font { .next-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602;');
} }
.next-page-h-font .b-font:before { .next-page-h-font .b-font:before {
content: "\e602"; content: "\e602";
@ -253,7 +253,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.search-font .b-font { .search-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604;');
} }
.search-font .b-font:before { .search-font .b-font:before {
content: "\e604"; content: "\e604";
@ -265,7 +265,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.dot-font .b-font { .dot-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-font .b-font:before { .dot-font .b-font:before {
content: "\e606"; content: "\e606";
@ -277,7 +277,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #1a1a1a; color: #1a1a1a;
} }
.dot-h-font .b-font { .dot-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-h-font .b-font:before { .dot-h-font .b-font:before {
content: "\e606"; content: "\e606";
@ -295,7 +295,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #1a1a1a; color: #1a1a1a;
} }
.dot-ha-font .b-font { .dot-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-ha-font .b-font:before { .dot-ha-font .b-font:before {
content: "\e606"; content: "\e606";
@ -318,7 +318,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #ffffff; color: #ffffff;
} }
.dot-e-font .b-font { .dot-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-e-font .b-font:before { .dot-e-font .b-font:before {
content: "\e606"; content: "\e606";
@ -344,7 +344,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #ffffff; color: #ffffff;
} }
.pull-right-font .b-font { .pull-right-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-font .b-font:before { .pull-right-font .b-font:before {
content: "\e607"; content: "\e607";
@ -356,7 +356,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.pull-right-h-font .b-font { .pull-right-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-h-font .b-font:before { .pull-right-h-font .b-font:before {
content: "\e607"; content: "\e607";
@ -374,7 +374,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.pull-right-ha-font .b-font { .pull-right-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-ha-font .b-font:before { .pull-right-ha-font .b-font:before {
content: "\e607"; content: "\e607";
@ -397,7 +397,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.pull-right-e-font .b-font { .pull-right-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-e-font .b-font:before { .pull-right-e-font .b-font:before {
content: "\e607"; content: "\e607";
@ -423,7 +423,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.copy-font .b-font { .copy-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-font .b-font:before { .copy-font .b-font:before {
content: "\e610"; content: "\e610";
@ -435,7 +435,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.copy-h-font .b-font { .copy-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-h-font .b-font:before { .copy-h-font .b-font:before {
content: "\e610"; content: "\e610";
@ -453,7 +453,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #1a1a1a; color: #1a1a1a;
} }
.copy-ha-font .b-font { .copy-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-ha-font .b-font:before { .copy-ha-font .b-font:before {
content: "\e610"; content: "\e610";
@ -476,7 +476,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.copy-e-font .b-font { .copy-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-e-font .b-font:before { .copy-e-font .b-font:before {
content: "\e610"; content: "\e610";
@ -502,7 +502,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.check-mark-font .b-font { .check-mark-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-font .b-font:before { .check-mark-font .b-font:before {
content: "\e611"; content: "\e611";
@ -514,7 +514,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.check-mark-h-font .b-font { .check-mark-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-h-font .b-font:before { .check-mark-h-font .b-font:before {
content: "\e611"; content: "\e611";
@ -532,7 +532,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.check-mark-ha-font .b-font { .check-mark-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-ha-font .b-font:before { .check-mark-ha-font .b-font:before {
content: "\e611"; content: "\e611";
@ -555,7 +555,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.check-mark-e-font .b-font { .check-mark-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-e-font .b-font:before { .check-mark-e-font .b-font:before {
content: "\e611"; content: "\e611";
@ -582,7 +582,7 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
/** dashboard组件/控件 下拉列表图标字体 ~end~**/ /** dashboard组件/控件 下拉列表图标字体 ~end~**/
.tree-node-triangle-expand-font .b-font { .tree-node-triangle-expand-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.tree-node-triangle-expand-font .b-font:before { .tree-node-triangle-expand-font .b-font:before {
content: "\e608"; content: "\e608";
@ -594,7 +594,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.tree-node-triangle-collapse-font .b-font { .tree-node-triangle-collapse-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.tree-node-triangle-collapse-font .b-font:before { .tree-node-triangle-collapse-font .b-font:before {
content: "\e607"; content: "\e607";
@ -606,7 +606,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.row-pre-page-h-font .b-font { .row-pre-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6be'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6be;');
} }
.row-pre-page-h-font .b-font:before { .row-pre-page-h-font .b-font:before {
content: "\e6be"; content: "\e6be";
@ -624,7 +624,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.row-next-page-h-font .b-font { .row-next-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bd'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bd;');
} }
.row-next-page-h-font .b-font:before { .row-next-page-h-font .b-font:before {
content: "\e6bd"; content: "\e6bd";
@ -642,7 +642,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.column-pre-page-h-font .b-font { .column-pre-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bc'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bc;');
} }
.column-pre-page-h-font .b-font:before { .column-pre-page-h-font .b-font:before {
content: "\e6bc"; content: "\e6bc";
@ -660,7 +660,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.column-next-page-h-font .b-font { .column-next-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bb'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bb;');
} }
.column-next-page-h-font .b-font:before { .column-next-page-h-font .b-font:before {
content: "\e6bb"; content: "\e6bb";
@ -678,7 +678,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.trigger-triangle-font .b-font { .trigger-triangle-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a;');
} }
.trigger-triangle-font .b-font:before { .trigger-triangle-font .b-font:before {
content: "\e66a"; content: "\e66a";
@ -701,7 +701,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #999999; color: #999999;
} }
.pull-down-font .b-font { .pull-down-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.pull-down-font .b-font:before { .pull-down-font .b-font:before {
content: "\e608"; content: "\e608";
@ -713,7 +713,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.pull-down-h-font .b-font { .pull-down-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.pull-down-h-font .b-font:before { .pull-down-h-font .b-font:before {
content: "\e608"; content: "\e608";
@ -731,7 +731,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.pull-down-ha-font .b-font { .pull-down-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.pull-down-ha-font .b-font:before { .pull-down-ha-font .b-font:before {
content: "\e608"; content: "\e608";
@ -754,7 +754,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.check-font .b-font { .check-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-font .b-font:before { .check-font .b-font:before {
content: "\e611"; content: "\e611";
@ -766,7 +766,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #3f8ce8; color: #3f8ce8;
} }
.item-check-font .b-font { .item-check-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.item-check-font .b-font:before { .item-check-font .b-font:before {
content: "\e611"; content: "\e611";
@ -789,7 +789,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: #ffffff; color: #ffffff;
} }
.primary-key-font .b-font { .primary-key-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe67d;'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe67d;;');
} }
.primary-key-font .b-font:before { .primary-key-font .b-font:before {
content: "\e67d;"; content: "\e67d;";
@ -807,7 +807,7 @@ textarea::-webkit-scrollbar-thumb:hover {
color: inherit; color: inherit;
} }
.drag-tag-font .b-font { .drag-tag-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.drag-tag-font .b-font:before { .drag-tag-font .b-font:before {
content: "\e600"; content: "\e600";
@ -826,6 +826,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type1 .x-icon.hack,
.tree-collapse-icon-type1:hover .x-icon.hack,
.tree-collapse-icon-type1:active .x-icon.hack {
background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type1.native .x-icon, .tree-collapse-icon-type1.native .x-icon,
.tree-collapse-icon-type1.disabled .x-icon { .tree-collapse-icon-type1.disabled .x-icon {
display: block; display: block;
@ -833,6 +840,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type1.native .x-icon.hack,
.tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type2 .x-icon, .tree-collapse-icon-type2 .x-icon,
.tree-collapse-icon-type2:hover .x-icon, .tree-collapse-icon-type2:hover .x-icon,
.tree-collapse-icon-type2:active .x-icon { .tree-collapse-icon-type2:active .x-icon {
@ -841,6 +854,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type2 .x-icon.hack,
.tree-collapse-icon-type2:hover .x-icon.hack,
.tree-collapse-icon-type2:active .x-icon.hack {
background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type2.native .x-icon, .tree-collapse-icon-type2.native .x-icon,
.tree-collapse-icon-type2.disabled .x-icon { .tree-collapse-icon-type2.disabled .x-icon {
display: block; display: block;
@ -848,6 +868,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type2.native .x-icon.hack,
.tree-collapse-icon-type2.disabled .x-icon.hack {
background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type3 .x-icon, .tree-collapse-icon-type3 .x-icon,
.tree-collapse-icon-type3:hover .x-icon, .tree-collapse-icon-type3:hover .x-icon,
.tree-collapse-icon-type3:active .x-icon { .tree-collapse-icon-type3:active .x-icon {
@ -856,6 +882,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type3 .x-icon.hack,
.tree-collapse-icon-type3:hover .x-icon.hack,
.tree-collapse-icon-type3:active .x-icon.hack {
background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type3.native .x-icon, .tree-collapse-icon-type3.native .x-icon,
.tree-collapse-icon-type3.disabled .x-icon { .tree-collapse-icon-type3.disabled .x-icon {
display: block; display: block;
@ -863,6 +896,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type3.native .x-icon.hack,
.tree-collapse-icon-type3.disabled .x-icon.hack {
background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type4 .x-icon, .tree-collapse-icon-type4 .x-icon,
.tree-collapse-icon-type4:hover .x-icon, .tree-collapse-icon-type4:hover .x-icon,
.tree-collapse-icon-type4:active .x-icon { .tree-collapse-icon-type4:active .x-icon {
@ -871,6 +910,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type4 .x-icon.hack,
.tree-collapse-icon-type4:hover .x-icon.hack,
.tree-collapse-icon-type4:active .x-icon.hack {
background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none;
}
.tree-collapse-icon-type4.native .x-icon, .tree-collapse-icon-type4.native .x-icon,
.tree-collapse-icon-type4.disabled .x-icon { .tree-collapse-icon-type4.disabled .x-icon {
display: block; display: block;
@ -878,6 +924,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type4.native .x-icon.hack,
.tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none;
}
.tree-expand-icon-type1 .x-icon, .tree-expand-icon-type1 .x-icon,
.tree-expand-icon-type1:hover .x-icon, .tree-expand-icon-type1:hover .x-icon,
.tree-expand-icon-type1:active .x-icon { .tree-expand-icon-type1:active .x-icon {
@ -886,6 +938,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none; _background: none;
} }
.tree-expand-icon-type1 .x-icon.hack,
.tree-expand-icon-type1:hover .x-icon.hack,
.tree-expand-icon-type1:active .x-icon.hack {
background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type1.native .x-icon, .tree-expand-icon-type1.native .x-icon,
.tree-expand-icon-type1.disabled .x-icon { .tree-expand-icon-type1.disabled .x-icon {
display: block; display: block;
@ -893,6 +952,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none; _background: none;
} }
.tree-expand-icon-type1.native .x-icon.hack,
.tree-expand-icon-type1.disabled .x-icon.hack {
background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type2 .x-icon, .tree-expand-icon-type2 .x-icon,
.tree-expand-icon-type2:hover .x-icon, .tree-expand-icon-type2:hover .x-icon,
.tree-expand-icon-type2:active .x-icon { .tree-expand-icon-type2:active .x-icon {
@ -901,6 +966,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none; _background: none;
} }
.tree-expand-icon-type2 .x-icon.hack,
.tree-expand-icon-type2:hover .x-icon.hack,
.tree-expand-icon-type2:active .x-icon.hack {
background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type2.native .x-icon, .tree-expand-icon-type2.native .x-icon,
.tree-expand-icon-type2.disabled .x-icon { .tree-expand-icon-type2.disabled .x-icon {
display: block; display: block;
@ -908,6 +980,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none; _background: none;
} }
.tree-expand-icon-type2.native .x-icon.hack,
.tree-expand-icon-type2.disabled .x-icon.hack {
background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type3 .x-icon, .tree-expand-icon-type3 .x-icon,
.tree-expand-icon-type3:hover .x-icon, .tree-expand-icon-type3:hover .x-icon,
.tree-expand-icon-type3:active .x-icon { .tree-expand-icon-type3:active .x-icon {
@ -916,6 +994,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none; _background: none;
} }
.tree-expand-icon-type3 .x-icon.hack,
.tree-expand-icon-type3:hover .x-icon.hack,
.tree-expand-icon-type3:active .x-icon.hack {
background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type3.native .x-icon, .tree-expand-icon-type3.native .x-icon,
.tree-expand-icon-type3.disabled .x-icon { .tree-expand-icon-type3.disabled .x-icon {
display: block; display: block;
@ -923,6 +1008,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none; _background: none;
} }
.tree-expand-icon-type3.native .x-icon.hack,
.tree-expand-icon-type3.disabled .x-icon.hack {
background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type4 .x-icon, .tree-expand-icon-type4 .x-icon,
.tree-expand-icon-type4:hover .x-icon, .tree-expand-icon-type4:hover .x-icon,
.tree-expand-icon-type4:active .x-icon { .tree-expand-icon-type4:active .x-icon {
@ -931,6 +1022,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none; _background: none;
} }
.tree-expand-icon-type4 .x-icon.hack,
.tree-expand-icon-type4:hover .x-icon.hack,
.tree-expand-icon-type4:active .x-icon.hack {
background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none;
}
.tree-expand-icon-type4.native .x-icon, .tree-expand-icon-type4.native .x-icon,
.tree-expand-icon-type4.disabled .x-icon { .tree-expand-icon-type4.disabled .x-icon {
display: block; display: block;
@ -938,6 +1036,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none; _background: none;
} }
.tree-expand-icon-type4.native .x-icon.hack,
.tree-expand-icon-type4.disabled .x-icon.hack {
background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none;
}
.tree-vertical-line-type2 .x-icon, .tree-vertical-line-type2 .x-icon,
.tree-vertical-line-type2:hover .x-icon, .tree-vertical-line-type2:hover .x-icon,
.tree-vertical-line-type2:active .x-icon { .tree-vertical-line-type2:active .x-icon {
@ -946,6 +1050,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.tree-vertical-line-type2 .x-icon.hack,
.tree-vertical-line-type2:hover .x-icon.hack,
.tree-vertical-line-type2:active .x-icon.hack {
background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type2.native .x-icon, .tree-vertical-line-type2.native .x-icon,
.tree-vertical-line-type2.disabled .x-icon { .tree-vertical-line-type2.disabled .x-icon {
display: block; display: block;
@ -953,6 +1064,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.tree-vertical-line-type2.native .x-icon.hack,
.tree-vertical-line-type2.disabled .x-icon.hack {
background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type3 .x-icon, .tree-vertical-line-type3 .x-icon,
.tree-vertical-line-type3:hover .x-icon, .tree-vertical-line-type3:hover .x-icon,
.tree-vertical-line-type3:active .x-icon { .tree-vertical-line-type3:active .x-icon {
@ -961,6 +1078,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.tree-vertical-line-type3 .x-icon.hack,
.tree-vertical-line-type3:hover .x-icon.hack,
.tree-vertical-line-type3:active .x-icon.hack {
background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type3.native .x-icon, .tree-vertical-line-type3.native .x-icon,
.tree-vertical-line-type3.disabled .x-icon { .tree-vertical-line-type3.disabled .x-icon {
display: block; display: block;
@ -968,6 +1092,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.tree-vertical-line-type3.native .x-icon.hack,
.tree-vertical-line-type3.disabled .x-icon.hack {
background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type4 .x-icon, .tree-vertical-line-type4 .x-icon,
.tree-vertical-line-type4:hover .x-icon, .tree-vertical-line-type4:hover .x-icon,
.tree-vertical-line-type4:active .x-icon { .tree-vertical-line-type4:active .x-icon {
@ -976,6 +1106,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.tree-vertical-line-type4 .x-icon.hack,
.tree-vertical-line-type4:hover .x-icon.hack,
.tree-vertical-line-type4:active .x-icon.hack {
background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none;
}
.tree-vertical-line-type4.native .x-icon, .tree-vertical-line-type4.native .x-icon,
.tree-vertical-line-type4.disabled .x-icon { .tree-vertical-line-type4.disabled .x-icon {
display: block; display: block;
@ -983,6 +1120,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.tree-vertical-line-type4.native .x-icon.hack,
.tree-vertical-line-type4.disabled .x-icon.hack {
background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1 .x-icon, .bi-theme-dark .tree-collapse-icon-type1 .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type1:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon { .bi-theme-dark .tree-collapse-icon-type1:active .x-icon {
@ -991,6 +1134,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon.hack {
background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon, .bi-theme-dark .tree-collapse-icon-type1.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon {
display: block; display: block;
@ -998,6 +1148,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2 .x-icon, .bi-theme-dark .tree-collapse-icon-type2 .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type2:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon { .bi-theme-dark .tree-collapse-icon-type2:active .x-icon {
@ -1006,6 +1162,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon.hack {
background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon, .bi-theme-dark .tree-collapse-icon-type2.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
display: block; display: block;
@ -1013,6 +1176,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3 .x-icon, .bi-theme-dark .tree-collapse-icon-type3 .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type3:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon { .bi-theme-dark .tree-collapse-icon-type3:active .x-icon {
@ -1021,6 +1190,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon.hack {
background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon, .bi-theme-dark .tree-collapse-icon-type3.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon {
display: block; display: block;
@ -1028,6 +1204,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4 .x-icon, .bi-theme-dark .tree-collapse-icon-type4 .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type4:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon { .bi-theme-dark .tree-collapse-icon-type4:active .x-icon {
@ -1036,6 +1218,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon.hack {
background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon, .bi-theme-dark .tree-collapse-icon-type4.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon {
display: block; display: block;
@ -1043,6 +1232,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1 .x-icon, .bi-theme-dark .tree-expand-icon-type1 .x-icon,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon, .bi-theme-dark .tree-expand-icon-type1:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type1:active .x-icon { .bi-theme-dark .tree-expand-icon-type1:active .x-icon {
@ -1051,6 +1246,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1:active .x-icon.hack {
background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1.native .x-icon, .bi-theme-dark .tree-expand-icon-type1.native .x-icon,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
display: block; display: block;
@ -1058,6 +1260,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type1.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2 .x-icon, .bi-theme-dark .tree-expand-icon-type2 .x-icon,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon, .bi-theme-dark .tree-expand-icon-type2:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon { .bi-theme-dark .tree-expand-icon-type2:active .x-icon {
@ -1066,6 +1274,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon.hack {
background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2.native .x-icon, .bi-theme-dark .tree-expand-icon-type2.native .x-icon,
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type2.disabled .x-icon {
display: block; display: block;
@ -1073,6 +1288,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type2.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3 .x-icon, .bi-theme-dark .tree-expand-icon-type3 .x-icon,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon, .bi-theme-dark .tree-expand-icon-type3:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type3:active .x-icon { .bi-theme-dark .tree-expand-icon-type3:active .x-icon {
@ -1081,6 +1302,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3:active .x-icon.hack {
background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3.native .x-icon, .bi-theme-dark .tree-expand-icon-type3.native .x-icon,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
display: block; display: block;
@ -1088,6 +1316,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type3.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4 .x-icon, .bi-theme-dark .tree-expand-icon-type4 .x-icon,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon, .bi-theme-dark .tree-expand-icon-type4:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type4:active .x-icon { .bi-theme-dark .tree-expand-icon-type4:active .x-icon {
@ -1096,6 +1330,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4:active .x-icon.hack {
background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4.native .x-icon, .bi-theme-dark .tree-expand-icon-type4.native .x-icon,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
display: block; display: block;
@ -1103,6 +1344,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type4.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2 .x-icon, .bi-theme-dark .tree-vertical-line-type2 .x-icon,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon, .bi-theme-dark .tree-vertical-line-type2:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon { .bi-theme-dark .tree-vertical-line-type2:active .x-icon {
@ -1111,6 +1358,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon.hack {
background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2.native .x-icon, .bi-theme-dark .tree-vertical-line-type2.native .x-icon,
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon { .bi-theme-dark .tree-vertical-line-type2.disabled .x-icon {
display: block; display: block;
@ -1118,6 +1372,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type2.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon.hack {
background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3 .x-icon, .bi-theme-dark .tree-vertical-line-type3 .x-icon,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon, .bi-theme-dark .tree-vertical-line-type3:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type3:active .x-icon { .bi-theme-dark .tree-vertical-line-type3:active .x-icon {
@ -1126,6 +1386,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3:active .x-icon.hack {
background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3.native .x-icon, .bi-theme-dark .tree-vertical-line-type3.native .x-icon,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon { .bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
display: block; display: block;
@ -1133,6 +1400,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type3.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon.hack {
background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4 .x-icon, .bi-theme-dark .tree-vertical-line-type4 .x-icon,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon, .bi-theme-dark .tree-vertical-line-type4:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon { .bi-theme-dark .tree-vertical-line-type4:active .x-icon {
@ -1141,6 +1414,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon.hack {
background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4.native .x-icon, .bi-theme-dark .tree-vertical-line-type4.native .x-icon,
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon { .bi-theme-dark .tree-vertical-line-type4.disabled .x-icon {
display: block; display: block;
@ -1148,12 +1428,23 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type4.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon.hack {
background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none;
}
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; display: block;
background: url('icon/check-box-normal.png') no-repeat 0 0; background: url('icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack {
background: url('icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none;
}
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon:focus .x-icon, .check-box-icon:focus .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
@ -1162,6 +1453,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack,
.check-box-icon:focus .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none;
}
.check-box-icon:active .x-icon, .check-box-icon:active .x-icon,
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; display: block;
@ -1169,6 +1467,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack,
.check-box-icon.active .x-icon.hack {
background: url('icon/check-box-active.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
_background: none;
}
.check-box-icon.native .x-icon, .check-box-icon.native .x-icon,
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; display: block;
@ -1176,6 +1480,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
_background: none; _background: none;
} }
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled .x-icon.hack {
background: url('icon/check-box-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
_background: none;
}
.check-box-icon.native .x-icon, .check-box-icon.native .x-icon,
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; display: block;
@ -1183,12 +1493,23 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
_background: none; _background: none;
} }
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled.active .x-icon.hack {
background: url('icon/check-box-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
_background: none;
}
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; display: block;
background: url('icon/radio-normal.png') no-repeat 0 0; background: url('icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none; _background: none;
} }
.radio-icon .x-icon.hack {
background: url('icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none;
}
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon:focus .x-icon, .radio-icon:focus .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
@ -1197,6 +1518,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack,
.radio-icon:focus .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none;
}
.radio-icon:active .x-icon, .radio-icon:active .x-icon,
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; display: block;
@ -1204,6 +1532,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack,
.radio-icon.active .x-icon.hack {
background: url('icon/radio-active.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
_background: none;
}
.radio-icon.native .x-icon, .radio-icon.native .x-icon,
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; display: block;
@ -1211,6 +1545,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
_background: none; _background: none;
} }
.radio-icon.native .x-icon.hack,
.radio-icon.disabled .x-icon.hack {
background: url('icon/radio-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
_background: none;
}
.radio-icon.native .x-icon, .radio-icon.native .x-icon,
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; display: block;
@ -1218,6 +1558,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
_background: none; _background: none;
} }
.radio-icon.native .x-icon.hack,
.radio-icon.disabled.active .x-icon.hack {
background: url('icon/radio-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
_background: none;
}
.check-half-select-icon .x-icon, .check-half-select-icon .x-icon,
.check-half-select-icon:hover .x-icon, .check-half-select-icon:hover .x-icon,
.check-half-select-icon:active .x-icon { .check-half-select-icon:active .x-icon {
@ -1226,6 +1572,13 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none; _background: none;
} }
.check-half-select-icon .x-icon.hack,
.check-half-select-icon:hover .x-icon.hack,
.check-half-select-icon:active .x-icon.hack {
background: url('icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none;
}
.check-half-select-icon.native .x-icon, .check-half-select-icon.native .x-icon,
.check-half-select-icon.disabled .x-icon { .check-half-select-icon.disabled .x-icon {
display: block; display: block;
@ -1233,6 +1586,12 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none; _background: none;
} }
.check-half-select-icon.native .x-icon.hack,
.check-half-select-icon.disabled .x-icon.hack {
background: url('icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none;
}
/** /**
* Farbtastic Color Picker 1.2 * Farbtastic Color Picker 1.2
* © 2008 Steven Wittens * © 2008 Steven Wittens

545
docs/widget.js

@ -3244,6 +3244,525 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, {
}); });
BI.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/** BI.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeCombo = BI.inherit(BI.Single, {
constants: {
popupHeight: 290,
popupWidth: 270,
comboAdjustHeight: 1,
border: 1,
DATE_MIN_VALUE: "1900-01-01",
DATE_MAX_VALUE: "2099-12-31"
},
_defaultConfig: function () {
return BI.extend(BI.DateTimeCombo.superclass._defaultConfig.apply(this, arguments), {
baseCls: 'bi-date-time-combo',
height: 24
});
},
_init: function () {
BI.DateTimeCombo.superclass._init.apply(this, arguments);
var self = this;
var date = new Date();
this.storeValue = {
value: {
year: date.getFullYear(),
month: date.getMonth(),
day: date.getDate(),
hour: date.getHours(),
minute: date.getMinutes(),
second: date.getSeconds()
}
};
this.trigger = BI.createWidget({
type: 'bi.date_time_trigger'
});
this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function () {
self.combo.toggle();
});
this.popup = BI.createWidget({
type: "bi.date_time_popup",
min: this.constants.DATE_MIN_VALUE,
max: this.constants.DATE_MAX_VALUE
});
self.setValue(this.storeValue);
this.popup.on(BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE, function () {
self.setValue(self.storeValue);
self.combo.hideView();
self.fireEvent(BI.DateTimeCombo.EVENT_CANCEL);
});
this.popup.on(BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE, function () {
self.storeValue = self.popup.getValue();
self.setValue(self.storeValue);
self.combo.hideView();
self.fireEvent(BI.DateTimeCombo.EVENT_CONFIRM);
});
this.popup.on(BI.DateTimePopup.CALENDAR_EVENT_CHANGE, function () {
self.trigger.setValue(self.popup.getValue());
});
this.combo = BI.createWidget({
type: 'bi.combo',
toggle: false,
isNeedAdjustHeight: false,
isNeedAdjustWidth: false,
el: this.trigger,
adjustLength: this.constants.comboAdjustHeight,
popup: {
el: this.popup,
maxHeight: this.constants.popupHeight,
width: this.constants.popupWidth,
stopPropagation: false
}
});
this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
self.popup.setValue(self.storeValue);
self.fireEvent(BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW);
});
var triggerBtn = BI.createWidget({
type: "bi.trigger_icon_button",
cls: "chart-date-normal-font bi-border-left bi-border-top bi-border-bottom",
width: 30,
height: 25
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
if (self.combo.isViewVisible()) {
self.combo.hideView();
} else {
self.combo.showView();
}
});
BI.createWidget({
type: "bi.htape",
element: this,
items: [{
type: "bi.absolute",
items: [{
el: this.combo,
top: 0,
left: 0,
right: 0,
bottom: 0
}, {
el: triggerBtn,
top: 0,
left: 0
}]
}]
})
},
setValue: function (v) {
this.storeValue = v;
this.popup.setValue(v);
this.trigger.setValue(v);
},
getValue: function () {
return {
value: this.storeValue,
text: this.trigger.getValue()
};
}
});
BI.DateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL";
BI.DateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.DateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW = "BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW";
BI.shortcut('bi.date_time_combo', BI.DateTimeCombo);
/**
* Created by Urthur on 2017/7/14.
*/
BI.CustomDateTimeCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.CustomDateTimeCombo.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-custom-date-time-combo"
})
},
_init: function () {
BI.CustomDateTimeCombo.superclass._init.apply(this, arguments);
var self = this;
this.DateTime = BI.createWidget({
type: "bi.date_time_combo",
element: this
});
this.DateTime.on(BI.DateTimeCombo.EVENT_CANCEL, function () {
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CANCEL);
});
this.DateTime.on(BI.DateTimeCombo.EVENT_CONFIRM, function () {
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CONFIRM);
});
},
getValue: function () {
return this.DateTime.getValue();
},
setValue: function (v) {
this.DateTime.setValue(v);
}
});
BI.CustomDateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.CustomDateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL";
BI.CustomDateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.custom_date_time_combo", BI.CustomDateTimeCombo);
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimePopup = BI.inherit(BI.Widget, {
constants: {
triggerHeight: 24,
buttonWidth: 90,
buttonHeight: 25,
popupHeight: 290,
popupWidth: 270,
comboAdjustHeight: 1,
lgap: 2,
border: 1
},
_defaultConfig: function () {
return BI.extend(BI.DateTimePopup.superclass._defaultConfig.apply(this, arguments), {
baseCls: 'bi-date-time-popup',
width: 268,
height: 290
});
},
_init: function () {
BI.DateTimePopup.superclass._init.apply(this, arguments);
var self = this;
this.cancelButton = BI.createWidget({
type: 'bi.text_button',
forceCenter: true,
cls: 'bi-multidate-popup-button bi-border-top bi-border-right',
shadow: true,
text: BI.i18nText("BI-Basic_Cancel")
});
this.cancelButton.on(BI.TextButton.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE);
});
this.okButton = BI.createWidget({
type: "bi.text_button",
forceCenter: true,
cls: 'bi-multidate-popup-button bi-border-top',
shadow: true,
text: BI.i18nText("BI-Basic_OK")
});
this.okButton.on(BI.TextButton.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE);
});
this.dateCombo = BI.createWidget({
type: "bi.date_calendar_popup",
min: self.options.min,
max: self.options.max
});
self.dateCombo.on(BI.DateCalendarPopup.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
this.dateSelect = BI.createWidget({
type: "bi.horizontal",
cls: "bi-border-top",
items: [{
type: "bi.label",
text: BI.i18nText("BI-Basic_Time"),
width: 45
},{
type: "bi.date_time_select",
max: 23,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.hour = _ref;
self.hour.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
},{
type: "bi.label",
text: ":",
width: 15
},{
type: "bi.date_time_select",
max: 59,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.minute = _ref;
self.minute.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
},{
type: "bi.label",
text: ":",
width: 15
},{
type: "bi.date_time_select",
max: 59,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.second = _ref;
self.second.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
}]
});
this.dateButton = BI.createWidget({
type: "bi.grid",
items: [[this.cancelButton, this.okButton]]
});
BI.createWidget({
element: this,
type: "bi.vtape",
items: [{
el: this.dateCombo
}, {
el: this.dateSelect,
height: 50
},{
el: this.dateButton,
height: 30
}]
});
},
setValue: function (v) {
var value, date;
if (BI.isNotNull(v)) {
value = v.value;
if(BI.isNull(value)){
date = new Date();
this.dateCombo.setValue({
year: date.getFullYear(),
month: date.getMonth(),
day: date.getDate()
});
this.hour.setValue(date.getHours());
this.minute.setValue(date.getMinutes());
this.second.setValue(date.getSeconds());
} else {
this.dateCombo.setValue({
year: value.year,
month: value.month,
day: value.day
});
this.hour.setValue(value.hour);
this.minute.setValue(value.minute);
this.second.setValue(value.second);
}
}
},
getValue: function () {
return {
value: {
year: this.dateCombo.getValue().year,
month: this.dateCombo.getValue().month,
day: this.dateCombo.getValue().day,
hour: this.hour.getValue(),
minute: this.minute.getValue(),
second: this.second.getValue()
}
}
}
});
BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE";
BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE = "BUTTON_CANCEL_EVENT_CHANGE";
BI.DateTimePopup.CALENDAR_EVENT_CHANGE = "CALENDAR_EVENT_CHANGE";
BI.shortcut('bi.date_time_popup', BI.DateTimePopup);
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeSelect = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.DateTimeSelect.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-date-time-select bi-border",
max: 23,
min: 0
})
},
_init: function () {
BI.DateTimeSelect.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.editor = BI.createWidget({
type: "bi.sign_editor",
value: this._alertInEditorValue(o.min),
errorText: BI.i18nText("BI-Please_Input_Natural_Number"),
validationChecker: function(v){
return BI.isNaturalNumber(v);
}
});
this.editor.on(BI.TextEditor.EVENT_CONFIRM, function(){
self._finetuning(0);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this.topBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
});
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this.bottomBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button bi-border-left"
});
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this._finetuning(0);
BI.createWidget({
type: "bi.htape",
element: this,
items: [this.editor, {
el: {
type: "bi.grid",
columns: 1,
rows: 2,
items: [{
column: 0,
row: 0,
el: this.topBtn
}, {
column: 0,
row: 1,
el: this.bottomBtn
}]
},
width: 30
}]
});
},
_alertOutEditorValue: function(v){
if (v > this.options.max){
v = this.options.min;
}
if (v < this.options.min){
v = this.options.max
}
return BI.parseInt(v);
},
_alertInEditorValue: function(v){
if (v > this.options.max){
v = this.options.min;
}
if (v < this.options.min){
v = this.options.max;
}
v = v < 10 ? "0" + v : v;
return v;
},
_finetuning: function(add){
var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue()));
this.editor.setValue(this._alertInEditorValue(v + add));
},
getValue: function () {
var v = this.editor.getValue();
return this._alertOutEditorValue(v);
},
setValue: function (v) {
this.editor.setValue(this._alertInEditorValue(v));
this._finetuning(0);
}
});
BI.DateTimeSelect.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.date_time_select", BI.DateTimeSelect);
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeTrigger = BI.inherit(BI.Trigger, {
_const: {
hgap: 4,
vgap: 2,
triggerWidth: 30
},
_defaultConfig: function () {
return BI.extend(BI.DateTimeTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-time-trigger",
height: 25,
width: 180
});
},
_init: function () {
BI.DateTimeTrigger.superclass._init.apply(this, arguments);
var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({
type: "bi.label",
cls: "bi-border",
textAlign: "left",
height: o.height,
width: o.width,
hgap: c.hgap,
vgap: c.vgap
});
BI.createWidget({
type: "bi.htape",
element: this,
items: [{
el: BI.createWidget(),
width: 30
}, {
el: this.text
}]
})
},
_printTime: function (v) {
return v < 10 ? "0" + v : v;
},
setValue: function (v) {
var self = this;
if (BI.isNotNull(v)) {
var value = v.value, dateStr;
if(BI.isNull(value)){
value = new Date();
dateStr = value.getFullYear() + "-" + self._printTime(value.getMonth() + 1) + "-" + self._printTime(value.getDate())
+ " " + self._printTime(value.getHours()) + ":" + self._printTime(value.getMinutes()) + ":" + self._printTime(value.getSeconds());
} else {
dateStr = value.year + "-" + self._printTime(value.month + 1) + "-" + self._printTime(value.day)
+ " " + self._printTime(value.hour) + ":" + self._printTime(value.minute) + ":" + self._printTime(value.second);
}
this.text.setText(dateStr);
this.text.setTitle(dateStr);
}
},
getValue: function () {
return this.text.getText();
}
});
BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK";
BI.shortcut("bi.date_time_trigger", BI.DateTimeTrigger);
/**
* 带有方向的pathchooser * 带有方向的pathchooser
* *
* Created by GUY on 2016/4/21. * Created by GUY on 2016/4/21.
@ -7498,6 +8017,8 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
self.trigger.getCounter().setButtonChecked(self.storeValue); self.trigger.getCounter().setButtonChecked(self.storeValue);
}; };
this.storeValue = {}; this.storeValue = {};
//标记正在请求数据
this.requesting = false;
this.trigger = BI.createWidget({ this.trigger = BI.createWidget({
type: "bi.multi_select_trigger", type: "bi.multi_select_trigger",
@ -7636,10 +8157,16 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
self.populate(); self.populate();
}); });
}); });
//当退出的时候如果还在处理请求,则等请求结束后再对外发确定事件
this.wants2Quit = false;
this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () {
//important:关闭弹出时又可能没有退出编辑状态 //important:关闭弹出时又可能没有退出编辑状态
self.trigger.stopEditing(); self.trigger.stopEditing();
if (self.requesting === true) {
self.wants2Quit = true;
} else {
self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM); self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM);
}
}); });
var triggerBtn = BI.createWidget({ var triggerBtn = BI.createWidget({
@ -7692,6 +8219,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
_joinKeywords: function (keywords, callback) { _joinKeywords: function (keywords, callback) {
var self = this, o = this.options; var self = this, o = this.options;
this._assertValue(this.storeValue); this._assertValue(this.storeValue);
this.requesting = true;
o.itemsCreator({ o.itemsCreator({
type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, type: BI.MultiSelectCombo.REQ_GET_ALL_DATA,
keywords: keywords keywords: keywords
@ -7714,6 +8242,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
_joinAll: function (res, callback) { _joinAll: function (res, callback) {
var self = this, o = this.options; var self = this, o = this.options;
this._assertValue(res); this._assertValue(res);
this.requesting = true;
o.itemsCreator({ o.itemsCreator({
type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, type: BI.MultiSelectCombo.REQ_GET_ALL_DATA,
keywords: [this.trigger.getKey()] keywords: [this.trigger.getKey()]
@ -7774,6 +8303,11 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
value: [] value: []
} }
} }
if (self.wants2Quit === true) {
self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM);
self.wants2Quit = false;
}
self.requesting = false;
} }
}, },
@ -15397,7 +15931,7 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
function search(parents, current, result, searched) { function search(parents, current, result, searched) {
var newParents = BI.clone(parents); var newParents = BI.clone(parents);
newParents.push(current); newParents.push(current);
if (self._isMatch(current, keyword)) { if (self._isMatch(parents, current, keyword)) {
searched && searched.push(newParents); searched && searched.push(newParents);
return true; return true;
} }
@ -15426,7 +15960,7 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
function isSearchValueInParent(parentValues) { function isSearchValueInParent(parentValues) {
for (var i = 0, len = parentValues.length; i < len; i++) { for (var i = 0, len = parentValues.length; i < len; i++) {
if (self._isMatch(parentValues[i], keyword)) { if (self._isMatch(parentValues.slice(0, parentValues.length - 1), parentValues[i], keyword)) {
return true; return true;
} }
} }
@ -15552,7 +16086,7 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
} }
function nodeSearch(deep, parentValues, current, isAllSelect, result) { function nodeSearch(deep, parentValues, current, isAllSelect, result) {
if (self._isMatch(current, keyword)) { if (self._isMatch(parentValues, current, keyword)) {
var checked = isAllSelect || isSelected(parentValues, current); var checked = isAllSelect || isSelected(parentValues, current);
createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result); createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result);
return [true, checked]; return [true, checked];
@ -15782,8 +16316,9 @@ BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane);BI.AbstractTree
}); });
}, },
_isMatch: function (value, keyword) { _isMatch: function (parentValues, value, keyword) {
var finded = BI.Func.getSearchResult([value], keyword); var node = this._getTreeNode(parentValues, value);
var finded = BI.Func.getSearchResult([node.text || node.value], keyword);
return finded.finded.length > 0 || finded.matched.length > 0; return finded.finded.length > 0 || finded.matched.length > 0;
}, },

3
src/base/single/icon/icon.js

@ -13,6 +13,9 @@ BI.Icon = BI.inherit(BI.Single, {
}, },
_init: function () { _init: function () {
BI.Icon.superclass._init.apply(this, arguments); BI.Icon.superclass._init.apply(this, arguments);
if (BI.isIE9Below()) {
this.element.addClass("hack");
}
} }
}); });
BI.shortcut("bi.icon", BI.Icon); BI.shortcut("bi.icon", BI.Icon);

11
src/component/treevaluechooser/abstract.treevaluechooser.js

@ -227,7 +227,7 @@ BI.AbstractTreeValueChooser = BI.inherit(BI.Widget, {
function search(parents, current, result, searched) { function search(parents, current, result, searched) {
var newParents = BI.clone(parents); var newParents = BI.clone(parents);
newParents.push(current); newParents.push(current);
if (self._isMatch(current, keyword)) { if (self._isMatch(parents, current, keyword)) {
searched && searched.push(newParents); searched && searched.push(newParents);
return true; return true;
} }
@ -256,7 +256,7 @@ BI.AbstractTreeValueChooser = BI.inherit(BI.Widget, {
function isSearchValueInParent(parentValues) { function isSearchValueInParent(parentValues) {
for (var i = 0, len = parentValues.length; i < len; i++) { for (var i = 0, len = parentValues.length; i < len; i++) {
if (self._isMatch(parentValues[i], keyword)) { if (self._isMatch(parentValues.slice(0, parentValues.length - 1), parentValues[i], keyword)) {
return true; return true;
} }
} }
@ -382,7 +382,7 @@ BI.AbstractTreeValueChooser = BI.inherit(BI.Widget, {
} }
function nodeSearch(deep, parentValues, current, isAllSelect, result) { function nodeSearch(deep, parentValues, current, isAllSelect, result) {
if (self._isMatch(current, keyword)) { if (self._isMatch(parentValues, current, keyword)) {
var checked = isAllSelect || isSelected(parentValues, current); var checked = isAllSelect || isSelected(parentValues, current);
createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result); createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result);
return [true, checked]; return [true, checked];
@ -612,8 +612,9 @@ BI.AbstractTreeValueChooser = BI.inherit(BI.Widget, {
}); });
}, },
_isMatch: function (value, keyword) { _isMatch: function (parentValues, value, keyword) {
var finded = BI.Func.getSearchResult([value], keyword); var node = this._getTreeNode(parentValues, value);
var finded = BI.Func.getSearchResult([node.text || node.value], keyword);
return finded.finded.length > 0 || finded.matched.length > 0; return finded.finded.length > 0 || finded.matched.length > 0;
}, },

8
src/css/core/utils/common.css

@ -724,7 +724,7 @@
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-list-item-none:hover .bi-input, .bi-list-item-none:hover .bi-input,
.bi-list-item-none.hover .bi-input { .bi-list-item-none.hover .bi-input {
@ -737,7 +737,7 @@
.bi-list-item-none:active, .bi-list-item-none:active,
.bi-list-item-none.active { .bi-list-item-none.active {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-list-item-none:active .bi-input, .bi-list-item-none:active .bi-input,
.bi-list-item-none.active .bi-input { .bi-list-item-none.active .bi-input {
@ -775,7 +775,7 @@
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-theme-dark .bi-list-item-none:hover .bi-input, .bi-theme-dark .bi-list-item-none:hover .bi-input,
.bi-theme-dark .bi-list-item-none.hover .bi-input { .bi-theme-dark .bi-list-item-none.hover .bi-input {
@ -788,7 +788,7 @@
.bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none:active,
.bi-theme-dark .bi-list-item-none.active { .bi-theme-dark .bi-list-item-none.active {
color: inherit; color: inherit;
background-color: inherit; background-color: transparent;
} }
.bi-theme-dark .bi-list-item-none:active .bi-input, .bi-theme-dark .bi-list-item-none:active .bi-input,
.bi-theme-dark .bi-list-item-none.active .bi-input { .bi-theme-dark .bi-list-item-none.active .bi-input {

74
src/css/resource/font.css

@ -12,7 +12,7 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.close-font .b-font { .close-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.close-font .b-font:before { .close-font .b-font:before {
content: "\e600"; content: "\e600";
@ -24,7 +24,7 @@
color: inherit; color: inherit;
} }
.close-h-font .b-font { .close-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.close-h-font .b-font:before { .close-h-font .b-font:before {
content: "\e600"; content: "\e600";
@ -42,7 +42,7 @@
color: inherit; color: inherit;
} }
.close-ha-font .b-font { .close-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.close-ha-font .b-font:before { .close-ha-font .b-font:before {
content: "\e600"; content: "\e600";
@ -65,7 +65,7 @@
color: inherit; color: inherit;
} }
.search-close-h-font .b-font { .search-close-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.search-close-h-font .b-font:before { .search-close-h-font .b-font:before {
content: "\e600"; content: "\e600";
@ -83,7 +83,7 @@
color: inherit; color: inherit;
} }
.pre-page-h-font .b-font { .pre-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601;');
} }
.pre-page-h-font .b-font:before { .pre-page-h-font .b-font:before {
content: "\e601"; content: "\e601";
@ -101,7 +101,7 @@
color: inherit; color: inherit;
} }
.next-page-h-font .b-font { .next-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602;');
} }
.next-page-h-font .b-font:before { .next-page-h-font .b-font:before {
content: "\e602"; content: "\e602";
@ -119,7 +119,7 @@
color: inherit; color: inherit;
} }
.search-font .b-font { .search-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604;');
} }
.search-font .b-font:before { .search-font .b-font:before {
content: "\e604"; content: "\e604";
@ -131,7 +131,7 @@
color: inherit; color: inherit;
} }
.dot-font .b-font { .dot-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-font .b-font:before { .dot-font .b-font:before {
content: "\e606"; content: "\e606";
@ -143,7 +143,7 @@
color: #1a1a1a; color: #1a1a1a;
} }
.dot-h-font .b-font { .dot-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-h-font .b-font:before { .dot-h-font .b-font:before {
content: "\e606"; content: "\e606";
@ -161,7 +161,7 @@
color: #1a1a1a; color: #1a1a1a;
} }
.dot-ha-font .b-font { .dot-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-ha-font .b-font:before { .dot-ha-font .b-font:before {
content: "\e606"; content: "\e606";
@ -184,7 +184,7 @@
color: #ffffff; color: #ffffff;
} }
.dot-e-font .b-font { .dot-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606;');
} }
.dot-e-font .b-font:before { .dot-e-font .b-font:before {
content: "\e606"; content: "\e606";
@ -210,7 +210,7 @@
color: #ffffff; color: #ffffff;
} }
.pull-right-font .b-font { .pull-right-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-font .b-font:before { .pull-right-font .b-font:before {
content: "\e607"; content: "\e607";
@ -222,7 +222,7 @@
color: inherit; color: inherit;
} }
.pull-right-h-font .b-font { .pull-right-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-h-font .b-font:before { .pull-right-h-font .b-font:before {
content: "\e607"; content: "\e607";
@ -240,7 +240,7 @@
color: inherit; color: inherit;
} }
.pull-right-ha-font .b-font { .pull-right-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-ha-font .b-font:before { .pull-right-ha-font .b-font:before {
content: "\e607"; content: "\e607";
@ -263,7 +263,7 @@
color: inherit; color: inherit;
} }
.pull-right-e-font .b-font { .pull-right-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.pull-right-e-font .b-font:before { .pull-right-e-font .b-font:before {
content: "\e607"; content: "\e607";
@ -289,7 +289,7 @@
color: inherit; color: inherit;
} }
.copy-font .b-font { .copy-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-font .b-font:before { .copy-font .b-font:before {
content: "\e610"; content: "\e610";
@ -301,7 +301,7 @@
color: inherit; color: inherit;
} }
.copy-h-font .b-font { .copy-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-h-font .b-font:before { .copy-h-font .b-font:before {
content: "\e610"; content: "\e610";
@ -319,7 +319,7 @@
color: #1a1a1a; color: #1a1a1a;
} }
.copy-ha-font .b-font { .copy-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-ha-font .b-font:before { .copy-ha-font .b-font:before {
content: "\e610"; content: "\e610";
@ -342,7 +342,7 @@
color: inherit; color: inherit;
} }
.copy-e-font .b-font { .copy-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610;');
} }
.copy-e-font .b-font:before { .copy-e-font .b-font:before {
content: "\e610"; content: "\e610";
@ -368,7 +368,7 @@
color: inherit; color: inherit;
} }
.check-mark-font .b-font { .check-mark-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-font .b-font:before { .check-mark-font .b-font:before {
content: "\e611"; content: "\e611";
@ -380,7 +380,7 @@
color: inherit; color: inherit;
} }
.check-mark-h-font .b-font { .check-mark-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-h-font .b-font:before { .check-mark-h-font .b-font:before {
content: "\e611"; content: "\e611";
@ -398,7 +398,7 @@
color: inherit; color: inherit;
} }
.check-mark-ha-font .b-font { .check-mark-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-ha-font .b-font:before { .check-mark-ha-font .b-font:before {
content: "\e611"; content: "\e611";
@ -421,7 +421,7 @@
color: inherit; color: inherit;
} }
.check-mark-e-font .b-font { .check-mark-e-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-mark-e-font .b-font:before { .check-mark-e-font .b-font:before {
content: "\e611"; content: "\e611";
@ -448,7 +448,7 @@
} }
/** dashboard组件/控件 下拉列表图标字体 ~end~**/ /** dashboard组件/控件 下拉列表图标字体 ~end~**/
.tree-node-triangle-expand-font .b-font { .tree-node-triangle-expand-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.tree-node-triangle-expand-font .b-font:before { .tree-node-triangle-expand-font .b-font:before {
content: "\e608"; content: "\e608";
@ -460,7 +460,7 @@
color: inherit; color: inherit;
} }
.tree-node-triangle-collapse-font .b-font { .tree-node-triangle-collapse-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607;');
} }
.tree-node-triangle-collapse-font .b-font:before { .tree-node-triangle-collapse-font .b-font:before {
content: "\e607"; content: "\e607";
@ -472,7 +472,7 @@
color: inherit; color: inherit;
} }
.row-pre-page-h-font .b-font { .row-pre-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6be'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6be;');
} }
.row-pre-page-h-font .b-font:before { .row-pre-page-h-font .b-font:before {
content: "\e6be"; content: "\e6be";
@ -490,7 +490,7 @@
color: inherit; color: inherit;
} }
.row-next-page-h-font .b-font { .row-next-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bd'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bd;');
} }
.row-next-page-h-font .b-font:before { .row-next-page-h-font .b-font:before {
content: "\e6bd"; content: "\e6bd";
@ -508,7 +508,7 @@
color: inherit; color: inherit;
} }
.column-pre-page-h-font .b-font { .column-pre-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bc'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bc;');
} }
.column-pre-page-h-font .b-font:before { .column-pre-page-h-font .b-font:before {
content: "\e6bc"; content: "\e6bc";
@ -526,7 +526,7 @@
color: inherit; color: inherit;
} }
.column-next-page-h-font .b-font { .column-next-page-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bb'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bb;');
} }
.column-next-page-h-font .b-font:before { .column-next-page-h-font .b-font:before {
content: "\e6bb"; content: "\e6bb";
@ -544,7 +544,7 @@
color: inherit; color: inherit;
} }
.trigger-triangle-font .b-font { .trigger-triangle-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a;');
} }
.trigger-triangle-font .b-font:before { .trigger-triangle-font .b-font:before {
content: "\e66a"; content: "\e66a";
@ -567,7 +567,7 @@
color: #999999; color: #999999;
} }
.pull-down-font .b-font { .pull-down-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.pull-down-font .b-font:before { .pull-down-font .b-font:before {
content: "\e608"; content: "\e608";
@ -579,7 +579,7 @@
color: inherit; color: inherit;
} }
.pull-down-h-font .b-font { .pull-down-h-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.pull-down-h-font .b-font:before { .pull-down-h-font .b-font:before {
content: "\e608"; content: "\e608";
@ -597,7 +597,7 @@
color: inherit; color: inherit;
} }
.pull-down-ha-font .b-font { .pull-down-ha-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608;');
} }
.pull-down-ha-font .b-font:before { .pull-down-ha-font .b-font:before {
content: "\e608"; content: "\e608";
@ -620,7 +620,7 @@
color: inherit; color: inherit;
} }
.check-font .b-font { .check-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.check-font .b-font:before { .check-font .b-font:before {
content: "\e611"; content: "\e611";
@ -632,7 +632,7 @@
color: #3f8ce8; color: #3f8ce8;
} }
.item-check-font .b-font { .item-check-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611;');
} }
.item-check-font .b-font:before { .item-check-font .b-font:before {
content: "\e611"; content: "\e611";
@ -655,7 +655,7 @@
color: #ffffff; color: #ffffff;
} }
.primary-key-font .b-font { .primary-key-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe67d;'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe67d;;');
} }
.primary-key-font .b-font:before { .primary-key-font .b-font:before {
content: "\e67d;"; content: "\e67d;";
@ -673,7 +673,7 @@
color: inherit; color: inherit;
} }
.drag-tag-font .b-font { .drag-tag-font .b-font {
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600'); *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600;');
} }
.drag-tag-font .b-font:before { .drag-tag-font .b-font:before {
content: "\e600"; content: "\e600";

359
src/css/resource/icon.css

@ -6,6 +6,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type1 .x-icon.hack,
.tree-collapse-icon-type1:hover .x-icon.hack,
.tree-collapse-icon-type1:active .x-icon.hack {
background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type1.native .x-icon, .tree-collapse-icon-type1.native .x-icon,
.tree-collapse-icon-type1.disabled .x-icon { .tree-collapse-icon-type1.disabled .x-icon {
display: block; display: block;
@ -13,6 +20,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type1.native .x-icon.hack,
.tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type2 .x-icon, .tree-collapse-icon-type2 .x-icon,
.tree-collapse-icon-type2:hover .x-icon, .tree-collapse-icon-type2:hover .x-icon,
.tree-collapse-icon-type2:active .x-icon { .tree-collapse-icon-type2:active .x-icon {
@ -21,6 +34,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type2 .x-icon.hack,
.tree-collapse-icon-type2:hover .x-icon.hack,
.tree-collapse-icon-type2:active .x-icon.hack {
background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type2.native .x-icon, .tree-collapse-icon-type2.native .x-icon,
.tree-collapse-icon-type2.disabled .x-icon { .tree-collapse-icon-type2.disabled .x-icon {
display: block; display: block;
@ -28,6 +48,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type2.native .x-icon.hack,
.tree-collapse-icon-type2.disabled .x-icon.hack {
background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type3 .x-icon, .tree-collapse-icon-type3 .x-icon,
.tree-collapse-icon-type3:hover .x-icon, .tree-collapse-icon-type3:hover .x-icon,
.tree-collapse-icon-type3:active .x-icon { .tree-collapse-icon-type3:active .x-icon {
@ -36,6 +62,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type3 .x-icon.hack,
.tree-collapse-icon-type3:hover .x-icon.hack,
.tree-collapse-icon-type3:active .x-icon.hack {
background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type3.native .x-icon, .tree-collapse-icon-type3.native .x-icon,
.tree-collapse-icon-type3.disabled .x-icon { .tree-collapse-icon-type3.disabled .x-icon {
display: block; display: block;
@ -43,6 +76,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type3.native .x-icon.hack,
.tree-collapse-icon-type3.disabled .x-icon.hack {
background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type4 .x-icon, .tree-collapse-icon-type4 .x-icon,
.tree-collapse-icon-type4:hover .x-icon, .tree-collapse-icon-type4:hover .x-icon,
.tree-collapse-icon-type4:active .x-icon { .tree-collapse-icon-type4:active .x-icon {
@ -51,6 +90,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type4 .x-icon.hack,
.tree-collapse-icon-type4:hover .x-icon.hack,
.tree-collapse-icon-type4:active .x-icon.hack {
background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none;
}
.tree-collapse-icon-type4.native .x-icon, .tree-collapse-icon-type4.native .x-icon,
.tree-collapse-icon-type4.disabled .x-icon { .tree-collapse-icon-type4.disabled .x-icon {
display: block; display: block;
@ -58,6 +104,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type4.native .x-icon.hack,
.tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
_background: none;
}
.tree-expand-icon-type1 .x-icon, .tree-expand-icon-type1 .x-icon,
.tree-expand-icon-type1:hover .x-icon, .tree-expand-icon-type1:hover .x-icon,
.tree-expand-icon-type1:active .x-icon { .tree-expand-icon-type1:active .x-icon {
@ -66,6 +118,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none; _background: none;
} }
.tree-expand-icon-type1 .x-icon.hack,
.tree-expand-icon-type1:hover .x-icon.hack,
.tree-expand-icon-type1:active .x-icon.hack {
background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type1.native .x-icon, .tree-expand-icon-type1.native .x-icon,
.tree-expand-icon-type1.disabled .x-icon { .tree-expand-icon-type1.disabled .x-icon {
display: block; display: block;
@ -73,6 +132,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none; _background: none;
} }
.tree-expand-icon-type1.native .x-icon.hack,
.tree-expand-icon-type1.disabled .x-icon.hack {
background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type2 .x-icon, .tree-expand-icon-type2 .x-icon,
.tree-expand-icon-type2:hover .x-icon, .tree-expand-icon-type2:hover .x-icon,
.tree-expand-icon-type2:active .x-icon { .tree-expand-icon-type2:active .x-icon {
@ -81,6 +146,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none; _background: none;
} }
.tree-expand-icon-type2 .x-icon.hack,
.tree-expand-icon-type2:hover .x-icon.hack,
.tree-expand-icon-type2:active .x-icon.hack {
background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type2.native .x-icon, .tree-expand-icon-type2.native .x-icon,
.tree-expand-icon-type2.disabled .x-icon { .tree-expand-icon-type2.disabled .x-icon {
display: block; display: block;
@ -88,6 +160,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none; _background: none;
} }
.tree-expand-icon-type2.native .x-icon.hack,
.tree-expand-icon-type2.disabled .x-icon.hack {
background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type3 .x-icon, .tree-expand-icon-type3 .x-icon,
.tree-expand-icon-type3:hover .x-icon, .tree-expand-icon-type3:hover .x-icon,
.tree-expand-icon-type3:active .x-icon { .tree-expand-icon-type3:active .x-icon {
@ -96,6 +174,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none; _background: none;
} }
.tree-expand-icon-type3 .x-icon.hack,
.tree-expand-icon-type3:hover .x-icon.hack,
.tree-expand-icon-type3:active .x-icon.hack {
background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type3.native .x-icon, .tree-expand-icon-type3.native .x-icon,
.tree-expand-icon-type3.disabled .x-icon { .tree-expand-icon-type3.disabled .x-icon {
display: block; display: block;
@ -103,6 +188,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none; _background: none;
} }
.tree-expand-icon-type3.native .x-icon.hack,
.tree-expand-icon-type3.disabled .x-icon.hack {
background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type4 .x-icon, .tree-expand-icon-type4 .x-icon,
.tree-expand-icon-type4:hover .x-icon, .tree-expand-icon-type4:hover .x-icon,
.tree-expand-icon-type4:active .x-icon { .tree-expand-icon-type4:active .x-icon {
@ -111,6 +202,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none; _background: none;
} }
.tree-expand-icon-type4 .x-icon.hack,
.tree-expand-icon-type4:hover .x-icon.hack,
.tree-expand-icon-type4:active .x-icon.hack {
background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none;
}
.tree-expand-icon-type4.native .x-icon, .tree-expand-icon-type4.native .x-icon,
.tree-expand-icon-type4.disabled .x-icon { .tree-expand-icon-type4.disabled .x-icon {
display: block; display: block;
@ -118,6 +216,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none; _background: none;
} }
.tree-expand-icon-type4.native .x-icon.hack,
.tree-expand-icon-type4.disabled .x-icon.hack {
background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
_background: none;
}
.tree-vertical-line-type2 .x-icon, .tree-vertical-line-type2 .x-icon,
.tree-vertical-line-type2:hover .x-icon, .tree-vertical-line-type2:hover .x-icon,
.tree-vertical-line-type2:active .x-icon { .tree-vertical-line-type2:active .x-icon {
@ -126,6 +230,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.tree-vertical-line-type2 .x-icon.hack,
.tree-vertical-line-type2:hover .x-icon.hack,
.tree-vertical-line-type2:active .x-icon.hack {
background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type2.native .x-icon, .tree-vertical-line-type2.native .x-icon,
.tree-vertical-line-type2.disabled .x-icon { .tree-vertical-line-type2.disabled .x-icon {
display: block; display: block;
@ -133,6 +244,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.tree-vertical-line-type2.native .x-icon.hack,
.tree-vertical-line-type2.disabled .x-icon.hack {
background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type3 .x-icon, .tree-vertical-line-type3 .x-icon,
.tree-vertical-line-type3:hover .x-icon, .tree-vertical-line-type3:hover .x-icon,
.tree-vertical-line-type3:active .x-icon { .tree-vertical-line-type3:active .x-icon {
@ -141,6 +258,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.tree-vertical-line-type3 .x-icon.hack,
.tree-vertical-line-type3:hover .x-icon.hack,
.tree-vertical-line-type3:active .x-icon.hack {
background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type3.native .x-icon, .tree-vertical-line-type3.native .x-icon,
.tree-vertical-line-type3.disabled .x-icon { .tree-vertical-line-type3.disabled .x-icon {
display: block; display: block;
@ -148,6 +272,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.tree-vertical-line-type3.native .x-icon.hack,
.tree-vertical-line-type3.disabled .x-icon.hack {
background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type4 .x-icon, .tree-vertical-line-type4 .x-icon,
.tree-vertical-line-type4:hover .x-icon, .tree-vertical-line-type4:hover .x-icon,
.tree-vertical-line-type4:active .x-icon { .tree-vertical-line-type4:active .x-icon {
@ -156,6 +286,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.tree-vertical-line-type4 .x-icon.hack,
.tree-vertical-line-type4:hover .x-icon.hack,
.tree-vertical-line-type4:active .x-icon.hack {
background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none;
}
.tree-vertical-line-type4.native .x-icon, .tree-vertical-line-type4.native .x-icon,
.tree-vertical-line-type4.disabled .x-icon { .tree-vertical-line-type4.disabled .x-icon {
display: block; display: block;
@ -163,6 +300,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.tree-vertical-line-type4.native .x-icon.hack,
.tree-vertical-line-type4.disabled .x-icon.hack {
background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1 .x-icon, .bi-theme-dark .tree-collapse-icon-type1 .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type1:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon { .bi-theme-dark .tree-collapse-icon-type1:active .x-icon {
@ -171,6 +314,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon.hack {
background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon, .bi-theme-dark .tree-collapse-icon-type1.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon {
display: block; display: block;
@ -178,6 +328,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2 .x-icon, .bi-theme-dark .tree-collapse-icon-type2 .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type2:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon { .bi-theme-dark .tree-collapse-icon-type2:active .x-icon {
@ -186,6 +342,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon.hack {
background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon, .bi-theme-dark .tree-collapse-icon-type2.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
display: block; display: block;
@ -193,6 +356,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3 .x-icon, .bi-theme-dark .tree-collapse-icon-type3 .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type3:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon { .bi-theme-dark .tree-collapse-icon-type3:active .x-icon {
@ -201,6 +370,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon.hack {
background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon, .bi-theme-dark .tree-collapse-icon-type3.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon {
display: block; display: block;
@ -208,6 +384,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4 .x-icon, .bi-theme-dark .tree-collapse-icon-type4 .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon, .bi-theme-dark .tree-collapse-icon-type4:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon { .bi-theme-dark .tree-collapse-icon-type4:active .x-icon {
@ -216,6 +398,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon.hack {
background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon, .bi-theme-dark .tree-collapse-icon-type4.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon { .bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon {
display: block; display: block;
@ -223,6 +412,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1 .x-icon, .bi-theme-dark .tree-expand-icon-type1 .x-icon,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon, .bi-theme-dark .tree-expand-icon-type1:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type1:active .x-icon { .bi-theme-dark .tree-expand-icon-type1:active .x-icon {
@ -231,6 +426,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1:active .x-icon.hack {
background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1.native .x-icon, .bi-theme-dark .tree-expand-icon-type1.native .x-icon,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
display: block; display: block;
@ -238,6 +440,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type1.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2 .x-icon, .bi-theme-dark .tree-expand-icon-type2 .x-icon,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon, .bi-theme-dark .tree-expand-icon-type2:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon { .bi-theme-dark .tree-expand-icon-type2:active .x-icon {
@ -246,6 +454,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon.hack {
background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2.native .x-icon, .bi-theme-dark .tree-expand-icon-type2.native .x-icon,
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type2.disabled .x-icon {
display: block; display: block;
@ -253,6 +468,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type2.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3 .x-icon, .bi-theme-dark .tree-expand-icon-type3 .x-icon,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon, .bi-theme-dark .tree-expand-icon-type3:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type3:active .x-icon { .bi-theme-dark .tree-expand-icon-type3:active .x-icon {
@ -261,6 +482,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3:active .x-icon.hack {
background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3.native .x-icon, .bi-theme-dark .tree-expand-icon-type3.native .x-icon,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
display: block; display: block;
@ -268,6 +496,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type3.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4 .x-icon, .bi-theme-dark .tree-expand-icon-type4 .x-icon,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon, .bi-theme-dark .tree-expand-icon-type4:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type4:active .x-icon { .bi-theme-dark .tree-expand-icon-type4:active .x-icon {
@ -276,6 +510,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4:active .x-icon.hack {
background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4.native .x-icon, .bi-theme-dark .tree-expand-icon-type4.native .x-icon,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon { .bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
display: block; display: block;
@ -283,6 +524,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type4.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon.hack {
background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2 .x-icon, .bi-theme-dark .tree-vertical-line-type2 .x-icon,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon, .bi-theme-dark .tree-vertical-line-type2:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon { .bi-theme-dark .tree-vertical-line-type2:active .x-icon {
@ -291,6 +538,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon.hack {
background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2.native .x-icon, .bi-theme-dark .tree-vertical-line-type2.native .x-icon,
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon { .bi-theme-dark .tree-vertical-line-type2.disabled .x-icon {
display: block; display: block;
@ -298,6 +552,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type2.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon.hack {
background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3 .x-icon, .bi-theme-dark .tree-vertical-line-type3 .x-icon,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon, .bi-theme-dark .tree-vertical-line-type3:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type3:active .x-icon { .bi-theme-dark .tree-vertical-line-type3:active .x-icon {
@ -306,6 +566,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3:active .x-icon.hack {
background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3.native .x-icon, .bi-theme-dark .tree-vertical-line-type3.native .x-icon,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon { .bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
display: block; display: block;
@ -313,6 +580,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type3.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon.hack {
background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4 .x-icon, .bi-theme-dark .tree-vertical-line-type4 .x-icon,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon, .bi-theme-dark .tree-vertical-line-type4:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon { .bi-theme-dark .tree-vertical-line-type4:active .x-icon {
@ -321,6 +594,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon.hack {
background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4.native .x-icon, .bi-theme-dark .tree-vertical-line-type4.native .x-icon,
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon { .bi-theme-dark .tree-vertical-line-type4.disabled .x-icon {
display: block; display: block;
@ -328,12 +608,23 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type4.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon.hack {
background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
_background: none;
}
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; display: block;
background: url('icon/check-box-normal.png') no-repeat 0 0; background: url('icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack {
background: url('icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none;
}
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon:focus .x-icon, .check-box-icon:focus .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
@ -342,6 +633,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack,
.check-box-icon:focus .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
_background: none;
}
.check-box-icon:active .x-icon, .check-box-icon:active .x-icon,
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; display: block;
@ -349,6 +647,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack,
.check-box-icon.active .x-icon.hack {
background: url('icon/check-box-active.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
_background: none;
}
.check-box-icon.native .x-icon, .check-box-icon.native .x-icon,
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; display: block;
@ -356,6 +660,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
_background: none; _background: none;
} }
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled .x-icon.hack {
background: url('icon/check-box-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
_background: none;
}
.check-box-icon.native .x-icon, .check-box-icon.native .x-icon,
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; display: block;
@ -363,12 +673,23 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
_background: none; _background: none;
} }
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled.active .x-icon.hack {
background: url('icon/check-box-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
_background: none;
}
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; display: block;
background: url('icon/radio-normal.png') no-repeat 0 0; background: url('icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none; _background: none;
} }
.radio-icon .x-icon.hack {
background: url('icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none;
}
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon:focus .x-icon, .radio-icon:focus .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
@ -377,6 +698,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack,
.radio-icon:focus .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
_background: none;
}
.radio-icon:active .x-icon, .radio-icon:active .x-icon,
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; display: block;
@ -384,6 +712,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack,
.radio-icon.active .x-icon.hack {
background: url('icon/radio-active.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
_background: none;
}
.radio-icon.native .x-icon, .radio-icon.native .x-icon,
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; display: block;
@ -391,6 +725,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
_background: none; _background: none;
} }
.radio-icon.native .x-icon.hack,
.radio-icon.disabled .x-icon.hack {
background: url('icon/radio-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
_background: none;
}
.radio-icon.native .x-icon, .radio-icon.native .x-icon,
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; display: block;
@ -398,6 +738,12 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
_background: none; _background: none;
} }
.radio-icon.native .x-icon.hack,
.radio-icon.disabled.active .x-icon.hack {
background: url('icon/radio-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
_background: none;
}
.check-half-select-icon .x-icon, .check-half-select-icon .x-icon,
.check-half-select-icon:hover .x-icon, .check-half-select-icon:hover .x-icon,
.check-half-select-icon:active .x-icon { .check-half-select-icon:active .x-icon {
@ -406,6 +752,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none; _background: none;
} }
.check-half-select-icon .x-icon.hack,
.check-half-select-icon:hover .x-icon.hack,
.check-half-select-icon:active .x-icon.hack {
background: url('icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none;
}
.check-half-select-icon.native .x-icon, .check-half-select-icon.native .x-icon,
.check-half-select-icon.disabled .x-icon { .check-half-select-icon.disabled .x-icon {
display: block; display: block;
@ -413,3 +766,9 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none; _background: none;
} }
.check-half-select-icon.native .x-icon.hack,
.check-half-select-icon.disabled .x-icon.hack {
background: url('icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
_background: none;
}

8
src/less/core/utils/common.less

@ -706,7 +706,7 @@
& .bi-textarea { & .bi-textarea {
color: inherit; color: inherit;
} }
background-color: inherit; background-color: transparent;
} }
&:active, &.active { &:active, &.active {
color: inherit; color: inherit;
@ -716,7 +716,7 @@
& .bi-textarea { & .bi-textarea {
color: inherit; color: inherit;
} }
background-color: inherit; background-color: transparent;
& .bi-high-light { & .bi-high-light {
color: inherit; color: inherit;
} }
@ -748,7 +748,7 @@
& .bi-textarea { & .bi-textarea {
color: inherit; color: inherit;
} }
background-color: inherit; background-color: transparent;
} }
&:active, &.active { &:active, &.active {
color: inherit; color: inherit;
@ -758,7 +758,7 @@
& .bi-textarea { & .bi-textarea {
color: inherit; color: inherit;
} }
background-color: inherit; background-color: transparent;
& .bi-high-light { & .bi-high-light {
color: inherit; color: inherit;
} }

91
src/less/image.less

@ -11,42 +11,63 @@
_background: none; _background: none;
} }
.image2xPath(@path, @top:center, @left:center, @repeat: no-repeat) when not (@path = none) {
background: url('@{image2xUrl}@{path}') @repeat @left @top;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@{image2xUrl}@{path}');
_background: none;
}
.icon(@class, @iconPath, @top:0px, @left:0px) { .icon(@class, @iconPath, @top:0px, @left:0px) {
.@{class} { .@{class} {
& .x-icon, & .x-icon,
&:hover .x-icon, &:hover .x-icon,
&:active .x-icon { &:active .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
} }
}
} }
.icon_hover(@class, @iconPath, @top:0px, @left:0px, @distance: 20) { .icon_hover(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
}
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon, &:focus .x-icon,
&.hover .x-icon, &.hover .x-icon,
&:active .x-icon, &:active .x-icon,
&.active .x-icon { &.active .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -(@left + @distance));
&.hack {
.imagePath(@iconPath, -@top, -(@left + @distance)); .imagePath(@iconPath, -@top, -(@left + @distance));
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
} }
}
} }
.icon_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) { .icon_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
@ -56,115 +77,169 @@
&:focus .x-icon, &:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
}
&:active .x-icon, &:active .x-icon,
&.active .x-icon { &.active .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -(@left + @distance));
&.hack {
.imagePath(@iconPath, -@top, -(@left + @distance)); .imagePath(@iconPath, -@top, -(@left + @distance));
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
} }
}
} }
.icon_hover_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) { .icon_hover_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
}
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon, &:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -(@left+@distance));
&.hack {
.imagePath(@iconPath, -@top, -(@left+@distance)); .imagePath(@iconPath, -@top, -(@left+@distance));
} }
}
&:active .x-icon, &:active .x-icon,
&.active .x-icon { &.active .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -(@left+@distance*2));
&.hack {
.imagePath(@iconPath, -@top, -(@left+@distance*2)); .imagePath(@iconPath, -@top, -(@left+@distance*2));
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
} }
}
} }
.icon_select(@class, @iconPath, @top:0px, @left:0px, @distance: 20) { .icon_select(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
}
&.active .x-icon { &.active .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -(@left+@distance));
&.hack {
.imagePath(@iconPath, -@top, -(@left+@distance)); .imagePath(@iconPath, -@top, -(@left+@distance));
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left); .imagePath(@iconPath, -@top, -@left);
} }
} }
}
} }
.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) { .icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0); .imagePath(@iconPath, 0, 0);
} }
}
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon, &:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0); .imagePath(@hoverPath, 0, 0);
} }
}
&:active .x-icon, &:active .x-icon,
&.active .x-icon { &.active .x-icon {
display: block; display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0); .imagePath(@activePath, 0, 0);
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0); .imagePath(@disablePath, 0, 0);
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled.active .x-icon { &.disabled.active .x-icon {
display: block; display: block;
.image2xPath(@activeDisablePath, 0, 0);
&.hack {
.imagePath(@activeDisablePath, 0, 0); .imagePath(@activeDisablePath, 0, 0);
} }
} }
}
} }
.icon_custom_hover(@class, @iconPath, @hoverPath:none, @disablePath:none) { .icon_custom_hover(@class, @iconPath, @hoverPath:none, @disablePath:none) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0); .imagePath(@iconPath, 0, 0);
} }
}
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon, &:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0); .imagePath(@hoverPath, 0, 0);
} }
}
&.native .x-icon, &.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0); .imagePath(@disablePath, 0, 0);
} }
} }
}
} }
// //
@ -177,8 +252,8 @@
.font(@class,@content, @color: @color-bi-font-native) { .font(@class,@content, @color: @color-bi-font-native) {
@fc: "\@{content}"; @fc: "\@{content}";
.@{class} { .@{class} {
& .b-font{ & .b-font {
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
} }
& .b-font:before { & .b-font:before {
content: @fc; content: @fc;
@ -195,8 +270,8 @@
.font-hover(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover) { .font-hover(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover) {
@fc: "\@{content}"; @fc: "\@{content}";
.@{class} { .@{class} {
& .b-font{ & .b-font {
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
} }
& .b-font:before { & .b-font:before {
content: @fc; content: @fc;
@ -219,8 +294,8 @@
.font-effect(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active, @color-selected: @color-bi-font-active) { .font-effect(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active, @color-selected: @color-bi-font-active) {
@fc: "\@{content}"; @fc: "\@{content}";
.@{class} { .@{class} {
& .b-font{ & .b-font {
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
} }
& .b-font:before { & .b-font:before {
content: @fc; content: @fc;
@ -251,8 +326,8 @@
.font-hover-active(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active) { .font-hover-active(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active) {
@fc: "\@{content}"; @fc: "\@{content}";
.@{class} { .@{class} {
& .b-font{ & .b-font {
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
} }
& .b-font:before { & .b-font:before {
content: @fc; content: @fc;

1
src/less/var.less

@ -1,5 +1,6 @@
@webUrl: ''; @webUrl: '';
@imageUrl: ''; //图片的基本地址 @imageUrl: ''; //图片的基本地址
@image2xUrl: ''; //图片的基本地址
@cursor: '@{imageUrl}cursor/cursor_hand.cur'; @cursor: '@{imageUrl}cursor/cursor_hand.cur';
@dragCursor: '@{imageUrl}cursor/cursor_drag_hand.cur'; @dragCursor: '@{imageUrl}cursor/cursor_drag_hand.cur';

132
src/widget/datetime/datetime.combo.js

@ -0,0 +1,132 @@
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeCombo = BI.inherit(BI.Single, {
constants: {
popupHeight: 290,
popupWidth: 270,
comboAdjustHeight: 1,
border: 1,
DATE_MIN_VALUE: "1900-01-01",
DATE_MAX_VALUE: "2099-12-31"
},
_defaultConfig: function () {
return BI.extend(BI.DateTimeCombo.superclass._defaultConfig.apply(this, arguments), {
baseCls: 'bi-date-time-combo',
height: 24
});
},
_init: function () {
BI.DateTimeCombo.superclass._init.apply(this, arguments);
var self = this;
var date = new Date();
this.storeValue = {
value: {
year: date.getFullYear(),
month: date.getMonth(),
day: date.getDate(),
hour: date.getHours(),
minute: date.getMinutes(),
second: date.getSeconds()
}
};
this.trigger = BI.createWidget({
type: 'bi.date_time_trigger'
});
this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function () {
self.combo.toggle();
});
this.popup = BI.createWidget({
type: "bi.date_time_popup",
min: this.constants.DATE_MIN_VALUE,
max: this.constants.DATE_MAX_VALUE
});
self.setValue(this.storeValue);
this.popup.on(BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE, function () {
self.setValue(self.storeValue);
self.combo.hideView();
self.fireEvent(BI.DateTimeCombo.EVENT_CANCEL);
});
this.popup.on(BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE, function () {
self.storeValue = self.popup.getValue();
self.setValue(self.storeValue);
self.combo.hideView();
self.fireEvent(BI.DateTimeCombo.EVENT_CONFIRM);
});
this.popup.on(BI.DateTimePopup.CALENDAR_EVENT_CHANGE, function () {
self.trigger.setValue(self.popup.getValue());
});
this.combo = BI.createWidget({
type: 'bi.combo',
toggle: false,
isNeedAdjustHeight: false,
isNeedAdjustWidth: false,
el: this.trigger,
adjustLength: this.constants.comboAdjustHeight,
popup: {
el: this.popup,
maxHeight: this.constants.popupHeight,
width: this.constants.popupWidth,
stopPropagation: false
}
});
this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
self.popup.setValue(self.storeValue);
self.fireEvent(BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW);
});
var triggerBtn = BI.createWidget({
type: "bi.trigger_icon_button",
cls: "chart-date-normal-font bi-border-left bi-border-top bi-border-bottom",
width: 30,
height: 25
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
if (self.combo.isViewVisible()) {
self.combo.hideView();
} else {
self.combo.showView();
}
});
BI.createWidget({
type: "bi.htape",
element: this,
items: [{
type: "bi.absolute",
items: [{
el: this.combo,
top: 0,
left: 0,
right: 0,
bottom: 0
}, {
el: triggerBtn,
top: 0,
left: 0
}]
}]
})
},
setValue: function (v) {
this.storeValue = v;
this.popup.setValue(v);
this.trigger.setValue(v);
},
getValue: function () {
return {
value: this.storeValue,
text: this.trigger.getValue()
};
}
});
BI.DateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL";
BI.DateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.DateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW = "BI.DateTimeCombo.EVENT_BEFORE_POPUPVIEW";
BI.shortcut('bi.date_time_combo', BI.DateTimeCombo);

38
src/widget/datetime/datetime.js

@ -0,0 +1,38 @@
/**
* Created by Urthur on 2017/7/14.
*/
BI.CustomDateTimeCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.CustomDateTimeCombo.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-custom-date-time-combo"
})
},
_init: function () {
BI.CustomDateTimeCombo.superclass._init.apply(this, arguments);
var self = this;
this.DateTime = BI.createWidget({
type: "bi.date_time_combo",
element: this
});
this.DateTime.on(BI.DateTimeCombo.EVENT_CANCEL, function () {
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CANCEL);
});
this.DateTime.on(BI.DateTimeCombo.EVENT_CONFIRM, function () {
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CONFIRM);
});
},
getValue: function () {
return this.DateTime.getValue();
},
setValue: function (v) {
this.DateTime.setValue(v);
}
});
BI.CustomDateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.CustomDateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL";
BI.CustomDateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.custom_date_time_combo", BI.CustomDateTimeCombo);

175
src/widget/datetime/datetime.popup.js

@ -0,0 +1,175 @@
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimePopup = BI.inherit(BI.Widget, {
constants: {
triggerHeight: 24,
buttonWidth: 90,
buttonHeight: 25,
popupHeight: 290,
popupWidth: 270,
comboAdjustHeight: 1,
lgap: 2,
border: 1
},
_defaultConfig: function () {
return BI.extend(BI.DateTimePopup.superclass._defaultConfig.apply(this, arguments), {
baseCls: 'bi-date-time-popup',
width: 268,
height: 290
});
},
_init: function () {
BI.DateTimePopup.superclass._init.apply(this, arguments);
var self = this;
this.cancelButton = BI.createWidget({
type: 'bi.text_button',
forceCenter: true,
cls: 'bi-multidate-popup-button bi-border-top bi-border-right',
shadow: true,
text: BI.i18nText("BI-Basic_Cancel")
});
this.cancelButton.on(BI.TextButton.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE);
});
this.okButton = BI.createWidget({
type: "bi.text_button",
forceCenter: true,
cls: 'bi-multidate-popup-button bi-border-top',
shadow: true,
text: BI.i18nText("BI-Basic_OK")
});
this.okButton.on(BI.TextButton.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE);
});
this.dateCombo = BI.createWidget({
type: "bi.date_calendar_popup",
min: self.options.min,
max: self.options.max
});
self.dateCombo.on(BI.DateCalendarPopup.EVENT_CHANGE, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
this.dateSelect = BI.createWidget({
type: "bi.horizontal",
cls: "bi-border-top",
items: [{
type: "bi.label",
text: BI.i18nText("BI-Basic_Time"),
width: 45
},{
type: "bi.date_time_select",
max: 23,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.hour = _ref;
self.hour.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
},{
type: "bi.label",
text: ":",
width: 15
},{
type: "bi.date_time_select",
max: 59,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.minute = _ref;
self.minute.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
},{
type: "bi.label",
text: ":",
width: 15
},{
type: "bi.date_time_select",
max: 59,
min: 0,
width: 60,
height: 30,
ref: function (_ref) {
self.second = _ref;
self.second.on(BI.DateTimeSelect.EVENT_CONFIRM, function () {
self.fireEvent(BI.DateTimePopup.CALENDAR_EVENT_CHANGE);
});
}
}]
});
this.dateButton = BI.createWidget({
type: "bi.grid",
items: [[this.cancelButton, this.okButton]]
});
BI.createWidget({
element: this,
type: "bi.vtape",
items: [{
el: this.dateCombo
}, {
el: this.dateSelect,
height: 50
},{
el: this.dateButton,
height: 30
}]
});
},
setValue: function (v) {
var value, date;
if (BI.isNotNull(v)) {
value = v.value;
if(BI.isNull(value)){
date = new Date();
this.dateCombo.setValue({
year: date.getFullYear(),
month: date.getMonth(),
day: date.getDate()
});
this.hour.setValue(date.getHours());
this.minute.setValue(date.getMinutes());
this.second.setValue(date.getSeconds());
} else {
this.dateCombo.setValue({
year: value.year,
month: value.month,
day: value.day
});
this.hour.setValue(value.hour);
this.minute.setValue(value.minute);
this.second.setValue(value.second);
}
}
},
getValue: function () {
return {
value: {
year: this.dateCombo.getValue().year,
month: this.dateCombo.getValue().month,
day: this.dateCombo.getValue().day,
hour: this.hour.getValue(),
minute: this.minute.getValue(),
second: this.second.getValue()
}
}
}
});
BI.DateTimePopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE";
BI.DateTimePopup.BUTTON_CANCEL_EVENT_CHANGE = "BUTTON_CANCEL_EVENT_CHANGE";
BI.DateTimePopup.CALENDAR_EVENT_CHANGE = "CALENDAR_EVENT_CHANGE";
BI.shortcut('bi.date_time_popup', BI.DateTimePopup);

106
src/widget/datetime/datetime.select.js

@ -0,0 +1,106 @@
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeSelect = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.DateTimeSelect.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-date-time-select bi-border",
max: 23,
min: 0
})
},
_init: function () {
BI.DateTimeSelect.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.editor = BI.createWidget({
type: "bi.sign_editor",
value: this._alertInEditorValue(o.min),
errorText: BI.i18nText("BI-Please_Input_Natural_Number"),
validationChecker: function(v){
return BI.isNaturalNumber(v);
}
});
this.editor.on(BI.TextEditor.EVENT_CONFIRM, function(){
self._finetuning(0);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this.topBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
});
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this.bottomBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button bi-border-left"
});
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1);
self.fireEvent(BI.DateTimeSelect.EVENT_CONFIRM);
});
this._finetuning(0);
BI.createWidget({
type: "bi.htape",
element: this,
items: [this.editor, {
el: {
type: "bi.grid",
columns: 1,
rows: 2,
items: [{
column: 0,
row: 0,
el: this.topBtn
}, {
column: 0,
row: 1,
el: this.bottomBtn
}]
},
width: 30
}]
});
},
_alertOutEditorValue: function(v){
if (v > this.options.max){
v = this.options.min;
}
if (v < this.options.min){
v = this.options.max
}
return BI.parseInt(v);
},
_alertInEditorValue: function(v){
if (v > this.options.max){
v = this.options.min;
}
if (v < this.options.min){
v = this.options.max;
}
v = v < 10 ? "0" + v : v;
return v;
},
_finetuning: function(add){
var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue()));
this.editor.setValue(this._alertInEditorValue(v + add));
},
getValue: function () {
var v = this.editor.getValue();
return this._alertOutEditorValue(v);
},
setValue: function (v) {
this.editor.setValue(this._alertInEditorValue(v));
this._finetuning(0);
}
});
BI.DateTimeSelect.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.date_time_select", BI.DateTimeSelect);

68
src/widget/datetime/datetime.trigger.js

@ -0,0 +1,68 @@
/**
* Created by Urthur on 2017/7/14.
*/
BI.DateTimeTrigger = BI.inherit(BI.Trigger, {
_const: {
hgap: 4,
vgap: 2,
triggerWidth: 30
},
_defaultConfig: function () {
return BI.extend(BI.DateTimeTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-time-trigger",
height: 25,
width: 180
});
},
_init: function () {
BI.DateTimeTrigger.superclass._init.apply(this, arguments);
var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({
type: "bi.label",
cls: "bi-border",
textAlign: "left",
height: o.height,
width: o.width,
hgap: c.hgap,
vgap: c.vgap
});
BI.createWidget({
type: "bi.htape",
element: this,
items: [{
el: BI.createWidget(),
width: 30
}, {
el: this.text
}]
})
},
_printTime: function (v) {
return v < 10 ? "0" + v : v;
},
setValue: function (v) {
var self = this;
if (BI.isNotNull(v)) {
var value = v.value, dateStr;
if(BI.isNull(value)){
value = new Date();
dateStr = value.getFullYear() + "-" + self._printTime(value.getMonth() + 1) + "-" + self._printTime(value.getDate())
+ " " + self._printTime(value.getHours()) + ":" + self._printTime(value.getMinutes()) + ":" + self._printTime(value.getSeconds());
} else {
dateStr = value.year + "-" + self._printTime(value.month + 1) + "-" + self._printTime(value.day)
+ " " + self._printTime(value.hour) + ":" + self._printTime(value.minute) + ":" + self._printTime(value.second);
}
this.text.setText(dateStr);
this.text.setTitle(dateStr);
}
},
getValue: function () {
return this.text.getText();
}
});
BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK";
BI.shortcut("bi.date_time_trigger", BI.DateTimeTrigger);

15
src/widget/multiselect/multiselect.combo.js

@ -24,6 +24,8 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
self.trigger.getCounter().setButtonChecked(self.storeValue); self.trigger.getCounter().setButtonChecked(self.storeValue);
}; };
this.storeValue = {}; this.storeValue = {};
//标记正在请求数据
this.requesting = false;
this.trigger = BI.createWidget({ this.trigger = BI.createWidget({
type: "bi.multi_select_trigger", type: "bi.multi_select_trigger",
@ -162,10 +164,16 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
self.populate(); self.populate();
}); });
}); });
//当退出的时候如果还在处理请求,则等请求结束后再对外发确定事件
this.wants2Quit = false;
this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () {
//important:关闭弹出时又可能没有退出编辑状态 //important:关闭弹出时又可能没有退出编辑状态
self.trigger.stopEditing(); self.trigger.stopEditing();
if (self.requesting === true) {
self.wants2Quit = true;
} else {
self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM); self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM);
}
}); });
var triggerBtn = BI.createWidget({ var triggerBtn = BI.createWidget({
@ -218,6 +226,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
_joinKeywords: function (keywords, callback) { _joinKeywords: function (keywords, callback) {
var self = this, o = this.options; var self = this, o = this.options;
this._assertValue(this.storeValue); this._assertValue(this.storeValue);
this.requesting = true;
o.itemsCreator({ o.itemsCreator({
type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, type: BI.MultiSelectCombo.REQ_GET_ALL_DATA,
keywords: keywords keywords: keywords
@ -240,6 +249,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
_joinAll: function (res, callback) { _joinAll: function (res, callback) {
var self = this, o = this.options; var self = this, o = this.options;
this._assertValue(res); this._assertValue(res);
this.requesting = true;
o.itemsCreator({ o.itemsCreator({
type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, type: BI.MultiSelectCombo.REQ_GET_ALL_DATA,
keywords: [this.trigger.getKey()] keywords: [this.trigger.getKey()]
@ -300,6 +310,11 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
value: [] value: []
} }
} }
if (self.wants2Quit === true) {
self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM);
self.wants2Quit = false;
}
self.requesting = false;
} }
}, },

Loading…
Cancel
Save