|
@@ -38,13 +38,15 @@
|
|
|
import { computed, onMounted, onUnmounted, reactive, ref, watchEffect } from "vue";
|
|
|
import { BoardShape, compass, title } from "./board";
|
|
|
import { editEshapeTable } from "@/view/case/quisk";
|
|
|
+import { inputIng } from "./c";
|
|
|
|
|
|
const props = defineProps<{ shape: BoardShape }>();
|
|
|
const emit = defineEmits<{
|
|
|
(e: "update:shape", value: BoardShape | null): void;
|
|
|
}>();
|
|
|
|
|
|
-const inputIng = ref(false);
|
|
|
+inputIng.value = false;
|
|
|
+
|
|
|
const type = computed(() => props.shape.data.type);
|
|
|
const textType = ["Tag", title];
|
|
|
const CompassType = [compass];
|
|
@@ -104,9 +106,10 @@ const keydownHandler = (ev: KeyboardEvent) => {
|
|
|
}
|
|
|
};
|
|
|
onMounted(() => document.documentElement.addEventListener("keydown", keydownHandler));
|
|
|
-onUnmounted(() =>
|
|
|
- document.documentElement.removeEventListener("keydown", keydownHandler)
|
|
|
-);
|
|
|
+onUnmounted(() => {
|
|
|
+ inputIng.value = false;
|
|
|
+ document.documentElement.removeEventListener("keydown", keydownHandler);
|
|
|
+});
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|