Browse Source

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

* commit '19d22dfd9522ac388fefe3862975679af2a01c7a':
  BI-25599
  更新
  BI-25937 删filter
es6
windy 6 years ago
parent
commit
062456750e
  1. 4
      demo/js/config/widget.js
  2. 65
      demo/js/widget/filter/demo.filter.js
  3. 25
      dist/_fineui.min.js
  4. 40
      dist/bundle.css
  5. 797
      dist/bundle.js
  6. 2
      dist/bundle.min.css
  7. 25
      dist/bundle.min.js
  8. 70
      dist/demo.js
  9. 40
      dist/fineui.css
  10. 797
      dist/fineui.js
  11. 2
      dist/fineui.min.css
  12. 25
      dist/fineui.min.js
  13. 40
      dist/widget.css
  14. 797
      dist/widget.js
  15. 4
      src/css/widget/filter/abstractitem/filter.css
  16. 26
      src/css/widget/filter/expander/filter.css
  17. 4
      src/css/widget/filter/operation/filter.css
  18. 6
      src/css/widget/filter/pane/filter.css
  19. 11
      src/less/widget/filter/abstractitem/filter.abstract.item.less
  20. 36
      src/less/widget/filter/expander/filter.expander.less
  21. 8
      src/less/widget/filter/operation/filter.operation.less
  22. 6
      src/less/widget/filter/pane/filter.pane.less
  23. 2
      src/widget/downlist/popup.downlist.js
  24. 51
      src/widget/filter/abstractitem/filter.abstract.item.js
  25. 46
      src/widget/filter/expander/and.or.expander.js
  26. 74
      src/widget/filter/expander/filter.expander.js
  27. 194
      src/widget/filter/filter.js
  28. 102
      src/widget/filter/filter.list.js
  29. 267
      src/widget/filter/operation/filter.operation.js
  30. 62
      src/widget/filter/pane/filter.pane.js
  31. 2
      src/widget/multilayerdownlist/popup.downlist.js
  32. 2
      src/widget/multiselectlist/multiselectlist.insert.js

4
demo/js/config/widget.js

@ -222,8 +222,4 @@ Demo.WIDGET_CONFIG = [{
id: 420,
text: "滚动sliders",
value: "demo.slider"
}, {
id: 422,
text: "过滤Filter",
value: "demo.filter"
}];

65
demo/js/widget/filter/demo.filter.js

@ -1,65 +0,0 @@
Demo.Filter = BI.inherit(BI.Widget, {
props: {},
_createFilter: function () {
var filter = BI.createWidget({
type: "bi.filter",
width: 600,
height: 300,
items: [{
id: "3beb41be9c67d80d",
value: 81,
children: [{
id: 1,
type: "bi.label",
value: "节点1"
}, {
id: "74cf470c15a7cb23",
value: 80,
children: [{
id: 2,
type: "bi.label",
value: "节点2"
}, {
id: 3,
type: "bi.label",
value: "节点3"
}]
}, {
id: 4,
type: "bi.label",
value: "节点4"
}]
}],
itemCreator: function (item) {
if(item.value === BI.Filter.FILTER_TYPE.EMPTY_FORMULA || item.value === BI.Filter.FILTER_TYPE.EMPTY_CONDITION) {
item.type = "bi.label";
item.value = "这是一个新添的数据";
}
}
});
return filter;
},
render: function () {
var filter = this._createFilter();
return {
type: "bi.vertical",
hgap: 30,
vgap: 20,
items: [{
el: filter
}, {
type: "bi.button",
text: "过滤结构getValue()",
height: 30,
handler: function () {
BI.Msg.alert("过滤结构", JSON.stringify(filter.getValue()));
}
}]
};
}
});
BI.shortcut("demo.filter", Demo.Filter);

25
dist/_fineui.min.js vendored

File diff suppressed because one or more lines are too long

40
dist/bundle.css vendored

