Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

全局样式

es6
guy 8 years ago
parent
ceb951501b
commit
baf92636fd
17 changed files with 422 additions and 7998 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      bi/base.css
  2. 21
      bi/case.js
  3. 86
      bi/core.css
  4. 2
      docs/base.css
  5. 21
      docs/case.js
  6. 86
      docs/core.css
  7. 3827
      docs/resource.css
  8. 21
      src/case/button/item.multiselect.js
  9. 2
      src/css/base/single/button/button.css
  10. 86
      src/css/core/utils/common.css
  11. 3827
      src/css/resource/font.css
  12. 33
      src/less/base/table/table.grid.scrollbar.less
  13. 82
      src/less/core/utils/common.less
  14. 2
      src/less/lib/colors.less
  15. 19
      src/less/lib/constant.less
  16. 297
      src/less/resource/font.less
  17. 6
      src/less/visual.less

2
bi/base.css
Unescape View File

@ -757,7 +757,7 @@ li.CodeMirror-hint-active {
.bi-button.button-common.disabled, .bi-button.button-common.disabled,
.bi-button.button-success.disabled, .bi-button.button-success.disabled,
.bi-button.button-warning.disabled { .bi-button.button-warning.disabled {
background: #c4c6c6 !important; background: #cccccc !important;
border-color: #c4c6c6 !important; border-color: #c4c6c6 !important;
} }
.bi-button.button-common.disabled, .bi-button.button-common.disabled,

21
bi/case.js
Unescape View File

@ -151,7 +151,7 @@ BI.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/**
* @type {*|void|Object} * @type {*|void|Object}
*/ */
BI.MultiSelectItem = BI.inherit(BI.BasicButton, { BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function() { _defaultConfig: function () {
return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-multi-select-item", extraCls: "bi-multi-select-item",
height: 25, height: 25,
@ -160,7 +160,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
} }
}) })
}, },
_init : function() { _init: function () {
BI.MultiSelectItem.superclass._init.apply(this, arguments); BI.MultiSelectItem.superclass._init.apply(this, arguments);
var self = this, o = this.options; var self = this, o = this.options;
this.checkbox = BI.createWidget({ this.checkbox = BI.createWidget({
@ -180,8 +180,8 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
value: o.value, value: o.value,
py: o.py py: o.py
}); });
this.checkbox.on(BI.Controller.EVENT_CHANGE, function(type){ this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
if(type === BI.Events.CLICK) { if (type === BI.Events.CLICK) {
self.setSelected(self.isSelected()); self.setSelected(self.isSelected());
} }
}); });
@ -193,7 +193,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
type: "bi.center_adapt", type: "bi.center_adapt",
items: [this.checkbox], items: [this.checkbox],
width: 36 width: 36
} ,this.text) }, this.text)
})))); }))));
}, },
@ -202,20 +202,23 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
this.checkbox.setEnable(v); this.checkbox.setEnable(v);
}, },
doRedMark: function(){ doRedMark: function () {
this.text.doRedMark.apply(this.text, arguments); this.text.doRedMark.apply(this.text, arguments);
}, },
unRedMark: function(){ unRedMark: function () {
this.text.unRedMark.apply(this.text, arguments); this.text.unRedMark.apply(this.text, arguments);
}, },
doClick: function(){ doClick: function () {
BI.MultiSelectItem.superclass.doClick.apply(this, arguments); BI.MultiSelectItem.superclass.doClick.apply(this, arguments);
this.checkbox.setSelected(this.isSelected()); this.checkbox.setSelected(this.isSelected());
if (this.isValid()) {
this.fireEvent(BI.MultiSelectItem.EVENT_CHANGE, this.getValue(), this);
}
}, },
setSelected: function(v){ setSelected: function (v) {
BI.MultiSelectItem.superclass.setSelected.apply(this, arguments); BI.MultiSelectItem.superclass.setSelected.apply(this, arguments);
this.checkbox.setSelected(v); this.checkbox.setSelected(v);
} }

86
bi/core.css
Unescape View File

