Browse Source

KERNEL-14101 refactor: multilayerdownlist、multilayersingletree

es6
Zhenfei.Li 2 years ago
parent
commit
7c29cb461c
  1. 3
      .eslintrc
  2. 6
      src/widget/index.js
  3. 94
      src/widget/multilayerdownlist/combo.downlist.js
  4. 2
      src/widget/multilayerdownlist/index.js
  5. 360
      src/widget/multilayerdownlist/popup.downlist.js
  6. 7
      src/widget/multilayersingletree/index.js
  7. 322
      src/widget/multilayersingletree/multilayersingletree.combo.js
  8. 126
      src/widget/multilayersingletree/multilayersingletree.insert.search.pane.js
  9. 220
      src/widget/multilayersingletree/multilayersingletree.leveltree.js
  10. 79
      src/widget/multilayersingletree/multilayersingletree.popup.js
  11. 297
      src/widget/multilayersingletree/multilayersingletree.trigger.js
  12. 4
      src/widget/multilayersingletree/node/index.js
  13. 113
      src/widget/multilayersingletree/node/node.first.plus.js
  14. 113
      src/widget/multilayersingletree/node/node.last.plus.js
  15. 113
      src/widget/multilayersingletree/node/node.mid.plus.js
  16. 126
      src/widget/multilayersingletree/node/node.plus.js
  17. 3
      src/widget/multilayersingletree/treeitem/index.js
  18. 93
      src/widget/multilayersingletree/treeitem/item.first.treeleaf.js
  19. 93
      src/widget/multilayersingletree/treeitem/item.last.treeleaf.js
  20. 93
      src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js

3
.eslintrc

