You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
526 lines
15 KiB
526 lines
15 KiB
2 years ago
|
/*
|
||
|
YUI 3.17.2 (build 9c3c78e)
|
||
|
Copyright 2014 Yahoo! Inc. All rights reserved.
|
||
|
Licensed under the BSD License.
|
||
|
http://yuilibrary.com/license/
|
||
|
*/
|
||
|
|
||
|
YUI.add('lazy-model-list', function (Y, NAME) {
|
||
|
|
||
|
/**
|
||
|
Provides the LazyModelList class, which is a ModelList subclass that manages
|
||
|
plain objects instead of fully instantiated model instances.
|
||
|
|
||
|
@module app
|
||
|
@submodule lazy-model-list
|
||
|
@since 3.6.0
|
||
|
**/
|
||
|
|
||
|
/**
|
||
|
LazyModelList is a subclass of ModelList that maintains a list of plain
|
||
|
JavaScript objects rather than a list of Model instances. This makes it
|
||
|
well-suited for managing large amounts of data (on the order of thousands of
|
||
|
items) that would tend to bog down a vanilla ModelList.
|
||
|
|
||
|
The API presented by LazyModelList is the same as that of ModelList, except that
|
||
|
in every case where ModelList would provide a Model instance, LazyModelList
|
||
|
provides a plain JavaScript object. LazyModelList also provides a `revive()`
|
||
|
method that can convert the plain object at a given index into a full Model
|
||
|
instance.
|
||
|
|
||
|
Since the items stored in a LazyModelList are plain objects and not full Model
|
||
|
instances, there are a few caveats to be aware of:
|
||
|
|
||
|
* Since items are plain objects and not Model instances, they contain
|
||
|
properties rather than Model attributes. To retrieve a property, use
|
||
|
`item.foo` rather than `item.get('foo')`. To set a property, use
|
||
|
`item.foo = 'bar'` rather than `item.set('foo', 'bar')`.
|
||
|
|
||
|
* Model attribute getters and setters aren't supported, since items in the
|
||
|
LazyModelList are stored and manipulated as plain objects with simple
|
||
|
properties rather than YUI attributes.
|
||
|
|
||
|
* Changes made to the plain object version of an item will not trigger or
|
||
|
bubble up Model `change` events. However, once an item is revived into a
|
||
|
full Model using the `revive()` method, changes to that Model instance
|
||
|
will trigger and bubble change events as expected.
|
||
|
|
||
|
* Custom `idAttribute` fields are not supported.
|
||
|
|
||
|
* `id` and `clientId` properties _are_ supported. If an item doesn't have a
|
||
|
`clientId` property, one will be generated automatically when the item is
|
||
|
added to a LazyModelList.
|
||
|
|
||
|
LazyModelList is generally much more memory efficient than ModelList when
|
||
|
managing large numbers of items, and adding/removing items is significantly
|
||
|
faster. However, the tradeoff is that LazyModelList is only well-suited for
|
||
|
storing very simple items without complex attributes, and consumers must
|
||
|
explicitly revive items into full Model instances as needed (this is not done
|
||
|
transparently for performance reasons).
|
||
|
|
||
|
@class LazyModelList
|
||
|
@extends ModelList
|
||
|
@constructor
|
||
|
@since 3.6.0
|
||
|
**/
|
||
|
|
||
|
var AttrProto = Y.Attribute.prototype,
|
||
|
GlobalEnv = YUI.namespace('Env.Model'),
|
||
|
Lang = Y.Lang,
|
||
|
YArray = Y.Array,
|
||
|
|
||
|
EVT_ADD = 'add',
|
||
|
EVT_ERROR = 'error',
|
||
|
EVT_RESET = 'reset';
|
||
|
|
||
|
Y.LazyModelList = Y.Base.create('lazyModelList', Y.ModelList, [], {
|
||
|
// -- Lifecycle ------------------------------------------------------------
|
||
|
initializer: function () {
|
||
|
this.after('*:change', this._afterModelChange);
|
||
|
},
|
||
|
|
||
|
// -- Public Methods -------------------------------------------------------
|
||
|
|
||
|
/**
|
||
|
Deletes the specified model from the model cache to release memory. The
|
||
|
model won't be destroyed or removed from the list, just freed from the
|
||
|
cache; it can still be instantiated again using `revive()`.
|
||
|
|
||
|
If no model or model index is specified, all cached models in this list will
|
||
|
be freed.
|
||
|
|
||
|
Note: Specifying an index is faster than specifying a model instance, since
|
||
|
the latter requires an `indexOf()` call.
|
||
|
|
||
|
@method free
|
||
|
@param {Model|Number} [model] Model or index of the model to free. If not
|
||
|
specified, all instantiated models in this list will be freed.
|
||
|
@chainable
|
||
|
@see revive()
|
||
|
**/
|
||
|
free: function (model) {
|
||
|
var index;
|
||
|
|
||
|
if (model) {
|
||
|
index = Lang.isNumber(model) ? model : this.indexOf(model);
|
||
|
|
||
|
if (index >= 0) {
|
||
|
// We don't detach the model because it's not being removed from
|
||
|
// the list, just being freed from memory. If something else
|
||
|
// still holds a reference to it, it may still bubble events to
|
||
|
// the list, but that's okay.
|
||
|
//
|
||
|
// `this._models` is a sparse array, which ensures that the
|
||
|
// indices of models and items match even if we don't have model
|
||
|
// instances for all items.
|
||
|
delete this._models[index];
|
||
|
}
|
||
|
} else {
|
||
|
this._models = [];
|
||
|
}
|
||
|
|
||
|
return this;
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#get() to return a map of property values rather than
|
||
|
performing attribute lookups.
|
||
|
|
||
|
@method get
|
||
|
@param {String} name Property name.
|
||
|
@return {String[]} Array of property values.
|
||
|
@see ModelList.get()
|
||
|
**/
|
||
|
get: function (name) {
|
||
|
if (this.attrAdded(name)) {
|
||
|
return AttrProto.get.apply(this, arguments);
|
||
|
}
|
||
|
|
||
|
return YArray.map(this._items, function (item) {
|
||
|
return item[name];
|
||
|
});
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#getAsHTML() to return a map of HTML-escaped property
|
||
|
values rather than performing attribute lookups.
|
||
|
|
||
|
@method getAsHTML
|
||
|
@param {String} name Property name.
|
||
|
@return {String[]} Array of HTML-escaped property values.
|
||
|
@see ModelList.getAsHTML()
|
||
|
**/
|
||
|
getAsHTML: function (name) {
|
||
|
if (this.attrAdded(name)) {
|
||
|
return Y.Escape.html(AttrProto.get.apply(this, arguments));
|
||
|
}
|
||
|
|
||
|
return YArray.map(this._items, function (item) {
|
||
|
return Y.Escape.html(item[name]);
|
||
|
});
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#getAsURL() to return a map of URL-encoded property
|
||
|
values rather than performing attribute lookups.
|
||
|
|
||
|
@method getAsURL
|
||
|
@param {String} name Property name.
|
||
|
@return {String[]} Array of URL-encoded property values.
|
||
|
@see ModelList.getAsURL()
|
||
|
**/
|
||
|
getAsURL: function (name) {
|
||
|
if (this.attrAdded(name)) {
|
||
|
return encodeURIComponent(AttrProto.get.apply(this, arguments));
|
||
|
}
|
||
|
|
||
|
return YArray.map(this._items, function (item) {
|
||
|
return encodeURIComponent(item[name]);
|
||
|
});
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Returns the index of the given object or Model instance in this
|
||
|
LazyModelList.
|
||
|
|
||
|
@method indexOf
|
||
|
@param {Model|Object} needle The object or Model instance to search for.
|
||
|
@return {Number} Item index, or `-1` if not found.
|
||
|
@see ModelList.indexOf()
|
||
|
**/
|
||
|
indexOf: function (model) {
|
||
|
return YArray.indexOf(model && model._isYUIModel ?
|
||
|
this._models : this._items, model);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#reset() to work with plain objects.
|
||
|
|
||
|
@method reset
|
||
|
@param {Object[]|Model[]|ModelList} [models] Models to add.
|
||
|
@param {Object} [options] Options.
|
||
|
@chainable
|
||
|
@see ModelList.reset()
|
||
|
**/
|
||
|
reset: function (items, options) {
|
||
|
items || (items = []);
|
||
|
options || (options = {});
|
||
|
|
||
|
var facade = Y.merge({src: 'reset'}, options);
|
||
|
|
||
|
// Convert `items` into an array of plain objects, since we don't want
|
||
|
// model instances.
|
||
|
items = items._isYUIModelList ? items.map(this._modelToObject) :
|
||
|
YArray.map(items, this._modelToObject);
|
||
|
|
||
|
facade.models = items;
|
||
|
|
||
|
if (options.silent) {
|
||
|
this._defResetFn(facade);
|
||
|
} else {
|
||
|
// Sort the items before firing the reset event.
|
||
|
if (this.comparator) {
|
||
|
items.sort(Y.bind(this._sort, this));
|
||
|
}
|
||
|
|
||
|
this.fire(EVT_RESET, facade);
|
||
|
}
|
||
|
|
||
|
return this;
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Revives an item (or all items) into a full Model instance. The _item_
|
||
|
argument may be the index of an object in this list, an actual object (which
|
||
|
must exist in the list), or may be omitted to revive all items in the list.
|
||
|
|
||
|
Once revived, Model instances are attached to this list and cached so that
|
||
|
reviving them in the future doesn't require another Model instantiation. Use
|
||
|
the `free()` method to explicitly uncache and detach a previously revived
|
||
|
Model instance.
|
||
|
|
||
|
Note: Specifying an index rather than an object will be faster, since
|
||
|
objects require an `indexOf()` lookup in order to retrieve the index.
|
||
|
|
||
|
@method revive
|
||
|
@param {Number|Object} [item] Index of the object to revive, or the object
|
||
|
itself. If an object, that object must exist in this list. If not
|
||
|
specified, all items in the list will be revived and an array of models
|
||
|
will be returned.
|
||
|
@return {Model|Model[]|null} Revived Model instance, array of revived Model
|
||
|
instances, or `null` if the given index or object was not found in this
|
||
|
list.
|
||
|
@see free()
|
||
|
**/
|
||
|
revive: function (item) {
|
||
|
var i, len, models;
|
||
|
|
||
|
if (item || item === 0) {
|
||
|
return this._revive(Lang.isNumber(item) ? item :
|
||
|
this.indexOf(item));
|
||
|
} else {
|
||
|
models = [];
|
||
|
|
||
|
for (i = 0, len = this._items.length; i < len; i++) {
|
||
|
models.push(this._revive(i));
|
||
|
}
|
||
|
|
||
|
return models;
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#toJSON() to use toArray() instead, since it's more
|
||
|
efficient for LazyModelList.
|
||
|
|
||
|
@method toJSON
|
||
|
@return {Object[]} Array of objects.
|
||
|
@see ModelList.toJSON()
|
||
|
**/
|
||
|
toJSON: function () {
|
||
|
return this.toArray();
|
||
|
},
|
||
|
|
||
|
// -- Protected Methods ----------------------------------------------------
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#add() to work with plain objects.
|
||
|
|
||
|
@method _add
|
||
|
@param {Object|Model} item Object or model to add.
|
||
|
@param {Object} [options] Options.
|
||
|
@return {Object} Added item.
|
||
|
@protected
|
||
|
@see ModelList._add()
|
||
|
**/
|
||
|
_add: function (item, options) {
|
||
|
var facade;
|
||
|
|
||
|
options || (options = {});
|
||
|
|
||
|
// If the item is a model instance, convert it to a plain object.
|
||
|
item = this._modelToObject(item);
|
||
|
|
||
|
// Ensure that the item has a clientId.
|
||
|
if (!('clientId' in item)) {
|
||
|
item.clientId = this._generateClientId();
|
||
|
}
|
||
|
|
||
|
if (this._isInList(item)) {
|
||
|
this.fire(EVT_ERROR, {
|
||
|
error: 'Model is already in the list.',
|
||
|
model: item,
|
||
|
src : 'add'
|
||
|
});
|
||
|
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
facade = Y.merge(options, {
|
||
|
index: 'index' in options ? options.index : this._findIndex(item),
|
||
|
model: item
|
||
|
});
|
||
|
|
||
|
options.silent ? this._defAddFn(facade) : this.fire(EVT_ADD, facade);
|
||
|
|
||
|
return item;
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#clear() to support `this._models`.
|
||
|
|
||
|
@method _clear
|
||
|
@protected
|
||
|
@see ModelList.clear()
|
||
|
**/
|
||
|
_clear: function () {
|
||
|
YArray.each(this._models, this._detachList, this);
|
||
|
|
||
|
this._clientIdMap = {};
|
||
|
this._idMap = {};
|
||
|
this._items = [];
|
||
|
this._models = [];
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Generates an ad-hoc clientId for a non-instantiated Model.
|
||
|
|
||
|
@method _generateClientId
|
||
|
@return {String} Unique clientId.
|
||
|
@protected
|
||
|
**/
|
||
|
_generateClientId: function () {
|
||
|
GlobalEnv.lastId || (GlobalEnv.lastId = 0);
|
||
|
return this.model.NAME + '_' + (GlobalEnv.lastId += 1);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Returns `true` if the given item is in this list, `false` otherwise.
|
||
|
|
||
|
@method _isInList
|
||
|
@param {Object} item Plain object item.
|
||
|
@return {Boolean} `true` if the item is in this list, `false` otherwise.
|
||
|
@protected
|
||
|
**/
|
||
|
_isInList: function (item) {
|
||
|
return !!(('clientId' in item && this._clientIdMap[item.clientId]) ||
|
||
|
('id' in item && this._idMap[item.id]));
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Converts a Model instance into a plain object. If _model_ is not a Model
|
||
|
instance, it will be returned as is.
|
||
|
|
||
|
This method differs from Model#toJSON() in that it doesn't delete the
|
||
|
`clientId` property.
|
||
|
|
||
|
@method _modelToObject
|
||
|
@param {Model|Object} model Model instance to convert.
|
||
|
@return {Object} Plain object.
|
||
|
@protected
|
||
|
**/
|
||
|
_modelToObject: function (model) {
|
||
|
if (model._isYUIModel) {
|
||
|
model = model.getAttrs();
|
||
|
delete model.destroyed;
|
||
|
delete model.initialized;
|
||
|
}
|
||
|
|
||
|
return model;
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#_remove() to convert Model instances to indices
|
||
|
before removing to ensure consistency in the `remove` event facade.
|
||
|
|
||
|
@method _remove
|
||
|
@param {Object|Model} item Object or model to remove.
|
||
|
@param {Object} [options] Options.
|
||
|
@return {Object} Removed object.
|
||
|
@protected
|
||
|
**/
|
||
|
_remove: function (item, options) {
|
||
|
// If the given item is a model instance, turn it into an index before
|
||
|
// calling the parent _remove method, since we only want to deal with
|
||
|
// the plain object version.
|
||
|
if (item._isYUIModel) {
|
||
|
item = this.indexOf(item);
|
||
|
}
|
||
|
|
||
|
return Y.ModelList.prototype._remove.call(this, item, options);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Revives a single model at the specified index and returns it. This is the
|
||
|
underlying implementation for `revive()`.
|
||
|
|
||
|
@method _revive
|
||
|
@param {Number} index Index of the item to revive.
|
||
|
@return {Model} Revived model.
|
||
|
@protected
|
||
|
**/
|
||
|
_revive: function (index) {
|
||
|
var item, model;
|
||
|
|
||
|
if (index < 0) {
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
item = this._items[index];
|
||
|
|
||
|
if (!item) {
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
model = this._models[index];
|
||
|
|
||
|
if (!model) {
|
||
|
model = new this.model(item);
|
||
|
|
||
|
// The clientId attribute is read-only, but revived models should
|
||
|
// have the same clientId as the original object, so we need to set
|
||
|
// it manually.
|
||
|
model._set('clientId', item.clientId);
|
||
|
|
||
|
this._attachList(model);
|
||
|
this._models[index] = model;
|
||
|
}
|
||
|
|
||
|
return model;
|
||
|
},
|
||
|
|
||
|
// -- Event Handlers -------------------------------------------------------
|
||
|
|
||
|
/**
|
||
|
Handles `change` events on revived models and updates the original objects
|
||
|
with the changes.
|
||
|
|
||
|
@method _afterModelChange
|
||
|
@param {EventFacade} e
|
||
|
@protected
|
||
|
**/
|
||
|
_afterModelChange: function (e) {
|
||
|
var changed = e.changed,
|
||
|
item = this._clientIdMap[e.target.get('clientId')],
|
||
|
name;
|
||
|
|
||
|
if (item) {
|
||
|
for (name in changed) {
|
||
|
if (changed.hasOwnProperty(name)) {
|
||
|
item[name] = changed[name].newVal;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
// -- Default Event Handlers -----------------------------------------------
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#_defAddFn() to support plain objects.
|
||
|
|
||
|
@method _defAddFn
|
||
|
@param {EventFacade} e
|
||
|
@protected
|
||
|
**/
|
||
|
_defAddFn: function (e) {
|
||
|
var item = e.model;
|
||
|
|
||
|
this._clientIdMap[item.clientId] = item;
|
||
|
|
||
|
if (Lang.isValue(item.id)) {
|
||
|
this._idMap[item.id] = item;
|
||
|
}
|
||
|
|
||
|
this._items.splice(e.index, 0, item);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
Overrides ModelList#_defRemoveFn() to support plain objects.
|
||
|
|
||
|
@method _defRemoveFn
|
||
|
@param {EventFacade} e
|
||
|
@protected
|
||
|
**/
|
||
|
_defRemoveFn: function (e) {
|
||
|
var index = e.index,
|
||
|
item = e.model,
|
||
|
model = this._models[index];
|
||
|
|
||
|
delete this._clientIdMap[item.clientId];
|
||
|
|
||
|
if ('id' in item) {
|
||
|
delete this._idMap[item.id];
|
||
|
}
|
||
|
|
||
|
if (model) {
|
||
|
this._detachList(model);
|
||
|
}
|
||
|
|
||
|
this._items.splice(index, 1);
|
||
|
this._models.splice(index, 1);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
|
||
|
}, '3.17.2', {"requires": ["model-list"]});
|