@ -3783,46 +3783,6 @@ ul.ztree.zTreeDragUL {
background-color: #191B2B;
color: #999999;
}
.bi-filter-item .filter-item-empty-item .empty-filter-item-leaf {
border: 1px dashed #3685f2;
background: #eaf2fd;
}
.bi-filter-expander {
min-width: 100%;
border-right: 0px;
border-bottom: 0px;
}
.bi-filter-expander > .filter-item-empty-item {
border-top: 0px;
border-right: 1px solid #e8eaed;
border-bottom: 1px solid #e8eaed;
}
.bi-filter-expander > table {
min-width: 100%;
}
.bi-filter-expander > table > tbody > tr > td.first-element {
width: 20px;
border-right: 1px solid #e8eaed !important;
border-bottom: 1px solid #e8eaed !important;
}
.bi-theme-dark .bi-filter-expander > .filter-item-empty-item {
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.bi-theme-dark .bi-filter-expander > table > tbody > tr > td.first-element {
border-right: 1px solid #525466 !important;
border-bottom: 1px solid #525466 !important;
}
.bi-filter-operation .operation-trigger.hover,
.bi-filter-operation .operation-trigger:hover {
color: #13cd66;
}
.bi-filter-pane {
min-width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
z-index: 1000000000;
background-color: #faaa39;

797
dist/bundle.js vendored

@ -93785,797 +93785,6 @@ BI.extend(BI.FileManagerNav, {
});
BI.FileManagerNav.EVENT_CHANGE = "FileManagerNav.EVENT_CHANGE";
BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
* 过滤条件抽象类
*
* @class BI.AbstractFilterItem
* @extend BI.Widget
*/
BI.AbstractFilterItem = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-item bi-border-right bi-border-bottom"
},
isSelectedCondition: function () {
return this.emptyItem && this.emptyItem.isVisible();
},
setSelectedCondition: function (b) {
if (b) {
if (!this.emptyItem) {
this.emptyItem = BI.createWidget({
type: "bi.absolute",
height: 40,
cls: "filter-item-empty-item bi-border-top",
items: [{
el: {
type: "bi.center_adapt",
cls: "empty-filter-item-leaf"
}
}],
hgap: 10,
vgap: 5
});
BI.createWidget({
type: "bi.vertical",
element: this,
items: [this.emptyItem],
scrolly: false
});
}
}
this.emptyItem && this.emptyItem.setVisible(b);
}
});
BI.extend(BI.AbstractFilterItem, {
FILTER_OPERATION_FORMULA: 1,
FILTER_OPERATION_CONDITION: 2,
FILTER_OPERATION_CONDITION_AND: 3,
FILTER_OPERATION_CONDITION_OR: 4,
FILTER_OPERATION_FORMULA_AND: 5,
FILTER_OPERATION_FORMULA_OR: 6
});/**
* Created by Urthur on 2017/11/21.
*/
!(function () {
var Expander = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.filter_expander",
el: o.el,
popup: o.popup,
id: o.id,
value: o.value,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}],
ref: function (_ref) {
self.expander = _ref;
}
};
},
populate: function () {
this.expander.populate.apply(this.expander, arguments);
},
getValue: function () {
var val = this.expander.getValue();
return {
filterType: val.type,
filterValue: val.value,
id: val.id
};
}
});
BI.shortcut("bi.and.or.filter.expander", Expander);
}());/**
* @class BI.FilterExpander
* @extend BI.AbstractFilterItem
* 过滤树的一个expander节点
*/
!(function () {
var FilterExpander = BI.inherit(BI.AbstractFilterItem, {
_constant: {
EXPANDER_WIDTH: 20
},
props: {
baseCls: "bi-filter-item bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
var value = o.el.value, text = "";
if (value === BI.Filter.FILTER_TYPE.AND) {
text = BI.i18nText("BI-Basic_And");
} else {
text = BI.i18nText("BI-Basic_Or");
}
return {
type: "bi.horizontal_adapt",
cls: "filter-item-empty-item",
verticalAlign: BI.VerticalAlign.Middle,
items: [{
type: "bi.text_button",
cls: "condition-and-or",
text: text,
value: value,
id: o.id,
width: this._constant.EXPANDER_WIDTH,
height: "100%",
ref: function (_ref) {
self.expander = _ref;
},
listeners: [{
eventName: BI.TextButton.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, "", self);
}
}]
}, BI.extend(o.popup, {
ref: function (_ref) {
self.conditionsView = _ref;
},
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}]
})]
};
},
getValue: function () {
return {
type: this.expander.getValue(),
value: this.conditionsView.getValue(),
id: this.options.id
};
},
populate: function () {
this.conditionsView.populate.apply(this.conditionsView, arguments);
}
});
BI.shortcut("bi.filter_expander", FilterExpander);
}());/**
* 过滤
*
* Created by GUY on 2015/11/20.
* @class BI.Filter
* @extend BI.Widget
*/
BI.Filter = BI.inherit(BI.Widget, {
constants: {
FIELD_TYPE_NUMBER: 1,
FIELD_TYPE_STRING: 0,
FIELD_TYPE_DATE: 2
},
props: {
baseCls: "bi-filter",
expander: {},
items: [],
el: {},
itemCreator: BI.empty
},
render: function () {
var self = this, o = this.options;
return BI.extend({
type: "bi.filter_operation",
expander: o.expander,
listeners: [{
eventName: "EVENT_OPERATION",
action: function (type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION, 1);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA, 1);
break;
}
}
}, {
eventName: "BI.FilterOperation.EVENT_DESTROY_ITEM",
action: function (id) {
self._removeCondition(id);
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}, o.el);
},
mounted: function () {
this.tree = new BI.Tree();
this.tree.initTree(this.options.items);
this._populate(this.tree.toJSONWithNode());
},
_createEmptyNode: function (type) {
var node = new BI.Node(BI.UUID());
node.set("data", {
value: type
});
return node;
},
_insertAndOrCondition: function (id, formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var data = finded.get("data");
var parent = finded.getParent();
var index = parent.getChildIndex(finded.id);
var pdata = parent.get("data") || {};
var node = this._createEmptyNode(formulaOrField);
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(finded, node);
return;
}
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]) {
if (pdata.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
parent.addChild(node, index + 1);
return;
}
}
if ((data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]] && pdata.value !== BI.Filter.FILTER_TYPE[ANDOR[type]])
|| pdata.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]
|| (pdata.value !== BI.Filter.FILTER_TYPE.AND && pdata.value !== BI.Filter.FILTER_TYPE.OR)) {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [finded.get("data"), node.get("data")]
});
parent.removeChildByIndex(index);
parent.addChild(andor, index);
andor.addChild(finded);
andor.addChild(node);
return;
}
parent.addChild(node, index + 1);
}
},
_removeCondition: function (id) {
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var parent = finded.getParent();
parent.removeChild(id);
if (parent.getChildrenLength() <= 1) {
var prev = parent.getParent();
if (BI.isNotNull(prev)) {
var index = prev.getChildIndex(parent.id);
prev.removeChildByIndex(index);
if (parent.getChildrenLength() === 1) {
prev.addChild(parent.getFirstChild(), index);
}
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
}
},
_addAndOrCondition: function (formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var currentSelectItem = this.filter.getCurrentSelectItem();
if (BI.isNotNull(currentSelectItem)) {
var id = currentSelectItem.attr("id");
this._insertAndOrCondition(id, formulaOrField, type);
} else {
var node = this._createEmptyNode(formulaOrField);
var root = this.tree.getRoot();
var child = root.getLastChild();
if (BI.isNotNull(child)) {
var data = child.get("data");
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(child, node);
} else {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [child.get("data"), node.get("data")]
});
root.removeChild(child.id);
this.tree.addNode(andor);
this.tree.addNode(andor, child);
this.tree.addNode(andor, node);
}
} else {
this.tree.addNode(node);
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
},
_populate: function (items) {
this.filter.defaultState();
var o = this.options;
o.items = items;
BI.Tree.traversal(items, function (i, item) {
o.itemCreator(item);
});
this.filter.populate.apply(this.filter, [items]);
},
populate: function (conditions) {
this.tree.initTree(conditions);
this._populate(this.tree.toJSONWithNode());
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter", BI.Filter);
BI.Filter.FILTER_TYPE = {};
BI.Filter.FILTER_TYPE.FORMULA = 33;
BI.Filter.FILTER_TYPE.AND = 34;
BI.Filter.FILTER_TYPE.OR = 35;
BI.Filter.FILTER_TYPE.EMPTY_FORMULA = 36;
BI.Filter.FILTER_TYPE.EMPTY_CONDITION = 37;
/**
* Created by windy on 2017/3/28.
*/
!(function () {
var FilterList = BI.inherit(BI.ButtonTree, {
props: {
baseCls: "bi-button-map"
},
_createBtns: function (items) {
var o = this.options;
var buttons = BI.createWidgets(BI.createItems(items, {type: "bi.text_button", once: o.chooseType === 0}));
var keys = BI.map(items, function (i, item) {
item = BI.stripEL(item);
if (!(item.id || item.value)) {
throw new Error("item must have 'id' or 'value' as its property");
}
return item.id || item.value;
});
return BI.zipObject(keys, buttons);
},
setValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(true);
} else {
item.setSelected && item.setSelected(false);
}
});
},
setNotSelectedValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setNotSelectedValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(false);
} else {
item.setSelected && item.setSelected(true);
}
});
},
populate: function (items) {
var self = this;
var args = [].slice.call(arguments);
var linkHashMap = new BI.LinkHashMap();
var val = function (item) {
return item.id || item.value;
};
if (!this.buttons) {
this.buttons = {};
}
// 所有已存在的和新添加的
var willCreated = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
if (self.buttons[val(item)]) {
var ob = self.buttons[val(item)];
args[0] = item.items;
args[2] = item;
ob.populate && ob.populate.apply(ob, args);
} else {
willCreated.push(item);
}
});
// 创建新元素
args[0] = willCreated;
var newBtns = this._btnsCreator.apply(this, args);
// 整理
var array = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
var button = self.buttons[val(item)] || newBtns[val(item)];
linkHashMap.add(val(item), button);
array.push(button);
});
this.buttons = linkHashMap.map;
BI.DOM.hang(this.buttons);
this.element.empty();
var packages = this._packageItems(items, this._packageBtns(array));
BI.createWidget(BI.extend({element: this}, this._packageLayout(packages)));
},
getIndexByValue: function () {
throw new Error("Can not use getIndexByValue");
}
});
BI.shortcut("bi.filter_list", FilterList);
}());/**
* 过滤条件
*
* Created by GUY on 2015/9/25.
* @class BI.FilterOperation
* @extend BI.Widget
*/
!(function () {
var OPERATION_ADD_CONDITION = 0, OPERATION_ADD_ANDOR_CONDITION = 1;
var FilterOperation = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(FilterOperation.superclass._defaultConfig.apply(this, arguments), {
constants: {
FORMULA_COMBO: [{
text: BI.i18nText("BI-Conf_Formula_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND
}, {
text: BI.i18nText("BI-Conf_Formula_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR
}],
CONDITION_COMBO: [{
text: BI.i18nText("BI-Conf_Condition_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND
}, {
text: BI.i18nText("BI-Conf_Condition_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR
}]
}
});
},
props: {
baseCls: "bi-filter-operation",
expander: {},
items: [],
selections: [BI.AbstractFilterItem.FILTER_OPERATION_CONDITION, BI.AbstractFilterItem.FILTER_OPERATION_FORMULA],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
this.currentSelected = null;
return {
type: "bi.vtape",
items: [{
el: {
type: "bi.tab",
showIndex: OPERATION_ADD_CONDITION,
cardCreator: BI.bind(this._createTabs, this),
ref: function (_ref) {
self.buttonComboTab = _ref;
}
},
height: 40
}, {
el: {
type: "bi.absolute",
scrollable: true,
items: [{
el: {
type: "bi.left",
items: [{
type: "bi.filter_pane",
expander: o.expander,
items: o.items,
itemsCreator: o.itemsCreator,
listeners: [{
eventName: "EVENT_CHANGE",
action: function (type, value, obj) {
if (type === BI.Events.CLICK) {
if (BI.isNotNull(self.currentSelected) && self.currentSelected === obj) {
obj.setSelectedCondition(!obj.isSelectedCondition());
} else {
if (BI.isNotNull(self.currentSelected)) {
self.currentSelected.setSelectedCondition(false);
}
self.currentSelected = obj;
obj.setSelectedCondition(true);
}
if (self.currentSelected.isSelectedCondition()) {
self.buttonComboTab.setSelect(OPERATION_ADD_ANDOR_CONDITION);
} else {
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
}
if (type === BI.Events.DESTROY) {
if (self.currentSelected === obj) {
self.currentSelected = null;
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
self.fireEvent("BI.FilterOperation.EVENT_DESTROY_ITEM", value, obj);
}
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}]
},
top: 0,
right: 2,
bottom: 0,
left: 0
}]
}
}]
};
},
_createTabs: function (v) {
var self = this;
switch (v) {
case OPERATION_ADD_CONDITION:
return {
type: "bi.button_group",
items: BI.createItems(self._createButtons(), {
type: "bi.icon_text_item",
height: 30,
width: 100
}),
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.left",
vgap: 5
}],
listeners: [{
eventName: BI.ButtonGroup.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
}
}]
};
case OPERATION_ADD_ANDOR_CONDITION:
return {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
items: self._buildOperationButton(),
layouts: [{
type: "bi.left",
vgap: 5
}]
};
}
},
_createButtons: function () {
var buttons = [];
BI.each(this.options.selections, function (i, type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Formula"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA,
cls: "operation-trigger filter-formula-font"
});
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Condition"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION,
cls: "operation-trigger filter-condition-font"
});
break;
}
});
return buttons;
},
_buildOperationButton: function () {
var self = this, combos = [];
BI.each(this.options.selections, function (i, type) {
var text = "", cls = "", items = [];
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
text = BI.i18nText("BI-Conf_Add_Formula");
cls = "filter-formula-font";
items = self.options.constants.FORMULA_COMBO;
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
default:
text = BI.i18nText("BI-Conf_Add_Condition");
cls = "filter-condition-font";
items = self.options.constants.CONDITION_COMBO;
break;
}
var trigger = BI.createWidget({
type: "bi.icon_text_icon_item",
iconCls1: "operation-trigger " + cls,
iconCls2: "pull-down-font",
text: text,
height: 30,
width: 110
});
combos.push({
type: "bi.combo",
el: trigger,
popup: {
el: {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE,
items: BI.createItems(items, {
type: "bi.single_select_item",
height: 25
}),
layouts: [{
type: "bi.vertical"
}]
}
},
listeners: [{
eventName: BI.Combo.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
switch (value) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Condition"));
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Formula"));
break;
default:
trigger.setText();
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
this.hideView();
}
}]
});
});
return combos;
},
defaultState: function () {
if (BI.isNotNull(this.currentSelected)) {
this.currentSelected.setSelectedCondition(false);
}
this.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
},
getCurrentSelectItem: function () {
if (BI.isNotNull(this.currentSelected) && this.currentSelected.isSelectedCondition()) {
return this.currentSelected;
}
},
populate: function (items) {
this.filter.populate.apply(this.filter, arguments);
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter_operation", FilterOperation);
}());
/**
* @class BI.FilterPane
* @extend BI.Widget
* 过滤面板
*/
!(function () {
var FilterPane = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-pane",
expander: {},
items: [],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.custom_tree",
cls: BI.isNotEmptyArray(o.items) ? "bi-border-top bi-border-left" : "",
expander: BI.extend({
type: "bi.filter_expander",
el: {},
popup: {
type: "bi.custom_tree"
}
}, o.expander),
el: {
type: "bi.filter_list",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.vertical",
scrolly: false
}]
},
items: o.items,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent("EVENT_CHANGE", arguments);
}
}],
ref: function (_ref) {
self.tree = _ref;
}
};
},
populate: function (items) {
if (BI.isNotEmptyArray(items)) {
this.element.addClass("bi-border-top bi-border-left");
} else {
this.element.removeClass("bi-border-top bi-border-left");
}
this.tree.populate.apply(this.tree, arguments);
},
getValue: function () {
return this.tree.getValue();
}
});
BI.shortcut("bi.filter_pane", FilterPane);
}());/**
* Created by zcf on 2016/9/26.
*/
BI.IntervalSlider = BI.inherit(BI.Single, {
@ -100578,7 +99787,7 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, {
itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter,
logic: {
dynamic: false
dynamic: true
},
// onLoaded: o.onLoaded,
el: {},
@ -102884,7 +102093,9 @@ BI.NumberInterval = BI.inherit(BI.Single, {
el: self.bigCombo,
width: c.width - c.border * 2
}, {
el: self.bigEditor
el: self.bigEditor,
// BI-23883 间距考虑边框
lgap: 1
}]
});

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

25
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

70
dist/demo.js vendored

@ -5997,10 +5997,6 @@ Demo.FIX_CONFIG = [{
id: 420,
text: "滚动sliders",
value: "demo.slider"
}, {
id: 422,
text: "过滤Filter",
value: "demo.filter"
}];Demo.Func = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-func"
@ -12650,71 +12646,7 @@ Demo.FileManager = BI.inherit(BI.Widget, {
};
}
});
BI.shortcut("demo.file_manager", Demo.FileManager);Demo.Filter = BI.inherit(BI.Widget, {
props: {},
_createFilter: function () {
var filter = BI.createWidget({
type: "bi.filter",
width: 600,
height: 300,
items: [{
id: "3beb41be9c67d80d",
value: 81,
children: [{
id: 1,
type: "bi.label",
value: "节点1"
}, {
id: "74cf470c15a7cb23",
value: 80,
children: [{
id: 2,
type: "bi.label",
value: "节点2"
}, {
id: 3,
type: "bi.label",
value: "节点3"
}]
}, {
id: 4,
type: "bi.label",
value: "节点4"
}]
}],
itemCreator: function (item) {
if(item.value === BI.Filter.FILTER_TYPE.EMPTY_FORMULA || item.value === BI.Filter.FILTER_TYPE.EMPTY_CONDITION) {
item.type = "bi.label";
item.value = "这是一个新添的数据";
}
}
});
return filter;
},
render: function () {
var filter = this._createFilter();
return {
type: "bi.vertical",
hgap: 30,
vgap: 20,
items: [{
el: filter
}, {
type: "bi.button",
text: "过滤结构getValue()",
height: 30,
handler: function () {
BI.Msg.alert("过滤结构", JSON.stringify(filter.getValue()));
}
}]
};
}
});
BI.shortcut("demo.filter", Demo.Filter);/**
BI.shortcut("demo.file_manager", Demo.FileManager);/**
* Created by Dailer on 2017/7/11.
*/
Demo.Month = BI.inherit(BI.Widget, {

40
dist/fineui.css vendored

@ -3783,46 +3783,6 @@ ul.ztree.zTreeDragUL {
background-color: #191B2B;
color: #999999;
}
.bi-filter-item .filter-item-empty-item .empty-filter-item-leaf {
border: 1px dashed #3685f2;
background: #eaf2fd;
}
.bi-filter-expander {
min-width: 100%;
border-right: 0px;
border-bottom: 0px;
}
.bi-filter-expander > .filter-item-empty-item {
border-top: 0px;
border-right: 1px solid #e8eaed;
border-bottom: 1px solid #e8eaed;
}
.bi-filter-expander > table {
min-width: 100%;
}
.bi-filter-expander > table > tbody > tr > td.first-element {
width: 20px;
border-right: 1px solid #e8eaed !important;
border-bottom: 1px solid #e8eaed !important;
}
.bi-theme-dark .bi-filter-expander > .filter-item-empty-item {
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.bi-theme-dark .bi-filter-expander > table > tbody > tr > td.first-element {
border-right: 1px solid #525466 !important;
border-bottom: 1px solid #525466 !important;
}
.bi-filter-operation .operation-trigger.hover,
.bi-filter-operation .operation-trigger:hover {
color: #13cd66;
}
.bi-filter-pane {
min-width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
z-index: 1000000000;
background-color: #faaa39;

797
dist/fineui.js vendored

@ -94034,797 +94034,6 @@ BI.extend(BI.FileManagerNav, {
});
BI.FileManagerNav.EVENT_CHANGE = "FileManagerNav.EVENT_CHANGE";
BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
* 过滤条件抽象类
*
* @class BI.AbstractFilterItem
* @extend BI.Widget
*/
BI.AbstractFilterItem = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-item bi-border-right bi-border-bottom"
},
isSelectedCondition: function () {
return this.emptyItem && this.emptyItem.isVisible();
},
setSelectedCondition: function (b) {
if (b) {
if (!this.emptyItem) {
this.emptyItem = BI.createWidget({
type: "bi.absolute",
height: 40,
cls: "filter-item-empty-item bi-border-top",
items: [{
el: {
type: "bi.center_adapt",
cls: "empty-filter-item-leaf"
}
}],
hgap: 10,
vgap: 5
});
BI.createWidget({
type: "bi.vertical",
element: this,
items: [this.emptyItem],
scrolly: false
});
}
}
this.emptyItem && this.emptyItem.setVisible(b);
}
});
BI.extend(BI.AbstractFilterItem, {
FILTER_OPERATION_FORMULA: 1,
FILTER_OPERATION_CONDITION: 2,
FILTER_OPERATION_CONDITION_AND: 3,
FILTER_OPERATION_CONDITION_OR: 4,
FILTER_OPERATION_FORMULA_AND: 5,
FILTER_OPERATION_FORMULA_OR: 6
});/**
* Created by Urthur on 2017/11/21.
*/
!(function () {
var Expander = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.filter_expander",
el: o.el,
popup: o.popup,
id: o.id,
value: o.value,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}],
ref: function (_ref) {
self.expander = _ref;
}
};
},
populate: function () {
this.expander.populate.apply(this.expander, arguments);
},
getValue: function () {
var val = this.expander.getValue();
return {
filterType: val.type,
filterValue: val.value,
id: val.id
};
}
});
BI.shortcut("bi.and.or.filter.expander", Expander);
}());/**
* @class BI.FilterExpander
* @extend BI.AbstractFilterItem
* 过滤树的一个expander节点
*/
!(function () {
var FilterExpander = BI.inherit(BI.AbstractFilterItem, {
_constant: {
EXPANDER_WIDTH: 20
},
props: {
baseCls: "bi-filter-item bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
var value = o.el.value, text = "";
if (value === BI.Filter.FILTER_TYPE.AND) {
text = BI.i18nText("BI-Basic_And");
} else {
text = BI.i18nText("BI-Basic_Or");
}
return {
type: "bi.horizontal_adapt",
cls: "filter-item-empty-item",
verticalAlign: BI.VerticalAlign.Middle,
items: [{
type: "bi.text_button",
cls: "condition-and-or",
text: text,
value: value,
id: o.id,
width: this._constant.EXPANDER_WIDTH,
height: "100%",
ref: function (_ref) {
self.expander = _ref;
},
listeners: [{
eventName: BI.TextButton.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, "", self);
}
}]
}, BI.extend(o.popup, {
ref: function (_ref) {
self.conditionsView = _ref;
},
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}]
})]
};
},
getValue: function () {
return {
type: this.expander.getValue(),
value: this.conditionsView.getValue(),
id: this.options.id
};
},
populate: function () {
this.conditionsView.populate.apply(this.conditionsView, arguments);
}
});
BI.shortcut("bi.filter_expander", FilterExpander);
}());/**
* 过滤
*
* Created by GUY on 2015/11/20.
* @class BI.Filter
* @extend BI.Widget
*/
BI.Filter = BI.inherit(BI.Widget, {
constants: {
FIELD_TYPE_NUMBER: 1,
FIELD_TYPE_STRING: 0,
FIELD_TYPE_DATE: 2
},
props: {
baseCls: "bi-filter",
expander: {},
items: [],
el: {},
itemCreator: BI.empty
},
render: function () {
var self = this, o = this.options;
return BI.extend({
type: "bi.filter_operation",
expander: o.expander,
listeners: [{
eventName: "EVENT_OPERATION",
action: function (type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION, 1);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA, 1);
break;
}
}
}, {
eventName: "BI.FilterOperation.EVENT_DESTROY_ITEM",
action: function (id) {
self._removeCondition(id);
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}, o.el);
},
mounted: function () {
this.tree = new BI.Tree();
this.tree.initTree(this.options.items);
this._populate(this.tree.toJSONWithNode());
},
_createEmptyNode: function (type) {
var node = new BI.Node(BI.UUID());
node.set("data", {
value: type
});
return node;
},
_insertAndOrCondition: function (id, formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var data = finded.get("data");
var parent = finded.getParent();
var index = parent.getChildIndex(finded.id);
var pdata = parent.get("data") || {};
var node = this._createEmptyNode(formulaOrField);
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(finded, node);
return;
}
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]) {
if (pdata.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
parent.addChild(node, index + 1);
return;
}
}
if ((data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]] && pdata.value !== BI.Filter.FILTER_TYPE[ANDOR[type]])
|| pdata.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]
|| (pdata.value !== BI.Filter.FILTER_TYPE.AND && pdata.value !== BI.Filter.FILTER_TYPE.OR)) {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [finded.get("data"), node.get("data")]
});
parent.removeChildByIndex(index);
parent.addChild(andor, index);
andor.addChild(finded);
andor.addChild(node);
return;
}
parent.addChild(node, index + 1);
}
},
_removeCondition: function (id) {
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var parent = finded.getParent();
parent.removeChild(id);
if (parent.getChildrenLength() <= 1) {
var prev = parent.getParent();
if (BI.isNotNull(prev)) {
var index = prev.getChildIndex(parent.id);
prev.removeChildByIndex(index);
if (parent.getChildrenLength() === 1) {
prev.addChild(parent.getFirstChild(), index);
}
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
}
},
_addAndOrCondition: function (formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var currentSelectItem = this.filter.getCurrentSelectItem();
if (BI.isNotNull(currentSelectItem)) {
var id = currentSelectItem.attr("id");
this._insertAndOrCondition(id, formulaOrField, type);
} else {
var node = this._createEmptyNode(formulaOrField);
var root = this.tree.getRoot();
var child = root.getLastChild();
if (BI.isNotNull(child)) {
var data = child.get("data");
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(child, node);
} else {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [child.get("data"), node.get("data")]
});
root.removeChild(child.id);
this.tree.addNode(andor);
this.tree.addNode(andor, child);
this.tree.addNode(andor, node);
}
} else {
this.tree.addNode(node);
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
},
_populate: function (items) {
this.filter.defaultState();
var o = this.options;
o.items = items;
BI.Tree.traversal(items, function (i, item) {
o.itemCreator(item);
});
this.filter.populate.apply(this.filter, [items]);
},
populate: function (conditions) {
this.tree.initTree(conditions);
this._populate(this.tree.toJSONWithNode());
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter", BI.Filter);
BI.Filter.FILTER_TYPE = {};
BI.Filter.FILTER_TYPE.FORMULA = 33;
BI.Filter.FILTER_TYPE.AND = 34;
BI.Filter.FILTER_TYPE.OR = 35;
BI.Filter.FILTER_TYPE.EMPTY_FORMULA = 36;
BI.Filter.FILTER_TYPE.EMPTY_CONDITION = 37;
/**
* Created by windy on 2017/3/28.
*/
!(function () {
var FilterList = BI.inherit(BI.ButtonTree, {
props: {
baseCls: "bi-button-map"
},
_createBtns: function (items) {
var o = this.options;
var buttons = BI.createWidgets(BI.createItems(items, {type: "bi.text_button", once: o.chooseType === 0}));
var keys = BI.map(items, function (i, item) {
item = BI.stripEL(item);
if (!(item.id || item.value)) {
throw new Error("item must have 'id' or 'value' as its property");
}
return item.id || item.value;
});
return BI.zipObject(keys, buttons);
},
setValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(true);
} else {
item.setSelected && item.setSelected(false);
}
});
},
setNotSelectedValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setNotSelectedValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(false);
} else {
item.setSelected && item.setSelected(true);
}
});
},
populate: function (items) {
var self = this;
var args = [].slice.call(arguments);
var linkHashMap = new BI.LinkHashMap();
var val = function (item) {
return item.id || item.value;
};
if (!this.buttons) {
this.buttons = {};
}
// 所有已存在的和新添加的
var willCreated = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
if (self.buttons[val(item)]) {
var ob = self.buttons[val(item)];
args[0] = item.items;
args[2] = item;
ob.populate && ob.populate.apply(ob, args);
} else {
willCreated.push(item);
}
});
// 创建新元素
args[0] = willCreated;
var newBtns = this._btnsCreator.apply(this, args);
// 整理
var array = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
var button = self.buttons[val(item)] || newBtns[val(item)];
linkHashMap.add(val(item), button);
array.push(button);
});
this.buttons = linkHashMap.map;
BI.DOM.hang(this.buttons);
this.element.empty();
var packages = this._packageItems(items, this._packageBtns(array));
BI.createWidget(BI.extend({element: this}, this._packageLayout(packages)));
},
getIndexByValue: function () {
throw new Error("Can not use getIndexByValue");
}
});
BI.shortcut("bi.filter_list", FilterList);
}());/**
* 过滤条件
*
* Created by GUY on 2015/9/25.
* @class BI.FilterOperation
* @extend BI.Widget
*/
!(function () {
var OPERATION_ADD_CONDITION = 0, OPERATION_ADD_ANDOR_CONDITION = 1;
var FilterOperation = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(FilterOperation.superclass._defaultConfig.apply(this, arguments), {
constants: {
FORMULA_COMBO: [{
text: BI.i18nText("BI-Conf_Formula_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND
}, {
text: BI.i18nText("BI-Conf_Formula_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR
}],
CONDITION_COMBO: [{
text: BI.i18nText("BI-Conf_Condition_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND
}, {
text: BI.i18nText("BI-Conf_Condition_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR
}]
}
});
},
props: {
baseCls: "bi-filter-operation",
expander: {},
items: [],
selections: [BI.AbstractFilterItem.FILTER_OPERATION_CONDITION, BI.AbstractFilterItem.FILTER_OPERATION_FORMULA],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
this.currentSelected = null;
return {
type: "bi.vtape",
items: [{
el: {
type: "bi.tab",
showIndex: OPERATION_ADD_CONDITION,
cardCreator: BI.bind(this._createTabs, this),
ref: function (_ref) {
self.buttonComboTab = _ref;
}
},
height: 40
}, {
el: {
type: "bi.absolute",
scrollable: true,
items: [{
el: {
type: "bi.left",
items: [{
type: "bi.filter_pane",
expander: o.expander,
items: o.items,
itemsCreator: o.itemsCreator,
listeners: [{
eventName: "EVENT_CHANGE",
action: function (type, value, obj) {
if (type === BI.Events.CLICK) {
if (BI.isNotNull(self.currentSelected) && self.currentSelected === obj) {
obj.setSelectedCondition(!obj.isSelectedCondition());
} else {
if (BI.isNotNull(self.currentSelected)) {
self.currentSelected.setSelectedCondition(false);
}
self.currentSelected = obj;
obj.setSelectedCondition(true);
}
if (self.currentSelected.isSelectedCondition()) {
self.buttonComboTab.setSelect(OPERATION_ADD_ANDOR_CONDITION);
} else {
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
}
if (type === BI.Events.DESTROY) {
if (self.currentSelected === obj) {
self.currentSelected = null;
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
self.fireEvent("BI.FilterOperation.EVENT_DESTROY_ITEM", value, obj);
}
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}]
},
top: 0,
right: 2,
bottom: 0,
left: 0
}]
}
}]
};
},
_createTabs: function (v) {
var self = this;
switch (v) {
case OPERATION_ADD_CONDITION:
return {
type: "bi.button_group",
items: BI.createItems(self._createButtons(), {
type: "bi.icon_text_item",
height: 30,
width: 100
}),
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.left",
vgap: 5
}],
listeners: [{
eventName: BI.ButtonGroup.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
}
}]
};
case OPERATION_ADD_ANDOR_CONDITION:
return {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
items: self._buildOperationButton(),
layouts: [{
type: "bi.left",
vgap: 5
}]
};
}
},
_createButtons: function () {
var buttons = [];
BI.each(this.options.selections, function (i, type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Formula"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA,
cls: "operation-trigger filter-formula-font"
});
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Condition"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION,
cls: "operation-trigger filter-condition-font"
});
break;
}
});
return buttons;
},
_buildOperationButton: function () {
var self = this, combos = [];
BI.each(this.options.selections, function (i, type) {
var text = "", cls = "", items = [];
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
text = BI.i18nText("BI-Conf_Add_Formula");
cls = "filter-formula-font";
items = self.options.constants.FORMULA_COMBO;
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
default:
text = BI.i18nText("BI-Conf_Add_Condition");
cls = "filter-condition-font";
items = self.options.constants.CONDITION_COMBO;
break;
}
var trigger = BI.createWidget({
type: "bi.icon_text_icon_item",
iconCls1: "operation-trigger " + cls,
iconCls2: "pull-down-font",
text: text,
height: 30,
width: 110
});
combos.push({
type: "bi.combo",
el: trigger,
popup: {
el: {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE,
items: BI.createItems(items, {
type: "bi.single_select_item",
height: 25
}),
layouts: [{
type: "bi.vertical"
}]
}
},
listeners: [{
eventName: BI.Combo.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
switch (value) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Condition"));
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Formula"));
break;
default:
trigger.setText();
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
this.hideView();
}
}]
});
});
return combos;
},
defaultState: function () {
if (BI.isNotNull(this.currentSelected)) {
this.currentSelected.setSelectedCondition(false);
}
this.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
},
getCurrentSelectItem: function () {
if (BI.isNotNull(this.currentSelected) && this.currentSelected.isSelectedCondition()) {
return this.currentSelected;
}
},
populate: function (items) {
this.filter.populate.apply(this.filter, arguments);
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter_operation", FilterOperation);
}());
/**
* @class BI.FilterPane
* @extend BI.Widget
* 过滤面板
*/
!(function () {
var FilterPane = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-pane",
expander: {},
items: [],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.custom_tree",
cls: BI.isNotEmptyArray(o.items) ? "bi-border-top bi-border-left" : "",
expander: BI.extend({
type: "bi.filter_expander",
el: {},
popup: {
type: "bi.custom_tree"
}
}, o.expander),
el: {
type: "bi.filter_list",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.vertical",
scrolly: false
}]
},
items: o.items,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent("EVENT_CHANGE", arguments);
}
}],
ref: function (_ref) {
self.tree = _ref;
}
};
},
populate: function (items) {
if (BI.isNotEmptyArray(items)) {
this.element.addClass("bi-border-top bi-border-left");
} else {
this.element.removeClass("bi-border-top bi-border-left");
}
this.tree.populate.apply(this.tree, arguments);
},
getValue: function () {
return this.tree.getValue();
}
});
BI.shortcut("bi.filter_pane", FilterPane);
}());/**
* Created by zcf on 2016/9/26.
*/
BI.IntervalSlider = BI.inherit(BI.Single, {
@ -100827,7 +100036,7 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, {
itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter,
logic: {
dynamic: false
dynamic: true
},
// onLoaded: o.onLoaded,
el: {},
@ -103133,7 +102342,9 @@ BI.NumberInterval = BI.inherit(BI.Single, {
el: self.bigCombo,
width: c.width - c.border * 2
}, {
el: self.bigEditor
el: self.bigEditor,
// BI-23883 间距考虑边框
lgap: 1
}]
});

2
dist/fineui.min.css vendored

File diff suppressed because one or more lines are too long

25
dist/fineui.min.js vendored

File diff suppressed because one or more lines are too long

40
dist/widget.css vendored

@ -38,46 +38,6 @@
background-color: #191B2B;
color: #999999;
}
.bi-filter-item .filter-item-empty-item .empty-filter-item-leaf {
border: 1px dashed #3685f2;
background: #eaf2fd;
}
.bi-filter-expander {
min-width: 100%;
border-right: 0px;
border-bottom: 0px;
}
.bi-filter-expander > .filter-item-empty-item {
border-top: 0px;
border-right: 1px solid #e8eaed;
border-bottom: 1px solid #e8eaed;
}
.bi-filter-expander > table {
min-width: 100%;
}
.bi-filter-expander > table > tbody > tr > td.first-element {
width: 20px;
border-right: 1px solid #e8eaed !important;
border-bottom: 1px solid #e8eaed !important;
}
.bi-theme-dark .bi-filter-expander > .filter-item-empty-item {
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.bi-theme-dark .bi-filter-expander > table > tbody > tr > td.first-element {
border-right: 1px solid #525466 !important;
border-bottom: 1px solid #525466 !important;
}
.bi-filter-operation .operation-trigger.hover,
.bi-filter-operation .operation-trigger:hover {
color: #13cd66;
}
.bi-filter-pane {
min-width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
z-index: 1000000000;
background-color: #faaa39;

797
dist/widget.js vendored

@ -6098,797 +6098,6 @@ BI.extend(BI.FileManagerNav, {
});
BI.FileManagerNav.EVENT_CHANGE = "FileManagerNav.EVENT_CHANGE";
BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
* 过滤条件抽象类
*
* @class BI.AbstractFilterItem
* @extend BI.Widget
*/
BI.AbstractFilterItem = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-item bi-border-right bi-border-bottom"
},
isSelectedCondition: function () {
return this.emptyItem && this.emptyItem.isVisible();
},
setSelectedCondition: function (b) {
if (b) {
if (!this.emptyItem) {
this.emptyItem = BI.createWidget({
type: "bi.absolute",
height: 40,
cls: "filter-item-empty-item bi-border-top",
items: [{
el: {
type: "bi.center_adapt",
cls: "empty-filter-item-leaf"
}
}],
hgap: 10,
vgap: 5
});
BI.createWidget({
type: "bi.vertical",
element: this,
items: [this.emptyItem],
scrolly: false
});
}
}
this.emptyItem && this.emptyItem.setVisible(b);
}
});
BI.extend(BI.AbstractFilterItem, {
FILTER_OPERATION_FORMULA: 1,
FILTER_OPERATION_CONDITION: 2,
FILTER_OPERATION_CONDITION_AND: 3,
FILTER_OPERATION_CONDITION_OR: 4,
FILTER_OPERATION_FORMULA_AND: 5,
FILTER_OPERATION_FORMULA_OR: 6
});/**
* Created by Urthur on 2017/11/21.
*/
!(function () {
var Expander = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.filter_expander",
el: o.el,
popup: o.popup,
id: o.id,
value: o.value,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}],
ref: function (_ref) {
self.expander = _ref;
}
};
},
populate: function () {
this.expander.populate.apply(this.expander, arguments);
},
getValue: function () {
var val = this.expander.getValue();
return {
filterType: val.type,
filterValue: val.value,
id: val.id
};
}
});
BI.shortcut("bi.and.or.filter.expander", Expander);
}());/**
* @class BI.FilterExpander
* @extend BI.AbstractFilterItem
* 过滤树的一个expander节点
*/
!(function () {
var FilterExpander = BI.inherit(BI.AbstractFilterItem, {
_constant: {
EXPANDER_WIDTH: 20
},
props: {
baseCls: "bi-filter-item bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
var value = o.el.value, text = "";
if (value === BI.Filter.FILTER_TYPE.AND) {
text = BI.i18nText("BI-Basic_And");
} else {
text = BI.i18nText("BI-Basic_Or");
}
return {
type: "bi.horizontal_adapt",
cls: "filter-item-empty-item",
verticalAlign: BI.VerticalAlign.Middle,
items: [{
type: "bi.text_button",
cls: "condition-and-or",
text: text,
value: value,
id: o.id,
width: this._constant.EXPANDER_WIDTH,
height: "100%",
ref: function (_ref) {
self.expander = _ref;
},
listeners: [{
eventName: BI.TextButton.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, "", self);
}
}]
}, BI.extend(o.popup, {
ref: function (_ref) {
self.conditionsView = _ref;
},
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}]
})]
};
},
getValue: function () {
return {
type: this.expander.getValue(),
value: this.conditionsView.getValue(),
id: this.options.id
};
},
populate: function () {
this.conditionsView.populate.apply(this.conditionsView, arguments);
}
});
BI.shortcut("bi.filter_expander", FilterExpander);
}());/**
* 过滤
*
* Created by GUY on 2015/11/20.
* @class BI.Filter
* @extend BI.Widget
*/
BI.Filter = BI.inherit(BI.Widget, {
constants: {
FIELD_TYPE_NUMBER: 1,
FIELD_TYPE_STRING: 0,
FIELD_TYPE_DATE: 2
},
props: {
baseCls: "bi-filter",
expander: {},
items: [],
el: {},
itemCreator: BI.empty
},
render: function () {
var self = this, o = this.options;
return BI.extend({
type: "bi.filter_operation",
expander: o.expander,
listeners: [{
eventName: "EVENT_OPERATION",
action: function (type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION, 1);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA, 1);
break;
}
}
}, {
eventName: "BI.FilterOperation.EVENT_DESTROY_ITEM",
action: function (id) {
self._removeCondition(id);
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}, o.el);
},
mounted: function () {
this.tree = new BI.Tree();
this.tree.initTree(this.options.items);
this._populate(this.tree.toJSONWithNode());
},
_createEmptyNode: function (type) {
var node = new BI.Node(BI.UUID());
node.set("data", {
value: type
});
return node;
},
_insertAndOrCondition: function (id, formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var data = finded.get("data");
var parent = finded.getParent();
var index = parent.getChildIndex(finded.id);
var pdata = parent.get("data") || {};
var node = this._createEmptyNode(formulaOrField);
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(finded, node);
return;
}
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]) {
if (pdata.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
parent.addChild(node, index + 1);
return;
}
}
if ((data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]] && pdata.value !== BI.Filter.FILTER_TYPE[ANDOR[type]])
|| pdata.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]
|| (pdata.value !== BI.Filter.FILTER_TYPE.AND && pdata.value !== BI.Filter.FILTER_TYPE.OR)) {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [finded.get("data"), node.get("data")]
});
parent.removeChildByIndex(index);
parent.addChild(andor, index);
andor.addChild(finded);
andor.addChild(node);
return;
}
parent.addChild(node, index + 1);
}
},
_removeCondition: function (id) {
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var parent = finded.getParent();
parent.removeChild(id);
if (parent.getChildrenLength() <= 1) {
var prev = parent.getParent();
if (BI.isNotNull(prev)) {
var index = prev.getChildIndex(parent.id);
prev.removeChildByIndex(index);
if (parent.getChildrenLength() === 1) {
prev.addChild(parent.getFirstChild(), index);
}
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
}
},
_addAndOrCondition: function (formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var currentSelectItem = this.filter.getCurrentSelectItem();
if (BI.isNotNull(currentSelectItem)) {
var id = currentSelectItem.attr("id");
this._insertAndOrCondition(id, formulaOrField, type);
} else {
var node = this._createEmptyNode(formulaOrField);
var root = this.tree.getRoot();
var child = root.getLastChild();
if (BI.isNotNull(child)) {
var data = child.get("data");
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(child, node);
} else {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [child.get("data"), node.get("data")]
});
root.removeChild(child.id);
this.tree.addNode(andor);
this.tree.addNode(andor, child);
this.tree.addNode(andor, node);
}
} else {
this.tree.addNode(node);
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
},
_populate: function (items) {
this.filter.defaultState();
var o = this.options;
o.items = items;
BI.Tree.traversal(items, function (i, item) {
o.itemCreator(item);
});
this.filter.populate.apply(this.filter, [items]);
},
populate: function (conditions) {
this.tree.initTree(conditions);
this._populate(this.tree.toJSONWithNode());
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter", BI.Filter);
BI.Filter.FILTER_TYPE = {};
BI.Filter.FILTER_TYPE.FORMULA = 33;
BI.Filter.FILTER_TYPE.AND = 34;
BI.Filter.FILTER_TYPE.OR = 35;
BI.Filter.FILTER_TYPE.EMPTY_FORMULA = 36;
BI.Filter.FILTER_TYPE.EMPTY_CONDITION = 37;
/**
* Created by windy on 2017/3/28.
*/
!(function () {
var FilterList = BI.inherit(BI.ButtonTree, {
props: {
baseCls: "bi-button-map"
},
_createBtns: function (items) {
var o = this.options;
var buttons = BI.createWidgets(BI.createItems(items, {type: "bi.text_button", once: o.chooseType === 0}));
var keys = BI.map(items, function (i, item) {
item = BI.stripEL(item);
if (!(item.id || item.value)) {
throw new Error("item must have 'id' or 'value' as its property");
}
return item.id || item.value;
});
return BI.zipObject(keys, buttons);
},
setValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(true);
} else {
item.setSelected && item.setSelected(false);
}
});
},
setNotSelectedValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setNotSelectedValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(false);
} else {
item.setSelected && item.setSelected(true);
}
});
},
populate: function (items) {
var self = this;
var args = [].slice.call(arguments);
var linkHashMap = new BI.LinkHashMap();
var val = function (item) {
return item.id || item.value;
};
if (!this.buttons) {
this.buttons = {};
}
// 所有已存在的和新添加的
var willCreated = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
if (self.buttons[val(item)]) {
var ob = self.buttons[val(item)];
args[0] = item.items;
args[2] = item;
ob.populate && ob.populate.apply(ob, args);
} else {
willCreated.push(item);
}
});
// 创建新元素
args[0] = willCreated;
var newBtns = this._btnsCreator.apply(this, args);
// 整理
var array = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
var button = self.buttons[val(item)] || newBtns[val(item)];
linkHashMap.add(val(item), button);
array.push(button);
});
this.buttons = linkHashMap.map;
BI.DOM.hang(this.buttons);
this.element.empty();
var packages = this._packageItems(items, this._packageBtns(array));
BI.createWidget(BI.extend({element: this}, this._packageLayout(packages)));
},
getIndexByValue: function () {
throw new Error("Can not use getIndexByValue");
}
});
BI.shortcut("bi.filter_list", FilterList);
}());/**
* 过滤条件
*
* Created by GUY on 2015/9/25.
* @class BI.FilterOperation
* @extend BI.Widget
*/
!(function () {
var OPERATION_ADD_CONDITION = 0, OPERATION_ADD_ANDOR_CONDITION = 1;
var FilterOperation = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(FilterOperation.superclass._defaultConfig.apply(this, arguments), {
constants: {
FORMULA_COMBO: [{
text: BI.i18nText("BI-Conf_Formula_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND
}, {
text: BI.i18nText("BI-Conf_Formula_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR
}],
CONDITION_COMBO: [{
text: BI.i18nText("BI-Conf_Condition_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND
}, {
text: BI.i18nText("BI-Conf_Condition_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR
}]
}
});
},
props: {
baseCls: "bi-filter-operation",
expander: {},
items: [],
selections: [BI.AbstractFilterItem.FILTER_OPERATION_CONDITION, BI.AbstractFilterItem.FILTER_OPERATION_FORMULA],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
this.currentSelected = null;
return {
type: "bi.vtape",
items: [{
el: {
type: "bi.tab",
showIndex: OPERATION_ADD_CONDITION,
cardCreator: BI.bind(this._createTabs, this),
ref: function (_ref) {
self.buttonComboTab = _ref;
}
},
height: 40
}, {
el: {
type: "bi.absolute",
scrollable: true,
items: [{
el: {
type: "bi.left",
items: [{
type: "bi.filter_pane",
expander: o.expander,
items: o.items,
itemsCreator: o.itemsCreator,
listeners: [{
eventName: "EVENT_CHANGE",
action: function (type, value, obj) {
if (type === BI.Events.CLICK) {
if (BI.isNotNull(self.currentSelected) && self.currentSelected === obj) {
obj.setSelectedCondition(!obj.isSelectedCondition());
} else {
if (BI.isNotNull(self.currentSelected)) {
self.currentSelected.setSelectedCondition(false);
}
self.currentSelected = obj;
obj.setSelectedCondition(true);
}
if (self.currentSelected.isSelectedCondition()) {
self.buttonComboTab.setSelect(OPERATION_ADD_ANDOR_CONDITION);
} else {
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
}
if (type === BI.Events.DESTROY) {
if (self.currentSelected === obj) {
self.currentSelected = null;
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
self.fireEvent("BI.FilterOperation.EVENT_DESTROY_ITEM", value, obj);
}
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}]
},
top: 0,
right: 2,
bottom: 0,
left: 0
}]
}
}]
};
},
_createTabs: function (v) {
var self = this;
switch (v) {
case OPERATION_ADD_CONDITION:
return {
type: "bi.button_group",
items: BI.createItems(self._createButtons(), {
type: "bi.icon_text_item",
height: 30,
width: 100
}),
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.left",
vgap: 5
}],
listeners: [{
eventName: BI.ButtonGroup.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
}
}]
};
case OPERATION_ADD_ANDOR_CONDITION:
return {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
items: self._buildOperationButton(),
layouts: [{
type: "bi.left",
vgap: 5
}]
};
}
},
_createButtons: function () {
var buttons = [];
BI.each(this.options.selections, function (i, type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Formula"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA,
cls: "operation-trigger filter-formula-font"
});
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Condition"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION,
cls: "operation-trigger filter-condition-font"
});
break;
}
});
return buttons;
},
_buildOperationButton: function () {
var self = this, combos = [];
BI.each(this.options.selections, function (i, type) {
var text = "", cls = "", items = [];
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
text = BI.i18nText("BI-Conf_Add_Formula");
cls = "filter-formula-font";
items = self.options.constants.FORMULA_COMBO;
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
default:
text = BI.i18nText("BI-Conf_Add_Condition");
cls = "filter-condition-font";
items = self.options.constants.CONDITION_COMBO;
break;
}
var trigger = BI.createWidget({
type: "bi.icon_text_icon_item",
iconCls1: "operation-trigger " + cls,
iconCls2: "pull-down-font",
text: text,
height: 30,
width: 110
});
combos.push({
type: "bi.combo",
el: trigger,
popup: {
el: {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE,
items: BI.createItems(items, {
type: "bi.single_select_item",
height: 25
}),
layouts: [{
type: "bi.vertical"
}]
}
},
listeners: [{
eventName: BI.Combo.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
switch (value) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Condition"));
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Formula"));
break;
default:
trigger.setText();
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
this.hideView();
}
}]
});
});
return combos;
},
defaultState: function () {
if (BI.isNotNull(this.currentSelected)) {
this.currentSelected.setSelectedCondition(false);
}
this.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
},
getCurrentSelectItem: function () {
if (BI.isNotNull(this.currentSelected) && this.currentSelected.isSelectedCondition()) {
return this.currentSelected;
}
},
populate: function (items) {
this.filter.populate.apply(this.filter, arguments);
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter_operation", FilterOperation);
}());
/**
* @class BI.FilterPane
* @extend BI.Widget
* 过滤面板
*/
!(function () {
var FilterPane = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-pane",
expander: {},
items: [],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.custom_tree",
cls: BI.isNotEmptyArray(o.items) ? "bi-border-top bi-border-left" : "",
expander: BI.extend({
type: "bi.filter_expander",
el: {},
popup: {
type: "bi.custom_tree"
}
}, o.expander),
el: {
type: "bi.filter_list",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.vertical",
scrolly: false
}]
},
items: o.items,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent("EVENT_CHANGE", arguments);
}
}],
ref: function (_ref) {
self.tree = _ref;
}
};
},
populate: function (items) {
if (BI.isNotEmptyArray(items)) {
this.element.addClass("bi-border-top bi-border-left");
} else {
this.element.removeClass("bi-border-top bi-border-left");
}
this.tree.populate.apply(this.tree, arguments);
},
getValue: function () {
return this.tree.getValue();
}
});
BI.shortcut("bi.filter_pane", FilterPane);
}());/**
* Created by zcf on 2016/9/26.
*/
BI.IntervalSlider = BI.inherit(BI.Single, {
@ -12891,7 +12100,7 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, {
itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter,
logic: {
dynamic: false
dynamic: true
},
// onLoaded: o.onLoaded,
el: {},
@ -15197,7 +14406,9 @@ BI.NumberInterval = BI.inherit(BI.Single, {
el: self.bigCombo,
width: c.width - c.border * 2
}, {
el: self.bigEditor
el: self.bigEditor,
// BI-23883 间距考虑边框
lgap: 1
}]
});

4
src/css/widget/filter/abstractitem/filter.css

@ -1,4 +0,0 @@
.bi-filter-item .filter-item-empty-item .empty-filter-item-leaf {
border: 1px dashed #3685f2;
background: #eaf2fd;
}

26
src/css/widget/filter/expander/filter.css

@ -1,26 +0,0 @@
.bi-filter-expander {
min-width: 100%;
border-right: 0px;
border-bottom: 0px;
}
.bi-filter-expander > .filter-item-empty-item {
border-top: 0px;
border-right: 1px solid #e8eaed;
border-bottom: 1px solid #e8eaed;
}
.bi-filter-expander > table {
min-width: 100%;
}
.bi-filter-expander > table > tbody > tr > td.first-element {
width: 20px;
border-right: 1px solid #e8eaed !important;
border-bottom: 1px solid #e8eaed !important;
}
.bi-theme-dark .bi-filter-expander > .filter-item-empty-item {
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.bi-theme-dark .bi-filter-expander > table > tbody > tr > td.first-element {
border-right: 1px solid #525466 !important;
border-bottom: 1px solid #525466 !important;
}

4
src/css/widget/filter/operation/filter.css

@ -1,4 +0,0 @@
.bi-filter-operation .operation-trigger.hover,
.bi-filter-operation .operation-trigger:hover {
color: #13cd66;
}

6
src/css/widget/filter/pane/filter.css

@ -1,6 +0,0 @@
.bi-filter-pane {
min-width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

11
src/less/widget/filter/abstractitem/filter.abstract.item.less

@ -1,11 +0,0 @@
@import "../../../index";
.bi-filter-item {
//min-width: 470px;
& .filter-item-empty-item {
& .empty-filter-item-leaf{
border: 1px dashed @color-bi-border-highlight;
background: @color-bi-background-light-highlight;
}
}
}

36
src/less/widget/filter/expander/filter.expander.less

@ -1,36 +0,0 @@
@import "../../../index";
.bi-filter-expander {
min-width: 100%;
border-right: 0px;
border-bottom: 0px;
& > .filter-item-empty-item {
border-top: 0px;
border-right: 1px solid @color-bi-border-line;
border-bottom: 1px solid @color-bi-border-line;
}
& .condition-and-or {
}
> table {
min-width: 100%;
}
> table > tbody > tr > td.first-element {
width: 20px;
border-right: 1px solid @color-bi-border-line !important;
border-bottom: 1px solid @color-bi-border-line !important;
}
}
.bi-theme-dark {
.bi-filter-expander {
& > .filter-item-empty-item {
border-right: 1px solid @color-bi-border-line-theme-dark;
border-bottom: 1px solid @color-bi-border-line-theme-dark;
}
> table > tbody > tr > td.first-element {
border-right: 1px solid @color-bi-border-line-theme-dark !important;
border-bottom: 1px solid @color-bi-border-line-theme-dark !important;
}
}
}

8
src/less/widget/filter/operation/filter.operation.less

@ -1,8 +0,0 @@
@import "../../../index";
.bi-filter-operation {
& .operation-trigger {
&.hover, &:hover{
color: @background-color-dark-success;
}
}
}

6
src/less/widget/filter/pane/filter.pane.less

@ -1,6 +0,0 @@
@import "../../../index";
.bi-filter-pane {
min-width: 100%;
.border-radius(2px);
}

2
src/widget/downlist/popup.downlist.js

@ -160,7 +160,7 @@ BI.DownListPopup = BI.inherit(BI.Pane, {
}],
cls: "bi-down-list-spliter-container cursor-pointer",
lgap: 10,
rgap: 10
rgap: 0
});
result.push(spliter_container);
}