@ -36,7 +36,8 @@
"no-var": 2, "no-var": 2,
"prefer-const": 2, "prefer-const": 2,
"indent": ["error", 4], "indent": ["error", 4],
"no-use-before-define": 0 "no-use-before-define": 0,
"eqeqeq": 0
} }
}, { }, {
"files": ["webpack/*.js", "./*.js", "lib/**/*.js", "lib/*.js", "./bin/*.js", "./bin/**/*.js"], "files": ["webpack/*.js", "./*.js", "lib/**/*.js", "lib/*.js", "./bin/*.js", "./bin/**/*.js"],

6
src/widget/index.js

@ -20,6 +20,8 @@ import { NumberInterval } from "./numberinterval/numberinterval";
import * as multiselect from "./multiselect"; import * as multiselect from "./multiselect";
import * as multiselectlist from "./multiselectlist"; import * as multiselectlist from "./multiselectlist";
import * as singleselect from "./singleselect"; import * as singleselect from "./singleselect";
import * as multilayerdownlist from "./multilayerdownlist";
import * as multilayersingletree from "./multilayersingletree";
Object.assign(BI, { Object.assign(BI, {
Collapse, Collapse,
@ -44,6 +46,8 @@ Object.assign(BI, {
...multiselect, ...multiselect,
...multiselectlist, ...multiselectlist,
...singleselect, ...singleselect,
...multilayerdownlist,
...multilayersingletree,
}); });
export * from "./date/calendar"; export * from "./date/calendar";
@ -60,6 +64,8 @@ export * from "./downlist";
export * from "./singleslider"; export * from "./singleslider";
export * from "./intervalslider"; export * from "./intervalslider";
export * from "./singleselect"; export * from "./singleselect";
export * from "./multilayerdownlist";
export * from "./multilayersingletree";
export { export {
Collapse, Collapse,

94
src/widget/multilayerdownlist/combo.downlist.js

@ -1,9 +1,18 @@
/** import { shortcut, Widget, extend, createWidget } from "@/core";
* Created by roy on 15/8/14. import { MultiLayerDownListPopup } from "./popup.downlist";
*/ import { Combo } from "@/base";
BI.MultiLayerDownListCombo = BI.inherit(BI.Widget, { import { IconTrigger } from "@/case";
_defaultConfig: function () {
return BI.extend(BI.MultiLayerDownListCombo.superclass._defaultConfig.apply(this, arguments), { @shortcut()
export class MultiLayerDownListCombo extends Widget {
static xtype = "bi.multi_layer_down_list_combo";
static EVENT_CHANGE = "EVENT_CHANGE";
static EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
_defaultConfig() {
return extend(super._defaultConfig(...arguments), {
baseCls: "bi-multilayer-down-list-combo", baseCls: "bi-multilayer-down-list-combo",
height: 24, height: 24,
items: [], items: [],
@ -12,79 +21,74 @@ BI.MultiLayerDownListCombo = BI.inherit(BI.Widget, {
trigger: "click", trigger: "click",
container: null, container: null,
stopPropagation: false, stopPropagation: false,
el: {} el: {},
}); });
}, }
_init: function () { _init() {
BI.MultiLayerDownListCombo.superclass._init.apply(this, arguments); super._init(...arguments);
var self = this, o = this.options; const o = this.options;
this.popupview = BI.createWidget({ this.popupview = createWidget({
type: "bi.multi_layer_down_list_popup", type: "bi.multi_layer_down_list_popup",
items: o.items, items: o.items,
chooseType: o.chooseType, chooseType: o.chooseType,
value: o.value value: o.value,
}); });
this.popupview.on(BI.MultiLayerDownListPopup.EVENT_CHANGE, function (value) { this.popupview.on(MultiLayerDownListPopup.EVENT_CHANGE, value => {
self.fireEvent(BI.MultiLayerDownListCombo.EVENT_CHANGE, value); this.fireEvent(MultiLayerDownListCombo.EVENT_CHANGE, value);
self.downlistcombo.hideView(); this.downlistcombo.hideView();
}); });
this.popupview.on(BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) { this.popupview.on(MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, (value, fatherValue) => {
self.fireEvent(BI.MultiLayerDownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue); this.fireEvent(MultiLayerDownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue);
self.downlistcombo.hideView(); this.downlistcombo.hideView();
}); });
this.downlistcombo = createWidget({
this.downlistcombo = BI.createWidget({
element: this, element: this,
type: "bi.combo", type: Combo.xtype,
trigger: o.trigger, trigger: o.trigger,
isNeedAdjustWidth: false, isNeedAdjustWidth: false,
container: o.container, container: o.container,
adjustLength: o.adjustLength, adjustLength: o.adjustLength,
direction: o.direction, direction: o.direction,
stopPropagation: o.stopPropagation, stopPropagation: o.stopPropagation,
el: BI.createWidget(o.el, { el: createWidget(o.el, {
type: "bi.icon_trigger", type: IconTrigger.xtype,
extraCls: o.iconCls ? o.iconCls : "pull-down-font", extraCls: o.iconCls ? o.iconCls : "pull-down-font",
width: o.width, width: o.width,
height: o.height height: o.height,
}), }),
popup: { popup: {
el: this.popupview, el: this.popupview,
stopPropagation: o.stopPropagation, stopPropagation: o.stopPropagation,
maxHeight: 1000 maxHeight: 1000,
} },
}); });
this.downlistcombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { this.downlistcombo.on(Combo.EVENT_BEFORE_POPUPVIEW, () => {
self.fireEvent(BI.MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW); this.fireEvent(MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW);
}); });
}, }
hideView: function () { hideView() {
this.downlistcombo.hideView(); this.downlistcombo.hideView();
}, }
showView: function (e) { showView(e) {
this.downlistcombo.showView(e); this.downlistcombo.showView(e);
}, }
populate: function (items) { populate(items) {
this.popupview.populate(items); this.popupview.populate(items);
}, }
setValue: function (v) { setValue(v) {
this.popupview.setValue(v); this.popupview.setValue(v);
},
getValue: function () {
return this.popupview.getValue();
} }
});
BI.MultiLayerDownListCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.MultiLayerDownListCombo.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
BI.MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
BI.shortcut("bi.multi_layer_down_list_combo", BI.MultiLayerDownListCombo); getValue() {
return this.popupview.getValue();
}
}

2
src/widget/multilayerdownlist/index.js

@ -0,0 +1,2 @@
export { MultiLayerDownListCombo } from "./combo.downlist";
export { MultiLayerDownListPopup } from "./popup.downlist";

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

@ -1,136 +1,173 @@
/** import {
* Created by roy on 15/9/8. shortcut,
* 处理popup中的item分组样式 extend,
* 一个item分组中的成员大于一时该分组设置为单选并且默认状态第一个成员设置为已选择项 Selection,
*/ createWidget,
BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, { createItems,
constants: { isNotNull,
contains,
each,
VerticalLayout,
isNotEmptyArray,
isEmpty,
Layout,
deepClone,
isArray,
isNotEmptyString,
some,
concat,
BlankSplitChar
} from "@/core";
import { Pane, ButtonTree, ComboGroup } from "@/base";
import { DownListGroup, DownListGroupItem, DownListItem } from "../downlist";
@shortcut()
export class MultiLayerDownListPopup extends Pane {
static xtype = "bi.multi_layer_down_list_popup";
constants = {
nextIcon: "pull-right-e-font", nextIcon: "pull-right-e-font",
height: 25, height: 25,
iconHeight: 12, iconHeight: 12,
iconWidth: 12, iconWidth: 12,
hgap: 0, hgap: 0,
vgap: 0, vgap: 0,
border: 1 border: 1,
}, };
_defaultConfig: function () {
var conf = BI.MultiLayerDownListPopup.superclass._defaultConfig.apply(this, arguments); static EVENT_CHANGE = "EVENT_CHANGE";
return BI.extend(conf, { static EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
_defaultConfig() {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
baseCls: "bi-down-list-popup", baseCls: "bi-down-list-popup",
items: [], items: [],
chooseType: BI.Selection.Multi chooseType: Selection.Multi,
}); });
}, }
_init: function () {
BI.MultiLayerDownListPopup.superclass._init.apply(this, arguments); _init() {
super._init(...arguments);
this.singleValues = []; this.singleValues = [];
this.childValueMap = {}; this.childValueMap = {};
this.fatherValueMap = {}; this.fatherValueMap = {};
this.items = []; this.items = [];
var self = this, o = this.options, children = this._createPopupItems(o.items); const self = this,
this.popup = BI.createWidget({ o = this.options,
type: "bi.button_tree", children = this._createPopupItems(o.items);
items: BI.createItems(children, this.popup = createWidget({
{}, { type: ButtonTree.xtype,
adjustLength: -2 items: createItems(
children,
{},
{
adjustLength: -2,
} }
), ),
layouts: [{ layouts: [
type: "bi.vertical", {
type: VerticalLayout.xtype,
hgap: this.constants.hgap, hgap: this.constants.hgap,
vgap: this.constants.vgap vgap: this.constants.vgap,
}], }
],
value: this._digest(o.value), value: this._digest(o.value),
chooseType: o.chooseType chooseType: o.chooseType,
}); });
this.popup.on(BI.ButtonTree.EVENT_CHANGE, function (value, object) { this.popup.on(ButtonTree.EVENT_CHANGE, (value, object) => {
var changedValue = value; let changedValue = value;
if (BI.isNotNull(self.childValueMap[value])) { if (isNotNull(self.childValueMap[value])) {
changedValue = self.childValueMap[value]; changedValue = self.childValueMap[value];
var fatherValue = self.fatherValueMap[value]; const fatherValue = self.fatherValueMap[value];
var fatherArrayValue = (fatherValue + "").split(BI.BlankSplitChar); const fatherArrayValue = (`${fatherValue}`).split(BlankSplitChar);
self.fireEvent(BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, changedValue, fatherArrayValue.length > 1 ? fatherArrayValue : fatherValue); self.fireEvent(
MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE,
changedValue,
fatherArrayValue.length > 1 ? fatherArrayValue : fatherValue
);
} else { } else {
self.fireEvent(BI.MultiLayerDownListPopup.EVENT_CHANGE, changedValue, object); self.fireEvent(MultiLayerDownListPopup.EVENT_CHANGE, changedValue, object);
} }
if (!contains(self.singleValues, changedValue)) {
if (!BI.contains(self.singleValues, changedValue)) { const item = self.getValue();
var item = self.getValue(); const result = [];
var result = []; each(item, (i, valueObject) => {
BI.each(item, function (i, valueObject) {
if (valueObject.value != changedValue) { if (valueObject.value != changedValue) {
result.push(valueObject); result.push(valueObject);
} }
}); });
self.setValue(result); self.setValue(result);
} }
}); });
BI.createWidget({ createWidget({
type: "bi.vertical", type: VerticalLayout.xtype,
element: this, element: this,
items: [this.popup], items: [this.popup],
vgap: 5 vgap: 5,
}); });
}
}, _createPopupItems(items) {
_createPopupItems: function (items) { const self = this,
var self = this, result = []; result = [];
BI.each(items, function (i, it) { each(items, (i, it) => {
var item_done = { const item_done = {
type: "bi.down_list_group", type: DownListGroup.xtype,
items: [] items: [],
}; };
var storeItem = []; const storeItem = [];
BI.each(it, function (i, sourceItem) { each(it, (i, sourceItem) => {
var item = BI.extend({}, sourceItem); const item = extend({}, sourceItem);
if (BI.isNotEmptyArray(sourceItem.children) && !BI.isEmpty(sourceItem.el)) { if (isNotEmptyArray(sourceItem.children) && !isEmpty(sourceItem.el)) {
item.type = "bi.combo_group"; item.type = ComboGroup.xtype;
item.cls = "down-list-group"; item.cls = "down-list-group";
item.trigger = "hover"; item.trigger = "hover";
item.isNeedAdjustWidth = false; item.isNeedAdjustWidth = false;
item.el = sourceItem.el; item.el = sourceItem.el;
item.el.title = sourceItem.el.title || sourceItem.el.text; item.el.title = sourceItem.el.title || sourceItem.el.text;
item.el.type = "bi.down_list_group_item"; item.el.type = DownListGroupItem.xtype;
item.el.logic = { item.el.logic = {
dynamic: true dynamic: true,
}; };
item.el.height = sourceItem.el.height || BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT; item.el.height = sourceItem.el.height || BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT;
item.el.iconCls2 = self.constants.nextIcon; item.el.iconCls2 = self.constants.nextIcon;
item.popup = { item.popup = {
lgap: 1, lgap: 1,
el: { el: {
type: "bi.button_tree", type: ButtonTree.xtype,
chooseType: 0, chooseType: 0,
layouts: [{ layouts: [
type: "bi.vertical" {
}] type: VerticalLayout.xtype,
}
],
}, },
innerVgap: 5, innerVgap: 5,
maxHeight: 378, maxHeight: 378,
}; };
self._createChildren(item, sourceItem); self._createChildren(item, sourceItem);
} else { } else {
item.type = sourceItem.type || "bi.down_list_item"; item.type = sourceItem.type || DownListItem.xtype;
item.title = sourceItem.title || sourceItem.text; item.title = sourceItem.title || sourceItem.text;
item.textRgap = 10; item.textRgap = 10;
item.isNeedAdjustWidth = false; item.isNeedAdjustWidth = false;
item.logic = { item.logic = {
dynamic: true dynamic: true,
}; };
} }
var el_done = {}; const el_done = {};
el_done.el = item; el_done.el = item;
item_done.items.push(el_done); item_done.items.push(el_done);
storeItem.push(item); storeItem.push(item);
}); });
if (self._isGroup(item_done.items)) { if (self._isGroup(item_done.items)) {
BI.each(item_done.items, function (i, item) { each(item_done.items, (i, item) => {
self.singleValues.push(item.el.value); self.singleValues.push(item.el.value);
}); });
} }
@ -138,16 +175,17 @@ BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, {
result.push(item_done); result.push(item_done);
self.items.push(storeItem); self.items.push(storeItem);
if (self._needSpliter(i, items.length)) { if (self._needSpliter(i, items.length)) {
var spliter_container = BI.createWidget({ const spliter_container = createWidget({
type: "bi.vertical", type: VerticalLayout.xtype,
items: [{ items: [
{
el: { el: {
type: "bi.layout", type: Layout.xtype,
cls: "bi-down-list-spliter bi-border-top cursor-pointer", cls: "bi-down-list-spliter bi-border-top cursor-pointer",
height: 0 height: 0,
},
} }
],
}],
cls: "bi-down-list-spliter-container cursor-pointer", cls: "bi-down-list-spliter-container cursor-pointer",
vgap: 5, vgap: 5,
hgap: 12, hgap: 12,
@ -155,178 +193,180 @@ BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, {
result.push(spliter_container); result.push(spliter_container);
} }
}); });
return result; return result;
}, }
_createChildren: function (targetItem, sourceItem) { _createChildren(targetItem, sourceItem) {
var self = this; const self = this;
this._formatEL(targetItem).el.childValues = []; this._formatEL(targetItem).el.childValues = [];
targetItem.items = targetItem.children = []; targetItem.items = targetItem.children = [];
BI.each(sourceItem.children, function (i, child) { each(sourceItem.children, (i, child) => {
var item = child.el ? BI.extend({}, child.el, {children: child.children}) : BI.extend({}, child); const item = child.el ? extend({}, child.el, { children: child.children }) : extend({}, child);
var fatherValue = BI.deepClone(self._formatEL(targetItem).el.value); const fatherValue = deepClone(self._formatEL(targetItem).el.value);
var childValue = BI.deepClone(item.value); const childValue = deepClone(item.value);
self.singleValues.push(item.value); self.singleValues.push(item.value);
item.type = item.type || "bi.down_list_item"; item.type = item.type || DownListItem.xtype;
item.extraCls = " child-down-list-item"; item.extraCls = " child-down-list-item";
item.title = item.title || item.text; item.title = item.title || item.text;
item.textRgap = 10; item.textRgap = 10;
item.isNeedAdjustWidth = false; item.isNeedAdjustWidth = false;
item.logic = { item.logic = {
dynamic: true dynamic: true,
}; };
item.father = fatherValue; item.father = fatherValue;
self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue; self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue;
self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue; self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue;
item.value = self._createChildValue(fatherValue, childValue); item.value = self._createChildValue(fatherValue, childValue);
self._formatEL(targetItem).el.childValues.push(item.value); self._formatEL(targetItem).el.childValues.push(item.value);
if (BI.isNotEmptyArray(child.children)) { if (isNotEmptyArray(child.children)) {
item.type = "bi.down_list_group_item"; item.type = DownListGroupItem.xtype;
item.iconCls2 = self.constants.nextIcon; item.iconCls2 = self.constants.nextIcon;
item.height = child.height || BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT; item.height = child.height || BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT;
self._createChildren(item, child); self._createChildren(item, child);
} }
targetItem.items.push(item); targetItem.items.push(item);
}); });
}, }
_formatEL: function(obj) { _formatEL(obj) {
if (obj && obj.el) { if (obj && obj.el) {
return obj; return obj;
} }
return { return {
el: obj el: obj,
}; };
}, }
_isGroup: function (i) { _isGroup(i) {
return i.length > 1; return i.length > 1;
}, }
_needSpliter: function (i, itemLength) { _needSpliter(i, itemLength) {
return i < itemLength - 1; return i < itemLength - 1;
}, }
_createChildValue: function (fatherValue, childValue) { _createChildValue(fatherValue, childValue) {
var fValue = fatherValue; let fValue = fatherValue;
if(BI.isArray(fatherValue)) { if (isArray(fatherValue)) {
fValue = fatherValue.join(BI.BlankSplitChar); fValue = fatherValue.join(BlankSplitChar);
}
return fValue + BlankSplitChar + childValue;
} }
return fValue + BI.BlankSplitChar + childValue;
},
_digest: function (valueItem) { _digest(valueItem) {
var self = this; const self = this;
var valueArray = []; const valueArray = [];
BI.each(valueItem, function (i, item) { each(valueItem, (i, item) => {
var value; let value;
if (BI.isNotNull(item.childValue)) { if (isNotNull(item.childValue)) {
value = self._createChildValue(item.value, item.childValue); value = self._createChildValue(item.value, item.childValue);
} else { } else {
value = item.value; value = item.value;
} }
valueArray.push(value); valueArray.push(value);
} });
);
return valueArray; return valueArray;
}, }
_checkValues: function (values) { _checkValues(values) {
var self = this, o = this.options; const value = [];
var value = []; each(this.items, (idx, itemGroup) => {
BI.each(this.items, function (idx, itemGroup) { each(itemGroup, (id, item) => {
BI.each(itemGroup, function (id, item) { if (isNotNull(item.children)) {
if(BI.isNotNull(item.children)) { const childValues = getChildrenValue(item);
var childValues = getChildrenValue(item); const v = joinValue(childValues, values[idx]);
var v = joinValue(childValues, values[idx]); if (isNotEmptyString(v)) {
if(BI.isNotEmptyString(v)) {
value.push(v); value.push(v);
} }
}else{ } else {
if(item.value === values[idx][0]) { if (item.value === values[idx][0]) {
value.push(values[idx][0]); value.push(values[idx][0]);
} }
} }
}); });
}); });
return value; return value;
function joinValue (sources, targets) { function joinValue(sources, targets) {
var value = ""; let value = "";
BI.some(sources, function (idx, s) { some(sources, (idx, s) => some(targets, (id, t) => {
return BI.some(targets, function (id, t) { if (s === t) {
if(s === t) {
value = s; value = s;
return true; return true;
} }
}); }));
});
return value; return value;
} }
function getChildrenValue (item) { function getChildrenValue(item) {
var children = []; let children = [];
if(BI.isNotNull(item.children)) { if (isNotNull(item.children)) {
BI.each(item.children, function (idx, child) { each(item.children, (idx, child) => {
children = BI.concat(children, getChildrenValue(child)); children = concat(children, getChildrenValue(child));
}); });
} else { } else {
children.push(item.value); children.push(item.value);
} }
return children; return children;
} }
}, }
populate: function (items) { populate(items) {
BI.MultiLayerDownListPopup.superclass.populate.apply(this, arguments); super.populate(...arguments);
var self = this; const self = this;
self.childValueMap = {}; self.childValueMap = {};
self.fatherValueMap = {}; self.fatherValueMap = {};
self.singleValues = []; self.singleValues = [];
this.items = []; this.items = [];
var children = self._createPopupItems(items); const children = self._createPopupItems(items);
var popupItem = BI.createItems(children, const popupItem = createItems(
{}, { children,
adjustLength: -2 {},
{
adjustLength: -2,
} }
); );
self.popup.populate(popupItem); self.popup.populate(popupItem);
}, }
setValue: function (valueItem) { setValue(valueItem) {
this.popup.setValue(this._digest(valueItem)); this.popup.setValue(this._digest(valueItem));
}, }
_getValue: function () { _getValue() {
var v = []; const v = [];
BI.each(this.popup.getAllButtons(), function (i, item) { each(this.popup.getAllButtons(), (i, item) => {
i % 2 === 0 && v.push(item.getValue()); i % 2 === 0 && v.push(item.getValue());
}); });
return v; return v;
}, }
getValue: function () { getValue() {
var self = this, result = []; const self = this,
var values = this._checkValues(this._getValue()); result = [];
BI.each(values, function (i, value) { const values = this._checkValues(this._getValue());
var valueItem = {}; each(values, (i, value) => {
if (BI.isNotNull(self.childValueMap[value])) { const valueItem = {};
var fartherValue = self.fatherValueMap[value]; if (isNotNull(self.childValueMap[value])) {
const fartherValue = self.fatherValueMap[value];
valueItem.childValue = self.childValueMap[value]; valueItem.childValue = self.childValueMap[value];
var fatherArrayValue = (fartherValue + "").split(BI.BlankSplitChar); const fatherArrayValue = (`${fartherValue}`).split(BlankSplitChar);
valueItem.value = fatherArrayValue.length > 1 ? fatherArrayValue : fartherValue; valueItem.value = fatherArrayValue.length > 1 ? fatherArrayValue : fartherValue;
} else { } else {
valueItem.value = value; valueItem.value = value;
} }
result.push(valueItem); result.push(valueItem);
}); });
return result; return result;
} }
}
});
BI.MultiLayerDownListPopup.EVENT_CHANGE = "EVENT_CHANGE";
BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
BI.shortcut("bi.multi_layer_down_list_popup", BI.MultiLayerDownListPopup);

7
src/widget/multilayersingletree/index.js

@ -0,0 +1,7 @@
export { MultiLayerSingleTreeCombo } from "./multilayersingletree.combo";
export { MultiLayerSingleTreeInsertSearchPane } from "./multilayersingletree.insert.search.pane";
export { MultiLayerSingleLevelTree } from "./multilayersingletree.leveltree";
export { MultiLayerSingleTreePopup } from "./multilayersingletree.popup";
export { MultiLayerSingleTreeTrigger } from "./multilayersingletree.trigger";
export * from "./node";
export * from "./treeitem";

322
src/widget/multilayersingletree/multilayersingletree.combo.js

@ -1,81 +1,105 @@
/** import { shortcut, Widget, extend, emptyFn, isKey, toPix, AbsoluteLayout, nextTick, isArray } from "@/core";
* 多层级下拉单选树 import { SingleTreeTrigger } from "../singletree/singletree.trigger";
* Created by GUY on 2016/1/26. import { MultiLayerSingleTreePopup } from "./multilayersingletree.popup";
* import { Combo } from "@/base";
* @class BI.MultiLayerSingleTreeCombo import { MultiLayerSingleTreeTrigger } from "./multilayersingletree.trigger";
* @extends BI.Widget import { TriggerIconButton } from "@/case";
*/
BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () { @shortcut()
return BI.extend(BI.MultiLayerSingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { export class MultiLayerSingleTreeCombo extends Widget {
static xtype = "bi.multilayer_single_tree_combo";
static EVENT_SEARCHING = "EVENT_SEARCHING";
static EVENT_BLUR = "EVENT_BLUR";
static EVENT_FOCUS = "EVENT_FOCUS";
static EVENT_CHANGE = "EVENT_CHANGE";
static EVENT_STOP = "EVENT_STOP";
static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
_defaultConfig() {
return extend(super._defaultConfig(...arguments), {
baseCls: "bi-multilayer-single-tree-combo", baseCls: "bi-multilayer-single-tree-combo",
isDefaultInit: false, isDefaultInit: false,
height: 24, height: 24,
text: "", text: "",
defaultText: "", defaultText: "",
itemsCreator: BI.emptyFn, itemsCreator: emptyFn,
items: [], items: [],
allowEdit: false, allowEdit: false,
allowSearchValue: false, allowSearchValue: false,
allowInsertValue: false, allowInsertValue: false,
isNeedAdjustWidth: true, isNeedAdjustWidth: true,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const self = this,
o = this.options;
var cls = (o.simple ? "bi-border-bottom bi-focus-shadow " : "bi-border bi-border-radius bi-focus-shadow ") + (BI.isKey(o.status) ? ("status-" + o.status) : ""); const cls =
(o.simple ? "bi-border-bottom bi-focus-shadow " : "bi-border bi-border-radius bi-focus-shadow ") +
(isKey(o.status) ? `status-${o.status}` : "");
var baseConfig = this._getBaseConfig(); const baseConfig = this._getBaseConfig();
if (o.allowEdit) { if (o.allowEdit) {
return { return {
type: "bi.absolute", type: AbsoluteLayout.xtype,
width: BI.toPix(o.width, 2), width: toPix(o.width, 2),
height: BI.toPix(o.height, 2), height: toPix(o.height, 2),
cls, cls,
items: [ items: [
{ {
el: BI.extend(baseConfig, this._getSearchConfig()), el: extend(baseConfig, this._getSearchConfig()),
top: 0, bottom: 0, right: 0, left: 0 top: 0,
}, { bottom: 0,
el: self._getTriggerIconButton(), right: 0,
top: 0, bottom: 0, right: 0, left: 0,
}, },
] {
el: self._getTriggerIconButton(),
top: 0,
bottom: 0,
right: 0,
}
],
}; };
} }
return BI.extend(baseConfig, { return extend(
width: BI.toPix(o.width, 2), baseConfig,
height: BI.toPix(o.height, 2), {
width: toPix(o.width, 2),
height: toPix(o.height, 2),
el: { el: {
type: "bi.single_tree_trigger", type: SingleTreeTrigger.xtype,
ref: function (_ref) { ref (_ref) {
self.textTrigger = _ref; self.textTrigger = _ref;
}, },
text: o.text, text: o.text,
defaultText: o.defaultText, defaultText: o.defaultText,
height: BI.toPix(o.height, 2), height: toPix(o.height, 2),
items: o.items, items: o.items,
value: o.value, value: o.value,
tipType: o.tipType, tipType: o.tipType,
warningTitle: o.warningTitle, warningTitle: o.warningTitle,
valueFormatter: o.valueFormatter, valueFormatter: o.valueFormatter,
}, },
}, { cls });
}, },
{ cls }
);
}
_getBaseConfig() {
const self = this,
o = this.options;
_getBaseConfig: function () {
var self = this, o = this.options;
return { return {
type: "bi.combo", type: Combo.xtype,
container: o.container, container: o.container,
destroyWhenHide: o.destroyWhenHide, destroyWhenHide: o.destroyWhenHide,
adjustLength: 2, adjustLength: 2,
ref: function (_ref) { ref (_ref) {
self.combo = _ref; self.combo = _ref;
}, },
popup: { popup: {
@ -84,41 +108,47 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
isDefaultInit: o.isDefaultInit, isDefaultInit: o.isDefaultInit,
itemsCreator: o.itemsCreator, itemsCreator: o.itemsCreator,
items: o.items, items: o.items,
ref: function (_ref) { ref (_ref) {
self.trigger && self.trigger.getSearcher().setAdapter(_ref); self.trigger && self.trigger.getSearcher().setAdapter(_ref);
}, },
listeners: [{ listeners: [
eventName: BI.MultiLayerSingleTreePopup.EVENT_CHANGE, {
action: function () { eventName: MultiLayerSingleTreePopup.EVENT_CHANGE,
action () {
self.setValue(this.getValue()); self.setValue(this.getValue());
self.combo.hideView(); self.combo.hideView();
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); self.fireEvent(MultiLayerSingleTreeCombo.EVENT_CHANGE);
},
} }
}], ],
onLoaded: function () { onLoaded () {
BI.nextTick(function () { nextTick(() => {
self.combo.adjustWidth(); self.combo.adjustWidth();
self.combo.adjustHeight(); self.combo.adjustHeight();
}); });
} },
}, },
value: o.value, value: o.value,
maxHeight: 400, maxHeight: 400,
maxWidth: o.isNeedAdjustWidth ? "auto" : 500, maxWidth: o.isNeedAdjustWidth ? "auto" : 500,
minHeight: 240 minHeight: 240,
}, },
isNeedAdjustWidth: o.isNeedAdjustWidth, isNeedAdjustWidth: o.isNeedAdjustWidth,
listeners: [{ listeners: [
eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW, {
action: function () { eventName: Combo.EVENT_BEFORE_POPUPVIEW,
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW); action () {
self.fireEvent(MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW);
},
} }
}] ],
}; };
}, }
_getSearchConfig() {
const self = this,
o = this.options;
_getSearchConfig: function () {
var self = this, o = this.options;
return { return {
el: { el: {
type: "bi.multilayer_single_tree_trigger", type: "bi.multilayer_single_tree_trigger",
@ -126,154 +156,162 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
allowInsertValue: o.allowInsertValue, allowInsertValue: o.allowInsertValue,
allowSearchValue: o.allowSearchValue, allowSearchValue: o.allowSearchValue,
cls: "multilayer-single-tree-trigger", cls: "multilayer-single-tree-trigger",
ref: function (_ref) { ref (_ref) {
self.trigger = _ref; self.trigger = _ref;
}, },
watermark: o.watermark, watermark: o.watermark,
items: o.items, items: o.items,
itemsCreator: o.itemsCreator, itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter, valueFormatter: o.valueFormatter,
height: BI.toPix(o.height, 2), height: toPix(o.height, 2),
text: o.text, text: o.text,
defaultText: o.defaultText, defaultText: o.defaultText,
value: o.value, value: o.value,
tipType: o.tipType, tipType: o.tipType,
warningTitle: o.warningTitle, warningTitle: o.warningTitle,
title: o.title, title: o.title,
listeners: [{ listeners: [
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_CHANGE, {
action: function () { eventName: MultiLayerSingleTreeTrigger.EVENT_CHANGE,
action () {
self.setValue(this.getValue()); self.setValue(this.getValue());
self.combo.hideView(); self.combo.hideView();
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); self.fireEvent(MultiLayerSingleTreeCombo.EVENT_CHANGE);
} },
}, { },
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_FOCUS, {
action: function () { eventName: MultiLayerSingleTreeTrigger.EVENT_FOCUS,
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_FOCUS); action () {
} self.fireEvent(MultiLayerSingleTreeCombo.EVENT_FOCUS);
}, { },
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_BLUR, },
action: function () { {
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_BLUR); eventName: MultiLayerSingleTreeTrigger.EVENT_BLUR,
} action () {
}, { self.fireEvent(MultiLayerSingleTreeCombo.EVENT_BLUR);
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_SEARCHING, },
action: function () { },
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_SEARCHING); {
} eventName: MultiLayerSingleTreeTrigger.EVENT_SEARCHING,
}, { action () {
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_STOP, self.fireEvent(MultiLayerSingleTreeCombo.EVENT_SEARCHING);
action: function () { },
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_STOP); },
} {
}, { eventName: MultiLayerSingleTreeTrigger.EVENT_STOP,
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM, action () {
action: function () { self.fireEvent(MultiLayerSingleTreeCombo.EVENT_STOP);
var value = self.trigger.getSearcher().getKeyword(); },
},
{
eventName: MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM,
action () {
const value = self.trigger.getSearcher().getKeyword();
self.combo.setValue([value]); self.combo.setValue([value]);
self.combo.hideView(); self.combo.hideView();
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); self.fireEvent(MultiLayerSingleTreeCombo.EVENT_CHANGE);
},
} }
}] ],
}, },
toggle: !o.allowEdit, toggle: !o.allowEdit,
hideChecker: function (e) { hideChecker (e) {
// 新增传配置container后对应hideChecker的修改 // 新增传配置container后对应hideChecker的修改
// IE11下,popover(position: fixed)下放置下拉控件(position: fixed), 滚动的时候会异常卡顿 // IE11下,popover(position: fixed)下放置下拉控件(position: fixed), 滚动的时候会异常卡顿
// 通过container参数将popup放置于popover之外解决此问题, 其他下拉控件由于元素少或者有分页,所以 // 通过container参数将popup放置于popover之外解决此问题, 其他下拉控件由于元素少或者有分页,所以
// 卡顿不明显, 先在此做尝试, 并在FineUI特殊处理待解决文档中标记跟踪 // 卡顿不明显, 先在此做尝试, 并在FineUI特殊处理待解决文档中标记跟踪
return (o.container && self.trigger.getSearcher().isSearching() && self.trigger.getSearcher().getView().element.find(e.target).length > 0) ? false : self.triggerBtn?.element.find(e.target).length === 0; return o.container &&
self.trigger.getSearcher().isSearching() &&
self.trigger.getSearcher().getView().element.find(e.target).length > 0
? false
: self.triggerBtn?.element.find(e.target).length === 0;
}, },
listeners: [{ listeners: [
eventName: BI.Combo.EVENT_AFTER_HIDEVIEW, {
action: function () { eventName: Combo.EVENT_AFTER_HIDEVIEW,
action () {
self.trigger.stopEditing(); self.trigger.stopEditing();
},
},
{
eventName: Combo.EVENT_BEFORE_POPUPVIEW,
action () {
self.fireEvent(MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW);
},
} }
}, { ],
eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW,
action: function () {
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW);
}
}]
}; };
}, }
_getTriggerIconButton() {
const self = this,
o = this.options;
_getTriggerIconButton: function () {
var self = this, o = this.options;
return { return {
type: "bi.trigger_icon_button", type: TriggerIconButton.xtype,
cls: "bi-trigger trigger-icon-button", cls: "bi-trigger trigger-icon-button",
ref: function (_ref) { ref (_ref) {
self.triggerBtn = _ref; self.triggerBtn = _ref;
}, },
width: BI.toPix(o.height, 2), width: toPix(o.height, 2),
height: BI.toPix(o.height, 2), height: toPix(o.height, 2),
listeners: [ listeners: [
{ {
eventName: BI.TriggerIconButton.EVENT_CHANGE, eventName: TriggerIconButton.EVENT_CHANGE,
action: function () { action () {
if (self.combo.isViewVisible()) { if (self.combo.isViewVisible()) {
self.combo.hideView(); self.combo.hideView();
} else { } else {
self.combo.showView(); self.combo.showView();
} }
},
} }
} ],
]
}; };
}, }
getSearcher: function () { getSearcher() {
return this.trigger ? this.trigger.getSearcher() : this.textTrigger.getTextor(); return this.trigger ? this.trigger.getSearcher() : this.textTrigger.getTextor();
}, }
setValue: function (v) { setValue(v) {
v = BI.isArray(v) ? v : [v]; v = isArray(v) ? v : [v];
this.combo.setValue(v); this.combo.setValue(v);
}, }
getValue: function () { getValue() {
return this.combo.getValue(); return this.combo.getValue();
}, }
setStatus: function (status) { setStatus(status) {
if (BI.isKey(this.options.status)) { if (isKey(this.options.status)) {
this.element.removeClass("status-" + this.options.status); this.element.removeClass(`status-${this.options.status}`);
} }
this.element.addClass("status-" + status); this.element.addClass(`status-${status}`);
this.options.status = status; this.options.status = status;
}, }
setTipType: function (v) { setTipType(v) {
this.trigger ? this.trigger.setTipType(v) : this.textTrigger.setTipType(v); this.trigger ? this.trigger.setTipType(v) : this.textTrigger.setTipType(v);
}, }
populate: function (items) { populate(items) {
this.combo.populate(items); this.combo.populate(items);
}, }
focus: function () { focus() {
this.trigger.focus(); this.trigger.focus();
}, }
blur: function () { blur() {
this.trigger.blur(); this.trigger.blur();
}, }
showView: function () { showView() {
this.combo.showView(); this.combo.showView();
}, }
setWaterMark: function (v) { setWaterMark(v) {
this.trigger.setWaterMark(v); this.trigger.setWaterMark(v);
} }
}); }
BI.MultiLayerSingleTreeCombo.EVENT_SEARCHING = "EVENT_SEARCHING";
BI.MultiLayerSingleTreeCombo.EVENT_BLUR = "EVENT_BLUR";
BI.MultiLayerSingleTreeCombo.EVENT_FOCUS = "EVENT_FOCUS";
BI.MultiLayerSingleTreeCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.MultiLayerSingleTreeCombo.EVENT_STOP = "EVENT_STOP";
BI.MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
BI.shortcut("bi.multilayer_single_tree_combo", BI.MultiLayerSingleTreeCombo);

