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