2013-12-05 01:10:24 +08:00
|
|
|
(function() {
|
2013-08-11 12:11:34 +08:00
|
|
|
// CONSTANTS
|
|
|
|
var ABSOLUTE_OPACITY = 'absoluteOpacity',
|
|
|
|
ABSOLUTE_TRANSFORM = 'absoluteTransform',
|
|
|
|
ADD = 'add',
|
|
|
|
B = 'b',
|
|
|
|
BEFORE = 'before',
|
|
|
|
BLACK = 'black',
|
|
|
|
CHANGE = 'Change',
|
|
|
|
CHILDREN = 'children',
|
|
|
|
DEG = 'Deg',
|
|
|
|
DOT = '.',
|
|
|
|
EMPTY_STRING = '',
|
|
|
|
G = 'g',
|
|
|
|
GET = 'get',
|
|
|
|
HASH = '#',
|
|
|
|
ID = 'id',
|
|
|
|
KINETIC = 'kinetic',
|
|
|
|
LISTENING = 'listening',
|
|
|
|
MOUSEENTER = 'mouseenter',
|
|
|
|
MOUSELEAVE = 'mouseleave',
|
|
|
|
NAME = 'name',
|
|
|
|
OFF = 'off',
|
|
|
|
ON = 'on',
|
|
|
|
PRIVATE_GET = '_get',
|
|
|
|
R = 'r',
|
|
|
|
RGB = 'RGB',
|
|
|
|
SET = 'set',
|
|
|
|
SHAPE = 'Shape',
|
|
|
|
SPACE = ' ',
|
|
|
|
STAGE = 'Stage',
|
|
|
|
TRANSFORM = 'transform',
|
|
|
|
UPPER_B = 'B',
|
|
|
|
UPPER_G = 'G',
|
|
|
|
UPPER_HEIGHT = 'Height',
|
|
|
|
UPPER_R = 'R',
|
|
|
|
UPPER_WIDTH = 'Width',
|
|
|
|
UPPER_X = 'X',
|
|
|
|
UPPER_Y = 'Y',
|
|
|
|
VISIBLE = 'visible',
|
|
|
|
X = 'x',
|
|
|
|
Y = 'y';
|
|
|
|
|
|
|
|
Kinetic.Factory = {
|
2014-01-10 17:29:41 +08:00
|
|
|
addGetterSetter: function(constructor, attr, def, validator) {
|
2013-12-05 00:15:04 +08:00
|
|
|
this.addGetter(constructor, attr, def);
|
2014-01-10 17:29:41 +08:00
|
|
|
this.addSetter(constructor, attr, validator);
|
2013-12-14 03:02:07 +08:00
|
|
|
this.addOverloadedGetterSetter(constructor, attr);
|
2013-12-02 15:08:15 +08:00
|
|
|
},
|
2014-01-09 15:13:50 +08:00
|
|
|
addGetter: function(constructor, attr, def) {
|
|
|
|
var that = this,
|
|
|
|
method = GET + Kinetic.Util._capitalize(attr);
|
2013-12-14 03:02:07 +08:00
|
|
|
|
2014-01-09 15:13:50 +08:00
|
|
|
constructor.prototype[method] = function() {
|
|
|
|
var val = this.attrs[attr];
|
|
|
|
return val === undefined ? def : val;
|
|
|
|
};
|
2013-08-11 12:11:34 +08:00
|
|
|
},
|
2014-01-10 17:29:41 +08:00
|
|
|
addSetter: function(constructor, attr, validator) {
|
2014-01-09 15:13:50 +08:00
|
|
|
var method = SET + Kinetic.Util._capitalize(attr);
|
2013-08-11 12:11:34 +08:00
|
|
|
|
2014-01-09 15:13:50 +08:00
|
|
|
constructor.prototype[method] = function(val) {
|
2014-01-10 17:29:41 +08:00
|
|
|
if (validator) {
|
|
|
|
val = validator.call(this, val);
|
2014-01-09 15:40:47 +08:00
|
|
|
}
|
2014-01-10 17:29:41 +08:00
|
|
|
|
|
|
|
this._setAttr(attr, val);
|
2014-01-09 15:13:50 +08:00
|
|
|
return this;
|
|
|
|
};
|
2013-12-05 01:10:24 +08:00
|
|
|
},
|
2014-01-10 17:29:41 +08:00
|
|
|
addComponentsGetterSetter: function(constructor, attr, components, validator) {
|
2014-01-09 15:13:50 +08:00
|
|
|
var len = components.length,
|
|
|
|
capitalize = Kinetic.Util._capitalize,
|
|
|
|
getter = GET + capitalize(attr),
|
|
|
|
setter = SET + capitalize(attr),
|
|
|
|
n, component;
|
|
|
|
|
|
|
|
// getter
|
|
|
|
constructor.prototype[getter] = function() {
|
|
|
|
var ret = {};
|
|
|
|
|
|
|
|
for (n=0; n<len; n++) {
|
|
|
|
component = components[n];
|
|
|
|
ret[component] = this.getAttr(attr + capitalize(component));
|
|
|
|
}
|
|
|
|
|
|
|
|
return ret;
|
|
|
|
};
|
|
|
|
|
|
|
|
// setter
|
|
|
|
constructor.prototype[setter] = function(val) {
|
|
|
|
var oldVal = this.attrs[attr],
|
|
|
|
key;
|
|
|
|
|
2014-01-10 17:29:41 +08:00
|
|
|
if (validator) {
|
|
|
|
val = validator.call(this, val);
|
2014-01-09 15:13:50 +08:00
|
|
|
}
|
|
|
|
|
2014-01-10 17:29:41 +08:00
|
|
|
for (key in val) {
|
|
|
|
this._setAttr(attr + capitalize(key), val[key]);
|
2014-01-09 15:40:47 +08:00
|
|
|
}
|
2014-01-09 16:29:38 +08:00
|
|
|
|
2014-01-09 15:13:50 +08:00
|
|
|
this._fireChangeEvent(attr, oldVal, val);
|
|
|
|
|
|
|
|
return this;
|
|
|
|
};
|
|
|
|
|
2013-12-14 03:02:07 +08:00
|
|
|
this.addOverloadedGetterSetter(constructor, attr);
|
2013-08-11 12:11:34 +08:00
|
|
|
},
|
2014-01-09 15:13:50 +08:00
|
|
|
addOverloadedGetterSetter: function(constructor, attr) {
|
|
|
|
var that = this,
|
|
|
|
capitalizedAttr = Kinetic.Util._capitalize(attr),
|
|
|
|
setter = SET + capitalizedAttr,
|
|
|
|
getter = GET + capitalizedAttr;
|
|
|
|
|
|
|
|
constructor.prototype[attr] = function() {
|
|
|
|
// setting
|
|
|
|
if (arguments.length) {
|
|
|
|
this[setter](arguments[0]);
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
// getting
|
|
|
|
else {
|
|
|
|
return this[getter]();
|
|
|
|
}
|
|
|
|
}
|
2013-08-11 12:11:34 +08:00
|
|
|
}
|
|
|
|
};
|
|
|
|
})();
|