51
src/widget/filter/abstractitem/filter.abstract.item.js

@ -1,51 +0,0 @@
/**
* 过滤条件抽象类
*
* @class BI.AbstractFilterItem
* @extend BI.Widget
*/
BI.AbstractFilterItem = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-item bi-border-right bi-border-bottom"
},
isSelectedCondition: function () {
return this.emptyItem && this.emptyItem.isVisible();
},
setSelectedCondition: function (b) {
if (b) {
if (!this.emptyItem) {
this.emptyItem = BI.createWidget({
type: "bi.absolute",
height: 40,
cls: "filter-item-empty-item bi-border-top",
items: [{
el: {
type: "bi.center_adapt",
cls: "empty-filter-item-leaf"
}
}],
hgap: 10,
vgap: 5
});
BI.createWidget({
type: "bi.vertical",
element: this,
items: [this.emptyItem],
scrolly: false
});
}
}
this.emptyItem && this.emptyItem.setVisible(b);
}
});
BI.extend(BI.AbstractFilterItem, {
FILTER_OPERATION_FORMULA: 1,
FILTER_OPERATION_CONDITION: 2,
FILTER_OPERATION_CONDITION_AND: 3,
FILTER_OPERATION_CONDITION_OR: 4,
FILTER_OPERATION_FORMULA_AND: 5,
FILTER_OPERATION_FORMULA_OR: 6
});

