@easyv/biz-components 0.0.34 → 0.0.35

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
 export * from './useDivAutoScroll';
 export * from './useXunFeiSteamVoiceManager';
 export * from './useInitialized';
-export * from './useWatchValue';
+export * from './useWatchValue/useWatchValue';

package/dist/hooks/useWatchValue/useWatchValue.cy.d.ts

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

package/dist/hooks/{useWatchValue.d.ts → useWatchValue/useWatchValue.d.ts}

@@ -1,18 +1,17 @@
 type BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;
 interface Params<T> {
     value: T;
-    callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);
-    /** 清理函数，同 react 的 cleanup 函数 */
-    clearupFn?: (value: T | null) => void;
+    callback: (newValue: T, oldValue?: T | undefined) => void | Promise<void> | (() => void);
     options?: {
         equalFn?: (value1: T, value2: T) => boolean;
         immediate?: boolean;
     };
 }
-/**监听值变化，
- * 值变化时调用 callback
- * 判断值是否变化默认使用 lodash 的 isEqual
- * @param params { value: T; callback: (newValue: T, oldValue?: T) => void | Promise<void>; options?: { equalFn: (value1: T, value2: T) => boolean; immediate?: boolean; } }
+/** 监听值变化，
+ * - 值变化时调用 callback
+ * - 判断值是否变化默认使用 lodash 的 isEqual
+ * @param params { value: T; callback: (newValue: T, oldValue?: T) => void | Promise<void>; options?: { equalFn: (value1: T, value2: T) => boolean; immediate?: boolean; }}
+ * - 注意：如果你需要使用 useEffect 的 cleanUp 函数，可以考虑在 callback 中使用。或者使用 useEffect。
  */
 export declare function useWatchValue<T extends BaseValueType>(params: Params<T>): void;
 export {};

package/dist/hooks/useWatchValue/useWatchValue.es.js

@@ -0,0 +1,43 @@
+import { useRef, useEffect } from "react";
+import isEqual from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.es.js";
+function useWatchValue(params) {
+  const { value, callback, options } = params;
+  const ref = useRef(void 0);
+  const initialRef = useRef(false);
+  const { equalFn = isEqual, immediate } = options || {};
+  const fnObj = useRef({
+    callback,
+    equalFn,
+    immediate
+  });
+  fnObj.current = {
+    callback,
+    equalFn,
+    immediate
+  };
+  useEffect(() => {
+    const {
+      callback: callbackInner,
+      equalFn: equalFnInner,
+      immediate: immediateInner
+    } = fnObj.current;
+    if (immediateInner && !initialRef.current) {
+      callbackInner(value);
+      ref.current = value;
+    }
+    if (initialRef.current === false) {
+      initialRef.current = true;
+    }
+    const isEqualValue = equalFnInner(value, ref.current);
+    if (ref.current === void 0) {
+      ref.current = value;
+    } else if (isEqualValue === false) {
+      callbackInner(value, ref.current);
+      ref.current = value;
+    }
+  }, [value]);
+}
+export {
+  useWatchValue
+};
+//# sourceMappingURL=useWatchValue.es.js.map

package/dist/hooks/useWatchValue/useWatchValue.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWatchValue.es.js","sources":["../../../src/hooks/useWatchValue/useWatchValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash-es';\n\ntype BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;\n\ninterface Params<T> {\n  value: T;\n  callback: (newValue: T, oldValue?: T | undefined) => void | Promise<void> | (() => void);\n  options?: {\n    equalFn?: (value1: T, value2: T) => boolean;\n    immediate?: boolean;\n  };\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 * - 注意：如果你需要使用 useEffect 的 cleanUp 函数，可以考虑在 callback 中使用。或者使用 useEffect。\n */\nexport function useWatchValue<T extends BaseValueType>(params: Params<T>) {\n  const { value, callback, options } = params;\n  const ref = useRef<T | undefined>(undefined);\n  const initialRef = useRef(false);\n\n  const { equalFn = isEqual, immediate } = options || {};\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);\n      ref.current = value;\n    }\n    if (initialRef.current === false) {\n      initialRef.current = true;\n    }\n\n    const isEqualValue = equalFnInner(value, ref.current);\n    if (ref.current === undefined) {\n      ref.current = value;\n    } else if (isEqualValue === false) {\n      callbackInner(value, ref.current);\n      ref.current = value;\n    }\n  }, [value]);\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,cAAuC,QAAmB;AACxE,QAAM,EAAE,OAAO,UAAU,QAAY,IAAA;AAC/B,QAAA,MAAM,OAAsB,MAAS;AACrC,QAAA,aAAa,OAAO,KAAK;AAE/B,QAAM,EAAE,UAAU,SAAS,UAAU,IAAI,WAAW,CAAC;AACrD,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,KAAK;AACnB,UAAI,UAAU;AAAA,IAAA;AAEZ,QAAA,WAAW,YAAY,OAAO;AAChC,iBAAW,UAAU;AAAA,IAAA;AAGvB,UAAM,eAAe,aAAa,OAAO,IAAI,OAAO;AAChD,QAAA,IAAI,YAAY,QAAW;AAC7B,UAAI,UAAU;AAAA,IAAA,WACL,iBAAiB,OAAO;AACnB,oBAAA,OAAO,IAAI,OAAO;AAChC,UAAI,UAAU;AAAA,IAAA;AAAA,EAChB,GACC,CAAC,KAAK,CAAC;AACZ;"}