126
src/widget/multilayersingletree/multilayersingletree.insert.search.pane.js

@ -1,92 +1,110 @@
/** import {
* Created by GUY on 2016/1/26. shortcut,
* Widget,
* @class BI.MultiLayerSingleTreeInsertSearchPane i18nText,
* @extends BI.Pane emptyFn,
*/ createWidget,
Controller,
VerticalLayout,
isEmptyArray,
isArray
} from "@/core";
import { MultiLayerSelectLevelTree } from "../multilayerselecttree/multilayerselecttree.leveltree";
import { TextButton } from "@/base";
BI.MultiLayerSingleTreeInsertSearchPane = BI.inherit(BI.Widget, { @shortcut()
export class MultiLayerSingleTreeInsertSearchPane extends Widget {
static xtype = "bi.multilayer_single_tree_insert_search_pane";
props: function() { static EVENT_ADD_ITEM = "EVENT_ADD_ITEM";
static EVENT_CHANGE = "EVENT_CHANGE";
props() {
return { return {
baseCls: "bi-multilayer-single-tree-popup", baseCls: "bi-multilayer-single-tree-popup",
tipText: BI.i18nText("BI-No_Selected_Item"), tipText: i18nText("BI-No_Selected_Item"),
isDefaultInit: false, isDefaultInit: false,
itemsCreator: BI.emptyFn, itemsCreator: emptyFn,
items: [], items: [],
value: "" value: "",
}; };
}, }
render: function() { render() {
var self = this, o = this.options; const o = this.options;
this.tree = BI.createWidget({ this.tree = createWidget({
type: "bi.multilayer_single_level_tree", type: "bi.multilayer_single_level_tree",
isDefaultInit: o.isDefaultInit, isDefaultInit: o.isDefaultInit,
items: o.items, items: o.items,
itemsCreator: o.itemsCreator === BI.emptyFn ? BI.emptyFn : function (op, callback) { itemsCreator:
o.itemsCreator(op, function (res) { o.itemsCreator === emptyFn
? emptyFn
: (op, callback) => {
o.itemsCreator(op, res => {
callback(res); callback(res);
self.setKeyword(o.keywordGetter()); this.setKeyword(o.keywordGetter());
}); });
}, },
keywordGetter: o.keywordGetter, keywordGetter: o.keywordGetter,
value: o.value, value: o.value,
scrollable: null, scrollable: null,
listeners: [{ listeners: [
eventName: BI.Controller.EVENT_CHANGE, {
action: function () { eventName: Controller.EVENT_CHANGE,
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); action: (...args) => {
} this.fireEvent(Controller.EVENT_CHANGE, ...args);
}, { },
eventName: BI.MultiLayerSelectLevelTree.EVENT_CHANGE, },
action: function () { {
self.fireEvent(BI.MultiLayerSingleTreeInsertSearchPane.EVENT_CHANGE); eventName: MultiLayerSelectLevelTree.EVENT_CHANGE,
action: () => {
this.fireEvent(MultiLayerSingleTreeInsertSearchPane.EVENT_CHANGE);
},
} }
}] ],
}); });
return { return {
type: "bi.vertical", type: VerticalLayout.xtype,
scrolly: false, scrolly: false,
scrollable: true, scrollable: true,
vgap: 5, vgap: 5,
items: [{ items: [
type: "bi.text_button", {
type: TextButton.xtype,
invisible: true, invisible: true,
text: BI.i18nText("BI-Basic_Click_To_Add_Text", ""), text: i18nText("BI-Basic_Click_To_Add_Text", ""),
height: 24, height: 24,
cls: "bi-high-light", cls: "bi-high-light",
hgap: 5, hgap: 5,
ref: function (_ref) { ref: _ref => {
self.addNotMatchTip = _ref; this.addNotMatchTip = _ref;
}, },
handler: function () { handler: () => {
self.fireEvent(BI.MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, o.keywordGetter()); this.fireEvent(MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, o.keywordGetter());
}
}, this.tree]
};
}, },
},
this.tree
],
};
}
setKeyword: function (keyword) { setKeyword(keyword) {
var showTip = BI.isEmptyArray(this.tree.getAllLeaves()); const showTip = isEmptyArray(this.tree.getAllLeaves());
this.addNotMatchTip.setVisible(showTip); this.addNotMatchTip.setVisible(showTip);
showTip && this.addNotMatchTip.setText(BI.i18nText("BI-Basic_Click_To_Add_Text", keyword)); showTip && this.addNotMatchTip.setText(i18nText("BI-Basic_Click_To_Add_Text", keyword));
}, }
getValue: function () { getValue() {
return this.tree.getValue(); return this.tree.getValue();
}, }
setValue: function (v) { setValue(v) {
v = BI.isArray(v) ? v : [v]; v = isArray(v) ? v : [v];
this.tree.setValue(v); this.tree.setValue(v);
}, }
populate: function (items) { populate(items) {
this.tree.populate(items); this.tree.populate(items);
} }
}); }
BI.MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM = "EVENT_ADD_ITEM";
BI.MultiLayerSingleTreeInsertSearchPane.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.multilayer_single_tree_insert_search_pane", BI.MultiLayerSingleTreeInsertSearchPane);

