Функция для преобразования Vue-класса во Vue-компонент

This commit is contained in:
Book Pauk
2021-10-28 13:52:25 +07:00
parent a18aec2f96
commit 6bf678e01f

View File

@@ -0,0 +1,47 @@
import { defineComponent } from 'vue';
export default function(componentClass) {
const comp = {};
const obj = new componentClass();
//data, options, props
const data = {};
for (const prop of Object.getOwnPropertyNames(obj)) {
if (['_options', '_props'].includes(prop)) {//meta props
if (prop === '_options') {
const options = obj[prop];
for (const optName of ['components', 'watch']) {
if (options[optName]) {
comp[optName] = options[optName];
}
}
} else if (prop === '_props') {
comp['props'] = obj[prop];
}
} else {//usual prop
data[prop] = obj[prop];
}
}
comp.data = () => data;
//methods
const classProto = Object.getPrototypeOf(obj);
const classMethods = Object.getOwnPropertyNames(classProto);
const methods = {};
const computed = {};
for (const method of classMethods) {
const desc = Object.getOwnPropertyDescriptor(classProto, method);
if (desc.get) {//has getter, computed
computed[method] = {get: desc.get};
if (desc.set)
computed[method].set = desc.set;
} else if (!['constructor', 'vueOptions'].includes(method)) {//usual
methods[method] = obj[method];
}
}
comp.methods = methods;
comp.computed = computed;
console.log(comp);
return defineComponent(comp);
}