46
src/widget/filter/expander/and.or.expander.js

@ -1,46 +0,0 @@
/**
* Created by Urthur on 2017/11/21.
*/
!(function () {
var Expander = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.filter_expander",
el: o.el,
popup: o.popup,
id: o.id,
value: o.value,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}],
ref: function (_ref) {
self.expander = _ref;
}
};
},
populate: function () {
this.expander.populate.apply(this.expander, arguments);
},
getValue: function () {
var val = this.expander.getValue();
return {
filterType: val.type,
filterValue: val.value,
id: val.id
};
}
});
BI.shortcut("bi.and.or.filter.expander", Expander);
}());

74
src/widget/filter/expander/filter.expander.js

@ -1,74 +0,0 @@
/**
* @class BI.FilterExpander
* @extend BI.AbstractFilterItem
* 过滤树的一个expander节点
*/
!(function () {
var FilterExpander = BI.inherit(BI.AbstractFilterItem, {
_constant: {
EXPANDER_WIDTH: 20
},
props: {
baseCls: "bi-filter-item bi-filter-expander",
el: {},
popup: {}
},
render: function () {
var self = this, o = this.options;
var value = o.el.value, text = "";
if (value === BI.Filter.FILTER_TYPE.AND) {
text = BI.i18nText("BI-Basic_And");
} else {
text = BI.i18nText("BI-Basic_Or");
}
return {
type: "bi.horizontal_adapt",
cls: "filter-item-empty-item",
verticalAlign: BI.VerticalAlign.Middle,
items: [{
type: "bi.text_button",
cls: "condition-and-or",
text: text,
value: value,
id: o.id,
width: this._constant.EXPANDER_WIDTH,
height: "100%",
ref: function (_ref) {
self.expander = _ref;
},
listeners: [{
eventName: BI.TextButton.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, "", self);
}
}]
}, BI.extend(o.popup, {
ref: function (_ref) {
self.conditionsView = _ref;
},
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}
}]
})]
};
},
getValue: function () {
return {
type: this.expander.getValue(),
value: this.conditionsView.getValue(),
id: this.options.id
};
},
populate: function () {
this.conditionsView.populate.apply(this.conditionsView, arguments);
}
});
BI.shortcut("bi.filter_expander", FilterExpander);
}());