220
src/widget/multilayersingletree/multilayersingletree.leveltree.js

@ -1,170 +1,202 @@
/** import {
* guy shortcut,
* 二级树 extend,
* @class BI.MultiLayerSingleLevelTree emptyFn,
* @extends BI.Single Selection,
*/ each,
BI.MultiLayerSingleLevelTree = BI.inherit(BI.Pane, { isKey,
_defaultConfig: function () { UUID,
return BI.extend(BI.MultiLayerSingleLevelTree.superclass._defaultConfig.apply(this, arguments), { isNotEmptyArray,
defaults,
createWidget,
Tree,
nextTick,
Controller,
Events,
VerticalLayout,
AdaptiveLayout,
isNull,
isArray
} from "@/core";
import { Pane, CustomTree, Loader, ButtonTree } from "@/base";
import { BasicTreeNode, BasicTreeItem, TreeExpander } from "@/case";
@shortcut()
export class MultiLayerSingleLevelTree extends Pane {
static xtype = "bi.multilayer_single_level_tree";
static EVENT_CHANGE = "EVENT_CHANGE";
_defaultConfig() {
return extend(super._defaultConfig(...arguments), {
baseCls: "bi-multilayer-single-level-tree", baseCls: "bi-multilayer-single-level-tree",
isDefaultInit: false, isDefaultInit: false,
items: [], items: [],
itemsCreator: BI.emptyFn, itemsCreator: emptyFn,
keywordGetter: BI.emptyFn, keywordGetter: emptyFn,
chooseType: BI.Selection.Single, chooseType: Selection.Single,
scrollable: true scrollable: true,
}); });
}, }
_init: function () { _init() {
var o = this.options; const o = this.options;
BI.MultiLayerSingleLevelTree.superclass._init.apply(this, arguments); super._init(...arguments);
this.storeValue = o.value; this.storeValue = o.value;
this.initTree(this.options.items); this.initTree(this.options.items);
this.check(); this.check();
}, }
_formatItems: function (nodes, layer, pNode) { _formatItems(nodes, layer, pNode) {
var self = this, o = this.options; const self = this,
var keyword = o.keywordGetter(); o = this.options;
BI.each(nodes, function (i, node) { const keyword = o.keywordGetter();
var extend = { each(nodes, (i, node) => {
const extend = {
isFirstNode: i === 0, isFirstNode: i === 0,
isLastNode: i === nodes.length - 1, isLastNode: i === nodes.length - 1,
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
}; };
node.layer = layer; node.layer = layer;
if (!BI.isKey(node.id)) { if (!isKey(node.id)) {
node.id = BI.UUID(); node.id = UUID();
} }
node.keyword = node.keyword || keyword; node.keyword = node.keyword || keyword;
extend.pNode = pNode; extend.pNode = pNode;
if (node.isParent === true || node.parent === true || BI.isNotEmptyArray(node.children)) { if (node.isParent === true || node.parent === true || isNotEmptyArray(node.children)) {
extend.type = "bi.tree_node"; extend.type = BasicTreeNode.xtype;
extend.selectable = false; extend.selectable = false;
BI.defaults(node, extend); defaults(node, extend);
self._formatItems(node.children, layer + 1, node); self._formatItems(node.children, layer + 1, node);
} else { } else {
extend.type = "bi.tree_item"; extend.type = BasicTreeItem.xtype;
BI.defaults(node, extend); defaults(node, extend);
} }
}); });
return nodes; return nodes;
}, }
_assertId: function (sNodes) { _assertId(sNodes) {
BI.each(sNodes, function (i, node) { each(sNodes, (i, node) => {
node.id = node.id || BI.UUID(); node.id = node.id || UUID();
}); });
}, }
// 构造树结构, initTree(nodes) {
initTree: function (nodes) { const self = this,
var self = this, o = this.options; o = this.options;
var hasNext = false; let hasNext = false;
this.empty(); this.empty();
this._assertId(nodes); this._assertId(nodes);
this.tree = BI.createWidget({ this.tree = createWidget({
type: "bi.custom_tree", type: CustomTree.xtype,
cls: "tree-view display-table", cls: "tree-view display-table",
expander: { expander: {
type: "bi.tree_expander", type: TreeExpander.xtype,
isDefaultInit: o.isDefaultInit, isDefaultInit: o.isDefaultInit,
el: {}, el: {},
popup: { popup: {
type: "bi.custom_tree" type: CustomTree.xtype,
} },
}, },
items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), items: this._formatItems(Tree.transformToTreeFormat(nodes), 0),
value: o.value, value: o.value,
itemsCreator: function (op, callback) { itemsCreator (op, callback) {
(op.times === 1 && !op.node) && BI.nextTick(function () { op.times === 1 &&
!op.node &&
nextTick(() => {
self.loading(); self.loading();
}); });
o.itemsCreator(op, function (ob) { o.itemsCreator(op, ob => {
hasNext = ob.hasNext; hasNext = ob.hasNext;
(op.times === 1 && !op.node) && self._populate(ob.items); op.times === 1 && !op.node && self._populate(ob.items);
callback(self._formatItems(BI.Tree.transformToTreeFormat(ob.items), op.node ? op.node.layer + 1 : 0, op.node)); callback(
self._formatItems(
Tree.transformToTreeFormat(ob.items),
op.node ? op.node.layer + 1 : 0,
op.node
)
);
self.setValue(self.storeValue); self.setValue(self.storeValue);
(op.times === 1 && !op.node) && BI.nextTick(function () { op.times === 1 &&
!op.node &&
nextTick(() => {
self.loaded(); self.loaded();
}); });
}); });
}, },
el: { el: {
type: "bi.loader", type: Loader.xtype,
isDefaultInit: o.itemsCreator !== BI.emptyFn, isDefaultInit: o.itemsCreator !== emptyFn,
el: { el: {
type: "bi.button_tree", type: ButtonTree.xtype,
chooseType: o.chooseType === BI.Selection.None ? BI.Selection.None : BI.Selection.Default, // 不使用buttontree内部getValue逻辑 chooseType: o.chooseType === Selection.None ? Selection.None : Selection.Default, // 不使用buttontree内部getValue逻辑
behaviors: o.behaviors, behaviors: o.behaviors,
layouts: [{ layouts: [
type: "bi.vertical" {
}] type: VerticalLayout.xtype,
}
],
}, },
hasNext: function () { hasNext () {
return hasNext; return hasNext;
} },
} },
}); });
this.tree.on(BI.Controller.EVENT_CHANGE, function (type, v) { this.tree.on(Controller.EVENT_CHANGE, function (type, v) {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(Controller.EVENT_CHANGE, arguments);
if (type === BI.Events.CLICK) { if (type === Events.CLICK) {
self.setValue(v); self.setValue(v);
self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, v); self.fireEvent(MultiLayerSingleLevelTree.EVENT_CHANGE, v);
} }
}); });
BI.createWidget({ createWidget({
type: "bi.adaptive", type: AdaptiveLayout.xtype,
element: this, element: this,
scrollable: o.scrollable, scrollable: o.scrollable,
items: [this.tree] items: [this.tree],
}); });
}, }
_populate: function () { _populate() {
BI.MultiLayerSelectLevelTree.superclass.populate.apply(this, arguments); super.populate(...arguments);
}, }
populate: function (nodes) { populate(nodes) {
this._populate(nodes); this._populate(nodes);
BI.isNull(nodes) ? this.tree.populate() : this.tree.populate(this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0)); isNull(nodes)
}, ? this.tree.populate()
: this.tree.populate(this._formatItems(Tree.transformToTreeFormat(nodes), 0));
}
setValue: function (v) { setValue(v) {
// getValue依赖于storeValue, 那么不选的时候就不要更新storeValue了 // getValue依赖于storeValue, 那么不选的时候就不要更新storeValue了
if (this.options.chooseType === BI.Selection.None) { if (this.options.chooseType !== Selection.None) {
} else {
this.storeValue = v; this.storeValue = v;
this.tree.setValue(v); this.tree.setValue(v);
} }
}, }
getValue: function () { getValue() {
return BI.isArray(this.storeValue) ? return isArray(this.storeValue) ? this.storeValue : isNull(this.storeValue) ? [] : [this.storeValue];
this.storeValue : BI.isNull(this.storeValue) ? }
[] : [this.storeValue];
},
getAllLeaves: function () { getAllLeaves() {
return this.tree.getAllLeaves(); return this.tree.getAllLeaves();
}, }
getNodeById: function (id) { getNodeById(id) {
return this.tree.getNodeById(id); return this.tree.getNodeById(id);
}, }
getNodeByValue: function (id) { getNodeByValue(id) {
return this.tree.getNodeByValue(id); return this.tree.getNodeByValue(id);
} }
}); }
BI.MultiLayerSingleLevelTree.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.multilayer_single_level_tree", BI.MultiLayerSingleLevelTree);

