Browse Source

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

* commit '3ea5efc01909ecf9b8b582c7d7df1241b31a9766':
  搬运少了
  update
es6
guy 7 years ago
parent
commit
20d7f027c0
  1. 5
      bi/widget.js
  2. 5
      dist/bundle.js
  3. 18
      dist/bundle.min.js
  4. 609
      dist/resource.css
  5. 5
      dist/widget.js
  6. 79
      src/css/resource/font.css
  7. 530
      src/css/resource/icon.css
  8. 190
      src/less/image.less
  9. 5
      src/widget/intervalslider/intervalslider.label.js

5
bi/widget.js

@ -6198,19 +6198,23 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
}, },
_rePosBySizeAfterMove: function (size, isLeft) { _rePosBySizeAfterMove: function (size, isLeft) {
var o = this.options;
var percent = size * 100 / (this._getGrayTrackLength()); var percent = size * 100 / (this._getGrayTrackLength());
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
var v = this._getValueByPercent(significantPercent); var v = this._getValueByPercent(significantPercent);
v = this._assertValue(v); v = this._assertValue(v);
v = o.digit === false ? v : v.toFixed(o.digit);
if(isLeft){ if(isLeft){
this._setLabelOnePosition(significantPercent); this._setLabelOnePosition(significantPercent);
this._setSliderOnePosition(significantPercent); this._setSliderOnePosition(significantPercent);
this.labelOne.setValue(v); this.labelOne.setValue(v);
self.labelOne.setText(v + o.unit);
this.valueOne = v; this.valueOne = v;
}else{ }else{
this._setLabelTwoPosition(significantPercent); this._setLabelTwoPosition(significantPercent);
this._setSliderTwoPosition(significantPercent); this._setSliderTwoPosition(significantPercent);
this.labelTwo.setValue(v); this.labelTwo.setValue(v);
self.labelTwo.setText(v + o.unit);
this.valueTwo = v; this.valueTwo = v;
} }
this._setBlueTrack(); this._setBlueTrack();
@ -6511,6 +6515,7 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
var valueOne = BI.parseFloat(v.min); var valueOne = BI.parseFloat(v.min);
var valueTwo = BI.parseFloat(v.max); var valueTwo = BI.parseFloat(v.max);
valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit); valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit);
valueTwo = o.digit === false ? valueTwo : valueTwo.toFixed(o.digit);
if (!isNaN(valueOne) && !isNaN(valueTwo)) { if (!isNaN(valueOne) && !isNaN(valueTwo)) {
if (this._checkValidation(valueOne)) { if (this._checkValidation(valueOne)) {
this.valueOne = valueOne; this.valueOne = valueOne;

5
dist/bundle.js vendored

@ -81213,19 +81213,23 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
}, },
_rePosBySizeAfterMove: function (size, isLeft) { _rePosBySizeAfterMove: function (size, isLeft) {
var o = this.options;
var percent = size * 100 / (this._getGrayTrackLength()); var percent = size * 100 / (this._getGrayTrackLength());
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
var v = this._getValueByPercent(significantPercent); var v = this._getValueByPercent(significantPercent);
v = this._assertValue(v); v = this._assertValue(v);
v = o.digit === false ? v : v.toFixed(o.digit);
if(isLeft){ if(isLeft){
this._setLabelOnePosition(significantPercent); this._setLabelOnePosition(significantPercent);
this._setSliderOnePosition(significantPercent); this._setSliderOnePosition(significantPercent);
this.labelOne.setValue(v); this.labelOne.setValue(v);
self.labelOne.setText(v + o.unit);
this.valueOne = v; this.valueOne = v;
}else{ }else{
this._setLabelTwoPosition(significantPercent); this._setLabelTwoPosition(significantPercent);
this._setSliderTwoPosition(significantPercent); this._setSliderTwoPosition(significantPercent);
this.labelTwo.setValue(v); this.labelTwo.setValue(v);
self.labelTwo.setText(v + o.unit);
this.valueTwo = v; this.valueTwo = v;
} }
this._setBlueTrack(); this._setBlueTrack();
@ -81526,6 +81530,7 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
var valueOne = BI.parseFloat(v.min); var valueOne = BI.parseFloat(v.min);
var valueTwo = BI.parseFloat(v.max); var valueTwo = BI.parseFloat(v.max);
valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit); valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit);
valueTwo = o.digit === false ? valueTwo : valueTwo.toFixed(o.digit);
if (!isNaN(valueOne) && !isNaN(valueTwo)) { if (!isNaN(valueOne) && !isNaN(valueTwo)) {
if (this._checkValidation(valueOne)) { if (this._checkValidation(valueOne)) {
this.valueOne = valueOne; this.valueOne = valueOne;

18
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

609
dist/resource.css vendored

File diff suppressed because it is too large Load Diff

5
dist/widget.js vendored

@ -6198,19 +6198,23 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
}, },
_rePosBySizeAfterMove: function (size, isLeft) { _rePosBySizeAfterMove: function (size, isLeft) {
var o = this.options;
var percent = size * 100 / (this._getGrayTrackLength()); var percent = size * 100 / (this._getGrayTrackLength());
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
var v = this._getValueByPercent(significantPercent); var v = this._getValueByPercent(significantPercent);
v = this._assertValue(v); v = this._assertValue(v);
v = o.digit === false ? v : v.toFixed(o.digit);
if(isLeft){ if(isLeft){
this._setLabelOnePosition(significantPercent); this._setLabelOnePosition(significantPercent);
this._setSliderOnePosition(significantPercent); this._setSliderOnePosition(significantPercent);
this.labelOne.setValue(v); this.labelOne.setValue(v);
self.labelOne.setText(v + o.unit);
this.valueOne = v; this.valueOne = v;
}else{ }else{
this._setLabelTwoPosition(significantPercent); this._setLabelTwoPosition(significantPercent);
this._setSliderTwoPosition(significantPercent); this._setSliderTwoPosition(significantPercent);
this.labelTwo.setValue(v); this.labelTwo.setValue(v);
self.labelTwo.setText(v + o.unit);
this.valueTwo = v; this.valueTwo = v;
} }
this._setBlueTrack(); this._setBlueTrack();
@ -6511,6 +6515,7 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
var valueOne = BI.parseFloat(v.min); var valueOne = BI.parseFloat(v.min);
var valueTwo = BI.parseFloat(v.max); var valueTwo = BI.parseFloat(v.max);
valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit); valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit);
valueTwo = o.digit === false ? valueTwo : valueTwo.toFixed(o.digit);
if (!isNaN(valueOne) && !isNaN(valueTwo)) { if (!isNaN(valueOne) && !isNaN(valueTwo)) {
if (this._checkValidation(valueOne)) { if (this._checkValidation(valueOne)) {
this.valueOne = valueOne; this.valueOne = valueOne;

79
src/css/resource/font.css

@ -22,7 +22,6 @@
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
} }
.close-font.native .b-font:before,
.close-font.disabled .b-font:before { .close-font.disabled .b-font:before {
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
@ -35,12 +34,10 @@
color: inherit; color: inherit;
} }
.close-h-font:hover .b-font:before, .close-h-font:hover .b-font:before,
.close-h-font:focus .b-font:before,
.close-h-font.hover .b-font:before { .close-h-font.hover .b-font:before {
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
} }
.close-h-font.native .b-font:before,
.close-h-font.disabled .b-font:before { .close-h-font.disabled .b-font:before {
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
@ -53,7 +50,6 @@
color: inherit; color: inherit;
} }
.close-ha-font:hover .b-font:before, .close-ha-font:hover .b-font:before,
.close-ha-font:focus .b-font:before,
.close-ha-font.hover .b-font:before { .close-ha-font.hover .b-font:before {
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
@ -63,7 +59,6 @@
content: "\e600"; content: "\e600";
color: #3f8ce8; color: #3f8ce8;
} }
.close-ha-font.native .b-font:before,
.close-ha-font.disabled .b-font:before { .close-ha-font.disabled .b-font:before {
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
@ -76,12 +71,10 @@
color: inherit; color: inherit;
} }
.search-close-h-font:hover .b-font:before, .search-close-h-font:hover .b-font:before,
.search-close-h-font:focus .b-font:before,
.search-close-h-font.hover .b-font:before { .search-close-h-font.hover .b-font:before {
content: "\e600"; content: "\e600";
color: #e85050; color: #e85050;
} }
.search-close-h-font.native .b-font:before,
.search-close-h-font.disabled .b-font:before { .search-close-h-font.disabled .b-font:before {
content: "\e600"; content: "\e600";
color: inherit; color: inherit;
@ -94,12 +87,10 @@
color: inherit; color: inherit;
} }
.pre-page-h-font:hover .b-font:before, .pre-page-h-font:hover .b-font:before,
.pre-page-h-font:focus .b-font:before,
.pre-page-h-font.hover .b-font:before { .pre-page-h-font.hover .b-font:before {
content: "\e601"; content: "\e601";
color: inherit; color: inherit;
} }
.pre-page-h-font.native .b-font:before,
.pre-page-h-font.disabled .b-font:before { .pre-page-h-font.disabled .b-font:before {
content: "\e601"; content: "\e601";
color: inherit; color: inherit;
@ -112,12 +103,10 @@
color: inherit; color: inherit;
} }
.next-page-h-font:hover .b-font:before, .next-page-h-font:hover .b-font:before,
.next-page-h-font:focus .b-font:before,
.next-page-h-font.hover .b-font:before { .next-page-h-font.hover .b-font:before {
content: "\e602"; content: "\e602";
color: inherit; color: inherit;
} }
.next-page-h-font.native .b-font:before,
.next-page-h-font.disabled .b-font:before { .next-page-h-font.disabled .b-font:before {
content: "\e602"; content: "\e602";
color: inherit; color: inherit;
@ -129,7 +118,6 @@
content: "\e604"; content: "\e604";
color: inherit; color: inherit;
} }
.search-font.native .b-font:before,
.search-font.disabled .b-font:before { .search-font.disabled .b-font:before {
content: "\e604"; content: "\e604";
color: inherit; color: inherit;
@ -141,7 +129,6 @@
content: "\e61b"; content: "\e61b";
color: inherit; color: inherit;
} }
.date-font.native .b-font:before,
.date-font.disabled .b-font:before { .date-font.disabled .b-font:before {
content: "\e61b"; content: "\e61b";
color: inherit; color: inherit;
@ -154,12 +141,10 @@
color: inherit; color: inherit;
} }
.date-change-h-font:hover .b-font:before, .date-change-h-font:hover .b-font:before,
.date-change-h-font:focus .b-font:before,
.date-change-h-font.hover .b-font:before { .date-change-h-font.hover .b-font:before {
content: "\e660"; content: "\e660";
color: inherit; color: inherit;
} }
.date-change-h-font.native .b-font:before,
.date-change-h-font.disabled .b-font:before { .date-change-h-font.disabled .b-font:before {
content: "\e660"; content: "\e660";
color: inherit; color: inherit;
@ -171,7 +156,6 @@
content: "\e606"; content: "\e606";
color: #1a1a1a; color: #1a1a1a;
} }
.dot-font.native .b-font:before,
.dot-font.disabled .b-font:before { .dot-font.disabled .b-font:before {
content: "\e606"; content: "\e606";
color: #1a1a1a; color: #1a1a1a;
@ -184,12 +168,10 @@
color: #1a1a1a; color: #1a1a1a;
} }
.dot-h-font:hover .b-font:before, .dot-h-font:hover .b-font:before,
.dot-h-font:focus .b-font:before,
.dot-h-font.hover .b-font:before { .dot-h-font.hover .b-font:before {
content: "\e606"; content: "\e606";
color: inherit; color: inherit;
} }
.dot-h-font.native .b-font:before,
.dot-h-font.disabled .b-font:before { .dot-h-font.disabled .b-font:before {
content: "\e606"; content: "\e606";
color: #1a1a1a; color: #1a1a1a;
@ -202,7 +184,6 @@
color: #ffffff; color: #ffffff;
} }
.dot-ha-font:hover .b-font:before, .dot-ha-font:hover .b-font:before,
.dot-ha-font:focus .b-font:before,
.dot-ha-font.hover .b-font:before { .dot-ha-font.hover .b-font:before {
content: "\e606"; content: "\e606";
color: #999999; color: #999999;
@ -212,7 +193,6 @@
content: "\e606"; content: "\e606";
color: #1a1a1a; color: #1a1a1a;
} }
.dot-ha-font.native .b-font:before,
.dot-ha-font.disabled .b-font:before { .dot-ha-font.disabled .b-font:before {
content: "\e606"; content: "\e606";
color: #ffffff; color: #ffffff;
@ -225,7 +205,6 @@
color: #ffffff; color: #ffffff;
} }
.dot-e-font:hover .b-font:before, .dot-e-font:hover .b-font:before,
.dot-e-font:focus .b-font:before,
.dot-e-font.hover .b-font:before { .dot-e-font.hover .b-font:before {
content: "\e606"; content: "\e606";
color: #999999; color: #999999;
@ -238,7 +217,6 @@
content: "\e606"; content: "\e606";
color: #3f8ce8; color: #3f8ce8;
} }
.dot-e-font.native .b-font:before,
.dot-e-font.disabled .b-font:before { .dot-e-font.disabled .b-font:before {
content: "\e606"; content: "\e606";
color: #ffffff; color: #ffffff;
@ -250,7 +228,6 @@
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
} }
.pull-right-font.native .b-font:before,
.pull-right-font.disabled .b-font:before { .pull-right-font.disabled .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -263,12 +240,10 @@
color: inherit; color: inherit;
} }
.pull-right-h-font:hover .b-font:before, .pull-right-h-font:hover .b-font:before,
.pull-right-h-font:focus .b-font:before,
.pull-right-h-font.hover .b-font:before { .pull-right-h-font.hover .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
} }
.pull-right-h-font.native .b-font:before,
.pull-right-h-font.disabled .b-font:before { .pull-right-h-font.disabled .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -281,7 +256,6 @@
color: inherit; color: inherit;
} }
.pull-right-ha-font:hover .b-font:before, .pull-right-ha-font:hover .b-font:before,
.pull-right-ha-font:focus .b-font:before,
.pull-right-ha-font.hover .b-font:before { .pull-right-ha-font.hover .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -291,7 +265,6 @@
content: "\e607"; content: "\e607";
color: #3f8ce8; color: #3f8ce8;
} }
.pull-right-ha-font.native .b-font:before,
.pull-right-ha-font.disabled .b-font:before { .pull-right-ha-font.disabled .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -304,7 +277,6 @@
color: inherit; color: inherit;
} }
.pull-right-e-font:hover .b-font:before, .pull-right-e-font:hover .b-font:before,
.pull-right-e-font:focus .b-font:before,
.pull-right-e-font.hover .b-font:before { .pull-right-e-font.hover .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -317,7 +289,6 @@
content: "\e607"; content: "\e607";
color: #3f8ce8; color: #3f8ce8;
} }
.pull-right-e-font.native .b-font:before,
.pull-right-e-font.disabled .b-font:before { .pull-right-e-font.disabled .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -329,7 +300,6 @@
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
} }
.copy-font.native .b-font:before,
.copy-font.disabled .b-font:before { .copy-font.disabled .b-font:before {
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
@ -342,12 +312,10 @@
color: #1a1a1a; color: #1a1a1a;
} }
.copy-h-font:hover .b-font:before, .copy-h-font:hover .b-font:before,
.copy-h-font:focus .b-font:before,
.copy-h-font.hover .b-font:before { .copy-h-font.hover .b-font:before {
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
} }
.copy-h-font.native .b-font:before,
.copy-h-font.disabled .b-font:before { .copy-h-font.disabled .b-font:before {
content: "\e610"; content: "\e610";
color: #1a1a1a; color: #1a1a1a;
@ -360,7 +328,6 @@
color: inherit; color: inherit;
} }
.copy-ha-font:hover .b-font:before, .copy-ha-font:hover .b-font:before,
.copy-ha-font:focus .b-font:before,
.copy-ha-font.hover .b-font:before { .copy-ha-font.hover .b-font:before {
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
@ -370,7 +337,6 @@
content: "\e610"; content: "\e610";
color: #3f8ce8; color: #3f8ce8;
} }
.copy-ha-font.native .b-font:before,
.copy-ha-font.disabled .b-font:before { .copy-ha-font.disabled .b-font:before {
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
@ -383,7 +349,6 @@
color: inherit; color: inherit;
} }
.copy-e-font:hover .b-font:before, .copy-e-font:hover .b-font:before,
.copy-e-font:focus .b-font:before,
.copy-e-font.hover .b-font:before { .copy-e-font.hover .b-font:before {
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
@ -396,7 +361,6 @@
content: "\e610"; content: "\e610";
color: #3f8ce8; color: #3f8ce8;
} }
.copy-e-font.native .b-font:before,
.copy-e-font.disabled .b-font:before { .copy-e-font.disabled .b-font:before {
content: "\e610"; content: "\e610";
color: inherit; color: inherit;
@ -408,7 +372,6 @@
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
} }
.check-mark-font.native .b-font:before,
.check-mark-font.disabled .b-font:before { .check-mark-font.disabled .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
@ -421,12 +384,10 @@
color: inherit; color: inherit;
} }
.check-mark-h-font:hover .b-font:before, .check-mark-h-font:hover .b-font:before,
.check-mark-h-font:focus .b-font:before,
.check-mark-h-font.hover .b-font:before { .check-mark-h-font.hover .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
} }
.check-mark-h-font.native .b-font:before,
.check-mark-h-font.disabled .b-font:before { .check-mark-h-font.disabled .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
@ -439,7 +400,6 @@
color: inherit; color: inherit;
} }
.check-mark-ha-font:hover .b-font:before, .check-mark-ha-font:hover .b-font:before,
.check-mark-ha-font:focus .b-font:before,
.check-mark-ha-font.hover .b-font:before { .check-mark-ha-font.hover .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
@ -449,7 +409,6 @@
content: "\e611"; content: "\e611";
color: #3f8ce8; color: #3f8ce8;
} }
.check-mark-ha-font.native .b-font:before,
.check-mark-ha-font.disabled .b-font:before { .check-mark-ha-font.disabled .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
@ -462,7 +421,6 @@
color: inherit; color: inherit;
} }
.check-mark-e-font:hover .b-font:before, .check-mark-e-font:hover .b-font:before,
.check-mark-e-font:focus .b-font:before,
.check-mark-e-font.hover .b-font:before { .check-mark-e-font.hover .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
@ -475,7 +433,6 @@
content: "\e611"; content: "\e611";
color: #3f8ce8; color: #3f8ce8;
} }
.check-mark-e-font.native .b-font:before,
.check-mark-e-font.disabled .b-font:before { .check-mark-e-font.disabled .b-font:before {
content: "\e611"; content: "\e611";
color: inherit; color: inherit;
@ -488,7 +445,6 @@
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
} }
.tree-node-triangle-expand-font.native .b-font:before,
.tree-node-triangle-expand-font.disabled .b-font:before { .tree-node-triangle-expand-font.disabled .b-font:before {
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
@ -500,7 +456,6 @@
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
} }
.tree-node-triangle-collapse-font.native .b-font:before,
.tree-node-triangle-collapse-font.disabled .b-font:before { .tree-node-triangle-collapse-font.disabled .b-font:before {
content: "\e607"; content: "\e607";
color: inherit; color: inherit;
@ -513,12 +468,10 @@
color: inherit; color: inherit;
} }
.row-pre-page-h-font:hover .b-font:before, .row-pre-page-h-font:hover .b-font:before,
.row-pre-page-h-font:focus .b-font:before,
.row-pre-page-h-font.hover .b-font:before { .row-pre-page-h-font.hover .b-font:before {
content: "\e6be"; content: "\e6be";
color: inherit; color: inherit;
} }
.row-pre-page-h-font.native .b-font:before,
.row-pre-page-h-font.disabled .b-font:before { .row-pre-page-h-font.disabled .b-font:before {
content: "\e6be"; content: "\e6be";
color: inherit; color: inherit;
@ -531,12 +484,10 @@
color: inherit; color: inherit;
} }
.row-next-page-h-font:hover .b-font:before, .row-next-page-h-font:hover .b-font:before,
.row-next-page-h-font:focus .b-font:before,
.row-next-page-h-font.hover .b-font:before { .row-next-page-h-font.hover .b-font:before {
content: "\e6bd"; content: "\e6bd";
color: inherit; color: inherit;
} }
.row-next-page-h-font.native .b-font:before,
.row-next-page-h-font.disabled .b-font:before { .row-next-page-h-font.disabled .b-font:before {
content: "\e6bd"; content: "\e6bd";
color: inherit; color: inherit;
@ -549,12 +500,10 @@
color: inherit; color: inherit;
} }
.column-pre-page-h-font:hover .b-font:before, .column-pre-page-h-font:hover .b-font:before,
.column-pre-page-h-font:focus .b-font:before,
.column-pre-page-h-font.hover .b-font:before { .column-pre-page-h-font.hover .b-font:before {
content: "\e6bc"; content: "\e6bc";
color: inherit; color: inherit;
} }
.column-pre-page-h-font.native .b-font:before,
.column-pre-page-h-font.disabled .b-font:before { .column-pre-page-h-font.disabled .b-font:before {
content: "\e6bc"; content: "\e6bc";
color: inherit; color: inherit;
@ -567,12 +516,10 @@
color: inherit; color: inherit;
} }
.column-next-page-h-font:hover .b-font:before, .column-next-page-h-font:hover .b-font:before,
.column-next-page-h-font:focus .b-font:before,
.column-next-page-h-font.hover .b-font:before { .column-next-page-h-font.hover .b-font:before {
content: "\e6bb"; content: "\e6bb";
color: inherit; color: inherit;
} }
.column-next-page-h-font.native .b-font:before,
.column-next-page-h-font.disabled .b-font:before { .column-next-page-h-font.disabled .b-font:before {
content: "\e6bb"; content: "\e6bb";
color: inherit; color: inherit;
@ -585,7 +532,6 @@
color: #999999; color: #999999;
} }
.trigger-triangle-font:hover .b-font:before, .trigger-triangle-font:hover .b-font:before,
.trigger-triangle-font:focus .b-font:before,
.trigger-triangle-font.hover .b-font:before { .trigger-triangle-font.hover .b-font:before {
content: "\e66a"; content: "\e66a";
color: #999999; color: #999999;
@ -595,7 +541,6 @@
content: "\e66a"; content: "\e66a";
color: #3f8ce8; color: #3f8ce8;
} }
.trigger-triangle-font.native .b-font:before,
.trigger-triangle-font.disabled .b-font:before { .trigger-triangle-font.disabled .b-font:before {
content: "\e66a"; content: "\e66a";
color: #999999; color: #999999;
@ -607,7 +552,6 @@
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
} }
.pull-down-font.native .b-font:before,
.pull-down-font.disabled .b-font:before { .pull-down-font.disabled .b-font:before {
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
@ -620,12 +564,10 @@
color: inherit; color: inherit;
} }
.pull-down-h-font:hover .b-font:before, .pull-down-h-font:hover .b-font:before,
.pull-down-h-font:focus .b-font:before,
.pull-down-h-font.hover .b-font:before { .pull-down-h-font.hover .b-font:before {
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
} }
.pull-down-h-font.native .b-font:before,
.pull-down-h-font.disabled .b-font:before { .pull-down-h-font.disabled .b-font:before {
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
@ -638,7 +580,6 @@
color: inherit; color: inherit;
} }
.pull-down-ha-font:hover .b-font:before, .pull-down-ha-font:hover .b-font:before,
.pull-down-ha-font:focus .b-font:before,
.pull-down-ha-font.hover .b-font:before { .pull-down-ha-font.hover .b-font:before {
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
@ -648,7 +589,6 @@
content: "\e608"; content: "\e608";
color: #3f8ce8; color: #3f8ce8;
} }
.pull-down-ha-font.native .b-font:before,
.pull-down-ha-font.disabled .b-font:before { .pull-down-ha-font.disabled .b-font:before {
content: "\e608"; content: "\e608";
color: inherit; color: inherit;
@ -660,7 +600,6 @@
content: "\e611"; content: "\e611";
color: #3f8ce8; color: #3f8ce8;
} }
.check-font.native .b-font:before,
.check-font.disabled .b-font:before { .check-font.disabled .b-font:before {
content: "\e611"; content: "\e611";
color: #3f8ce8; color: #3f8ce8;
@ -673,7 +612,6 @@
color: #ffffff; color: #ffffff;
} }
.item-check-font:hover .b-font:before, .item-check-font:hover .b-font:before,
.item-check-font:focus .b-font:before,
.item-check-font.hover .b-font:before { .item-check-font.hover .b-font:before {
content: "\e611"; content: "\e611";
color: #999999; color: #999999;
@ -683,7 +621,6 @@
content: "\e611"; content: "\e611";
color: #3f8ce8; color: #3f8ce8;
} }
.item-check-font.native .b-font:before,
.item-check-font.disabled .b-font:before { .item-check-font.disabled .b-font:before {
content: "\e611"; content: "\e611";
color: #ffffff; color: #ffffff;
@ -696,12 +633,10 @@
color: inherit; color: inherit;
} }
.primary-key-font:hover .b-font:before, .primary-key-font:hover .b-font:before,
.primary-key-font:focus .b-font:before,
.primary-key-font.hover .b-font:before { .primary-key-font.hover .b-font:before {
content: "\e67d;"; content: "\e67d;";
color: inherit; color: inherit;
} }
.primary-key-font.native .b-font:before,
.primary-key-font.disabled .b-font:before { .primary-key-font.disabled .b-font:before {
content: "\e67d;"; content: "\e67d;";
color: inherit; color: inherit;
@ -713,7 +648,6 @@
content: "\e600"; content: "\e600";
color: #f07d0a; color: #f07d0a;
} }
.drag-tag-font.native .b-font:before,
.drag-tag-font.disabled .b-font:before { .drag-tag-font.disabled .b-font:before {
content: "\e600"; content: "\e600";
color: #f07d0a; color: #f07d0a;
@ -726,7 +660,6 @@
color: inherit; color: inherit;
} }
.less-font:hover .b-font:before, .less-font:hover .b-font:before,
.less-font:focus .b-font:before,
.less-font.hover .b-font:before { .less-font.hover .b-font:before {
content: "\e633"; content: "\e633";
color: inherit; color: inherit;
@ -736,7 +669,6 @@
content: "\e633"; content: "\e633";
color: #3f8ce8; color: #3f8ce8;
} }
.less-font.native .b-font:before,
.less-font.disabled .b-font:before { .less-font.disabled .b-font:before {
content: "\e633"; content: "\e633";
color: inherit; color: inherit;
@ -749,7 +681,6 @@
color: inherit; color: inherit;
} }
.less-equal-font:hover .b-font:before, .less-equal-font:hover .b-font:before,
.less-equal-font:focus .b-font:before,
.less-equal-font.hover .b-font:before { .less-equal-font.hover .b-font:before {
content: "\e636"; content: "\e636";
color: inherit; color: inherit;
@ -759,7 +690,6 @@
content: "\e636"; content: "\e636";
color: #3f8ce8; color: #3f8ce8;
} }
.less-equal-font.native .b-font:before,
.less-equal-font.disabled .b-font:before { .less-equal-font.disabled .b-font:before {
content: "\e636"; content: "\e636";
color: inherit; color: inherit;
@ -771,7 +701,6 @@
content: "\e64d"; content: "\e64d";
color: inherit; color: inherit;
} }
.text-bold-font.native .b-font:before,
.text-bold-font.disabled .b-font:before { .text-bold-font.disabled .b-font:before {
content: "\e64d"; content: "\e64d";
color: inherit; color: inherit;
@ -783,7 +712,6 @@
content: "\e656"; content: "\e656";
color: inherit; color: inherit;
} }
.text-italic-font.native .b-font:before,
.text-italic-font.disabled .b-font:before { .text-italic-font.disabled .b-font:before {
content: "\e656"; content: "\e656";
color: inherit; color: inherit;
@ -795,7 +723,6 @@
content: "\e650"; content: "\e650";
color: inherit; color: inherit;
} }
.text-underline-font.native .b-font:before,
.text-underline-font.disabled .b-font:before { .text-underline-font.disabled .b-font:before {
content: "\e650"; content: "\e650";
color: inherit; color: inherit;
@ -807,7 +734,6 @@
content: "\e69c"; content: "\e69c";
color: inherit; color: inherit;
} }
.text-color-font.native .b-font:before,
.text-color-font.disabled .b-font:before { .text-color-font.disabled .b-font:before {
content: "\e69c"; content: "\e69c";
color: inherit; color: inherit;
@ -819,7 +745,6 @@
content: "\e696"; content: "\e696";
color: inherit; color: inherit;
} }
.text-background-font.native .b-font:before,
.text-background-font.disabled .b-font:before { .text-background-font.disabled .b-font:before {
content: "\e696"; content: "\e696";
color: inherit; color: inherit;
@ -831,7 +756,6 @@
content: "\e69d"; content: "\e69d";
color: inherit; color: inherit;
} }
.text-color-underline-font.native .b-font:before,
.text-color-underline-font.disabled .b-font:before { .text-color-underline-font.disabled .b-font:before {
content: "\e69d"; content: "\e69d";
color: inherit; color: inherit;
@ -843,7 +767,6 @@
content: "\e654"; content: "\e654";
color: inherit; color: inherit;
} }
.text-align-left-font.native .b-font:before,
.text-align-left-font.disabled .b-font:before { .text-align-left-font.disabled .b-font:before {
content: "\e654"; content: "\e654";
color: inherit; color: inherit;
@ -855,7 +778,6 @@
content: "\e64f"; content: "\e64f";
color: inherit; color: inherit;
} }
.text-align-center-font.native .b-font:before,
.text-align-center-font.disabled .b-font:before { .text-align-center-font.disabled .b-font:before {
content: "\e64f"; content: "\e64f";
color: inherit; color: inherit;
@ -867,7 +789,6 @@
content: "\e651"; content: "\e651";
color: inherit; color: inherit;
} }
.text-align-right-font.native .b-font:before,
.text-align-right-font.disabled .b-font:before { .text-align-right-font.disabled .b-font:before {
content: "\e651"; content: "\e651";
color: inherit; color: inherit;

530
src/css/resource/icon.css

@ -1,659 +1,263 @@
.tree-collapse-icon-type1 .x-icon, .tree-collapse-icon-type1 .x-icon {
.tree-collapse-icon-type1:hover .x-icon,
.tree-collapse-icon-type1:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-collapse-icon-type1 .x-icon.hack, .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('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type1.native .x-icon, .tree-collapse-icon-type2 .x-icon {
.tree-collapse-icon-type1.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type1.native .x-icon.hack,
.tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type2 .x-icon,
.tree-collapse-icon-type2:hover .x-icon,
.tree-collapse-icon-type2:active .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png');
background-size: contain;
_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('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type2.native .x-icon,
.tree-collapse-icon-type2.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-collapse-icon-type2.native .x-icon.hack, .tree-collapse-icon-type2 .x-icon.hack {
.tree-collapse-icon-type2.disabled .x-icon.hack {
background: url('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
_background: none; _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:active .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png');
background-size: contain;
_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('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type3.native .x-icon,
.tree-collapse-icon-type3.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-collapse-icon-type3.native .x-icon.hack, .tree-collapse-icon-type3 .x-icon.hack {
.tree-collapse-icon-type3.disabled .x-icon.hack {
background: url('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-collapse-icon-type4 .x-icon.hack, .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('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
_background: none; _background: none;
} }
.tree-collapse-icon-type4.native .x-icon, .tree-expand-icon-type1 .x-icon {
.tree-collapse-icon-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type4.native .x-icon.hack,
.tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
_background: none;
}
.tree-expand-icon-type1 .x-icon,
.tree-expand-icon-type1:hover .x-icon,
.tree-expand-icon-type1:active .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png');
background-size: contain;
_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('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type1.native .x-icon,
.tree-expand-icon-type1.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-expand-icon-type1.native .x-icon.hack, .tree-expand-icon-type1 .x-icon.hack {
.tree-expand-icon-type1.disabled .x-icon.hack {
background: url('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
_background: none; _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:active .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png');
background-size: contain;
_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('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type2.native .x-icon,
.tree-expand-icon-type2.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-expand-icon-type2.native .x-icon.hack, .tree-expand-icon-type2 .x-icon.hack {
.tree-expand-icon-type2.disabled .x-icon.hack {
background: url('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-expand-icon-type3 .x-icon.hack, .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('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
_background: none; _background: none;
} }
.tree-expand-icon-type3.native .x-icon, .tree-expand-icon-type4 .x-icon {
.tree-expand-icon-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type3.native .x-icon.hack,
.tree-expand-icon-type3.disabled .x-icon.hack {
background: url('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type4 .x-icon,
.tree-expand-icon-type4:hover .x-icon,
.tree-expand-icon-type4:active .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png');
background-size: contain;
_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('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
_background: none;
}
.tree-expand-icon-type4.native .x-icon,
.tree-expand-icon-type4.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-expand-icon-type4.native .x-icon.hack, .tree-expand-icon-type4 .x-icon.hack {
.tree-expand-icon-type4.disabled .x-icon.hack {
background: url('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
_background: none; _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:active .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png');
background-size: contain;
_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('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type2.native .x-icon,
.tree-vertical-line-type2.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-vertical-line-type2.native .x-icon.hack, .tree-vertical-line-type2 .x-icon.hack {
.tree-vertical-line-type2.disabled .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-vertical-line-type3 .x-icon.hack, .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('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.tree-vertical-line-type3.native .x-icon, .tree-vertical-line-type4 .x-icon {
.tree-vertical-line-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type3.native .x-icon.hack,
.tree-vertical-line-type3.disabled .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type4 .x-icon,
.tree-vertical-line-type4:hover .x-icon,
.tree-vertical-line-type4:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px; background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.tree-vertical-line-type4 .x-icon.hack, .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('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px; background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
_background: none; _background: none;
} }
.tree-vertical-line-type4.native .x-icon, .bi-theme-dark .tree-collapse-icon-type1 .x-icon {
.tree-vertical-line-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type4.native .x-icon.hack,
.tree-vertical-line-type4.disabled .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
_background: none;
}
.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:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png');
background-size: contain;
_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('images/1x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon.hack, .bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack {
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack, .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('images/1x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon, .bi-theme-dark .tree-collapse-icon-type3 .x-icon {
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png');
background-size: contain;
_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('images/1x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
_background: none;
}
.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:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png');
background-size: contain;
_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('images/1x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon.hack, .bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack {
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
_background: none; _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:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png');
background-size: contain;
_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('images/1x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon.hack, .bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack {
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack, .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('images/1x/icon/dark/tree-expand-1.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type1.native .x-icon, .bi-theme-dark .tree-expand-icon-type2 .x-icon {
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png');
background-size: contain;
_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('images/1x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
_background: none;
}
.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:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png');
background-size: contain;
_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('images/1x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type2.native .x-icon.hack, .bi-theme-dark .tree-expand-icon-type2 .x-icon.hack {
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack, .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('images/1x/icon/dark/tree-expand-3.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type3.native .x-icon, .bi-theme-dark .tree-expand-icon-type4 .x-icon {
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png');
background-size: contain;
_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('images/1x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
_background: none;
}
.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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack, .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('images/1x/icon/dark/tree-expand-4.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-expand-icon-type4.native .x-icon, .bi-theme-dark .tree-vertical-line-type2 .x-icon {
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png');
background-size: contain;
_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('images/1x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
_background: none;
}
.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:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png');
background-size: contain;
_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('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type2.native .x-icon.hack, .bi-theme-dark .tree-vertical-line-type2 .x-icon.hack {
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack, .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('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type3.native .x-icon, .bi-theme-dark .tree-vertical-line-type4 .x-icon {
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png');
background-size: contain;
_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('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px; background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack, .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('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/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.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png');
background-size: contain;
_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('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px; background: url('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
_background: none; _background: none;
@ -671,7 +275,6 @@
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon:focus .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; display: block;
background: url('images/2x/icon/check-box-normal.png') no-repeat 0 0; background: url('images/2x/icon/check-box-normal.png') no-repeat 0 0;
@ -680,7 +283,6 @@
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.check-box-icon:focus .x-icon.hack,
.check-box-icon.hover .x-icon.hack { .check-box-icon.hover .x-icon.hack {
background: url('images/1x/icon/check-box-normal.png') no-repeat 0 0; background: url('images/1x/icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
@ -700,7 +302,6 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
_background: none; _background: none;
} }
.check-box-icon.native .x-icon,
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/check-box-disable.png') no-repeat 0 0; background: url('images/2x/icon/check-box-disable.png') no-repeat 0 0;
@ -708,13 +309,11 @@
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled .x-icon.hack { .check-box-icon.disabled .x-icon.hack {
background: url('images/1x/icon/check-box-disable.png') no-repeat 0 0; background: url('images/1x/icon/check-box-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable.png');
_background: none; _background: none;
} }
.check-box-icon.native .x-icon,
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/check-box-disable2.png') no-repeat 0 0; background: url('images/2x/icon/check-box-disable2.png') no-repeat 0 0;
@ -722,7 +321,6 @@
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled.active .x-icon.hack { .check-box-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/check-box-disable2.png') no-repeat 0 0; background: url('images/1x/icon/check-box-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable2.png');
@ -741,7 +339,6 @@
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon:focus .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio-normal.png') no-repeat 0 0; background: url('images/2x/icon/radio-normal.png') no-repeat 0 0;
@ -750,7 +347,6 @@
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.radio-icon:focus .x-icon.hack,
.radio-icon.hover .x-icon.hack { .radio-icon.hover .x-icon.hack {
background: url('images/1x/icon/radio-normal.png') no-repeat 0 0; background: url('images/1x/icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-normal.png');
@ -770,7 +366,6 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-active.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-active.png');
_background: none; _background: none;
} }
.radio-icon.native .x-icon,
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio-disable.png') no-repeat 0 0; background: url('images/2x/icon/radio-disable.png') no-repeat 0 0;
@ -778,13 +373,11 @@
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.native .x-icon.hack,
.radio-icon.disabled .x-icon.hack { .radio-icon.disabled .x-icon.hack {
background: url('images/1x/icon/radio-disable.png') no-repeat 0 0; background: url('images/1x/icon/radio-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable.png');
_background: none; _background: none;
} }
.radio-icon.native .x-icon,
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio-disable2.png') no-repeat 0 0; background: url('images/2x/icon/radio-disable2.png') no-repeat 0 0;
@ -792,38 +385,19 @@
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.native .x-icon.hack,
.radio-icon.disabled.active .x-icon.hack { .radio-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/radio-disable2.png') no-repeat 0 0; background: url('images/1x/icon/radio-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable2.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable2.png');
_background: none; _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:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px; background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-half-select-icon .x-icon.hack, .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('images/1x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
_background: none;
}
.check-half-select-icon.native .x-icon,
.check-half-select-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
background-size: contain;
_background: none;
}
.check-half-select-icon.native .x-icon.hack,
.check-half-select-icon.disabled .x-icon.hack {
background: url('images/1x/icon/half_selected.png') no-repeat 0px 0px; background: url('images/1x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
_background: none; _background: none;
@ -841,7 +415,6 @@
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon:focus .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; display: block;
background: url('images/2x/icon/slider-active-small.png') no-repeat 0 0; background: url('images/2x/icon/slider-active-small.png') no-repeat 0 0;
@ -850,13 +423,20 @@
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.slider-icon:focus .x-icon.hack,
.slider-icon.hover .x-icon.hack { .slider-icon.hover .x-icon.hack {
background: url('images/1x/icon/slider-active-small.png') no-repeat 0 0; background: url('images/1x/icon/slider-active-small.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-active-small.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-active-small.png');
_background: none; _background: none;
} }
.slider-icon.native .x-icon,
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/slider-normal-small.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider-normal-small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('images/1x/icon/slider-normal-small.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-normal-small.png');
_background: none;
} }

190
src/less/image.less

@ -20,17 +20,7 @@
.icon(@class, @iconPath, @top:0px, @left:0px) { .icon(@class, @iconPath, @top:0px, @left:0px) {
.@{class} { .@{class} {
& .x-icon, & .x-icon {
&:hover .x-icon,
&:active .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left);
}
}
&.native .x-icon,
&.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left); .image2xPath(@iconPath, -@top, -@left);
&.hack { &.hack {
@ -50,7 +40,6 @@
} }
} }
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon, &.hover .x-icon,
&:active .x-icon, &:active .x-icon,
&.active .x-icon { &.active .x-icon {
@ -60,7 +49,6 @@
.imagePath(@iconPath, -@top, -(@left + @distance)); .imagePath(@iconPath, -@top, -(@left + @distance));
} }
} }
&.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left); .image2xPath(@iconPath, -@top, -@left);
@ -73,10 +61,7 @@
.icon_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) { .icon_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
.@{class} { .@{class} {
& .x-icon, & .x-icon {
&:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left); .image2xPath(@iconPath, -@top, -@left);
&.hack { &.hack {
@ -91,7 +76,6 @@
.imagePath(@iconPath, -@top, -(@left + @distance)); .imagePath(@iconPath, -@top, -(@left + @distance));
} }
} }
&.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left); .image2xPath(@iconPath, -@top, -@left);
@ -112,7 +96,6 @@
} }
} }
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -(@left+@distance)); .image2xPath(@iconPath, -@top, -(@left+@distance));
@ -129,7 +112,6 @@
.imagePath(@iconPath, -@top, -(@left+@distance*2)); .imagePath(@iconPath, -@top, -(@left+@distance*2));
} }
} }
&.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left); .image2xPath(@iconPath, -@top, -@left);
@ -156,7 +138,6 @@
.imagePath(@iconPath, -@top, -(@left+@distance)); .imagePath(@iconPath, -@top, -(@left+@distance));
} }
} }
&.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@iconPath, -@top, -@left); .image2xPath(@iconPath, -@top, -@left);
@ -167,7 +148,94 @@
} }
} }
.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) { .icon_custom(@class, @iconPath, @disablePath:none) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
}
}
}
}
.icon_custom(@class, @iconPath, @hoverPath, @disablePath) when not (@disablePath = none) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
}
}
}
}
.icon_custom(@class, @iconPath, @hoverPath, @activePath, @disablePath) when not (@disablePath = none) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0);
}
}
&:active .x-icon,
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
}
}
}
}
.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) when not (@activeDisablePath = none) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
@ -177,7 +245,6 @@
} }
} }
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@hoverPath, 0, 0); .image2xPath(@hoverPath, 0, 0);
@ -194,7 +261,6 @@
.imagePath(@activePath, 0, 0); .imagePath(@activePath, 0, 0);
} }
} }
&.native .x-icon,
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@disablePath, 0, 0); .image2xPath(@disablePath, 0, 0);
@ -202,7 +268,6 @@
.imagePath(@disablePath, 0, 0); .imagePath(@disablePath, 0, 0);
} }
} }
&.native .x-icon,
&.disabled.active .x-icon { &.disabled.active .x-icon {
display: block; display: block;
.image2xPath(@activeDisablePath, 0, 0); .image2xPath(@activeDisablePath, 0, 0);
@ -213,7 +278,7 @@
} }
} }
.icon_custom_hover(@class, @iconPath, @hoverPath:none, @disablePath:none) { .icon_custom_hover(@class, @iconPath, @hoverPath:none) {
.@{class} { .@{class} {
& .x-icon { & .x-icon {
display: block; display: block;
@ -223,7 +288,6 @@
} }
} }
&:hover .x-icon, &:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon { &.hover .x-icon {
display: block; display: block;
.image2xPath(@hoverPath, 0, 0); .image2xPath(@hoverPath, 0, 0);
@ -231,13 +295,72 @@
.imagePath(@hoverPath, 0, 0); .imagePath(@hoverPath, 0, 0);
} }
} }
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
}
}
&.native .x-icon, .icon_custom_hover_active(@class, @iconPath, @hoverPath:none, @activePath) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0);
}
}
&:active .x-icon,
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0);
}
}
&.disabled .x-icon { &.disabled .x-icon {
display: block; display: block;
.image2xPath(@disablePath, 0, 0); .image2xPath(@iconPath, 0, 0);
&.hack { &.hack {
.imagePath(@disablePath, 0, 0); .imagePath(@iconPath, 0, 0);
}
}
}
}
.icon_custom_select(@class, @iconPath, @hoverPath:none, @selectPath) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
} }
} }
} }
@ -260,7 +383,6 @@
content: @fc; content: @fc;
color: @color; color: @color;
} }
&.native .b-font:before,
&.disabled .b-font:before { &.disabled .b-font:before {
content: @fc; content: @fc;
color: @color; color: @color;
@ -279,12 +401,10 @@
color: @color-native; color: @color-native;
} }
&:hover .b-font:before, &:hover .b-font:before,
&:focus .b-font:before,
&.hover .b-font:before { &.hover .b-font:before {
content: @fc; content: @fc;
color: @color-hover; color: @color-hover;
} }
&.native .b-font:before,
&.disabled .b-font:before { &.disabled .b-font:before {
content: @fc; content: @fc;
color: @color-native; color: @color-native;
@ -303,7 +423,6 @@
color: @color-native; color: @color-native;
} }
&:hover .b-font:before, &:hover .b-font:before,
&:focus .b-font:before,
&.hover .b-font:before { &.hover .b-font:before {
content: @fc; content: @fc;
color: @color-hover; color: @color-hover;
@ -316,7 +435,6 @@
content: @fc; content: @fc;
color: @color-active; color: @color-active;
} }
&.native .b-font:before,
&.disabled .b-font:before { &.disabled .b-font:before {
content: @fc; content: @fc;
color: @color-native; color: @color-native;
@ -335,7 +453,6 @@
color: @color-native; color: @color-native;
} }
&:hover .b-font:before, &:hover .b-font:before,
&:focus .b-font:before,
&.hover .b-font:before { &.hover .b-font:before {
content: @fc; content: @fc;
color: @color-hover; color: @color-hover;
@ -346,7 +463,6 @@
content: @fc; content: @fc;
color: @color-active; color: @color-active;
} }
&.native .b-font:before,
&.disabled .b-font:before { &.disabled .b-font:before {
content: @fc; content: @fc;
color: @color-native; color: @color-native;

5
src/widget/intervalslider/intervalslider.label.js

@ -94,19 +94,23 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
}, },
_rePosBySizeAfterMove: function (size, isLeft) { _rePosBySizeAfterMove: function (size, isLeft) {
var o = this.options;
var percent = size * 100 / (this._getGrayTrackLength()); var percent = size * 100 / (this._getGrayTrackLength());
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
var v = this._getValueByPercent(significantPercent); var v = this._getValueByPercent(significantPercent);
v = this._assertValue(v); v = this._assertValue(v);
v = o.digit === false ? v : v.toFixed(o.digit);
if(isLeft){ if(isLeft){
this._setLabelOnePosition(significantPercent); this._setLabelOnePosition(significantPercent);
this._setSliderOnePosition(significantPercent); this._setSliderOnePosition(significantPercent);
this.labelOne.setValue(v); this.labelOne.setValue(v);
self.labelOne.setText(v + o.unit);
this.valueOne = v; this.valueOne = v;
}else{ }else{
this._setLabelTwoPosition(significantPercent); this._setLabelTwoPosition(significantPercent);
this._setSliderTwoPosition(significantPercent); this._setSliderTwoPosition(significantPercent);
this.labelTwo.setValue(v); this.labelTwo.setValue(v);
self.labelTwo.setText(v + o.unit);
this.valueTwo = v; this.valueTwo = v;
} }
this._setBlueTrack(); this._setBlueTrack();
@ -407,6 +411,7 @@ BI.IntervalSliderLabel = BI.inherit(BI.Widget, {
var valueOne = BI.parseFloat(v.min); var valueOne = BI.parseFloat(v.min);
var valueTwo = BI.parseFloat(v.max); var valueTwo = BI.parseFloat(v.max);
valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit); valueOne = o.digit === false ? valueOne : valueOne.toFixed(o.digit);
valueTwo = o.digit === false ? valueTwo : valueTwo.toFixed(o.digit);
if (!isNaN(valueOne) && !isNaN(valueTwo)) { if (!isNaN(valueOne) && !isNaN(valueTwo)) {
if (this._checkValidation(valueOne)) { if (this._checkValidation(valueOne)) {
this.valueOne = valueOne; this.valueOne = valueOne;

Loading…
Cancel
Save