| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- var zrUtil = require("zrender/lib/core/util");
- var Model = require("./Model");
- var componentUtil = require("../util/component");
- var clazzUtil = require("../util/clazz");
- var layout = require("../util/layout");
- var boxLayoutMixin = require("./mixin/boxLayout");
- /**
- * Component model
- *
- * @module echarts/model/Component
- */
- var arrayPush = Array.prototype.push;
- /**
- * @alias module:echarts/model/Component
- * @constructor
- * @param {Object} option
- * @param {module:echarts/model/Model} parentModel
- * @param {module:echarts/model/Model} ecModel
- */
- var ComponentModel = Model.extend({
- type: 'component',
- /**
- * @readOnly
- * @type {string}
- */
- id: '',
- /**
- * @readOnly
- */
- name: '',
- /**
- * @readOnly
- * @type {string}
- */
- mainType: '',
- /**
- * @readOnly
- * @type {string}
- */
- subType: '',
- /**
- * @readOnly
- * @type {number}
- */
- componentIndex: 0,
- /**
- * @type {Object}
- * @protected
- */
- defaultOption: null,
- /**
- * @type {module:echarts/model/Global}
- * @readOnly
- */
- ecModel: null,
- /**
- * key: componentType
- * value: Component model list, can not be null.
- * @type {Object.<string, Array.<module:echarts/model/Model>>}
- * @readOnly
- */
- dependentModels: [],
- /**
- * @type {string}
- * @readOnly
- */
- uid: null,
- /**
- * Support merge layout params.
- * Only support 'box' now (left/right/top/bottom/width/height).
- * @type {string|Object} Object can be {ignoreSize: true}
- * @readOnly
- */
- layoutMode: null,
- $constructor: function (option, parentModel, ecModel, extraOpt) {
- Model.call(this, option, parentModel, ecModel, extraOpt);
- this.uid = componentUtil.getUID('componentModel');
- },
- init: function (option, parentModel, ecModel, extraOpt) {
- this.mergeDefaultAndTheme(option, ecModel);
- },
- mergeDefaultAndTheme: function (option, ecModel) {
- var layoutMode = this.layoutMode;
- var inputPositionParams = layoutMode ? layout.getLayoutParams(option) : {};
- var themeModel = ecModel.getTheme();
- zrUtil.merge(option, themeModel.get(this.mainType));
- zrUtil.merge(option, this.getDefaultOption());
- if (layoutMode) {
- layout.mergeLayoutParam(option, inputPositionParams, layoutMode);
- }
- },
- mergeOption: function (option, extraOpt) {
- zrUtil.merge(this.option, option, true);
- var layoutMode = this.layoutMode;
- if (layoutMode) {
- layout.mergeLayoutParam(this.option, option, layoutMode);
- }
- },
- // Hooker after init or mergeOption
- optionUpdated: function (newCptOption, isInit) {},
- getDefaultOption: function () {
- if (!clazzUtil.hasOwn(this, '__defaultOption')) {
- var optList = [];
- var Class = this.constructor;
- while (Class) {
- var opt = Class.prototype.defaultOption;
- opt && optList.push(opt);
- Class = Class.superClass;
- }
- var defaultOption = {};
- for (var i = optList.length - 1; i >= 0; i--) {
- defaultOption = zrUtil.merge(defaultOption, optList[i], true);
- }
- clazzUtil.set(this, '__defaultOption', defaultOption);
- }
- return clazzUtil.get(this, '__defaultOption');
- },
- getReferringComponents: function (mainType) {
- return this.ecModel.queryComponents({
- mainType: mainType,
- index: this.get(mainType + 'Index', true),
- id: this.get(mainType + 'Id', true)
- });
- }
- }); // Reset ComponentModel.extend, add preConstruct.
- // clazzUtil.enableClassExtend(
- // ComponentModel,
- // function (option, parentModel, ecModel, extraOpt) {
- // // Set dependentModels, componentIndex, name, id, mainType, subType.
- // zrUtil.extend(this, extraOpt);
- // this.uid = componentUtil.getUID('componentModel');
- // // this.setReadOnly([
- // // 'type', 'id', 'uid', 'name', 'mainType', 'subType',
- // // 'dependentModels', 'componentIndex'
- // // ]);
- // }
- // );
- // Add capability of registerClass, getClass, hasClass, registerSubTypeDefaulter and so on.
- clazzUtil.enableClassManagement(ComponentModel, {
- registerWhenExtend: true
- });
- componentUtil.enableSubTypeDefaulter(ComponentModel); // Add capability of ComponentModel.topologicalTravel.
- componentUtil.enableTopologicalTravel(ComponentModel, getDependencies);
- function getDependencies(componentType) {
- var deps = [];
- zrUtil.each(ComponentModel.getClassesByMainType(componentType), function (Clazz) {
- arrayPush.apply(deps, Clazz.prototype.dependencies || []);
- }); // Ensure main type
- return zrUtil.map(deps, function (type) {
- return clazzUtil.parseClassType(type).main;
- });
- }
- zrUtil.mixin(ComponentModel, boxLayoutMixin);
- var _default = ComponentModel;
- module.exports = _default;
|