79
src/widget/multilayersingletree/multilayersingletree.popup.js

@ -1,76 +1,73 @@
/** import { shortcut, Widget, extend, i18nText, emptyFn, createWidget, Controller, VerticalLayout, isArray, pixFormat } from "@/core";
* Created by GUY on 2016/1/26. import { MultiLayerSingleLevelTree } from "./multilayersingletree.leveltree";
*
* @class BI.MultiLayerSingleTreePopup
* @extends BI.Pane
*/
BI.MultiLayerSingleTreePopup = BI.inherit(BI.Widget, { @shortcut()
export class MultiLayerSingleTreePopup extends Widget {
static xtype = "bi.multilayer_single_tree_popup";
_defaultConfig: function () { static EVENT_CHANGE = "EVENT_CHANGE";
return BI.extend(BI.MultiLayerSingleTreePopup.superclass._defaultConfig.apply(this, arguments), {
_defaultConfig() {
return extend(super._defaultConfig(...arguments), {
baseCls: "bi-multilayer-singletree-popup", baseCls: "bi-multilayer-singletree-popup",
tipText: BI.i18nText("BI-No_Selected_Item"), tipText: i18nText("BI-No_Selected_Item"),
isDefaultInit: false, isDefaultInit: false,
itemsCreator: BI.emptyFn, itemsCreator: emptyFn,
items: [], items: [],
onLoaded: BI.emptyFn, onLoaded: emptyFn,
minHeight: 240 minHeight: 240,
}); });
}, }
_init: function () { _init() {
BI.MultiLayerSingleTreePopup.superclass._init.apply(this, arguments); super._init(...arguments);
var self = this, o = this.options; const o = this.options;
this.tree = BI.createWidget({ this.tree = createWidget({
type: "bi.multilayer_single_level_tree", type: MultiLayerSingleLevelTree.xtype,
isDefaultInit: o.isDefaultInit, isDefaultInit: o.isDefaultInit,
items: o.items, items: o.items,
itemsCreator: o.itemsCreator, itemsCreator: o.itemsCreator,
keywordGetter: o.keywordGetter, keywordGetter: o.keywordGetter,
value: o.value, value: o.value,
scrollable: null, scrollable: null,
onLoaded: function () { onLoaded: () => {
self.tree.check(); this.tree.check();
o.onLoaded(); o.onLoaded();
} },
}); });
BI.createWidget({ createWidget({
type: "bi.vertical", type: VerticalLayout.xtype,
scrolly: false, scrolly: false,
scrollable: true, scrollable: true,
element: this, element: this,
vgap: 5, vgap: 5,
items: [this.tree] items: [this.tree],
}); });
this.tree.on(BI.Controller.EVENT_CHANGE, function () { this.tree.on(Controller.EVENT_CHANGE, (...args) => {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); this.fireEvent(Controller.EVENT_CHANGE, ...args);
}); });
this.tree.on(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, function () { this.tree.on(MultiLayerSingleLevelTree.EVENT_CHANGE, () => {
self.fireEvent(BI.MultiLayerSingleTreePopup.EVENT_CHANGE); this.fireEvent(MultiLayerSingleTreePopup.EVENT_CHANGE);
}); });
this.tree.css("min-height", BI.pixFormat(o.minHeight - 10)); this.tree.css("min-height", pixFormat(o.minHeight - 10));
}, }
getValue: function () { getValue() {
return this.tree.getValue(); return this.tree.getValue();
}, }
setValue: function (v) { setValue(v) {
v = BI.isArray(v) ? v : [v]; v = isArray(v) ? v : [v];
this.tree.setValue(v); this.tree.setValue(v);
}, }
populate: function (items) { populate(items) {
this.tree.populate(items); this.tree.populate(items);
} }
}); }
BI.MultiLayerSingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.multilayer_single_tree_popup", BI.MultiLayerSingleTreePopup);

297
src/widget/multilayersingletree/multilayersingletree.trigger.js