194
src/widget/filter/filter.js

@ -1,194 +0,0 @@
/**
* 过滤
*
* Created by GUY on 2015/11/20.
* @class BI.Filter
* @extend BI.Widget
*/
BI.Filter = BI.inherit(BI.Widget, {
constants: {
FIELD_TYPE_NUMBER: 1,
FIELD_TYPE_STRING: 0,
FIELD_TYPE_DATE: 2
},
props: {
baseCls: "bi-filter",
expander: {},
items: [],
el: {},
itemCreator: BI.empty
},
render: function () {
var self = this, o = this.options;
return BI.extend({
type: "bi.filter_operation",
expander: o.expander,
listeners: [{
eventName: "EVENT_OPERATION",
action: function (type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_CONDITION, 1);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA);
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
self._addAndOrCondition(BI.Filter.FILTER_TYPE.EMPTY_FORMULA, 1);
break;
}
}
}, {
eventName: "BI.FilterOperation.EVENT_DESTROY_ITEM",
action: function (id) {
self._removeCondition(id);
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}, o.el);
},
mounted: function () {
this.tree = new BI.Tree();
this.tree.initTree(this.options.items);
this._populate(this.tree.toJSONWithNode());
},
_createEmptyNode: function (type) {
var node = new BI.Node(BI.UUID());
node.set("data", {
value: type
});
return node;
},
_insertAndOrCondition: function (id, formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var data = finded.get("data");
var parent = finded.getParent();
var index = parent.getChildIndex(finded.id);
var pdata = parent.get("data") || {};
var node = this._createEmptyNode(formulaOrField);
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(finded, node);
return;
}
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]) {
if (pdata.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
parent.addChild(node, index + 1);
return;
}
}
if ((data.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]] && pdata.value !== BI.Filter.FILTER_TYPE[ANDOR[type]])
|| pdata.value === BI.Filter.FILTER_TYPE[ANDOR[1 - type]]
|| (pdata.value !== BI.Filter.FILTER_TYPE.AND && pdata.value !== BI.Filter.FILTER_TYPE.OR)) {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [finded.get("data"), node.get("data")]
});
parent.removeChildByIndex(index);
parent.addChild(andor, index);
andor.addChild(finded);
andor.addChild(node);
return;
}
parent.addChild(node, index + 1);
}
},
_removeCondition: function (id) {
var finded = this.tree.search(id);
if (BI.isNotNull(finded)) {
var parent = finded.getParent();
parent.removeChild(id);
if (parent.getChildrenLength() <= 1) {
var prev = parent.getParent();
if (BI.isNotNull(prev)) {
var index = prev.getChildIndex(parent.id);
prev.removeChildByIndex(index);
if (parent.getChildrenLength() === 1) {
prev.addChild(parent.getFirstChild(), index);
}
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
}
},
_addAndOrCondition: function (formulaOrField, type) {
var ANDOR = ["AND", "OR"];
type || (type = 0);
var currentSelectItem = this.filter.getCurrentSelectItem();
if (BI.isNotNull(currentSelectItem)) {
var id = currentSelectItem.attr("id");
this._insertAndOrCondition(id, formulaOrField, type);
} else {
var node = this._createEmptyNode(formulaOrField);
var root = this.tree.getRoot();
var child = root.getLastChild();
if (BI.isNotNull(child)) {
var data = child.get("data");
if (data.value === BI.Filter.FILTER_TYPE[ANDOR[type]]) {
this.tree.addNode(child, node);
} else {
var andor = new BI.Node(BI.UUID());
andor.set("data", {
value: BI.Filter.FILTER_TYPE[ANDOR[type]],
children: [child.get("data"), node.get("data")]
});
root.removeChild(child.id);
this.tree.addNode(andor);
this.tree.addNode(andor, child);
this.tree.addNode(andor, node);
}
} else {
this.tree.addNode(node);
}
}
this._populate(this.tree.toJSONWithNode());
this.fireEvent("EVENT_CHANGE");
},
_populate: function (items) {
this.filter.defaultState();
var o = this.options;
o.items = items;
BI.Tree.traversal(items, function (i, item) {
o.itemCreator(item);
});
this.filter.populate.apply(this.filter, [items]);
},
populate: function (conditions) {
this.tree.initTree(conditions);
this._populate(this.tree.toJSONWithNode());
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter", BI.Filter);
BI.Filter.FILTER_TYPE = {};
BI.Filter.FILTER_TYPE.FORMULA = 33;
BI.Filter.FILTER_TYPE.AND = 34;
BI.Filter.FILTER_TYPE.OR = 35;
BI.Filter.FILTER_TYPE.EMPTY_FORMULA = 36;
BI.Filter.FILTER_TYPE.EMPTY_CONDITION = 37;

102
src/widget/filter/filter.list.js

@ -1,102 +0,0 @@
/**
* Created by windy on 2017/3/28.
*/
!(function () {
var FilterList = BI.inherit(BI.ButtonTree, {
props: {
baseCls: "bi-button-map"
},
_createBtns: function (items) {
var o = this.options;
var buttons = BI.createWidgets(BI.createItems(items, {type: "bi.text_button", once: o.chooseType === 0}));
var keys = BI.map(items, function (i, item) {
item = BI.stripEL(item);
if (!(item.id || item.value)) {
throw new Error("item must have 'id' or 'value' as its property");
}
return item.id || item.value;
});
return BI.zipObject(keys, buttons);
},
setValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(true);
} else {
item.setSelected && item.setSelected(false);
}
});
},
setNotSelectedValue: function (v) {
v = BI.isArray(v) ? v : [v];
BI.each(this.buttons, function (val, item) {
if (!BI.isFunction(item.setSelected)) {
item.setNotSelectedValue(v);
return;
}
if (v.contains(val)) {
item.setSelected && item.setSelected(false);
} else {
item.setSelected && item.setSelected(true);
}
});
},
populate: function (items) {
var self = this;
var args = [].slice.call(arguments);
var linkHashMap = new BI.LinkHashMap();
var val = function (item) {
return item.id || item.value;
};
if (!this.buttons) {
this.buttons = {};
}
// 所有已存在的和新添加的
var willCreated = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
if (self.buttons[val(item)]) {
var ob = self.buttons[val(item)];
args[0] = item.items;
args[2] = item;
ob.populate && ob.populate.apply(ob, args);
} else {
willCreated.push(item);
}
});
// 创建新元素
args[0] = willCreated;
var newBtns = this._btnsCreator.apply(this, args);
// 整理
var array = [];
BI.each(items, function (i, item) {
item = BI.stripEL(item);
var button = self.buttons[val(item)] || newBtns[val(item)];
linkHashMap.add(val(item), button);
array.push(button);
});
this.buttons = linkHashMap.map;
BI.DOM.hang(this.buttons);
this.element.empty();
var packages = this._packageItems(items, this._packageBtns(array));
BI.createWidget(BI.extend({element: this}, this._packageLayout(packages)));
},
getIndexByValue: function () {
throw new Error("Can not use getIndexByValue");
}
});
BI.shortcut("bi.filter_list", FilterList);
}());

