forked from fanruan/fineui
Browse Source
Merge in VISUAL/fineui from ~GUY/fineui:master to master * commit '8c1bff398b5e0170d685ce1c343587cf29a1b8c8': (25 commits) 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 移动端适配 针对移动端rem进行适配 针对移动端rem进行适配 针对移动端rem进行适配 针对移动端rem进行适配 针对移动端rem进行适配 ...es6
guy
4 years ago
66 changed files with 1120 additions and 1218 deletions
@ -1,70 +0,0 @@
|
||||
/** |
||||
* 浮动的水平居中布局 |
||||
*/ |
||||
BI.FloatHorizontalLayout = BI.inherit(BI.Layout, { |
||||
props: function () { |
||||
return BI.extend(BI.FloatHorizontalLayout.superclass.props.apply(this, arguments), { |
||||
baseCls: "bi-float-horizontal-adapt-layout", |
||||
items: [], |
||||
hgap: 0, |
||||
vgap: 0, |
||||
tgap: 0, |
||||
bgap: 0, |
||||
lgap: 0, |
||||
rgap: 0 |
||||
}); |
||||
}, |
||||
render: function () { |
||||
BI.FloatHorizontalLayout.superclass.render.apply(this, arguments); |
||||
this.populate(this.options.items); |
||||
}, |
||||
|
||||
resize: function () { |
||||
// console.log("float_horizontal_adapt布局不需要resize");
|
||||
}, |
||||
|
||||
mounted: function () { |
||||
var self = this; |
||||
var width = this.left.element.width(), |
||||
height = this.left.element.height(); |
||||
this.left.element.width(width).height(height).css("float", "none"); |
||||
BI.remove(this._children, function (i, wi) { |
||||
if (wi === self.container) { |
||||
delete self._children[i]; |
||||
} |
||||
}); |
||||
BI._lazyCreateWidget({ |
||||
type: "bi.horizontal_auto", |
||||
element: this, |
||||
items: [this.left] |
||||
}); |
||||
}, |
||||
|
||||
_addElement: function (i, item) { |
||||
var self = this, o = this.options; |
||||
this.left = BI._lazyCreateWidget({ |
||||
type: "bi.vertical", |
||||
items: [item], |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap |
||||
}); |
||||
|
||||
this.container = BI._lazyCreateWidget({ |
||||
type: "bi.left", |
||||
element: this, |
||||
items: [this.left] |
||||
}); |
||||
|
||||
return this.left; |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
BI.HorizontalAutoLayout.superclass.populate.apply(this, arguments); |
||||
this._mount(); |
||||
} |
||||
}); |
||||
BI.shortcut("bi.horizontal_float", BI.FloatHorizontalLayout); |
||||
@ -1,5 +1,15 @@
|
||||
@import "../../index"; |
||||
|
||||
.bi-segment-button{ |
||||
.bi-segment-button { |
||||
color: @color-bi-text-highlight; |
||||
&.active { |
||||
&:active { |
||||
color: @color-bi-text; |
||||
background-color: @color-bi-background-highlight; |
||||
} |
||||
} |
||||
&:active { |
||||
color: @color-bi-text-highlight; |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
} |
||||
@ -0,0 +1,732 @@
|
||||
@import "../../index"; |
||||
|
||||
// hover的时候背景变化,文字变黑 |
||||
.bi-list-item { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text-black; |
||||
& .bi-input { |
||||
color: @color-bi-text-black; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-black; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// active的时候边框高亮 |
||||
.bi-list-item-border { |
||||
&:active, &.active { |
||||
border: 1px solid @color-bi-border-highlight; |
||||
} |
||||
} |
||||
|
||||
// 极简,hover的时候文字高亮 |
||||
.bi-list-item-simple { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// hover的时候文字变黑 |
||||
// active的时候文字高亮 |
||||
.bi-list-item-effect { |
||||
&:hover { |
||||
color: @color-bi-text-black; |
||||
& .bi-input { |
||||
color: @color-bi-text-black; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-black; |
||||
} |
||||
} |
||||
&.active, &:active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item-effect { |
||||
&:hover { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
} |
||||
&.active, &:active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// hover的时候背景变化,文字变黑 |
||||
// :active的时候文字高亮,背景变化 |
||||
.bi-list-item-active { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text-black; |
||||
& .bi-input { |
||||
color: @color-bi-text-black; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-black; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
&:active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 15%); |
||||
} |
||||
&.active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item-active { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
.background-color(@color-bi-background-default, 5%); |
||||
} |
||||
&.active, &:active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
.background-color(@color-bi-background-default, 5%); |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// hover的时候背景变化,文字变黑 |
||||
// active的时候文字高亮,背景变化 |
||||
.bi-list-item-active2 { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text-black; |
||||
& .bi-input { |
||||
color: @color-bi-text-black; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-black; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 15%); |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item-active2 { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
.background-color(@color-bi-background-highlight, 15%); |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// hover的时候背景变化 |
||||
// active的时候背景高亮 |
||||
.bi-list-item-select { |
||||
&:hover, &.hover { |
||||
.background-color(@color-bi-background-highlight, 10%); |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
background-color: @color-bi-background-highlight; |
||||
& .bi-high-light { |
||||
color: @color-bi-text; |
||||
} |
||||
} |
||||
&.button-success { |
||||
&:active, &.active { |
||||
color: @color-bi-text; |
||||
background-color: @color-bi-background-success; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text; |
||||
} |
||||
&.bi-high-light-border { |
||||
border-color: @color-bi-border-success; |
||||
} |
||||
} |
||||
} |
||||
&.button-warning { |
||||
& { |
||||
color: @color-bi-text-failure; |
||||
& .bi-input { |
||||
color: @color-bi-text-failure; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-failure; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-failure; |
||||
} |
||||
&.bi-high-light-border { |
||||
border-color: @color-bi-border-failure; |
||||
} |
||||
} |
||||
&:hover, &.hover { |
||||
color: @color-bi-text-failure; |
||||
& .bi-input { |
||||
color: @color-bi-text-failure; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-failure; |
||||
} |
||||
background-color: @color-bi-background-light-failure; |
||||
& .bi-high-light { |
||||
color: @color-bi-text-failure; |
||||
} |
||||
&.bi-high-light-border { |
||||
border-color: @color-bi-border-failure; |
||||
} |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
background-color: @color-bi-background-failure; |
||||
& .bi-high-light { |
||||
color: @color-bi-text; |
||||
} |
||||
&.bi-high-light-border { |
||||
border-color: @color-bi-border-failure; |
||||
} |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
background-color: transparent !important; |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
&.bi-high-light-border { |
||||
border-color: @color-bi-border-disabled; |
||||
} |
||||
&.hover, &.active { |
||||
color: @color-bi-text !important; |
||||
& .bi-input { |
||||
color: @color-bi-text !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text !important; |
||||
} |
||||
background-color: @color-bi-background-dark-gray !important; |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
&.bi-high-light-border { |
||||
border-color: @color-bi-border-disabled; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item-select { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
.background-color(@color-bi-background-default, 5%); |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
background-color: @color-bi-background-highlight; |
||||
& .bi-high-light { |
||||
color: @color-bi-text; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
&.hover, &.active { |
||||
background-color: @background-color-black-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// hover的时候边框高亮,文字变黑 |
||||
// :active的时候文字高亮，边框高亮 |
||||
// .active的时候背景高亮，边框高亮 |
||||
.bi-list-item-select2 { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text-black; |
||||
& .bi-input { |
||||
color: @color-bi-text-black; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-black; |
||||
} |
||||
&.bi-border { |
||||
border-color: @color-bi-border-highlight; |
||||
} |
||||
} |
||||
&:active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
&.bi-border { |
||||
border-color: @color-bi-border-highlight; |
||||
} |
||||
} |
||||
&.active { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
&.bi-border { |
||||
border-color: @color-bi-border-highlight; |
||||
} |
||||
background-color: @color-bi-background-highlight; |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item-select2 { |
||||
&:hover, &.hover { |
||||
color: @color-bi-text; |
||||
& .bi-input { |
||||
color: @color-bi-text; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text; |
||||
} |
||||
} |
||||
|
||||
&.active { |
||||
background-color: @color-bi-background-default-theme-dark; |
||||
} |
||||
|
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
&.active { |
||||
background-color: @background-color-black-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// hover的时候背景变化 -- 变灰 |
||||
// active的时候文字高亮背景变化 -- 变灰 |
||||
.bi-list-item-select3 { |
||||
&:hover, &.hover { |
||||
background-color: @color-bi-background-normal; |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
background-color: @color-bi-background-normal; |
||||
} |
||||
&.disabled { |
||||
&:hover, &.hover, &:active, &.active { |
||||
background-color: @color-bi-background-default !important; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.bi-theme-dark { |
||||
.bi-list-item-select3 { |
||||
&:hover, &.hover { |
||||
background-color: @color-bi-background-normal-theme-dark; |
||||
} |
||||
&:active, &.active { |
||||
color: @color-bi-text-highlight; |
||||
& .bi-input { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-highlight; |
||||
} |
||||
background-color: @color-bi-background-normal-theme-dark; |
||||
} |
||||
&.disabled { |
||||
&:hover, &.hover, &:active, &.active { |
||||
background-color: @color-bi-background-default-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// 去掉list-item效果 |
||||
.bi-list-item-none { |
||||
&:hover, &.hover { |
||||
color: inherit; |
||||
& .bi-input { |
||||
color: inherit; |
||||
} |
||||
& .bi-textarea { |
||||
color: inherit; |
||||
} |
||||
background-color: transparent; |
||||
} |
||||
&:active, &.active { |
||||
color: inherit; |
||||
& .bi-input { |
||||
color: inherit; |
||||
} |
||||
& .bi-textarea { |
||||
color: inherit; |
||||
} |
||||
background-color: transparent; |
||||
& .bi-high-light { |
||||
color: inherit; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
color: @color-bi-text-disabled !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled !important; |
||||
} |
||||
& .bi-textarea { |
||||
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-none { |
||||
&:hover, &.hover { |
||||
color: inherit; |
||||
& .bi-input { |
||||
color: inherit; |
||||
} |
||||
& .bi-textarea { |
||||
color: inherit; |
||||
} |
||||
background-color: transparent; |
||||
} |
||||
&:active, &.active { |
||||
color: inherit; |
||||
& .bi-input { |
||||
color: inherit; |
||||
} |
||||
& .bi-textarea { |
||||
color: inherit; |
||||
} |
||||
background-color: transparent; |
||||
& .bi-high-light { |
||||
color: inherit; |
||||
} |
||||
} |
||||
&.disabled { |
||||
&, &:hover, &:active { |
||||
background-color: transparent !important; |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
& .bi-input { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-textarea { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
& .bi-high-light { |
||||
color: @color-bi-text-disabled-theme-dark !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,65 +0,0 @@
|
||||
BI.SingleSelectComboItem = BI.inherit(BI.BasicButton, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SingleSelectComboItem.superclass._defaultConfig.apply(this, arguments), { |
||||
extraCls: "bi-single-select-radio-item", |
||||
logic: { |
||||
dynamic: false |
||||
}, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.SingleSelectComboItem.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.radio = BI.createWidget({ |
||||
type: "bi.radio" |
||||
}); |
||||
this.text = BI.createWidget({ |
||||
type: "bi.label", |
||||
cls: "list-item-text", |
||||
textAlign: "left", |
||||
whiteSpace: "nowrap", |
||||
textHeight: o.height, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
keyword: o.keyword, |
||||
value: o.value, |
||||
py: o.py |
||||
}); |
||||
|
||||
BI.createWidget(BI.extend({ |
||||
element: this |
||||
}, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { |
||||
items: BI.LogicFactory.createLogicItemsByDirection("left", { |
||||
type: "bi.center_adapt", |
||||
items: [this.radio], |
||||
width: 26 |
||||
}, this.text) |
||||
})))); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.text.doRedMark.apply(this.text, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.text.unRedMark.apply(this.text, arguments); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.SingleSelectComboItem.superclass.doClick.apply(this, arguments); |
||||
this.radio.setSelected(this.isSelected()); |
||||
if (this.isValid()) { |
||||
this.fireEvent(BI.SingleSelectComboItem.EVENT_CHANGE, this.isSelected(), this); |
||||
} |
||||
}, |
||||
|
||||
setSelected: function (v) { |
||||
BI.SingleSelectComboItem.superclass.setSelected.apply(this, arguments); |
||||
this.radio.setSelected(v); |
||||
|
||||
} |
||||
}); |
||||
BI.SingleSelectComboItem.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.single_select_combo_item", BI.SingleSelectComboItem); |
||||
Loading…
Reference in new issue