@ -3064,14 +3064,15 @@ i {
background: #ffffff; background: #ffffff;
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, 0.5);
color: #ffffff; color: #ffffff;
background-color: rgba(26, 26, 26, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
background-color: #eff1f4;
color: #1a1a1a; color: #1a1a1a;
background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
@ -3086,8 +3087,9 @@ i {
} }
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
background-color: #191b2b;
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled,
.bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:hover,
@ -3100,9 +3102,12 @@ i {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #666666 !important; color: #666666 !important;
} }
.bi-list-item-simple {
color: #999999;
}
.bi-list-item-simple:hover, .bi-list-item-simple:hover,
.bi-list-item-simple.hover { .bi-list-item-simple.hover {
color: #1a1a1a; color: #3f8ce8;
} }
.bi-list-item-simple.disabled, .bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:hover,
@ -3114,20 +3119,6 @@ i {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item-simple:hover,
.bi-theme-dark .bi-list-item-simple.hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-simple.disabled,
.bi-theme-dark .bi-list-item-simple.disabled:hover,
.bi-theme-dark .bi-list-item-simple.disabled:active {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-simple.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:active .bi-high-light {
color: #666666 !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #1a1a1a; color: #1a1a1a;
} }
@ -3166,12 +3157,14 @@ i {
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #1a1a1a; color: #1a1a1a;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-active.active, .bi-list-item-active.active,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
@ -3186,13 +3179,15 @@ i {
} }
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
background-color: #191b2b;
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
background-color: #191b2b; background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled,
.bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:hover,
@ -3207,8 +3202,9 @@ i {
} }
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
color: #3f8ce8; color: #1a1a1a;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
@ -3232,8 +3228,9 @@ i {
} }
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #3f8ce8; color: #ffffff;
background-color: #191b2b; background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
@ -3255,43 +3252,6 @@ i {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #666666 !important; color: #666666 !important;
} }
.bi-list-item-choose:hover {
color: #1a1a1a;
}
.bi-list-item-choose:active,
.bi-list-item-choose.active {
color: #ffffff;
background-color: #3f8ce8;
}
.bi-list-item-choose:active .bi-high-light,
.bi-list-item-choose.active .bi-high-light {
color: #ffffff;
}
.bi-list-item-choose.disabled,
.bi-list-item-choose.disabled:hover,
.bi-list-item-choose.disabled:active {
color: #cccccc !important;
background-color: transparent !important;
}
.bi-list-item-choose.disabled .bi-high-light,
.bi-list-item-choose.disabled:hover .bi-high-light,
.bi-list-item-choose.disabled:active .bi-high-light {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-choose:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-choose.disabled,
.bi-theme-dark .bi-list-item-choose.disabled:hover,
.bi-theme-dark .bi-list-item-choose.disabled:active {
color: #666666 !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-choose.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:active .bi-high-light {
color: #666666 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;

2
docs/base.css
Unescape View File

@ -757,7 +757,7 @@ li.CodeMirror-hint-active {
.bi-button.button-common.disabled, .bi-button.button-common.disabled,
.bi-button.button-success.disabled, .bi-button.button-success.disabled,
.bi-button.button-warning.disabled { .bi-button.button-warning.disabled {
background: #c4c6c6 !important; background: #cccccc !important;
border-color: #c4c6c6 !important; border-color: #c4c6c6 !important;
} }
.bi-button.button-common.disabled, .bi-button.button-common.disabled,

21
docs/case.js
Unescape View File

@ -151,7 +151,7 @@ BI.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/**
* @type {*|void|Object} * @type {*|void|Object}
*/ */
BI.MultiSelectItem = BI.inherit(BI.BasicButton, { BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function() { _defaultConfig: function () {
return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-multi-select-item", extraCls: "bi-multi-select-item",
height: 25, height: 25,
@ -160,7 +160,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
} }
}) })
}, },
_init : function() { _init: function () {
BI.MultiSelectItem.superclass._init.apply(this, arguments); BI.MultiSelectItem.superclass._init.apply(this, arguments);
var self = this, o = this.options; var self = this, o = this.options;
this.checkbox = BI.createWidget({ this.checkbox = BI.createWidget({
@ -180,8 +180,8 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
value: o.value, value: o.value,
py: o.py py: o.py
}); });
this.checkbox.on(BI.Controller.EVENT_CHANGE, function(type){ this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
if(type === BI.Events.CLICK) { if (type === BI.Events.CLICK) {
self.setSelected(self.isSelected()); self.setSelected(self.isSelected());
} }
}); });
@ -193,7 +193,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
type: "bi.center_adapt", type: "bi.center_adapt",
items: [this.checkbox], items: [this.checkbox],
width: 36 width: 36
} ,this.text) }, this.text)
})))); }))));
}, },
@ -202,20 +202,23 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
this.checkbox.setEnable(v); this.checkbox.setEnable(v);
}, },
doRedMark: function(){ doRedMark: function () {
this.text.doRedMark.apply(this.text, arguments); this.text.doRedMark.apply(this.text, arguments);
}, },
unRedMark: function(){ unRedMark: function () {
this.text.unRedMark.apply(this.text, arguments); this.text.unRedMark.apply(this.text, arguments);
}, },
doClick: function(){ doClick: function () {
BI.MultiSelectItem.superclass.doClick.apply(this, arguments); BI.MultiSelectItem.superclass.doClick.apply(this, arguments);
this.checkbox.setSelected(this.isSelected()); this.checkbox.setSelected(this.isSelected());
if (this.isValid()) {
this.fireEvent(BI.MultiSelectItem.EVENT_CHANGE, this.getValue(), this);
}
}, },
setSelected: function(v){ setSelected: function (v) {
BI.MultiSelectItem.superclass.setSelected.apply(this, arguments); BI.MultiSelectItem.superclass.setSelected.apply(this, arguments);
this.checkbox.setSelected(v); this.checkbox.setSelected(v);
} }

86
docs/core.css
Unescape View File

