Merge pull request #508 in VISUAL/fineui from ~WINDY/fineui:master to master

* commit 'e861770cb44fa674083a8c6340433299d40ee089':
  update
  BI-25955 down_list_combo样式
  update

dist/bundle.css

@@ -5227,7 +5227,7 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 16px;
+  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {

dist/fineui.css

@@ -5227,7 +5227,7 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 16px;
+  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {

dist/resource.css

@@ -1009,7 +1009,7 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 16px;
+  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {

public/css/font.css

@@ -683,7 +683,7 @@
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 16px;
+  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {

src/css/resource/font.css

@@ -683,7 +683,7 @@
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 16px;
+  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {

src/less/lib/colors.less

@@ -106,8 +106,8 @@
 @color-bi-blue-60: fade(@font-color-highlight, 60);
 @color-bi-blue-40: fade(@font-color-highlight, 40);
 @color-bi-blue-30: fade(@font-color-highlight, 30);
-@color-bi-blue-20: fade(@font-color-highlight, 20);
-@color-bi-blue-10: fade(@font-color-highlight, 10);
+@color-bi-blue-20: @background-color-medium-highlight;
+@color-bi-blue-10: @background-color-light-highlight;
 @color-bi-blue-5: fade(@font-color-highlight, 5);
 
 //light-blue

src/less/lib/constant.less

@@ -36,6 +36,7 @@
 @font-color-white: #ffffff;//
 @font-color-white-theme-dark: #242640;//
 @font-color-light-highlight: #eaf2fd;
+@font-color-medium-highlight: #d7e7fc;
 @font-color-highlight: #3685f2;
 @font-color-blue: #23beef;
 @font-color-light-blue: #e9f8fd;
@@ -51,6 +52,7 @@
 @background-color-normal: #f7f8fa;//
 @background-color-normal-theme-dark: #191B2B;//
 @background-color-light-highlight: #eaf2fd;
+@background-color-medium-highlight: #d7e7fc;
 @background-color-highlight: #3685f2;
 @background-color-blue: #23beef;
 @background-color-light-blue: #e9f8fd;

src/less/resource/font.less

@@ -84,7 +84,7 @@
 .font-hover(pull-down-h-font, @font-down-triangle, @color-bi-text-light-gray);
 .font-hover-active(pull-down-ha-font, @font-down-triangle, @color-bi-text-light-gray);
 
-.font(check-font, @font-check-mark, @color-bi-text-highlight);
+.font(check-font, @font-check-mark, @color-bi-text-highlight, @font-size-12);
 
 .font-hover-active(item-check-font, @font-check-mark, @color-bi-text, @color-bi-text-gray, @color-bi-font-active);
 

src/widget/downlist/combo.downlist.js

@@ -55,7 +55,8 @@ BI.DownListCombo = BI.inherit(BI.Widget, {
             popup: {
                 el: this.popupview,
                 stopPropagation: true,
-                maxHeight: 1000
+                maxHeight: 1000,
+                minWidth: 140
             }
         });
 

src/widget/downlist/item.downlist.js

@@ -1,4 +1,4 @@
-BI.DownListItem = BI.inherit(BI.Single, {
+BI.DownListItem = BI.inherit(BI.BasicButton, {
     _defaultConfig: function () {
         var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments);
         return BI.extend(conf, {
@@ -21,59 +21,77 @@ BI.DownListItem = BI.inherit(BI.Single, {
         BI.DownListItem.superclass._init.apply(this, arguments);
         var self = this, o = this.options;
         this.text = BI.createWidget({
-            type: "bi.icon_text_item",
-            element: this,
-            height: o.height,
+            type: "bi.label",
+            cls: "list-item-text",
+            textAlign: "left",
+            hgap: o.textHgap,
+            vgap: o.textVgap,
+            lgap: o.textLgap,
+            rgap: o.textRgap,
             text: o.text,
             value: o.value,
-            logic: o.logic,
-            selected: o.selected,
-            disabled: o.disabled,
-            iconHeight: o.iconHeight,
-            iconWidth: o.iconWidth,
-            textHgap: o.textHgap,
-            textVgap: o.textVgap,
-            textLgap: o.textLgap,
-            textRgap: o.textRgap,
-            father: o.father,
-            bubble: o.bubble
-        });
-        this.text.on(BI.Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            keyword: o.keyword,
+            height: o.height
         });
-        this.text.on(BI.IconTextItem.EVENT_CHANGE, function () {
-            self.fireEvent(BI.DownListItem.EVENT_CHANGE);
+        this.icon = BI.createWidget({
+            type: "bi.center_adapt",
+            width: 36,
+            height: o.height,
+            items: [{
+                el: {
+                    type: "bi.icon",
+                    width: o.iconWidth,
+                    height: o.iconHeight
+                }
+            }]
         });
-        // this.setSelected(o.selected);
+
+        BI.createWidget(BI.extend({
+            element: this
+        }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left), BI.extend(o.logic, {
+            items: BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, this.icon, this.text)
+        }))));
     },
 
-    doRedMark: function () {
-        this.text.doRedMark.apply(this.text, arguments);
+    setValue: function () {
+        if (!this.isReadOnly()) {
+            this.text.setValue.apply(this.text, arguments);
+        }
     },
 
-    unRedMark: function () {
-        this.text.unRedMark.apply(this.text, arguments);
+    getValue: function () {
+        return this.text.getValue();
     },
 
-    isSelected: function () {
-        return this.text.isSelected();
+    setText: function () {
+        this.text.setText.apply(this.text, arguments);
     },
 
-    setSelected: function (b) {
-        this.text.setSelected(b);
-        // if (b === true) {
-        //     this.element.addClass("dot-e-font");
-        // } else {
-        //     this.element.removeClass("dot-e-font");
-        // }
+    getText: function () {
+        return this.text.getText();
     },
 
-    setValue: function (v) {
-        this.text.setValue(v);
+    doClick: function () {
+        BI.DownListItem.superclass.doClick.apply(this, arguments);
+        if (this.isValid()) {
+            this.fireEvent(BI.DownListItem.EVENT_CHANGE, this.getValue(), this);
+        }
     },
 
-    getValue: function () {
-        return this.text.getValue();
+    doRedMark: function () {
+        this.text.doRedMark.apply(this.text, arguments);
+    },
+
+    unRedMark: function () {
+        this.text.unRedMark.apply(this.text, arguments);
+    },
+
+    doHighLight: function () {
+        this.text.doHighLight.apply(this.text, arguments);
+    },
+
+    unHighLight: function () {
+        this.text.unHighLight.apply(this.text, arguments);
     }
 });
 BI.DownListItem.EVENT_CHANGE = "EVENT_CHANGE";

src/widget/downlist/item.downlistgroup.js

@@ -27,7 +27,7 @@ BI.DownListGroupItem = BI.inherit(BI.BasicButton, {
         this.icon1 = BI.createWidget({
             type: "bi.icon_button",
             cls: o.iconCls1,
-            width: 24,
+            width: 36,
             forceNotSelected: true,
             selected: this._digest(o.value)
         });

ui/css/font.css

@@ -683,7 +683,7 @@
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 16px;
+  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {