@easyv/biz-components 0.0.34 → 0.0.36

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}

@@ -2,8 +2,6 @@ type BaseValueType = string | number | boolean | object | Array<unknown> | null
 interface Params<T> {
     value: T;
     callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);
-    /** 清理函数，同 react 的 cleanup 函数 */
-    clearupFn?: (value: T | null) => void;
     options?: {
         equalFn?: (value1: T, value2: T) => boolean;
         immediate?: boolean;

package/dist/hooks/{useWatchValue.es.js → useWatchValue/useWatchValue.es.js}

@@ -1,29 +1,22 @@
 import { useRef, useEffect } from "react";
-import isEqual from "../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.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, clearupFn, options } = params;
-  const ref = useRef(null);
+  const { value, callback, options } = params;
+  const ref = useRef(initValue);
   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) {
+    if (ref.current === initValue) {
       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 {

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\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 } = options || {};\n\n  useEffect(() => {\n    if (options?.immediate && !initialRef.current) {\n      callback(value, value);\n      initialRef.current = true;\n    }\n\n    if (ref.current === initValue) {\n      ref.current = value;\n    } else if (equalFn(value, ref.current) === false) {\n      callback(value, ref.current as T);\n      ref.current = value;\n    }\n  });\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,QAAQ,IAAI,WAAW,CAAC;AAE1C,YAAU,MAAM;AACd,SAAI,mCAAS,cAAa,CAAC,WAAW,SAAS;AAC7C,eAAS,OAAO,KAAK;AACrB,iBAAW,UAAU;AAAA,IAAA;AAGnB,QAAA,IAAI,YAAY,WAAW;AAC7B,UAAI,UAAU;AAAA,IAAA,WACL,QAAQ,OAAO,IAAI,OAAO,MAAM,OAAO;AACvC,eAAA,OAAO,IAAI,OAAY;AAChC,UAAI,UAAU;AAAA,IAAA;AAAA,EAChB,CACD;AACH;"}

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.36",
   "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.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;"}