chore: input event

Author: Novout

src/components/editor/text/TextInput.vue

@@ -5,6 +5,7 @@
     @mouseout="hover = false"
   >
     <input
+      id="main-input-define"
       ref="input"
       v-model="cmp"
       class="flex-1 rounded-none border-none shadow-2xl p-1"
@@ -30,7 +31,7 @@
   import { useEntity } from '@/use/entity'
   import { useFormat } from '@/use/format'
   import { useInput } from '@/use/input'
-  import { ref, computed, watch } from 'vue'
+  import { ref, computed, watch, onMounted } from 'vue'
   import { useI18n } from 'vue-i18n'
   import { useStore } from 'vuex'
 
@@ -48,6 +49,10 @@
   const input = ref(null as any)
   const paste = ref<boolean>(false)
 
+  onMounted(() => {
+    useInput().prevent(input.value)
+  })
+
   const cmp = computed({
     get() {
       return props.modelValue

src/use/input.ts

@@ -7,5 +7,12 @@ export const useInput: Callback<any> = () => {
     return arr.filter((data: string) => data !== '')
   }
 
-  return { pasteText }
+  const prevent = (input: HTMLInputElement) => {
+    input.addEventListener('keydown', (event: Event) => {
+      // TODO: Edge and IE11 insert in a / event
+      // event.stopPropagation()
+    })
+  }
+
+  return { pasteText, prevent }
 }

src/use/pdf.ts

@@ -72,7 +72,6 @@ export const usePDF: Callback<any> = () => {
 
     const content = (store: Store<any>): Array<any> => {
       const pages: Array<ContextState> = store.state.project.pages
-      console.log(pages)
       const arr: Array<any> = []
 
       pages.forEach((page: ContextState) => {
@@ -93,8 +92,6 @@ export const usePDF: Callback<any> = () => {
         })
       })
 
-      console.log(arr)
-
       return arr
     }