267
src/widget/filter/operation/filter.operation.js

@ -1,267 +0,0 @@
/**
* 过滤条件
*
* Created by GUY on 2015/9/25.
* @class BI.FilterOperation
* @extend BI.Widget
*/
!(function () {
var OPERATION_ADD_CONDITION = 0, OPERATION_ADD_ANDOR_CONDITION = 1;
var FilterOperation = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(FilterOperation.superclass._defaultConfig.apply(this, arguments), {
constants: {
FORMULA_COMBO: [{
text: BI.i18nText("BI-Conf_Formula_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND
}, {
text: BI.i18nText("BI-Conf_Formula_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR
}],
CONDITION_COMBO: [{
text: BI.i18nText("BI-Conf_Condition_And"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND
}, {
text: BI.i18nText("BI-Conf_Condition_Or"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR
}]
}
});
},
props: {
baseCls: "bi-filter-operation",
expander: {},
items: [],
selections: [BI.AbstractFilterItem.FILTER_OPERATION_CONDITION, BI.AbstractFilterItem.FILTER_OPERATION_FORMULA],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
this.currentSelected = null;
return {
type: "bi.vtape",
items: [{
el: {
type: "bi.tab",
showIndex: OPERATION_ADD_CONDITION,
cardCreator: BI.bind(this._createTabs, this),
ref: function (_ref) {
self.buttonComboTab = _ref;
}
},
height: 40
}, {
el: {
type: "bi.absolute",
scrollable: true,
items: [{
el: {
type: "bi.left",
items: [{
type: "bi.filter_pane",
expander: o.expander,
items: o.items,
itemsCreator: o.itemsCreator,
listeners: [{
eventName: "EVENT_CHANGE",
action: function (type, value, obj) {
if (type === BI.Events.CLICK) {
if (BI.isNotNull(self.currentSelected) && self.currentSelected === obj) {
obj.setSelectedCondition(!obj.isSelectedCondition());
} else {
if (BI.isNotNull(self.currentSelected)) {
self.currentSelected.setSelectedCondition(false);
}
self.currentSelected = obj;
obj.setSelectedCondition(true);
}
if (self.currentSelected.isSelectedCondition()) {
self.buttonComboTab.setSelect(OPERATION_ADD_ANDOR_CONDITION);
} else {
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
}
if (type === BI.Events.DESTROY) {
if (self.currentSelected === obj) {
self.currentSelected = null;
self.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
}
self.fireEvent("BI.FilterOperation.EVENT_DESTROY_ITEM", value, obj);
}
}
}],
ref: function (_ref) {
self.filter = _ref;
}
}]
},
top: 0,
right: 2,
bottom: 0,
left: 0
}]
}
}]
};
},
_createTabs: function (v) {
var self = this;
switch (v) {
case OPERATION_ADD_CONDITION:
return {
type: "bi.button_group",
items: BI.createItems(self._createButtons(), {
type: "bi.icon_text_item",
height: 30,
width: 100
}),
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.left",
vgap: 5
}],
listeners: [{
eventName: BI.ButtonGroup.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
}
}]
};
case OPERATION_ADD_ANDOR_CONDITION:
return {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
items: self._buildOperationButton(),
layouts: [{
type: "bi.left",
vgap: 5
}]
};
}
},
_createButtons: function () {
var buttons = [];
BI.each(this.options.selections, function (i, type) {
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Formula"),
value: BI.AbstractFilterItem.FILTER_OPERATION_FORMULA,
cls: "operation-trigger filter-formula-font"
});
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
buttons.push({
text: BI.i18nText("BI-Conf_Add_Condition"),
value: BI.AbstractFilterItem.FILTER_OPERATION_CONDITION,
cls: "operation-trigger filter-condition-font"
});
break;
}
});
return buttons;
},
_buildOperationButton: function () {
var self = this, combos = [];
BI.each(this.options.selections, function (i, type) {
var text = "", cls = "", items = [];
switch (type) {
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA:
text = BI.i18nText("BI-Conf_Add_Formula");
cls = "filter-formula-font";
items = self.options.constants.FORMULA_COMBO;
break;
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION:
default:
text = BI.i18nText("BI-Conf_Add_Condition");
cls = "filter-condition-font";
items = self.options.constants.CONDITION_COMBO;
break;
}
var trigger = BI.createWidget({
type: "bi.icon_text_icon_item",
iconCls1: "operation-trigger " + cls,
iconCls2: "pull-down-font",
text: text,
height: 30,
width: 110
});
combos.push({
type: "bi.combo",
el: trigger,
popup: {
el: {
type: "bi.button_group",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE,
items: BI.createItems(items, {
type: "bi.single_select_item",
height: 25
}),
layouts: [{
type: "bi.vertical"
}]
}
},
listeners: [{
eventName: BI.Combo.EVENT_CHANGE,
action: function (value, obj) {
if (BI.isEmptyArray(self.filter.getValue())) {
self.filter.element.addClass("bi-border-top bi-border-left");
}
switch (value) {
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_CONDITION_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Condition"));
break;
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_AND:
case BI.AbstractFilterItem.FILTER_OPERATION_FORMULA_OR:
trigger.setText(BI.i18nText("BI-Conf_Add_Formula"));
break;
default:
trigger.setText();
}
self.fireEvent("EVENT_OPERATION", obj.getValue());
self.defaultState();
this.hideView();
}
}]
});
});
return combos;
},
defaultState: function () {
if (BI.isNotNull(this.currentSelected)) {
this.currentSelected.setSelectedCondition(false);
}
this.buttonComboTab.setSelect(OPERATION_ADD_CONDITION);
},
getCurrentSelectItem: function () {
if (BI.isNotNull(this.currentSelected) && this.currentSelected.isSelectedCondition()) {
return this.currentSelected;
}
},
populate: function (items) {
this.filter.populate.apply(this.filter, arguments);
},
getValue: function () {
return this.filter.getValue();
}
});
BI.shortcut("bi.filter_operation", FilterOperation);
}());

