@easyv/biz-components 1.0.17 → 1.0.19

package/dist/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './use-xun-fei-steam-voice-manager';
 export * from './use-initialized';
 export * from './use-watch-value/use-watch-value';
 export * from './use-socket-events';
+export * from './use-document-unmount';

package/dist/hooks/use-document-unmount/index.d.ts

@@ -0,0 +1 @@
+export * from './use-document-unmount';

package/dist/hooks/use-document-unmount/use-document-unmount.d.ts

@@ -0,0 +1 @@
+export declare function useDocumentUnmount(fn: () => void): void;

package/dist/hooks/use-document-unmount/use-document-unmount.es.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
+function useDocumentUnmount(fn) {
+  const finalFn = useMemoizedFn(fn);
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      finalFn();
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, [finalFn]);
+}
+export {
+  useDocumentUnmount
+};
+//# sourceMappingURL=use-document-unmount.es.js.map

package/dist/hooks/use-document-unmount/use-document-unmount.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-unmount.es.js","sources":["../../../src/hooks/use-document-unmount/use-document-unmount.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useMemoizedFn } from 'ahooks';\n\nexport function useDocumentUnmount(fn: () => void) {\n  const finalFn = useMemoizedFn(fn);\n  // 监听页面卸载事件\n  useEffect(() => {\n    const handleBeforeUnload = () => {\n      finalFn();\n    };\n\n    window.addEventListener('beforeunload', handleBeforeUnload);\n\n    return () => {\n      window.removeEventListener('beforeunload', handleBeforeUnload);\n    };\n  }, [finalFn]);\n}\n"],"names":[],"mappings":";;AAGO,SAAS,mBAAmB,IAAgB;AAC3C,QAAA,UAAU,cAAc,EAAE;AAEhC,YAAU,MAAM;AACd,UAAM,qBAAqB,MAAM;AACvB,cAAA;AAAA,IACV;AAEO,WAAA,iBAAiB,gBAAgB,kBAAkB;AAE1D,WAAO,MAAM;AACJ,aAAA,oBAAoB,gBAAgB,kBAAkB;AAAA,IAC/D;AAAA,EAAA,GACC,CAAC,OAAO,CAAC;AACd;"}

package/dist/hooks/use-initialized.d.ts

@@ -3,5 +3,5 @@ type FunctionType = () => void;
  * @param fn 初始化函数， fn 返回的如果是一个函数，会在卸载时运行。
  * @returns initialized 是否初始化，boolean 值是一个 react state，会触发重新渲染
  */
-export declare function useInitialized(fn: () => void | FunctionType): boolean;
+export declare function useInitialized(fn?: () => void | FunctionType): boolean;
 export {};

package/dist/hooks/use-initialized.es.js

@@ -6,8 +6,9 @@ function useInitialized(fn) {
   const cleanFnRef = useRef();
   updateFnRef.current = fn;
   useEffect(() => {
+    var _a;
     if (!initializedRef.current) {
-      cleanFnRef.current = updateFnRef.current();
+      cleanFnRef.current = (_a = updateFnRef.current) == null ? void 0 : _a.call(updateFnRef);
       setInitialized(true);
       initializedRef.current = true;
     }

package/dist/hooks/use-initialized.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-initialized.es.js","sources":["../../src/hooks/use-initialized.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\ntype FunctionType = () => void;\n/** 传入的函数只会初始化运行一次\n * @param fn 初始化函数， fn 返回的如果是一个函数，会在卸载时运行。\n * @returns initialized 是否初始化，boolean 值是一个 react state，会触发重新渲染\n */\nexport function useInitialized(fn: () => void | FunctionType) {\n  const [initialized, setInitialized] = useState(false);\n  const initializedRef = useRef(false);\n  const updateFnRef = useRef(fn);\n  const cleanFnRef = useRef<FunctionType | void>();\n  updateFnRef.current = fn;\n\n  useEffect(() => {\n    if (!initializedRef.current) {\n      cleanFnRef.current = updateFnRef.current();\n      setInitialized(true);\n      initializedRef.current = true;\n    }\n    return () => {\n      if (typeof cleanFnRef.current === 'function') {\n        cleanFnRef.current();\n      }\n    };\n  }, []);\n\n  return initialized;\n}\n"],"names":[],"mappings":";AAOO,SAAS,eAAe,IAA+B;AAC5D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAC9C,QAAA,iBAAiB,OAAO,KAAK;AAC7B,QAAA,cAAc,OAAO,EAAE;AAC7B,QAAM,aAAa,OAA4B;AAC/C,cAAY,UAAU;AAEtB,YAAU,MAAM;AACV,QAAA,CAAC,eAAe,SAAS;AAChB,iBAAA,UAAU,YAAY,QAAQ;AACzC,qBAAe,IAAI;AACnB,qBAAe,UAAU;AAAA,IAAA;AAE3B,WAAO,MAAM;AACP,UAAA,OAAO,WAAW,YAAY,YAAY;AAC5C,mBAAW,QAAQ;AAAA,MAAA;AAAA,IAEvB;AAAA,EACF,GAAG,EAAE;AAEE,SAAA;AACT;"}
+{"version":3,"file":"use-initialized.es.js","sources":["../../src/hooks/use-initialized.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\ntype FunctionType = () => void;\n/** 传入的函数只会初始化运行一次\n * @param fn 初始化函数， fn 返回的如果是一个函数，会在卸载时运行。\n * @returns initialized 是否初始化，boolean 值是一个 react state，会触发重新渲染\n */\nexport function useInitialized(fn?: () => void | FunctionType) {\n  const [initialized, setInitialized] = useState(false);\n  const initializedRef = useRef(false);\n  const updateFnRef = useRef(fn);\n  const cleanFnRef = useRef<FunctionType | void>();\n  updateFnRef.current = fn;\n\n  useEffect(() => {\n    if (!initializedRef.current) {\n      cleanFnRef.current = updateFnRef.current?.();\n      setInitialized(true);\n      initializedRef.current = true;\n    }\n    return () => {\n      if (typeof cleanFnRef.current === 'function') {\n        cleanFnRef.current();\n      }\n    };\n  }, []);\n\n  return initialized;\n}\n"],"names":[],"mappings":";AAOO,SAAS,eAAe,IAAgC;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAC9C,QAAA,iBAAiB,OAAO,KAAK;AAC7B,QAAA,cAAc,OAAO,EAAE;AAC7B,QAAM,aAAa,OAA4B;AAC/C,cAAY,UAAU;AAEtB,YAAU,MAAM;;AACV,QAAA,CAAC,eAAe,SAAS;AAChB,iBAAA,WAAU,iBAAY,YAAZ;AACrB,qBAAe,IAAI;AACnB,qBAAe,UAAU;AAAA,IAAA;AAE3B,WAAO,MAAM;AACP,UAAA,OAAO,WAAW,YAAY,YAAY;AAC5C,mBAAW,QAAQ;AAAA,MAAA;AAAA,IAEvB;AAAA,EACF,GAAG,EAAE;AAEE,SAAA;AACT;"}

package/dist/hooks/use-watch-value/playground.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/use-watch-value/use-watch-value.d.ts

@@ -1,16 +1,43 @@
-type BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;
-interface Params<T> {
+type WatchableValue = string | number | boolean | object | Array<unknown> | null | undefined;
+interface UseWatchValueOptions<T> {
+    /** 自定义比较函数，默认使用 lodash isEqual */
+    equalFn?: (value1: T, value2: T) => boolean;
+    /** 是否立即执行回调，默认为 true */
+    immediate?: boolean;
+}
+interface UseWatchValueParams<T> {
+    /** 要监听的值 */
     value: T;
-    callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);
-    options?: {
-        equalFn?: (value1: T, value2: T) => boolean;
-        immediate?: boolean;
-    };
+    /** 值变化时的回调函数 */
+    callback: (newValue: T, oldValue?: T) => void | Promise<void>;
+    /** 配置选项 */
+    options?: UseWatchValueOptions<T>;
 }
-/**监听值变化，
- * 值变化时调用 callback
- * 判断值是否变化默认使用 lodash 的 isEqual
- * @param params { value: T; callback: (newValue: T, oldValue?: T) => void | Promise<void>; options?: { equalFn: (value1: T, value2: T) => boolean; immediate?: boolean; } }
+/**
+ * 监听值变化的 React Hook
+ *
+ * @description 当监听的值发生变化时，会调用提供的回调函数
+ * @param params 配置参数
+ * @param params.value 要监听的值
+ * @param params.callback 值变化时的回调函数
+ * @param params.options 配置选项
+ * @param params.options.equalFn 自定义比较函数，默认使用 lodash isEqual
+ * @param params.options.immediate 是否立即执行回调，默认为 true
+ *
+ * @example
+ * ```tsx
+ * const [count, setCount] = useState(0);
+ *
+ * useWatchValue({
+ *   value: count,
+ *   callback: (newValue, oldValue) => {
+ *     console.log(`Count changed from ${oldValue} to ${newValue}`);
+ *   },
+ *   options: {
+ *     immediate: false // 不立即执行
+ *   }
+ * });
+ * ```
  */
-export declare function useWatchValue<T extends BaseValueType>(params: Params<T>): void;
+export declare function useWatchValue<T extends WatchableValue>(params: UseWatchValueParams<T>): void;
 export {};

package/dist/hooks/use-watch-value/use-watch-value.es.js

@@ -1,38 +1,29 @@
 import { useRef, useEffect } from "react";
+import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
 import isEqual from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.es.js";
-const initValue = Symbol("initValue");
 function useWatchValue(params) {
-  const { value, callback, options } = params;
-  const ref = useRef(initValue);
-  const initialRef = useRef(false);
-  const { equalFn = isEqual, immediate = true } = options || {};
-  const fnObj = useRef({
-    callback,
-    equalFn,
-    immediate
-  });
-  fnObj.current = {
-    callback,
-    equalFn,
-    immediate
-  };
+  const { value, callback, options = {} } = params;
+  const { equalFn = isEqual, immediate = true } = options;
+  const prevValueRef = useRef(value);
+  const isFirstRenderRef = useRef(true);
+  const stableCallback = useMemoizedFn(callback);
+  const stableEqualFn = useMemoizedFn(equalFn);
   useEffect(() => {
-    const {
-      callback: callbackInner,
-      equalFn: equalFnInner,
-      immediate: immediateInner
-    } = fnObj.current;
-    if (immediateInner && !initialRef.current) {
-      callbackInner(value, value);
-      initialRef.current = true;
+    const isFirstRender = isFirstRenderRef.current;
+    const prevValue = prevValueRef.current;
+    if (isFirstRender) {
+      isFirstRenderRef.current = false;
+      if (immediate) {
+        stableCallback(value, void 0);
+      }
+      prevValueRef.current = value;
+      return;
     }
-    if (ref.current === initValue) {
-      ref.current = value;
-    } else if (equalFnInner(value, ref.current) === false) {
-      callbackInner(value, ref.current);
-      ref.current = value;
+    if (!stableEqualFn(value, prevValue)) {
+      stableCallback(value, prevValue);
+      prevValueRef.current = value;
     }
-  }, [value]);
+  }, [value, stableCallback, stableEqualFn, immediate]);
 }
 export {
   useWatchValue

package/dist/hooks/use-watch-value/use-watch-value.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-watch-value.es.js","sources":["../../../src/hooks/use-watch-value/use-watch-value.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash-es';\n\ntype BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;\n\nconst initValue = Symbol('initValue');\n\ninterface Params<T> {\n  value: T;\n  callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);\n  options?: {\n    equalFn?: (value1: T, value2: T) => boolean;\n    immediate?: boolean;\n  };\n}\n/**监听值变化，\n * 值变化时调用 callback\n * 判断值是否变化默认使用 lodash 的 isEqual\n * @param params { value: T; callback: (newValue: T, oldValue?: T) => void | Promise<void>; options?: { equalFn: (value1: T, value2: T) => boolean; immediate?: boolean; } }\n */\nexport function useWatchValue<T extends BaseValueType>(params: Params<T>) {\n  const { value, callback, options } = params;\n  const ref = useRef<T | typeof initValue>(initValue);\n  const initialRef = useRef(false);\n\n  const { equalFn = isEqual, immediate = true } = options || {};\n\n  const fnObj = useRef({\n    callback,\n    equalFn,\n    immediate,\n  });\n  fnObj.current = {\n    callback,\n    equalFn,\n    immediate,\n  };\n\n  useEffect(() => {\n    const {\n      callback: callbackInner,\n      equalFn: equalFnInner,\n      immediate: immediateInner,\n    } = fnObj.current;\n    if (immediateInner && !initialRef.current) {\n      callbackInner(value, value);\n      initialRef.current = true;\n    }\n\n    if (ref.current === initValue) {\n      ref.current = value;\n    } else if (equalFnInner(value, ref.current) === false) {\n      callbackInner(value, ref.current as T);\n      ref.current = value;\n    }\n  }, [value]);\n}\n"],"names":[],"mappings":";;AAKA,MAAM,YAAY,OAAO,WAAW;AAe7B,SAAS,cAAuC,QAAmB;AACxE,QAAM,EAAE,OAAO,UAAU,QAAY,IAAA;AAC/B,QAAA,MAAM,OAA6B,SAAS;AAC5C,QAAA,aAAa,OAAO,KAAK;AAE/B,QAAM,EAAE,UAAU,SAAS,YAAY,KAAK,IAAI,WAAW,CAAC;AAE5D,QAAM,QAAQ,OAAO;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,YAAU,MAAM;AACR,UAAA;AAAA,MACJ,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AACN,QAAA,kBAAkB,CAAC,WAAW,SAAS;AACzC,oBAAc,OAAO,KAAK;AAC1B,iBAAW,UAAU;AAAA,IAAA;AAGnB,QAAA,IAAI,YAAY,WAAW;AAC7B,UAAI,UAAU;AAAA,IAAA,WACL,aAAa,OAAO,IAAI,OAAO,MAAM,OAAO;AACvC,oBAAA,OAAO,IAAI,OAAY;AACrC,UAAI,UAAU;AAAA,IAAA;AAAA,EAChB,GACC,CAAC,KAAK,CAAC;AACZ;"}
+{"version":3,"file":"use-watch-value.es.js","sources":["../../../src/hooks/use-watch-value/use-watch-value.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMemoizedFn } from 'ahooks';\nimport { isEqual } from 'lodash-es';\n\n// 更精确的类型定义，排除函数类型以避免潜在问题\ntype WatchableValue = string | number | boolean | object | Array<unknown> | null | undefined;\n\ninterface UseWatchValueOptions<T> {\n  /** 自定义比较函数，默认使用 lodash isEqual */\n  equalFn?: (value1: T, value2: T) => boolean;\n  /** 是否立即执行回调，默认为 true */\n  immediate?: boolean;\n}\n\ninterface UseWatchValueParams<T> {\n  /** 要监听的值 */\n  value: T;\n  /** 值变化时的回调函数 */\n  callback: (newValue: T, oldValue?: T) => void | Promise<void>;\n  /** 配置选项 */\n  options?: UseWatchValueOptions<T>;\n}\n\n/**\n * 监听值变化的 React Hook\n *\n * @description 当监听的值发生变化时，会调用提供的回调函数\n * @param params 配置参数\n * @param params.value 要监听的值\n * @param params.callback 值变化时的回调函数\n * @param params.options 配置选项\n * @param params.options.equalFn 自定义比较函数，默认使用 lodash isEqual\n * @param params.options.immediate 是否立即执行回调，默认为 true\n *\n * @example\n * ```tsx\n * const [count, setCount] = useState(0);\n *\n * useWatchValue({\n *   value: count,\n *   callback: (newValue, oldValue) => {\n *     console.log(`Count changed from ${oldValue} to ${newValue}`);\n *   },\n *   options: {\n *     immediate: false // 不立即执行\n *   }\n * });\n * ```\n */\nexport function useWatchValue<T extends WatchableValue>(params: UseWatchValueParams<T>) {\n  const { value, callback, options = {} } = params;\n  const { equalFn = isEqual, immediate = true } = options;\n\n  // 存储上一次的值\n  const prevValueRef = useRef<T>(value);\n  // 标记是否为首次渲染\n  const isFirstRenderRef = useRef(true);\n\n  // 使用 useMemoizedFn 优化回调函数，避免不必要的依赖更新\n  const stableCallback = useMemoizedFn(callback);\n  const stableEqualFn = useMemoizedFn(equalFn);\n\n  useEffect(() => {\n    const isFirstRender = isFirstRenderRef.current;\n    const prevValue = prevValueRef.current;\n\n    // 首次渲染且 immediate 为 true 时执行回调\n    if (isFirstRender) {\n      isFirstRenderRef.current = false;\n      if (immediate) {\n        stableCallback(value, undefined);\n      }\n      prevValueRef.current = value;\n      return;\n    }\n\n    // 值发生变化时执行回调\n    if (!stableEqualFn(value, prevValue)) {\n      stableCallback(value, prevValue);\n      prevValueRef.current = value;\n    }\n  }, [value, stableCallback, stableEqualFn, immediate]);\n}\n"],"names":[],"mappings":";;;AAiDO,SAAS,cAAwC,QAAgC;AACtF,QAAM,EAAE,OAAO,UAAU,UAAU,CAAA,EAAO,IAAA;AAC1C,QAAM,EAAE,UAAU,SAAS,YAAY,KAAS,IAAA;AAG1C,QAAA,eAAe,OAAU,KAAK;AAE9B,QAAA,mBAAmB,OAAO,IAAI;AAG9B,QAAA,iBAAiB,cAAc,QAAQ;AACvC,QAAA,gBAAgB,cAAc,OAAO;AAE3C,YAAU,MAAM;AACd,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,YAAY,aAAa;AAG/B,QAAI,eAAe;AACjB,uBAAiB,UAAU;AAC3B,UAAI,WAAW;AACb,uBAAe,OAAO,MAAS;AAAA,MAAA;AAEjC,mBAAa,UAAU;AACvB;AAAA,IAAA;AAIF,QAAI,CAAC,cAAc,OAAO,SAAS,GAAG;AACpC,qBAAe,OAAO,SAAS;AAC/B,mBAAa,UAAU;AAAA,IAAA;AAAA,KAExB,CAAC,OAAO,gBAAgB,eAAe,SAAS,CAAC;AACtD;"}

package/dist/index.es.js

@@ -14,6 +14,7 @@ import { useInitialized } from "./hooks/use-initialized.es.js";
 import { useWatchValue } from "./hooks/use-watch-value/use-watch-value.es.js";
 import { useSocketEvents } from "./hooks/use-socket-events/use-socket-events.es.js";
 import { EXPLICIT_DISCONNECT_REASON, MAX_TIMEOUT, MessageType, MpsErrorCode, ROOM_PREFIX, RoomType, RoomTypeIdMap, SocketEventType, messageWindowByType, socketBroadcastMessageList, socketNormalMessageList } from "./hooks/use-socket-events/constant.es.js";
+import { useDocumentUnmount } from "./hooks/use-document-unmount/use-document-unmount.es.js";
 import { FunASRManager, getWebSocketConnectForFunASR } from "./utils/fun-ASR/fun-ASR-manager.es.js";
 import { XFStreamVoiceManager } from "./utils/xun-fei-voice/XF-stream-voice-manager.es.js";
 import { RecorderManager } from "./utils/xun-fei-voice/recorder-manager/RecorderManager.es.js";
@@ -51,6 +52,7 @@ export {
   socketBroadcastMessageList,
   socketNormalMessageList,
   useDivAutoScroll,
+  useDocumentUnmount,
   useInitialized,
   useSocketEvents,
   useWatchValue,

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}