forked from fanruan/fineui
Treecat
2 years ago
78 changed files with 3783 additions and 3774 deletions
@ -1,62 +1,56 @@
|
||||
import { |
||||
shortcut, |
||||
Widget, |
||||
extend, |
||||
createWidget, |
||||
Controller, |
||||
Events |
||||
} from "@/core"; |
||||
import { ButtonTree } from "@/base"; |
||||
import { VerticalLayout, shortcut, Widget, extend, createWidget, Controller, Events } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class DownListGroup extends Widget { |
||||
static xtype = "bi.down_list_group"; |
||||
|
||||
constants = { iconCls: "check-mark-ha-font" }; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-down-list-group", |
||||
items: [ |
||||
{ |
||||
el: {}, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
|
||||
_init() { |
||||
super._init(...arguments); |
||||
const o = this.options; |
||||
|
||||
this.downlistgroup = createWidget({ |
||||
element: this, |
||||
type: "bi.button_tree", |
||||
items: o.items, |
||||
chooseType: 0, // 0单选，1多选
|
||||
layouts: [ |
||||
{ |
||||
type: "bi.vertical", |
||||
hgap: 0, |
||||
vgap: 0, |
||||
} |
||||
], |
||||
value: o.value, |
||||
}); |
||||
this.downlistgroup.on(Controller.EVENT_CHANGE, (type, ...args) => { |
||||
this.fireEvent(Controller.EVENT_CHANGE, type, ...args); |
||||
if (type === Events.CLICK) { |
||||
this.fireEvent(DownListGroup.EVENT_CHANGE, type, ...args); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
getValue() { |
||||
return this.downlistgroup.getValue(); |
||||
} |
||||
|
||||
setValue(v) { |
||||
this.downlistgroup.setValue(v); |
||||
} |
||||
static xtype = "bi.down_list_group"; |
||||
|
||||
constants = { iconCls: "check-mark-ha-font" }; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-down-list-group", |
||||
items: [ |
||||
{ |
||||
el: {}, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
|
||||
_init() { |
||||
super._init(...arguments); |
||||
const o = this.options; |
||||
|
||||
this.downlistgroup = createWidget({ |
||||
element: this, |
||||
type: ButtonTree.xtype, |
||||
items: o.items, |
||||
chooseType: 0, // 0单选，1多选
|
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
hgap: 0, |
||||
vgap: 0, |
||||
} |
||||
], |
||||
value: o.value, |
||||
}); |
||||
this.downlistgroup.on(Controller.EVENT_CHANGE, (type, ...args) => { |
||||
this.fireEvent(Controller.EVENT_CHANGE, type, ...args); |
||||
if (type === Events.CLICK) { |
||||
this.fireEvent(DownListGroup.EVENT_CHANGE, type, ...args); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
getValue() { |
||||
return this.downlistgroup.getValue(); |
||||
} |
||||
|
||||
setValue(v) { |
||||
this.downlistgroup.setValue(v); |
||||
} |
||||
} |
||||
|
||||
@ -1,5 +1,5 @@
|
||||
export { DownListGroup } from "./group.downlist"; |
||||
export { DownListItem } from "./item.downlist"; |
||||
export { DownListGroupItem } from "./item.downlistgroup"; |
||||
export { DownListPopup } from "./popup.downlist"; |
||||
export { DownListCombo } from "./combo.downlist"; |
||||
export { DownListGroup } from "./group.downlist"; |
||||
export { DownListItem } from "./item.downlist"; |
||||
export { DownListGroupItem } from "./item.downlistgroup"; |
||||
export { DownListPopup } from "./popup.downlist"; |
||||
export { DownListCombo } from "./combo.downlist"; |
||||
|
||||
@ -1,125 +1,121 @@
|
||||
import { shortcut, extend, createWidget, isPlainObject, LogicFactory, Direction } from "@/core"; |
||||
import { BasicButton } from "@/base"; |
||||
import { Label, Icon, BasicButton } from "@/base"; |
||||
import { CenterAdaptLayout, shortcut, extend, createWidget, isPlainObject, LogicFactory, Direction } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class DownListItem extends BasicButton { |
||||
static xtype = "bi.down_list_item"; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
const conf = super._defaultConfig(...arguments); |
||||
|
||||
return extend(conf, { |
||||
baseCls: "bi-down-list-item bi-list-item-active", |
||||
cls: "", |
||||
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
logic: { |
||||
dynamic: true, |
||||
}, |
||||
selected: false, |
||||
iconHeight: null, |
||||
iconWidth: null, |
||||
textHgap: 0, |
||||
textVgap: 0, |
||||
textLgap: 0, |
||||
textRgap: 0, |
||||
}); |
||||
} |
||||
|
||||
_init() { |
||||
super._init(...arguments); |
||||
const o = this.options; |
||||
this.text = createWidget({ |
||||
type: "bi.label", |
||||
cls: "list-item-text", |
||||
textAlign: "left", |
||||
hgap: o.textHgap, |
||||
vgap: o.textVgap, |
||||
lgap: o.textLgap, |
||||
rgap: o.textRgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
keyword: o.keyword, |
||||
height: o.height, |
||||
}); |
||||
|
||||
const icon = isPlainObject(o.icon) |
||||
? o.icon |
||||
: { |
||||
type: "bi.icon", |
||||
width: o.iconWidth, |
||||
height: o.iconHeight, |
||||
}; |
||||
|
||||
this.icon = createWidget({ |
||||
type: "bi.center_adapt", |
||||
width: 36, |
||||
height: o.height, |
||||
items: [ |
||||
{ |
||||
el: icon, |
||||
} |
||||
], |
||||
}); |
||||
|
||||
createWidget( |
||||
extend( |
||||
{ |
||||
element: this, |
||||
}, |
||||
LogicFactory.createLogic( |
||||
LogicFactory.createLogicTypeByDirection(Direction.Left), |
||||
extend(o.logic, { |
||||
items: LogicFactory.createLogicItemsByDirection( |
||||
Direction.Left, |
||||
this.icon, |
||||
this.text |
||||
), |
||||
}) |
||||
) |
||||
) |
||||
); |
||||
} |
||||
|
||||
setValue() { |
||||
if (!this.isReadOnly()) { |
||||
this.text.setValue(...arguments); |
||||
} |
||||
} |
||||
|
||||
getValue() { |
||||
return this.text.getValue(); |
||||
} |
||||
|
||||
setText() { |
||||
this.text.setText(...arguments); |
||||
} |
||||
|
||||
getText() { |
||||
return this.text.getText(); |
||||
} |
||||
|
||||
doClick() { |
||||
super.doClick(...arguments); |
||||
if (this.isValid()) { |
||||
this.fireEvent(DownListItem.EVENT_CHANGE, this.getValue(), this); |
||||
} |
||||
} |
||||
|
||||
doRedMark() { |
||||
this.text.doRedMark(...arguments); |
||||
} |
||||
|
||||
unRedMark() { |
||||
this.text.unRedMark(...arguments); |
||||
} |
||||
|
||||
doHighLight() { |
||||
this.text.doHighLight(...arguments); |
||||
} |
||||
|
||||
unHighLight() { |
||||
this.text.unHighLight(...arguments); |
||||
} |
||||
static xtype = "bi.down_list_item"; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
const conf = super._defaultConfig(...arguments); |
||||
|
||||
return extend(conf, { |
||||
baseCls: "bi-down-list-item bi-list-item-active", |
||||
cls: "", |
||||
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
logic: { |
||||
dynamic: true, |
||||
}, |
||||
selected: false, |
||||
iconHeight: null, |
||||
iconWidth: null, |
||||
textHgap: 0, |
||||
textVgap: 0, |
||||
textLgap: 0, |
||||
textRgap: 0, |
||||
}); |
||||
} |
||||
|
||||
_init() { |
||||
super._init(...arguments); |
||||
const o = this.options; |
||||
this.text = createWidget({ |
||||
type: Label.xtype, |
||||
cls: "list-item-text", |
||||
textAlign: "left", |
||||
hgap: o.textHgap, |
||||
vgap: o.textVgap, |
||||
lgap: o.textLgap, |
||||
rgap: o.textRgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
keyword: o.keyword, |
||||
height: o.height, |
||||
}); |
||||
|
||||
const icon = isPlainObject(o.icon) |
||||
? o.icon |
||||
: { |
||||
type: Icon.xtype, |
||||
width: o.iconWidth, |
||||
height: o.iconHeight, |
||||
}; |
||||
|
||||
this.icon = createWidget({ |
||||
type: CenterAdaptLayout.xtype, |
||||
width: 36, |
||||
height: o.height, |
||||
items: [ |
||||
{ |
||||
el: icon, |
||||
} |
||||
], |
||||
}); |
||||
|
||||
createWidget( |
||||
extend( |
||||
{ |
||||
element: this, |
||||
}, |
||||
LogicFactory.createLogic( |
||||
LogicFactory.createLogicTypeByDirection(Direction.Left), |
||||
extend(o.logic, { |
||||
items: LogicFactory.createLogicItemsByDirection(Direction.Left, this.icon, this.text), |
||||
}) |
||||
) |
||||
) |
||||
); |
||||
} |
||||
|
||||
setValue() { |
||||
if (!this.isReadOnly()) { |
||||
this.text.setValue(...arguments); |
||||
} |
||||
} |
||||
|
||||
getValue() { |
||||
return this.text.getValue(); |
||||
} |
||||
|
||||
setText() { |
||||
this.text.setText(...arguments); |
||||
} |
||||
|
||||
getText() { |
||||
return this.text.getText(); |
||||
} |
||||
|
||||
doClick() { |
||||
super.doClick(...arguments); |
||||
if (this.isValid()) { |
||||
this.fireEvent(DownListItem.EVENT_CHANGE, this.getValue(), this); |
||||
} |
||||
} |
||||
|
||||
doRedMark() { |
||||
this.text.doRedMark(...arguments); |
||||
} |
||||
|
||||
unRedMark() { |
||||
this.text.unRedMark(...arguments); |
||||
} |
||||
|
||||
doHighLight() { |
||||
this.text.doHighLight(...arguments); |
||||
} |
||||
|
||||
unHighLight() { |
||||
this.text.unHighLight(...arguments); |
||||
} |
||||
} |
||||
|
||||
@ -1,2 +1,2 @@
|
||||
export { AccurateCalculationModel } from "./model.accuratecalculation"; |
||||
export { IntervalSlider } from "./intervalslider"; |
||||
export { AccurateCalculationModel } from "./model.accuratecalculation"; |
||||
export { IntervalSlider } from "./intervalslider"; |
||||
|
||||
Loading…
Reference in new issue