Доработка vueComponent, теперь понимает иерархию классов
This commit is contained in:
@@ -17,7 +17,7 @@ export default function(componentClass) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else if (prop === '_props') {
|
} else if (prop === '_props') {
|
||||||
comp['props'] = obj[prop];
|
comp.props = obj[prop];
|
||||||
}
|
}
|
||||||
} else {//usual prop
|
} else {//usual prop
|
||||||
data[prop] = obj[prop];
|
data[prop] = obj[prop];
|
||||||
@@ -26,23 +26,28 @@ export default function(componentClass) {
|
|||||||
comp.data = () => _.cloneDeep(data);
|
comp.data = () => _.cloneDeep(data);
|
||||||
|
|
||||||
//methods
|
//methods
|
||||||
const classProto = Object.getPrototypeOf(obj);
|
|
||||||
const classMethods = Object.getOwnPropertyNames(classProto);
|
|
||||||
const methods = {};
|
const methods = {};
|
||||||
const computed = {};
|
const computed = {};
|
||||||
for (const method of classMethods) {
|
|
||||||
const desc = Object.getOwnPropertyDescriptor(classProto, method);
|
let classProto = Object.getPrototypeOf(obj);
|
||||||
if (desc.get) {//has getter, computed
|
while (classProto) {
|
||||||
computed[method] = {get: desc.get};
|
const classMethods = Object.getOwnPropertyNames(classProto);
|
||||||
if (desc.set)
|
for (const method of classMethods) {
|
||||||
computed[method].set = desc.set;
|
const desc = Object.getOwnPropertyDescriptor(classProto, method);
|
||||||
} else if ( ['beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'activated',//life cycle hooks
|
if (desc.get) {//has getter, computed
|
||||||
'deactivated', 'beforeUnmount', 'unmounted', 'errorCaptured', 'renderTracked', 'renderTriggered',//life cycle hooks
|
computed[method] = {get: desc.get};
|
||||||
'setup'].includes(method) ) {
|
if (desc.set)
|
||||||
comp[method] = obj[method];
|
computed[method].set = desc.set;
|
||||||
} else if (method !== 'constructor') {//usual
|
} else if ( ['beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'activated',//life cycle hooks
|
||||||
methods[method] = obj[method];
|
'deactivated', 'beforeUnmount', 'unmounted', 'errorCaptured', 'renderTracked', 'renderTriggered',//life cycle hooks
|
||||||
|
'setup'].includes(method) ) {
|
||||||
|
comp[method] = obj[method];
|
||||||
|
} else if (method !== 'constructor') {//usual
|
||||||
|
methods[method] = obj[method];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
classProto = Object.getPrototypeOf(classProto);
|
||||||
}
|
}
|
||||||
comp.methods = methods;
|
comp.methods = methods;
|
||||||
comp.computed = computed;
|
comp.computed = computed;
|
||||||
|
|||||||
Reference in New Issue
Block a user