62
src/widget/filter/pane/filter.pane.js

@ -1,62 +0,0 @@
/**
* @class BI.FilterPane
* @extend BI.Widget
* 过滤面板
*/
!(function () {
var FilterPane = BI.inherit(BI.Widget, {
props: {
baseCls: "bi-filter-pane",
expander: {},
items: [],
itemsCreator: BI.emptyFn
},
render: function () {
var self = this, o = this.options;
return {
type: "bi.custom_tree",
cls: BI.isNotEmptyArray(o.items) ? "bi-border-top bi-border-left" : "",
expander: BI.extend({
type: "bi.filter_expander",
el: {},
popup: {
type: "bi.custom_tree"
}
}, o.expander),
el: {
type: "bi.filter_list",
chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT,
layouts: [{
type: "bi.vertical",
scrolly: false
}]
},
items: o.items,
listeners: [{
eventName: BI.Controller.EVENT_CHANGE,
action: function () {
self.fireEvent("EVENT_CHANGE", arguments);
}
}],
ref: function (_ref) {
self.tree = _ref;
}
};
},
populate: function (items) {
if (BI.isNotEmptyArray(items)) {
this.element.addClass("bi-border-top bi-border-left");
} else {
this.element.removeClass("bi-border-top bi-border-left");
}
this.tree.populate.apply(this.tree, arguments);
},
getValue: function () {
return this.tree.getValue();
}
});
BI.shortcut("bi.filter_pane", FilterPane);
}());

2
src/widget/multilayerdownlist/popup.downlist.js

@ -167,7 +167,7 @@ BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, {
}],
cls: "bi-down-list-spliter-container cursor-pointer",
lgap: 10,
rgap: 10
rgap: 0
});
result.push(spliter_container);
}

2
src/widget/multiselectlist/multiselectlist.insert.js

@ -26,7 +26,7 @@ BI.MultiSelectInsertList = BI.inherit(BI.Single, {
itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter,
logic: {
dynamic: false
dynamic: true
},
// onLoaded: o.onLoaded,
el: {},

Loading…
Cancel
Save