@ -1,237 +1,282 @@
/** import {
* Created by Windy on 2018/2/2. shortcut,
*/ emptyFn,
BI.MultiLayerSingleTreeTrigger = BI.inherit(BI.Trigger, { i18nText,
bind,
isNotNull,
isKey,
HorizontalFillLayout,
Tree,
deepClone,
Func,
concat,
isNotEmptyArray,
each,
uniqBy,
map,
isFunction,
find
} from "@/core";
import { Trigger, Searcher } from "@/base";
import { StateEditor, DefaultTextEditor } from "@/case";
import { MultiLayerSingleTreeInsertSearchPane } from "./multilayersingletree.insert.search.pane";
import { MultiLayerSingleTreePopup } from "./multilayersingletree.popup";
props: function () { @shortcut()
export class MultiLayerSingleTreeTrigger extends Trigger {
static xtype = "bi.multilayer_single_tree_trigger";
static EVENT_FOCUS = "EVENT_FOCUS";
static EVENT_BLUR = "EVENT_BLUR";
static EVENT_SEARCHING = "EVENT_SEARCHING";
static EVENT_STOP = "EVENT_STOP";
static EVENT_START = "EVENT_START";
static EVENT_CHANGE = "EVENT_CHANGE";
static EVENT_ADD_ITEM = "EVENT_ADD_ITEM";
props() {
return { return {
extraCls: "bi-multi-layer-single-tree-trigger", extraCls: "bi-multi-layer-single-tree-trigger",
height: 24, height: 24,
itemsCreator: BI.emptyFn, itemsCreator: emptyFn,
watermark: BI.i18nText("BI-Basic_Search"), watermark: i18nText("BI-Basic_Search"),
allowSearchValue: false, allowSearchValue: false,
title: BI.bind(this._getShowText, this) title: bind(this._getShowText, this),
}; };
}, }
render: function () { render() {
var self = this, o = this.options; const self = this,
if (o.itemsCreator === BI.emptyFn) { o = this.options;
if (o.itemsCreator === emptyFn) {
this._initData(); this._initData();
} }
return { return {
type: "bi.horizontal_fill", type: HorizontalFillLayout.xtype,
items: [ items: [
{ {
el: { el: {
type: "bi.searcher", type: Searcher.xtype,
ref: function () { ref () {
self.searcher = this; self.searcher = this;
}, },
masker: BI.isNotNull(o.container) ? { masker: isNotNull(o.container)
? {
offset: {},
container: o.container,
}
: {
offset: {}, offset: {},
container: o.container
} : {
offset: {}
}, },
isAutoSearch: false, isAutoSearch: false,
el: { el: {
type: "bi.default_text_editor", type: DefaultTextEditor.xtype,
ref: function () { ref () {
self.editor = this; self.editor = this;
}, },
defaultText: o.defaultText, defaultText: o.defaultText,
text: BI.isKey(o.value) ? this._digest(o.value) : o.text, text: isKey(o.value) ? this._digest(o.value) : o.text,
value: o.value, value: o.value,
height: o.height, height: o.height,
tipText: "", tipText: "",
watermark: o.watermark, watermark: o.watermark,
listeners: [{ listeners: [
eventName: BI.StateEditor.EVENT_FOCUS, {
action: function () { eventName: StateEditor.EVENT_FOCUS,
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_FOCUS); action () {
} self.fireEvent(MultiLayerSingleTreeTrigger.EVENT_FOCUS);
}, { },
eventName: BI.StateEditor.EVENT_BLUR, },
action: function () { {
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_BLUR); eventName: StateEditor.EVENT_BLUR,
} action () {
}, { self.fireEvent(MultiLayerSingleTreeTrigger.EVENT_BLUR);
eventName: BI.StateEditor.EVENT_CHANGE, },
action: function () { },
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_SEARCHING); {
eventName: StateEditor.EVENT_CHANGE,
action () {
self.fireEvent(MultiLayerSingleTreeTrigger.EVENT_SEARCHING);
},
} }
}] ],
}, },
popup: { popup: {
type: o.allowInsertValue ? "bi.multilayer_single_tree_insert_search_pane" : "bi.multilayer_single_tree_popup", type: o.allowInsertValue
itemsCreator: o.itemsCreator === BI.emptyFn ? BI.emptyFn : function (op, callback) { ? MultiLayerSingleTreeInsertSearchPane.xtype
: MultiLayerSingleTreePopup.xtype,
itemsCreator:
o.itemsCreator === emptyFn
? emptyFn
: function (op, callback) {
op.keyword = self.editor.getValue(); op.keyword = self.editor.getValue();
o.itemsCreator(op, callback); o.itemsCreator(op, callback);
}, },
keywordGetter: function () { keywordGetter () {
return self.editor.getValue(); return self.editor.getValue();
}, },
cls: "bi-card", cls: "bi-card",
listeners: [{ listeners: [
eventName: BI.MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, {
action: function () { eventName: MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM,
action () {
self.options.text = self.getSearcher().getKeyword(); self.options.text = self.getSearcher().getKeyword();
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM); self.fireEvent(MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM);
},
} }
}], ],
ref: function (_ref) { ref (_ref) {
self.popup = _ref; self.popup = _ref;
}
}, },
onSearch: function (obj, callback) { },
var keyword = obj.keyword; onSearch (obj, callback) {
if (o.itemsCreator === BI.emptyFn) { const keyword = obj.keyword;
if (o.itemsCreator === emptyFn) {
callback(self._getSearchItems(keyword)); callback(self._getSearchItems(keyword));
o.allowInsertValue && self.popup.setKeyword(keyword); o.allowInsertValue && self.popup.setKeyword(keyword);
} else { } else {
callback(); callback();
} }
}, },
listeners: [{ listeners: [
eventName: BI.Searcher.EVENT_CHANGE, {
action: function () { eventName: Searcher.EVENT_CHANGE,
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_CHANGE); action () {
self.fireEvent(MultiLayerSingleTreeTrigger.EVENT_CHANGE);
},
} }
}] ],
}, },
width: "fill", width: "fill",
rgap: 24, rgap: 24,
}, }
] ],
}; };
}, }
_initData: function () { _initData() {
var o = this.options; const o = this.options;
this.tree = new BI.Tree(); this.tree = new Tree();
this.nodes = BI.Tree.treeFormat(BI.deepClone(o.items)); this.nodes = Tree.treeFormat(deepClone(o.items));
this.tree.initTree(this.nodes); this.tree.initTree(this.nodes);
}, }
_getSearchItems: function (keyword) { _getSearchItems(keyword) {
var self = this, o = this.options; const self = this,
o = this.options;
// 把数组搜索换成用BI.tree搜索节点, 搜到了就不再往下搜索 // 把数组搜索换成用BI.tree搜索节点, 搜到了就不再往下搜索
var items = []; const items = [];
this.tree.traverse(function (node) { this.tree.traverse(node => {
var find = BI.Func.getSearchResult(self.tree.isRoot(node) ? [] : BI.concat([node.text], (o.allowSearchValue ? [node.value] : [])), keyword); const find = Func.getSearchResult(
self.tree.isRoot(node) ? [] : concat([node.text], o.allowSearchValue ? [node.value] : []),
keyword
);
if (find.find.length > 0 || find.match.length > 0) { if (find.find.length > 0 || find.match.length > 0) {
items.push(node); items.push(node);
return true; return true;
} }
}); });
return this._fillTreeStructure4Search(items, "id"); return this._fillTreeStructure4Search(items, "id");
}, }
_createJson: function (node, open) { _createJson(node, open) {
return { return {
id: node.id, id: node.id,
pId: node.pId, pId: node.pId,
text: node.text, text: node.text,
value: node.value, value: node.value,
isParent: BI.isNotEmptyArray(node.children), isParent: isNotEmptyArray(node.children),
open: open open,
}; };
}, }
_getChildren: function (node) { _getChildren(node) {
var self = this; const self = this;
node.children = node.children || []; node.children = node.children || [];
var nodes = []; let nodes = [];
BI.each(node.children, function (idx, child) { each(node.children, (idx, child) => {
var children = self._getChildren(child); const children = self._getChildren(child);
nodes = nodes.concat(children); nodes = nodes.concat(children);
}); });
return node.children.concat(nodes); return node.children.concat(nodes);
}, }
// 将搜索到的节点进行补充,构造成一棵完整的树 _fillTreeStructure4Search(leaves) {
_fillTreeStructure4Search: function (leaves) { const self = this;
var self = this; let result = [];
var result = []; const queue = [];
var queue = []; each(leaves, (idx, node) => {
BI.each(leaves, function (idx, node) {
queue.push({ pId: node.pId }); queue.push({ pId: node.pId });
result.push(node); result.push(node);
result = result.concat(self._getChildren(node)); result = result.concat(self._getChildren(node));
}); });
queue.reverse(); queue.reverse();
while (BI.isNotEmptyArray(queue)) { while (isNotEmptyArray(queue)) {
var node = queue.pop(); const node = queue.pop();
var pNode = this.tree.search(this.tree.getRoot(), node.pId, "id"); const pNode = this.tree.search(this.tree.getRoot(), node.pId, "id");
if (pNode != null) { if (pNode != null) {
pNode.open = true; pNode.open = true;
queue.push({ pId: pNode.pId }); queue.push({ pId: pNode.pId });
result.push(pNode); result.push(pNode);
} }
} }
return BI.uniqBy(BI.map(result, function (idx, node) {
return self._createJson(node, node.open);
}), "id");
},
_digest: function (v) { return uniqBy(
var o = this.options; map(result, (idx, node) => self._createJson(node, node.open)),
"id"
);
}
_digest(v) {
const o = this.options;
if (BI.isFunction(o.valueFormatter)) { if (isFunction(o.valueFormatter)) {
return o.valueFormatter(v); return o.valueFormatter(v);
} }
var result = BI.find(o.items, function (i, item) { const result = find(o.items, (i, item) => item.value === v);
return item.value === v;
});
return BI.isNotNull(result) ? result.text : (o.text ?? v); return isNotNull(result) ? result.text : o.text ?? v;
}, }
_getShowText: function () { _getShowText() {
return this.editor.getText(); return this.editor.getText();
}, }
stopEditing: function () { stopEditing() {
this.searcher.stopSearch(); this.searcher.stopSearch();
}, }
getSearcher: function () { getSearcher() {
return this.searcher; return this.searcher;
}, }
populate: function (items) { populate(items) {
this.options.items = items; this.options.items = items;
this._initData(); this._initData();
}, }
setValue: function (v) { setValue(v) {
this.editor.setState(this._digest(v[0])); this.editor.setState(this._digest(v[0]));
}, }
getValue: function () { getValue() {
return this.searcher.getValue(); return this.searcher.getValue();
}, }
focus: function () { focus() {
this.searcher.focus(); this.searcher.focus();
}, }
blur: function () { blur() {
this.searcher.blur(); this.searcher.blur();
}, }
setWaterMark: function (v) { setWaterMark(v) {
this.searcher.setWaterMark(v); this.searcher.setWaterMark(v);
} }
}); }
BI.MultiLayerSingleTreeTrigger.EVENT_FOCUS = "EVENT_FOCUS";
BI.MultiLayerSingleTreeTrigger.EVENT_BLUR = "EVENT_BLUR";
BI.MultiLayerSingleTreeTrigger.EVENT_SEARCHING = "EVENT_SEARCHING";
BI.MultiLayerSingleTreeTrigger.EVENT_STOP = "EVENT_STOP";
BI.MultiLayerSingleTreeTrigger.EVENT_START = "EVENT_START";
BI.MultiLayerSingleTreeTrigger.EVENT_CHANGE = "EVENT_CHANGE";
BI.MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM = "EVENT_ADD_ITEM";
BI.shortcut("bi.multilayer_single_tree_trigger", BI.MultiLayerSingleTreeTrigger);

