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

KERNEL-13962 refact: es6按钮组

es6
Treecat 2 years ago
parent
5a768a5fae
commit
e8f2b82e48
20 changed files with 1094 additions and 944 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. 38
      src/base/index.js
  2. 52
      src/base/single/bar/bar.loading.js
  3. 391
      src/base/single/button/button.basic.js
  4. 56
      src/base/single/button/button.node.js
  5. 48
      src/base/single/button/buttons/button.icon.js
  6. 85
      src/base/single/button/buttons/button.image.js
  7. 157
      src/base/single/button/buttons/button.js
  8. 72
      src/base/single/button/buttons/button.text.js
  9. 79
      src/base/single/button/listitem/blankiconicontextitem.js
  10. 74
      src/base/single/button/listitem/blankicontexticonitem.js
  11. 75
      src/base/single/button/listitem/blankicontextitem.js
  12. 76
      src/base/single/button/listitem/icontexticonitem.js
  13. 73
      src/base/single/button/listitem/icontextitem.js
  14. 71
      src/base/single/button/listitem/texticonitem.js
  15. 69
      src/base/single/button/listitem/textitem.js
  16. 67
      src/base/single/button/node/icontexticonnode.js
  17. 66
      src/base/single/button/node/icontextnode.js
  18. 67
      src/base/single/button/node/texticonnode.js
  19. 65
      src/base/single/button/node/textnode.js
  20. 3
      src/core/index.js

38
src/base/index.js
Unescape View File

@ -15,8 +15,46 @@ import VirtualList from "./list/virtuallist";
import GridView from "./grid/grid"; import GridView from "./grid/grid";
import Pager from "./pager/pager"; import Pager from "./pager/pager";
import { BasicButton } from "./single/button/button.basic";
import { NodeButton } from "./single/button/button.node";
import { Button } from "./single/button/buttons/button";
import { IconButton } from "./single/button/buttons/button.icon";
import { ImageButton } from "./single/button/buttons/button.image";
import { TextButton } from "./single/button/buttons/button.text";
import { BlankIconIconTextItem } from "./single/button/listitem/blankiconicontextitem";
import { BlankIconTextIconItem } from "./single/button/listitem/blankicontexticonitem";
import { BlankIconTextItem } from "./single/button/listitem/blankicontextitem";
import { IconTextIconItem } from "./single/button/listitem/icontexticonitem";
import { IconTextItem } from "./single/button/listitem/icontextitem";
import { TextIconItem } from "./single/button/listitem/texticonitem";
import { TextItem } from "./single/button/listitem/textitem";
import { IconTextIconNode } from "./single/button/node/icontexticonnode";
import { IconTextNode } from "./single/button/node/icontextnode";
import { TextIconNode } from "./single/button/node/texticonnode";
import { TextNode } from "./single/button/node/textnode";
BI.extend(BI, { BI.extend(BI, {
NodeButton,
BasicButton,
Button,
IconButton,
ImageButton,
TextButton,
BlankIconIconTextItem,
BlankIconTextIconItem,
BlankIconTextItem,
IconTextIconItem,
IconTextItem,
TextIconItem,
TextItem,
IconTextIconNode,
IconTextNode,
TextIconNode,
TextNode,
Pane, Pane,
Single, Single,
Text, Text,

52
src/base/single/bar/bar.loading.js
Unescape View File

@ -1,21 +1,26 @@
import { shortcut, emptyFn } from "../../../core"
/** /**
* guy * guy
* 加载条 * 加载条
* @type {*|void|Object} * @type {*|void|Object}
*/ */
BI.LoadingBar = BI.inherit(BI.Single, { @shortcut()
_defaultConfig: function () { class LoadingBar extends BI.Single {
var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { static xtype = "bi.loading_bar";
_defaultConfig() {
const conf = super._defaultConfig.apply(this, arguments);
return {
...conf,
baseCls: (conf.baseCls || "") + " bi-loading-bar bi-tips", baseCls: (conf.baseCls || "") + " bi-loading-bar bi-tips",
height: 30, height: 30,
handler: BI.emptyFn, handler: emptyFn,
}); }
}, }
render: function () { render() {
var self = this;
this.loaded = BI.createWidget({ this.loaded = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "loading-text bi-list-item-simple", cls: "loading-text bi-list-item-simple",
@ -23,8 +28,8 @@ BI.LoadingBar = BI.inherit(BI.Single, {
width: 120, width: 120,
handler: this.options.handler, handler: this.options.handler,
}); });
this.loaded.on(BI.Controller.EVENT_CHANGE, function (type) { this.loaded.on(BI.Controller.EVENT_CHANGE, (...args) => {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); this.fireEvent(BI.Controller.EVENT_CHANGE, args);
}); });
this.loading = BI.createWidget({ this.loading = BI.createWidget({
@ -33,11 +38,11 @@ BI.LoadingBar = BI.inherit(BI.Single, {
height: this.options.height, height: this.options.height,
cls: "loading-background cursor-default", cls: "loading-background cursor-default",
}); });
var loaded = BI.createWidget({ const loaded = BI.createWidget({
type: "bi.center_adapt", type: "bi.center_adapt",
items: [this.loaded], items: [this.loaded],
}); });
var loading = BI.createWidget({ const loading = BI.createWidget({
type: "bi.center_adapt", type: "bi.center_adapt",
items: [this.loading], items: [this.loading],
}); });
@ -53,29 +58,28 @@ BI.LoadingBar = BI.inherit(BI.Single, {
}], }],
}); });
this.invisible(); this.invisible();
}, }
_reset: function () { _reset() {
this.visible(); this.visible();
this.loaded.setText(BI.i18nText("BI-Load_More")); this.loaded.setText(BI.i18nText("BI-Load_More"));
this.loaded.enable(); this.loaded.enable();
}, }
setLoaded: function () { setLoaded() {
this._reset(); this._reset();
this.cardLayout.showCardByName("loaded"); this.cardLayout.showCardByName("loaded");
}, }
setEnd: function () { setEnd() {
this.setLoaded(); this.setLoaded();
this.loaded.setText(BI.i18nText("BI-No_More_Data")); this.loaded.setText(BI.i18nText("BI-No_More_Data"));
this.loaded.disable(); this.loaded.disable();
}, }
setLoading: function () { setLoading() {
this._reset(); this._reset();
this.cardLayout.showCardByName("loading"); this.cardLayout.showCardByName("loading");
}, }
}); }
BI.shortcut("bi.loading_bar", BI.LoadingBar);

391
src/base/single/button/button.basic.js
Unescape View File

