@easyv/biz-components 2.1.1 → 2.1.2

package/dist/lib/components/ai-components/mobile-voice-input/icon-button.es.js

@@ -1,10 +1,10 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { ArcoButton } from "@easyv/arco";
+import { Button } from "@easyv/react-components";
 import classNames from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
 const IconButton = (props) => {
   const { className = "", icon, onClick } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ArcoButton,
+    Button,
     {
       className: classNames(
         "!biz-bg-bg-white biz-h-[4.25rem] biz-w-[4.25rem]",

package/dist/lib/components/ai-components/mobile-voice-input/icon-button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.es.js","sources":["../../../../../src/components/ai-components/mobile-voice-input/icon-button.tsx"],"sourcesContent":["import { ArcoButton } from \"@easyv/arco\";\nimport classNames from \"classnames\";\n\nexport interface IconButtonProps {\n  className?: string;\n  icon?: React.ReactNode;\n  onClick?: (e: Event) => void;\n}\n\n/** 输入框右侧的 图标控制按钮 */\nexport const IconButton = (props: IconButtonProps) => {\n  const { className = \"\", icon, onClick } = props;\n\n  return (\n    <ArcoButton\n      className={classNames(\n        \"!biz-bg-bg-white biz-h-[4.25rem] biz-w-[4.25rem]\",\n        \"biz-flex biz-flex-center biz-rounded-2xl biz-border-none\",\n        className,\n      )}\n      icon={icon}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAUa,MAAA,aAAa,CAAC,UAA2B;AACpD,QAAM,EAAE,YAAY,IAAI,MAAM,QAAY,IAAA;AAGxC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"icon-button.es.js","sources":["../../../../../src/components/ai-components/mobile-voice-input/icon-button.tsx"],"sourcesContent":["import { Button } from \"@easyv/react-components\";\nimport classNames from \"classnames\";\n\nexport interface IconButtonProps {\n  className?: string;\n  icon?: React.ReactNode;\n  onClick?: (e: Event) => void;\n}\n\n/** 输入框右侧的 图标控制按钮 */\nexport const IconButton = (props: IconButtonProps) => {\n  const { className = \"\", icon, onClick } = props;\n\n  return (\n    <Button\n      className={classNames(\n        \"!biz-bg-bg-white biz-h-[4.25rem] biz-w-[4.25rem]\",\n        \"biz-flex biz-flex-center biz-rounded-2xl biz-border-none\",\n        className,\n      )}\n      icon={icon}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAUa,MAAA,aAAa,CAAC,UAA2B;AACpD,QAAM,EAAE,YAAY,IAAI,MAAM,QAAY,IAAA;AAGxC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/lib/components/ai-components/mobile-voice-input/mobile-voice-input.es.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
 import { forwardRef, useState, useRef, useImperativeHandle } from "react";
-import { ArcoMessage, ArcoInput, ArcoButton } from "@easyv/arco";
+import { message, Input, Button } from "@easyv/react-components";
 import { MouseOutlined, TerminationSquareOutlined, AudioOutlined, KeyboardOutlined, CloseCircleOutlined } from "../../../node_modules/.pnpm/@easyv_react-icons@6.13.1/node_modules/@easyv/react-icons/dist/index.esm.es.js";
 import useMemoizedFn from "../../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
 import classNames from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
@@ -58,12 +58,12 @@ const MobileVoiceInputCpn = (props, ref) => {
       if (recordTime < 500) {
         setVoiceRecognizeRes("");
         needRequestAsr = false;
-        ArcoMessage.error("录音时间过短");
+        message.error("录音时间过短");
       }
       if (recordTime > 59 * 1e3) {
         setVoiceRecognizeRes("");
         needRequestAsr = false;
-        ArcoMessage.error("录音时间最多支持一分钟");
+        message.error("录音时间最多支持一分钟");
       }
       stopVoiceRecord(needRequestAsr);
     }
@@ -133,7 +133,7 @@ const MobileVoiceInputCpn = (props, ref) => {
       ),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ArcoInput,
+          Input,
           {
             ref: inputRef,
             value,
@@ -208,9 +208,9 @@ const MobileVoiceInputCpn = (props, ref) => {
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ArcoButton,
+            Button,
             {
-              className: "biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem] !biz-bg-bg-1 !biz-text-white",
+              className: "biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem] !biz-bg-bg-1 !biz-text-white rp-[span]:!ml-0",
               icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 CloseCircleOutlined,
                 {
@@ -225,9 +225,9 @@ const MobileVoiceInputCpn = (props, ref) => {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ArcoButton,
+            Button,
             {
-              className: "biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem]",
+              className: "biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem] rp-[span]:!ml-0",
               type: "primary",
               disabled: !voiceRecognizeRes,
               icon: /* @__PURE__ */ jsxRuntimeExports.jsx(

package/dist/lib/components/ai-components/mobile-voice-input/mobile-voice-input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-voice-input.es.js","sources":["../../../../../src/components/ai-components/mobile-voice-input/mobile-voice-input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useImperativeHandle, useRef, useState } from \"react\";\nimport { ArcoButton, ArcoInput, ArcoInputRef, ArcoMessage } from \"@easyv/arco\";\nimport {\n  AudioOutlined,\n  CloseCircleOutlined,\n  KeyboardOutlined,\n  MouseOutlined,\n  TerminationSquareOutlined,\n} from \"@easyv/react-icons\";\nimport { useMemoizedFn } from \"ahooks\";\nimport classNames from \"classnames\";\nimport { VoiceAnimation } from \"@/components/voice-animation\";\nimport { useTencentSentenceRecognition } from \"@/hooks\";\nimport { getIsPrivateDeployEnv } from \"@/utils\";\nimport { IconButton } from \"./icon-button\";\n\nexport interface MobileVoiceInputProps {\n  className?: string;\n  isAiAnswering?: boolean;\n  onClickStartRecord?: () => void;\n  onClickStopRecord?: () => void;\n  onSend?: (value?: string) => void;\n  onStop?: () => void;\n  value?: string;\n  onChange?: (value?: string) => void;\n  getSentenceRecognizeRes: (data: Blob) => Promise<string>;\n  /** 这个是本地语音识别管理器，用于在移动端识别语音。\n   * - workspace 和 screen 里的 class 不一样， 而且没有迁移到 biz-components 中 所以先写个 any。\n   * - workspace 里的 class 是 LocalMobileVoiceRecognitionManager ，screen 里的 class 是 LocalVoiceRecognitionManager\n   */\n  // localManager?: any;\n  renderSomethingOnVoiceInput?: () => React.ReactNode;\n}\n\nexport interface MobileVoiceInputRef {\n  setVoiceRecognizeRes: (value: string) => void;\n}\n\nconst MobileVoiceInputCpn = (props: MobileVoiceInputProps, ref: Ref<MobileVoiceInputRef>) => {\n  const {\n    className = \"\",\n    isAiAnswering,\n    onClickStartRecord,\n    onClickStopRecord,\n    onSend,\n    onStop,\n    value,\n    onChange,\n    getSentenceRecognizeRes,\n    renderSomethingOnVoiceInput,\n  } = props;\n  const [voiceRecognizeRes, setVoiceRecognizeRes] = useState(\"\");\n  const [isVoiceInput, setIsVoiceInput] = useState(false); // 是否使用语音输入\n  const [focused, setFocused] = useState(false); // 是否聚焦\n  const [recordStatus, setRecordStatus] = useState<\"init\" | \"recording\" | \"afterRecord\">(\"init\");\n  const isRecording = recordStatus === \"recording\";\n\n  const startRecordTimeRef = useRef<number>(0); // 时间小于 500 ms 和 大于 59 秒都不发给后端\n  const inputRef = useRef<ArcoInputRef>(null);\n\n  /** 是否展示语音识别结果的预览 */\n  const showPreviewVoiceRecognizeRes =\n    isVoiceInput && !isAiAnswering && recordStatus === \"afterRecord\";\n  /** 是否展示语音识别的提示信息 */\n  const showVoiceRecognizeHintInfo = isVoiceInput && !isAiAnswering && isRecording;\n\n  const { startVoiceRecord, stopVoiceRecord, recognizeStatus } = useTencentSentenceRecognition({\n    getSentenceRecognizeRes,\n    onAsrResult: (result) => {\n      // 本地录音不使用这个结果，依赖外部去设置 voiceRecognizeRes\n      if (!getIsPrivateDeployEnv()) {\n        setVoiceRecognizeRes(result);\n      }\n    },\n  });\n\n  useImperativeHandle(ref, () => ({\n    setVoiceRecognizeRes,\n  }));\n\n  const toggleVoiceRecord = useMemoizedFn(() => {\n    if (isAiAnswering || showPreviewVoiceRecognizeRes) {\n      return;\n    }\n    if (!isRecording) {\n      setRecordStatus(\"recording\");\n      onClickStartRecord?.();\n      startVoiceRecord();\n      startRecordTimeRef.current = Date.now();\n    } else {\n      setRecordStatus(\"afterRecord\");\n      onClickStopRecord?.();\n      let needRequestAsr = true;\n      const recordTime = Date.now() - startRecordTimeRef.current;\n      if (recordTime < 500) {\n        setVoiceRecognizeRes(\"\");\n        needRequestAsr = false;\n        ArcoMessage.error(\"录音时间过短\");\n      }\n      if (recordTime > 59 * 1000) {\n        setVoiceRecognizeRes(\"\");\n        needRequestAsr = false;\n        ArcoMessage.error(\"录音时间最多支持一分钟\");\n      }\n      stopVoiceRecord(needRequestAsr);\n    }\n  });\n\n  const handleSend = useMemoizedFn((_value?: string) => {\n    setVoiceRecognizeRes(\"\");\n    onChange?.(\"\");\n    onSend?.(_value || value);\n  });\n\n  const placeholder = isAiAnswering ? \"正在回答中...\" : \"问点什么\";\n\n  const sendButton = (\n    <IconButton\n      className={classNames(\"!biz-bg-primary-6\")}\n      onClick={() => {\n        handleSend();\n      }}\n      icon={\n        <MouseOutlined\n          className={classNames(\n            \"biz-h-10 biz-w-10 biz-text-[2.5rem] biz-text-white biz--scale-x-100 biz-scale-y-100\",\n          )}\n        />\n      }\n    />\n  );\n  const stopButton = (\n    <IconButton\n      className={classNames(\"biz-bg-primary-1\")}\n      onClick={() => {\n        onStop?.();\n      }}\n      icon={\n        <TerminationSquareOutlined className=\"biz-h-10 biz-w-10 biz-text-[2.5rem] !biz-text-[#3A89FE]\" />\n      }\n    />\n  );\n  const voiceButton = (\n    <IconButton\n      className={classNames(\"!biz-bg-bg-white\")}\n      onClick={(e) => {\n        setIsVoiceInput(true);\n        e.stopPropagation();\n      }}\n      icon={<AudioOutlined className=\"biz-text-text-2 biz-h-10 biz-w-10 biz-text-[2.5rem]\" />}\n    />\n  );\n  const keyboardButton = (\n    <IconButton\n      className={classNames(\"!biz-bg-bg-white\")}\n      onClick={(e) => {\n        setIsVoiceInput(false);\n        e.stopPropagation();\n      }}\n      icon={<KeyboardOutlined className=\"biz-text-text-2 biz-h-10 biz-w-10 biz-text-[2.5rem]\" />}\n    />\n  );\n\n  const inputDom = (\n    <div\n      className={classNames(\n        \"biz-flex-center biz-h-[6rem] biz-rounded-3xl biz-pl-8 biz-pr-[0.875rem]\",\n        \"biz-border-one biz-bg-bg-white !biz-border-[0.125rem]\",\n        focused && \"!biz-border-primary-6\",\n      )}\n    >\n      <ArcoInput\n        ref={inputRef}\n        value={value}\n        placeholder={placeholder}\n        className={classNames(\n          \"biz-text-text-1 biz-flex biz-w-0 biz-flex-1 biz-resize-none biz-items-center biz-border-none biz-bg-transparent biz-text-[2rem]\",\n          \"!biz-p-0 biz-font-normal biz-leading-[3rem] !biz-bg-transparent !biz-shadow-none\",\n        )}\n        onChange={(_value) => {\n          onChange?.(_value);\n        }}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n      />\n      {/* 控制按钮 */}\n      <div className=\"biz-flex-center biz-h-[4.25rem] biz-w-[4.25rem] biz-rounded-2xl\">\n        {isAiAnswering ? stopButton : <>{value ? sendButton : voiceButton}</>}\n      </div>\n    </div>\n  );\n\n  const disableVoiceInput = isAiAnswering; // 允许录制时点击结束\n  const renderVoiceRecordDom = () => {\n    if (isRecording || recognizeStatus === \"translating\") {\n      return (\n        <div className=\"biz-w-full biz-px-8 biz-py-6\">\n          <div className=\"biz-flex-center biz-h-10\">\n            <VoiceAnimation\n              className=\"biz-h-[2.5rem] !biz-w-[26.25rem]\"\n              barClassName=\"!biz-bg-[#fff]\"\n            />\n          </div>\n        </div>\n      );\n    }\n    return <span className=\"!biz-select-none\">{`点击开始说话`}</span>;\n  };\n  const renderVoiceInputDom = () => {\n    if (showPreviewVoiceRecognizeRes) {\n      return (\n        <div className=\"voice-input-place-holder-dom biz-relative biz-h-[9.5rem] biz-w-full\"></div>\n      );\n    }\n    return (\n      <div\n        className={classNames(\n          \"biz-flex-center biz-relative biz-h-[6rem] biz-rounded-3xl biz-py-5\",\n          \"biz-border-one biz-bg-primary-1 !biz-select-none !biz-border-[0.125rem]\",\n        )}\n        onClick={toggleVoiceRecord}\n        onContextMenu={(e) => {\n          e.preventDefault();\n        }}\n      >\n        <div\n          className=\"biz-flex-center biz-text-primary-6 biz-w-full !biz-select-none biz-text-[2rem]\"\n          style={{\n            opacity: disableVoiceInput ? 0.5 : 1,\n          }}\n        >\n          {renderVoiceRecordDom()}\n        </div>\n        <div className=\"absolute left-0 top-0 z-10 h-full w-full bg-transparent\"></div>\n        {/* 控制按钮 */}\n        {!isRecording && (\n          <div className=\"biz-flex-center biz-absolute biz-right-[0.875rem] biz-top-[0.875rem] biz-z-20 biz-h-[4.25rem] biz-w-[4.25rem] biz-rounded-2xl\">\n            {isAiAnswering ? stopButton : keyboardButton}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const voiceRecognizeResDom = (\n    <div className=\"biz-absolute biz-z-10 biz-w-full biz-bg-transparent biz-left-0 biz-bottom-0\">\n      <div className=\"biz-flex biz-flex-col biz-gap-8\">\n        <div\n          className={classNames(\n            \"biz-text-[2rem] biz-leading-[4rem] biz-text-text-2\",\n            \"biz-w-full biz-flex biz-flex-center biz-gap-9\",\n          )}\n        >\n          <ArcoButton\n            className=\"biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem] !biz-bg-bg-1 !biz-text-white\"\n            icon={\n              <CloseCircleOutlined\n                className={classNames(\"biz-h-10 biz-w-10 biz-text-[2.5rem] biz-text-white\")}\n              />\n            }\n            onClick={() => {\n              setVoiceRecognizeRes(\"\");\n              setRecordStatus(\"init\");\n            }}\n          >\n            取消\n          </ArcoButton>\n          <ArcoButton\n            className=\"biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem]\"\n            type=\"primary\"\n            disabled={!voiceRecognizeRes}\n            icon={\n              <MouseOutlined\n                className={classNames(\n                  \"biz-h-10 biz-w-10 biz-text-[2.5rem] biz--scale-x-100 biz-scale-y-100 biz-text-inherit\",\n                )}\n              />\n            }\n            onClick={() => {\n              if (!voiceRecognizeRes) {\n                return;\n              }\n              setRecordStatus(\"init\");\n              handleSend(voiceRecognizeRes);\n            }}\n          >\n            发送\n          </ArcoButton>\n        </div>\n        <div className=\"voice-recognize-res-dom biz-w-full biz-pb-6 biz-px-8\">\n          <textarea\n            placeholder=\"未识别到内容\"\n            value={voiceRecognizeRes}\n            className={classNames(\n              \"biz-w-full biz-px-8 biz-py-7 biz-rounded-3xl biz-text-text-1 biz-text-[2rem]\",\n              \"biz-border-solid biz-border-[2px] biz-border-[rgba(58,137,254,0.1)]\",\n              \"biz-bg-[rgba(58,137,254,0.1)] biz-h-[8rem]\",\n            )}\n            onClick={(e) => e.stopPropagation()}\n            onChange={(e) => {\n              e.stopPropagation();\n              setVoiceRecognizeRes(e.target.value);\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={classNames(\n        \"biz-w-full biz-px-8 biz-py-6 biz-relative biz-flex biz-flex-col biz-gap-6\",\n        className,\n      )}\n    >\n      {showPreviewVoiceRecognizeRes && voiceRecognizeResDom}\n\n      {showVoiceRecognizeHintInfo && (\n        <div\n          className={classNames(\n            \"biz-text-[2rem] biz-leading-[4rem] biz-text-text-2\",\n            \"biz-w-full biz-flex biz-flex-center\",\n          )}\n        >\n          正在聆听，点击结束\n        </div>\n      )}\n      {!showPreviewVoiceRecognizeRes && renderSomethingOnVoiceInput?.()}\n      {isVoiceInput ? renderVoiceInputDom() : inputDom}\n    </div>\n  );\n};\n\nexport const MobileVoiceInput = forwardRef(MobileVoiceInputCpn);\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"mobile-voice-input.es.js","sources":["../../../../../src/components/ai-components/mobile-voice-input/mobile-voice-input.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useImperativeHandle, useRef, useState } from \"react\";\nimport { Button, Input, message, RefInputType } from \"@easyv/react-components\";\nimport {\n  AudioOutlined,\n  CloseCircleOutlined,\n  KeyboardOutlined,\n  MouseOutlined,\n  TerminationSquareOutlined,\n} from \"@easyv/react-icons\";\nimport { useMemoizedFn } from \"ahooks\";\nimport classNames from \"classnames\";\nimport { VoiceAnimation } from \"@/components/voice-animation\";\nimport { useTencentSentenceRecognition } from \"@/hooks\";\nimport { getIsPrivateDeployEnv } from \"@/utils\";\nimport { IconButton } from \"./icon-button\";\n\nexport interface MobileVoiceInputProps {\n  className?: string;\n  isAiAnswering?: boolean;\n  onClickStartRecord?: () => void;\n  onClickStopRecord?: () => void;\n  onSend?: (value?: string) => void;\n  onStop?: () => void;\n  value?: string;\n  onChange?: (value?: string) => void;\n  getSentenceRecognizeRes: (data: Blob) => Promise<string>;\n  /** 这个是本地语音识别管理器，用于在移动端识别语音。\n   * - workspace 和 screen 里的 class 不一样， 而且没有迁移到 biz-components 中 所以先写个 any。\n   * - workspace 里的 class 是 LocalMobileVoiceRecognitionManager ，screen 里的 class 是 LocalVoiceRecognitionManager\n   */\n  // localManager?: any;\n  renderSomethingOnVoiceInput?: () => React.ReactNode;\n}\n\nexport interface MobileVoiceInputRef {\n  setVoiceRecognizeRes: (value: string) => void;\n}\n\nconst MobileVoiceInputCpn = (props: MobileVoiceInputProps, ref: Ref<MobileVoiceInputRef>) => {\n  const {\n    className = \"\",\n    isAiAnswering,\n    onClickStartRecord,\n    onClickStopRecord,\n    onSend,\n    onStop,\n    value,\n    onChange,\n    getSentenceRecognizeRes,\n    renderSomethingOnVoiceInput,\n  } = props;\n  const [voiceRecognizeRes, setVoiceRecognizeRes] = useState(\"\");\n  const [isVoiceInput, setIsVoiceInput] = useState(false); // 是否使用语音输入\n  const [focused, setFocused] = useState(false); // 是否聚焦\n  const [recordStatus, setRecordStatus] = useState<\"init\" | \"recording\" | \"afterRecord\">(\"init\");\n  const isRecording = recordStatus === \"recording\";\n\n  const startRecordTimeRef = useRef<number>(0); // 时间小于 500 ms 和 大于 59 秒都不发给后端\n  const inputRef = useRef<RefInputType>(null);\n\n  /** 是否展示语音识别结果的预览 */\n  const showPreviewVoiceRecognizeRes =\n    isVoiceInput && !isAiAnswering && recordStatus === \"afterRecord\";\n  /** 是否展示语音识别的提示信息 */\n  const showVoiceRecognizeHintInfo = isVoiceInput && !isAiAnswering && isRecording;\n\n  const { startVoiceRecord, stopVoiceRecord, recognizeStatus } = useTencentSentenceRecognition({\n    getSentenceRecognizeRes,\n    onAsrResult: (result) => {\n      // 本地录音不使用这个结果，依赖外部去设置 voiceRecognizeRes\n      if (!getIsPrivateDeployEnv()) {\n        setVoiceRecognizeRes(result);\n      }\n    },\n  });\n\n  useImperativeHandle(ref, () => ({\n    setVoiceRecognizeRes,\n  }));\n\n  const toggleVoiceRecord = useMemoizedFn(() => {\n    if (isAiAnswering || showPreviewVoiceRecognizeRes) {\n      return;\n    }\n    if (!isRecording) {\n      setRecordStatus(\"recording\");\n      onClickStartRecord?.();\n      startVoiceRecord();\n      startRecordTimeRef.current = Date.now();\n    } else {\n      setRecordStatus(\"afterRecord\");\n      onClickStopRecord?.();\n      let needRequestAsr = true;\n      const recordTime = Date.now() - startRecordTimeRef.current;\n      if (recordTime < 500) {\n        setVoiceRecognizeRes(\"\");\n        needRequestAsr = false;\n        message.error(\"录音时间过短\");\n      }\n      if (recordTime > 59 * 1000) {\n        setVoiceRecognizeRes(\"\");\n        needRequestAsr = false;\n        message.error(\"录音时间最多支持一分钟\");\n      }\n      stopVoiceRecord(needRequestAsr);\n    }\n  });\n\n  const handleSend = useMemoizedFn((_value?: string) => {\n    setVoiceRecognizeRes(\"\");\n    onChange?.(\"\");\n    onSend?.(_value || value);\n  });\n\n  const placeholder = isAiAnswering ? \"正在回答中...\" : \"问点什么\";\n\n  const sendButton = (\n    <IconButton\n      className={classNames(\"!biz-bg-primary-6\")}\n      onClick={() => {\n        handleSend();\n      }}\n      icon={\n        <MouseOutlined\n          className={classNames(\n            \"biz-h-10 biz-w-10 biz-text-[2.5rem] biz-text-white biz--scale-x-100 biz-scale-y-100\",\n          )}\n        />\n      }\n    />\n  );\n  const stopButton = (\n    <IconButton\n      className={classNames(\"biz-bg-primary-1\")}\n      onClick={() => {\n        onStop?.();\n      }}\n      icon={\n        <TerminationSquareOutlined className=\"biz-h-10 biz-w-10 biz-text-[2.5rem] !biz-text-[#3A89FE]\" />\n      }\n    />\n  );\n  const voiceButton = (\n    <IconButton\n      className={classNames(\"!biz-bg-bg-white\")}\n      onClick={(e) => {\n        setIsVoiceInput(true);\n        e.stopPropagation();\n      }}\n      icon={<AudioOutlined className=\"biz-text-text-2 biz-h-10 biz-w-10 biz-text-[2.5rem]\" />}\n    />\n  );\n  const keyboardButton = (\n    <IconButton\n      className={classNames(\"!biz-bg-bg-white\")}\n      onClick={(e) => {\n        setIsVoiceInput(false);\n        e.stopPropagation();\n      }}\n      icon={<KeyboardOutlined className=\"biz-text-text-2 biz-h-10 biz-w-10 biz-text-[2.5rem]\" />}\n    />\n  );\n\n  const inputDom = (\n    <div\n      className={classNames(\n        \"biz-flex-center biz-h-[6rem] biz-rounded-3xl biz-pl-8 biz-pr-[0.875rem]\",\n        \"biz-border-one biz-bg-bg-white !biz-border-[0.125rem]\",\n        focused && \"!biz-border-primary-6\",\n      )}\n    >\n      <Input\n        ref={inputRef}\n        value={value}\n        placeholder={placeholder}\n        className={classNames(\n          \"biz-text-text-1 biz-flex biz-w-0 biz-flex-1 biz-resize-none biz-items-center biz-border-none biz-bg-transparent biz-text-[2rem]\",\n          \"!biz-p-0 biz-font-normal biz-leading-[3rem] !biz-bg-transparent !biz-shadow-none\",\n        )}\n        onChange={(_value) => {\n          onChange?.(_value);\n        }}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n      />\n      {/* 控制按钮 */}\n      <div className=\"biz-flex-center biz-h-[4.25rem] biz-w-[4.25rem] biz-rounded-2xl\">\n        {isAiAnswering ? stopButton : <>{value ? sendButton : voiceButton}</>}\n      </div>\n    </div>\n  );\n\n  const disableVoiceInput = isAiAnswering; // 允许录制时点击结束\n  const renderVoiceRecordDom = () => {\n    if (isRecording || recognizeStatus === \"translating\") {\n      return (\n        <div className=\"biz-w-full biz-px-8 biz-py-6\">\n          <div className=\"biz-flex-center biz-h-10\">\n            <VoiceAnimation\n              className=\"biz-h-[2.5rem] !biz-w-[26.25rem]\"\n              barClassName=\"!biz-bg-[#fff]\"\n            />\n          </div>\n        </div>\n      );\n    }\n    return <span className=\"!biz-select-none\">{`点击开始说话`}</span>;\n  };\n  const renderVoiceInputDom = () => {\n    if (showPreviewVoiceRecognizeRes) {\n      return (\n        <div className=\"voice-input-place-holder-dom biz-relative biz-h-[9.5rem] biz-w-full\"></div>\n      );\n    }\n    return (\n      <div\n        className={classNames(\n          \"biz-flex-center biz-relative biz-h-[6rem] biz-rounded-3xl biz-py-5\",\n          \"biz-border-one biz-bg-primary-1 !biz-select-none !biz-border-[0.125rem]\",\n        )}\n        onClick={toggleVoiceRecord}\n        onContextMenu={(e) => {\n          e.preventDefault();\n        }}\n      >\n        <div\n          className=\"biz-flex-center biz-text-primary-6 biz-w-full !biz-select-none biz-text-[2rem]\"\n          style={{\n            opacity: disableVoiceInput ? 0.5 : 1,\n          }}\n        >\n          {renderVoiceRecordDom()}\n        </div>\n        <div className=\"absolute left-0 top-0 z-10 h-full w-full bg-transparent\"></div>\n        {/* 控制按钮 */}\n        {!isRecording && (\n          <div className=\"biz-flex-center biz-absolute biz-right-[0.875rem] biz-top-[0.875rem] biz-z-20 biz-h-[4.25rem] biz-w-[4.25rem] biz-rounded-2xl\">\n            {isAiAnswering ? stopButton : keyboardButton}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const voiceRecognizeResDom = (\n    <div className=\"biz-absolute biz-z-10 biz-w-full biz-bg-transparent biz-left-0 biz-bottom-0\">\n      <div className=\"biz-flex biz-flex-col biz-gap-8\">\n        <div\n          className={classNames(\n            \"biz-text-[2rem] biz-leading-[4rem] biz-text-text-2\",\n            \"biz-w-full biz-flex biz-flex-center biz-gap-9\",\n          )}\n        >\n          <Button\n            className=\"biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem] !biz-bg-bg-1 !biz-text-white rp-[span]:!ml-0\"\n            icon={\n              <CloseCircleOutlined\n                className={classNames(\"biz-h-10 biz-w-10 biz-text-[2.5rem] biz-text-white\")}\n              />\n            }\n            onClick={() => {\n              setVoiceRecognizeRes(\"\");\n              setRecordStatus(\"init\");\n            }}\n          >\n            取消\n          </Button>\n          <Button\n            className=\"biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem] rp-[span]:!ml-0\"\n            type=\"primary\"\n            disabled={!voiceRecognizeRes}\n            icon={\n              <MouseOutlined\n                className={classNames(\n                  \"biz-h-10 biz-w-10 biz-text-[2.5rem] biz--scale-x-100 biz-scale-y-100 biz-text-inherit\",\n                )}\n              />\n            }\n            onClick={() => {\n              if (!voiceRecognizeRes) {\n                return;\n              }\n              setRecordStatus(\"init\");\n              handleSend(voiceRecognizeRes);\n            }}\n          >\n            发送\n          </Button>\n        </div>\n        <div className=\"voice-recognize-res-dom biz-w-full biz-pb-6 biz-px-8\">\n          <textarea\n            placeholder=\"未识别到内容\"\n            value={voiceRecognizeRes}\n            className={classNames(\n              \"biz-w-full biz-px-8 biz-py-7 biz-rounded-3xl biz-text-text-1 biz-text-[2rem]\",\n              \"biz-border-solid biz-border-[2px] biz-border-[rgba(58,137,254,0.1)]\",\n              \"biz-bg-[rgba(58,137,254,0.1)] biz-h-[8rem]\",\n            )}\n            onClick={(e) => e.stopPropagation()}\n            onChange={(e) => {\n              e.stopPropagation();\n              setVoiceRecognizeRes(e.target.value);\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div\n      className={classNames(\n        \"biz-w-full biz-px-8 biz-py-6 biz-relative biz-flex biz-flex-col biz-gap-6\",\n        className,\n      )}\n    >\n      {showPreviewVoiceRecognizeRes && voiceRecognizeResDom}\n\n      {showVoiceRecognizeHintInfo && (\n        <div\n          className={classNames(\n            \"biz-text-[2rem] biz-leading-[4rem] biz-text-text-2\",\n            \"biz-w-full biz-flex biz-flex-center\",\n          )}\n        >\n          正在聆听，点击结束\n        </div>\n      )}\n      {!showPreviewVoiceRecognizeRes && renderSomethingOnVoiceInput?.()}\n      {isVoiceInput ? renderVoiceInputDom() : inputDom}\n    </div>\n  );\n};\n\nexport const MobileVoiceInput = forwardRef(MobileVoiceInputCpn);\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/lib/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.es.js

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { ArcoMessage } from "@easyv/arco";
+import { message } from "@easyv/react-components";
 import useUnmount from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useUnmount/index.es.js";
 import { VoiceRecordManager } from "../../utils/voice-record-manager/voice-record-manager.es.js";
 import { getIsPrivateDeployEnv } from "../../utils/common/common.es.js";
@@ -13,7 +13,7 @@ const useTencentSentenceRecognition = (params) => {
     await voiceRecordManager.start().then(() => {
       setRecognizeStatus("listening");
     }).catch(() => {
-      ArcoMessage.error("录音启动失败");
+      message.error("录音启动失败");
       setRecognizeStatus("none");
     });
   };

package/dist/lib/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tencent-sentence-recognition.es.js","sources":["../../../../src/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { ArcoMessage } from \"@easyv/arco\";\nimport { useUnmount } from \"ahooks\";\nimport { getIsPrivateDeployEnv, VoiceRecordManager } from \"@/utils\";\n\nexport interface UseTencentSentenceRecognitionParams {\n  onAsrResult?: (value: string) => void;\n  getSentenceRecognizeRes: (data: Blob) => Promise<string>;\n}\nexport const useTencentSentenceRecognition = (params: UseTencentSentenceRecognitionParams) => {\n  const { onAsrResult, getSentenceRecognizeRes } = params;\n  const [voiceRecordManager] = useState(new VoiceRecordManager());\n  const [recognizeStatus, setRecognizeStatus] = useState<\"none\" | \"listening\" | \"translating\">(\n    \"none\",\n  );\n\n  const startOneRecordFn = async () => {\n    await voiceRecordManager\n      .start()\n      .then(() => {\n        setRecognizeStatus(\"listening\");\n      })\n      .catch(() => {\n        ArcoMessage.error(\"录音启动失败\");\n        setRecognizeStatus(\"none\");\n      });\n  };\n\n  // 停止录音\n  const stopOneRecordFn: (needRequest?: boolean) => Promise<string | void> = async (\n    needRequest = true,\n  ) => {\n    try {\n      if (getIsPrivateDeployEnv()) {\n        setRecognizeStatus(\"none\");\n        return;\n      }\n      const wavBlob = await voiceRecordManager.stop();\n      if (!wavBlob) {\n        setRecognizeStatus(\"none\");\n        return;\n      }\n      setRecognizeStatus(\"translating\");\n      if (needRequest) {\n        const res = await getSentenceRecognizeRes(wavBlob);\n        onAsrResult?.(res);\n      }\n    } catch (error) {\n      console.log(\"停止录音失败:\", error);\n    } finally {\n      setRecognizeStatus(\"none\");\n    }\n  };\n\n  useUnmount(() => {\n    voiceRecordManager.destroy();\n  });\n\n  return {\n    recognizeStatus,\n    startVoiceRecord: startOneRecordFn,\n    stopVoiceRecord: stopOneRecordFn,\n  };\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,gCAAgC,CAAC,WAAgD;AACtF,QAAA,EAAE,aAAa,wBAAA,IAA4B;AACjD,QAAM,CAAC,kBAAkB,IAAI,SAAS,IAAI,oBAAoB;AACxD,QAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,QAAM,mBAAmB,YAAY;AACnC,UAAM,mBACH,QACA,KAAK,MAAM;AACV,yBAAmB,WAAW;AAAA,IAAA,CAC/B,EACA,MAAM,MAAM;AACX,kBAAY,MAAM,QAAQ;AAC1B,yBAAmB,MAAM;AAAA,IAAA,CAC1B;AAAA,EACL;AAGM,QAAA,kBAAqE,OACzE,cAAc,SACX;AACC,QAAA;AACF,UAAI,yBAAyB;AAC3B,2BAAmB,MAAM;AACzB;AAAA,MAAA;AAEI,YAAA,UAAU,MAAM,mBAAmB,KAAK;AAC9C,UAAI,CAAC,SAAS;AACZ,2BAAmB,MAAM;AACzB;AAAA,MAAA;AAEF,yBAAmB,aAAa;AAChC,UAAI,aAAa;AACT,cAAA,MAAM,MAAM,wBAAwB,OAAO;AACjD,mDAAc;AAAA,MAAG;AAAA,aAEZ,OAAO;AACN,cAAA,IAAI,WAAW,KAAK;AAAA,IAAA,UAC5B;AACA,yBAAmB,MAAM;AAAA,IAAA;AAAA,EAE7B;AAEA,aAAW,MAAM;AACf,uBAAmB,QAAQ;AAAA,EAAA,CAC5B;AAEM,SAAA;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACnB;AACF;"}
+{"version":3,"file":"use-tencent-sentence-recognition.es.js","sources":["../../../../src/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { message } from \"@easyv/react-components\";\nimport { useUnmount } from \"ahooks\";\nimport { getIsPrivateDeployEnv, VoiceRecordManager } from \"@/utils\";\n\nexport interface UseTencentSentenceRecognitionParams {\n  onAsrResult?: (value: string) => void;\n  getSentenceRecognizeRes: (data: Blob) => Promise<string>;\n}\nexport const useTencentSentenceRecognition = (params: UseTencentSentenceRecognitionParams) => {\n  const { onAsrResult, getSentenceRecognizeRes } = params;\n  const [voiceRecordManager] = useState(new VoiceRecordManager());\n  const [recognizeStatus, setRecognizeStatus] = useState<\"none\" | \"listening\" | \"translating\">(\n    \"none\",\n  );\n\n  const startOneRecordFn = async () => {\n    await voiceRecordManager\n      .start()\n      .then(() => {\n        setRecognizeStatus(\"listening\");\n      })\n      .catch(() => {\n        message.error(\"录音启动失败\");\n        setRecognizeStatus(\"none\");\n      });\n  };\n\n  // 停止录音\n  const stopOneRecordFn: (needRequest?: boolean) => Promise<string | void> = async (\n    needRequest = true,\n  ) => {\n    try {\n      if (getIsPrivateDeployEnv()) {\n        setRecognizeStatus(\"none\");\n        return;\n      }\n      const wavBlob = await voiceRecordManager.stop();\n      if (!wavBlob) {\n        setRecognizeStatus(\"none\");\n        return;\n      }\n      setRecognizeStatus(\"translating\");\n      if (needRequest) {\n        const res = await getSentenceRecognizeRes(wavBlob);\n        onAsrResult?.(res);\n      }\n    } catch (error) {\n      console.log(\"停止录音失败:\", error);\n    } finally {\n      setRecognizeStatus(\"none\");\n    }\n  };\n\n  useUnmount(() => {\n    voiceRecordManager.destroy();\n  });\n\n  return {\n    recognizeStatus,\n    startVoiceRecord: startOneRecordFn,\n    stopVoiceRecord: stopOneRecordFn,\n  };\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,gCAAgC,CAAC,WAAgD;AACtF,QAAA,EAAE,aAAa,wBAAA,IAA4B;AACjD,QAAM,CAAC,kBAAkB,IAAI,SAAS,IAAI,oBAAoB;AACxD,QAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,QAAM,mBAAmB,YAAY;AACnC,UAAM,mBACH,QACA,KAAK,MAAM;AACV,yBAAmB,WAAW;AAAA,IAAA,CAC/B,EACA,MAAM,MAAM;AACX,cAAQ,MAAM,QAAQ;AACtB,yBAAmB,MAAM;AAAA,IAAA,CAC1B;AAAA,EACL;AAGM,QAAA,kBAAqE,OACzE,cAAc,SACX;AACC,QAAA;AACF,UAAI,yBAAyB;AAC3B,2BAAmB,MAAM;AACzB;AAAA,MAAA;AAEI,YAAA,UAAU,MAAM,mBAAmB,KAAK;AAC9C,UAAI,CAAC,SAAS;AACZ,2BAAmB,MAAM;AACzB;AAAA,MAAA;AAEF,yBAAmB,aAAa;AAChC,UAAI,aAAa;AACT,cAAA,MAAM,MAAM,wBAAwB,OAAO;AACjD,mDAAc;AAAA,MAAG;AAAA,aAEZ,OAAO;AACN,cAAA,IAAI,WAAW,KAAK;AAAA,IAAA,UAC5B;AACA,yBAAmB,MAAM;AAAA,IAAA;AAAA,EAE7B;AAEA,aAAW,MAAM;AACf,uBAAmB,QAAQ;AAAA,EAAA,CAC5B;AAEM,SAAA;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACnB;AACF;"}

package/dist/lib/index.d.ts

@@ -1 +1,4 @@
-export * from './easyv-biz-components/src/index'
+export * from './components';
+export * from './hooks';
+export * from './utils';
+export * from './types';