64 lines
2.2 KiB
JavaScript
64 lines
2.2 KiB
JavaScript
/*
|
|
* Copyright (C) 2022 Apple Inc. All rights reserved.
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions
|
|
* are met:
|
|
* 1. Redistributions of source code must retain the above copyright
|
|
* notice, this list of conditions and the following disclaimer.
|
|
* 2. Redistributions in binary form must reproduce the above copyright
|
|
* notice, this list of conditions and the following disclaimer in the
|
|
* documentation and/or other materials provided with the distribution.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
|
|
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
|
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
|
|
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
|
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
|
|
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
|
|
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
|
|
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
const { reactive, watchEffect, watch } = Vue;
|
|
|
|
class ObservableReminderStore extends ReminderStore {
|
|
constructor(...args) {
|
|
super(...args);
|
|
return reactive(this);
|
|
}
|
|
}
|
|
|
|
class ObservableReminderList extends ReminderList {
|
|
constructor(...args) {
|
|
super(...args);
|
|
return reactive(this);
|
|
}
|
|
}
|
|
|
|
class ObservableReminder extends Reminder {
|
|
constructor(...args) {
|
|
super(...args);
|
|
|
|
const reactiveThis = reactive(this);
|
|
|
|
watch(() => reactiveThis.isCompleted, newValue => {
|
|
reactiveThis._isCompletedChanged(newValue);
|
|
}, { immediate: true, flush: "sync" });
|
|
|
|
return reactiveThis;
|
|
}
|
|
}
|
|
|
|
class Benchmark {
|
|
async runIteration() {
|
|
const store = new ObservableReminderStore();
|
|
watchEffect(() => { store.render(); });
|
|
await test(store, fn => { fn(); });
|
|
}
|
|
}
|