112 lines
5.4 KiB
JavaScript
112 lines
5.4 KiB
JavaScript
/** @publicapi @module ng1 */ /** */
|
|
import { pick, forEach, tail, extend, isArray, isInjectable, isDefined, isString, services, trace, ViewService, ResolveContext, Resolvable, } from '@uirouter/core';
|
|
/** @internalapi */
|
|
export function getNg1ViewConfigFactory() {
|
|
var templateFactory = null;
|
|
return function (path, view) {
|
|
templateFactory = templateFactory || services.$injector.get('$templateFactory');
|
|
return [new Ng1ViewConfig(path, view, templateFactory)];
|
|
};
|
|
}
|
|
/** @internalapi */
|
|
var hasAnyKey = function (keys, obj) { return keys.reduce(function (acc, key) { return acc || isDefined(obj[key]); }, false); };
|
|
/**
|
|
* This is a [[StateBuilder.builder]] function for angular1 `views`.
|
|
*
|
|
* When the [[StateBuilder]] builds a [[StateObject]] object from a raw [[StateDeclaration]], this builder
|
|
* handles the `views` property with logic specific to @uirouter/angularjs (ng1).
|
|
*
|
|
* If no `views: {}` property exists on the [[StateDeclaration]], then it creates the `views` object
|
|
* and applies the state-level configuration to a view named `$default`.
|
|
*
|
|
* @internalapi
|
|
*/
|
|
export function ng1ViewsBuilder(state) {
|
|
// Do not process root state
|
|
if (!state.parent)
|
|
return {};
|
|
var tplKeys = ['templateProvider', 'templateUrl', 'template', 'notify', 'async'], ctrlKeys = ['controller', 'controllerProvider', 'controllerAs', 'resolveAs'], compKeys = ['component', 'bindings', 'componentProvider'], nonCompKeys = tplKeys.concat(ctrlKeys), allViewKeys = compKeys.concat(nonCompKeys);
|
|
// Do not allow a state to have both state-level props and also a `views: {}` property.
|
|
// A state without a `views: {}` property can declare properties for the `$default` view as properties of the state.
|
|
// However, the `$default` approach should not be mixed with a separate `views: ` block.
|
|
if (isDefined(state.views) && hasAnyKey(allViewKeys, state)) {
|
|
throw new Error("State '" + state.name + "' has a 'views' object. " +
|
|
"It cannot also have \"view properties\" at the state level. " +
|
|
"Move the following properties into a view (in the 'views' object): " +
|
|
(" " + allViewKeys.filter(function (key) { return isDefined(state[key]); }).join(', ')));
|
|
}
|
|
var views = {}, viewsObject = state.views || { $default: pick(state, allViewKeys) };
|
|
forEach(viewsObject, function (config, name) {
|
|
// Account for views: { "": { template... } }
|
|
name = name || '$default';
|
|
// Account for views: { header: "headerComponent" }
|
|
if (isString(config))
|
|
config = { component: config };
|
|
// Make a shallow copy of the config object
|
|
config = extend({}, config);
|
|
// Do not allow a view to mix props for component-style view with props for template/controller-style view
|
|
if (hasAnyKey(compKeys, config) && hasAnyKey(nonCompKeys, config)) {
|
|
throw new Error("Cannot combine: " + compKeys.join('|') + " with: " + nonCompKeys.join('|') + " in stateview: '" + name + "@" + state.name + "'");
|
|
}
|
|
config.resolveAs = config.resolveAs || '$resolve';
|
|
config.$type = 'ng1';
|
|
config.$context = state;
|
|
config.$name = name;
|
|
var normalized = ViewService.normalizeUIViewTarget(config.$context, config.$name);
|
|
config.$uiViewName = normalized.uiViewName;
|
|
config.$uiViewContextAnchor = normalized.uiViewContextAnchor;
|
|
views[name] = config;
|
|
});
|
|
return views;
|
|
}
|
|
/** @hidden */
|
|
var id = 0;
|
|
/** @internalapi */
|
|
var Ng1ViewConfig = /** @class */ (function () {
|
|
function Ng1ViewConfig(path, viewDecl, factory) {
|
|
var _this = this;
|
|
this.path = path;
|
|
this.viewDecl = viewDecl;
|
|
this.factory = factory;
|
|
this.$id = id++;
|
|
this.loaded = false;
|
|
this.getTemplate = function (uiView, context) {
|
|
return _this.component
|
|
? _this.factory.makeComponentTemplate(uiView, context, _this.component, _this.viewDecl.bindings)
|
|
: _this.template;
|
|
};
|
|
}
|
|
Ng1ViewConfig.prototype.load = function () {
|
|
var _this = this;
|
|
var $q = services.$q;
|
|
var context = new ResolveContext(this.path);
|
|
var params = this.path.reduce(function (acc, node) { return extend(acc, node.paramValues); }, {});
|
|
var promises = {
|
|
template: $q.when(this.factory.fromConfig(this.viewDecl, params, context)),
|
|
controller: $q.when(this.getController(context)),
|
|
};
|
|
return $q.all(promises).then(function (results) {
|
|
trace.traceViewServiceEvent('Loaded', _this);
|
|
_this.controller = results.controller;
|
|
extend(_this, results.template); // Either { template: "tpl" } or { component: "cmpName" }
|
|
return _this;
|
|
});
|
|
};
|
|
/**
|
|
* Gets the controller for a view configuration.
|
|
*
|
|
* @returns {Function|Promise.<Function>} Returns a controller, or a promise that resolves to a controller.
|
|
*/
|
|
Ng1ViewConfig.prototype.getController = function (context) {
|
|
var provider = this.viewDecl.controllerProvider;
|
|
if (!isInjectable(provider))
|
|
return this.viewDecl.controller;
|
|
var deps = services.$injector.annotate(provider);
|
|
var providerFn = isArray(provider) ? tail(provider) : provider;
|
|
var resolvable = new Resolvable('', providerFn, deps);
|
|
return resolvable.get(context);
|
|
};
|
|
return Ng1ViewConfig;
|
|
}());
|
|
export { Ng1ViewConfig };
|
|
//# sourceMappingURL=views.js.map
|