import { Vue, VueConstructor, Option } from './interfaces'
import LSStorage from './lsstorage'
import { set, copy } from './objpath'
import assign from './assign'
function main(vm, option: Option) {
const { keys, merge = assign, namespace: ns } = option
const ls = new LSStorage(option)
let optdata = {}
for (const k of keys) {
copy(optdata, vm, k)
}
let data = null
if (ls.has(ns)) {
data = merge(optdata, ls.get(ns))
ls.set(ns, data)
} else {
const tmp = {}
for (const k of keys) {
copy(tmp, optdata, k)
}
data = tmp
ls.set(ns, data)
}
for (const k of keys) {
copy(vm, data, k)
vm.$watch(k, {
handler: value => {
set(data, k, value)
ls.set(ns, data)
},
deep: true
})
}
}
export function install(Vue: VueConstructor) {
Vue.mixin({
created() {
Eif ('storage' in this.$options) {
const option: Option | Option[] = this.$options.storage
if (Array.isArray(option)) {
option.forEach(opt => main(this, opt))
return
}
main(this, option)
}
}
})
}
|