Browse Source
Merge in VISUAL/fineui from ~IMPACT/fine_ui:es6 to es6 * commit '63ab82f65ff5ffcc80e44281afdc246078fbcb6d': KERNEL-13901 refactor: label、editor、input文件夹ES6化es6
Impact-吴家豪
2 years ago
18 changed files with 1685 additions and 1626 deletions
@ -0,0 +1,3 @@ |
|||||||
|
export { Editor } from "./editor"; |
||||||
|
export { MultifileEditor } from "./editor.multifile"; |
||||||
|
export { TextAreaEditor } from "./editor.textarea"; |
||||||
@ -1,5 +1,11 @@ |
|||||||
export { Single } from "./0.single"; |
export { Single } from "./0.single"; |
||||||
export { Text } from "./1.text"; |
export { Text } from "./1.text"; |
||||||
|
export { PureText } from "./text.pure"; |
||||||
|
export { Icon } from "./icon/icon"; |
||||||
|
export { Html } from "./html/html"; |
||||||
export { A } from "./a/a"; |
export { A } from "./a/a"; |
||||||
export * from "./tip"; |
export * from "./tip"; |
||||||
export * from "./button" |
export * from "./label"; |
||||||
|
export * from "./input"; |
||||||
|
export * from "./editor"; |
||||||
|
export * from "./button" |
||||||
|
|||||||
@ -0,0 +1,2 @@ |
|||||||
|
export { Input } from "./input"; |
||||||
|
export { File } from "./file"; |
||||||
@ -1,399 +1,400 @@ |
|||||||
/** |
/** |
||||||
* Created by dailer on 2019/6/19. |
* Created by dailer on 2019/6/19. |
||||||
*/ |
*/ |
||||||
!(function () { |
import { isNumber, createWidget, extend } from "../../../core"; |
||||||
BI.AbstractLabel = BI.inherit(BI.Single, { |
import { Single } from "../0.single"; |
||||||
|
|
||||||
_defaultConfig: function (props) { |
export class AbstractLabel extends Single { |
||||||
var conf = BI.AbstractLabel.superclass._defaultConfig.apply(this, arguments); |
|
||||||
|
|
||||||
return BI.extend(conf, { |
_defaultConfig(props) { |
||||||
textAlign: "center", |
const conf = super._defaultConfig(arguments); |
||||||
whiteSpace: "nowrap", // normal or nowrap
|
|
||||||
textWidth: null, |
|
||||||
textHeight: null, |
|
||||||
hgap: 0, |
|
||||||
vgap: 0, |
|
||||||
lgap: 0, |
|
||||||
rgap: 0, |
|
||||||
tgap: 0, |
|
||||||
bgap: 0, |
|
||||||
highLight: false, |
|
||||||
handler: null, |
|
||||||
enableHover: props.title !== null, |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
_createJson: function () { |
return extend(conf, { |
||||||
var o = this.options; |
textAlign: "center", |
||||||
|
whiteSpace: "nowrap", // normal or nowrap
|
||||||
|
textWidth: null, |
||||||
|
textHeight: null, |
||||||
|
hgap: 0, |
||||||
|
vgap: 0, |
||||||
|
lgap: 0, |
||||||
|
rgap: 0, |
||||||
|
tgap: 0, |
||||||
|
bgap: 0, |
||||||
|
highLight: false, |
||||||
|
handler: null, |
||||||
|
enableHover: props.title !== null, |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
return { |
_createJson() { |
||||||
type: "bi.text", |
const { textAlign, whiteSpace, textHeight, text, value, py, keyword, highLight, handler } = this.options; |
||||||
textAlign: o.textAlign, |
|
||||||
whiteSpace: o.whiteSpace, |
|
||||||
lineHeight: o.textHeight, |
|
||||||
maxWidth: "100%", |
|
||||||
text: o.text, |
|
||||||
value: o.value, |
|
||||||
py: o.py, |
|
||||||
keyword: o.keyword, |
|
||||||
highLight: o.highLight, |
|
||||||
handler: o.handler, |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
render: function () { |
return { |
||||||
if (this.options.textAlign === "center") { |
type: "bi.text", |
||||||
this._createCenterEl(); |
textAlign, |
||||||
} else { |
whiteSpace, |
||||||
this._createNotCenterEl(); |
lineHeight: textHeight, |
||||||
} |
maxWidth: "100%", |
||||||
}, |
text, |
||||||
|
value, |
||||||
|
py, |
||||||
|
keyword, |
||||||
|
highLight, |
||||||
|
handler, |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
_createCenterEl: function () { |
render() { |
||||||
var o = this.options; |
if (this.options.textAlign === "center") { |
||||||
var json = this._createJson(); |
this._createCenterEl(); |
||||||
json.textAlign = "left"; |
} else { |
||||||
if (BI.isNumber(o.width) && o.width > 0) { |
this._createNotCenterEl(); |
||||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { |
} |
||||||
json.maxWidth = o.textWidth; |
} |
||||||
if (BI.isNumber(o.height) && o.height > 0) { // 1.1
|
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.center_adapt", |
|
||||||
height: o.height, |
|
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
|
||||||
scrollable: o.whiteSpace === "normal", |
|
||||||
element: this, |
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: (this.text = BI.createWidget(json)), |
|
||||||
} |
|
||||||
], |
|
||||||
}); |
|
||||||
|
|
||||||
return; |
_createCenterEl() { |
||||||
} |
const { width, textWidth, height, whiteSpace, hgap, vgap, lgap, rgap, tgap, bgap, textAlign } = this.options; |
||||||
BI.createWidget({ // 1.2
|
const json = this._createJson(); |
||||||
|
json.textAlign = "left"; |
||||||
|
if (isNumber(width) && width > 0) { |
||||||
|
if (isNumber(textWidth) && textWidth > 0) { |
||||||
|
json.maxWidth = textWidth; |
||||||
|
if (isNumber(height) && height > 0) { // 1.1
|
||||||
|
createWidget({ |
||||||
type: "bi.center_adapt", |
type: "bi.center_adapt", |
||||||
|
height, |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
scrollable: o.whiteSpace === "normal", |
scrollable: whiteSpace === "normal", |
||||||
element: this, |
element: this, |
||||||
items: [ |
items: [ |
||||||
{ |
{ |
||||||
el: (this.text = BI.createWidget(json)), |
el: (this.text = createWidget(json)), |
||||||
} |
} |
||||||
], |
], |
||||||
}); |
}); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
if (o.whiteSpace === "normal") { // 1.3
|
createWidget({ // 1.2
|
||||||
BI.extend(json, { |
|
||||||
hgap: o.hgap, |
|
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
}); |
|
||||||
this.text = BI.createWidget(json); |
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.center_adapt", |
|
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
|
||||||
scrollable: o.whiteSpace === "normal", |
|
||||||
element: this, |
|
||||||
items: [this.text], |
|
||||||
}); |
|
||||||
|
|
||||||
return; |
|
||||||
} |
|
||||||
if (BI.isNumber(o.height) && o.height > 0) { // 1.4
|
|
||||||
this.element.css({ |
|
||||||
"line-height": BI.pixFormat(o.height), |
|
||||||
}); |
|
||||||
json.textAlign = o.textAlign; |
|
||||||
delete json.maxWidth; |
|
||||||
this.text = BI.createWidget(BI.extend(json, { |
|
||||||
element: this, |
|
||||||
hgap: o.hgap, |
|
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
})); |
|
||||||
|
|
||||||
return; |
|
||||||
} |
|
||||||
BI.extend(json, { // 1.5
|
|
||||||
hgap: o.hgap, |
|
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
maxWidth: "100%", |
|
||||||
}); |
|
||||||
this.text = BI.createWidget(json); |
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.center_adapt", |
type: "bi.center_adapt", |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
scrollable: o.whiteSpace === "normal", |
scrollable: whiteSpace === "normal", |
||||||
element: this, |
|
||||||
items: [this.text], |
|
||||||
}); |
|
||||||
|
|
||||||
return; |
|
||||||
} |
|
||||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { // 1.6
|
|
||||||
json.maxWidth = o.textWidth; |
|
||||||
BI.createWidget({ |
|
||||||
type: "bi.center_adapt", |
|
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
|
||||||
scrollable: o.whiteSpace === "normal", |
|
||||||
element: this, |
element: this, |
||||||
items: [ |
items: [ |
||||||
{ |
{ |
||||||
el: (this.text = BI.createWidget(json)), |
el: (this.text = createWidget(json)), |
||||||
} |
} |
||||||
], |
], |
||||||
}); |
}); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
if (o.whiteSpace === "normal") { // 1.7
|
if (whiteSpace === "normal") { // 1.3
|
||||||
BI.extend(json, { |
extend(json, { |
||||||
hgap: o.hgap, |
hgap, |
||||||
vgap: o.vgap, |
vgap, |
||||||
lgap: o.lgap, |
lgap, |
||||||
rgap: o.rgap, |
rgap, |
||||||
tgap: o.tgap, |
tgap, |
||||||
bgap: o.bgap, |
bgap, |
||||||
}); |
}); |
||||||
this.text = BI.createWidget(json); |
this.text = createWidget(json); |
||||||
BI.createWidget({ |
createWidget({ |
||||||
type: "bi.center_adapt", |
type: "bi.center_adapt", |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
scrollable: true, |
scrollable: whiteSpace === "normal", |
||||||
element: this, |
element: this, |
||||||
items: [this.text], |
items: [this.text], |
||||||
}); |
}); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
if (BI.isNumber(o.height) && o.height > 0) { // 1.8
|
if (isNumber(height) && height > 0) { // 1.4
|
||||||
this.element.css({ |
this.element.css({ |
||||||
"line-height": BI.pixFormat(o.height), |
"line-height": BI.pixFormat(height), |
||||||
}); |
}); |
||||||
json.textAlign = o.textAlign; |
json.textAlign = textAlign; |
||||||
delete json.maxWidth; |
delete json.maxWidth; |
||||||
this.text = BI.createWidget(BI.extend(json, { |
this.text = createWidget(extend(json, { |
||||||
element: this, |
element: this, |
||||||
hgap: o.hgap, |
hgap, |
||||||
vgap: o.vgap, |
vgap, |
||||||
lgap: o.lgap, |
lgap, |
||||||
rgap: o.rgap, |
rgap, |
||||||
tgap: o.tgap, |
tgap, |
||||||
bgap: o.bgap, |
bgap, |
||||||
})); |
})); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
this.text = BI.createWidget(BI.extend(json, { |
extend(json, { // 1.5
|
||||||
hgap: o.hgap, |
hgap, |
||||||
vgap: o.vgap, |
vgap, |
||||||
lgap: o.lgap, |
lgap, |
||||||
rgap: o.rgap, |
rgap, |
||||||
tgap: o.tgap, |
tgap, |
||||||
bgap: o.bgap, |
bgap, |
||||||
})); |
maxWidth: "100%", |
||||||
BI.createWidget({ |
}); |
||||||
|
this.text = createWidget(json); |
||||||
|
createWidget({ |
||||||
type: "bi.center_adapt", |
type: "bi.center_adapt", |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
|
scrollable: whiteSpace === "normal", |
||||||
element: this, |
element: this, |
||||||
items: [this.text], |
items: [this.text], |
||||||
}); |
}); |
||||||
}, |
|
||||||
|
|
||||||
_createNotCenterEl: function () { |
return; |
||||||
var o = this.options; |
} |
||||||
var adaptLayout = "bi.vertical_adapt"; |
if (isNumber(textWidth) && textWidth > 0) { // 1.6
|
||||||
var json = this._createJson(); |
json.maxWidth = textWidth; |
||||||
if (BI.isNumber(o.width) && o.width > 0) { |
createWidget({ |
||||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { |
type: "bi.center_adapt", |
||||||
json.maxWidth = o.textWidth; |
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
if (BI.isNumber(o.height) && o.height > 0) { // 2.1
|
scrollable: whiteSpace === "normal", |
||||||
BI.createWidget({ |
element: this, |
||||||
type: adaptLayout, |
items: [ |
||||||
horizontalAlign: o.textAlign, |
{ |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
el: (this.text = createWidget(json)), |
||||||
height: o.height, |
|
||||||
scrollable: o.whiteSpace === "normal", |
|
||||||
element: this, |
|
||||||
items: [ |
|
||||||
{ |
|
||||||
el: (this.text = BI.createWidget(json)), |
|
||||||
} |
|
||||||
], |
|
||||||
}); |
|
||||||
|
|
||||||
return; |
|
||||||
} |
} |
||||||
BI.createWidget({ // 2.2
|
], |
||||||
|
}); |
||||||
|
|
||||||
|
return; |
||||||
|
} |
||||||
|
if (whiteSpace === "normal") { // 1.7
|
||||||
|
extend(json, { |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
|
}); |
||||||
|
this.text = createWidget(json); |
||||||
|
createWidget({ |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
|
scrollable: true, |
||||||
|
element: this, |
||||||
|
items: [this.text], |
||||||
|
}); |
||||||
|
|
||||||
|
return; |
||||||
|
} |
||||||
|
if (isNumber(height) && height > 0) { // 1.8
|
||||||
|
this.element.css({ |
||||||
|
"line-height": BI.pixFormat(height), |
||||||
|
}); |
||||||
|
json.textAlign = textAlign; |
||||||
|
delete json.maxWidth; |
||||||
|
this.text = createWidget(extend(json, { |
||||||
|
element: this, |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
|
})); |
||||||
|
|
||||||
|
return; |
||||||
|
} |
||||||
|
this.text = createWidget(extend(json, { |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
|
})); |
||||||
|
createWidget({ |
||||||
|
type: "bi.center_adapt", |
||||||
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
|
element: this, |
||||||
|
items: [this.text], |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
_createNotCenterEl() { |
||||||
|
const { width, textWidth, height, whiteSpace, hgap, vgap, lgap, rgap, tgap, bgap, textAlign } = this.options; |
||||||
|
const adaptLayout = "bi.vertical_adapt"; |
||||||
|
const json = this._createJson(); |
||||||
|
if (isNumber(width) && width > 0) { |
||||||
|
if (isNumber(textWidth) && textWidth > 0) { |
||||||
|
json.maxWidth = textWidth; |
||||||
|
if (isNumber(height) && height > 0) { // 2.1
|
||||||
|
createWidget({ |
||||||
type: adaptLayout, |
type: adaptLayout, |
||||||
horizontalAlign: o.textAlign, |
horizontalAlign: textAlign, |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
scrollable: o.whiteSpace === "normal", |
height, |
||||||
hgap: o.hgap, |
scrollable: whiteSpace === "normal", |
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
element: this, |
element: this, |
||||||
items: [ |
items: [ |
||||||
{ |
{ |
||||||
el: (this.text = BI.createWidget(json)), |
el: (this.text = createWidget(json)), |
||||||
} |
} |
||||||
], |
], |
||||||
}); |
}); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
if (BI.isNumber(o.height) && o.height > 0) { // 2.3
|
createWidget({ // 2.2
|
||||||
if (o.whiteSpace !== "normal") { |
|
||||||
this.element.css({ |
|
||||||
"line-height": BI.pixFormat(o.height - (o.vgap * 2)), |
|
||||||
}); |
|
||||||
} |
|
||||||
delete json.maxWidth; |
|
||||||
this.text = BI.createWidget(BI.extend(json, { |
|
||||||
element: this, |
|
||||||
hgap: o.hgap, |
|
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
})); |
|
||||||
|
|
||||||
return; |
|
||||||
} |
|
||||||
json.maxWidth = o.width - 2 * o.hgap - o.lgap - o.rgap; |
|
||||||
BI.createWidget({ // 2.4
|
|
||||||
type: adaptLayout, |
type: adaptLayout, |
||||||
horizontalAlign: o.textAlign, |
horizontalAlign: textAlign, |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
scrollable: o.whiteSpace === "normal", |
scrollable: whiteSpace === "normal", |
||||||
hgap: o.hgap, |
hgap, |
||||||
vgap: o.vgap, |
vgap, |
||||||
lgap: o.lgap, |
lgap, |
||||||
rgap: o.rgap, |
rgap, |
||||||
tgap: o.tgap, |
tgap, |
||||||
bgap: o.bgap, |
bgap, |
||||||
element: this, |
|
||||||
items: [{ |
|
||||||
el: (this.text = BI.createWidget(json)), |
|
||||||
}], |
|
||||||
}); |
|
||||||
|
|
||||||
return; |
|
||||||
} |
|
||||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { |
|
||||||
json.maxWidth = o.textWidth; |
|
||||||
BI.createWidget({ // 2.5
|
|
||||||
type: adaptLayout, |
|
||||||
horizontalAlign: o.textAlign, |
|
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
|
||||||
scrollable: o.whiteSpace === "normal", |
|
||||||
hgap: o.hgap, |
|
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
element: this, |
element: this, |
||||||
items: [ |
items: [ |
||||||
{ |
{ |
||||||
el: (this.text = BI.createWidget(json)), |
el: (this.text = createWidget(json)), |
||||||
} |
} |
||||||
], |
], |
||||||
}); |
}); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
if (BI.isNumber(o.height) && o.height > 0) { |
if (isNumber(height) && height > 0) { // 2.3
|
||||||
if (o.whiteSpace !== "normal") { |
if (whiteSpace !== "normal") { |
||||||
this.element.css({ |
this.element.css({ |
||||||
"line-height": BI.pixFormat(o.height - (o.vgap * 2)), |
"line-height": BI.pixFormat(height - (vgap * 2)), |
||||||
}); |
}); |
||||||
} |
} |
||||||
delete json.maxWidth; |
delete json.maxWidth; |
||||||
this.text = BI.createWidget(BI.extend(json, { // 2.6
|
this.text = createWidget(extend(json, { |
||||||
element: this, |
element: this, |
||||||
hgap: o.hgap, |
hgap, |
||||||
vgap: o.vgap, |
vgap, |
||||||
lgap: o.lgap, |
lgap, |
||||||
rgap: o.rgap, |
rgap, |
||||||
tgap: o.tgap, |
tgap, |
||||||
bgap: o.bgap, |
bgap, |
||||||
})); |
})); |
||||||
|
|
||||||
return; |
return; |
||||||
} |
} |
||||||
this.text = BI.createWidget(BI.extend(json, { |
json.maxWidth = width - 2 * hgap - lgap - rgap; |
||||||
hgap: o.hgap, |
createWidget({ // 2.4
|
||||||
vgap: o.vgap, |
|
||||||
lgap: o.lgap, |
|
||||||
rgap: o.rgap, |
|
||||||
tgap: o.tgap, |
|
||||||
bgap: o.bgap, |
|
||||||
})); |
|
||||||
BI.createWidget({ |
|
||||||
type: adaptLayout, |
type: adaptLayout, |
||||||
horizontalAlign: o.textAlign, |
horizontalAlign: textAlign, |
||||||
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
|
scrollable: whiteSpace === "normal", |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
element: this, |
element: this, |
||||||
scrollable: o.whiteSpace === "normal", |
items: [{ |
||||||
items: [this.text], |
el: (this.text = createWidget(json)), |
||||||
|
}], |
||||||
}); |
}); |
||||||
}, |
|
||||||
|
|
||||||
doRedMark: function () { |
return; |
||||||
this.text.doRedMark.apply(this.text, arguments); |
} |
||||||
}, |
if (isNumber(textWidth) && textWidth > 0) { |
||||||
|
json.maxWidth = textWidth; |
||||||
|
createWidget({ // 2.5
|
||||||
|
type: adaptLayout, |
||||||
|
horizontalAlign: textAlign, |
||||||
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
|
scrollable: whiteSpace === "normal", |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
|
element: this, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
el: (this.text = createWidget(json)), |
||||||
|
} |
||||||
|
], |
||||||
|
}); |
||||||
|
|
||||||
unRedMark: function () { |
return; |
||||||
this.text.unRedMark.apply(this.text, arguments); |
} |
||||||
}, |
if (isNumber(height) && height > 0) { |
||||||
|
if (whiteSpace !== "normal") { |
||||||
|
this.element.css({ |
||||||
|
"line-height": BI.pixFormat(height - (vgap * 2)), |
||||||
|
}); |
||||||
|
} |
||||||
|
delete json.maxWidth; |
||||||
|
this.text = createWidget(extend(json, { // 2.6
|
||||||
|
element: this, |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
|
})); |
||||||
|
|
||||||
doHighLight: function () { |
return; |
||||||
this.text.doHighLight.apply(this.text, arguments); |
} |
||||||
}, |
this.text = createWidget(extend(json, { |
||||||
|
hgap, |
||||||
|
vgap, |
||||||
|
lgap, |
||||||
|
rgap, |
||||||
|
tgap, |
||||||
|
bgap, |
||||||
|
})); |
||||||
|
createWidget({ |
||||||
|
type: adaptLayout, |
||||||
|
horizontalAlign: textAlign, |
||||||
|
columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
|
||||||
|
element: this, |
||||||
|
scrollable: whiteSpace === "normal", |
||||||
|
items: [this.text], |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
unHighLight: function () { |
doRedMark() { |
||||||
this.text.unHighLight.apply(this.text, arguments); |
this.text.doRedMark.apply(this.text, arguments); |
||||||
}, |
} |
||||||
|
|
||||||
setText: function (v) { |
unRedMark() { |
||||||
this.options.text = v; |
this.text.unRedMark.apply(this.text, arguments); |
||||||
this.text.setText(v); |
} |
||||||
}, |
|
||||||
|
|
||||||
getText: function () { |
doHighLight() { |
||||||
return this.options.text; |
this.text.doHighLight.apply(this.text, arguments); |
||||||
}, |
} |
||||||
|
|
||||||
setStyle: function (css) { |
unHighLight() { |
||||||
this.text.setStyle(css); |
this.text.unHighLight.apply(this.text, arguments); |
||||||
}, |
} |
||||||
|
|
||||||
setValue: function (v) { |
setText(v) { |
||||||
BI.AbstractLabel.superclass.setValue.apply(this, arguments); |
this.options.text = v; |
||||||
if (!this.isReadOnly()) { |
this.text.setText(v); |
||||||
this.options.text = v; |
} |
||||||
this.text.setValue(v); |
|
||||||
} |
getText() { |
||||||
}, |
return this.options.text; |
||||||
}); |
} |
||||||
}()); |
|
||||||
|
setStyle(css) { |
||||||
|
this.text.setStyle(css); |
||||||
|
} |
||||||
|
|
||||||
|
setValue(v) { |
||||||
|
super.setValue(v); |
||||||
|
if (!this.isReadOnly()) { |
||||||
|
this.options.text = v; |
||||||
|
this.text.setValue(v); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|||||||
@ -1,26 +1,28 @@ |
|||||||
/** |
/** |
||||||
* Created by GUY on 2015/6/26. |
* Created by GUY on 2015/6/26. |
||||||
*/ |
*/ |
||||||
|
import { shortcut } from "../../../core"; |
||||||
|
import { AbstractLabel } from "./abstract.label" |
||||||
|
|
||||||
BI.HtmlLabel = BI.inherit(BI.AbstractLabel, { |
@shortcut() |
||||||
|
export class HtmlLabel extends AbstractLabel { |
||||||
|
static xtype = "bi.html_label"; |
||||||
|
|
||||||
props: { |
props = { |
||||||
baseCls: "bi-html-label", |
baseCls: "bi-html-label", |
||||||
}, |
} |
||||||
|
|
||||||
_createJson: function () { |
_createJson() { |
||||||
var o = this.options; |
const { textAlign, whiteSpace, textHeight, text, value, handler } = this.options; |
||||||
|
|
||||||
return { |
return { |
||||||
type: "bi.html", |
type: "bi.html", |
||||||
textAlign: o.textAlign, |
textAlign, |
||||||
whiteSpace: o.whiteSpace, |
whiteSpace, |
||||||
lineHeight: o.textHeight, |
lineHeight: textHeight, |
||||||
text: o.text, |
text, |
||||||
value: o.value, |
value, |
||||||
handler: o.handler, |
handler, |
||||||
}; |
}; |
||||||
}, |
} |
||||||
}); |
} |
||||||
|
|
||||||
BI.shortcut("bi.html_label", BI.HtmlLabel); |
|
||||||
|
|||||||
@ -0,0 +1,4 @@ |
|||||||
|
export { AbstractLabel } from "./abstract.label"; |
||||||
|
export { HtmlLabel } from "./html.label"; |
||||||
|
export { IconLabel } from "./icon.label"; |
||||||
|
export { Label } from "./label"; |
||||||
@ -1,39 +1,41 @@ |
|||||||
/** |
/** |
||||||
* Created by GUY on 2015/6/26. |
* Created by GUY on 2015/6/26. |
||||||
*/ |
*/ |
||||||
|
import { shortcut, isFunction, isNotNull } from "../../../core"; |
||||||
|
import { AbstractLabel } from "./abstract.label" |
||||||
|
|
||||||
BI.Label = BI.inherit(BI.AbstractLabel, { |
@shortcut() |
||||||
|
export class Label extends AbstractLabel { |
||||||
|
static xtype = "bi.label"; |
||||||
|
|
||||||
props: { |
props = { |
||||||
baseCls: "bi-label", |
baseCls: "bi-label", |
||||||
py: "", |
py: "", |
||||||
keyword: "", |
keyword: "", |
||||||
}, |
} |
||||||
|
|
||||||
getTitle: function () { |
getTitle() { |
||||||
var title = this.options.title; |
const title = this.options.title; |
||||||
var text = this.options.text; |
const text = this.options.text; |
||||||
if (BI.isFunction(title)) { |
if (isFunction(title)) { |
||||||
return title(); |
return title(); |
||||||
} |
} |
||||||
if (BI.isNotNull(title)) { |
if (isNotNull(title)) { |
||||||
return title; |
return title; |
||||||
} |
} |
||||||
|
|
||||||
if (BI.isFunction(text)) { |
if (isFunction(text)) { |
||||||
return text(); |
return text(); |
||||||
} |
} |
||||||
|
|
||||||
return text; |
return text; |
||||||
}, |
} |
||||||
|
|
||||||
doRedMark: function () { |
doRedMark() { |
||||||
this.text.doRedMark.apply(this.text, arguments); |
this.text.doRedMark.apply(this.text, arguments); |
||||||
}, |
} |
||||||
|
|
||||||
unRedMark: function () { |
unRedMark() { |
||||||
this.text.unRedMark.apply(this.text, arguments); |
this.text.unRedMark.apply(this.text, arguments); |
||||||
}, |
} |
||||||
}); |
} |
||||||
|
|
||||||
BI.shortcut("bi.label", BI.Label); |
|
||||||
|
|||||||
@ -1,46 +1,47 @@ |
|||||||
/** |
/** |
||||||
* 没有html标签的纯文本 |
* 没有html标签的纯文本 |
||||||
*/ |
*/ |
||||||
!(function () { |
import { Widget, shortcut, isFunction, isKey, isNotNull } from "../../core"; |
||||||
BI.PureText = BI.inherit(BI.Widget, { |
import { Text } from "./1.text"; |
||||||
|
|
||||||
props: { |
@shortcut() |
||||||
tagName: null, |
export class PureText extends Widget { |
||||||
}, |
static xtype = "bi.pure_text"; |
||||||
|
|
||||||
|
props = { |
||||||
|
tagName: null, |
||||||
|
} |
||||||
|
|
||||||
render: function () { |
render() { |
||||||
var self = this, o = this.options; |
const { text: optionsText, value } = this.options; |
||||||
var text = BI.isFunction(o.text) ? this.__watch(o.text, function (context, newValue) { |
const text = isFunction(optionsText) ? this.__watch(optionsText, (context, newValue) => { |
||||||
self.setText(newValue); |
this.setText(newValue); |
||||||
}) : o.text; |
}) : optionsText; |
||||||
if (BI.isKey(text)) { |
if (isKey(text)) { |
||||||
this.setText(text); |
this.setText(text); |
||||||
} else if (BI.isKey(o.value)) { |
} else if (isKey(value)) { |
||||||
this.setText(o.value); |
this.setText(value); |
||||||
} |
} |
||||||
}, |
} |
||||||
|
|
||||||
_getShowText: function () { |
|
||||||
var o = this.options; |
|
||||||
var text = BI.isFunction(o.text) ? o.text() : o.text; |
|
||||||
text = BI.isKey(text) ? text : o.value; |
|
||||||
if (!BI.isKey(text)) { |
|
||||||
return ""; |
|
||||||
} |
|
||||||
|
|
||||||
return BI.Text.formatText(text + ""); |
_getShowText() { |
||||||
}, |
const { text: optionsText, value } = this.options; |
||||||
|
const text = isFunction(optionsText) ? optionsText() : optionsText; |
||||||
|
text = isKey(text) ? text : value; |
||||||
|
if (!isKey(text)) { |
||||||
|
return ""; |
||||||
|
} |
||||||
|
|
||||||
setValue: function (value) { |
return Text.formatText(text + ""); |
||||||
this.options.value = value; |
} |
||||||
this.setText(value); |
|
||||||
}, |
|
||||||
|
|
||||||
setText: function (text) { |
setValue(value) { |
||||||
this.options.text = BI.isNotNull(text) ? text : ""; |
this.options.value = value; |
||||||
this.element.__textKeywordMarked__(this._getShowText()); |
this.setText(value); |
||||||
}, |
} |
||||||
}); |
|
||||||
BI.shortcut("bi.pure_text", BI.PureText); |
|
||||||
}()); |
|
||||||
|
|
||||||
|
setText(text) { |
||||||
|
this.options.text = isNotNull(text) ? text : ""; |
||||||
|
this.element.__textKeywordMarked__(this._getShowText()); |
||||||
|
} |
||||||
|
} |
||||||
|
|||||||
Loading…
Reference in new issue