4
src/widget/multilayersingletree/node/index.js

@ -0,0 +1,4 @@
export { MultiLayerSingleTreeFirstPlusGroupNode } from "./node.first.plus";
export { MultiLayerSingleTreeLastPlusGroupNode } from "./node.last.plus";
export { MultiLayerSingleTreeMidPlusGroupNode } from "./node.mid.plus";
export { MultiLayerSingleTreePlusGroupNode } from "./node.plus";

113
src/widget/multilayersingletree/node/node.first.plus.js

@ -1,69 +1,80 @@
/** import {
* 加号表示的组节点 shortcut,
* extend,
* Created by GUY on 2016/1/27. createWidget,
* @class BI.MultiLayerSingleTreeFirstPlusGroupNode makeArray,
* @extends BI.NodeButton HorizontalAdaptLayout,
*/ isNotNull,
BI.MultiLayerSingleTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { Controller,
_defaultConfig: function () { Events
var conf = BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); } from "@/core";
return BI.extend(conf, { import { NodeButton } from "@/base";
import { FirstPlusGroupNode } from "@/case";
@shortcut()
export class MultiLayerSingleTreeFirstPlusGroupNode extends NodeButton {
static xtype = "bi.multilayer_single_tree_first_plus_group_node";
_defaultConfig() {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
extraCls: "bi-multilayer-single-tree-first-plus-group-node bi-list-item", extraCls: "bi-multilayer-single-tree-first-plus-group-node bi-list-item",
layer: 0, // 第几层级 layer: 0, // 第几层级
id: "", id: "",
pId: "", pId: "",
open: false, open: false,
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
const o = this.options;
this.node = this._createNode(); this.node = this._createNode();
var items = []; const items = [];
items.push({ items.push({
el: this.node, el: this.node,
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 lgap: (o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT) / 2,
}); });
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), columnSize: makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2),
items: items items,
}); });
}, }
doRedMark: function () { doRedMark() {
this.node.doRedMark.apply(this.node, arguments); this.node.doRedMark(...arguments);
}, }
unRedMark: function () { unRedMark() {
this.node.unRedMark.apply(this.node, arguments); this.node.unRedMark(...arguments);
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.node.setSelected(this.isSelected()); this.node.setSelected(this.isSelected());
}, }
setOpened: function (v) { setOpened(v) {
BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); super.setOpened(...arguments);
if (BI.isNotNull(this.node)) { if (isNotNull(this.node)) {
this.node.setOpened(v); this.node.setOpened(v);
} }
}, }
_createNode: function () { _createNode() {
var self = this, o = this.options; const o = this.options;
return BI.createWidget({ return createWidget({
type: "bi.first_plus_group_node", type: FirstPlusGroupNode.xtype,
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -75,17 +86,19 @@ BI.MultiLayerSingleTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, {
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword, keyword: o.keyword,
listeners: [{ listeners: [
eventName: BI.Controller.EVENT_CHANGE, {
action: function (type) { eventName: Controller.EVENT_CHANGE,
if (type === BI.Events.CLICK) {// 本身实现click功能 action: (...args) => {
const [type] = args;
if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); this.fireEvent(Controller.EVENT_CHANGE, ...args);
},
} }
}] ],
}); });
} }
}); }
BI.shortcut("bi.multilayer_single_tree_first_plus_group_node", BI.MultiLayerSingleTreeFirstPlusGroupNode);

113
src/widget/multilayersingletree/node/node.last.plus.js

@ -1,69 +1,80 @@
/** import {
* 加号表示的组节点 shortcut,
* extend,
* Created by GUY on 2016/1/27. createWidget,
* @class BI.MultiLayerSingleTreeLastPlusGroupNode makeArray,
* @extends BI.NodeButton HorizontalAdaptLayout,
*/ isNotNull,
BI.MultiLayerSingleTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { Controller,
_defaultConfig: function () { Events
var conf = BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); } from "@/core";
return BI.extend(conf, { import { NodeButton } from "@/base";
import { LastPlusGroupNode } from "@/case";
@shortcut()
export class MultiLayerSingleTreeLastPlusGroupNode extends NodeButton {
static xtype = "bi.multilayer_single_tree_last_plus_group_node";
_defaultConfig() {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
extraCls: "bi-multilayer-single-tree-last-plus-group-node bi-list-item", extraCls: "bi-multilayer-single-tree-last-plus-group-node bi-list-item",
layer: 0, // 第几层级 layer: 0, // 第几层级
id: "", id: "",
pId: "", pId: "",
open: false, open: false,
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
const o = this.options;
this.node = this._createNode(); this.node = this._createNode();
var items = []; const items = [];
items.push({ items.push({
el: this.node, el: this.node,
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 lgap: (o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT) / 2,
}); });
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), columnSize: makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2),
items: items items,
}); });
}, }
doRedMark: function () { doRedMark() {
this.node.doRedMark.apply(this.node, arguments); this.node.doRedMark(...arguments);
}, }
unRedMark: function () { unRedMark() {
this.node.unRedMark.apply(this.node, arguments); this.node.unRedMark(...arguments);
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.node.setSelected(this.isSelected()); this.node.setSelected(this.isSelected());
}, }
setOpened: function (v) { setOpened(v) {
BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); super.setOpened(...arguments);
if (BI.isNotNull(this.node)) { if (isNotNull(this.node)) {
this.node.setOpened(v); this.node.setOpened(v);
} }
}, }
_createNode: function () { _createNode() {
var self = this, o = this.options; const o = this.options;
return BI.createWidget({ return createWidget({
type: "bi.last_plus_group_node", type: LastPlusGroupNode.xtype,
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -74,17 +85,19 @@ BI.MultiLayerSingleTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, {
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword, keyword: o.keyword,
listeners: [{ listeners: [
eventName: BI.Controller.EVENT_CHANGE, {
action: function (type) { eventName: Controller.EVENT_CHANGE,
if (type === BI.Events.CLICK) {// 本身实现click功能 action: (...args) => {
const [type] = args;
if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); this.fireEvent(Controller.EVENT_CHANGE, ...args);
},
} }
}] ],
}); });
} }
}); }
BI.shortcut("bi.multilayer_single_tree_last_plus_group_node", BI.MultiLayerSingleTreeLastPlusGroupNode);

113
src/widget/multilayersingletree/node/node.mid.plus.js

@ -1,69 +1,80 @@
/** import {
* 加号表示的组节点 shortcut,
* extend,
* Created by GUY on 2016/1/27. createWidget,
* @class BI.MultiLayerSingleTreeMidPlusGroupNode makeArray,
* @extends BI.NodeButton HorizontalAdaptLayout,
*/ isNotNull,
BI.MultiLayerSingleTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { Controller,
_defaultConfig: function () { Events
var conf = BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); } from "@/core";
return BI.extend(conf, { import { NodeButton } from "@/base";
import { MidPlusGroupNode } from "@/case";
@shortcut()
export class MultiLayerSingleTreeMidPlusGroupNode extends NodeButton {
static xtype = "bi.multilayer_single_tree_mid_plus_group_node";
_defaultConfig() {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
extraCls: "bi-multilayer-single-tree-mid-plus-group-node bi-list-item", extraCls: "bi-multilayer-single-tree-mid-plus-group-node bi-list-item",
layer: 0, // 第几层级 layer: 0, // 第几层级
id: "", id: "",
pId: "", pId: "",
open: false, open: false,
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
const o = this.options;
this.node = this._createNode(); this.node = this._createNode();
var items = []; const items = [];
items.push({ items.push({
el: this.node, el: this.node,
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 lgap: (o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT) / 2,
}); });
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, 12), columnSize: makeArray(o.layer, 12),
items: items items,
}); });
}, }
doRedMark: function () { doRedMark() {
this.node.doRedMark.apply(this.node, arguments); this.node.doRedMark(...arguments);
}, }
unRedMark: function () { unRedMark() {
this.node.unRedMark.apply(this.node, arguments); this.node.unRedMark(...arguments);
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.node.setSelected(this.isSelected()); this.node.setSelected(this.isSelected());
}, }
setOpened: function (v) { setOpened(v) {
BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); super.setOpened(...arguments);
if (BI.isNotNull(this.node)) { if (isNotNull(this.node)) {
this.node.setOpened(v); this.node.setOpened(v);
} }
}, }
_createNode: function () { _createNode() {
var self = this, o = this.options; const o = this.options;
return BI.createWidget({ return createWidget({
type: "bi.mid_plus_group_node", type: MidPlusGroupNode.xtype,
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -74,17 +85,19 @@ BI.MultiLayerSingleTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, {
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword, keyword: o.keyword,
listeners: [{ listeners: [
eventName: BI.Controller.EVENT_CHANGE, {
action: function (type) { eventName: Controller.EVENT_CHANGE,
if (type === BI.Events.CLICK) {// 本身实现click功能 action: (...args) => {
const [type] = args;
if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); this.fireEvent(Controller.EVENT_CHANGE, ...args);
},
} }
}] ],
}); });
} }
}); }
BI.shortcut("bi.multilayer_single_tree_mid_plus_group_node", BI.MultiLayerSingleTreeMidPlusGroupNode);

126
src/widget/multilayersingletree/node/node.plus.js

@ -1,80 +1,96 @@
/** import {
*@desc 根节点,既是第一个又是最后一个 shortcut,
*@author dailer extend,
*@date 2018/09/16 count,
*/ contains,
BI.MultiLayerSingleTreePlusGroupNode = BI.inherit(BI.NodeButton, { createWidget,
_defaultConfig: function () { makeArray,
var conf = BI.MultiLayerSingleTreePlusGroupNode.superclass._defaultConfig.apply(this, arguments); Layout,
return BI.extend(conf, { HorizontalAdaptLayout,
isNotNull,
Controller,
Events
} from "@/core";
import { NodeButton } from "@/base";
import { PlusGroupNode } from "@/case";
@shortcut()
export class MultiLayerSingleTreePlusGroupNode extends NodeButton {
static xtype = "bi.multilayer_single_tree_plus_group_node";
_defaultConfig() {
const conf = super._defaultConfig(...arguments);
return extend(conf, {
extraCls: "bi-multilayer-single-tree-plus-group-node bi-list-item", extraCls: "bi-multilayer-single-tree-plus-group-node bi-list-item",
layer: 0, // 第几层级 layer: 0, // 第几层级
id: "", id: "",
pId: "", pId: "",
open: false, open: false,
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreePlusGroupNode.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
const o = this.options;
this.node = this._createNode(); this.node = this._createNode();
var needBlankLayers = []; const needBlankLayers = [];
var pNode = o.pNode; let pNode = o.pNode;
while (pNode) { while (pNode) {
if (pNode.isLastNode) { if (pNode.isLastNode) {
needBlankLayers.push(pNode.layer) needBlankLayers.push(pNode.layer);
} }
pNode = pNode.pNode; pNode = pNode.pNode;
} }
var items = []; const items = [];
BI.count(0, o.layer, function (index) { count(0, o.layer, index => {
items.push({ items.push({
type: "bi.layout", type: Layout.xtype,
cls: BI.contains(needBlankLayers, index) ? "" : "base-line-conn-background", cls: contains(needBlankLayers, index) ? "" : "base-line-conn-background",
width: 12, width: 12,
height: o.height height: o.height,
}); });
}); });
items.push(this.node); items.push(this.node);
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, 12), columnSize: makeArray(o.layer, 12),
items: items items,
}); });
}, }
doRedMark: function () { doRedMark() {
this.node.doRedMark.apply(this.node, arguments); this.node.doRedMark(...arguments);
}, }
unRedMark: function () { unRedMark() {
this.node.unRedMark.apply(this.node, arguments); this.node.unRedMark(...arguments);
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreePlusGroupNode.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.node.setSelected(this.isSelected()); this.node.setSelected(this.isSelected());
}, }
setOpened: function (v) { setOpened(v) {
BI.MultiLayerSingleTreePlusGroupNode.superclass.setOpened.apply(this, arguments); super.setOpened(...arguments);
if (BI.isNotNull(this.node)) { if (isNotNull(this.node)) {
this.node.setOpened(v); this.node.setOpened(v);
} }
}, }
_createNode: function () { _createNode() {
var self = this, o = this.options; const o = this.options;
return BI.createWidget({ return createWidget({
type: "bi.plus_group_node", type: PlusGroupNode.xtype,
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -86,17 +102,19 @@ BI.MultiLayerSingleTreePlusGroupNode = BI.inherit(BI.NodeButton, {
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword, keyword: o.keyword,
listeners: [{ listeners: [
eventName: BI.Controller.EVENT_CHANGE, {
action: function (type) { eventName: Controller.EVENT_CHANGE,
if (type === BI.Events.CLICK) {// 本身实现click功能 action: (...args) => {
const [type] = args;
if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); this.fireEvent(Controller.EVENT_CHANGE, ...args);
},
} }
}] ],
}); });
} }
}); }
BI.shortcut("bi.multilayer_single_tree_plus_group_node", BI.MultiLayerSingleTreePlusGroupNode);

