trigger尝试

src/css/widget/multiselect/trigger/editor.css

@@ -0,0 +1,7 @@
+.bi-multi-select-block-editor .label-wrapper .label-item {
+  background-color: rgba(54, 133, 242, 0.06);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2);
+}
+.bi-multi-select-block-editor .search-editor {
+  min-width: 40px;
+}

src/less/widget/multiselect/trigger/editor.block.multiselect.less

@@ -0,0 +1,12 @@
+@import "../../../index";
+
+.bi-multi-select-block-editor {
+  & .label-wrapper {
+    & .label-item {
+      .background-color(@color-bi-background-highlight, 6%);
+    }
+  }
+  & .search-editor {
+    min-width: 40px;
+  }
+}

src/widget/multiselect/trigger/editor.block.multiselect.js

@@ -7,66 +7,49 @@
 BI.MultiSelectBlockEditor = BI.inherit(BI.Widget, {
 
     props: {
-        baseCls: "bi-multi-select-editor",
+        baseCls: "bi-multi-select-block-editor",
         el: {}
     },
 
     render: function () {
+        var self = this;
         return {
-            type: "bi.htape",
+            type: "bi.inline_vertical_adapt",
+            scrollx: false,
             items: [{
-                type: "bi.vertical_adapt",
-                items: [],
-                width: 24
-            }, {
                 el: {
-                    type: "bi.editor"
+                    type: "bi.inline_vertical_adapt",
+                    tagName: "ul",
+                    cls: "label-wrapper",
+                    ref: function (_ref) {
+                        self.labelWrapper = _ref;
+                    },
+                    items: [],
+                    hgap: 5
+                }
+            }, {
+                type: "bi.sign_editor",
+                allowBlank: true,
+                cls: "search-editor",
+                ref: function (_ref) {
+                    self.editor = _ref;
                 },
-
+                listeners: [{
+                    eventName: BI.Controller.EVENT_CHANGE,
+                    action: function () {
+                        self.fireEvent(BI.Controller.EVENT_CHANGE);
+                    }
+                }, {
+                    eventName: BI.Editor.EVENT_PAUSE,
+                    action: function () {
+                        self.fireEvent(BI.MultiSelectBlockEditor.EVENT_PAUSE);
+                    }
+                }],
+                height: 22
             }]
         };
     },
 
-    mounted: function () {
-        this._checkSize();
-    },
-
-    getBlockSize: function() {
-        // return BI.redu
-    },
-
-    _checkSize: function () {
-        this.comboWrapper.attr("items")[0].width = o.height;
-        this.comboWrapper.resize();
-    },
-
-    _init: function () {
-        BI.MultiSelectBlockEditor.superclass._init.apply(this, arguments);
-        var self = this, o = this.options;
-        this.editor = BI.createWidget(o.el, {
-            type: "bi.state_editor",
-            element: this,
-            height: o.height,
-            watermark: BI.i18nText("BI-Basic_Search"),
-            allowBlank: true,
-            value: o.value,
-            text: o.text,
-            tipType: o.tipType,
-            warningTitle: o.warningTitle,
-        });
-
-        this.editor.on(BI.Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
-        });
-
-        this.editor.on(BI.StateEditor.EVENT_PAUSE, function () {
-            self.fireEvent(BI.MultiSelectBlockEditor.EVENT_PAUSE);
-        });
-        this.editor.on(BI.StateEditor.EVENT_CLICK_LABEL, function () {
-
-        });
-    },
-
     focus: function () {
         this.editor.focus();
     },
@@ -76,24 +59,29 @@ BI.MultiSelectBlockEditor = BI.inherit(BI.Widget, {
     },
 
     setState: function (state) {
-        this.editor.setState(state);
+        var values = BI.map(state, function (idx, path) {
+            return BI.last(path);
+        });
+        this.labelWrapper.populate(BI.map(values, function (idx, value) {
+            return {
+                type: "bi.text_button",
+                tagName: "li",
+                cls: "bi-border-radius bi-list-item-select label-item",
+                text: value
+            };
+        }));
     },
 
     setValue: function (v) {
         this.editor.setValue(v);
     },
 
-    setTipType: function (v) {
-        this.editor.setTipType(v);
-    },
-
     getValue: function () {
         var v = this.editor.getState();
         if (BI.isArray(v) && v.length > 0) {
             return v[v.length - 1];
         }
         return "";
-
     },
 
     getKeywords: function () {

src/widget/multitree/trigger/searcher.list.multi.tree.js

@@ -24,7 +24,7 @@ BI.MultiListTreeSearcher = BI.inherit(BI.Widget, {
         BI.MultiListTreeSearcher.superclass._init.apply(this, arguments);
         var self = this, o = this.options;
         this.editor = BI.createWidget({
-            type: "bi.multi_select_editor",
+            type: "bi.multi_select_block_editor",
             height: o.height,
             el: {
                 type: "bi.simple_state_editor",
@@ -108,28 +108,29 @@ BI.MultiListTreeSearcher = BI.inherit(BI.Widget, {
     },
 
     setState: function (ob) {
-        var o = this.options;
-        ob || (ob = {});
-        ob.value || (ob.value = []);
-        var count = 0;
-        if (BI.isNumber(ob)) {
-            this.editor.setState(ob);
-        } else if (BI.size(ob.value) === 0) {
-            this.editor.setState(BI.Selection.None);
-        } else {
-            var text = "";
-            BI.each(ob.value, function (idx, path) {
-                var childValue = BI.last(path);
-                text += (o.valueFormatter(childValue + "") || childValue) + "; ";
-                count++;
-            });
-
-            if (count > 20) {
-                this.editor.setState(BI.Selection.Multi);
-            } else {
-                this.editor.setState(text);
-            }
-        }
+        // var o = this.options;
+        // ob || (ob = {});
+        // ob.value || (ob.value = []);
+        // var count = 0;
+        // if (BI.isNumber(ob)) {
+        //     this.editor.setState(ob);
+        // } else if (BI.size(ob.value) === 0) {
+        //     this.editor.setState(BI.Selection.None);
+        // } else {
+        //     var text = "";
+        //     BI.each(ob.value, function (idx, path) {
+        //         var childValue = BI.last(path);
+        //         text += (o.valueFormatter(childValue + "") || childValue) + "; ";
+        //         count++;
+        //     });
+        //
+        //     if (count > 20) {
+        //         this.editor.setState(BI.Selection.Multi);
+        //     } else {
+        //         this.editor.setState(text);
+        //     }
+        // }
+        this.editor.setState(ob.value);
     },
 
     setValue: function (ob) {