Quellcode durchsuchen

feat(use-loading): add `setTip` method

为useLoading添加setTip方法
无木 vor 3 Jahren
Ursprung
Commit
26d9476caf
2 geänderte Dateien mit 11 neuen und 4 gelöschten Zeilen
  1. 1 0
      CHANGELOG.zh_CN.md
  2. 10 4
      src/components/Loading/src/useLoading.ts

+ 1 - 0
CHANGELOG.zh_CN.md

@@ -2,6 +2,7 @@
 
 - **Preview** 添加新的属性及事件
 - **Dark Theme** 新增对 tailwindcss 夜间模式的支持
+- **其它** 为 useLoading 添加 setTip 方法
 
 ### 🐛 Bug Fixes
 

+ 10 - 4
src/components/Loading/src/useLoading.ts

@@ -12,10 +12,12 @@ interface Fn {
   (): void;
 }
 
-export function useLoading(props: Partial<LoadingProps>): [Fn, Fn];
-export function useLoading(opt: Partial<UseLoadingOptions>): [Fn, Fn];
+export function useLoading(props: Partial<LoadingProps>): [Fn, Fn, (string) => void];
+export function useLoading(opt: Partial<UseLoadingOptions>): [Fn, Fn, (string) => void];
 
-export function useLoading(opt: Partial<LoadingProps> | Partial<UseLoadingOptions>): [Fn, Fn] {
+export function useLoading(
+  opt: Partial<LoadingProps> | Partial<UseLoadingOptions>
+): [Fn, Fn, (string) => void] {
   let props: Partial<LoadingProps>;
   let target: HTMLElement | Ref<ElRef> = document.body;
 
@@ -39,5 +41,9 @@ export function useLoading(opt: Partial<LoadingProps> | Partial<UseLoadingOption
     instance.close();
   };
 
-  return [open, close];
+  const setTip = (tip: string) => {
+    instance.setTip(tip);
+  };
+
+  return [open, close, setTip];
 }