fanruan
/
fineui
4
1
Fork 3
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

KERNEL-13883 refactor:base/single/tip文件夹es6化

es6
Joker.Wang-王顺 2 years ago
parent
1222710076
commit
b00440694d
3 changed files with 189 additions and 175 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      src/base/single/tip/0.tip.js
  2. 214
      src/base/single/tip/tip.toast.js
  3. 121
      src/base/single/tip/tip.tooltip.js

27
src/base/single/tip/0.tip.js
Unescape View File

@ -6,18 +6,19 @@
* @extends BI.Single * @extends BI.Single
* @abstract * @abstract
*/ */
BI.Tip = BI.inherit(BI.Single, { export class Tip extends BI.Single {
_defaultConfig: function () { _defaultConfig() {
var conf = BI.Tip.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, {
_baseCls: (conf._baseCls || "") + " bi-tip",
zIndex: BI.zIndex_tip,
});
}
return BI.extend(conf, { _init() {
_baseCls: (conf._baseCls || "") + " bi-tip", super._init();
zIndex: BI.zIndex_tip, this.element.css({ zIndex: this.options.zIndex });
}); }
}, }
_init: function () { BI.extend(BI, { Tip });
BI.Tip.superclass._init.apply(this, arguments);
this.element.css({ zIndex: this.options.zIndex });
},
});

214
src/base/single/tip/tip.toast.js
Unescape View File

@ -5,115 +5,123 @@
* @class BI.Toast * @class BI.Toast
* @extends BI.Tip * @extends BI.Tip
*/ */
BI.Toast = BI.inherit(BI.Tip, {
_const: {
closableMinWidth: 146,
minWidth: 100,
closableMaxWidth: 410,
maxWidth: 400,
},
_defaultConfig: function () { import { shortcut } from "../../../core/decorator";
return BI.extend(BI.Toast.superclass._defaultConfig.apply(this, arguments), { @shortcut()
extraCls: "bi-toast", export class Toast extends BI.Tip {
text: "", _const= {
level: "success", // success或warning closableMinWidth: 146,
autoClose: true, minWidth: 100,
closable: null, closableMaxWidth: 410,
textHeight: 20, maxWidth: 400,
vgap: 10, }
innerHgap: 4,
hgap: 8,
});
},
render: function () { static EVENT_DESTORY = "EVENT_DESTORY";
var self = this, o = this.options, c = this._const; static xtype = "bi.toast";
this.element.css({
minWidth: BI.pixFormat(o.closable ? c.closableMinWidth : c.minWidth),
maxWidth: BI.pixFormat(o.closable ? c.closableMaxWidth : c.maxWidth),
});
this.element.addClass("toast-" + o.level);
function fn(e) {
e.stopPropagation();
e.stopEvent();
return false; _defaultConfig() {
} return BI.extend(super._defaultConfig(arguments), {
this.element.bind({ extraCls: "bi-toast",
click: fn, text: "",
mousedown: fn, level: "success", // success或warning
mouseup: fn, autoClose: true,
mouseover: fn, closable: null,
mouseenter: fn, textHeight: 20,
mouseleave: fn, vgap: 10,
mousemove: fn, innerHgap: 4,
}); hgap: 8,
var cls; });
switch (o.level) { }
case "success":
cls = "toast-success-font"; render() {
break; const { closable, level, autoClose, textHeight, text, hgap, vgap, innerHgap } = this.options;
case "error": const { closableMinWidth, minWidth, maxWidth, closableMaxWidth } = this._const;
cls = "toast-error-font"; this.element.css({
break; minWidth: BI.pixFormat(closable ? closableMinWidth : minWidth),
case "warning": maxWidth: BI.pixFormat(closable ? closableMaxWidth : maxWidth),
cls = "toast-warning-font"; });
break; this.element.addClass("toast-" + level);
case "loading": function fn(e) {
cls = "toast-loading-font anim-rotate"; e.stopPropagation();
break; e.stopEvent();
case "normal":
default:
cls = "toast-message-font";
break;
}
function hasCloseIcon() { return false;
return o.closable === true || (o.closable === null && o.autoClose === false); }
} this.element.bind({
var items = [{ click: fn,
type: "bi.icon_label", mousedown: fn,
cls: cls + " toast-icon", mouseup: fn,
height: o.textHeight, mouseover: fn,
}, { mouseenter: fn,
el: BI.isPlainObject(o.text) ? o.text : { mouseleave: fn,
type: "bi.label", mousemove: fn,
whiteSpace: "normal", });
text: o.text, let cls;
textHeight: o.textHeight, switch (level) {
textAlign: "left", case "success":
cls = "toast-success-font";
break;
case "error":
cls = "toast-error-font";
break;
case "warning":
cls = "toast-warning-font";
break;
case "loading":
cls = "toast-loading-font anim-rotate";
break;
case "normal":
default:
cls = "toast-message-font";
break;
}
function hasCloseIcon() {
return closable === true || (closable === null && autoClose === false);
}
const items = [{
type: "bi.icon_label",
cls: cls + " toast-icon",
height: textHeight,
}, {
el: BI.isPlainObject(text) ? text : {
type: "bi.label",
whiteSpace: "normal",
text: text,
textHeight: textHeight,
textAlign: "left",
},
}];
const columnSize = ["", "fill"];
if (hasCloseIcon()) {
items.push({
type: "bi.icon_button",
cls: "close-font toast-icon",
handler: ()=> {
this.destroy();
}, },
}]; height: textHeight,
});
columnSize.push("");
}
var columnSize = ["", "fill"]; return {
type: "bi.horizontal",
horizontalAlign: BI.HorizontalAlign.Stretch,
items: items,
hgap: hgap,
vgap: vgap,
innerHgap: innerHgap,
columnSize: columnSize,
};
}
if (hasCloseIcon()) { beforeDestroy() {
items.push({ this.fireEvent(Toast.EVENT_DESTORY);
type: "bi.icon_button", }
cls: "close-font toast-icon",
handler: function () {
self.destroy();
},
height: o.textHeight,
});
columnSize.push("");
}
return { }
type: "bi.horizontal",
horizontalAlign: BI.HorizontalAlign.Stretch,
items: items,
hgap: o.hgap,
vgap: o.vgap,
innerHgap: o.innerHgap,
columnSize: columnSize,
};
},
beforeDestroy: function () { BI.extend(BI, { Toast });
this.fireEvent(BI.Toast.EVENT_DESTORY);
},
});
BI.Toast.EVENT_DESTORY = "EVENT_DESTORY";
BI.shortcut("bi.toast", BI.Toast);

