0
0
switched/src/web/app/common/define-widget.ts

54 lines
966 B
TypeScript
Raw Normal View History

2018-02-15 01:07:09 +09:00
import Vue from 'vue';
2018-02-15 01:41:31 +09:00
export default function<T extends object>(data: {
2018-02-15 01:07:09 +09:00
name: string;
2018-02-15 12:36:42 +09:00
props?: T;
2018-02-15 01:07:09 +09:00
}) {
return Vue.extend({
props: {
wid: {
type: String,
required: true
},
2018-02-15 01:41:31 +09:00
wplace: {
2018-02-15 01:07:09 +09:00
type: String,
required: true
},
wprops: {
type: Object,
required: false
}
},
computed: {
id(): string {
return this.wid;
}
},
data() {
return {
2018-02-17 18:14:23 +09:00
props: data.props || {} as T
2018-02-15 01:07:09 +09:00
};
},
watch: {
props(newProps, oldProps) {
if (JSON.stringify(newProps) == JSON.stringify(oldProps)) return;
this.$root.$data.os.api('i/update_home', {
id: this.id,
data: newProps
}).then(() => {
this.$root.$data.os.i.client_settings.home.find(w => w.id == this.id).data = newProps;
});
}
},
created() {
if (this.props) {
2018-02-15 01:41:31 +09:00
Object.keys(this.props).forEach(prop => {
if (this.wprops.hasOwnProperty(prop)) {
this.props[prop] = this.wprops[prop];
}
2018-02-15 01:07:09 +09:00
});
}
}
});
}