From 9b23f6e2025809301f4cbee696afd0752248ab21 Mon Sep 17 00:00:00 2001
From: wangxiang <1827945911@qq.com>
Date: Tue, 3 May 2022 11:17:27 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=91=20=E4=BF=AE=E5=A4=8Dtypescript?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=E8=AF=AD=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 kicc-ui/src/components/Button/src/PopConfirmButton.vue      | 2 +-
 kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue    | 4 ++--
 kicc-ui/src/components/Container/src/LazyContainer.vue      | 4 ++--
 kicc-ui/src/components/Container/src/ScrollContainer.vue    | 4 ++--
 kicc-ui/src/components/ContextMenu/src/ContextMenu.vue      | 2 +-
 kicc-ui/src/components/Markdown/src/Markdown.vue            | 2 +-
 .../src/components/Modal/src/components/ModalWrapper.vue    | 6 +++---
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/kicc-ui/src/components/Button/src/PopConfirmButton.vue b/kicc-ui/src/components/Button/src/PopConfirmButton.vue
index 60f5ba7f..248130ac 100644
--- a/kicc-ui/src/components/Button/src/PopConfirmButton.vue
+++ b/kicc-ui/src/components/Button/src/PopConfirmButton.vue
@@ -28,7 +28,7 @@
       const attrs = useAttrs();
 
       // 获取继承绑定值
-      const getBindValues = computed(() => {
+      const getBindValues = computed<Recordable>(() => {
         return Object.assign(
           {
             okText: t('common.okText'),
diff --git a/kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue b/kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue
index 8a618837..f29aa30b 100644
--- a/kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue
+++ b/kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue
@@ -5,14 +5,14 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, onMounted } from 'vue';
-  import { onClickOutside } from '@vueuse/core';
+  import { MaybeElementRef, onClickOutside } from '@vueuse/core';
   export default defineComponent({
     name: 'ClickOutSide',
     emits: ['mounted', 'clickOutside'],
     setup(_, { emit }) {
       const wrap = ref<ElRef>(null);
 
-      onClickOutside(wrap, () => {
+      onClickOutside(wrap as MaybeElementRef, () => {
         emit('clickOutside');
       });
 
diff --git a/kicc-ui/src/components/Container/src/LazyContainer.vue b/kicc-ui/src/components/Container/src/LazyContainer.vue
index b3ab8251..02f52a16 100644
--- a/kicc-ui/src/components/Container/src/LazyContainer.vue
+++ b/kicc-ui/src/components/Container/src/LazyContainer.vue
@@ -18,7 +18,7 @@
 </template>
 <script lang="ts">
   import type { PropType } from 'vue';
-  import { defineComponent, reactive, onMounted, ref, toRef, toRefs } from 'vue';
+  import {defineComponent, reactive, onMounted, ref, toRef, toRefs, Ref} from 'vue';
   import { Skeleton } from 'ant-design-vue';
   import { useTimeoutFn } from '/@/hooks/core/useTimeout';
   import { useIntersectionObserver } from '/@/hooks/event/useIntersectionObserver';
@@ -130,7 +130,7 @@
                 }
               }
             },
-            root: toRef(props, 'viewport'),
+            root: toRef(props, 'viewport') as Ref<Element>,
           });
         } catch (e) {
           init();
diff --git a/kicc-ui/src/components/Container/src/ScrollContainer.vue b/kicc-ui/src/components/Container/src/ScrollContainer.vue
index 5e458884..048f7250 100644
--- a/kicc-ui/src/components/Container/src/ScrollContainer.vue
+++ b/kicc-ui/src/components/Container/src/ScrollContainer.vue
@@ -29,7 +29,7 @@
             return;
           }
           const { start } = useScrollTo({
-            el: wrap,
+            el: wrap as HTMLElement,
             to,
             duration,
           });
@@ -60,7 +60,7 @@
           }
           const scrollHeight = wrap.scrollHeight as number;
           const { start } = useScrollTo({
-            el: wrap,
+            el: wrap as HTMLElement,
             to: scrollHeight,
           });
           start();
diff --git a/kicc-ui/src/components/ContextMenu/src/ContextMenu.vue b/kicc-ui/src/components/ContextMenu/src/ContextMenu.vue
index 54f6af56..2f6eb87d 100644
--- a/kicc-ui/src/components/ContextMenu/src/ContextMenu.vue
+++ b/kicc-ui/src/components/ContextMenu/src/ContextMenu.vue
@@ -72,7 +72,7 @@
 
       onUnmounted(() => {
         const el = unref(wrapRef);
-        el && document.body.removeChild(el);
+        el && document.body.removeChild(el as Element);
       });
 
       function handleAction(item: ContextMenuItem, e: MouseEvent) {
diff --git a/kicc-ui/src/components/Markdown/src/Markdown.vue b/kicc-ui/src/components/Markdown/src/Markdown.vue
index 3fa7d4de..8a414e6b 100644
--- a/kicc-ui/src/components/Markdown/src/Markdown.vue
+++ b/kicc-ui/src/components/Markdown/src/Markdown.vue
@@ -30,7 +30,7 @@
     emits: ['change', 'get', 'update:value'],
     setup(props, { attrs, emit }) {
       const wrapRef = ref<ElRef>(null);
-      const vditorRef = ref<Nullable<Vditor>>(null);
+      const vditorRef = ref<Nullable<any>>(null);
       const initedRef = ref(false);
 
       const modalFn = useModalContext();
diff --git a/kicc-ui/src/components/Modal/src/components/ModalWrapper.vue b/kicc-ui/src/components/Modal/src/components/ModalWrapper.vue
index 79447a71..c7645b06 100644
--- a/kicc-ui/src/components/Modal/src/components/ModalWrapper.vue
+++ b/kicc-ui/src/components/Modal/src/components/ModalWrapper.vue
@@ -21,7 +21,7 @@
   import { useWindowSizeFn } from '/@/hooks/event/useWindowSizeFn';
   import { ScrollContainer } from '/@/components/Container';
   import { createModalContext } from '../hooks/useModalContext';
-  import { useMutationObserver } from '@vueuse/core';
+  import {MaybeElementRef, useMutationObserver} from '@vueuse/core';
 
   const props = {
     loading: { type: Boolean },
@@ -55,7 +55,7 @@
       useWindowSizeFn(setModalHeight.bind(null, false));
 
       useMutationObserver(
-        spinRef,
+        spinRef as MaybeElementRef,
         () => {
           setModalHeight();
         },
@@ -125,7 +125,7 @@
           const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
           if (!modalDom) return;
 
-          const modalRect = getComputedStyle(modalDom).top;
+          const modalRect = getComputedStyle(modalDom as Element).top;
           const modalTop = Number.parseInt(modalRect);
           let maxHeight =
             window.innerHeight -