misskey/src/web/app/common/define-widget.ts

54 lines
961 B
TypeScript
Raw Normal View History

2018-02-14 17:07:09 +01:00
import Vue from 'vue';
2018-02-14 17:41:31 +01:00
export default function<T extends object>(data: {
2018-02-14 17:07:09 +01:00
name: string;
2018-02-15 04:36:42 +01:00
props?: T;
2018-02-14 17:07:09 +01:00
}) {
return Vue.extend({
props: {
wid: {
type: String,
required: true
},
2018-02-14 17:41:31 +01:00
wplace: {
2018-02-14 17:07:09 +01:00
type: String,
required: true
},
wprops: {
type: Object,
required: false
}
},
computed: {
id(): string {
return this.wid;
}
},
data() {
return {
2018-02-15 04:36:42 +01:00
props: data.props || {}
2018-02-14 17:07:09 +01: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-14 17:41:31 +01:00
Object.keys(this.props).forEach(prop => {
if (this.wprops.hasOwnProperty(prop)) {
this.props[prop] = this.wprops[prop];
}
2018-02-14 17:07:09 +01:00
});
}
}
});
}