2019-10-18 17:14:47 +08:00
|
|
|
function getTheme(component) {
|
2019-10-08 13:34:34 +08:00
|
|
|
let cursor = component
|
|
|
|
while (cursor.$parent) {
|
|
|
|
const name = cursor.$options.name
|
|
|
|
if (cursor.synthesizedTheme) {
|
|
|
|
return cursor.synthesizedTheme
|
|
|
|
}
|
|
|
|
if (name === 'NApp') {
|
|
|
|
return cursor.theme || null
|
|
|
|
}
|
|
|
|
cursor = cursor.$parent
|
|
|
|
}
|
|
|
|
return null
|
|
|
|
}
|
|
|
|
|
2019-10-18 17:14:47 +08:00
|
|
|
function install(Vue, Component, name) {
|
|
|
|
const prototypeProxy = new Proxy(
|
|
|
|
function() {
|
|
|
|
return Component
|
|
|
|
},
|
|
|
|
{
|
|
|
|
apply(target, thisArg, argumentsList) {
|
|
|
|
if (thisArg instanceof Vue) {
|
|
|
|
Component.theme = getTheme(thisArg)
|
|
|
|
console.log('theme', getTheme(thisArg))
|
|
|
|
}
|
|
|
|
return target.bind(thisArg)(...argumentsList)
|
2019-10-08 14:14:30 +08:00
|
|
|
}
|
2019-10-08 13:34:34 +08:00
|
|
|
}
|
2019-10-18 17:14:47 +08:00
|
|
|
)
|
2019-10-08 13:34:34 +08:00
|
|
|
Object.defineProperty(Vue.prototype, name, {
|
|
|
|
get: prototypeProxy
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2019-10-18 17:14:47 +08:00
|
|
|
export { getTheme, install }
|