diff --git a/src/css/widget/multilayerselecttree/multilayerselecttree.css b/src/css/widget/multilayerselecttree/multilayerselecttree.css index 0c06cc29d..14917bad0 100644 --- a/src/css/widget/multilayerselecttree/multilayerselecttree.css +++ b/src/css/widget/multilayerselecttree/multilayerselecttree.css @@ -1,3 +1,25 @@ +.bi-multilayer-select-tree-combo .trigger-icon-button { + font-size: 16px; +} +.bi-multilayer-select-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -o-transition: transform 0.3s ease; + transition: transform 0.3s ease; +} +.bi-multilayer-select-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -o-transition: transform 0.3s ease; + transition: transform 0.3s ease; +} + .bi-multilayer-select-level-tree .tree-view { min-width: 100%; } diff --git a/src/css/widget/multilayersingletree/multilayersingletree.css b/src/css/widget/multilayersingletree/multilayersingletree.css index 38759f6a4..60ff7dba5 100644 --- a/src/css/widget/multilayersingletree/multilayersingletree.css +++ b/src/css/widget/multilayersingletree/multilayersingletree.css @@ -1,3 +1,25 @@ +.bi-multilayer-single-tree-combo .trigger-icon-button { + font-size: 16px; +} +.bi-multilayer-single-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -o-transition: transform 0.3s ease; + transition: transform 0.3s ease; +} +.bi-multilayer-single-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: transform 0.3s ease; + -moz-transition: transform 0.3s ease; + -o-transition: transform 0.3s ease; + transition: transform 0.3s ease; +} + .bi-multilayer-single-level-tree .tree-view { min-width: 100%; } diff --git a/src/less/widget/multilayerselecttree/multilayerselecttree.combo.less b/src/less/widget/multilayerselecttree/multilayerselecttree.combo.less new file mode 100644 index 000000000..6a43b1d0f --- /dev/null +++ b/src/less/widget/multilayerselecttree/multilayerselecttree.combo.less @@ -0,0 +1,20 @@ +@import "../../index"; +@val: transform .3s ease; +.bi-multilayer-select-tree-combo { + & .trigger-icon-button{ + font-size: 16px; + } + // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 + & .bi-combo.bi-combo-popup + .bi-trigger-icon-button { + & .x-icon { + .rotate(180deg); + .transition(@val); + } + } + & .bi-combo + .bi-trigger-icon-button { + & .x-icon { + .rotate(0deg); + .transition(@val); + } + } +} \ No newline at end of file diff --git a/src/less/widget/multilayersingletree/multilayersingletree.combo.less b/src/less/widget/multilayersingletree/multilayersingletree.combo.less new file mode 100644 index 000000000..ec139af05 --- /dev/null +++ b/src/less/widget/multilayersingletree/multilayersingletree.combo.less @@ -0,0 +1,20 @@ +@import "../../index"; +@val: transform .3s ease; +.bi-multilayer-single-tree-combo { + & .trigger-icon-button{ + font-size: 16px; + } + // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 + & .bi-combo.bi-combo-popup + .bi-trigger-icon-button { + & .x-icon { + .rotate(180deg); + .transition(@val); + } + } + & .bi-combo + .bi-trigger-icon-button { + & .x-icon { + .rotate(0deg); + .transition(@val); + } + } +} \ No newline at end of file diff --git a/src/widget/multilayersingletree/multilayersingletree.combo.js b/src/widget/multilayersingletree/multilayersingletree.combo.js index 8ce263dd8..f3b3c10d5 100644 --- a/src/widget/multilayersingletree/multilayersingletree.combo.js +++ b/src/widget/multilayersingletree/multilayersingletree.combo.js @@ -9,7 +9,7 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, { _defaultConfig: function () { return BI.extend(BI.MultiLayerSingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { - baseCls: "bi-multilayer-singletree-combo", + baseCls: "bi-multilayer-single-tree-combo", isDefaultInit: false, height: 24, text: "",