update

dist/bundle.js

@@ -103967,6 +103967,334 @@ BI.SingleSelectTrigger.EVENT_SEARCHING = "EVENT_SEARCHING";
 BI.SingleSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW";
 
 BI.shortcut("bi.single_select_trigger", BI.SingleSelectTrigger);/**
+ * @author: Teller
+ * @createdAt: 2018/3/28
+ * @Description
+*/
+BI.SingleSelectInsertList = BI.inherit(BI.Widget, {
+    _defaultConfig: function () {
+        return BI.extend(BI.SingleSelectInsertList.superclass._defaultConfig.apply(this, arguments), {
+            baseCls: "bi-multi-select-insert-list",
+            itemsCreator: BI.emptyFn,
+            valueFormatter: BI.emptyFn
+        });
+    },
+    _init: function () {
+        BI.SingleSelectInsertList.superclass._init.apply(this, arguments);
+
+        var self = this, o = this.options;
+        this.storeValue = {};
+
+        var assertShowValue = function () {
+            BI.isKey(self._startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](self._startValue);
+            // self.trigger.setValue(self.storeValue);
+        };
+
+        this.adapter = BI.createWidget({
+            type: "bi.single_select_loader",
+            cls: "popup-single-select-list bi-border-left bi-border-right bi-border-bottom",
+            itemsCreator: o.itemsCreator,
+            valueFormatter: o.valueFormatter,
+            logic: {
+                dynamic: false
+            },
+            // onLoaded: o.onLoaded,
+            el: {}
+        });
+        this.adapter.on(BI.SingleSelectLoader.EVENT_CHANGE, function () {
+            self.storeValue = this.getValue();
+            assertShowValue();
+            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+        });
+
+        this.searcherPane = BI.createWidget({
+            type: "bi.single_select_search_pane",
+            cls: "bi-border-left bi-border-right bi-border-bottom",
+            valueFormatter: o.valueFormatter,
+            keywordGetter: function () {
+                return self.trigger.getKeyword();
+            },
+            itemsCreator: function (op, callback) {
+                op.keyword = self.trigger.getKeyword();
+                this.setKeyword(op.keyword);
+                o.itemsCreator(op, callback);
+            }
+        });
+        this.searcherPane.setVisible(false);
+
+        this.trigger = BI.createWidget({
+            type: "bi.searcher",
+            isAutoSearch: false,
+            isAutoSync: false,
+            onSearch: function (op, callback) {
+                callback();
+            },
+            adapter: this.adapter,
+            popup: this.searcherPane,
+            height: 200,
+            masker: false,
+            listeners: [{
+                eventName: BI.Searcher.EVENT_START,
+                action: function () {
+                    self._showSearcherPane();
+                    self._setStartValue("");
+                    this.setValue(BI.deepClone(self.storeValue));
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_STOP,
+                action: function () {
+                    self._showAdapter();
+                    self._setStartValue("");
+                    self.adapter.setValue(self.storeValue);
+                    // 需要刷新回到初始界面，否则搜索的结果不能放在最前面
+                    self.adapter.populate();
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_PAUSE,
+                action: function () {
+                    var keyword = this.getKeyword();
+                    if (this.hasMatched()) {
+                        self._join({
+                            type: BI.Selection.Single,
+                            value: [keyword]
+                        }, function () {
+                            if (self.storeValue.type === BI.Selection.Single) {
+                                self.storeValue.value.pushDistinct(keyword);
+                            }
+                            self._showAdapter();
+                            self.adapter.setValue(self.storeValue);
+                            self._setStartValue(keyword);
+                            assertShowValue();
+                            self.adapter.populate();
+                            self._setStartValue("");
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        });
+                    } else {
+                        if (self.storeValue.type === BI.Selection.Single) {
+                            self.storeValue.value.pushDistinct(keyword);
+                        }
+                        self._showAdapter();
+                        self.adapter.setValue(self.storeValue);
+                        self.adapter.populate();
+                        if (self.storeValue.type === BI.Selection.Single) {
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        }
+                    }
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_SEARCHING,
+                action: function () {
+                    var keywords = this.getKeyword();
+                    var last = BI.last(keywords);
+                    keywords = BI.initial(keywords || []);
+                    if (keywords.length > 0) {
+                        self._joinKeywords(keywords, function () {
+                            if (BI.isEndWithBlank(last)) {
+                                self.adapter.setValue(self.storeValue);
+                                assertShowValue();
+                                self.adapter.populate();
+                                self._setStartValue("");
+                            } else {
+                                self.adapter.setValue(self.storeValue);
+                                assertShowValue();
+                            }
+                        });
+                    }
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_CHANGE,
+                action: function (value, obj) {
+                    if (obj instanceof BI.MultiSelectBar) {
+                        self._joinAll(this.getValue(), function () {
+                            assertShowValue();
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        });
+                    } else {
+                        self._join(this.getValue(), function () {
+                            assertShowValue();
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        });
+                    }
+                }
+            }]
+        });
+
+        BI.createWidget({
+            type: "bi.vtape",
+            element: this,
+            items: [{
+                el: this.trigger,
+                height: 24
+            }, {
+                el: this.adapter,
+                height: "fill"
+            }]
+        });
+        BI.createWidget({
+            type: "bi.absolute",
+            element: this,
+            items: [{
+                el: this.searcherPane,
+                top: 30,
+                bottom: 0,
+                left: 0,
+                right: 0
+            }]
+        });
+    },
+
+    _showAdapter: function () {
+        this.adapter.setVisible(true);
+        this.searcherPane.setVisible(false);
+    },
+
+    _showSearcherPane: function () {
+        this.searcherPane.setVisible(true);
+        this.adapter.setVisible(false);
+    },
+
+    _defaultState: function () {
+        this.trigger.stopEditing();
+    },
+
+    _assertValue: function (val) {
+        val || (val = {});
+        val.type || (val.type = BI.Selection.Single);
+        val.value || (val.value = []);
+    },
+
+    _makeMap: function (values) {
+        return BI.makeObject(values || []);
+    },
+
+    _joinKeywords: function (keywords, callback) {
+        var self = this, o = this.options;
+        this._assertValue(this.storeValue);
+        if (!this._allData) {
+            o.itemsCreator({
+                type: BI.SingleSelectInsertList.REQ_GET_ALL_DATA
+            }, function (ob) {
+                self._allData = BI.map(ob.items, "value");
+                digest(self._allData);
+            });
+        } else {
+            digest(this._allData);
+        }
+
+        function digest (items) {
+            var selectedMap = self._makeMap(items);
+            BI.each(keywords, function (i, val) {
+                if (BI.isNotNull(selectedMap[val])) {
+                    self.storeValue.value[self.storeValue.type === BI.Selection.Single ? "pushDistinct" : "remove"](val);
+                }
+            });
+            callback();
+        }
+    },
+
+    _joinAll: function (res, callback) {
+        var self = this, o = this.options;
+        this._assertValue(res);
+        o.itemsCreator({
+            type: BI.SingleSelectInsertList.REQ_GET_ALL_DATA,
+            keyword: self.trigger.getKeyword()
+        }, function (ob) {
+            var items = BI.map(ob.items, "value");
+            if (self.storeValue.type === res.type) {
+                var change = false;
+                var map = self._makeMap(self.storeValue.value);
+                BI.each(items, function (i, v) {
+                    if (BI.isNotNull(map[v])) {
+                        change = true;
+                        delete map[v];
+                    }
+                });
+                change && (self.storeValue.value = BI.values(map));
+                callback();
+                return;
+            }
+            var selectedMap = self._makeMap(self.storeValue.value);
+            var notSelectedMap = self._makeMap(res.value);
+            var newItems = [];
+            BI.each(items, function (i, item) {
+                if (BI.isNotNull(selectedMap[items[i]])) {
+                    delete selectedMap[items[i]];
+                }
+                if (BI.isNull(notSelectedMap[items[i]])) {
+                    newItems.push(item);
+                }
+            });
+            self.storeValue.value = newItems.concat(BI.values(selectedMap));
+            callback();
+        });
+    },
+
+    _join: function (res, callback) {
+        var self = this, o = this.options;
+        this._assertValue(res);
+        this._assertValue(this.storeValue);
+        if (this.storeValue.type === res.type) {
+            var map = this._makeMap(this.storeValue.value);
+            BI.each(res.value, function (i, v) {
+                if (!map[v]) {
+                    self.storeValue.value.push(v);
+                    map[v] = v;
+                }
+            });
+            var change = false;
+            BI.each(res.assist, function (i, v) {
+                if (BI.isNotNull(map[v])) {
+                    change = true;
+                    delete map[v];
+                }
+            });
+            change && (this.storeValue.value = BI.values(map));
+            callback();
+            return;
+        }
+        this._joinAll(res, callback);
+    },
+
+    _setStartValue: function (value) {
+        this._startValue = value;
+        this.adapter.setStartValue(value);
+    },
+
+    isAllSelected: function () {
+        return this.adapter.isAllSelected();
+    },
+
+    resize: function () {
+        // this.trigger.getCounter().adjustView();
+        // this.trigger.adjustView();
+    },
+    setValue: function (v) {
+        this.storeValue = v || {};
+        this._assertValue(this.storeValue);
+        this.adapter.setValue(this.storeValue);
+        this.trigger.setValue(this.storeValue);
+    },
+
+    getValue: function () {
+        return BI.deepClone(this.storeValue);
+    },
+
+    populate: function () {
+        this._count = null;
+        this._allData = null;
+        this.adapter.populate.apply(this.adapter, arguments);
+        this.trigger.populate.apply(this.trigger, arguments);
+    }
+});
+
+BI.extend(BI.SingleSelectInsertList, {
+    REQ_GET_DATA_LENGTH: 0,
+    REQ_GET_ALL_DATA: -1
+});
+
+BI.SingleSelectInsertList.EVENT_CHANGE = "BI.SingleSelectInsertList.EVENT_CHANGE";
+BI.shortcut("bi.single_select_insert_list", BI.SingleSelectInsertList);
+/**
  * 单选输入框
  * Created by guy on 15/11/3.
  * @class BI.SingleSelectEditor

dist/widget.js

@@ -17456,6 +17456,334 @@ BI.SingleSelectTrigger.EVENT_SEARCHING = "EVENT_SEARCHING";
 BI.SingleSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW";
 
 BI.shortcut("bi.single_select_trigger", BI.SingleSelectTrigger);/**
+ * @author: Teller
+ * @createdAt: 2018/3/28
+ * @Description
+*/
+BI.SingleSelectInsertList = BI.inherit(BI.Widget, {
+    _defaultConfig: function () {
+        return BI.extend(BI.SingleSelectInsertList.superclass._defaultConfig.apply(this, arguments), {
+            baseCls: "bi-multi-select-insert-list",
+            itemsCreator: BI.emptyFn,
+            valueFormatter: BI.emptyFn
+        });
+    },
+    _init: function () {
+        BI.SingleSelectInsertList.superclass._init.apply(this, arguments);
+
+        var self = this, o = this.options;
+        this.storeValue = {};
+
+        var assertShowValue = function () {
+            BI.isKey(self._startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](self._startValue);
+            // self.trigger.setValue(self.storeValue);
+        };
+
+        this.adapter = BI.createWidget({
+            type: "bi.single_select_loader",
+            cls: "popup-single-select-list bi-border-left bi-border-right bi-border-bottom",
+            itemsCreator: o.itemsCreator,
+            valueFormatter: o.valueFormatter,
+            logic: {
+                dynamic: false
+            },
+            // onLoaded: o.onLoaded,
+            el: {}
+        });
+        this.adapter.on(BI.SingleSelectLoader.EVENT_CHANGE, function () {
+            self.storeValue = this.getValue();
+            assertShowValue();
+            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+        });
+
+        this.searcherPane = BI.createWidget({
+            type: "bi.single_select_search_pane",
+            cls: "bi-border-left bi-border-right bi-border-bottom",
+            valueFormatter: o.valueFormatter,
+            keywordGetter: function () {
+                return self.trigger.getKeyword();
+            },
+            itemsCreator: function (op, callback) {
+                op.keyword = self.trigger.getKeyword();
+                this.setKeyword(op.keyword);
+                o.itemsCreator(op, callback);
+            }
+        });
+        this.searcherPane.setVisible(false);
+
+        this.trigger = BI.createWidget({
+            type: "bi.searcher",
+            isAutoSearch: false,
+            isAutoSync: false,
+            onSearch: function (op, callback) {
+                callback();
+            },
+            adapter: this.adapter,
+            popup: this.searcherPane,
+            height: 200,
+            masker: false,
+            listeners: [{
+                eventName: BI.Searcher.EVENT_START,
+                action: function () {
+                    self._showSearcherPane();
+                    self._setStartValue("");
+                    this.setValue(BI.deepClone(self.storeValue));
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_STOP,
+                action: function () {
+                    self._showAdapter();
+                    self._setStartValue("");
+                    self.adapter.setValue(self.storeValue);
+                    // 需要刷新回到初始界面，否则搜索的结果不能放在最前面
+                    self.adapter.populate();
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_PAUSE,
+                action: function () {
+                    var keyword = this.getKeyword();
+                    if (this.hasMatched()) {
+                        self._join({
+                            type: BI.Selection.Single,
+                            value: [keyword]
+                        }, function () {
+                            if (self.storeValue.type === BI.Selection.Single) {
+                                self.storeValue.value.pushDistinct(keyword);
+                            }
+                            self._showAdapter();
+                            self.adapter.setValue(self.storeValue);
+                            self._setStartValue(keyword);
+                            assertShowValue();
+                            self.adapter.populate();
+                            self._setStartValue("");
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        });
+                    } else {
+                        if (self.storeValue.type === BI.Selection.Single) {
+                            self.storeValue.value.pushDistinct(keyword);
+                        }
+                        self._showAdapter();
+                        self.adapter.setValue(self.storeValue);
+                        self.adapter.populate();
+                        if (self.storeValue.type === BI.Selection.Single) {
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        }
+                    }
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_SEARCHING,
+                action: function () {
+                    var keywords = this.getKeyword();
+                    var last = BI.last(keywords);
+                    keywords = BI.initial(keywords || []);
+                    if (keywords.length > 0) {
+                        self._joinKeywords(keywords, function () {
+                            if (BI.isEndWithBlank(last)) {
+                                self.adapter.setValue(self.storeValue);
+                                assertShowValue();
+                                self.adapter.populate();
+                                self._setStartValue("");
+                            } else {
+                                self.adapter.setValue(self.storeValue);
+                                assertShowValue();
+                            }
+                        });
+                    }
+                }
+            }, {
+                eventName: BI.Searcher.EVENT_CHANGE,
+                action: function (value, obj) {
+                    if (obj instanceof BI.MultiSelectBar) {
+                        self._joinAll(this.getValue(), function () {
+                            assertShowValue();
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        });
+                    } else {
+                        self._join(this.getValue(), function () {
+                            assertShowValue();
+                            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        });
+                    }
+                }
+            }]
+        });
+
+        BI.createWidget({
+            type: "bi.vtape",
+            element: this,
+            items: [{
+                el: this.trigger,
+                height: 24
+            }, {
+                el: this.adapter,
+                height: "fill"
+            }]
+        });
+        BI.createWidget({
+            type: "bi.absolute",
+            element: this,
+            items: [{
+                el: this.searcherPane,
+                top: 30,
+                bottom: 0,
+                left: 0,
+                right: 0
+            }]
+        });
+    },
+
+    _showAdapter: function () {
+        this.adapter.setVisible(true);
+        this.searcherPane.setVisible(false);
+    },
+
+    _showSearcherPane: function () {
+        this.searcherPane.setVisible(true);
+        this.adapter.setVisible(false);
+    },
+
+    _defaultState: function () {
+        this.trigger.stopEditing();
+    },
+
+    _assertValue: function (val) {
+        val || (val = {});
+        val.type || (val.type = BI.Selection.Single);
+        val.value || (val.value = []);
+    },
+
+    _makeMap: function (values) {
+        return BI.makeObject(values || []);
+    },
+
+    _joinKeywords: function (keywords, callback) {
+        var self = this, o = this.options;
+        this._assertValue(this.storeValue);
+        if (!this._allData) {
+            o.itemsCreator({
+                type: BI.SingleSelectInsertList.REQ_GET_ALL_DATA
+            }, function (ob) {
+                self._allData = BI.map(ob.items, "value");
+                digest(self._allData);
+            });
+        } else {
+            digest(this._allData);
+        }
+
+        function digest (items) {
+            var selectedMap = self._makeMap(items);
+            BI.each(keywords, function (i, val) {
+                if (BI.isNotNull(selectedMap[val])) {
+                    self.storeValue.value[self.storeValue.type === BI.Selection.Single ? "pushDistinct" : "remove"](val);
+                }
+            });
+            callback();
+        }
+    },
+
+    _joinAll: function (res, callback) {
+        var self = this, o = this.options;
+        this._assertValue(res);
+        o.itemsCreator({
+            type: BI.SingleSelectInsertList.REQ_GET_ALL_DATA,
+            keyword: self.trigger.getKeyword()
+        }, function (ob) {
+            var items = BI.map(ob.items, "value");
+            if (self.storeValue.type === res.type) {
+                var change = false;
+                var map = self._makeMap(self.storeValue.value);
+                BI.each(items, function (i, v) {
+                    if (BI.isNotNull(map[v])) {
+                        change = true;
+                        delete map[v];
+                    }
+                });
+                change && (self.storeValue.value = BI.values(map));
+                callback();
+                return;
+            }
+            var selectedMap = self._makeMap(self.storeValue.value);
+            var notSelectedMap = self._makeMap(res.value);
+            var newItems = [];
+            BI.each(items, function (i, item) {
+                if (BI.isNotNull(selectedMap[items[i]])) {
+                    delete selectedMap[items[i]];
+                }
+                if (BI.isNull(notSelectedMap[items[i]])) {
+                    newItems.push(item);
+                }
+            });
+            self.storeValue.value = newItems.concat(BI.values(selectedMap));
+            callback();
+        });
+    },
+
+    _join: function (res, callback) {
+        var self = this, o = this.options;
+        this._assertValue(res);
+        this._assertValue(this.storeValue);
+        if (this.storeValue.type === res.type) {
+            var map = this._makeMap(this.storeValue.value);
+            BI.each(res.value, function (i, v) {
+                if (!map[v]) {
+                    self.storeValue.value.push(v);
+                    map[v] = v;
+                }
+            });
+            var change = false;
+            BI.each(res.assist, function (i, v) {
+                if (BI.isNotNull(map[v])) {
+                    change = true;
+                    delete map[v];
+                }
+            });
+            change && (this.storeValue.value = BI.values(map));
+            callback();
+            return;
+        }
+        this._joinAll(res, callback);
+    },
+
+    _setStartValue: function (value) {
+        this._startValue = value;
+        this.adapter.setStartValue(value);
+    },
+
+    isAllSelected: function () {
+        return this.adapter.isAllSelected();
+    },
+
+    resize: function () {
+        // this.trigger.getCounter().adjustView();
+        // this.trigger.adjustView();
+    },
+    setValue: function (v) {
+        this.storeValue = v || {};
+        this._assertValue(this.storeValue);
+        this.adapter.setValue(this.storeValue);
+        this.trigger.setValue(this.storeValue);
+    },
+
+    getValue: function () {
+        return BI.deepClone(this.storeValue);
+    },
+
+    populate: function () {
+        this._count = null;
+        this._allData = null;
+        this.adapter.populate.apply(this.adapter, arguments);
+        this.trigger.populate.apply(this.trigger, arguments);
+    }
+});
+
+BI.extend(BI.SingleSelectInsertList, {
+    REQ_GET_DATA_LENGTH: 0,
+    REQ_GET_ALL_DATA: -1
+});
+
+BI.SingleSelectInsertList.EVENT_CHANGE = "BI.SingleSelectInsertList.EVENT_CHANGE";
+BI.shortcut("bi.single_select_insert_list", BI.SingleSelectInsertList);
+/**
  * 单选输入框
  * Created by guy on 15/11/3.
  * @class BI.SingleSelectEditor