@ -3064,14 +3064,15 @@ i {
background: #ffffff; background: #ffffff;
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, 0.5);
color: #ffffff; color: #ffffff;
background-color: rgba(26, 26, 26, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
background-color: #eff1f4;
color: #1a1a1a; color: #1a1a1a;
background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
@ -3086,8 +3087,9 @@ i {
} }
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
background-color: #191b2b;
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled,
.bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:hover,
@ -3100,9 +3102,12 @@ i {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #666666 !important; color: #666666 !important;
} }
.bi-list-item-simple {
color: #999999;
}
.bi-list-item-simple:hover, .bi-list-item-simple:hover,
.bi-list-item-simple.hover { .bi-list-item-simple.hover {
color: #1a1a1a; color: #3f8ce8;
} }
.bi-list-item-simple.disabled, .bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:hover,
@ -3114,20 +3119,6 @@ i {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item-simple:hover,
.bi-theme-dark .bi-list-item-simple.hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-simple.disabled,
.bi-theme-dark .bi-list-item-simple.disabled:hover,
.bi-theme-dark .bi-list-item-simple.disabled:active {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-simple.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:active .bi-high-light {
color: #666666 !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #1a1a1a; color: #1a1a1a;
} }
@ -3166,12 +3157,14 @@ i {
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #1a1a1a; color: #1a1a1a;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-active.active, .bi-list-item-active.active,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
@ -3186,13 +3179,15 @@ i {
} }
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
background-color: #191b2b;
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
background-color: #191b2b; background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled,
.bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:hover,
@ -3207,8 +3202,9 @@ i {
} }
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
color: #3f8ce8; color: #1a1a1a;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
@ -3232,8 +3228,9 @@ i {
} }
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #3f8ce8; color: #ffffff;
background-color: #191b2b; background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
@ -3255,43 +3252,6 @@ i {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #666666 !important; color: #666666 !important;
} }
.bi-list-item-choose:hover {
color: #1a1a1a;
}
.bi-list-item-choose:active,
.bi-list-item-choose.active {
color: #ffffff;
background-color: #3f8ce8;
}
.bi-list-item-choose:active .bi-high-light,
.bi-list-item-choose.active .bi-high-light {
color: #ffffff;
}
.bi-list-item-choose.disabled,
.bi-list-item-choose.disabled:hover,
.bi-list-item-choose.disabled:active {
color: #cccccc !important;
background-color: transparent !important;
}
.bi-list-item-choose.disabled .bi-high-light,
.bi-list-item-choose.disabled:hover .bi-high-light,
.bi-list-item-choose.disabled:active .bi-high-light {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-choose:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-choose.disabled,
.bi-theme-dark .bi-list-item-choose.disabled:hover,
.bi-theme-dark .bi-list-item-choose.disabled:active {
color: #666666 !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-choose.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:active .bi-high-light {
color: #666666 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;

3827
docs/resource.css
View File

File diff suppressed because it is too large Load Diff

21
src/case/button/item.multiselect.js
Unescape View File

@ -4,7 +4,7 @@
* @type {*|void|Object} * @type {*|void|Object}
*/ */
BI.MultiSelectItem = BI.inherit(BI.BasicButton, { BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function() { _defaultConfig: function () {
return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-multi-select-item", extraCls: "bi-multi-select-item",
height: 25, height: 25,
@ -13,7 +13,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
} }
}) })
}, },
_init : function() { _init: function () {
BI.MultiSelectItem.superclass._init.apply(this, arguments); BI.MultiSelectItem.superclass._init.apply(this, arguments);
var self = this, o = this.options; var self = this, o = this.options;
this.checkbox = BI.createWidget({ this.checkbox = BI.createWidget({
@ -33,8 +33,8 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
value: o.value, value: o.value,
py: o.py py: o.py
}); });
this.checkbox.on(BI.Controller.EVENT_CHANGE, function(type){ this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
if(type === BI.Events.CLICK) { if (type === BI.Events.CLICK) {
self.setSelected(self.isSelected()); self.setSelected(self.isSelected());
} }
}); });
@ -46,7 +46,7 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
type: "bi.center_adapt", type: "bi.center_adapt",
items: [this.checkbox], items: [this.checkbox],
width: 36 width: 36
} ,this.text) }, this.text)
})))); }))));
}, },
@ -55,20 +55,23 @@ BI.MultiSelectItem = BI.inherit(BI.BasicButton, {
this.checkbox.setEnable(v); this.checkbox.setEnable(v);
}, },
doRedMark: function(){ doRedMark: function () {
this.text.doRedMark.apply(this.text, arguments); this.text.doRedMark.apply(this.text, arguments);
}, },
unRedMark: function(){ unRedMark: function () {
this.text.unRedMark.apply(this.text, arguments); this.text.unRedMark.apply(this.text, arguments);
}, },
doClick: function(){ doClick: function () {
BI.MultiSelectItem.superclass.doClick.apply(this, arguments); BI.MultiSelectItem.superclass.doClick.apply(this, arguments);
this.checkbox.setSelected(this.isSelected()); this.checkbox.setSelected(this.isSelected());
if (this.isValid()) {
this.fireEvent(BI.MultiSelectItem.EVENT_CHANGE, this.getValue(), this);
}
}, },
setSelected: function(v){ setSelected: function (v) {
BI.MultiSelectItem.superclass.setSelected.apply(this, arguments); BI.MultiSelectItem.superclass.setSelected.apply(this, arguments);
this.checkbox.setSelected(v); this.checkbox.setSelected(v);
} }

2
src/css/base/single/button/button.css
Unescape View File

@ -52,7 +52,7 @@
.bi-button.button-common.disabled, .bi-button.button-common.disabled,
.bi-button.button-success.disabled, .bi-button.button-success.disabled,
.bi-button.button-warning.disabled { .bi-button.button-warning.disabled {
background: #c4c6c6 !important; background: #cccccc !important;
border-color: #c4c6c6 !important; border-color: #c4c6c6 !important;
} }
.bi-button.button-common.disabled, .bi-button.button-common.disabled,

86
src/css/core/utils/common.css
Unescape View File

