forked from fanruan/fineui
Browse Source
Merge in VISUAL/fineui from ~TREECAT/fineui:es6 to es6 * commit 'ef444688adf0ea65e989109e3e0263a7d21465b5': KERNEL-14316 fix:按需引入问题 KERNEL-14316 chore:国际化 KERNEL-14316 fix:demo报错 KERNEL-14316 chore:重复的demo KERNEL-14316 fix:worker polyfilles6
treecat-罗群
2 years ago
52 changed files with 101 additions and 2124 deletions
@ -1,150 +0,0 @@
|
||||
import { shortcut, Widget, createWidget, makeArray } from "@/core"; |
||||
import { BubbleCombo } from "@/case/combo/bubblecombo/combo.bubble"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.bubble_combo"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
let self = this, |
||||
count = 1; |
||||
const combo1 = createWidget({ |
||||
type: "bi.bubble_combo", |
||||
trigger: "click,hover", |
||||
el: { |
||||
type: "bi.button", |
||||
text: "测试", |
||||
height: 24, |
||||
}, |
||||
popup: { |
||||
el: { |
||||
type: "bi.button_group", |
||||
items: makeArray(100, { |
||||
type: "bi.text_item", |
||||
height: 24, |
||||
text: "item", |
||||
}), |
||||
layouts: [ |
||||
{ |
||||
type: "bi.vertical", |
||||
} |
||||
], |
||||
}, |
||||
maxHeight: 200, |
||||
}, |
||||
}); |
||||
const combo2 = createWidget({ |
||||
type: "bi.bubble_combo", |
||||
direction: "right", |
||||
el: { |
||||
type: "bi.button", |
||||
text: "测试", |
||||
height: 24, |
||||
}, |
||||
popup: { |
||||
type: "bi.text_bubble_bar_popup_view", |
||||
text: "我有很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字", |
||||
ref() { |
||||
self.popup = this; |
||||
}, |
||||
}, |
||||
listeners: [ |
||||
{ |
||||
eventName: BubbleCombo.EVENT_BEFORE_POPUPVIEW, |
||||
action() { |
||||
self.popup.populate( |
||||
count++ % 2 === 1 |
||||
? "我的文字变少了" |
||||
: "我有很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字" |
||||
); |
||||
}, |
||||
} |
||||
], |
||||
}); |
||||
|
||||
const combo3 = createWidget({ |
||||
type: "bi.bubble_combo", |
||||
el: { |
||||
type: "bi.button", |
||||
text: "测试", |
||||
height: 25, |
||||
}, |
||||
popup: { |
||||
type: "bi.text_bubble_bar_popup_view", |
||||
text: "我有很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字", |
||||
ref() { |
||||
self.popup = this; |
||||
}, |
||||
}, |
||||
listeners: [ |
||||
{ |
||||
eventName: BubbleCombo.EVENT_BEFORE_POPUPVIEW, |
||||
action() { |
||||
self.popup.populate( |
||||
count++ % 2 === 1 |
||||
? "我的文字变少了" |
||||
: "我有很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字" |
||||
); |
||||
}, |
||||
} |
||||
], |
||||
}); |
||||
|
||||
const combo4 = createWidget({ |
||||
type: "bi.bubble_combo", |
||||
el: { |
||||
type: "bi.button", |
||||
text: "测试", |
||||
height: 25, |
||||
}, |
||||
popup: { |
||||
type: "bi.text_bubble_bar_popup_view", |
||||
text: "我有很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字", |
||||
ref() { |
||||
self.popup = this; |
||||
}, |
||||
}, |
||||
listeners: [ |
||||
{ |
||||
eventName: BubbleCombo.EVENT_BEFORE_POPUPVIEW, |
||||
action() { |
||||
self.popup.populate( |
||||
count++ % 2 === 1 |
||||
? "我的文字变少了" |
||||
: "我有很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字很多文字" |
||||
); |
||||
}, |
||||
} |
||||
], |
||||
}); |
||||
|
||||
createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: combo1, |
||||
left: 150, |
||||
top: 10, |
||||
}, |
||||
{ |
||||
el: combo2, |
||||
left: 10, |
||||
bottom: 200, |
||||
}, |
||||
{ |
||||
el: combo3, |
||||
right: 10, |
||||
bottom: 10, |
||||
}, |
||||
{ |
||||
el: combo4, |
||||
right: 10, |
||||
top: 10, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,52 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class TextValueCombo extends Widget { |
||||
static xtype = "demo.editor_icon_check_combo"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.editor_icon_check_combo", |
||||
ref() { |
||||
self.combo = this; |
||||
}, |
||||
watermark: "默认值", |
||||
width: 200, |
||||
height: 24, |
||||
value: 2, |
||||
items: [ |
||||
{ |
||||
// text: "MVC-1",
|
||||
value: "1", |
||||
}, |
||||
{ |
||||
// text: "MVC-2",
|
||||
value: "2", |
||||
}, |
||||
{ |
||||
// text: "MVC-3",
|
||||
value: "3", |
||||
} |
||||
], |
||||
}, |
||||
{ |
||||
type: "bi.button", |
||||
width: 90, |
||||
height: 25, |
||||
text: "setValue为空", |
||||
handler() { |
||||
self.combo.setValue(); |
||||
}, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,41 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class IconCombo extends Widget { |
||||
static xtype = "demo.icon_combo"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.icon_combo", |
||||
container: "body", |
||||
ref(_ref) { |
||||
self.refs = _ref; |
||||
}, |
||||
value: "第二项", |
||||
items: [ |
||||
{ |
||||
value: "第一项", |
||||
iconCls: "close-font", |
||||
}, |
||||
{ |
||||
value: "第二项", |
||||
iconCls: "search-font", |
||||
}, |
||||
{ |
||||
value: "第三项", |
||||
iconCls: "copy-font", |
||||
} |
||||
], |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,40 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class IconTextValueCombo extends Widget { |
||||
static xtype = "demo.icon_text_value_combo"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.icon_text_value_combo", |
||||
text: "默认值", |
||||
// defaultIconCls: "next-page-h-font",
|
||||
width: 300, |
||||
items: [ |
||||
{ |
||||
text: "MVC-1", |
||||
iconCls: "close-font", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
text: "MVC-2", |
||||
iconCls: "date-font", |
||||
value: 2, |
||||
}, |
||||
{ |
||||
text: "MVC-3", |
||||
iconCls: "search-close-h-font", |
||||
value: 3, |
||||
} |
||||
], |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,121 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
import { shortcut, Widget, Msg, AllValueMultiTextValueCombo} from "@fui/core"; |
||||
|
||||
@shortcut() |
||||
export class SearchTextValueCombo extends Widget { |
||||
static xtype = "demo.search_text_value_combo"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
let combo, searchCombo; |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.search_text_value_combo", |
||||
ref() { |
||||
combo = this; |
||||
}, |
||||
warningTitle: "111", |
||||
text: "默认值", |
||||
value: 14, |
||||
width: 300, |
||||
items: [ |
||||
{ |
||||
text: "ABC-1", |
||||
iconCls: "date-font", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
text: "BCD-2", |
||||
iconCls: "search-font", |
||||
value: 2, |
||||
}, |
||||
{ |
||||
text: "CDE-3", |
||||
iconCls: "pull-right-font", |
||||
value: 3, |
||||
}, |
||||
{ |
||||
text: "DEF-3", |
||||
iconCls: "pull-right-font", |
||||
value: 4, |
||||
}, |
||||
{ |
||||
text: "FEG-3", |
||||
iconCls: "pull-right-font", |
||||
value: 5, |
||||
}, |
||||
{ |
||||
text: "FGH-3", |
||||
iconCls: "pull-right-font", |
||||
value: 6, |
||||
}, |
||||
{ |
||||
text: "GHI-3", |
||||
iconCls: "pull-right-font", |
||||
value: 7, |
||||
}, |
||||
{ |
||||
text: "HIJ-3", |
||||
iconCls: "pull-right-font", |
||||
value: 8, |
||||
}, |
||||
{ |
||||
text: "IJK-3", |
||||
iconCls: "pull-right-font", |
||||
value: 9, |
||||
}, |
||||
{ |
||||
text: "JKL-3", |
||||
iconCls: "pull-right-font", |
||||
value: 10, |
||||
} |
||||
], |
||||
}, |
||||
{ |
||||
type: "bi.all_value_multi_text_value_combo", |
||||
items: CONSTANTS.ITEMS, |
||||
text: "提示文本", |
||||
width: 200, |
||||
value: { |
||||
type: 1, |
||||
value: ["1", "2", "柳州市城贸金属材料有限责任公司", "3"], |
||||
}, |
||||
ref() { |
||||
searchCombo = this; |
||||
}, |
||||
listeners: [ |
||||
{ |
||||
eventName: AllValueMultiTextValueCombo.EVENT_CONFIRM, |
||||
action() { |
||||
Msg.toast(JSON.stringify(searchCombo.getValue())); |
||||
}, |
||||
} |
||||
], |
||||
}, |
||||
{ |
||||
type: "bi.button", |
||||
text: "setValue(3)", |
||||
width: 90, |
||||
height: 25, |
||||
handler() { |
||||
combo.setValue(11); |
||||
}, |
||||
}, |
||||
{ |
||||
type: "bi.button", |
||||
text: "getValue()", |
||||
width: 90, |
||||
height: 25, |
||||
handler() { |
||||
Msg.toast(JSON.stringify(searchCombo.getValue())); |
||||
}, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,258 +0,0 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/11. |
||||
*/ |
||||
import { shortcut, Widget, Label, VerticalLayout, TextValueCombo, Button, Selection } from "@fui/core"; |
||||
|
||||
@shortcut() |
||||
export class TextValueCombo extends Widget { |
||||
static xtype = "demo.text_value_combo"; |
||||
props = { |
||||
baseCls: "", |
||||
}; |
||||
render() { |
||||
let combo1, combo2; |
||||
|
||||
const items = [ |
||||
{ |
||||
text: "MVC-1", |
||||
iconCls: "date-font", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
text: "MVC-2", |
||||
iconCls: "search-font", |
||||
value: 2, |
||||
}, |
||||
{ |
||||
text: "MVC-3", |
||||
iconCls: "pull-right-font", |
||||
value: 3, |
||||
}, |
||||
]; |
||||
|
||||
// 创建下拉框各种场景用例
|
||||
return { |
||||
type: VerticalLayout.xtype, |
||||
vgap: 20, |
||||
hgap: 20, |
||||
items: [ |
||||
this.createCombo("无初始值,带提示文字", { |
||||
type: TextValueCombo.xtype, |
||||
ref() { |
||||
combo1 = ref; |
||||
}, |
||||
defaultText: "请选择", |
||||
width: 300, |
||||
items: items, |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("自动根据value匹配text", { |
||||
type: TextValueCombo.xtype, |
||||
defaultText: "请选择", |
||||
width: 300, |
||||
value: 1, |
||||
items: items, |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("无初始值,可以清空", { |
||||
type: TextValueCombo.xtype, |
||||
defaultText: "请选择", |
||||
width: 300, |
||||
items: items, |
||||
allowClear: true, |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action() { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("有初始值,可以清空", { |
||||
type: TextValueCombo.xtype, |
||||
defaultText: "请选择", |
||||
width: 300, |
||||
value: 1, |
||||
items: items, |
||||
allowClear: true, |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("有初始值,value不匹配,自动标红,指定标红文字", { |
||||
type: TextValueCombo.xtype, |
||||
ref() { |
||||
self.combo = this; |
||||
}, |
||||
width: 300, |
||||
text: "MVC-111", |
||||
value: 111, |
||||
items: items, |
||||
allowClear: true, |
||||
defaultText: "请选择", |
||||
warningTitle: "value值不合法", |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("无初始值,外部受控调用setValue", { |
||||
type: VerticalLayout.xtype, |
||||
items: [ |
||||
{ |
||||
type: TextValueCombo.xtype, |
||||
ref() { |
||||
combo1 = this; |
||||
}, |
||||
width: 300, |
||||
items: items, |
||||
allowClear: true, |
||||
defaultText: "请选择", |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
el: { |
||||
type: Button.xtype, |
||||
text: "setValue(1)", |
||||
handler: function () { |
||||
combo1.setValue(1); |
||||
}, |
||||
}, |
||||
vgap: 10, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("无初始值,外部受控调用setStatus", { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: TextValueCombo.xtype, |
||||
ref: function () { |
||||
combo2 = this; |
||||
}, |
||||
width: 300, |
||||
items: items, |
||||
allowClear: true, |
||||
defaultText: "请选择", |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
el: { |
||||
type: Button.xtype, |
||||
text: "setStatus()", |
||||
handler: function () { |
||||
combo2.setStatus("error"); |
||||
}, |
||||
}, |
||||
vgap: 10, |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("支持复选", { |
||||
type: VerticalLayout.xtype, |
||||
items: [ |
||||
{ |
||||
type: TextValueCombo.xtype, |
||||
width: 300, |
||||
items: items, |
||||
allowClear: true, |
||||
defaultText: "请选择", |
||||
chooseType: Selection.Multi, |
||||
value: [1], |
||||
// allowSelectAll: false,
|
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}), |
||||
this.createCombo("支持复选,不要全选功能", { |
||||
type: VerticalLayout.xtype, |
||||
items: [ |
||||
{ |
||||
type: TextValueCombo.xtype, |
||||
width: 300, |
||||
items: items, |
||||
allowClear: true, |
||||
defaultText: "请选择", |
||||
chooseType: Selection.Multi, |
||||
value: [1], |
||||
allowSelectAll: false, |
||||
listeners: [ |
||||
{ |
||||
eventName: TextValueCombo.EVENT_CHANGE, |
||||
action: function () { |
||||
console.log(this.getValue()); |
||||
}, |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}), |
||||
], |
||||
}; |
||||
} |
||||
|
||||
createCombo(text, combo) { |
||||
return { |
||||
type: VerticalLayout.xtype, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: Label.xtype, |
||||
textAlign: "left", |
||||
text, |
||||
}, |
||||
bgap: 10, |
||||
}, |
||||
{ |
||||
el: combo, |
||||
bgap: 10, |
||||
}, |
||||
], |
||||
}; |
||||
} |
||||
} |
@ -1,83 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
import { Msg } from "@/base"; |
||||
|
||||
@shortcut() |
||||
export class TextValueDownListCombo extends Widget { |
||||
static xtype = "demo.text_value_down_list_combo"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.text_value_down_list_combo", |
||||
width: 300, |
||||
ref(_ref) { |
||||
self.refs = _ref; |
||||
}, |
||||
text: "默认值", |
||||
value: 11, |
||||
items: [ |
||||
[ |
||||
{ |
||||
text: "属于", |
||||
value: 1, |
||||
cls: "dot-e-font", |
||||
}, |
||||
{ |
||||
text: "不属于", |
||||
value: 2, |
||||
cls: "dot-e-font", |
||||
} |
||||
], |
||||
[ |
||||
{ |
||||
el: { |
||||
text: "大于", |
||||
value: 3, |
||||
iconCls1: "dot-e-font", |
||||
}, |
||||
value: 3, |
||||
children: [ |
||||
{ |
||||
text: "固定值", |
||||
value: 4, |
||||
cls: "dot-e-font", |
||||
}, |
||||
{ |
||||
text: "平均值", |
||||
value: 5, |
||||
cls: "dot-e-font", |
||||
} |
||||
], |
||||
} |
||||
] |
||||
], |
||||
}, |
||||
{ |
||||
type: "bi.button", |
||||
width: 90, |
||||
height: 25, |
||||
text: "setValue", |
||||
handler() { |
||||
self.refs.setValue(2); |
||||
}, |
||||
}, |
||||
{ |
||||
type: "bi.button", |
||||
width: 90, |
||||
height: 25, |
||||
text: "getValue", |
||||
handler() { |
||||
Msg.alert("", JSON.stringify(self.refs.getValue())); |
||||
}, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,50 +0,0 @@
|
||||
import { Msg, shortcut, Widget } from "@fui/core"; |
||||
|
||||
@shortcut() |
||||
export class TextValueCheckCombo extends Widget { |
||||
static xtype = "demo.text_value_check_combo"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.text_value_check_combo", |
||||
ref () { |
||||
self.combo = this; |
||||
}, |
||||
text: "默认值", |
||||
// value: 1,
|
||||
width: 300, |
||||
items: [ |
||||
{ |
||||
text: "MVC-1", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
text: "MVC-2", |
||||
value: 2, |
||||
}, |
||||
{ |
||||
text: "MVC-3", |
||||
value: 3, |
||||
} |
||||
], |
||||
}, |
||||
{ |
||||
type: "bi.button", |
||||
width: 90, |
||||
height: 25, |
||||
handler () { |
||||
Msg.alert("", JSON.stringify(self.combo.getValue())); |
||||
}, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,8 +0,0 @@
|
||||
export * from "./demo.bubble_combo"; |
||||
export * from "./demo.editor_icon_check_combo"; |
||||
export * from "./demo.icon_combo"; |
||||
export * from "./demo.icon_text_value_combo"; |
||||
export * from "./demo.search_text_value_combo"; |
||||
export * from "./demo.text_value_combo"; |
||||
export * from "./demo.text_value_down_list_combo"; |
||||
export * from "./demo.text_vlaue_check_combo"; |
@ -1,35 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.calendar"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
const date = new Date(); |
||||
|
||||
return { |
||||
type: "bi.calendar", |
||||
ref() { |
||||
self.calendar = this; |
||||
}, |
||||
logic: { |
||||
dynamic: false, |
||||
}, |
||||
year: date.getFullYear(), |
||||
month: date.getMonth(), |
||||
day: date.getDate(), |
||||
}; |
||||
} |
||||
|
||||
mounted() { |
||||
const date = new Date(); |
||||
this.calendar.setValue({ |
||||
year: date.getFullYear(), |
||||
month: date.getMonth(), |
||||
day: date.getDate(), |
||||
}); |
||||
} |
||||
} |
@ -1,53 +0,0 @@
|
||||
import { shortcut, Widget, createItems } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.click_item_effect"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: createItems( |
||||
[ |
||||
{ |
||||
text: "bi-list-item", |
||||
cls: "bi-list-item close-font", |
||||
}, |
||||
{ |
||||
text: "bi-list-item-simple", |
||||
cls: "bi-list-item-simple close-font", |
||||
}, |
||||
{ |
||||
text: "bi-list-item-effect", |
||||
cls: "bi-list-item-effect close-font", |
||||
}, |
||||
{ |
||||
text: "bi-list-item-active", |
||||
cls: "bi-list-item-active close-font", |
||||
}, |
||||
{ |
||||
text: "bi-list-item-active2", |
||||
cls: "bi-list-item-active2 close-font", |
||||
}, |
||||
{ |
||||
text: "bi-list-item-select", |
||||
cls: "bi-list-item-select close-font", |
||||
}, |
||||
{ |
||||
text: "bi-list-item-select2", |
||||
cls: "bi-list-item-select2 close-font", |
||||
} |
||||
], |
||||
{ |
||||
type: "bi.icon_text_item", |
||||
logic: { |
||||
dynamic: true, |
||||
}, |
||||
} |
||||
), |
||||
vgap: 10, |
||||
}; |
||||
} |
||||
} |
@ -1,46 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.color_chooser"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.color_chooser", |
||||
recommendColorsGetter() { |
||||
return ["#ffffff", "#9d775f", "#dd4b4b", "#ef8b07", "#fcc800"]; |
||||
}, |
||||
width: 24, |
||||
height: 24, |
||||
}, |
||||
left: 100, |
||||
top: 250, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.simple_color_chooser", |
||||
width: 30, |
||||
height: 24, |
||||
}, |
||||
left: 400, |
||||
top: 250, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.color_chooser", |
||||
width: 230, |
||||
height: 24, |
||||
}, |
||||
left: 100, |
||||
top: 350, |
||||
} |
||||
], |
||||
}; |
||||
} |
||||
} |
@ -1,32 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.color_chooser_popup"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.color_chooser_popup", |
||||
cls: "bi-card", |
||||
}, |
||||
left: 100, |
||||
top: 250, |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.simple_color_chooser_popup", |
||||
cls: "bi-card", |
||||
}, |
||||
left: 400, |
||||
top: 250, |
||||
} |
||||
], |
||||
}; |
||||
} |
||||
} |
@ -1,36 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.segment"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
createWidget({ |
||||
type: "bi.horizontal", |
||||
element: this, |
||||
vgap: 20, |
||||
hgap: 30, |
||||
items: [ |
||||
{ |
||||
type: "bi.segment", |
||||
items: [ |
||||
{ |
||||
text: "较长的选项1", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
text: "选项2", |
||||
value: 2, |
||||
}, |
||||
{ |
||||
text: "选项3", |
||||
value: 3, |
||||
} |
||||
], |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,24 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class ClearEditor extends Widget { |
||||
static xtype = "demo.clear_editor"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [ |
||||
{ |
||||
type: "bi.clear_editor", |
||||
cls: "bi-border", |
||||
width: 300, |
||||
watermark: "这个是带清除按钮的", |
||||
value: 123, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
} |
@ -1,48 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class ClearEditor extends Widget { |
||||
static xtype = "demo.shelter_editor"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const editor = createWidget({ |
||||
type: "bi.shelter_editor", |
||||
cls: "bi-border", |
||||
validationChecker(v) { |
||||
return v != "a"; |
||||
}, |
||||
watermark: "可以设置标记的输入框", |
||||
value: "这是一个遮罩", |
||||
keyword: "z", |
||||
}); |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
hgap: 30, |
||||
vgap: 20, |
||||
bgap: 50, |
||||
items: [editor], |
||||
}); |
||||
createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.button", |
||||
text: "focus", |
||||
height: 25, |
||||
handler() { |
||||
editor.focus(); |
||||
}, |
||||
}, |
||||
right: 10, |
||||
left: 10, |
||||
bottom: 10, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,28 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class SignEditor extends Widget { |
||||
static xtype = "demo.sign_editor"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const editor = createWidget({ |
||||
type: "bi.sign_editor", |
||||
cls: "bi-border bi-focus-shadow", |
||||
validationChecker(v) { |
||||
return v != "abc"; |
||||
}, |
||||
watermark: "可以设置标记的输入框", |
||||
text: "这是一个标记,点击它即可进行输入", |
||||
}); |
||||
editor.setValue(2); |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
hgap: 30, |
||||
vgap: 20, |
||||
items: [editor], |
||||
}); |
||||
} |
||||
} |
@ -1,34 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class SimpleStateEditor extends Widget { |
||||
static xtype = "demo.simple_state_editor"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: "bi.horizontal_adapt", |
||||
items: [ |
||||
{ |
||||
type: "bi.simple_state_editor", |
||||
ref() { |
||||
self.editor = this; |
||||
}, |
||||
cls: "bi-border", |
||||
width: 300, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
|
||||
mounted() { |
||||
const self = this; |
||||
setTimeout(() => { |
||||
self.editor.setState(["*", "*"]); |
||||
}, 1000); |
||||
} |
||||
} |
@ -1,34 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class StateEditor extends Widget { |
||||
static xtype = "demo.state_editor"; |
||||
|
||||
props = { baseCls: "" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: "bi.horizontal_adapt", |
||||
items: [ |
||||
{ |
||||
type: "bi.state_editor", |
||||
ref() { |
||||
self.editor = this; |
||||
}, |
||||
cls: "bi-border", |
||||
width: 300, |
||||
} |
||||
], |
||||
vgap: 20, |
||||
}; |
||||
} |
||||
|
||||
mounted() { |
||||
const self = this; |
||||
setTimeout(() => { |
||||
self.editor.setState(["*", "*"]); |
||||
}, 1000); |
||||
} |
||||
} |
@ -1,5 +0,0 @@
|
||||
export * from "./demo.clear_editor"; |
||||
export * from "./demo.shelter_editor"; |
||||
export * from "./demo.sign_editor"; |
||||
export * from "./demo.simple_state_editor"; |
||||
export * from "./demo.state_editor"; |
@ -1,15 +0,0 @@
|
||||
// export * from "./combo";
|
||||
// export * from "./editor";
|
||||
// export * from "./item";
|
||||
// export * from "./list";
|
||||
// export * from "./pager";
|
||||
// export * from "./pane";
|
||||
// export * from "./tree";
|
||||
// export * from "./triggers";
|
||||
|
||||
export const caseComponent = {}; |
||||
// export * from "./demo.calendar";
|
||||
// export * from "./demo.click.effect";
|
||||
// export * from "./demo.color_chooser";
|
||||
// export * from "./demo.color_chooser_popup";
|
||||
// export * from "./demo.segment";
|
@ -1,26 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.multi_select_item"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "复选item", |
||||
}, |
||||
{ |
||||
type: "bi.multi_select_item", |
||||
text: "复选项", |
||||
} |
||||
], |
||||
hgap: 300, |
||||
}; |
||||
} |
||||
} |
@ -1,24 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Items extends Widget { |
||||
static xtype = "demo.single_select_item"; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "单选item", |
||||
}, |
||||
{ |
||||
type: "bi.single_select_item", |
||||
text: "单选项", |
||||
} |
||||
], |
||||
hgap: 300, |
||||
}; |
||||
} |
||||
} |
@ -1,24 +0,0 @@
|
||||
import { shortcut, Widget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Items extends Widget { |
||||
static xtype = "demo.single_select_radio_item"; |
||||
|
||||
render() { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "单选item", |
||||
}, |
||||
{ |
||||
type: "bi.single_select_radio_item", |
||||
text: "单选项", |
||||
} |
||||
], |
||||
hgap: 300, |
||||
}; |
||||
} |
||||
} |
@ -1,3 +0,0 @@
|
||||
export * from "./demo.multi_select_item"; |
||||
export * from "./demo.single_select_item"; |
||||
export * from "./demo.single_select_radio_item"; |
@ -1,28 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
import { shortcut, Widget } from "@fui/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.lazy_loader"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
createWidget({ |
||||
type: "bi.lazy_loader", |
||||
element: this, |
||||
el: { |
||||
layouts: [ |
||||
{ |
||||
type: "bi.left", |
||||
hgap: 5, |
||||
} |
||||
], |
||||
}, |
||||
items: createItems(deepClone(CONSTANTS.ITEMS), { |
||||
type: "bi.button", |
||||
}), |
||||
}); |
||||
} |
||||
} |
@ -1,29 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
import { shortcut, Widget, createWidget, createItems, deepClone, Selection } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.select_list"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
createWidget({ |
||||
type: "bi.select_list", |
||||
toolbar: { |
||||
type: "bi.multi_select_bar", |
||||
iconWrapperWidth: 26, |
||||
}, |
||||
element: this, |
||||
el: { |
||||
el: { |
||||
chooseType: Selection.Multi, |
||||
}, |
||||
}, |
||||
items: createItems(deepClone(CONSTANTS.SIMPLE_ITEMS), { |
||||
type: "bi.multi_select_item", |
||||
}), |
||||
}); |
||||
} |
||||
} |
@ -1,2 +0,0 @@
|
||||
export * from "./demo.lazy_loader"; |
||||
export * from "./demo.select_list"; |
@ -1,30 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.all_count_pager"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
hgap: 200, |
||||
vgap: 50, |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: " (测试条件:总页数为3)", |
||||
}, |
||||
{ |
||||
type: "bi.all_count_pager", |
||||
pages: 3, |
||||
curr: 1, |
||||
count: 1000, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,54 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.direction_pager"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
mounted() { |
||||
this.pager.populate(); |
||||
} |
||||
|
||||
render() { |
||||
const self = this; |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
hgap: 200, |
||||
vgap: 50, |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
type: "bi.direction_pager", |
||||
ref(_ref) { |
||||
self.pager = _ref; |
||||
}, |
||||
horizontal: { |
||||
pages: false, // 总页数
|
||||
curr: 1, // 初始化当前页, pages为数字时可用
|
||||
|
||||
hasPrev(v) { |
||||
return v > 1; |
||||
}, |
||||
hasNext() { |
||||
return true; |
||||
}, |
||||
firstPage: 1, |
||||
}, |
||||
vertical: { |
||||
pages: false, // 总页数
|
||||
curr: 1, // 初始化当前页, pages为数字时可用
|
||||
|
||||
hasPrev(v) { |
||||
return v > 1; |
||||
}, |
||||
hasNext() { |
||||
return true; |
||||
}, |
||||
firstPage: 1, |
||||
}, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,2 +0,0 @@
|
||||
export * from "./demo.all_count_pager"; |
||||
export * from "./demo.direction_pager"; |
@ -1,52 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
|
||||
import { |
||||
ListPane, |
||||
MultiSelectItem, |
||||
ButtonGroup, |
||||
VerticalLayout, |
||||
shortcut, |
||||
Widget, |
||||
createItems, |
||||
deepClone, |
||||
} from "@fui/core"; |
||||
|
||||
@shortcut() |
||||
export class ListPaneDemo extends Widget { |
||||
static xtype = "demo.list_pane"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: ListPane.xtype, |
||||
ref() { |
||||
self.pane = this; |
||||
}, |
||||
itemsCreator(op, callback) { |
||||
setTimeout(() => { |
||||
callback( |
||||
createItems(deepClone(CONSTANTS.ITEMS), { |
||||
type: MultiSelectItem.xtype, |
||||
height: 25, |
||||
}) |
||||
); |
||||
}, 2000); |
||||
}, |
||||
el: { |
||||
type: ButtonGroup.xtype, |
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
} |
||||
|
||||
mounted() { |
||||
this.pane.populate(); |
||||
} |
||||
} |
@ -1,50 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
|
||||
import { AbsoluteLayout, Combo, TextButton, MultiPopupView, ButtonGroup, VerticalLayout, MultiSelectItem, shortcut, Widget, createItems, deepClone } from "@fui/core" |
||||
|
||||
|
||||
@shortcut() |
||||
export class MultiPopupViewDemo extends Widget { |
||||
static xtype = "demo.multi_popup_view"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: AbsoluteLayout.xtype, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: Combo.xtype, |
||||
width: 200, |
||||
height: 30, |
||||
el: { |
||||
type: TextButton.xtype, |
||||
text: "点击", |
||||
cls: "bi-border", |
||||
height: 30, |
||||
}, |
||||
popup: { |
||||
type: MultiPopupView.xtype, |
||||
el: { |
||||
type: ButtonGroup.xtype, |
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
} |
||||
], |
||||
items: createItems(deepClone(CONSTANTS.ITEMS), { |
||||
type: MultiSelectItem.xtype, |
||||
height: 25, |
||||
}), |
||||
}, |
||||
}, |
||||
}, |
||||
} |
||||
], |
||||
}; |
||||
} |
||||
} |
||||
|
@ -1,39 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
|
||||
import { Panel, Button, ButtonGroup, VerticalLayout, MultiSelectItem, shortcut, Widget, createItems, deepClone } from "@fui/core" |
||||
|
||||
|
||||
@shortcut() |
||||
export class PanelDemo extends Widget { |
||||
static xtype = "demo.panel"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: Panel.xtype, |
||||
title: "title", |
||||
titleButtons: [ |
||||
{ |
||||
type: Button.xtype, |
||||
text: "操作", |
||||
} |
||||
], |
||||
el: { |
||||
type: ButtonGroup.xtype, |
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
} |
||||
], |
||||
items: createItems(deepClone(CONSTANTS.ITEMS), { |
||||
type: MultiSelectItem.xtype, |
||||
height: 25, |
||||
}), |
||||
}, |
||||
}; |
||||
} |
||||
} |
||||
|
@ -1,50 +0,0 @@
|
||||
import { CONSTANTS } from "@/config/constant"; |
||||
|
||||
import { createItems, deepClone, AbsoluteLayout, Combo, TextButton, PopupPanel, ButtonGroup, VerticalLayout, MultiSelectItem, shortcut, Widget } from "@fui/core" |
||||
|
||||
|
||||
@shortcut() |
||||
export class PopupPanelDemo extends Widget { |
||||
static xtype = "demo.popup_panel"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const self = this; |
||||
|
||||
return { |
||||
type: AbsoluteLayout.xtype, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: Combo.xtype, |
||||
width: 200, |
||||
height: 30, |
||||
el: { |
||||
type: TextButton.xtype, |
||||
text: "点击", |
||||
cls: "bi-border", |
||||
height: 30, |
||||
}, |
||||
popup: { |
||||
type: PopupPanel.xtype, |
||||
el: { |
||||
type: ButtonGroup.xtype, |
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
} |
||||
], |
||||
items: createItems(deepClone(CONSTANTS.ITEMS), { |
||||
type: MultiSelectItem.xtype, |
||||
height: 25, |
||||
}), |
||||
}, |
||||
}, |
||||
}, |
||||
} |
||||
], |
||||
}; |
||||
} |
||||
} |
||||
|
@ -1,4 +0,0 @@
|
||||
export * from "./demo.list_pane"; |
||||
export * from "./demo.multi_popup_view"; |
||||
export * from "./demo.panel"; |
||||
export * from "./demo.popup_panel"; |
@ -1,53 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.display_tree"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const tree = createWidget({ |
||||
type: "bi.display_tree", |
||||
element: this, |
||||
}); |
||||
|
||||
tree.initTree([ |
||||
{ |
||||
id: 1, |
||||
text: "第一项", |
||||
open: true, |
||||
}, |
||||
{ |
||||
id: 2, |
||||
text: "第二项", |
||||
}, |
||||
{ |
||||
id: 11, |
||||
pId: 1, |
||||
text: "子项1(共2个)", |
||||
open: true, |
||||
}, |
||||
{ |
||||
id: 111, |
||||
pId: 11, |
||||
text: "子子项1", |
||||
}, |
||||
{ |
||||
id: 112, |
||||
pId: 11, |
||||
text: "子子项2", |
||||
}, |
||||
{ |
||||
id: 12, |
||||
pId: 1, |
||||
text: "子项2", |
||||
}, |
||||
{ |
||||
id: 13, |
||||
pId: 1, |
||||
text: "子项3", |
||||
} |
||||
]); |
||||
} |
||||
} |
@ -1,111 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
import { Msg } from "@/base"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.level_tree"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
const tree = createWidget({ |
||||
type: "bi.level_tree", |
||||
chooseType: 0, |
||||
items: [ |
||||
{ |
||||
id: 1, |
||||
text: "第一项", |
||||
value: 1, |
||||
isParent: true, |
||||
}, |
||||
{ |
||||
id: 2, |
||||
text: "第二项", |
||||
value: 2, |
||||
isParent: true, |
||||
}, |
||||
{ |
||||
id: 3, |
||||
text: "第三项", |
||||
value: 1, |
||||
isParent: true, |
||||
open: true, |
||||
}, |
||||
{ |
||||
id: 4, |
||||
text: "第四项", |
||||
value: 1, |
||||
}, |
||||
{ |
||||
id: 11, |
||||
pId: 1, |
||||
text: "子项1", |
||||
value: 11, |
||||
}, |
||||
{ |
||||
id: 12, |
||||
pId: 1, |
||||
text: "子项2", |
||||
value: 12, |
||||
}, |
||||
{ |
||||
id: 13, |
||||
pId: 1, |
||||
text: "子项3", |
||||
value: 13, |
||||
}, |
||||
{ |
||||
id: 111, |
||||
pId: 11, |
||||
text: "子项1-1", |
||||
value: 111, |
||||
}, |
||||
{ |
||||
id: 21, |
||||
pId: 2, |
||||
text: "子项1", |
||||
value: 21, |
||||
}, |
||||
{ |
||||
id: 31, |
||||
pId: 3, |
||||
text: "子项1", |
||||
value: 31, |
||||
}, |
||||
{ |
||||
id: 32, |
||||
pId: 3, |
||||
text: "子项2", |
||||
value: 32, |
||||
}, |
||||
{ |
||||
id: 33, |
||||
pId: 3, |
||||
text: "子项3", |
||||
value: 33, |
||||
} |
||||
], |
||||
}); |
||||
|
||||
createWidget({ |
||||
type: "bi.vtape", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: tree, |
||||
}, |
||||
{ |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler() { |
||||
Msg.alert("", tree.getValue()); |
||||
}, |
||||
}, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,147 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
import { Msg } from "@/base"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.simple_tree"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
// value值一定要是字符串
|
||||
const tree = createWidget({ |
||||
type: "bi.simple_tree", |
||||
items: [ |
||||
{ |
||||
id: 1, |
||||
text: "第一项", |
||||
value: "1", |
||||
}, |
||||
{ |
||||
id: 2, |
||||
text: "第二项", |
||||
value: "2", |
||||
}, |
||||
{ |
||||
id: 3, |
||||
text: "第三项", |
||||
value: "3", |
||||
open: true, |
||||
}, |
||||
{ |
||||
id: 11, |
||||
pId: 1, |
||||
text: "子项1", |
||||
value: "11", |
||||
}, |
||||
{ |
||||
id: 12, |
||||
pId: 1, |
||||
text: "子项2", |
||||
value: "12", |
||||
}, |
||||
{ |
||||
id: 13, |
||||
pId: 1, |
||||
text: "子项3", |
||||
value: "13", |
||||
}, |
||||
{ |
||||
id: 31, |
||||
pId: 3, |
||||
text: "子项1", |
||||
value: "31", |
||||
}, |
||||
{ |
||||
id: 32, |
||||
pId: 3, |
||||
text: "子项2", |
||||
value: "32", |
||||
}, |
||||
{ |
||||
id: 33, |
||||
pId: 3, |
||||
text: "子项3", |
||||
value: "33", |
||||
} |
||||
], |
||||
value: ["31", "32", "33"], |
||||
}); |
||||
|
||||
// tree.populate([{
|
||||
// id: 1,
|
||||
// text: "第一项",
|
||||
// value: "1"
|
||||
// }, {
|
||||
// id: 2,
|
||||
// text: "第二项",
|
||||
// value: "2"
|
||||
// }, {
|
||||
// id: 3,
|
||||
// text: "第三项",
|
||||
// value: "3",
|
||||
// open: true
|
||||
// }, {
|
||||
// id: 11,
|
||||
// pId: 1,
|
||||
// text: "子项1",
|
||||
// value: "11"
|
||||
// }, {
|
||||
// id: 12,
|
||||
// pId: 1,
|
||||
// text: "子项2",
|
||||
// value: "12"
|
||||
// }, {
|
||||
// id: 13,
|
||||
// pId: 1,
|
||||
// text: "子项3",
|
||||
// value: "13"
|
||||
// }, {
|
||||
// id: 31,
|
||||
// pId: 3,
|
||||
// text: "子项1",
|
||||
// value: "31"
|
||||
// }, {
|
||||
// id: 32,
|
||||
// pId: 3,
|
||||
// text: "子项2",
|
||||
// value: "32"
|
||||
// }, {
|
||||
// id: 33,
|
||||
// pId: 3,
|
||||
// text: "子项3",
|
||||
// value: "33"
|
||||
// }], "z");
|
||||
createWidget({ |
||||
type: "bi.vtape", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: tree, |
||||
}, |
||||
{ |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "setValue(['31', '32', '33'])", |
||||
handler() { |
||||
tree.setValue(["31", "32", "33"]); |
||||
}, |
||||
}, |
||||
}, |
||||
{ |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler() { |
||||
Msg.alert("", JSON.stringify(tree.getValue())); |
||||
}, |
||||
}, |
||||
} |
||||
], |
||||
}); |
||||
} |
||||
} |
@ -1,3 +0,0 @@
|
||||
export * from "./demo.display_tree"; |
||||
export * from "./demo.level_tree"; |
||||
export * from "./demo.simple_tree"; |
@ -1,29 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.editor_trigger"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
text: "输入框加图标的trigger", |
||||
}, |
||||
{ |
||||
type: "bi.editor_trigger", |
||||
watermark: "这是水印", |
||||
width: 200, |
||||
height: 24, |
||||
} |
||||
], |
||||
hgap: 20, |
||||
vgap: 20, |
||||
}); |
||||
} |
||||
} |
@ -1,28 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.icon_trigger"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
text: "只有一个图标的trigger", |
||||
}, |
||||
{ |
||||
type: "bi.icon_trigger", |
||||
width: 30, |
||||
height: 24, |
||||
} |
||||
], |
||||
hgap: 20, |
||||
vgap: 20, |
||||
}); |
||||
} |
||||
} |
@ -1,29 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.select_text_trigger"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
text: "可被选择的trigger", |
||||
}, |
||||
{ |
||||
type: "bi.select_text_trigger", |
||||
text: "这是一个简单的trigger", |
||||
width: 200, |
||||
height: 24, |
||||
} |
||||
], |
||||
hgap: 20, |
||||
vgap: 20, |
||||
}); |
||||
} |
||||
} |
@ -1,29 +0,0 @@
|
||||
import { shortcut, Widget, createWidget } from "@/core"; |
||||
|
||||
@shortcut() |
||||
export class Func extends Widget { |
||||
static xtype = "demo.text_trigger"; |
||||
|
||||
props = { baseCls: "demo-func" }; |
||||
|
||||
render() { |
||||
createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
text: "文本加图标的trigger", |
||||
}, |
||||
{ |
||||
type: "bi.text_trigger", |
||||
text: "这是一个简单的trigger", |
||||
width: 200, |
||||
height: 24, |
||||
} |
||||
], |
||||
hgap: 20, |
||||
vgap: 20, |
||||
}); |
||||
} |
||||
} |
@ -1,4 +0,0 @@
|
||||
export * from "./demo.editor_trigger"; |
||||
export * from "./demo.icon_trigger"; |
||||
export * from "./demo.select_text_trigger"; |
||||
export * from "./demo.text_trigger"; |
Loading…
Reference in new issue