From e84c4051f36ba6e156e92cd283fe298a7008f41c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9B=AA=E5=BF=86?= <1455668754@qq.com> Date: Mon, 3 Jun 2024 17:33:50 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20destroy=E6=96=B9=E6=B3=95=E5=91=BD?= =?UTF-8?q?=E5=90=8D=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Loading/src/createLoading.ts | 6 +++--- src/components/Loading/src/useLoading.ts | 4 ++-- src/directives/loading.ts | 4 ++-- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/Loading/src/createLoading.ts b/src/components/Loading/src/createLoading.ts index d7819df7f..8c8854180 100644 --- a/src/components/Loading/src/createLoading.ts +++ b/src/components/Loading/src/createLoading.ts @@ -1,4 +1,4 @@ -import { VNode, defineComponent, createVNode, render, reactive, h } from 'vue'; +import { createVNode, defineComponent, h, reactive, render, VNode } from 'vue'; import type { LoadingProps } from './typing'; import Loading from './Loading.vue'; @@ -41,7 +41,7 @@ export function createLoading(props?: Partial, target?: HTMLElemen target.appendChild(vm.el as HTMLElement); } - function destory() { + function destroy() { container && render(null, container); container = vm = null; } @@ -53,7 +53,7 @@ export function createLoading(props?: Partial, target?: HTMLElemen vm, close, open, - destory, + destroy, setTip: (tip: string) => { data.tip = tip; }, diff --git a/src/components/Loading/src/useLoading.ts b/src/components/Loading/src/useLoading.ts index 910e084e9..97e7c7181 100644 --- a/src/components/Loading/src/useLoading.ts +++ b/src/components/Loading/src/useLoading.ts @@ -1,5 +1,5 @@ -import { unref } from 'vue'; import type { Ref } from 'vue'; +import { unref } from 'vue'; import { tryOnUnmounted } from '@vueuse/core'; import { createLoading } from './createLoading'; import type { LoadingProps } from './typing'; @@ -47,7 +47,7 @@ export function useLoading( }; tryOnUnmounted(() => { - instance.destory(); + instance.destroy(); }); return [open, close, setTip]; diff --git a/src/directives/loading.ts b/src/directives/loading.ts index 242816b5b..ead64927a 100644 --- a/src/directives/loading.ts +++ b/src/directives/loading.ts @@ -1,5 +1,5 @@ import { createLoading } from '@/components/Loading'; -import type { Directive, App } from 'vue'; +import type { App, Directive } from 'vue'; const loadingDirective: Directive = { mounted(el, binding) { @@ -28,7 +28,7 @@ const loadingDirective: Directive = { } }, unmounted(el) { - el?.instance?.destory(); + el?.instance?.destroy(); }, };