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

Merge branch 'master' of http://cloud.finedevelop.com:2015/scm/~guy/fineui 

# Conflicts:
#	dist/bundle.js
#	dist/fineui.js
es6
guy 6 years ago
parent
aba3261fbb 9a17d46930
commit
1261abf77a
8 changed files with 975 additions and 912 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. 19
      dist/bundle.js
  2. 66
      dist/bundle.min.js
  3. 813
      dist/core.js
  4. 19
      dist/fineui.js
  5. 66
      dist/fineui.min.js
  6. 29
      dist/fix/fix.compact.js
  7. 2
      dist/utils.min.js
  8. 873
      src/core/widget.js

19
dist/bundle.js vendored
Unescape View File

@ -21346,10 +21346,10 @@ _.extend(BI.OB.prototype, {
*/ */
!(function () { !(function () {
var lazy = (typeof document !== "undefined" && var lazy = (typeof document !== 'undefined' &&
typeof document.documentMode === "number") || typeof document.documentMode === 'number') ||
(typeof navigator !== "undefined" && (typeof navigator !== 'undefined' &&
typeof navigator.userAgent === "string" && typeof navigator.userAgent === 'string' &&
/\bEdge\/\d/.test(navigator.userAgent)); /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, { BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { _defaultConfig: function () {
@ -21399,7 +21399,6 @@ _.extend(BI.OB.prototype, {
this._initVisual(); this._initVisual();
this._initState(); this._initState();
if (this.isVisible()) { if (this.isVisible()) {
this.rendered = true;
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
this.beforeInit(BI.bind(this._render, this)); this.beforeInit(BI.bind(this._render, this));
@ -21409,9 +21408,10 @@ _.extend(BI.OB.prototype, {
} else { } else {
this._render(); this._render();
} }
this.rendered = true
} }
if (this._isRoot) { if (this._isRoot) {
this._mount(); this._mount()
} }
}, },
@ -21535,7 +21535,7 @@ _.extend(BI.OB.prototype, {
if (!isMounted) { if (!isMounted) {
return; return;
} }
this._isMounting = true; this._isMounting = true
if (!this.rendered) { if (!this.rendered) {
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
@ -21558,7 +21558,7 @@ _.extend(BI.OB.prototype, {
}); });
lazy && this._mountChildren && this._mountChildren(); lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted(); this.mounted && this.mounted();
this._isMounting = false; this._isMounting = false
}, },
_mountChildren: null, _mountChildren: null,
@ -21835,8 +21835,7 @@ _.extend(BI.OB.prototype, {
this.purgeListeners(); this.purgeListeners();
} }
}); });
})(); })();(function () {
(function () {
var kv = {}; var kv = {};
BI.shortcut = function (xtype, cls) { BI.shortcut = function (xtype, cls) {
if (kv[xtype] != null) { if (kv[xtype] != null) {

66
dist/bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

813
dist/core.js vendored
Unescape View File

@ -21344,469 +21344,498 @@ _.extend(BI.OB.prototype, {
* *
* @cfg {JSON} options 配置属性 * @cfg {JSON} options 配置属性
*/ */
BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () {
return BI.extend(BI.Widget.superclass._defaultConfig.apply(this), {
root: false,
tagName: "div",
attributes: null,
data: null,
tag: null,
disabled: false,
invisible: false,
invalid: false,
baseCls: "",
extraCls: "",
cls: ""
});
},
beforeInit: null, !(function () {
var lazy = (typeof document !== 'undefined' &&
// 生命周期函数 typeof document.documentMode === 'number') ||
beforeCreate: null, (typeof navigator !== 'undefined' &&
typeof navigator.userAgent === 'string' &&
/\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () {
return BI.extend(BI.Widget.superclass._defaultConfig.apply(this), {
root: false,
tagName: "div",
attributes: null,
data: null,
tag: null,
disabled: false,
invisible: false,
invalid: false,
baseCls: "",
extraCls: "",
cls: ""
});
},
created: null, beforeInit: null,
render: null, // 生命周期函数
beforeCreate: null,
beforeMount: null, created: null,
mounted: null, render: null,
shouldUpdate: null, beforeMount: null,
update: function () { mounted: null,
},
beforeDestroy: null, shouldUpdate: null,
destroyed: null, update: function () {
},
_init: function () { beforeDestroy: null,
BI.Widget.superclass._init.apply(this, arguments);
this._initRoot(); destroyed: null,
this._initElementWidth();
this._initElementHeight(); _init: function () {
this._initVisual(); BI.Widget.superclass._init.apply(this, arguments);
this._initState(); this._initRoot();
if (this.beforeInit) { this._initElementWidth();
this.__asking = true; this._initElementHeight();
this.beforeInit(BI.bind(this._render, this)); this._initVisual();
if (this.__asking === true) { this._initState();
this.__async = true; if (this.isVisible()) {
if (this.beforeInit) {
this.__asking = true;
this.beforeInit(BI.bind(this._render, this));
if (this.__asking === true) {
this.__async = true;
}
} else {
this._render();
}
this.rendered = true
} }
} else { if (this._isRoot) {
this._render(); this._mount()
} }
}, },
_render: function () { _render: function () {
this.__asking = false; this.__asking = false;
this.beforeCreate && this.beforeCreate(); this.beforeCreate && this.beforeCreate();
this._initElement(); this._initElement();
this._initEffects(); this._initEffects();
this.created && this.created(); this.created && this.created();
}, },
/** /**
* 初始化根节点 * 初始化根节点
* @private * @private
*/ */
_initRoot: function () { _initRoot: function () {
var o = this.options; var o = this.options;
this.widgetName = o.widgetName || BI.uniqueId("widget"); this.widgetName = o.widgetName || BI.uniqueId("widget");
this._isRoot = o.root; this._isRoot = o.root;
if (BI.isWidget(o.element)) { if (BI.isWidget(o.element)) {
if (o.element instanceof BI.Widget) { if (o.element instanceof BI.Widget) {
this._parent = o.element; this._parent = o.element;
this._parent.addWidget(this.widgetName, this); this._parent.addWidget(this.widgetName, this);
} else { } else {
this._isRoot = true;
}
this.element = this.options.element.element;
} else if (o.element) {
// if (o.root !== true) {
// throw new Error("root is a required property");
// }
this.element = $(o.element);
this._isRoot = true; this._isRoot = true;
} else {
this.element = $(document.createElement(o.tagName));
} }
this.element = this.options.element.element; this.element._isWidget = true;
} else if (o.element) { if (o.baseCls || o.extraCls || o.cls) {
// if (o.root !== true) { this.element.addClass((o.baseCls || "") + " " + (o.extraCls || "") + " " + (o.cls || ""));
// throw new Error("root is a required property"); }
// } if (o.attributes) {
this.element = $(o.element); this.element.attr(o.attributes);
this._isRoot = true; }
} else { if (o.data) {
this.element = $(document.createElement(o.tagName)); this.element.data(o.data);
} }
this.element._isWidget = true; this._children = {};
if (o.baseCls || o.extraCls || o.cls) { },
this.element.addClass((o.baseCls || "") + " " + (o.extraCls || "") + " " + (o.cls || ""));
}
if (o.attributes) {
this.element.attr(o.attributes);
}
if (o.data) {
this.element.data(o.data);
}
this._children = {};
},
_initElementWidth: function () {
var o = this.options;
if (BI.isWidthOrHeight(o.width)) {
this.element.css("width", o.width);
}
},
_initElementHeight: function () { _initElementWidth: function () {
var o = this.options; var o = this.options;
if (BI.isWidthOrHeight(o.height)) { if (BI.isWidthOrHeight(o.width)) {
this.element.css("height", o.height); this.element.css("width", o.width);
} }
}, },
_initVisual: function () { _initElementHeight: function () {
var o = this.options; var o = this.options;
if (o.invisible) { if (BI.isWidthOrHeight(o.height)) {
// 用display属性做显示和隐藏，否则jquery会在显示时将display设为block会覆盖掉display:flex属性 this.element.css("height", o.height);
this.element.css("display", "none"); }
} },
},
_initEffects: function () { _initVisual: function () {
var o = this.options; var o = this.options;
if (o.disabled || o.invalid) { if (o.invisible) {
if (this.options.disabled) { // 用display属性做显示和隐藏，否则jquery会在显示时将display设为block会覆盖掉display:flex属性
this.setEnable(false); this.element.css("display", "none");
} }
if (this.options.invalid) { },
this.setValid(false);
_initEffects: function () {
var o = this.options;
if (o.disabled || o.invalid) {
if (this.options.disabled) {
this.setEnable(false);
}
if (this.options.invalid) {
this.setValid(false);
}
} }
} },
},
_initState: function () { _initState: function () {
this._isMounted = false; this._isMounted = false;
}, },
_initElement: function () { _initElement: function () {
var self = this; var self = this;
var els = this.render && this.render(); var els = this.render && this.render();
if (BI.isPlainObject(els)) { if (BI.isPlainObject(els)) {
els = [els]; els = [els];
} }
if (BI.isArray(els)) { if (BI.isArray(els)) {
BI.each(els, function (i, el) { BI.each(els, function (i, el) {
BI.createWidget(el, { BI.createWidget(el, {
element: self element: self
});
}); });
}); }
} // if (this._isRoot === true || !(this instanceof BI.Layout)) {
// if (this._isRoot === true || !(this instanceof BI.Layout)) { this._mount();
this._mount(); // }
// } },
},
_setParent: function (parent) { _setParent: function (parent) {
this._parent = parent; this._parent = parent;
}, },
_mount: function () { _mount: function () {
var self = this; var self = this;
var isMounted = this._isMounted; var isMounted = this._isMounted;
if (isMounted || !this.isVisible() || this.__asking === true) { if (this._isMounting || isMounted || !this.isVisible() || this.__asking === true) {
return; return;
} }
if (this._isRoot === true) { if (this._isRoot === true) {
isMounted = true; isMounted = true;
} else if (this._parent && this._parent._isMounted === true) { } else if (this._parent && this._parent._isMounted === true) {
isMounted = true; isMounted = true;
} }
if (!isMounted) { if (!isMounted) {
return; return;
} }
this.beforeMount && this.beforeMount(); this._isMounting = true
this._isMounted = true; if (!this.rendered) {
this._mountChildren && this._mountChildren(); if (this.beforeInit) {
BI.each(this._children, function (i, widget) { this.__asking = true;
!self.isEnabled() && widget._setEnable(false); this.beforeInit(BI.bind(this._render, this));
!self.isValid() && widget._setValid(false); if (this.__asking === true) {
widget._mount && widget._mount(); this.__async = true;
}); }
this.mounted && this.mounted(); } else {
}, this._render();
}
}
_mountChildren: null, this.beforeMount && this.beforeMount();
this._isMounted = true;
!lazy && this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) {
!self.isEnabled() && widget._setEnable(false);
!self.isValid() && widget._setValid(false);
widget._mount && widget._mount();
});
lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted();
this._isMounting = false
},
isMounted: function () { _mountChildren: null,
return this._isMounted;
},
setWidth: function (w) { isMounted: function () {
this.options.width = w; return this._isMounted;
this._initElementWidth(); },
},
setHeight: function (h) { setWidth: function (w) {
this.options.height = h; this.options.width = w;
this._initElementHeight(); this._initElementWidth();
}, },
_setEnable: function (enable) { setHeight: function (h) {
if (enable === true) { this.options.height = h;
this.options.disabled = false; this._initElementHeight();
} else if (enable === false) { },
this.options.disabled = true;
}
// 递归将所有子组件使能
BI.each(this._children, function (i, child) {
!child._manualSetEnable && child._setEnable && child._setEnable(enable);
});
},
_setValid: function (valid) { _setEnable: function (enable) {
if (valid === true) { if (enable === true) {
this.options.invalid = false; this.options.disabled = false;
} else if (valid === false) { } else if (enable === false) {
this.options.invalid = true; this.options.disabled = true;
} }
// 递归将所有子组件使有效 // 递归将所有子组件使能
BI.each(this._children, function (i, child) { BI.each(this._children, function (i, child) {
!child._manualSetValid && child._setValid && child._setValid(valid); !child._manualSetEnable && child._setEnable && child._setEnable(enable);
}); });
}, },
_setVisible: function (visible) { _setValid: function (valid) {
if (visible === true) { if (valid === true) {
this.options.invisible = false; this.options.invalid = false;
} else if (visible === false) { } else if (valid === false) {
this.options.invisible = true; this.options.invalid = true;
} }
}, // 递归将所有子组件使有效
BI.each(this._children, function (i, child) {
!child._manualSetValid && child._setValid && child._setValid(valid);
});
},
setEnable: function (enable) { _setVisible: function (visible) {
this._manualSetEnable = true; if (visible === true) {
this._setEnable(enable); this.options.invisible = false;
if (enable === true) { } else if (visible === false) {
this.element.removeClass("base-disabled disabled"); this.options.invisible = true;
} else if (enable === false) { }
this.element.addClass("base-disabled disabled"); },
}
},
setVisible: function (visible) { setEnable: function (enable) {
this._setVisible(visible); this._manualSetEnable = true;
if (visible === true) { this._setEnable(enable);
// 用this.element.show()会把display属性改成block if (enable === true) {
this.element.css("display", ""); this.element.removeClass("base-disabled disabled");
this._mount(); } else if (enable === false) {
} else if (visible === false) { this.element.addClass("base-disabled disabled");
this.element.css("display", "none"); }
} },
this.fireEvent(BI.Events.VIEW, visible);
},
setValid: function (valid) { setVisible: function (visible) {
this._manualSetValid = true; this._setVisible(visible);
this._setValid(valid); if (visible === true) {
if (valid === true) { // 用this.element.show()会把display属性改成block
this.element.removeClass("base-invalid invalid"); this.element.css("display", "");
} else if (valid === false) { this._mount();
this.element.addClass("base-invalid invalid"); } else if (visible === false) {
} this.element.css("display", "none");
}, }
this.fireEvent(BI.Events.VIEW, visible);
},
doBehavior: function () { setValid: function (valid) {
var args = arguments; this._manualSetValid = true;
// 递归将所有子组件使有效 this._setValid(valid);
BI.each(this._children, function (i, child) { if (valid === true) {
child.doBehavior && child.doBehavior.apply(child, args); this.element.removeClass("base-invalid invalid");
}); } else if (valid === false) {
}, this.element.addClass("base-invalid invalid");
}
},
getWidth: function () { doBehavior: function () {
return this.options.width; var args = arguments;
}, // 递归将所有子组件使有效
BI.each(this._children, function (i, child) {
child.doBehavior && child.doBehavior.apply(child, args);
});
},
getHeight: function () { getWidth: function () {
return this.options.height; return this.options.width;
}, },
isValid: function () { getHeight: function () {
return !this.options.invalid; return this.options.height;
}, },
addWidget: function (name, widget) { isValid: function () {
var self = this; return !this.options.invalid;
if (name instanceof BI.Widget) { },
widget = name;
name = widget.getName();
}
if (BI.isKey(name)) {
name = name + "";
}
name = name || widget.getName() || BI.uniqueId("widget");
if (this._children[name]) {
throw new Error("name has already been existed");
}
widget._setParent && widget._setParent(this);
widget.on(BI.Events.DESTROY, function () {
BI.remove(self._children, this);
});
return (this._children[name] = widget);
},
getWidgetByName: function (name) { addWidget: function (name, widget) {
if (!BI.isKey(name) || name === this.getName()) { var self = this;
return this; if (name instanceof BI.Widget) {
} widget = name;
name = name + ""; name = widget.getName();
var widget = void 0, other = {};
BI.any(this._children, function (i, wi) {
if (i === name) {
widget = wi;
return true;
} }
other[i] = wi; if (BI.isKey(name)) {
}); name = name + "";
if (!widget) { }
BI.any(other, function (i, wi) { name = name || widget.getName() || BI.uniqueId("widget");
return (widget = wi.getWidgetByName(i)); if (this._children[name]) {
throw new Error("name has already been existed");
}
widget._setParent && widget._setParent(this);
widget.on(BI.Events.DESTROY, function () {
BI.remove(self._children, this);
}); });
} return (this._children[name] = widget);
return widget; },
},
removeWidget: function (nameOrWidget) { getWidgetByName: function (name) {
var self = this; if (!BI.isKey(name) || name === this.getName()) {
if (BI.isWidget(nameOrWidget)) { return this;
BI.remove(this._children, nameOrWidget); }
} else { name = name + "";
delete this._children[nameOrWidget]; var widget = void 0, other = {};
} BI.any(this._children, function (i, wi) {
}, if (i === name) {
widget = wi;
return true;
}
other[i] = wi;
});
if (!widget) {
BI.any(other, function (i, wi) {
return (widget = wi.getWidgetByName(i));
});
}
return widget;
},
hasWidget: function (name) { removeWidget: function (nameOrWidget) {
return this._children[name] != null; var self = this;
}, if (BI.isWidget(nameOrWidget)) {
BI.remove(this._children, nameOrWidget);
} else {
delete this._children[nameOrWidget];
}
},
getName: function () { hasWidget: function (name) {
return this.widgetName; return this._children[name] != null;
}, },
setTag: function (tag) { getName: function () {
this.options.tag = tag; return this.widgetName;
}, },
getTag: function () { setTag: function (tag) {
return this.options.tag; this.options.tag = tag;
}, },
attr: function (key, value) { getTag: function () {
var self = this; return this.options.tag;
if (BI.isPlainObject(key)) { },
BI.each(key, function (k, v) {
self.attr(k, v);
});
return;
}
if (BI.isNotNull(value)) {
return this.options[key] = value;
}
return this.options[key];
},
getText: function () { attr: function (key, value) {
var self = this;
if (BI.isPlainObject(key)) {
BI.each(key, function (k, v) {
self.attr(k, v);
});
return;
}
if (BI.isNotNull(value)) {
return this.options[key] = value;
}
return this.options[key];
},
}, getText: function () {
setText: function (text) { },
}, setText: function (text) {
getValue: function () { },
}, getValue: function () {
setValue: function (value) { },
}, setValue: function (value) {
isEnabled: function () { },
return !this.options.disabled;
},
isVisible: function () { isEnabled: function () {
return !this.options.invisible; return !this.options.disabled;
}, },
disable: function () { isVisible: function () {
this.setEnable(false); return !this.options.invisible;
}, },
enable: function () { disable: function () {
this.setEnable(true); this.setEnable(false);
}, },
valid: function () { enable: function () {
this.setValid(true); this.setEnable(true);
}, },
invalid: function () { valid: function () {
this.setValid(false); this.setValid(true);
}, },
invisible: function () { invalid: function () {
this.setVisible(false); this.setValid(false);
}, },
visible: function () { invisible: function () {
this.setVisible(true); this.setVisible(false);
}, },
__d: function () { visible: function () {
this.beforeDestroy && this.beforeDestroy(); this.setVisible(true);
BI.each(this._children, function (i, widget) { },
widget && widget._unMount && widget._unMount();
});
this._children = {};
this._parent = null;
this._isMounted = false;
this.destroyed && this.destroyed();
},
_unMount: function () { __d: function () {
this.__d(); this.beforeDestroy && this.beforeDestroy();
this.fireEvent(BI.Events.UNMOUNT); BI.each(this._children, function (i, widget) {
this.purgeListeners(); widget && widget._unMount && widget._unMount();
}, });
this._children = {};
this._parent = null;
this._isMounted = false;
this.destroyed && this.destroyed();
},
isolate: function () { _unMount: function () {
if (this._parent) { this.__d();
this._parent.removeWidget(this); this.fireEvent(BI.Events.UNMOUNT);
} this.purgeListeners();
BI.DOM.hang([this]); },
},
empty: function () { isolate: function () {
BI.each(this._children, function (i, widget) { if (this._parent) {
widget && widget._unMount && widget._unMount(); this._parent.removeWidget(this);
}); }
this._children = {}; BI.DOM.hang([this]);
this.element.empty(); },
},
_destroy: function () { empty: function () {
this.__d(); BI.each(this._children, function (i, widget) {
this.element.destroy(); widget && widget._unMount && widget._unMount();
this.purgeListeners(); });
}, this._children = {};
this.element.empty();
},
destroy: function () { _destroy: function () {
this.__d(); this.__d();
this.element.destroy(); this.element.destroy();
this.fireEvent(BI.Events.DESTROY); this.purgeListeners();
this._purgeRef(); },
this.purgeListeners();
} destroy: function () {
});(function () { this.__d();
this.element.destroy();
this.fireEvent(BI.Events.DESTROY);
this._purgeRef();
this.purgeListeners();
}
});
})();(function () {
var kv = {}; var kv = {};
BI.shortcut = function (xtype, cls) { BI.shortcut = function (xtype, cls) {
if (kv[xtype] != null) { if (kv[xtype] != null) {

19
dist/fineui.js vendored
Unescape View File

@ -21567,10 +21567,10 @@ _.extend(BI.OB.prototype, {
*/ */
!(function () { !(function () {
var lazy = (typeof document !== "undefined" && var lazy = (typeof document !== 'undefined' &&
typeof document.documentMode === "number") || typeof document.documentMode === 'number') ||
(typeof navigator !== "undefined" && (typeof navigator !== 'undefined' &&
typeof navigator.userAgent === "string" && typeof navigator.userAgent === 'string' &&
/\bEdge\/\d/.test(navigator.userAgent)); /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, { BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { _defaultConfig: function () {
@ -21620,7 +21620,6 @@ _.extend(BI.OB.prototype, {
this._initVisual(); this._initVisual();
this._initState(); this._initState();
if (this.isVisible()) { if (this.isVisible()) {
this.rendered = true;
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
this.beforeInit(BI.bind(this._render, this)); this.beforeInit(BI.bind(this._render, this));
@ -21630,9 +21629,10 @@ _.extend(BI.OB.prototype, {
} else { } else {
this._render(); this._render();
} }
this.rendered = true
} }
if (this._isRoot) { if (this._isRoot) {
this._mount(); this._mount()
} }
}, },
@ -21756,7 +21756,7 @@ _.extend(BI.OB.prototype, {
if (!isMounted) { if (!isMounted) {
return; return;
} }
this._isMounting = true; this._isMounting = true
if (!this.rendered) { if (!this.rendered) {
if (this.beforeInit) { if (this.beforeInit) {
this.__asking = true; this.__asking = true;
@ -21779,7 +21779,7 @@ _.extend(BI.OB.prototype, {
}); });
lazy && this._mountChildren && this._mountChildren(); lazy && this._mountChildren && this._mountChildren();
this.mounted && this.mounted(); this.mounted && this.mounted();
this._isMounting = false; this._isMounting = false
}, },
_mountChildren: null, _mountChildren: null,
@ -22056,8 +22056,7 @@ _.extend(BI.OB.prototype, {
this.purgeListeners(); this.purgeListeners();
} }
}); });
})(); })();(function () {
(function () {
var kv = {}; var kv = {};
BI.shortcut = function (xtype, cls) { BI.shortcut = function (xtype, cls) {
if (kv[xtype] != null) { if (kv[xtype] != null) {

66
dist/fineui.min.js vendored
View File

File diff suppressed because one or more lines are too long

29
dist/fix/fix.compact.js vendored
Unescape View File

@ -1,5 +1,5 @@
;(function () { ;(function () {
function initWatch (vm, watch) { function initWatch(vm, watch) {
vm._watchers || (vm._watchers = []); vm._watchers || (vm._watchers = []);
for (var key in watch) { for (var key in watch) {
var handler = watch[key]; var handler = watch[key];
@ -13,7 +13,7 @@
} }
} }
function createWatcher (vm, keyOrFn, handler) { function createWatcher(vm, keyOrFn, handler) {
return Fix.watch(vm.model, keyOrFn, _.bind(handler, vm), { return Fix.watch(vm.model, keyOrFn, _.bind(handler, vm), {
store: vm.store store: vm.store
}); });
@ -22,24 +22,24 @@
var target = null; var target = null;
var targetStack = []; var targetStack = [];
function pushTarget (_target) { function pushTarget(_target) {
if (target) targetStack.push(target); if (target) targetStack.push(target);
Fix.Model.target = target = _target; Fix.Model.target = target = _target;
} }
function popTarget () { function popTarget() {
Fix.Model.target = target = targetStack.pop(); Fix.Model.target = target = targetStack.pop();
} }
var context = null; var context = null;
var contextStack = []; var contextStack = [];
function pushContext (_context) { function pushContext(_context) {
if (context) contextStack.push(context); if (context) contextStack.push(context);
Fix.Model.context = context = _context; Fix.Model.context = context = _context;
} }
function popContext () { function popContext() {
Fix.Model.context = context = contextStack.pop(); Fix.Model.context = context = contextStack.pop();
} }
@ -60,7 +60,7 @@
}, options); }, options);
}; };
function findStore (widget) { function findStore(widget) {
if (target != null) { if (target != null) {
return target; return target;
} }
@ -106,12 +106,11 @@
}; };
}); });
var _init = BI.Widget.prototype._init; function createStore() {
BI.Widget.prototype._init = function () {
var self = this;
var needPop = false; var needPop = false;
if (window.Fix && this._store) { if (!this._storeCreated && window.Fix && this._store && this.isVisible()) {
var store = findStore(this.options.context || this.options.element); var store = findStore(this.options.context || this.options.element);
this._storeCreated = true;
if (store) { if (store) {
pushTarget(store); pushTarget(store);
needPop = true; needPop = true;
@ -128,6 +127,13 @@
} }
needPop = true; needPop = true;
} }
return needPop;
}
var _init = BI.Widget.prototype._init;
BI.Widget.prototype._init = function () {
var self = this;
var needPop = createStore.call(this);
_init.apply(this, arguments); _init.apply(this, arguments);
needPop && popTarget(); needPop && popTarget();
}; };
@ -166,6 +172,7 @@
_.each(["_mount"], function (name) { _.each(["_mount"], function (name) {
var old = BI.Widget.prototype[name]; var old = BI.Widget.prototype[name];
old && (BI.Widget.prototype[name] = function () { old && (BI.Widget.prototype[name] = function () {
createStore.call(this);
this.store && pushTarget(this.store); this.store && pushTarget(this.store);
var res = old.apply(this, arguments); var res = old.apply(this, arguments);
this.store && popTarget(); this.store && popTarget();

2
dist/utils.min.js vendored
View File

File diff suppressed because one or more lines are too long

873
src/core/widget.js
Unescape View File

@ -5,466 +5,495 @@
* *
* @cfg {JSON} options 配置属性 * @cfg {JSON} options 配置属性
*/ */
BI.Widget = BI.inherit(BI.OB, {
_defaultConfig: function () { !(function () {
return BI.extend(BI.Widget.superclass._defaultConfig.apply(this), { var lazy = (typeof document !== 'undefined' &&
root: false, typeof document.documentMode === 'number') ||
tagName: "div", (typeof navigator !== 'undefined' &&
attributes: null, typeof navigator.userAgent === 'string' &&
data: null, /\bEdge\/\d/.test(navigator.userAgent));
BI.Widget = BI.inherit(BI.OB, {
tag: null, _defaultConfig: function () {
disabled: false, return BI.extend(BI.Widget.superclass._defaultConfig.apply(this), {
invisible: false, root: false,
invalid: false, tagName: "div",
baseCls: "", attributes: null,
extraCls: "", data: null,
cls: ""
}); tag: null,
}, disabled: false,
invisible: false,
beforeInit: null, invalid: false,
baseCls: "",
// 生命周期函数 extraCls: "",
beforeCreate: null, cls: ""
});
created: null, },
render: null, beforeInit: null,
beforeMount: null, // 生命周期函数
beforeCreate: null,
mounted: null,
created: null,
shouldUpdate: null,
render: null,
update: function () {
}, beforeMount: null,
beforeDestroy: null, mounted: null,
destroyed: null, shouldUpdate: null,
_init: function () { update: function () {
BI.Widget.superclass._init.apply(this, arguments); },
this._initRoot();
this._initElementWidth(); beforeDestroy: null,
this._initElementHeight();
this._initVisual(); destroyed: null,
this._initState();
if (this.beforeInit) { _init: function () {
this.__asking = true; BI.Widget.superclass._init.apply(this, arguments);
this.beforeInit(BI.bind(this._render, this)); this._initRoot();
if (this.__asking === true) { this._initElementWidth();
this.__async = true; this._initElementHeight();
this._initVisual();
this._initState();
if (this.isVisible()) {
if (this.beforeInit) {
this.__asking = true;
this.beforeInit(BI.bind(this._render, this));
if (this.__asking === true) {
this.__async = true;
}
} else {
this._render();
}
this.rendered = true
} }
} else { if (this._isRoot) {
this._render(); this._mount()
} }
}, },
_render: function () { _render: function () {
this.__asking = false; this.__asking = false;
this.beforeCreate && this.beforeCreate(); this.beforeCreate && this.beforeCreate();
this._initElement(); this._initElement();
this._initEffects(); this._initEffects();
this.created && this.created(); this.created && this.created();
}, },
/** /**
* 初始化根节点 * 初始化根节点
* @private * @private
*/ */
_initRoot: function () { _initRoot: function () {
var o = this.options; var o = this.options;
this.widgetName = o.widgetName || BI.uniqueId("widget"); this.widgetName = o.widgetName || BI.uniqueId("widget");
this._isRoot = o.root; this._isRoot = o.root;
if (BI.isWidget(o.element)) { if (BI.isWidget(o.element)) {
if (o.element instanceof BI.Widget) { if (o.element instanceof BI.Widget) {
this._parent = o.element; this._parent = o.element;
this._parent.addWidget(this.widgetName, this); this._parent.addWidget(this.widgetName, this);
} else { } else {
this._isRoot = true;
}
this.element = this.options.element.element;
} else if (o.element) {
// if (o.root !== true) {
// throw new Error("root is a required property");
// }
this.element = $(o.element);
this._isRoot = true; this._isRoot = true;
} else {
this.element = $(document.createElement(o.tagName));
} }
this.element = this.options.element.element; this.element._isWidget = true;
} else if (o.element) { if (o.baseCls || o.extraCls || o.cls) {
// if (o.root !== true) { this.element.addClass((o.baseCls || "") + " " + (o.extraCls || "") + " " + (o.cls || ""));
// throw new Error("root is a required property"); }
// } if (o.attributes) {
this.element = $(o.element); this.element.attr(o.attributes);
this._isRoot = true; }
} else { if (o.data) {
this.element = $(document.createElement(o.tagName)); this.element.data(o.data);
} }
this.element._isWidget = true; this._children = {};
if (o.baseCls || o.extraCls || o.cls) { },
this.element.addClass((o.baseCls || "") + " " + (o.extraCls || "") + " " + (o.cls || ""));
}
if (o.attributes) {
this.element.attr(o.attributes);
}
if (o.data) {
this.element.data(o.data);
}
this._children = {};
},
_initElementWidth: function () {
var o = this.options;
if (BI.isWidthOrHeight(o.width)) {
this.element.css("width", o.width);
}
},
_initElementHeight: function () { _initElementWidth: function () {
var o = this.options; var o = this.options;
if (BI.isWidthOrHeight(o.height)) { if (BI.isWidthOrHeight(o.width)) {
this.element.css("height", o.height); this.element.css("width", o.width);
} }
}, },
_initVisual: function () { _initElementHeight: function () {
var o = this.options; var o = this.options;
if (o.invisible) { if (BI.isWidthOrHeight(o.height)) {
// 用display属性做显示和隐藏，否则jquery会在显示时将display设为block会覆盖掉display:flex属性 this.element.css("height", o.height);
this.element.css("display", "none"); }
} },
},
_initEffects: function () { _initVisual: function () {
var o = this.options; var o = this.options;
if (o.disabled || o.invalid) { if (o.invisible) {
if (this.options.disabled) { // 用display属性做显示和隐藏，否则jquery会在显示时将display设为block会覆盖掉display:flex属性
this.setEnable(false); this.element.css("display", "none");
} }
if (this.options.invalid) { },
this.setValid(false);
_initEffects: function () {
var o = this.options;
if (o.disabled || o.invalid) {
if (this.options.disabled) {
this.setEnable(false);
}
if (this.options.invalid) {
this.setValid(false);
}
} }
} },
},
_initState: function () { _initState: function () {
this._isMounted = false; this._isMounted = false;
}, },
_initElement: function () { _initElement: function () {
var self = this; var self = this;
var els = this.render && this.render(); var els = this.render && this.render();
if (BI.isPlainObject(els)) { if (BI.isPlainObject(els)) {
els = [els]; els = [els];
} }
if (BI.isArray(els)) { if (BI.isArray(els)) {
BI.each(els, function (i, el) { BI.each(els, function (i, el) {
BI.createWidget(el, { BI.createWidget(el, {
element: self element: self
});
}); });
}
// if (this._isRoot === true || !(this instanceof BI.Layout)) {
this._mount();
// }
},
_setParent: function (parent) {
this._parent = parent;
},
_mount: function () {
var self = this;
var isMounted = this._isMounted;
if (this._isMounting || isMounted || !this.isVisible() || this.__asking === true) {
return;
}
if (this._isRoot === true) {
isMounted = true;
} else if (this._parent && this._parent._isMounted === true) {
isMounted = true;
}
if (!isMounted) {
return;
}
this._isMounting = true
if (!this.rendered) {
if (this.beforeInit) {
this.__asking = true;
this.beforeInit(BI.bind(this._render, this));
if (this.__asking === true) {
this.__async = true;
}
} else {
this._render();
}
}
this.beforeMount && this.beforeMount();
this._isMounted = true;
!lazy && this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) {
!self.isEnabled() && widget._setEnable(false);
!self.isValid() && widget._setValid(false);
widget._mount && widget._mount();
}); });
} lazy && this._mountChildren && this._mountChildren();
// if (this._isRoot === true || !(this instanceof BI.Layout)) { this.mounted && this.mounted();
this._mount(); this._isMounting = false
// } },
},
_mountChildren: null,
_setParent: function (parent) {
this._parent = parent; isMounted: function () {
}, return this._isMounted;
},
_mount: function () {
var self = this; setWidth: function (w) {
var isMounted = this._isMounted; this.options.width = w;
if (isMounted || !this.isVisible() || this.__asking === true) { this._initElementWidth();
return; },
}
if (this._isRoot === true) { setHeight: function (h) {
isMounted = true; this.options.height = h;
} else if (this._parent && this._parent._isMounted === true) { this._initElementHeight();
isMounted = true; },
}
if (!isMounted) { _setEnable: function (enable) {
return; if (enable === true) {
} this.options.disabled = false;
this.beforeMount && this.beforeMount(); } else if (enable === false) {
this._isMounted = true; this.options.disabled = true;
this._mountChildren && this._mountChildren(); }
BI.each(this._children, function (i, widget) { // 递归将所有子组件使能
!self.isEnabled() && widget._setEnable(false); BI.each(this._children, function (i, child) {
!self.isValid() && widget._setValid(false); !child._manualSetEnable && child._setEnable && child._setEnable(enable);
widget._mount && widget._mount(); });
}); },
this.mounted && this.mounted();
},
_mountChildren: null,
isMounted: function () {
return this._isMounted;
},
setWidth: function (w) {
this.options.width = w;
this._initElementWidth();
},
setHeight: function (h) {
this.options.height = h;
this._initElementHeight();
},
_setEnable: function (enable) {
if (enable === true) {
this.options.disabled = false;
} else if (enable === false) {
this.options.disabled = true;
}
// 递归将所有子组件使能
BI.each(this._children, function (i, child) {
!child._manualSetEnable && child._setEnable && child._setEnable(enable);
});
},
_setValid: function (valid) {
if (valid === true) {
this.options.invalid = false;
} else if (valid === false) {
this.options.invalid = true;
}
// 递归将所有子组件使有效
BI.each(this._children, function (i, child) {
!child._manualSetValid && child._setValid && child._setValid(valid);
});
},
_setVisible: function (visible) {
if (visible === true) {
this.options.invisible = false;
} else if (visible === false) {
this.options.invisible = true;
}
},
setEnable: function (enable) {
this._manualSetEnable = true;
this._setEnable(enable);
if (enable === true) {
this.element.removeClass("base-disabled disabled");
} else if (enable === false) {
this.element.addClass("base-disabled disabled");
}
},
setVisible: function (visible) { _setValid: function (valid) {
this._setVisible(visible); if (valid === true) {
if (visible === true) { this.options.invalid = false;
// 用this.element.show()会把display属性改成block } else if (valid === false) {
this.element.css("display", ""); this.options.invalid = true;
this._mount();
} else if (visible === false) {
this.element.css("display", "none");
}
this.fireEvent(BI.Events.VIEW, visible);
},
setValid: function (valid) {
this._manualSetValid = true;
this._setValid(valid);
if (valid === true) {
this.element.removeClass("base-invalid invalid");
} else if (valid === false) {
this.element.addClass("base-invalid invalid");
}
},
doBehavior: function () {
var args = arguments;
// 递归将所有子组件使有效
BI.each(this._children, function (i, child) {
child.doBehavior && child.doBehavior.apply(child, args);
});
},
getWidth: function () {
return this.options.width;
},
getHeight: function () {
return this.options.height;
},
isValid: function () {
return !this.options.invalid;
},
addWidget: function (name, widget) {
var self = this;
if (name instanceof BI.Widget) {
widget = name;
name = widget.getName();
}
if (BI.isKey(name)) {
name = name + "";
}
name = name || widget.getName() || BI.uniqueId("widget");
if (this._children[name]) {
throw new Error("name has already been existed");
}
widget._setParent && widget._setParent(this);
widget.on(BI.Events.DESTROY, function () {
BI.remove(self._children, this);
});
return (this._children[name] = widget);
},
getWidgetByName: function (name) {
if (!BI.isKey(name) || name === this.getName()) {
return this;
}
name = name + "";
var widget = void 0, other = {};
BI.any(this._children, function (i, wi) {
if (i === name) {
widget = wi;
return true;
} }
other[i] = wi; // 递归将所有子组件使有效
}); BI.each(this._children, function (i, child) {
if (!widget) { !child._manualSetValid && child._setValid && child._setValid(valid);
BI.any(other, function (i, wi) {
return (widget = wi.getWidgetByName(i));
}); });
} },
return widget;
}, _setVisible: function (visible) {
if (visible === true) {
removeWidget: function (nameOrWidget) { this.options.invisible = false;
var self = this; } else if (visible === false) {
if (BI.isWidget(nameOrWidget)) { this.options.invisible = true;
BI.remove(this._children, nameOrWidget); }
} else { },
delete this._children[nameOrWidget];
} setEnable: function (enable) {
}, this._manualSetEnable = true;
this._setEnable(enable);
if (enable === true) {
this.element.removeClass("base-disabled disabled");
} else if (enable === false) {
this.element.addClass("base-disabled disabled");
}
},
setVisible: function (visible) {
this._setVisible(visible);
if (visible === true) {
// 用this.element.show()会把display属性改成block
this.element.css("display", "");
this._mount();
} else if (visible === false) {
this.element.css("display", "none");
}
this.fireEvent(BI.Events.VIEW, visible);
},
setValid: function (valid) {
this._manualSetValid = true;
this._setValid(valid);
if (valid === true) {
this.element.removeClass("base-invalid invalid");
} else if (valid === false) {
this.element.addClass("base-invalid invalid");
}
},
hasWidget: function (name) { doBehavior: function () {
return this._children[name] != null; var args = arguments;
}, // 递归将所有子组件使有效
BI.each(this._children, function (i, child) {
child.doBehavior && child.doBehavior.apply(child, args);
});
},
getName: function () { getWidth: function () {
return this.widgetName; return this.options.width;
}, },
setTag: function (tag) { getHeight: function () {
this.options.tag = tag; return this.options.height;
}, },
getTag: function () { isValid: function () {
return this.options.tag; return !this.options.invalid;
}, },
attr: function (key, value) { addWidget: function (name, widget) {
var self = this; var self = this;
if (BI.isPlainObject(key)) { if (name instanceof BI.Widget) {
BI.each(key, function (k, v) { widget = name;
self.attr(k, v); name = widget.getName();
}
if (BI.isKey(name)) {
name = name + "";
}
name = name || widget.getName() || BI.uniqueId("widget");
if (this._children[name]) {
throw new Error("name has already been existed");
}
widget._setParent && widget._setParent(this);
widget.on(BI.Events.DESTROY, function () {
BI.remove(self._children, this);
}); });
return; return (this._children[name] = widget);
} },
if (BI.isNotNull(value)) {
return this.options[key] = value;
}
return this.options[key];
},
getText: function () { getWidgetByName: function (name) {
if (!BI.isKey(name) || name === this.getName()) {
return this;
}
name = name + "";
var widget = void 0, other = {};
BI.any(this._children, function (i, wi) {
if (i === name) {
widget = wi;
return true;
}
other[i] = wi;
});
if (!widget) {
BI.any(other, function (i, wi) {
return (widget = wi.getWidgetByName(i));
});
}
return widget;
},
}, removeWidget: function (nameOrWidget) {
var self = this;
if (BI.isWidget(nameOrWidget)) {
BI.remove(this._children, nameOrWidget);
} else {
delete this._children[nameOrWidget];
}
},
setText: function (text) { hasWidget: function (name) {
return this._children[name] != null;
},
}, getName: function () {
return this.widgetName;
},
getValue: function () { setTag: function (tag) {
this.options.tag = tag;
},
}, getTag: function () {
return this.options.tag;
},
setValue: function (value) { attr: function (key, value) {
var self = this;
if (BI.isPlainObject(key)) {
BI.each(key, function (k, v) {
self.attr(k, v);
});
return;
}
if (BI.isNotNull(value)) {
return this.options[key] = value;
}
return this.options[key];
},
getText: function () {
},
setText: function (text) {
},
}, getValue: function () {
isEnabled: function () { },
return !this.options.disabled;
},
isVisible: function () { setValue: function (value) {
return !this.options.invisible;
},
disable: function () { },
this.setEnable(false);
},
enable: function () { isEnabled: function () {
this.setEnable(true); return !this.options.disabled;
}, },
valid: function () { isVisible: function () {
this.setValid(true); return !this.options.invisible;
}, },
invalid: function () { disable: function () {
this.setValid(false); this.setEnable(false);
}, },
invisible: function () { enable: function () {
this.setVisible(false); this.setEnable(true);
}, },
visible: function () { valid: function () {
this.setVisible(true); this.setValid(true);
}, },
__d: function () { invalid: function () {
this.beforeDestroy && this.beforeDestroy(); this.setValid(false);
BI.each(this._children, function (i, widget) { },
widget && widget._unMount && widget._unMount();
});
this._children = {};
this._parent = null;
this._isMounted = false;
this.destroyed && this.destroyed();
},
_unMount: function () { invisible: function () {
this.__d(); this.setVisible(false);
this.fireEvent(BI.Events.UNMOUNT); },
this.purgeListeners();
},
isolate: function () { visible: function () {
if (this._parent) { this.setVisible(true);
this._parent.removeWidget(this); },
__d: function () {
this.beforeDestroy && this.beforeDestroy();
BI.each(this._children, function (i, widget) {
widget && widget._unMount && widget._unMount();
});
this._children = {};
this._parent = null;
this._isMounted = false;
this.destroyed && this.destroyed();
},
_unMount: function () {
this.__d();
this.fireEvent(BI.Events.UNMOUNT);
this.purgeListeners();
},
isolate: function () {
if (this._parent) {
this._parent.removeWidget(this);
}
BI.DOM.hang([this]);
},
empty: function () {
BI.each(this._children, function (i, widget) {
widget && widget._unMount && widget._unMount();
});
this._children = {};
this.element.empty();
},
_destroy: function () {
this.__d();
this.element.destroy();
this.purgeListeners();
},
destroy: function () {
this.__d();
this.element.destroy();
this.fireEvent(BI.Events.DESTROY);
this._purgeRef();
this.purgeListeners();
} }
BI.DOM.hang([this]); });
}, })();
empty: function () {
BI.each(this._children, function (i, widget) {
widget && widget._unMount && widget._unMount();
});
this._children = {};
this.element.empty();
},
_destroy: function () {
this.__d();
this.element.destroy();
this.purgeListeners();
},
destroy: function () {
this.__d();
this.element.destroy();
this.fireEvent(BI.Events.DESTROY);
this._purgeRef();
this.purgeListeners();
}
});
Write Preview
Loading…
Cancel
Save