@ -111,14 +111,15 @@
background: #ffffff; background: #ffffff;
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, 0.5);
color: #ffffff; color: #ffffff;
background-color: rgba(26, 26, 26, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
background-color: #eff1f4;
color: #1a1a1a; color: #1a1a1a;
background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
@ -133,8 +134,9 @@
} }
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
background-color: #191b2b;
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled,
.bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:hover,
@ -147,9 +149,12 @@
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #666666 !important; color: #666666 !important;
} }
.bi-list-item-simple {
color: #999999;
}
.bi-list-item-simple:hover, .bi-list-item-simple:hover,
.bi-list-item-simple.hover { .bi-list-item-simple.hover {
color: #1a1a1a; color: #3f8ce8;
} }
.bi-list-item-simple.disabled, .bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:hover,
@ -161,20 +166,6 @@
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item-simple:hover,
.bi-theme-dark .bi-list-item-simple.hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-simple.disabled,
.bi-theme-dark .bi-list-item-simple.disabled:hover,
.bi-theme-dark .bi-list-item-simple.disabled:active {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-simple.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:active .bi-high-light {
color: #666666 !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #1a1a1a; color: #1a1a1a;
} }
@ -213,12 +204,14 @@
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #1a1a1a; color: #1a1a1a;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-active.active, .bi-list-item-active.active,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
@ -233,13 +226,15 @@
} }
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
background-color: #191b2b;
color: #ffffff; color: #ffffff;
background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
background-color: #191b2b; background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled,
.bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:hover,
@ -254,8 +249,9 @@
} }
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
color: #3f8ce8; color: #1a1a1a;
background-color: #eff1f4; background-color: rgba(26, 26, 26, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a);
} }
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
@ -279,8 +275,9 @@
} }
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #3f8ce8; color: #ffffff;
background-color: #191b2b; background-color: rgba(255, 255, 255, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
} }
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
@ -302,40 +299,3 @@
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #666666 !important; color: #666666 !important;
} }
.bi-list-item-choose:hover {
color: #1a1a1a;
}
.bi-list-item-choose:active,
.bi-list-item-choose.active {
color: #ffffff;
background-color: #3f8ce8;
}
.bi-list-item-choose:active .bi-high-light,
.bi-list-item-choose.active .bi-high-light {
color: #ffffff;
}
.bi-list-item-choose.disabled,
.bi-list-item-choose.disabled:hover,
.bi-list-item-choose.disabled:active {
color: #cccccc !important;
background-color: transparent !important;
}
.bi-list-item-choose.disabled .bi-high-light,
.bi-list-item-choose.disabled:hover .bi-high-light,
.bi-list-item-choose.disabled:active .bi-high-light {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-choose:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-choose.disabled,
.bi-theme-dark .bi-list-item-choose.disabled:hover,
.bi-theme-dark .bi-list-item-choose.disabled:active {
color: #666666 !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-choose.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:active .bi-high-light {
color: #666666 !important;
}

3827
src/css/resource/font.css
View File

File diff suppressed because it is too large Load Diff

33
src/less/base/table/table.grid.scrollbar.less
Unescape View File

@ -1,4 +1,5 @@
@import "../../bibase"; @import "../../bibase";
.scrollbar-layout-main { .scrollbar-layout-main {
box-sizing: border-box; box-sizing: border-box;
outline: none; outline: none;
@ -7,17 +8,13 @@
transition-duration: 250ms; transition-duration: 250ms;
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; user-select: none;
background-color: @scroll-color; .background-color(@scroll-color, 5%);
@ieColor: argb(@scroll-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark { .bi-theme-dark {
.scrollbar-layout-main { .scrollbar-layout-main {
background-color: @scroll-color-theme-dark; .background-color(@scroll-color-theme-dark, 5%);
@ieColor: argb(@scroll-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
} }
@ -39,16 +36,12 @@
height: 10px; height: 10px;
left: 0; left: 0;
transition-property: background-color; transition-property: background-color;
background-color: @scroll-color; .background-color(@scroll-color, 5%);
@ieColor: argb(@scroll-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
.bi-theme-dark { .bi-theme-dark {
.scrollbar-layout-main-horizontal { .scrollbar-layout-main-horizontal {
background-color: @scroll-color-theme-dark; .background-color(@scroll-color-theme-dark, 5%);
@ieColor: argb(@scroll-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
} }
@ -122,34 +115,26 @@
} }
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: @scroll-thumb-color; .background-color(@scroll-color, 30%);
@ieColor: argb(@scroll-thumb-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
.bi-theme-dark { .bi-theme-dark {
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: @scroll-thumb-color-theme-dark; .background-color(@scroll-color-theme-dark, 30%);
@ieColor: argb(@scroll-thumb-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: @scroll-thumb-focus-color; .background-color(@scroll-color, 70%);
@ieColor: argb(@scroll-thumb-focus-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
.bi-theme-dark { .bi-theme-dark {
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: @scroll-thumb-focus-color-theme-dark; .background-color(@scroll-color-theme-dark, 70%);
@ieColor: argb(@scroll-thumb-focus-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
} }

82
src/less/core/utils/common.less
Unescape View File

@ -158,17 +158,15 @@
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: fade(@color-bi-background-black, 50%);
color: @color-bi-background-default; color: @color-bi-background-default;
@ieColor: argb(fade(@color-bi-background-black, 50%)); .background-color(@color-bi-background-black, 50%);
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
//只有背景变化 //只有背景变化
.bi-list-item { .bi-list-item {
&:hover, &.hover { &:hover, &.hover {
background-color: @color-bi-background-normal;
color: @color-bi-text-black; color: @color-bi-text-black;
.background-color(@color-bi-background-black, 5%);
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -184,8 +182,8 @@
.bi-theme-dark { .bi-theme-dark {
.bi-list-item { .bi-list-item {
&:hover, &.hover { &:hover, &.hover {
background-color: @color-bi-background-normal-theme-dark;
color: @color-bi-text; color: @color-bi-text;
.background-color(@color-bi-background-default, 5%);
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -201,8 +199,9 @@
//极简 //极简
.bi-list-item-simple { .bi-list-item-simple {
color: @color-bi-text-tips;
&:hover, &.hover { &:hover, &.hover {
color: @color-bi-text-black; color: @color-bi-text-highlight;
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -214,22 +213,6 @@
} }
} }
.bi-theme-dark {
.bi-list-item-simple {
&:hover, &.hover {
color: @color-bi-text;
}
&.disabled {
&, &:hover, &:active {
color: @color-bi-text-disabled-theme-dark !important;
& .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important;
}
}
}
}
}
//文字active时变化 //文字active时变化
.bi-list-item-effect { .bi-list-item-effect {
&:hover { &:hover {
@ -272,11 +255,11 @@
.bi-list-item-active { .bi-list-item-active {
&:hover, &.hover { &:hover, &.hover {
color: @color-bi-text-black; color: @color-bi-text-black;
background-color: @color-bi-background-normal; .background-color(@color-bi-background-black, 5%);
} }
&.active, &:active { &.active, &:active {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
background-color: @color-bi-background-normal; .background-color(@color-bi-background-black, 5%);
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -292,12 +275,12 @@
.bi-theme-dark { .bi-theme-dark {
.bi-list-item-active { .bi-list-item-active {
&:hover, &.hover { &:hover, &.hover {
background-color: @color-bi-background-normal-theme-dark;
color: @color-bi-text; color: @color-bi-text;
.background-color(@color-bi-background-default, 5%);
} }
&.active, &:active { &.active, &:active {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
background-color: @color-bi-background-normal-theme-dark; .background-color(@color-bi-background-default, 5%);
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -314,8 +297,8 @@
//有选中效果 //有选中效果
.bi-list-item-select { .bi-list-item-select {
&:hover, &.hover { &:hover, &.hover {
color: @color-bi-text-highlight; color: @color-bi-text-black;
background-color: @color-bi-background-normal; .background-color(@color-bi-background-black, 5%);
} }
&:active, &.active { &:active, &.active {
color: @color-bi-text; color: @color-bi-text;
@ -338,8 +321,8 @@
.bi-theme-dark { .bi-theme-dark {
.bi-list-item-select { .bi-list-item-select {
&:hover, &.hover { &:hover, &.hover {
color: @color-bi-text-highlight; color: @color-bi-text;
background-color: @color-bi-background-normal-theme-dark; .background-color(@color-bi-background-default, 5%);
} }
&:active, &.active { &:active, &.active {
color: @color-bi-text; color: @color-bi-text;
@ -359,42 +342,3 @@
} }
} }
} }
.bi-list-item-choose {
&:hover {
color: @color-bi-text-black;
}
&:active, &.active {
color: @color-bi-text;
background-color: @color-bi-background-highlight;
& .bi-high-light {
color: @color-bi-text;
}
}
&.disabled {
&, &:hover, &:active {
color: @color-bi-text-disabled !important;
background-color: transparent !important;
& .bi-high-light {
color: @color-bi-text-disabled !important;
}
}
}
}
.bi-theme-dark {
.bi-list-item-choose {
&:hover {
color: @color-bi-text;
}
&.disabled {
&, &:hover, &:active {
color: @color-bi-text-disabled-theme-dark !important;
background-color: transparent !important;
& .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important;
}
}
}
}
}

2
src/less/lib/colors.less
Unescape View File

@ -85,8 +85,6 @@
@color-bi-border-delete: @border-color-negative; @color-bi-border-delete: @border-color-negative;
//警示边框色 //警示边框色
@color-bi-border-warning: @border-color-warning; @color-bi-border-warning: @border-color-warning;
//拖拽边框
@color-bi-border-resize: @border-color-resize;
//边框提亮 //边框提亮
@color-bi-border-highlight: @border-color-highlight; @color-bi-border-highlight: @border-color-highlight;

19
src/less/lib/constant.less
Unescape View File

@ -31,10 +31,6 @@
@font-color-redmark: #f07d0a; @font-color-redmark: #f07d0a;
@font-color-orange: #fcc550; @font-color-orange: #fcc550;
//font-icon color
@icon-color-normal: #999999;
@icon-color-active: #3f8ce8;
//background color //background color
@background-color-black: #1a1a1a;// @background-color-black: #1a1a1a;//
@background-color-default: #ffffff;// @background-color-default: #ffffff;//
@ -43,8 +39,7 @@
@background-color-normal-theme-dark: #191B2B;// @background-color-normal-theme-dark: #191B2B;//
@background-color-highlight: #3f8ce8; @background-color-highlight: #3f8ce8;
@background-color-dark: #d4dadd; @background-color-dark: #d4dadd;
@background-color-disabled: #c4c6c6; @background-color-disabled: #cccccc;
@background-color-alert: #fddddd;
@background-color-light-blue: #d8f2fd;// @background-color-light-blue: #d8f2fd;//
@background-color-light-green: #e1f4e7;// @background-color-light-green: #e1f4e7;//
@ -56,6 +51,7 @@
@background-color-yellow: #f9a744; @background-color-yellow: #f9a744;
@background-color-virtual-blue: #d8f3fe; @background-color-virtual-blue: #d8f3fe;
@background-color-alert: #fddddd;
@background-color-warning: #fbb03b; @background-color-warning: #fbb03b;
@background-color-negative: #e85050; @background-color-negative: #e85050;
@ -66,12 +62,10 @@
//border color //border color
@border-color-default: #ffffff; @border-color-default: #ffffff;
@border-color-black: #1a1a1a; @border-color-black: #1a1a1a;
@border-color-normal: #d4dadd;
@border-color-line: #d4dadd; @border-color-line: #d4dadd;
@border-color-line-theme-dark: #525466; @border-color-line-theme-dark: #525466;
@border-color-outline: #3f8ce8; @border-color-outline: #3f8ce8;
@border-color-highlight: #178cdf; @border-color-highlight: #178cdf;
@border-color-resize: #e85050;
@border-color-warning: #fbb03b; @border-color-warning: #fbb03b;
@border-color-negative: #e85050; @border-color-negative: #e85050;
@ -87,13 +81,8 @@
@border-color-dark: #c4c6c6; @border-color-dark: #c4c6c6;
//scroll color //scroll color
@scroll-color: rgba(102,102,102,.05); @scroll-color: #666666;
@scroll-thumb-color: rgba(102,102,102,.3); @scroll-color-theme-dark: #cccccc;
@scroll-thumb-focus-color: rgba(102,102,102,.7);
@scroll-color-theme-dark: rgba(204,204,204,.05);
@scroll-thumb-color-theme-dark: rgba(204,204,204,.3);
@scroll-thumb-focus-color-theme-dark: rgba(204,204,204,.7);
@water-mark-color: #cccccc; @water-mark-color: #cccccc;
@water-mark-color-theme-dark: #666666; @water-mark-color-theme-dark: #666666;

297
src/less/resource/font.less
Unescape View File

@ -3,39 +3,18 @@
@import "../image"; @import "../image";
.font(close-font, @font-cross); .font(close-font, @font-cross);
.font(close-red-font, @font-cross, @color-bi-text-warning);
.font-hover(close-h-font, @font-cross); .font-hover(close-h-font, @font-cross);
.font-effect(close-e-font, @font-cross);
.font-hover-active(close-ha-font, @font-cross); .font-hover-active(close-ha-font, @font-cross);
//搜索框中的带有hover后颜色变红的图标 //搜索框中的带有hover后颜色变红的图标
.font-hover(search-close-h-font, @font-cross, inherit, @color-bi-text-warning); .font-hover(search-close-h-font, @font-cross, inherit, @color-bi-text-warning);
.font(trigger-font, @font-arrow-down);
.font-hover(trigger-h-font, @font-arrow-down);
.font-hover-active(trigger-ha-font, @font-arrow-down);
.font(pre-page-font, @font-arrow-left);
.font-hover(pre-page-h-font, @font-arrow-left); .font-hover(pre-page-h-font, @font-arrow-left);
.font-hover-active(pre-page-ha-font, @font-arrow-left);
.font(next-page-font, @font-arrow-right);
.font-hover(next-page-h-font, @font-arrow-right); .font-hover(next-page-h-font, @font-arrow-right);
.font-hover-active(next-page-ha-font, @font-arrow-right);
.font(search-font, @font-search); .font(search-font, @font-search);
.font-hover(search-h-font, @font-search);
.font-hover-active(search-ha-font, @font-search);
.font(share-font, @font-share);
.font-hover(share-h-font, @font-share);
.font-hover-active(share-ha-font, @font-share);
/**维度/指标 下拉列表图标字体 ~begin~**/
//删除
.font(delete-font, @font-delete);
.font-hover(delete-h-font, @font-delete);
.font-hover-active(delete-ha-font, @font-delete);
.font-effect(delete-e-font, @font-delete);
//子菜单选中 //子菜单选中
.font(dot-font, @font-dot, @color-bi-text-black); .font(dot-font, @font-dot, @color-bi-text-black);
.font-hover(dot-h-font, @font-dot, @color-bi-text-black); .font-hover(dot-h-font, @font-dot, @color-bi-text-black);
@ -60,46 +39,6 @@
.font-hover-active(check-mark-ha-font, @font-check-mark); .font-hover-active(check-mark-ha-font, @font-check-mark);
.font-effect(check-mark-e-font, @font-check-mark); .font-effect(check-mark-e-font, @font-check-mark);
//指标来自
.font(dimension-from-font, @font-dimension-from);
.font-hover(dimension-from-h-font, @font-dimension-from);
.font-hover-active(dimension-from-ha-font, @font-dimension-from);
.font-effect(dimension-from-e-font, @font-dimension-from);
//图表类型选择
.font(chart-type-font, @font-chart-type);
.font-hover(chart-type-h-font, @font-chart-type);
.font-hover-active(chart-type-ha-font, @font-chart-type);
.font-effect(chart-type-e-font, @font-chart-type);
//样式设置
.font(style-set-font, @font-style-set);
.font-hover(style-set-h-font, @font-style-set);
.font-hover-active(style-set-ha-font, @font-style-set);
.font-effect(style-set-e-font, @font-style-set);
//超级链接
.font(hyper-link-font, @font-href);
//过滤
.font(filter-font, @font-filter);
.font-hover(filter-h-font, @font-filter);
.font-hover-active(filter-ha-font, @font-filter);
.font-effect(filter-e-font, @font-filter);
//维度过滤
.font(classify-font, @font-classify, @color-bi-text-highlight);
.font(series-font, @font-series, @color-bi-border-success);
/**维度/指标 下拉列表图标字体 ~end~**/
/** dashboard组件/控件 下拉列表图标字体 ~begin~**/
.font-hover(link-to-widget-h-font, @font-cross, @color-bi-text-gray, @color-bi-text-highlight);
.font-hover(link-to-detail-h-font, @font-cross, @color-bi-text-gray, @color-bi-text-highlight);
.font-hover(detail-setting-h-font, @font-cross, @color-bi-text-gray, @color-bi-text-highlight);
.font-hover(export-to-excel-h-font, @font-cross, @color-bi-text-gray, @color-bi-text-highlight);
.font-hover(widget-copy-h-font, @font-copy, @color-bi-text-gray, @color-bi-text-highlight);
.font-hover(widget-delete-h-font, @font-delete, @color-bi-text-gray, @color-bi-text-highlight);
/** dashboard组件/控件 下拉列表图标字体 ~end~**/ /** dashboard组件/控件 下拉列表图标字体 ~end~**/
//树控件图标 //树控件图标
@ -115,252 +54,16 @@
//下拉框小小三角 //下拉框小小三角
.font-hover-active(trigger-triangle-font, @font-no-sort-no-filter, @color-bi-text-gray, @color-bi-text-gray, @color-bi-text-highlight); .font-hover-active(trigger-triangle-font, @font-no-sort-no-filter, @color-bi-text-gray, @color-bi-text-gray, @color-bi-text-highlight);
//日期控件字体图标
.font-hover(widget-date-next-h-font, @font-right);
.font-hover(widget-date-pre-h-font, @font-left);
.font-hover(widget-date-h-change-font, @font-change);
//单选下拉框 //单选下拉框
//向下展开子菜单 //向下展开子菜单
.font(pull-down-font, @font-down-triangle); .font(pull-down-font, @font-down-triangle);
.font-hover(pull-down-h-font, @font-down-triangle); .font-hover(pull-down-h-font, @font-down-triangle);
.font-hover-active(pull-down-ha-font, @font-down-triangle); .font-hover-active(pull-down-ha-font, @font-down-triangle);
//字段区域
//TODO 向下展开的图表暂时没有(不同于普通的向下箭头，角度应该更小一点)
.font(delete-field-font, @font-delete);
.font-hover(delete-field-h-font, @font-delete);
.font-hover-active(delete-field-ha-font, @font-delete);
//dashboard
.font-hover(toolbar-save-font, @font-save);
.font-hover(toolbar-undo-font, @font-undo);
.font-hover(toolbar-redo-font, @font-redo);
.font-hover(toolbar-edit-font, @font-edit);
.font-hover(toolbar-preview-font, @font-preview);
.font-hover-active(chart-table-font, @font-summary);
.font-hover-active(chart-axis-font, @font-axis);
.font-hover-active(chart-bar-font, @font-bar);
.font-hover-active(chart-accumulate-bar-font, @font-accumulate-bar);
.font-hover-active(chart-pie-font, @font-pie);
.font-hover-active(chart-map-font, @font-map);
.font-hover-active(chart-dashboard-font, @font-dashboard);
.font-hover-active(chart-doughnut-font, @font-doughnut);
.font-hover-active(chart-detail-font, @font-detail);
.font-hover-active(chart-more-font, @font-more-cn);
.font-hover-active(chart-bubble-font, @font-bubble);
.font-hover-active(chart-scatter-font, @font-scatter);
.font-hover-active(chart-radar-font, @font-radar);
.font-hover-active(chart-content-font, @font-content);
.font-hover-active(chart-image-font, @font-image);
.font-hover-active(chart-web-font, @font-web);
.font-hover-active(chart-string-font, @font-text);
.font-hover-active(chart-number-font, @font-number);
.font-hover-active(chart-tree-font, @font-tree);
.font-hover-active(chart-date-font, @font-date);
.font-hover-active(chart-year-font, @font-year);
.font-hover-active(chart-month-font, @font-year-month);
.font-hover-active(chart-quarter-font, @font-quarter);
.font-hover-active(chart-ymd-font, @font-YMD);
.font-hover-active(chart-date-range-font, @font-date-range);
.font-hover-active(chart-general-query-font, @font-and-or);
.font-hover-active(chart-query-font, @font-query-cn);
.font-hover-active(chart-reset-font, @font-reset-cn);
.font-hover-active(chart-textarea-font, @font-text-area);
.font-hover-active(chart-reuse-font, @font-reuse);
.font(chart-date-normal-font, @font-date);
//数值区间
.font-hover-active(less-font, @font-less);
.font-hover-active(less-equal-font, @font-less-equal);
.font(check-font, @font-check-mark, @color-bi-text-highlight); .font(check-font, @font-check-mark, @color-bi-text-highlight);
//移动到分组
.font(move2group-add-font, @font-add, @color-bi-text-highlight);
//选择字段
.font-hover-active(select-data-field-calc-font, @font-field-calc, inherit, inherit, @color-bi-text);
.font-hover-active(select-data-field-string-font, @font-field-string, inherit, inherit, @color-bi-text);
.font-hover-active(select-data-field-number-font, @font-field-number, inherit, inherit, @color-bi-text);
.font-hover-active(select-data-field-date-font, @font-field-date, inherit, inherit, @color-bi-text);
.font(select-data-field-string-group-font, @font-field-string);
.font(select-data-field-number-group-font, @font-field-number);
.font(select-data-field-date-group-font, @font-field-date);
.font-hover-active(select-data-preview-font, @font-preview, @color-bi-text-gray, @color-bi-text-highlight, @color-bi-text-highlight);
.font-hover(detail-dimension-set-font, @font-setting);
.font-hover(detail-real-data-warning-font, @font-warning, @color-bi-text-redmark, @color-bi-text-redmark);
//数据配置分组统计中的选择字段
.font-hover-active(select-group-field-string-font, @font-field-string, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text-highlight);
.font-hover-active(select-group-field-number-font, @font-field-number, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text-highlight);
.font-hover-active(select-group-field-date-font, @font-field-date, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text-highlight);
//详细设置
.font-hover(dashboard-widget-combo-detail-set-font, @font-detail-set);
.font(group-add-font, @font-add, @icon-color-normal);
//自定义排序
.font(sortable-font, @font-sortable);
//文本控件
.font(text-bold-font, @font-bold);
.font(text-italic-font, @font-italic);
.font(text-underline-font, @font-underline);
.font(text-color-font, @font-color);
.font(text-background-font, @font-background);
.font(text-color-underline-font, @font-color-underline);
.font(text-align-left-font, @font-align-left);
.font(text-align-center-font, @font-align-center);
.font(text-align-right-font, @font-align-right);
//图片控件
.font(img-upload-font, @font-upload, @icon-color-active);
.font(img-size-font, @font-image-size, @icon-color-active);
.font(img-href-font, @font-href, @icon-color-active);
.font(img-shutdown-font, @font-shutdown, @icon-color-active);
//平台-我创建的
.font(move-font, @font-move);
.font(share-font, @font-share);
.font(new-file-font, @font-new-folder);
.font(file-font, @font-file, @color-create-file-text);
.font(folder-font, @font-folder, @color-bi-text-highlight);
.font-hover-active(letter-font, @font-letter);
.font-hover-active(time-font, @font-time);
.font(rename-font, @font-rename);
.font(delete-template-font, @font-delete, @color-bi-text-gray);
.font(real-time-font, @font-real-time, @color-create-file-text);
//选择表
.font-hover-active(data-source-table-font, @font-source-table, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text);
.font-hover-active(etl-table-font, @font-etl-table, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text);
.font-hover-active(excel-table-font, @font-excel-table, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text);
.font-hover-active(sql-table-font, @font-sql-table, @color-bi-text-highlight, @color-bi-text-highlight, @color-bi-text);
.font(refresh-table-font, @font-refresh);
.font(recover-chart-font-hightlight, @font-recover-chart);
.font-hover-active(tables-tile-view-font, @font-tile-view, inherit, inherit, @color-bi-text);
.font-hover-active(tables-relation-view-font, @font-relation-view, inherit, inherit, @color-bi-text);
.font(add-new-table-pull-down-font, @font-down, @color-bi-text);
.font-hover-active(data-link-check-font, @font-check-mark, @color-bi-text, @color-bi-text-gray, @color-bi-text-highlight);
//点击编辑
.font-hover(edit-set-font, @font-detail-set);
//新建分析、数据配置
.font-hover(new-analysis-font, @font-new, @color-bi-text, @color-bi-text);
.font-hover(data-config-font, @font-database, @color-bi-text, @color-bi-text);
//切换文件夹视图
.font-hover-active(folder-list-view, @font-classify, inherit, inherit, @color-bi-text);
.font-hover-active(folder-card-view, @font-tile-view, inherit, inherit, @color-bi-text);
.font-hover-active(item-check-font, @font-check-mark, @color-bi-text, @color-bi-text-gray, @color-bi-font-active); .font-hover-active(item-check-font, @font-check-mark, @color-bi-text, @color-bi-text-gray, @color-bi-font-active);
//表格上面的相关操作——升序、降序、不排序、过滤
.font-hover(table-no-sort-no-filter-font, @font-no-sort-no-filter);
.font-hover(table-no-sort-filter-font, @font-no-sort-filter);
.font-hover(table-descending-filter-font, @font-descending-filter);
.font-hover(table-ascending-filter-font, @font-ascending-filter);
.font-hover(table-descending-no-filter-font, @font-descending-no-filter);
.font-hover(table-ascending-no-filter-font, @font-ascending-no-filter);
.font-hover(table-no-sort-font, @font-no-sort);
.font-hover(primary-key-font, @font-key); .font-hover(primary-key-font, @font-key);
.font-hover-active(table-open-row-style-font, @font-table-row-open);
.font-hover-active(table-open-col-style-font, @font-table-col-open);
//气泡图计算函数
.font(calculate-function-font, @font-field-calc, @font-color-normal);
//匹配关系
.font(path-set-doubt, @font-doubt, @color-bi-text-highlight);
.font(rename-report-font, @font-rename, @color-bi-text-highlight);
.font(remove-report-font, @font-delete, @color-bi-text-warning);
.font(excel-upload-tip-font, @font-tip, @color-bi-text-highlight);
.font(excel-field-type-string-font, @font-text, @color-bi-text-highlight);
.font(excel-field-type-number-font, @font-number, @color-bi-text-highlight);
.font(excel-field-type-date-font, @font-date, @color-bi-text-highlight);
.font(excel-field-type-pull-down-font, @font-down-triangle, @color-bi-text-highlight);
.font(data-link-set-font, @font-setting, @color-bi-text-highlight);
.font(data-link-test-font, @font-test-link, @color-bi-text-highlight);
.font(data-link-copy-font, @font-copy, @color-bi-background-success);
.font(data-link-remove-font, @font-cross, @color-bi-text-warning);
.font(cube-path-confirm-font, @font-warning, @color-bi-background-warning);
.font(target-style-less-dot-font, @font-mark-dot, @color-target-style-less);
.font(target-style-equal-dot-font, @font-mark-dot, @color-target-style-equal);
.font(target-style-more-dot-font, @font-mark-dot, @color-target-style-more);
.font(target-style-less-arrow-font, @font-mark-down-arrow, @color-target-style-less);
.font(target-style-equal-arrow-font, @font-mark-equal, @color-target-style-equal);
.font(target-style-more-arrow-font, @font-mark-up-arrow, @color-target-style-more);
.font(calculate-target-font, @font-field-calc);
.font(task-list-font, @font-classify, @color-bi-text-highlight);
.font(widget-combo-detail-font, @font-solid-setting, @color-bi-text-highlight);
.font(widget-combo-pull-down-font, @font-pull-down, @color-bi-text-highlight);
.font(widget-tools-filter-font, @font-filter, @color-bi-text-highlight);
.font(widget-tools-clear-font, @font-clear, @color-bi-text-highlight);
.font(widget-tools-export-excel-font, @font-export-excel, @color-bi-text-highlight);
.font(widget-combo-expand-font, @font-solid-setting);
.font(widget-combo-linkage-font, @font-linkage);
.font(widget-combo-rename-edit-font, @font-rename-edit);
.font(widget-combo-show-title-font, @font-check);
.font(widget-combo-title-left-font, @font-align-left);
.font(widget-combo-title-center-font, @font-align-center);
.font(widget-combo-show-filter-font, @font-filter);
.font(widget-combo-export-excel-font, @font-export-excel);
.font(widget-combo-copy, @font-copy);
.font(widget-combo-delete, @font-delete);
.font(widget-combo-asc-font, @font-asc);
.font(widget-combo-des-font, @font-des);
.font(widget-combo-clear-font, @font-clear);
.font-hover(detail-table-popup-font, @font-hellip, inherit, @color-bi-font-active);
.font(chart-drill-up, @font-top-triangle);
.font(chart-drill-down, @font-down-triangle);
.font(report-filter-open-font, @font-report-filter-open);
.font(report-filter-close-font, @font-report-filter-close);
.font(report-apply-hangout-normal-font, @font-apply-hangout, @color-bi-text-gray);
.font(report-apply-hangout-ing-font, @font-apply-hangout, @color-bi-text-highlight);
.font(report-hangout-font, @font-hangout, @color-bi-background-success);
.font(report-cancel-hangout-font, @font-hangout, @color-bi-text-gray);
.font(report-hangout-ing-mark-font, @font-hangout, @color-bi-background-highlight);
//业务包管理
.font(delete-font-package, @font-delete, @color-bi-text-warning);
.font(delete-h-font-package, @font-delete, @color-bi-text-warning);
.font(rename-font-package, @font-rename, @color-bi-text-highlight);
.font(package-selected-font, @font-check-box-selected, @color-bi-text-highlight);
.font(package-not-selected-font, @font-check-box-not-selected, @color-bi-text-highlight);
.font(report-detail-info-font, @font-info, @color-bi-text-redmark);
.font(report-rename-font, @font-rename-edit, @color-bi-background-success);
.font(report-cancel-share-font, @font-cancel-share, @color-bi-text-highlight);
.font(drill-push-up-font, @font-up);
.font(drill-push-down-font, @font-down);
.font(drag-tag-font, @font-cross, @color-bi-text-redmark); .font(drag-tag-font, @font-cross, @color-bi-text-redmark);

6
src/less/visual.less
Unescape View File

@ -28,6 +28,12 @@
-moz-box-shadow: @arguments; -moz-box-shadow: @arguments;
} }
.background-color(@color, @alpha) {
background-color: fade(@color, @alpha);
@ieColor: argb(fade(@color, @alpha));
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
}
.opacity(@opa) { .opacity(@opa) {
opacity: @opa; opacity: @opa;
@opa-ie: @opa*100; @opa-ie: @opa*100;

Write Preview
Loading…
Cancel
Save