123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244 |
- var zrUtil = require("zrender/lib/core/util");
- var Model = require("./Model");
- var componentUtil = require("../util/component");
- var _clazz = require("../util/clazz");
- var enableClassManagement = _clazz.enableClassManagement;
- var parseClassType = _clazz.parseClassType;
- var _model = require("../util/model");
- var makeInner = _model.makeInner;
- var layout = require("../util/layout");
- var boxLayoutMixin = require("./mixin/boxLayout");
- var inner = makeInner();
- var ComponentModel = Model.extend({
- type: 'component',
-
- id: '',
-
- name: '',
-
- mainType: '',
-
- subType: '',
-
- componentIndex: 0,
-
- defaultOption: null,
-
- ecModel: null,
-
- dependentModels: [],
-
- uid: null,
-
- layoutMode: null,
- $constructor: function (option, parentModel, ecModel, extraOpt) {
- Model.call(this, option, parentModel, ecModel, extraOpt);
- this.uid = componentUtil.getUID('ec_cpt_model');
- },
- 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);
- }
- },
-
- optionUpdated: function (newCptOption, isInit) {},
- getDefaultOption: function () {
- var fields = inner(this);
- if (!fields.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);
- }
- fields.defaultOption = defaultOption;
- }
- return fields.defaultOption;
- },
- getReferringComponents: function (mainType) {
- return this.ecModel.queryComponents({
- mainType: mainType,
- index: this.get(mainType + 'Index', true),
- id: this.get(mainType + 'Id', true)
- });
- }
- });
- enableClassManagement(ComponentModel, {
- registerWhenExtend: true
- });
- componentUtil.enableSubTypeDefaulter(ComponentModel);
- componentUtil.enableTopologicalTravel(ComponentModel, getDependencies);
- function getDependencies(componentType) {
- var deps = [];
- zrUtil.each(ComponentModel.getClassesByMainType(componentType), function (Clazz) {
- deps = deps.concat(Clazz.prototype.dependencies || []);
- });
- deps = zrUtil.map(deps, function (type) {
- return parseClassType(type).main;
- });
- if (componentType !== 'dataset' && zrUtil.indexOf(deps, 'dataset') <= 0) {
- deps.unshift('dataset');
- }
- return deps;
- }
- zrUtil.mixin(ComponentModel, boxLayoutMixin);
- var _default = ComponentModel;
- module.exports = _default;
|