@ -1,15 +1,24 @@
import Single from "../0.single"
import { emptyFn, shortcut, extend, isFunction, createWidget, Widget, isObject, Controller } from "../../../core"
/** /**
* guy * guy
* @class BI.BasicButton * @class BasicButton
* @extends BI.Single * @extends Single
* *
* 一般的button父级 * 一般的button父级
*/ */
BI.BasicButton = BI.inherit(BI.Single, { @shortcut()
_defaultConfig: function () { export class BasicButton extends Single {
var conf = BI.BasicButton.superclass._defaultConfig.apply(this, arguments);
static xtype = "bi.basic_button";
static EVENT_CHANGE = "BasicButton.EVENT_CHANGE";
return BI.extend(conf, { _defaultConfig() {
const conf = super._defaultConfig(arguments);
return extend(conf, {
_baseCls: (conf._baseCls || "") + " bi-basic-button" + (conf.invalid ? "" : " cursor-pointer") + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""), _baseCls: (conf._baseCls || "") + " bi-basic-button" + (conf.invalid ? "" : " cursor-pointer") + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
// el: {} // 可以通过el来创建button元素 // el: {} // 可以通过el来创建button元素
value: "", value: "",
@ -24,19 +33,18 @@ BI.BasicButton = BI.inherit(BI.Single, {
shadow: false, shadow: false,
isShadowShowingOnSelected: false, // 选中状态下是否显示阴影 isShadowShowingOnSelected: false, // 选中状态下是否显示阴影
trigger: null, trigger: null,
handler: BI.emptyFn, handler: emptyFn,
bubble: null, bubble: null,
debounce: true debounce: true
}); });
}, }
_init: function () { _init() {
var self = this; const opts = this.options;
var opts = this.options; opts.selected = isFunction(opts.selected) ? this.__watch(opts.selected, (context, newValue) => {
opts.selected = BI.isFunction(opts.selected) ? this.__watch(opts.selected, function (context, newValue) { this.setSelected(newValue);
self.setSelected(newValue);
}) : opts.selected; }) : opts.selected;
BI.BasicButton.superclass._init.apply(this, arguments); super._init(arguments);
if (opts.shadow) { if (opts.shadow) {
this._createShadow(); this._createShadow();
@ -44,9 +52,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
if (opts.level) { if (opts.level) {
this.element.addClass("button-" + opts.level); this.element.addClass("button-" + opts.level);
} }
}, }
_initRef: function () { _initRef() {
if (this.options.selected === true) { if (this.options.selected === true) {
this.setSelected(true); this.setSelected(true);
} }
@ -54,29 +62,29 @@ BI.BasicButton = BI.inherit(BI.Single, {
BI.nextTick(() => { BI.nextTick(() => {
!this.isDestroyed() && this.bindEvent(); !this.isDestroyed() && this.bindEvent();
}); });
BI.BasicButton.superclass._initRef.apply(this, arguments); super._initRef.apply(this, arguments);
}, }
// 默认render方法 // 默认render方法
render: function () { render() {
return this.options.el; return this.options.el;
}, }
_createShadow: function () { _createShadow() {
var self = this, o = this.options; const o = this.options;
function assertMask() { const assertMask = () => {
if (!self.$mask) { if (!this.$mask) {
self.$mask = BI.createWidget(BI.isObject(o.shadow) ? o.shadow : {}, { this.$mask = createWidget(isObject(o.shadow) ? o.shadow : {}, {
type: "bi.layout", type: "bi.layout",
cls: "bi-button-mask", cls: "bi-button-mask",
}); });
self.$mask.invisible(); this.$mask.invisible();
BI.createWidget({ createWidget({
type: "bi.absolute", type: "bi.absolute",
element: self, element: this,
items: [{ items: [{
el: self.$mask, el: this.$mask,
left: 0, left: 0,
right: 0, right: 0,
top: 0, top: 0,
@ -86,48 +94,129 @@ BI.BasicButton = BI.inherit(BI.Single, {
} }
} }
this.element.mouseup(function () { this.element.mouseup(() => {
if (!self._hover && !o.isShadowShowingOnSelected) { if (!this._hover && !o.isShadowShowingOnSelected) {
assertMask(); assertMask();
self.$mask.invisible(); this.$mask.invisible();
} }
}); });
this.element.on("mouseenter." + this.getName(), function (e) { this.element.on("mouseenter." + this.getName(), (e) => {
if (self.element.__isMouseInBounds__(e)) { if (this.element.__isMouseInBounds__(e)) {
if (self.isEnabled() && !self._hover && (o.isShadowShowingOnSelected || !self.isSelected())) { if (this.isEnabled() && !this._hover && (o.isShadowShowingOnSelected || !this.isSelected())) {
assertMask(); assertMask();
self.$mask.visible(); this.$mask.visible();
} }
} }
}); });
this.element.on("mousemove." + this.getName(), function (e) { this.element.on("mousemove." + this.getName(), (e) => {
if (!self.element.__isMouseInBounds__(e)) { if (!this.element.__isMouseInBounds__(e)) {
if (self.isEnabled() && !self._hover) { if (this.isEnabled() && !this._hover) {
assertMask(); assertMask();
self.$mask.invisible(); this.$mask.invisible();
} }
} }
}); });
this.element.on("mouseleave." + this.getName(), function () { this.element.on("mouseleave." + this.getName(), () => {
if (self.isEnabled() && !self._hover) { if (this.isEnabled() && !this._hover) {
assertMask(); assertMask();
self.$mask.invisible(); this.$mask.invisible();
} }
}); });
}, }
bindEvent: function () { bindEvent() {
var self = this; const o = this.options;
var o = this.options, hand = this.handle(); let hand = this.handle();
if (!hand) { if (!hand) {
return; return;
} }
hand = hand.element; hand = hand.element;
var triggerArr = (o.trigger || "").split(",");
BI.each(triggerArr, function (idx, trigger) { const getBubble = () => {
const bubble = o.bubble;
if (isFunction(bubble)) {
return bubble();
}
return bubble;
}
const clk = (e) => {
ev(e);
if (!this.isEnabled() || !this.isValid()) {
return;
}
if (this.isOnce() && this.isSelected()) {
return;
}
if (BI.isKey(o.bubble) || isFunction(o.bubble)) {
if (BI.isNull(this.combo)) {
let popup;
createWidget({
type: "bi.absolute",
element: this,
items: [{
el: {
type: "bi.bubble_combo",
trigger: "",
// bubble的提示不需要一直存在在界面上
destroyWhenHide: true,
ref: (_ref) => {
this.combo = _ref;
},
el: {
type: "bi.layout",
height: "100%",
},
popup: {
type: "bi.text_bubble_bar_popup_view",
text: getBubble(),
ref: (_ref) => {
popup = _ref;
},
listeners: [{
eventName: BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON,
action: (...args) => {
const [v] = args;
this.combo.hideView();
if (v) {
onClick.apply(this, args);
}
},
}],
},
listeners: [{
eventName: BI.BubbleCombo.EVENT_BEFORE_POPUPVIEW,
action: function () {
popup.populate(getBubble());
},
}],
},
left: 0,
right: 0,
bottom: 0,
top: 0,
}],
});
}
if (this.combo.isViewVisible()) {
this.combo.hideView();
} else {
this.combo.showView();
}
return;
}
onClick.apply(this, arguments);
}
const triggerArr = (o.trigger || "").split(",");
triggerArr.forEach((trigger) => {
let mouseDown = false;
switch (trigger) { switch (trigger) {
case "mouseup": case "mouseup":
var mouseDown = false;
hand.mousedown(function () { hand.mousedown(function () {
mouseDown = true; mouseDown = true;
}); });
@ -140,24 +229,24 @@ BI.BasicButton = BI.inherit(BI.Single, {
}); });
break; break;
case "mousedown": case "mousedown":
var mouseDown = false; // let mouseDown = false;
var selected = false; let selected = false;
hand.mousedown(function (e) { hand.mousedown((e) => {
// if (e.button === 0) { // if (e.button === 0) {
BI.Widget._renderEngine.createElement(document).bind("mouseup." + self.getName(), function (e) { Widget._renderEngine.createElement(document).bind("mouseup." + this.getName(), (e) => {
// if (e.button === 0) { // if (e.button === 0) {
if (BI.DOM.isExist(self) && !hand.__isMouseInBounds__(e) && mouseDown === true && !selected) { if (BI.DOM.isExist(this) && !hand.__isMouseInBounds__(e) && mouseDown === true && !selected) {
// self.setSelected(!self.isSelected()); // self.setSelected(!self.isSelected());
self._trigger(); this._trigger();
} }
mouseDown = false; mouseDown = false;
BI.Widget._renderEngine.createElement(document).unbind("mouseup." + self.getName()); Widget._renderEngine.createElement(document).unbind("mouseup." + this.getName());
// } // }
}); });
if (mouseDown === true) { if (mouseDown === true) {
return; return;
} }
if (self.isSelected()) { if (this.isSelected()) {
selected = true; selected = true;
} else { } else {
clk(e); clk(e);
@ -166,14 +255,14 @@ BI.BasicButton = BI.inherit(BI.Single, {
ev(e); ev(e);
// } // }
}); });
hand.mouseup(function (e) { hand.mouseup((e) => {
// if (e.button === 0) { // if (e.button === 0) {
if (BI.DOM.isExist(self) && mouseDown === true && selected === true) { if (BI.DOM.isExist(this) && mouseDown === true && selected === true) {
clk(e); clk(e);
} }
mouseDown = false; mouseDown = false;
selected = false; selected = false;
BI.Widget._renderEngine.createElement(document).unbind("mouseup." + self.getName()); Widget._renderEngine.createElement(document).unbind("mouseup." + this.getName());
// } // }
}); });
break; break;
@ -181,22 +270,21 @@ BI.BasicButton = BI.inherit(BI.Single, {
hand.dblclick(clk); hand.dblclick(clk);
break; break;
case "lclick": case "lclick":
var mouseDown = false; let interval;
var interval; hand.mousedown((e) => {
hand.mousedown(function (e) { Widget._renderEngine.createElement(document).bind("mouseup." + this.getName(), () => {
BI.Widget._renderEngine.createElement(document).bind("mouseup." + self.getName(), function () {
interval && clearInterval(interval); interval && clearInterval(interval);
interval = null; interval = null;
mouseDown = false; mouseDown = false;
BI.Widget._renderEngine.createElement(document).unbind("mouseup." + self.getName()); Widget._renderEngine.createElement(document).unbind("mouseup." + this.getName());
}); });
if (mouseDown === true) { if (mouseDown === true) {
return; return;
} }
if (!self.isEnabled() || !self.isValid()) { if (!this.isEnabled() || !this.isValid()) {
return; return;
} }
if (self.isOnce() && self.isSelected()) { if (this.isOnce() && this.isSelected()) {
return; return;
} }
interval = setInterval(function () { interval = setInterval(function () {
@ -224,7 +312,7 @@ BI.BasicButton = BI.inherit(BI.Single, {
}); });
// 之后的300ms点击无效 // 之后的300ms点击无效
var onClick = o.debounce ? BI.debounce(this._doClick, BI.EVENT_RESPONSE_TIME, { let onClick = o.debounce ? BI.debounce(this._doClick, BI.EVENT_RESPONSE_TIME, {
"leading": true, "leading": true,
"trailing": false, "trailing": false,
}) : this._doClick; }) : this._doClick;
@ -238,86 +326,13 @@ BI.BasicButton = BI.inherit(BI.Single, {
} }
} }
function clk(e) {
ev(e);
if (!self.isEnabled() || !self.isValid()) {
return;
}
if (self.isOnce() && self.isSelected()) {
return;
}
if (BI.isKey(o.bubble) || BI.isFunction(o.bubble)) {
if (BI.isNull(self.combo)) {
var popup;
BI.createWidget({
type: "bi.absolute",
element: self,
items: [{
el: {
type: "bi.bubble_combo",
trigger: "",
// bubble的提示不需要一直存在在界面上
destroyWhenHide: true,
ref: function () {
self.combo = this;
},
el: {
type: "bi.layout",
height: "100%",
},
popup: {
type: "bi.text_bubble_bar_popup_view",
text: getBubble(),
ref: function () {
popup = this;
},
listeners: [{
eventName: BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON,
action: function (v) {
self.combo.hideView();
if (v) {
onClick.apply(self, arguments);
}
},
}],
},
listeners: [{
eventName: BI.BubbleCombo.EVENT_BEFORE_POPUPVIEW,
action: function () {
popup.populate(getBubble());
},
}],
},
left: 0,
right: 0,
bottom: 0,
top: 0,
}],
});
}
if (self.combo.isViewVisible()) {
self.combo.hideView();
} else {
self.combo.showView();
}
return;
}
onClick.apply(self, arguments);
}
function getBubble() {
var bubble = self.options.bubble;
if (BI.isFunction(bubble)) {
return bubble();
}
return bubble;
} }
},
_trigger: function (e) { _trigger(e) {
var o = this.options; const o = this.options;
if (!this.isEnabled()) { if (!this.isEnabled()) {
return; return;
} }
@ -327,22 +342,22 @@ BI.BasicButton = BI.inherit(BI.Single, {
this.setSelected(!this.isSelected())); this.setSelected(!this.isSelected()));
} }
if (this.isValid()) { if (this.isValid()) {
var v = this.getValue(); const v = this.getValue();
o.handler.call(this, v, this, e); o.handler.call(this, v, this, e);
this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this, e); this.fireEvent(Controller.EVENT_CHANGE, BI.Events.CLICK, v, this, e);
this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this); this.fireEvent(BasicButton.EVENT_CHANGE, v, this);
if (o.action) { if (o.action) {
BI.Actions.runAction(o.action, "click", o, this); BI.Actions.runAction(o.action, "click", o, this);
} }
BI.Actions.runGlobalAction("click", o, this); BI.Actions.runGlobalAction("click", o, this);
} }
}, }
_doClick: function (e) { _doClick(e) {
if (!this.isEnabled() || !this.isValid()) { if (!this.isEnabled() || !this.isValid()) {
return; return;
} }
var isIntercepted = this.beforeClick(e); const isIntercepted = this.beforeClick(e);
// 如果事件已经被消费掉了，就不再触发点击事件 // 如果事件已经被消费掉了，就不再触发点击事件
if (isIntercepted) { if (isIntercepted) {
return; return;
@ -352,41 +367,41 @@ BI.BasicButton = BI.inherit(BI.Single, {
if (this.isEnabled() && this.isValid()) { if (this.isEnabled() && this.isValid()) {
this.doClick(e); this.doClick(e);
} }
}, }
/** /**
* 子类可以得写这个方法，如果返回为 true，则可以阻止 handler 的触发 * 子类可以得写这个方法，如果返回为 true，则可以阻止 handler 的触发
*/ */
beforeClick: function () { beforeClick() {
}, }
doClick: function () { doClick() {
}, }
handle: function () { handle() {
return this; return this;
}, }
hover: function () { hover() {
this._hover = true; this._hover = true;
this.handle().element.addClass("hover"); this.handle().element.addClass("hover");
if (this.options.shadow) { if (this.options.shadow) {
this.$mask && this.$mask.setVisible(true); this.$mask && this.$mask.setVisible(true);
} }
}, }
dishover: function () { dishover() {
this._hover = false; this._hover = false;
this.handle().element.removeClass("hover"); this.handle().element.removeClass("hover");
if (this.options.shadow) { if (this.options.shadow) {
this.$mask && this.$mask.setVisible(false); this.$mask && this.$mask.setVisible(false);
} }
}, }
setSelected: function (b) { setSelected(b) {
var o = this.options; const o = this.options;
o.selected = b; o.selected = b;
if (b) { if (b) {
this.handle().element.addClass("active"); this.handle().element.addClass("active");
@ -397,39 +412,39 @@ BI.BasicButton = BI.inherit(BI.Single, {
this.$mask && this.$mask.setVisible(false); this.$mask && this.$mask.setVisible(false);
} }
this.options.setSelected && this.options.setSelected.call(this, b); this.options.setSelected && this.options.setSelected.call(this, b);
}, }
isSelected: function () { isSelected() {
return this.options.selected; return this.options.selected;
}, }
isOnce: function () { isOnce() {
return this.options.once; return this.options.once;
}, }
isForceSelected: function () { isForceSelected() {
return this.options.forceSelected; return this.options.forceSelected;
}, }
isForceNotSelected: function () { isForceNotSelected() {
return this.options.forceNotSelected; return this.options.forceNotSelected;
}, }
isDisableSelected: function () { isDisableSelected() {
return this.options.disableSelected; return this.options.disableSelected;
}, }
setText: function (text) { setText(text) {
this.options.text = text; this.options.text = text;
this.options.setText && this.options.setText.call(this, text); this.options.setText && this.options.setText.call(this, text);
}, }
getText: function () { getText() {
return this.options.text; return this.options.text;
}, }
_setEnable: function (enable) { _setEnable(enable) {
BI.BasicButton.superclass._setEnable.apply(this, arguments); super._setEnable.apply(this, arguments);
if (enable === true) { if (enable === true) {
this.element.removeClass("base-disabled disabled"); this.element.removeClass("base-disabled disabled");
} else if (enable === false) { } else if (enable === false) {
@ -440,12 +455,12 @@ BI.BasicButton = BI.inherit(BI.Single, {
this.$mask && this.$mask.setVisible(false); this.$mask && this.$mask.setVisible(false);
} }
} }
}, }
empty() {
Widget._renderEngine.createElement(document).unbind("mouseup." + this.getName());
super.empty.apply(this, arguments);
}
}
empty: function () {
BI.Widget._renderEngine.createElement(document).unbind("mouseup." + this.getName());
BI.BasicButton.superclass.empty.apply(this, arguments);
},
});
BI.BasicButton.EVENT_CHANGE = "BasicButton.EVENT_CHANGE";
BI.shortcut("bi.basic_button", BI.BasicButton);

56
src/base/single/button/button.node.js
Unescape View File

@ -1,54 +1,60 @@
import { BasicButton } from "./button.basic"
import { shortcut, extend, Controller } from "../../../core"
/** /**
* 表示一个可以展开的节点, 不仅有选中状态而且有展开状态 * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态
* *
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.NodeButton * @class NodeButton
* @extends BI.BasicButton * @extends BasicButton
* @abstract * @abstract
*/ */
BI.NodeButton = BI.inherit(BI.BasicButton, { @shortcut()
_defaultConfig: function () { export class NodeButton extends BasicButton {
var conf = BI.NodeButton.superclass._defaultConfig.apply(this, arguments);
static xtype = "bi.node_button";
_defaultConfig() {
const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
_baseCls: (conf._baseCls || "") + " bi-node", _baseCls: (conf._baseCls || "") + " bi-node",
open: false, open: false,
once: false, once: false,
}); });
}, }
_initRef: function () { _initRef() {
if (this.isOpened()) { if (this.isOpened()) {
this.setOpened(this.isOpened()); this.setOpened(this.isOpened());
} }
BI.NodeButton.superclass._initRef.apply(this, arguments); super._initRef.apply(this, arguments);
}, }
doClick: function () { doClick() {
BI.NodeButton.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
this.setOpened(!this.isOpened()); this.setOpened(!this.isOpened());
}, }
isOpened: function () { isOpened() {
return !!this.options.open; return !!this.options.open;
}, }
setOpened: function (b) { setOpened(b) {
this.options.open = !!b; this.options.open = !!b;
}, }
triggerCollapse: function () { triggerCollapse() {
if (this.isOpened()) { if (this.isOpened()) {
this.setOpened(false); this.setOpened(false);
this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this); this.fireEvent(Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this);
}
} }
},
triggerExpand: function () { triggerExpand() {
if (!this.isOpened()) { if (!this.isOpened()) {
this.setOpened(true); this.setOpened(true);
this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this); this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this);
}
}
} }
},
});
BI.shortcut("bi.node_button", BI.NodeButton);

48
src/base/single/button/buttons/button.icon.js
Unescape View File

@ -1,13 +1,21 @@
import { BasicButton } from "../button.basic";
import { shortcut, extend, isNumber, createWidget, isNull } from "../../../../core";
/** /**
* @class BI.IconButton * @class IconButton
* @extends BI.BasicButton * @extends BasicButton
* 图标的button * 图标的button
*/ */
BI.IconButton = BI.inherit(BI.BasicButton, { @shortcut()
_defaultConfig: function () { export class IconButton extends BasicButton {
var conf = BI.IconButton.superclass._defaultConfig.apply(this, arguments);
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.icon_button";
return BI.extend(conf, { _defaultConfig() {
const conf = super._defaultConfig(arguments);
return extend(conf, {
_baseCls: (conf._baseCls || "") + " bi-icon-button horizon-center", _baseCls: (conf._baseCls || "") + " bi-icon-button horizon-center",
hgap: 0, hgap: 0,
vgap: 0, vgap: 0,
@ -18,21 +26,21 @@ BI.IconButton = BI.inherit(BI.BasicButton, {
iconWidth: null, iconWidth: null,
iconHeight: null, iconHeight: null,
}); });
}, }
render: function () { render() {
var o = this.options; const o = this.options;
this.element.css({ this.element.css({
textAlign: "center", textAlign: "center",
}); });
this.icon = BI.createWidget({ this.icon = createWidget({
type: "bi.icon", type: "bi.icon",
width: o.iconWidth, width: o.iconWidth,
height: o.iconHeight, height: o.iconHeight,
}); });
if (BI.isNumber(o.height) && o.height > 0 && BI.isNull(o.iconWidth) && BI.isNull(o.iconHeight)) { if (isNumber(o.height) && o.height > 0 && isNull(o.iconWidth) && isNull(o.iconHeight)) {
this.element.css("lineHeight", BI.pixFormat(o.height)); this.element.css("lineHeight", BI.pixFormat(o.height));
BI.createWidget({ createWidget({
type: "bi.default", type: "bi.default",
element: this, element: this,
hgap: o.hgap, hgap: o.hgap,
@ -45,7 +53,7 @@ BI.IconButton = BI.inherit(BI.BasicButton, {
}); });
} else { } else {
this.element.css("lineHeight", "1"); this.element.css("lineHeight", "1");
BI.createWidget({ createWidget({
element: this, element: this,
type: "bi.center_adapt", type: "bi.center_adapt",
hgap: o.hgap, hgap: o.hgap,
@ -57,14 +65,12 @@ BI.IconButton = BI.inherit(BI.BasicButton, {
items: [this.icon], items: [this.icon],
}); });
} }
}, }
doClick: function () { doClick() {
BI.IconButton.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.IconButton.EVENT_CHANGE, this); this.fireEvent(IconButton.EVENT_CHANGE, this);
}
}
} }
},
});
BI.IconButton.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.icon_button", BI.IconButton);

85
src/base/single/button/buttons/button.image.js
Unescape View File

@ -1,87 +1,94 @@
import { BasicButton } from "../button.basic";
import { shortcut, extend, isNumber, createWidget } from "../../../../core";
/** /**
* 图片的button * 图片的button
* *
* Created by GUY on 2016/1/27. * Created by GUY on 2016/1/27.
* @class BI.ImageButton * @class ImageButton
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.ImageButton = BI.inherit(BI.BasicButton, { @shortcut()
_defaultConfig: function () { export class ImageButton extends BasicButton {
var conf = BI.ImageButton.superclass._defaultConfig.apply(this, arguments);
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.image_button";
return BI.extend(conf, { _defaultConfig() {
const conf = super._defaultConfig(arguments);
return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-image-button", baseCls: (conf.baseCls || "") + " bi-image-button",
src: "", src: "",
iconWidth: "100%", iconWidth: "100%",
iconHeight: "100%", iconHeight: "100%",
}); });
}, }
render: function () { render() {
var o = this.options; const o = this.options;
this.image = BI.createWidget({ this.image = createWidget({
type: "bi.img", type: "bi.img",
width: o.iconWidth, width: o.iconWidth,
height: o.iconHeight, height: o.iconHeight,
src: o.src, src: o.src,
}); });
if (BI.isNumber(o.iconWidth) || BI.isNumber(o.iconHeight)) { if (isNumber(o.iconWidth) || isNumber(o.iconHeight)) {
BI.createWidget({ createWidget({
type: "bi.center_adapt", type: "bi.center_adapt",
element: this, element: this,
items: [this.image], items: [this.image],
}); });
} else { } else {
BI.createWidget({ createWidget({
type: "bi.adaptive", type: "bi.adaptive",
element: this, element: this,
items: [this.image], items: [this.image],
scrollable: false, scrollable: false,
}); });
} }
}, }
setWidth: function (w) { setWidth(w) {
BI.ImageButton.superclass.setWidth.apply(this, arguments); super.setWidth.apply(this, arguments);
this.options.width = w; this.options.width = w;
}, }
setHeight: function (h) { setHeight(h) {
BI.ImageButton.superclass.setHeight.apply(this, arguments); super.setHeight.apply(this, arguments);
this.options.height = h; this.options.height = h;
}, }
setImageWidth: function (w) { setImageWidth(w) {
this.image.setWidth(w); this.image.setWidth(w);
}, }
setImageHeight: function (h) { setImageHeight(h) {
this.image.setHeight(h); this.image.setHeight(h);
}, }
getImageWidth: function () { getImageWidth() {
return this.image.element.width(); return this.image.element.width();
}, }
getImageHeight: function () { getImageHeight() {
return this.image.element.height(); return this.image.element.height();
}, }
setSrc: function (src) { setSrc(src) {
this.options.src = src; this.options.src = src;
this.image.setSrc(src); this.image.setSrc(src);
}, }
getSrc: function () { getSrc() {
return this.image.getSrc(); return this.image.getSrc();
}, }
doClick: function () { doClick() {
BI.ImageButton.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.ImageButton.EVENT_CHANGE, this); this.fireEvent(ImageButton.EVENT_CHANGE, this);
}
}
} }
},
});
BI.ImageButton.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.image_button", BI.ImageButton);

157
src/base/single/button/buttons/button.js
Unescape View File

@ -1,40 +1,47 @@
(function () { import { BasicButton } from "../button.basic";
import { isNumber, shortcut, isPlainObject, createWidget } from "../../../../core";
function isVertical(position) { function isVertical(position) {
return position === "top" || position === "bottom"; return position === "top" || position === "bottom";
} }
var loadingCls = "button-loading-font anim-rotate"; const loadingCls = "button-loading-font anim-rotate";
/** /**
* 文字类型的按钮 * 文字类型的按钮
* @class BI.Button * @class Button
* @extends BI.BasicButton * @extends BasicButton
* *
* @cfg {JSON} options 配置属性 * @cfg {JSON} options 配置属性
* @cfg {'common' / 'success' / 'warning' / 'ignore'} [options.level='common'] 按钮类型，用不同颜色强调不同的场景 * @cfg {'common' / 'success' / 'warning' / 'ignore'} [options.level='common'] 按钮类型，用不同颜色强调不同的场景
*/ */
BI.Button = BI.inherit(BI.BasicButton, { @shortcut()
export class Button extends BasicButton {
_const: { _const = {
iconWidth: 18, iconWidth: 18,
}, }
_defaultConfig: function (props) { static xtype = "bi.button";
var conf = BI.Button.superclass._defaultConfig.apply(this, arguments); static EVENT_CHANGE = "EVENT_CHANGE";
var adaptiveHeight = 0; _defaultConfig(props) {
const conf = super._defaultConfig.apply(this, arguments);
let adaptiveHeight = 0;
if (isVertical(props.iconPosition)) { if (isVertical(props.iconPosition)) {
// 图标高度和文字高度默认相等 // 图标高度和文字高度默认相等
adaptiveHeight += (props.textHeight || 16) * 2; adaptiveHeight += (props.textHeight || 16) * 2;
adaptiveHeight += props.iconGap || 0; adaptiveHeight += props.iconGap || 0;
var tGap = props.tgap || props.vgap || 2; let tGap = props.tgap || props.vgap || 2;
var bGap = props.bgap || props.vgap || 2; let bGap = props.bgap || props.vgap || 2;
adaptiveHeight += (tGap + bGap); adaptiveHeight += (tGap + bGap);
} }
var clearMinWidth = props.block === true || props.clear === true || props.plain; let clearMinWidth = props.block === true || props.clear === true || props.plain;
return BI.extend(conf, { return {
...conf,
baseCls: (conf.baseCls || "") + " bi-button" + ((BI.isIE() && BI.isIE9Below()) ? " hack" : ""), baseCls: (conf.baseCls || "") + " bi-button" + ((BI.isIE() && BI.isIE9Below()) ? " hack" : ""),
attributes: { attributes: {
tabIndex: 1, tabIndex: 1,
@ -65,45 +72,45 @@
icon: "", icon: "",
iconGap: 0, iconGap: 0,
iconPosition: "left", iconPosition: "left",
}); }
}, }
render: function () { render() {
var o = this.options, self = this; const o = this.options;
// bi.center_adapt 作用：让 hgap 不影响 iconGap。 // bi.center_adapt 作用：让 hgap 不影响 iconGap。
BI.createWidget({ createWidget({
type: "bi.center_adapt", type: "bi.center_adapt",
horizontalAlign: o.textAlign, horizontalAlign: o.textAlign,
element: this, element: this,
ref: (ref) => { ref: (ref) => {
self.containerRef = ref; this.containerRef = ref;
}, },
hgap: o.hgap, hgap: o.hgap,
vgap: o.vgap, vgap: o.vgap,
items: self.generateItems(), items: this.generateItems(),
}); });
// 如果 options 对应的属性为 true 则给元素添加 class // 如果 options 对应的属性为 true 则给元素添加 class
var classArr = ["block", "clear", "ghost", "plain", "loading", "light"]; const classArr = ["block", "clear", "ghost", "plain", "loading", "light"];
BI.each(classArr, function (_, clz) { classArr.forEach(clz => {
if (BI.get(o, clz) === true) { if (BI.get(o, clz) === true) {
self.element.addClass(clz); this.element.addClass(clz);
} }
}); })
if (o.minWidth > 0) { if (o.minWidth > 0) {
this.element.css({ "min-width": BI.pixFormat(o.minWidth) }); this.element.css({ "min-width": BI.pixFormat(o.minWidth) });
} }
}, }
generateItems(defaultRenderIcon) { generateItems(defaultRenderIcon) {
var o = this.options; const o = this.options;
// 由于button默认情况下有个边框，所以要主动算行高 // 由于button默认情况下有个边框，所以要主动算行高
var lineHeight, textHeight = o.textHeight; let lineHeight, textHeight = o.textHeight;
var hasBorder = false; let hasBorder = false;
if (BI.isNumber(o.height)) { if (isNumber(o.height)) {
if (!isVertical(o.iconPosition)) { if (!isVertical(o.iconPosition)) {
if (!(o.clear && o.block && o.light)) { if (!(o.clear && o.block && o.light)) {
hasBorder = true; hasBorder = true;
@ -119,15 +126,15 @@
} }
} }
var iconInvisible = !(o.loading || o.iconCls || o.icon || defaultRenderIcon); const iconInvisible = !(o.loading || o.iconCls || o.icon || defaultRenderIcon);
var maxTextWidth = Math.max(o.minWidth, o.width); let maxTextWidth = Math.max(o.minWidth, o.width);
maxTextWidth -= (o.hgap * 2 + o.iconGap); maxTextWidth -= (o.hgap * 2 + o.iconGap);
// 减去图标水平占位宽度 // 减去图标水平占位宽度
maxTextWidth -= iconInvisible || isVertical(o.iconPosition) ? 0 : this._const.iconWidth; maxTextWidth -= iconInvisible || isVertical(o.iconPosition) ? 0 : this._const.iconWidth;
var textWidth = BI.isNull(o.textWidth) ? maxTextWidth : Math.min(o.textWidth, maxTextWidth); const textWidth = BI.isNull(o.textWidth) ? maxTextWidth : Math.min(o.textWidth, maxTextWidth);
this.text = BI.createWidget({ this.text = createWidget({
type: "bi.label", type: "bi.label",
text: o.text, text: o.text,
whiteSpace: o.whiteSpace, whiteSpace: o.whiteSpace,
@ -145,10 +152,10 @@
this._iconRendered = true; this._iconRendered = true;
if (BI.isPlainObject(o.icon) && !o.loading) { if (isPlainObject(o.icon) && !o.loading) {
this.icon = BI.createWidget(o.icon); this.icon = createWidget(o.icon);
} else { } else {
this.icon = BI.createWidget({ this.icon = createWidget({
type: "bi.icon_label", type: "bi.icon_label",
cls: o.loading ? loadingCls : (o.iconCls || o.icon), cls: o.loading ? loadingCls : (o.iconCls || o.icon),
width: this._const.iconWidth, width: this._const.iconWidth,
@ -161,14 +168,14 @@
}); });
} }
var gapContainer = { const gapContainer = {
lgap: o.iconPosition === "left" && o.text ? o.iconGap : 0, lgap: o.iconPosition === "left" && o.text ? o.iconGap : 0,
rgap: o.iconPosition === "right" ? o.iconGap : 0, rgap: o.iconPosition === "right" ? o.iconGap : 0,
tgap: o.iconPosition === "top" ? o.iconGap : 0, tgap: o.iconPosition === "top" ? o.iconGap : 0,
bgap: o.iconPosition === "bottom" ? o.iconGap : 0, bgap: o.iconPosition === "bottom" ? o.iconGap : 0,
}; };
var items = [this.icon, BI.extend({ el: this.text }, gapContainer)]; const items = [this.icon, { el: this.text, ...gapContainer }];
if (o.iconPosition === "right" || o.iconPosition === "bottom") { if (o.iconPosition === "right" || o.iconPosition === "bottom") {
items.reverse(); items.reverse();
} }
@ -179,33 +186,33 @@
verticalAlign: "middle", verticalAlign: "middle",
items, items,
}]; }];
}, }
doClick: function () { doClick() {
BI.Button.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.Button.EVENT_CHANGE, this); this.fireEvent(Button.EVENT_CHANGE, this);
}
} }
},
_setEnable: function (enable) { _setEnable(enable) {
BI.Button.superclass._setEnable.apply(this, arguments); super._setEnable.apply(this, arguments);
if (enable === true) { if (enable === true) {
this.element.attr("tabIndex", 1); this.element.attr("tabIndex", 1);
} else if (enable === false) { } else if (enable === false) {
this.element.removeAttr("tabIndex"); this.element.removeAttr("tabIndex");
} }
}, }
beforeClick: function () { beforeClick() {
return this.isLoading(); return this.isLoading();
}, }
isLoading: function () { isLoading() {
return this._loading === undefined ? this.options.loading : this._loading; return this._loading === undefined ? this.options.loading : this._loading;
}, }
loading: function () { loading() {
this._loading = true; this._loading = true;
this.element.addClass("loading"); this.element.addClass("loading");
!this._iconRendered && this.containerRef.populate(this.generateItems(true)); !this._iconRendered && this.containerRef.populate(this.generateItems(true));
@ -216,9 +223,9 @@
this.icon.element.addClass(loadingCls); this.icon.element.addClass(loadingCls);
this.icon.setVisible(true); this.icon.setVisible(true);
} }
}, }
loaded: function () { loaded() {
this._loading = false; this._loading = false;
this.element.removeClass("loading"); this.element.removeClass("loading");
if (this.icon.loaded) { if (this.icon.loaded) {
@ -227,45 +234,43 @@
this.icon.element.removeClass(loadingCls); this.icon.element.removeClass(loadingCls);
this.icon.setVisible(!!this.options.iconCls); this.icon.setVisible(!!this.options.iconCls);
} }
}, }
setText: function (text) { setText(text) {
BI.Button.superclass.setText.apply(this, arguments); super.setText.apply(this, arguments);
this.text.setText(text); this.text.setText(text);
}, }
setValue: function (text) { setValue(text) {
BI.Button.superclass.setValue.apply(this, arguments); super.setValue.apply(this, arguments);
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue(text); this.text.setValue(text);
} }
}, }
setIcon: function (cls) { setIcon(cls) {
var o = this.options; const o = this.options;
!this._iconRendered && this.containerRef.populate(this.generateItems(true)); !this._iconRendered && this.containerRef.populate(this.generateItems(true));
if (this.icon && o.iconCls !== cls) { if (this.icon && o.iconCls !== cls) {
this.icon.element.removeClass(o.iconCls).addClass(cls); this.icon.element.removeClass(o.iconCls).addClass(cls);
o.iconCls = cls; o.iconCls = cls;
} }
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
}); }
BI.shortcut("bi.button", BI.Button);
BI.Button.EVENT_CHANGE = "EVENT_CHANGE";
}());

72
src/base/single/button/buttons/button.text.js
Unescape View File

@ -1,15 +1,23 @@
import { BasicButton } from "../button.basic";
import { shortcut, extend, createWidget } from "../../../../core";
/** /**
* guy * guy
* 可以点击的一行文字 * 可以点击的一行文字
* @class BI.TextButton * @class TextButton
* @extends BI.BasicButton * @extends BasicButton
* 文字button * 文字button
*/ */
BI.TextButton = BI.inherit(BI.BasicButton, { @shortcut()
_defaultConfig: function () { export class TextButton extends BasicButton {
var conf = BI.TextButton.superclass._defaultConfig.apply(this, arguments);
static xtype = "bi.text_button";
static EVENT_CHANGE = "EVENT_CHANGE";
return BI.extend(conf, { _defaultConfig() {
const conf = super._defaultConfig(arguments);
return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-text-button", baseCls: (conf.baseCls || "") + " bi-text-button",
textAlign: "center", textAlign: "center",
whiteSpace: "nowrap", whiteSpace: "nowrap",
@ -21,11 +29,11 @@ BI.TextButton = BI.inherit(BI.BasicButton, {
vgap: 0, vgap: 0,
py: "", py: "",
}); });
}, }
render: function () { render() {
var o = this.options; const o = this.options;
this.text = BI.createWidget({ this.text = createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
textAlign: o.textAlign, textAlign: o.textAlign,
@ -43,48 +51,46 @@ BI.TextButton = BI.inherit(BI.BasicButton, {
py: o.py, py: o.py,
keyword: o.keyword, keyword: o.keyword,
}); });
}, }
doClick: function () { doClick() {
BI.TextButton.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.TextButton.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BI.TextButton.EVENT_CHANGE, this.getValue(), this);
} }
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
setText: function (text) { setText(text) {
BI.TextButton.superclass.setText.apply(this, arguments); super.setText.apply(this, arguments);
text = BI.isArray(text) ? text.join(",") : text; text = BI.isArray(text) ? text.join(",") : text;
this.text.setText(text); this.text.setText(text);
}, }
setStyle: function (style) { setStyle(style) {
this.text.setStyle(style); this.text.setStyle(style);
}, }
setValue: function (text) { setValue(text) {
BI.TextButton.superclass.setValue.apply(this, arguments); super.setValue.apply(this, arguments);
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
text = BI.isArray(text) ? text.join(",") : text; text = BI.isArray(text) ? text.join(",") : text;
this.text.setValue(text); this.text.setValue(text);
} }
}, }
}); }
BI.TextButton.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.text_button", BI.TextButton);

79
src/base/single/button/listitem/blankiconicontextitem.js
Unescape View File

@ -1,14 +1,21 @@
import { BasicButton } from "../button.basic"
import { emptyFn, shortcut } from "../../../../core"
/** /**
* 带有一个占位 * 带有一个占位
* *
* Created by GUY on 2015/9/11. * Created by GUY on 2015/9/11.
* @class BI.BlankIconIconTextItem * @class BlankIconIconTextItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.BlankIconIconTextItem = BI.inherit(BI.BasicButton, { @shortcut()
export class BlankIconIconTextItem extends BasicButton {
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.blank_icon_icon_text_item";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.BlankIconIconTextItem.superclass._defaultConfig.apply(this, arguments); var conf = super._defaultConfig(arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-blank-icon-icon-text-item", baseCls: (conf.baseCls || "") + " bi-blank-icon-icon-text-item",
@ -22,10 +29,10 @@ BI.BlankIconIconTextItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -50,8 +57,8 @@ BI.BlankIconIconTextItem = BI.inherit(BI.BasicButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
textAlign: "left", textAlign: "left",
hgap: o.textHgap, hgap: o.textHgap,
@ -65,54 +72,52 @@ BI.BlankIconIconTextItem = BI.inherit(BI.BasicButton, {
}, },
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.BlankIconIconTextItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.BlankIconIconTextItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BlankIconIconTextItem.EVENT_CHANGE, this.getValue(), this);
}
} }
},
setSelected: function (b) { setSelected(b) {
BI.BlankIconIconTextItem.superclass.setSelected.apply(this, arguments); super.setSelected.apply(this, arguments);
this.icon1.setSelected(b); this.icon1.setSelected(b);
this.icon2.setSelected(b); this.icon2.setSelected(b);
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
}); }
BI.BlankIconIconTextItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.blank_icon_icon_text_item", BI.BlankIconIconTextItem);

74
src/base/single/button/listitem/blankicontexticonitem.js
Unescape View File

@ -1,17 +1,24 @@
import { BasicButton } from "../button.basic"
import { emptyFn, shortcut, extend } from "../../../../core"
/** /**
* guy * guy
* 一个占位符和两个icon和一行数 组成的一行listitem * 一个占位符和两个icon和一行数 组成的一行listitem
* *
* Created by GUY on 2015/9/15. * Created by GUY on 2015/9/15.
* @class BI.BlankIconTextIconItem * @class BlankIconTextIconItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, { @shortcut()
export class BlankIconTextIconItem extends BasicButton {
static xtype = "bi.blank_icon_text_icon_item";
static EVENT_CHANGE = "EVENT_CHANGE";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.BlankIconTextIconItem.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-blank-icon-text-icon-item", baseCls: (conf.baseCls || "") + " bi-blank-icon-text-icon-item",
iconCls1: "", iconCls1: "",
iconCls2: "", iconCls2: "",
@ -23,10 +30,10 @@ BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -44,8 +51,8 @@ BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
textAlign: "left", textAlign: "left",
hgap: o.textHgap, hgap: o.textHgap,
@ -66,48 +73,47 @@ BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, {
iconHeight: o.iconHeight, iconHeight: o.iconHeight,
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.BlankIconTextIconItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.BlankIconTextIconItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BI.BlankIconTextIconItem.EVENT_CHANGE, this.getValue(), this);
} }
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
}); }
BI.BlankIconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.blank_icon_text_icon_item", BI.BlankIconTextIconItem);

75
src/base/single/button/listitem/blankicontextitem.js
Unescape View File

@ -1,16 +1,23 @@
import { BasicButton } from "../button.basic"
import { extend, shortcut } from "../../../../core"
/** /**
* 带有一个占位 * 带有一个占位
* *
* Created by GUY on 2015/9/11. * Created by GUY on 2015/9/11.
* @class BI.BlankIconTextItem * @class BlankIconTextItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.BlankIconTextItem = BI.inherit(BI.BasicButton, { @shortcut()
export class BlankIconTextItem extends BasicButton {
static xtype = "bi.blank_icon_text_item";
static EVENT_CHANGE = "EVENT_CHANGE";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.BlankIconTextItem.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-blank-icon-text-item", baseCls: (conf.baseCls || "") + " bi-blank-icon-text-item",
blankWidth: 0, blankWidth: 0,
iconHeight: null, iconHeight: null,
@ -21,10 +28,10 @@ BI.BlankIconTextItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -42,8 +49,8 @@ BI.BlankIconTextItem = BI.inherit(BI.BasicButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
cls: "list-item-text", cls: "list-item-text",
textAlign: "left", textAlign: "left",
@ -58,48 +65,46 @@ BI.BlankIconTextItem = BI.inherit(BI.BasicButton, {
}, },
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.BlankIconTextItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.BlankIconTextItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BlankIconTextItem.EVENT_CHANGE, this.getValue(), this);
}
} }
},
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
}); }
BI.BlankIconTextItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.blank_icon_text_item", BI.BlankIconTextItem);

76
src/base/single/button/listitem/icontexticonitem.js
Unescape View File

@ -1,17 +1,25 @@
import { BasicButton } from "../button.basic"
import { extend, shortcut } from "../../../../core"
/** /**
* guy * guy
* 两个icon和一行数 组成的一行listitem * 两个icon和一行数 组成的一行listitem
* *
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.IconTextIconItem * @class IconTextIconItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.IconTextIconItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { @shortcut()
var conf = BI.IconTextIconItem.superclass._defaultConfig.apply(this, arguments); export class IconTextIconItem extends BasicButton {
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.icon_text_icon_item";
return BI.extend(conf, { _defaultConfig() {
const conf = super._defaultConfig(arguments);
return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-icon-text-icon-item", baseCls: (conf.baseCls || "") + " bi-icon-text-icon-item",
iconCls1: "", iconCls1: "",
iconCls2: "", iconCls2: "",
@ -22,10 +30,10 @@ BI.IconTextIconItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -40,8 +48,8 @@ BI.IconTextIconItem = BI.inherit(BI.BasicButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
textAlign: "left", textAlign: "left",
hgap: o.textHgap, hgap: o.textHgap,
@ -62,48 +70,46 @@ BI.IconTextIconItem = BI.inherit(BI.BasicButton, {
iconHeight: o.iconHeight, iconHeight: o.iconHeight,
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.IconTextIconItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.IconTextIconItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(IconTextIconItem.EVENT_CHANGE, this.getValue(), this);
}
} }
},
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
}); }
BI.IconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.icon_text_icon_item", BI.IconTextIconItem);

73
src/base/single/button/listitem/icontextitem.js
Unescape View File

@ -1,16 +1,23 @@
import { BasicButton } from "../button.basic"
import { extend, shortcut } from "../../../../core"
/** /**
* guy * guy
* *
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.IconTextItem * @class IconTextItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.IconTextItem = BI.inherit(BI.BasicButton, { @shortcut()
export class IconTextItem extends BasicButton {
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.icon_text_item";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.IconTextItem.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-icon-text-item", baseCls: (conf.baseCls || "") + " bi-icon-text-item",
direction: BI.Direction.Left, direction: BI.Direction.Left,
iconWrapperWidth: null, iconWrapperWidth: null,
@ -22,10 +29,10 @@ BI.IconTextItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -40,8 +47,8 @@ BI.IconTextItem = BI.inherit(BI.BasicButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
cls: "list-item-text", cls: "list-item-text",
textAlign: "left", textAlign: "left",
@ -56,48 +63,46 @@ BI.IconTextItem = BI.inherit(BI.BasicButton, {
}, },
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.IconTextItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.IconTextItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BI.IconTextItem.EVENT_CHANGE, this.getValue(), this);
} }
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
}); }
BI.IconTextItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.icon_text_item", BI.IconTextItem);

71
src/base/single/button/listitem/texticonitem.js
Unescape View File

@ -1,17 +1,24 @@
import { BasicButton } from "../button.basic"
import { extend, shortcut } from "../../../../core"
/** /**
* *
* 图标的button * 图标的button
* *
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.TextIconItem * @class TextIconItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.TextIconItem = BI.inherit(BI.BasicButton, { @shortcut()
export class TextIconItem extends BasicButton {
static xtype = "bi.text_icon_item";
static EVENT_CHANGE = "EVENT_CHANGE"
_defaultConfig: function () { _defaultConfig() {
var conf = BI.TextIconItem.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-text-icon-item", baseCls: (conf.baseCls || "") + " bi-text-icon-item",
iconWrapperWidth: null, iconWrapperWidth: null,
iconHeight: null, iconHeight: null,
@ -22,10 +29,10 @@ BI.TextIconItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -56,48 +63,46 @@ BI.TextIconItem = BI.inherit(BI.BasicButton, {
iconHeight: o.iconHeight, iconHeight: o.iconHeight,
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.TextIconItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.TextIconItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(TextIconItem.EVENT_CHANGE, this.getValue(), this);
}
} }
},
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
}); }
BI.TextIconItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.text_icon_item", BI.TextIconItem);

69
src/base/single/button/listitem/textitem.js
Unescape View File

@ -1,17 +1,24 @@
import { BasicButton } from "../button.basic"
import { extend, shortcut } from "../../../../core"
/** /**
* guy * guy
* 一个button和一行数 组成的一行listitem * 一个button和一行数 组成的一行listitem
* *
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.TextItem * @class TextItem
* @extends BI.BasicButton * @extends BasicButton
*/ */
BI.TextItem = BI.inherit(BI.BasicButton, { @shortcut
export class TextItem extends BasicButton {
static xtype = "bi.text_item";
static EVENT_CHANGE = "EVENT_CHANGE";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.TextItem.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-text-item", baseCls: (conf.baseCls || "") + " bi-text-item",
textAlign: "left", textAlign: "left",
whiteSpace: "nowrap", whiteSpace: "nowrap",
@ -20,10 +27,10 @@ BI.TextItem = BI.inherit(BI.BasicButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var o = this.options; const o = this.options;
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
@ -40,48 +47,46 @@ BI.TextItem = BI.inherit(BI.BasicButton, {
keyword: o.keyword, keyword: o.keyword,
py: o.py, py: o.py,
}); });
}, }
doClick: function () { doClick() {
BI.TextItem.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.TextItem.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BI.TextItem.EVENT_CHANGE, this.getValue(), this);
} }
}, }
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);
}, }
doHighLight: function () { doHighLight() {
this.text.doHighLight.apply(this.text, arguments); this.text.doHighLight.apply(this.text, arguments);
}, }
unHighLight: function () { unHighLight() {
this.text.unHighLight.apply(this.text, arguments); this.text.unHighLight.apply(this.text, arguments);
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
}); }
BI.TextItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.text_item", BI.TextItem);

67
src/base/single/button/node/icontexticonnode.js
Unescape View File

@ -1,15 +1,22 @@
import { NodeButton } from "../button.node"
import { extend, shortcut } from "../../../../core"
/** /**
* guy * guy
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.IconTextIconNode * @class IconTextIconNode
* @extends BI.NodeButton * @extends NodeButton
*/ */
BI.IconTextIconNode = BI.inherit(BI.NodeButton, { @shortcut()
export class IconTextIconNode extends NodeButton {
static xtype = "bi.icon_text_icon_node";
static EVENT_CHANGE = "EVENT_CHANGE";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.IconTextIconNode.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-icon-text-icon-node", baseCls: (conf.baseCls || "") + " bi-icon-text-icon-node",
iconCls1: "close-ha-font", iconCls1: "close-ha-font",
iconCls2: "close-ha-font", iconCls2: "close-ha-font",
@ -20,10 +27,10 @@ BI.IconTextIconNode = BI.inherit(BI.NodeButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -38,8 +45,8 @@ BI.IconTextIconNode = BI.inherit(BI.NodeButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
textAlign: "left", textAlign: "left",
hgap: o.textHgap, hgap: o.textHgap,
@ -60,40 +67,38 @@ BI.IconTextIconNode = BI.inherit(BI.NodeButton, {
iconHeight: o.iconHeight, iconHeight: o.iconHeight,
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.IconTextIconNode.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.IconTextIconNode.EVENT_CHANGE, this.getValue(), this); this.fireEvent(IconTextIconNode.EVENT_CHANGE, this.getValue(), this);
}
} }
},
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);
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
}); }
BI.IconTextIconNode.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.icon_text_icon_node", BI.IconTextIconNode);

66
src/base/single/button/node/icontextnode.js
Unescape View File

@ -1,15 +1,22 @@
import { NodeButton } from "../button.node"
import { extend, shortcut } from "../../../../core"
/** /**
* guy * guy
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.IconTextNode * @class IconTextNode
* @extends BI.NodeButton * @extends NodeButton
*/ */
BI.IconTextNode = BI.inherit(BI.NodeButton, { @shortcut()
export class IconTextNode extends NodeButton {
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.icon_text_node";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.IconTextNode.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-icon-text-node", baseCls: (conf.baseCls || "") + " bi-icon-text-node",
cls: "close-ha-font", cls: "close-ha-font",
iconHeight: null, iconHeight: null,
@ -19,10 +26,10 @@ BI.IconTextNode = BI.inherit(BI.NodeButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -37,8 +44,8 @@ BI.IconTextNode = BI.inherit(BI.NodeButton, {
}, { }, {
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
cls: "list-item-text", cls: "list-item-text",
textAlign: "left", textAlign: "left",
@ -53,40 +60,39 @@ BI.IconTextNode = BI.inherit(BI.NodeButton, {
}, },
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.IconTextNode.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.IconTextNode.EVENT_CHANGE, this.getValue(), this); this.fireEvent(BI.IconTextNode.EVENT_CHANGE, this.getValue(), this);
} }
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
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.IconTextNode.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.icon_text_node", BI.IconTextNode);

67
src/base/single/button/node/texticonnode.js
Unescape View File

@ -1,14 +1,21 @@
import { NodeButton } from "../button.node"
import { extend, shortcut } from "../../../../core"
/** /**
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.TextIconNode * @class TextIconNode
* @extends BI.NodeButton * @extends NodeButton
*/ */
BI.TextIconNode = BI.inherit(BI.NodeButton, { @shortcut()
export default class TextIconNode extends NodeButton {
static EVENT_CHANGE = "EVENT_CHANGE";
static xtype = "bi.text_icon_node";
_defaultConfig: function () { _defaultConfig() {
var conf = BI.TextIconNode.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-text-icon-node", baseCls: (conf.baseCls || "") + " bi-text-icon-node",
cls: "close-ha-font", cls: "close-ha-font",
iconHeight: null, iconHeight: null,
@ -18,10 +25,10 @@ BI.TextIconNode = BI.inherit(BI.NodeButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var self = this, o = this.options; const o = this.options;
return { return {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
@ -29,8 +36,8 @@ BI.TextIconNode = BI.inherit(BI.NodeButton, {
items: [{ items: [{
el: { el: {
type: "bi.label", type: "bi.label",
ref: function (_ref) { ref: (_ref) => {
self.text = _ref; this.text = _ref;
}, },
cls: "list-item-text", cls: "list-item-text",
textAlign: "left", textAlign: "left",
@ -52,40 +59,38 @@ BI.TextIconNode = BI.inherit(BI.NodeButton, {
iconHeight: o.iconHeight, iconHeight: o.iconHeight,
}], }],
}; };
}, }
doClick: function () { doClick() {
BI.TextIconNode.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.TextIconNode.EVENT_CHANGE, this.getValue(), this); this.fireEvent(TextIconNode.EVENT_CHANGE, this.getValue(), this);
}
} }
},
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
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.TextIconNode.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.text_icon_node", BI.TextIconNode);

65
src/base/single/button/node/textnode.js
Unescape View File

@ -1,16 +1,25 @@
import { NodeButton } from "../button.node"
import { extend, shortcut } from "../../../../core"
/** /**
* guy * guy
* *
* Created by GUY on 2015/9/9. * Created by GUY on 2015/9/9.
* @class BI.TextNode * @class TextNode
* @extends BI.NodeButton * @extends NodeButton
*/ */
BI.TextNode = BI.inherit(BI.NodeButton, { @shortcut()
export class TextNode extends NodeButton {
static xtype = "bi.text_node"
static EVENT_CHANGE = "EVENT_CHANGE"
_defaultConfig: function () { _defaultConfig() {
var conf = BI.TextNode.superclass._defaultConfig.apply(this, arguments); const conf = super._defaultConfig(arguments);
return BI.extend(conf, { return extend(conf, {
baseCls: (conf.baseCls || "") + " bi-text-node", baseCls: (conf.baseCls || "") + " bi-text-node",
textAlign: "left", textAlign: "left",
whiteSpace: "nowrap", whiteSpace: "nowrap",
@ -19,10 +28,10 @@ BI.TextNode = BI.inherit(BI.NodeButton, {
textLgap: 0, textLgap: 0,
textRgap: 0, textRgap: 0,
}); });
}, }
render: function () { render() {
var o = this.options; const o = this.options;
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
@ -39,40 +48,38 @@ BI.TextNode = BI.inherit(BI.NodeButton, {
keyword: o.keyword, keyword: o.keyword,
py: o.py, py: o.py,
}); });
}, }
doClick: function () { doClick() {
BI.TextNode.superclass.doClick.apply(this, arguments); super.doClick.apply(this, arguments);
if (this.isValid()) { if (this.isValid()) {
this.fireEvent(BI.TextNode.EVENT_CHANGE, this.getValue(), this); this.fireEvent(TextNode.EVENT_CHANGE, this.getValue(), this);
}
} }
},
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);
}, }
setValue: function () { setValue() {
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.setValue.apply(this.text, arguments); this.text.setValue.apply(this.text, arguments);
} }
}, }
getValue: function () { getValue() {
return this.text.getValue(); return this.text.getValue();
}, }
setText: function () { setText() {
this.text.setText.apply(this.text, arguments); this.text.setText.apply(this.text, arguments);
}, }
getText: function () { getText() {
return this.text.getText(); return this.text.getText();
}, }
}); }
BI.TextNode.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.text_node", BI.TextNode);

3
src/core/index.js
Unescape View File

@ -41,6 +41,9 @@ export * from './2.base';
export * from './4.widget'; export * from './4.widget';
export * from './5.inject'; export * from './5.inject';
// 有了后删掉
export const emptyFn = () => { }
export { export {
shortcut, shortcut,
OB, OB,

Write Preview
Loading…
Cancel
Save