package/dist/index.es.js

@@ -5,7 +5,7 @@ import { VoiceAnimation } from "./components/VoiceAnimation/VoiceAnimation.es.js
 import { useDivAutoScroll } from "./hooks/useDivAutoScroll.es.js";
 import { useXunFeiSteamVoiceManager } from "./hooks/useXunFeiSteamVoiceManager.es.js";
 import { useInitialized } from "./hooks/useInitialized.es.js";
-import { useWatchValue } from "./hooks/useWatchValue.es.js";
+import { useWatchValue } from "./hooks/useWatchValue/useWatchValue.es.js";
 import { FunASRManager, getWebSocketConnectForFunASR } from "./utils/funASR/funASRManager.es.js";
 import { XFStreamVoiceManager } from "./utils/xunFeiVoice/XFStreamVoiceManager.es.js";
 import { RecorderManager } from "./utils/xunFeiVoice/RecorderManager/RecorderManager.es.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/biz-components",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
@@ -9,13 +9,6 @@
     "dist"
   ],
   "sideEffects": false,
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build && npm run build:style",
-    "build:style": "npx postcss src/index.css -o dist/index.css",
-    "preview": "vite preview",
-    "test:ui": "cypress open"
-  },
   "dependencies": {
     "classnames": "^2.5.1",
     "co-web-worker": "^1.0.1",
@@ -45,5 +38,12 @@
     "tailwindcss": "^3.0.0",
     "vite": "^5.0.10",
     "vite-plugin-dts": "^3.7.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && npm run build:style",
+    "build:style": "npx postcss src/index.css -o dist/index.css",
+    "preview": "vite preview",
+    "test:ui": "cypress open"
   }
-}
+}

package/dist/hooks/useWatchValue.es.js

@@ -1,32 +0,0 @@
-import { useRef, useEffect } from "react";
-import isEqual from "../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.es.js";
-function useWatchValue(params) {
-  const { value, callback, clearupFn, options } = params;
-  const ref = useRef(null);
-  const initialRef = useRef(false);
-  const { equalFn = isEqual } = options || {};
-  useEffect(() => {
-    let isCallbackRun = false;
-    if ((options == null ? void 0 : options.immediate) && !initialRef.current) {
-      isCallbackRun = true;
-      callback(value, value);
-      initialRef.current = true;
-    }
-    if (ref.current === null) {
-      ref.current = value;
-    } else if (equalFn(value, ref.current) === false) {
-      isCallbackRun = true;
-      callback(value, ref.current);
-      ref.current = value;
-    }
-    return () => {
-      if (isCallbackRun && clearupFn) {
-        clearupFn(ref.current);
-      }
-    };
-  });
-}
-export {
-  useWatchValue
-};
-//# sourceMappingURL=useWatchValue.es.js.map

package/dist/hooks/useWatchValue.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWatchValue.es.js","sources":["../../src/hooks/useWatchValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash-es';\n\ntype BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;\n\ninterface Params<T> {\n  value: T;\n  callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);\n  /** 清理函数，同 react 的 cleanup 函数 */\n  clearupFn?: (value: T | null) => 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, clearupFn, options } = params;\n  const ref = useRef<T | null>(null);\n  const initialRef = useRef(false);\n\n  const { equalFn = isEqual } = options || {};\n\n  useEffect(() => {\n    let isCallbackRun = false;\n    if (options?.immediate && !initialRef.current) {\n      isCallbackRun = true;\n      callback(value, value);\n      initialRef.current = true;\n    }\n\n    if (ref.current === null) {\n      ref.current = value;\n    } else if (equalFn(value, ref.current) === false) {\n      isCallbackRun = true;\n      callback(value, ref.current);\n      ref.current = value;\n    }\n    return () => {\n      if (isCallbackRun && clearupFn) {\n        clearupFn(ref.current);\n      }\n    };\n  });\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,cAAuC,QAAmB;AACxE,QAAM,EAAE,OAAO,UAAU,WAAW,QAAY,IAAA;AAC1C,QAAA,MAAM,OAAiB,IAAI;AAC3B,QAAA,aAAa,OAAO,KAAK;AAE/B,QAAM,EAAE,UAAU,QAAQ,IAAI,WAAW,CAAC;AAE1C,YAAU,MAAM;AACd,QAAI,gBAAgB;AACpB,SAAI,mCAAS,cAAa,CAAC,WAAW,SAAS;AAC7B,sBAAA;AAChB,eAAS,OAAO,KAAK;AACrB,iBAAW,UAAU;AAAA,IAAA;AAGnB,QAAA,IAAI,YAAY,MAAM;AACxB,UAAI,UAAU;AAAA,IAAA,WACL,QAAQ,OAAO,IAAI,OAAO,MAAM,OAAO;AAChC,sBAAA;AACP,eAAA,OAAO,IAAI,OAAO;AAC3B,UAAI,UAAU;AAAA,IAAA;AAEhB,WAAO,MAAM;AACX,UAAI,iBAAiB,WAAW;AAC9B,kBAAU,IAAI,OAAO;AAAA,MAAA;AAAA,IAEzB;AAAA,EAAA,CACD;AACH;"}