rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui_migration fix(deps): --Preliminary-- Define reactivity, with markRaw function wrapper for components.

Browse source
This commit is contained in:
Antonio Anaya 2026-01-22 23:40:56 -06:00
parent fc96ae94f8
commit 6e14bf1dd0
40 changed files with 191 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

4
webapp/src/components/tabContentComponents/controlComponents/autofocusControl.vue
View file

@ -18,12 +18,14 @@
</template>
<script>
import ActionButton from "../../labThingsComponents/actionButton.vue";
// vue3 migration
import { markRaw } from "vue";
export default {
name: "AutofocusControl",
components: {
ActionButton,
ActionButton: markRaw(ActionButton),
},
data: function () {

8
webapp/src/components/tabContentComponents/controlComponents/paneControl.vue
View file

@ -34,14 +34,16 @@ import axios from "axios";
import ActionButton from "../../labThingsComponents/actionButton.vue";
import positionControl from "./positionControl.vue";
import autofocusControl from "./autofocusControl.vue";
// vue3 migration
import { markRaw } from "vue";
export default {
name: "PaneControl",
components: {
ActionButton,
positionControl,
autofocusControl,
ActionButton: markRaw(ActionButton),
positionControl: markRaw(positionControl),
autofocusControl: markRaw(autofocusControl),
},
computed: {

11
webapp/src/components/tabContentComponents/controlComponents/positionControl.vue
View file

@ -61,13 +61,16 @@ and zero position buttons. It also includes the d-pad.
import ActionButton from "../../labThingsComponents/actionButton.vue";
import syncPropertyButton from "../../labThingsComponents/syncPropertyButton.vue";
import stageControlButtons from "./stageControlButtons.vue";
// vue3 migration
import { markRaw } from "vue";
export default {
name: "PaneControl",
components: {
ActionButton,
syncPropertyButton,
stageControlButtons,
ActionButton: markRaw(ActionButton),
syncPropertyButton: markRaw(syncPropertyButton),
stageControlButtons: markRaw(stageControlButtons),
},
data: function () {
@ -105,7 +108,7 @@ export default {
await this.updatePosition();
},
beforeDestroy() {
beforeUnmount() {
// Remove global signal listener to perform a move action
this.$root.$off("globalMoveEvent");
this.$root.$off("globalMoveInImageCoordinatesEvent");