121
src/base/single/tip/tip.tooltip.js
Unescape View File

@ -5,85 +5,90 @@
* @class BI.Tooltip * @class BI.Tooltip
* @extends BI.Tip * @extends BI.Tip
*/ */
BI.Tooltip = BI.inherit(BI.Tip, {
_const: { import { shortcut } from "../../../core/decorator";
@shortcut()
export class Tooltip extends BI.Tip {
_const = {
hgap: 8, hgap: 8,
vgap: 4, vgap: 4,
}, }
static xtype = "bi.tooltip";
_defaultConfig: function () { _defaultConfig() {
return BI.extend(BI.Tooltip.superclass._defaultConfig.apply(this, arguments), { return BI.extend(super._defaultConfig(arguments), {
extraCls: "bi-tooltip", extraCls: "bi-tooltip",
text: "", text: "",
level: "success", // success或warning level: "success", // success或warning
stopEvent: false, stopEvent: false,
stopPropagation: false, stopPropagation: false,
textAlign: "left", textAlign: "left",
}); });
}, }
render: function () { render () {
var o = this.options; const { level, stopPropagation, stopEvent, text, textAlign } = this.options;
this.element.addClass("tooltip-" + o.level); this.element.addClass("tooltip-" + level);
function fn(e) { function fn(e) {
o.stopPropagation && e.stopPropagation(); stopPropagation && e.stopPropagation();
o.stopEvent && e.stopEvent(); stopEvent && e.stopEvent();
} }
this.element.bind({ this.element.bind({
click: fn, click: fn,
mousedown: fn, mousedown: fn,
mouseup: fn, mouseup: fn,
mouseover: fn, mouseover: fn,
mouseenter: fn, mouseenter: fn,
mouseleave: fn, mouseleave: fn,
mousemove: fn, mousemove: fn,
}); });
var texts = (o.text + "").split("\n"); const texts = (text + "").split("\n");
if (texts.length > 1) { if (texts.length > 1) {
BI.createWidget({ BI.createWidget({
type: "bi.vertical", type: "bi.vertical",
element: this, element: this,
hgap: this._const.hgap, hgap: this._const.hgap,
innerVgap: this._const.vgap, innerVgap: this._const.vgap,
items: BI.map(texts, function (i, text) { items: BI.map(texts, function (i, text) {
return { return {
type: "bi.label", type: "bi.label",
textAlign: o.textAlign, textAlign: textAlign,
whiteSpace: "normal", whiteSpace: "normal",
text: text, text: text,
textHeight: 18, textHeight: 18,
title: null, title: null,
}; };
}), }),
}); });
} else { } else {
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
textAlign: o.textAlign, textAlign: textAlign,
whiteSpace: "normal", whiteSpace: "normal",
text: o.text, text: text,
title: null, title: null,
textHeight: 18, textHeight: 18,
hgap: this._const.hgap, hgap: this._const.hgap,
vgap: this._const.vgap, vgap: this._const.vgap,
}); });
} }
}, }
setWidth: function (width) { setWidth(width) {
this.element.width(BI.pixFormat(width - 2 * this._const.hgap)); this.element.width(BI.pixFormat(width - 2 * this._const.hgap));
}, }
setText: function (text) { setText(text) {
this.text && this.text.setText(text); this.text && this.text.setText(text);
}, }
setLevel: function (level) { setLevel(level) {
this.element.removeClass("tooltip-success").removeClass("tooltip-warning"); this.element.removeClass("tooltip-success").removeClass("tooltip-warning");
this.element.addClass("tooltip-" + level); this.element.addClass("tooltip-" + level);
}, }
});
}
BI.shortcut("bi.tooltip", BI.Tooltip); BI.extend(BI, { Tooltip });

Write Preview
Loading…
Cancel
Save