Zhenfei.Li
2 years ago
17 changed files with 1204 additions and 1114 deletions
@ -0,0 +1,9 @@
|
||||
export { SingleSelectCombo } from "./singleselect.combo"; |
||||
export { SingleSelectInsertCombo } from "./singleselect.insert.combo"; |
||||
export { SingleSelectList } from "./singleselect.list"; |
||||
export { SingleSelectLoader } from "./singleselect.loader"; |
||||
export { SingleSelectPopupView } from "./singleselect.popup.view"; |
||||
export { SingleSelectTrigger } from "./singleselect.trigger"; |
||||
export { SingleSelectInsertList } from "./singleselectlist.insert"; |
||||
export * from "./trigger"; |
||||
export * from "./search"; |
||||
@ -0,0 +1,3 @@
|
||||
export { SingleSelectSearchLoader } from "./singleselect.search.loader"; |
||||
export { SingleSelectSearchPane } from "./singleselect.search.pane"; |
||||
export { SingleSelectSearchInsertPane } from "./singleselect.search.pane.insert"; |
||||
@ -1,96 +1,96 @@
|
||||
/** |
||||
* |
||||
* 在搜索框中输入文本弹出的面板 |
||||
* @class BI.SingleSelectSearchInsertPane |
||||
* @extends Widget |
||||
*/ |
||||
import { shortcut, Widget, extend, emptyFn, createWidget, i18nText, Controller, VerticalFillLayout, VerticalLayout } from "@/core"; |
||||
import { Label } from "@/base"; |
||||
import { SingleSelectSearchLoader } from "./singleselect.search.loader"; |
||||
|
||||
BI.SingleSelectSearchInsertPane = BI.inherit(BI.Widget, { |
||||
@shortcut() |
||||
export class SingleSelectSearchInsertPane extends Widget { |
||||
static xtype = "bi.single_select_search_insert_pane"; |
||||
|
||||
constants: { |
||||
height: 25, |
||||
lgap: 10, |
||||
tgap: 5 |
||||
}, |
||||
constants = { height: 25, lgap: 10, tgap: 5 }; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SingleSelectSearchInsertPane.superclass._defaultConfig.apply(this, arguments), { |
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-single-select-search-pane-insert bi-card", |
||||
allowNoSelect: false, |
||||
itemsCreator: BI.emptyFn, |
||||
valueFormatter: BI.emptyFn, |
||||
keywordGetter: BI.emptyFn |
||||
itemsCreator: emptyFn, |
||||
valueFormatter: emptyFn, |
||||
keywordGetter: emptyFn, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.SingleSelectSearchInsertPane.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
_init() { |
||||
super._init(...arguments); |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
this.addNotMatchTip = BI.createWidget({ |
||||
type: "bi.label", |
||||
text: BI.i18nText("BI-Basic_Press_Enter_To_Add_Text", ""), |
||||
this.addNotMatchTip = createWidget({ |
||||
type: Label.xtype, |
||||
text: i18nText("BI-Basic_Press_Enter_To_Add_Text", ""), |
||||
height: this.constants.height, |
||||
cls: "bi-keyword-red-mark", |
||||
hgap: 5, |
||||
}); |
||||
|
||||
this.loader = BI.createWidget({ |
||||
type: "bi.single_select_search_loader", |
||||
this.loader = createWidget({ |
||||
type: SingleSelectSearchLoader.xtype, |
||||
allowNoSelect: o.allowNoSelect, |
||||
keywordGetter: o.keywordGetter, |
||||
valueFormatter: o.valueFormatter, |
||||
itemsCreator: function (op, callback) { |
||||
o.itemsCreator.apply(self, [op, function (res) { |
||||
itemsCreator (op, callback) { |
||||
o.itemsCreator.apply(self, [ |
||||
op, |
||||
function (res) { |
||||
callback(res); |
||||
self.setKeyword(o.keywordGetter()); |
||||
}]); |
||||
} |
||||
]); |
||||
}, |
||||
value: o.value |
||||
value: o.value, |
||||
}); |
||||
this.loader.on(BI.Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
this.loader.on(Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
this.resizer = BI.createWidget({ |
||||
type: "bi.vertical_fill", |
||||
this.resizer = createWidget({ |
||||
type: VerticalFillLayout.xtype, |
||||
rowSize: ["", "fill"], |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
items: [this.addNotMatchTip], |
||||
height: this.constants.height |
||||
}, { |
||||
el: this.loader |
||||
}] |
||||
}); |
||||
height: this.constants.height, |
||||
}, |
||||
{ |
||||
el: this.loader, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
|
||||
setKeyword: function (keyword) { |
||||
this.addNotMatchTip.setText(BI.i18nText("BI-Basic_Press_Enter_To_Add_Text", keyword)); |
||||
}, |
||||
setKeyword(keyword) { |
||||
this.addNotMatchTip.setText(i18nText("BI-Basic_Press_Enter_To_Add_Text", keyword)); |
||||
} |
||||
|
||||
hasMatched: function () { |
||||
hasMatched() { |
||||
return false; |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
this.loader.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.loader.getValue(); |
||||
}, |
||||
} |
||||
|
||||
empty: function () { |
||||
empty() { |
||||
this.loader.empty(); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.loader.populate.apply(this.loader, arguments); |
||||
} |
||||
}); |
||||
|
||||
BI.SingleSelectSearchInsertPane.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
BI.shortcut("bi.single_select_search_insert_pane", BI.SingleSelectSearchInsertPane); |
||||
populate(items) { |
||||
this.loader.populate(...arguments); |
||||
} |
||||
} |
||||
|
||||
@ -1,101 +1,105 @@
|
||||
/** |
||||
* |
||||
* 在搜索框中输入文本弹出的面板 |
||||
* @class BI.SingleSelectSearchPane |
||||
* @extends Widget |
||||
*/ |
||||
import { shortcut, Widget, extend, emptyFn, createWidget, i18nText, Controller, VerticalFillLayout } from "@/core"; |
||||
import { Label } from "@/base"; |
||||
import { SingleSelectSearchLoader } from "./singleselect.search.loader"; |
||||
|
||||
BI.SingleSelectSearchPane = BI.inherit(BI.Widget, { |
||||
@shortcut() |
||||
export class SingleSelectSearchPane extends Widget { |
||||
static xtype = "bi.single_select_search_pane"; |
||||
|
||||
constants: { |
||||
height: 25, |
||||
lgap: 10, |
||||
tgap: 5 |
||||
}, |
||||
constants = { height: 25, lgap: 10, tgap: 5 }; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SingleSelectSearchPane.superclass._defaultConfig.apply(this, arguments), { |
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-single-select-search-pane bi-card", |
||||
allowNoSelect: false, |
||||
itemsCreator: BI.emptyFn, |
||||
valueFormatter: BI.emptyFn, |
||||
keywordGetter: BI.emptyFn |
||||
itemsCreator: emptyFn, |
||||
valueFormatter: emptyFn, |
||||
keywordGetter: emptyFn, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.SingleSelectSearchPane.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
_init() { |
||||
super._init(...arguments); |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
this.tooltipClick = BI.createWidget({ |
||||
type: "bi.label", |
||||
this.tooltipClick = createWidget({ |
||||
type: Label.xtype, |
||||
invisible: true, |
||||
text: BI.i18nText("BI-Click_Blank_To_Select"), |
||||
text: i18nText("BI-Click_Blank_To_Select"), |
||||
cls: "single-select-toolbar", |
||||
height: this.constants.height |
||||
height: this.constants.height, |
||||
}); |
||||
|
||||
this.loader = BI.createWidget({ |
||||
type: "bi.single_select_search_loader", |
||||
this.loader = createWidget({ |
||||
type: SingleSelectSearchLoader.xtype, |
||||
allowNoSelect: o.allowNoSelect, |
||||
keywordGetter: o.keywordGetter, |
||||
valueFormatter: o.valueFormatter, |
||||
itemsCreator: function (op, callback) { |
||||
o.itemsCreator.apply(self, [op, function (res) { |
||||
itemsCreator (op, callback) { |
||||
o.itemsCreator.apply(self, [ |
||||
op, |
||||
function (res) { |
||||
callback(res); |
||||
self.setKeyword(o.keywordGetter()); |
||||
}]); |
||||
} |
||||
]); |
||||
}, |
||||
value: o.value |
||||
value: o.value, |
||||
}); |
||||
this.loader.on(BI.Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
this.loader.on(Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
this.resizer = BI.createWidget({ |
||||
type: "bi.vertical_fill", |
||||
this.resizer = createWidget({ |
||||
type: VerticalFillLayout.xtype, |
||||
rowSize: ["", "fill"], |
||||
element: this, |
||||
items: [{ |
||||
items: [ |
||||
{ |
||||
el: this.tooltipClick, |
||||
}, { |
||||
el: this.loader |
||||
}] |
||||
}, |
||||
{ |
||||
el: this.loader, |
||||
} |
||||
], |
||||
}); |
||||
this.tooltipClick.setVisible(false); |
||||
}, |
||||
} |
||||
|
||||
setKeyword: function (keyword) { |
||||
var btn, o = this.options; |
||||
var isVisible = this.loader.getAllButtons().length > 0 && (btn = this.loader.getAllButtons()[0]) && (keyword === (o.valueFormatter(btn.getValue()) || btn.getValue())); |
||||
setKeyword(keyword) { |
||||
let btn; |
||||
const o = this.options; |
||||
const isVisible = |
||||
this.loader.getAllButtons().length > 0 && |
||||
(btn = this.loader.getAllButtons()[0]) && |
||||
keyword === (o.valueFormatter(btn.getValue()) || btn.getValue()); |
||||
if (isVisible !== this.tooltipClick.isVisible()) { |
||||
this.tooltipClick.setVisible(isVisible); |
||||
this.resizer.attr("items")[0].height = (isVisible ? this.constants.height : 0); |
||||
this.resizer.attr("items")[0].height = isVisible ? this.constants.height : 0; |
||||
this.resizer.resize(); |
||||
} |
||||
}, |
||||
} |
||||
|
||||
hasMatched: function () { |
||||
hasMatched() { |
||||
return this.tooltipClick.isVisible(); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
this.loader.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.loader.getValue(); |
||||
}, |
||||
} |
||||
|
||||
empty: function () { |
||||
empty() { |
||||
this.loader.empty(); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.loader.populate.apply(this.loader, arguments); |
||||
} |
||||
}); |
||||
|
||||
BI.SingleSelectSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
BI.shortcut("bi.single_select_search_pane", BI.SingleSelectSearchPane); |
||||
populate(items) { |
||||
this.loader.populate(...arguments); |
||||
} |
||||
} |
||||
|
||||
@ -1,178 +1,187 @@
|
||||
/** |
||||
* 单选加载数据面板 |
||||
* Created by guy on 15/11/2. |
||||
* @class BI.SingleSelectLoader |
||||
* @extends Widget |
||||
*/ |
||||
BI.SingleSelectLoader = BI.inherit(BI.Widget, { |
||||
|
||||
_constants: { |
||||
itemVgap: 5 |
||||
}, |
||||
import { shortcut, Widget, extend, emptyFn, createWidget, isUndefined, map, isKey, Controller, VerticalLayout, delay } from "@/core"; |
||||
import { ButtonGroup, Loader } from "@/base"; |
||||
import { SingleSelectList } from "./singleselect.list"; |
||||
import { SingleSelectItem, SingleSelectRadioItem } from "@/case"; |
||||
|
||||
@shortcut() |
||||
export class SingleSelectLoader extends Widget { |
||||
static xtype = "bi.single_select_loader"; |
||||
|
||||
_constants = { itemVgap: 5 }; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SingleSelectLoader.superclass._defaultConfig.apply(this, arguments), { |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-single-select-loader", |
||||
logic: { |
||||
dynamic: true |
||||
dynamic: true, |
||||
}, |
||||
el: { |
||||
height: 400 |
||||
height: 400, |
||||
}, |
||||
allowNoSelect: false, |
||||
valueFormatter: BI.emptyFn, |
||||
itemsCreator: BI.emptyFn, |
||||
itemWrapper: BI.emptyFn, |
||||
onLoaded: BI.emptyFn |
||||
valueFormatter: emptyFn, |
||||
itemsCreator: emptyFn, |
||||
itemWrapper: emptyFn, |
||||
onLoaded: emptyFn, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.SingleSelectLoader.superclass._init.apply(this, arguments); |
||||
_init() { |
||||
super._init(...arguments); |
||||
|
||||
var self = this, opts = this.options; |
||||
var hasNext = false; |
||||
const self = this, |
||||
opts = this.options; |
||||
let hasNext = false; |
||||
this.storeValue = opts.value; |
||||
this.button_group = BI.createWidget({ |
||||
type: "bi.single_select_list", |
||||
this.button_group = createWidget({ |
||||
type: SingleSelectList.xtype, |
||||
allowNoSelect: opts.allowNoSelect, |
||||
logic: opts.logic, |
||||
el: BI.extend({ |
||||
el: extend( |
||||
{ |
||||
onLoaded: opts.onLoaded, |
||||
el: { |
||||
type: "bi.loader", |
||||
type: Loader.xtype, |
||||
isDefaultInit: false, |
||||
logic: { |
||||
dynamic: true, |
||||
scrolly: true |
||||
scrolly: true, |
||||
}, |
||||
el: { |
||||
chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, |
||||
chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE, |
||||
behaviors: { |
||||
redmark: function () { |
||||
redmark () { |
||||
return true; |
||||
} |
||||
}, |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
} |
||||
}, |
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
} |
||||
}, opts.el), |
||||
itemsCreator: function (op, callback) { |
||||
var startValue = self._startValue; |
||||
!BI.isUndefined(self.storeValue) && (op = BI.extend(op || {}, { |
||||
selectedValues: [self.storeValue] |
||||
], |
||||
}, |
||||
}, |
||||
}, |
||||
opts.el |
||||
), |
||||
itemsCreator (op, callback) { |
||||
const startValue = self._startValue; |
||||
!isUndefined(self.storeValue) && |
||||
(op = extend(op || {}, { |
||||
selectedValues: [self.storeValue], |
||||
})); |
||||
opts.itemsCreator(op, function (ob) { |
||||
opts.itemsCreator(op, ob => { |
||||
hasNext = ob.hasNext; |
||||
var firstItems = []; |
||||
if (op.times === 1 && !BI.isUndefined(self.storeValue)) { |
||||
var json = BI.map([self.storeValue], function (i, v) { |
||||
var txt = opts.valueFormatter(v) || v; |
||||
return opts.itemWrapper({ |
||||
let firstItems = []; |
||||
if (op.times === 1 && !isUndefined(self.storeValue)) { |
||||
const json = map([self.storeValue], (i, v) => { |
||||
const txt = opts.valueFormatter(v) || v; |
||||
|
||||
return ( |
||||
opts.itemWrapper({ |
||||
text: txt, |
||||
value: v, |
||||
title: txt, |
||||
selected: true |
||||
selected: true, |
||||
}) || { |
||||
text: txt, |
||||
value: v, |
||||
title: txt, |
||||
selected: true |
||||
}; |
||||
selected: true, |
||||
} |
||||
); |
||||
}); |
||||
firstItems = self._createItems(json); |
||||
} |
||||
callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || ""); |
||||
if (op.times === 1 && self.storeValue) { |
||||
BI.isKey(startValue) && (self.storeValue = startValue); |
||||
isKey(startValue) && (self.storeValue = startValue); |
||||
self.setValue(self.storeValue); |
||||
} |
||||
(op.times === 1) && self._scrollToTop(); |
||||
op.times === 1 && self._scrollToTop(); |
||||
}); |
||||
}, |
||||
hasNext: function () { |
||||
hasNext () { |
||||
return hasNext; |
||||
}, |
||||
value: this.storeValue |
||||
value: this.storeValue, |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
createWidget({ |
||||
type: VerticalLayout.xtype, |
||||
element: this, |
||||
items: [this.button_group], |
||||
vgap: this._constants.itemVgap |
||||
vgap: this._constants.itemVgap, |
||||
}); |
||||
|
||||
this.button_group.on(BI.Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
this.button_group.on(Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
this.button_group.on(BI.SingleSelectList.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.SingleSelectLoader.EVENT_CHANGE, arguments); |
||||
this.button_group.on(SingleSelectList.EVENT_CHANGE, function () { |
||||
self.fireEvent(SingleSelectLoader.EVENT_CHANGE, arguments); |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_createItems: function (items) { |
||||
var o = this.options; |
||||
return BI.map(items, function (i, item) { |
||||
return BI.extend({ |
||||
type: o.allowNoSelect ? "bi.single_select_item" : "bi.single_select_radio_item", |
||||
_createItems(items) { |
||||
const o = this.options; |
||||
|
||||
return map(items, (i, item) => extend( |
||||
{ |
||||
type: o.allowNoSelect ? SingleSelectItem.xtype : SingleSelectRadioItem.xtype, |
||||
logic: o.logic, |
||||
cls: "bi-list-item-active", |
||||
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
selected: false, |
||||
iconWrapperWidth: 26, |
||||
textHgap: o.allowNoSelect ? 10 : 0, |
||||
title: item.title || item.text |
||||
}, item); |
||||
}); |
||||
title: item.title || item.text, |
||||
}, |
||||
item |
||||
)); |
||||
} |
||||
|
||||
_scrollToTop: function () { |
||||
var self = this; |
||||
BI.delay(function () { |
||||
_scrollToTop() { |
||||
const self = this; |
||||
delay(() => { |
||||
self.button_group.element.scrollTop(0); |
||||
}, 30); |
||||
}, |
||||
} |
||||
|
||||
_assertValue: function (val) { |
||||
}, |
||||
_assertValue(val) {} |
||||
|
||||
setStartValue: function (v) { |
||||
setStartValue(v) { |
||||
this._startValue = v; |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
this.storeValue = v; |
||||
this._assertValue(this.storeValue); |
||||
this.button_group.setValue(this.storeValue); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.button_group.getValue(); |
||||
}, |
||||
} |
||||
|
||||
getAllButtons: function () { |
||||
getAllButtons() { |
||||
return this.button_group.getAllButtons(); |
||||
}, |
||||
} |
||||
|
||||
empty: function () { |
||||
empty() { |
||||
this.button_group.empty(); |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
this.button_group.populate.apply(this.button_group, arguments); |
||||
}, |
||||
populate(items) { |
||||
this.button_group.populate(...arguments); |
||||
} |
||||
|
||||
resetHeight: function (h) { |
||||
resetHeight(h) { |
||||
this.button_group.resetHeight(h - this._constants.itemVgap * 2); |
||||
}, |
||||
} |
||||
|
||||
resetWidth: function (w) { |
||||
resetWidth(w) { |
||||
this.button_group.resetWidth(w); |
||||
} |
||||
}); |
||||
|
||||
BI.SingleSelectLoader.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.single_select_loader", BI.SingleSelectLoader); |
||||
} |
||||
|
||||
@ -1,84 +1,82 @@
|
||||
/** |
||||
* 带加载的单选下拉面板 |
||||
* @class BI.SingleSelectPopupView |
||||
* @extends Widget |
||||
*/ |
||||
BI.SingleSelectPopupView = BI.inherit(BI.Widget, { |
||||
import { shortcut, Widget, extend, emptyFn, createWidget } from "@/core"; |
||||
import { MultiPopupView } from "@/case"; |
||||
import { PopupView } from "@/base"; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SingleSelectPopupView.superclass._defaultConfig.apply(this, arguments), { |
||||
@shortcut() |
||||
export class SingleSelectPopupView extends Widget { |
||||
static xtype = "bi.single_select_popup_view"; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-single-select-popup-view", |
||||
allowNoSelect: false, |
||||
maxWidth: "auto", |
||||
minWidth: 135, |
||||
maxHeight: 400, |
||||
valueFormatter: BI.emptyFn, |
||||
itemsCreator: BI.emptyFn, |
||||
itemWrapper: BI.emptyFn, |
||||
onLoaded: BI.emptyFn |
||||
valueFormatter: emptyFn, |
||||
itemsCreator: emptyFn, |
||||
itemWrapper: emptyFn, |
||||
onLoaded: emptyFn, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.SingleSelectPopupView.superclass._init.apply(this, arguments); |
||||
var self = this, opts = this.options; |
||||
_init() { |
||||
super._init(...arguments); |
||||
const opts = this.options; |
||||
|
||||
this.loader = BI.createWidget({ |
||||
this.loader = createWidget({ |
||||
type: "bi.single_select_loader", |
||||
allowNoSelect: opts.allowNoSelect, |
||||
itemsCreator: opts.itemsCreator, |
||||
itemWrapper: opts.itemWrapper, |
||||
valueFormatter: opts.valueFormatter, |
||||
onLoaded: opts.onLoaded, |
||||
value: opts.value |
||||
value: opts.value, |
||||
}); |
||||
|
||||
this.popupView = BI.createWidget({ |
||||
type: "bi.popup_view", |
||||
this.popupView = createWidget({ |
||||
type: PopupView.xtype, |
||||
stopPropagation: false, |
||||
maxWidth: opts.maxWidth, |
||||
minWidth: opts.minWidth, |
||||
maxHeight: opts.maxHeight, |
||||
element: this, |
||||
el: this.loader, |
||||
value: opts.value |
||||
value: opts.value, |
||||
}); |
||||
|
||||
this.popupView.on(BI.MultiPopupView.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.SingleSelectPopupView.EVENT_CHANGE); |
||||
this.popupView.on(MultiPopupView.EVENT_CHANGE, () => { |
||||
this.fireEvent(SingleSelectPopupView.EVENT_CHANGE); |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
setStartValue: function (v) { |
||||
setStartValue(v) { |
||||
this.loader.setStartValue(v); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
this.popupView.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.popupView.getValue(); |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
this.popupView.populate.apply(this.popupView, arguments); |
||||
}, |
||||
populate(items) { |
||||
this.popupView.populate(...arguments); |
||||
} |
||||
|
||||
resetHeight: function (h) { |
||||
resetHeight(h) { |
||||
this.popupView.resetHeight(h); |
||||
}, |
||||
} |
||||
|
||||
resetWidth: function (w) { |
||||
resetWidth(w) { |
||||
this.popupView.resetWidth(w); |
||||
}, |
||||
} |
||||
|
||||
setDirection: function (direction, position) { |
||||
setDirection(direction, position) { |
||||
this.popupView.setDirection(direction, position); |
||||
}, |
||||
}); |
||||
|
||||
BI.SingleSelectPopupView.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
|
||||
BI.shortcut("bi.single_select_popup_view", BI.SingleSelectPopupView); |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,2 @@
|
||||
export { SingleSelectEditor } from "./editor.singleselect"; |
||||
export { SingleSelectSearcher } from "./searcher.singleselect"; |
||||
@ -1,162 +1,161 @@
|
||||
/** |
||||
* searcher |
||||
* Created by guy on 15/11/3. |
||||
* @class BI.SingleSelectSearcher |
||||
* @extends Widget |
||||
*/ |
||||
BI.SingleSelectSearcher = BI.inherit(BI.Widget, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SingleSelectSearcher.superclass._defaultConfig.apply(this, arguments), { |
||||
import { shortcut, Widget, extend, emptyFn, createWidget, isNotNull, isUndefined, Selection } from "@/core"; |
||||
import { SingleSelectEditor } from "./editor.singleselect"; |
||||
import { Searcher } from "@/base"; |
||||
|
||||
@shortcut() |
||||
export class SingleSelectSearcher extends Widget { |
||||
static xtype = "bi.single_select_searcher"; |
||||
|
||||
static EVENT_FOCUS = "EVENT_FOCUS"; |
||||
static EVENT_BLUR = "EVENT_BLUR"; |
||||
static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
static EVENT_START = "EVENT_START"; |
||||
static EVENT_STOP = "EVENT_STOP"; |
||||
static EVENT_PAUSE = "EVENT_PAUSE"; |
||||
static EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-single-select-searcher", |
||||
itemsCreator: BI.emptyFn, |
||||
itemsCreator: emptyFn, |
||||
el: {}, |
||||
popup: {}, |
||||
valueFormatter: BI.emptyFn, |
||||
valueFormatter: emptyFn, |
||||
adapter: null, |
||||
masker: {}, |
||||
allowNoSelect: false |
||||
allowNoSelect: false, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.SingleSelectSearcher.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.editor = BI.createWidget(o.el, { |
||||
_init() { |
||||
super._init(...arguments); |
||||
const self = this, |
||||
o = this.options; |
||||
this.editor = createWidget(o.el, { |
||||
type: "bi.single_select_editor", |
||||
height: o.height, |
||||
watermark: o.watermark, |
||||
text: o.text, |
||||
listeners: [{ |
||||
eventName: BI.SingleSelectEditor.EVENT_FOCUS, |
||||
action: function () { |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_FOCUS); |
||||
} |
||||
}, { |
||||
eventName: BI.SingleSelectEditor.EVENT_BLUR, |
||||
action: function () { |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_BLUR); |
||||
eventName: SingleSelectEditor.EVENT_FOCUS, |
||||
action: () => { |
||||
this.fireEvent(SingleSelectSearcher.EVENT_FOCUS); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: SingleSelectEditor.EVENT_BLUR, |
||||
action: () => { |
||||
this.fireEvent(SingleSelectSearcher.EVENT_BLUR); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}); |
||||
|
||||
this.searcher = BI.createWidget({ |
||||
type: "bi.searcher", |
||||
this.searcher = createWidget({ |
||||
type: Searcher.xtype, |
||||
element: this, |
||||
height: o.height, |
||||
isAutoSearch: false, |
||||
isAutoSync: false, |
||||
onSearch: function (op, callback) { |
||||
onSearch(op, callback) { |
||||
callback(); |
||||
}, |
||||
el: this.editor, |
||||
|
||||
popup: BI.extend({ |
||||
popup: extend({ |
||||
type: "bi.single_select_search_pane", |
||||
allowNoSelect: o.allowNoSelect, |
||||
valueFormatter: o.valueFormatter, |
||||
keywordGetter: function () { |
||||
return self.editor.getValue(); |
||||
}, |
||||
itemsCreator: function (op, callback) { |
||||
var keyword = self.editor.getValue(); |
||||
keywordGetter: () => this.editor.getValue(), |
||||
itemsCreator(op, callback) { |
||||
const keyword = self.editor.getValue(); |
||||
op.keywords = [keyword]; |
||||
this.setKeyword(keyword); |
||||
o.itemsCreator(op, callback); |
||||
}, |
||||
value: o.value |
||||
}, o.popup), |
||||
value: o.value, |
||||
}, |
||||
o.popup |
||||
), |
||||
|
||||
adapter: o.adapter, |
||||
masker: o.masker |
||||
masker: o.masker, |
||||
}); |
||||
this.searcher.on(BI.Searcher.EVENT_START, function () { |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_START); |
||||
this.searcher.on(Searcher.EVENT_START, () => { |
||||
this.fireEvent(SingleSelectSearcher.EVENT_START); |
||||
}); |
||||
this.searcher.on(BI.Searcher.EVENT_PAUSE, function () { |
||||
if (this.hasMatched()) { |
||||
|
||||
} |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_PAUSE); |
||||
this.searcher.on(Searcher.EVENT_PAUSE, () => { |
||||
this.fireEvent(SingleSelectSearcher.EVENT_PAUSE); |
||||
}); |
||||
this.searcher.on(BI.Searcher.EVENT_STOP, function () { |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_STOP); |
||||
this.searcher.on(Searcher.EVENT_STOP, () => { |
||||
this.fireEvent(SingleSelectSearcher.EVENT_STOP); |
||||
}); |
||||
this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_CHANGE, arguments); |
||||
this.searcher.on(Searcher.EVENT_CHANGE, (...args) => { |
||||
this.fireEvent(SingleSelectSearcher.EVENT_CHANGE, ...args); |
||||
}); |
||||
this.searcher.on(BI.Searcher.EVENT_SEARCHING, function () { |
||||
var keywords = this.getKeywords(); |
||||
self.fireEvent(BI.SingleSelectSearcher.EVENT_SEARCHING, keywords); |
||||
this.searcher.on(Searcher.EVENT_SEARCHING, () => { |
||||
const keywords = this.searcher.getKeywords(); |
||||
this.fireEvent(SingleSelectSearcher.EVENT_SEARCHING, keywords); |
||||
}); |
||||
|
||||
if(BI.isNotNull(o.value)){ |
||||
if (isNotNull(o.value)) { |
||||
this.setState(o.value); |
||||
} |
||||
}, |
||||
} |
||||
|
||||
adjustView: function () { |
||||
adjustView() { |
||||
this.searcher.adjustView(); |
||||
}, |
||||
} |
||||
|
||||
isSearching: function () { |
||||
isSearching() { |
||||
return this.searcher.isSearching(); |
||||
}, |
||||
} |
||||
|
||||
stopSearch: function () { |
||||
stopSearch() { |
||||
this.searcher.stopSearch(); |
||||
}, |
||||
} |
||||
|
||||
getKeyword: function () { |
||||
getKeyword() { |
||||
return this.editor.getKeyword(); |
||||
}, |
||||
} |
||||
|
||||
hasMatched: function () { |
||||
hasMatched() { |
||||
return this.searcher.hasMatched(); |
||||
}, |
||||
} |
||||
|
||||
hasChecked: function () { |
||||
hasChecked() { |
||||
return this.searcher.getView() && this.searcher.getView().hasChecked(); |
||||
}, |
||||
} |
||||
|
||||
setAdapter: function (adapter) { |
||||
setAdapter(adapter) { |
||||
this.searcher.setAdapter(adapter); |
||||
}, |
||||
} |
||||
|
||||
setState: function (v) { |
||||
var o = this.options; |
||||
if (BI.isUndefined(v)) { |
||||
this.editor.setState(BI.Selection.None); |
||||
setState(v) { |
||||
const o = this.options; |
||||
if (isUndefined(v)) { |
||||
this.editor.setState(Selection.None); |
||||
} else { |
||||
v = v ?? ""; |
||||
this.editor.setState(o.valueFormatter(v + "") || (v + "")); |
||||
this.editor.setState(o.valueFormatter(`${v}`) || `${v}`); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
setValue: function (ob) { |
||||
setValue(ob) { |
||||
this.setState(ob); |
||||
this.searcher.setValue(ob); |
||||
}, |
||||
} |
||||
|
||||
getKey: function () { |
||||
getKey() { |
||||
return this.editor.getValue(); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.searcher.getValue(); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.searcher.populate.apply(this.searcher, arguments); |
||||
} |
||||
}); |
||||
|
||||
BI.SingleSelectSearcher.EVENT_FOCUS = "EVENT_FOCUS"; |
||||
BI.SingleSelectSearcher.EVENT_BLUR = "EVENT_BLUR"; |
||||
BI.SingleSelectSearcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
BI.SingleSelectSearcher.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.SingleSelectSearcher.EVENT_START = "EVENT_START"; |
||||
BI.SingleSelectSearcher.EVENT_STOP = "EVENT_STOP"; |
||||
BI.SingleSelectSearcher.EVENT_PAUSE = "EVENT_PAUSE"; |
||||
BI.SingleSelectSearcher.EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
BI.shortcut("bi.single_select_searcher", BI.SingleSelectSearcher); |
||||
populate(items) { |
||||
this.searcher.populate(...arguments); |
||||
} |
||||
} |
||||
|
||||
Loading…
Reference in new issue