3
src/widget/multilayersingletree/treeitem/index.js

@ -0,0 +1,3 @@
export { MultiLayerSingleTreeFirstTreeLeafItem } from "./item.first.treeleaf";
export { MultiLayerSingleTreeLastTreeLeafItem } from "./item.last.treeleaf";
export { MultiLayerSingleTreeMidTreeLeafItem } from "./item.mid.treeleaf";

93
src/widget/multilayersingletree/treeitem/item.first.treeleaf.js

@ -1,30 +1,32 @@
/** import { shortcut, extend, createWidget, Controller, Events, makeArray, HorizontalAdaptLayout } from "@/core";
* import { BasicButton } from "@/base";
* Created by GUY on 2016/1/27.
* @class BI.MultiLayerSingleTreeFirstTreeLeafItem @shortcut()
* @extends BI.BasicButton export class MultiLayerSingleTreeFirstTreeLeafItem extends BasicButton {
*/ static xtype = "bi.multilayer_single_tree_first_tree_leaf_item";
BI.MultiLayerSingleTreeFirstTreeLeafItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig() {
return BI.extend(BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { return extend(super._defaultConfig(...arguments), {
extraCls: "bi-multilayer-single-tree-first-tree-leaf-item bi-list-item-active", extraCls: "bi-multilayer-single-tree-first-tree-leaf-item bi-list-item-active",
logic: { logic: {
dynamic: false dynamic: false,
}, },
layer: 0, layer: 0,
id: "", id: "",
pId: "", pId: "",
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
this.item = BI.createWidget({ const self = this,
o = this.options;
this.item = createWidget({
type: "bi.first_tree_leaf_item", type: "bi.first_tree_leaf_item",
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -33,54 +35,53 @@ BI.MultiLayerSingleTreeFirstTreeLeafItem = BI.inherit(BI.BasicButton, {
text: o.text, text: o.text,
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword keyword: o.keyword,
}); });
this.item.on(BI.Controller.EVENT_CHANGE, function (type) { this.item.on(Controller.EVENT_CHANGE, function (type) {
if (type === BI.Events.CLICK) {// 本身实现click功能 if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(Controller.EVENT_CHANGE, arguments);
}); });
var items = []; const items = [];
items.push({ items.push({
el: this.item, el: this.item,
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 lgap: (o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT) / 2,
}); });
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), columnSize: makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2),
items: items items,
}); });
}, }
doHighLight: function () { doHighLight() {
this.item.doHighLight.apply(this.item, arguments); this.item.doHighLight(...arguments);
}, }
unHighLight: function () { unHighLight() {
this.item.unHighLight.apply(this.item, arguments); this.item.unHighLight(...arguments);
}, }
getId: function () { getId() {
return this.options.id; return this.options.id;
}, }
getPId: function () { getPId() {
return this.options.pId; return this.options.pId;
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.item.setSelected(this.isSelected()); this.item.setSelected(this.isSelected());
}, }
setSelected: function (v) { setSelected(v) {
BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.setSelected.apply(this, arguments); super.setSelected(...arguments);
this.item.setSelected(v); this.item.setSelected(v);
} }
}); }
BI.shortcut("bi.multilayer_single_tree_first_tree_leaf_item", BI.MultiLayerSingleTreeFirstTreeLeafItem);

93
src/widget/multilayersingletree/treeitem/item.last.treeleaf.js

@ -1,30 +1,32 @@
/** import { shortcut, extend, createWidget, Controller, Events, makeArray, HorizontalAdaptLayout } from "@/core";
* import { BasicButton } from "@/base";
* Created by GUY on 2016/1/27.
* @class BI.MultiLayerSingleTreeLastTreeLeafItem @shortcut()
* @extends BI.BasicButton export class MultiLayerSingleTreeLastTreeLeafItem extends BasicButton {
*/ static xtype = "bi.multilayer_single_tree_last_tree_leaf_item";
BI.MultiLayerSingleTreeLastTreeLeafItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig() {
return BI.extend(BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { return extend(super._defaultConfig(...arguments), {
extraCls: "bi-multilayer-single-tree-last-tree-leaf-item bi-list-item-active", extraCls: "bi-multilayer-single-tree-last-tree-leaf-item bi-list-item-active",
logic: { logic: {
dynamic: false dynamic: false,
}, },
layer: 0, layer: 0,
id: "", id: "",
pId: "", pId: "",
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
this.item = BI.createWidget({ const self = this,
o = this.options;
this.item = createWidget({
type: "bi.last_tree_leaf_item", type: "bi.last_tree_leaf_item",
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -33,54 +35,53 @@ BI.MultiLayerSingleTreeLastTreeLeafItem = BI.inherit(BI.BasicButton, {
text: o.text, text: o.text,
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword keyword: o.keyword,
}); });
this.item.on(BI.Controller.EVENT_CHANGE, function (type) { this.item.on(Controller.EVENT_CHANGE, function (type) {
if (type === BI.Events.CLICK) {// 本身实现click功能 if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(Controller.EVENT_CHANGE, arguments);
}); });
var items = []; const items = [];
items.push({ items.push({
el: this.item, el: this.item,
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 lgap: (o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT) / 2,
}); });
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), columnSize: makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2),
items: items items,
}); });
}, }
doHighLight: function () { doHighLight() {
this.item.doHighLight.apply(this.item, arguments); this.item.doHighLight(...arguments);
}, }
unHighLight: function () { unHighLight() {
this.item.unHighLight.apply(this.item, arguments); this.item.unHighLight(...arguments);
}, }
getId: function () { getId() {
return this.options.id; return this.options.id;
}, }
getPId: function () { getPId() {
return this.options.pId; return this.options.pId;
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.item.setSelected(this.isSelected()); this.item.setSelected(this.isSelected());
}, }
setSelected: function (v) { setSelected(v) {
BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.setSelected.apply(this, arguments); super.setSelected(...arguments);
this.item.setSelected(v); this.item.setSelected(v);
} }
}); }
BI.shortcut("bi.multilayer_single_tree_last_tree_leaf_item", BI.MultiLayerSingleTreeLastTreeLeafItem);

93
src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js

@ -1,30 +1,32 @@
/** import { shortcut, extend, createWidget, Controller, Events, makeArray, HorizontalAdaptLayout } from "@/core";
* import { BasicButton } from "@/base";
* Created by GUY on 2016/1/27.
* @class BI.MultiLayerSingleTreeMidTreeLeafItem @shortcut()
* @extends BI.BasicButton export class MultiLayerSingleTreeMidTreeLeafItem extends BasicButton {
*/ static xtype = "bi.multilayer_single_tree_mid_tree_leaf_item";
BI.MultiLayerSingleTreeMidTreeLeafItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig() {
return BI.extend(BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { return extend(super._defaultConfig(...arguments), {
extraCls: "bi-multilayer-single-tree-mid-tree-leaf-item bi-list-item-active", extraCls: "bi-multilayer-single-tree-mid-tree-leaf-item bi-list-item-active",
logic: { logic: {
dynamic: false dynamic: false,
}, },
layer: 0, layer: 0,
id: "", id: "",
pId: "", pId: "",
height: 24 height: 24,
}); });
}, }
_init: function () {
BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._init.apply(this, arguments); _init() {
var self = this, o = this.options; super._init(...arguments);
this.item = BI.createWidget({ const self = this,
o = this.options;
this.item = createWidget({
type: "bi.mid_tree_leaf_item", type: "bi.mid_tree_leaf_item",
cls: "bi-list-item-none", cls: "bi-list-item-none",
logic: { logic: {
dynamic: true dynamic: true,
}, },
id: o.id, id: o.id,
pId: o.pId, pId: o.pId,
@ -33,54 +35,53 @@ BI.MultiLayerSingleTreeMidTreeLeafItem = BI.inherit(BI.BasicButton, {
text: o.text, text: o.text,
value: o.value, value: o.value,
py: o.py, py: o.py,
keyword: o.keyword keyword: o.keyword,
}); });
this.item.on(BI.Controller.EVENT_CHANGE, function (type) { this.item.on(Controller.EVENT_CHANGE, function (type) {
if (type === BI.Events.CLICK) {// 本身实现click功能 if (type === Events.CLICK) {
// 本身实现click功能
return; return;
} }
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(Controller.EVENT_CHANGE, arguments);
}); });
var items = []; const items = [];
items.push({ items.push({
el: this.item, el: this.item,
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 lgap: (o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT) / 2,
}); });
BI.createWidget({ createWidget({
type: "bi.horizontal_adapt", type: HorizontalAdaptLayout.xtype,
element: this, element: this,
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), columnSize: makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2),
items: items items,
}); });
}, }
doHighLight: function () { doHighLight() {
this.item.doHighLight.apply(this.item, arguments); this.item.doHighLight(...arguments);
}, }
unHighLight: function () { unHighLight() {
this.item.unHighLight.apply(this.item, arguments); this.item.unHighLight(...arguments);
}, }
getId: function () { getId() {
return this.options.id; return this.options.id;
}, }
getPId: function () { getPId() {
return this.options.pId; return this.options.pId;
}, }
doClick: function () { doClick() {
BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.doClick.apply(this, arguments); super.doClick(...arguments);
this.item.setSelected(this.isSelected()); this.item.setSelected(this.isSelected());
}, }
setSelected: function (v) { setSelected(v) {
BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.setSelected.apply(this, arguments); super.setSelected(...arguments);
this.item.setSelected(v); this.item.setSelected(v);
} }
}); }
BI.shortcut("bi.multilayer_single_tree_mid_tree_leaf_item", BI.MultiLayerSingleTreeMidTreeLeafItem);

Loading…
Cancel
Save