@easyv/biz-components 1.0.29 → 2.1.0

package/dist/lib/components/ai-components/ai-message-render/utils.es.js

@@ -0,0 +1,146 @@
+import dayjs from "../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.es.js";
+import isNil from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isNil.es.js";
+import { AiAgentMessageType } from "../../../utils/ai-agent-message-manager/constants.es.js";
+function generateDefaultAiMsg(id) {
+  return {
+    id,
+    contents: [],
+    role: "ai",
+    createTime: dayjs().toString(),
+    createTimeStamp: dayjs().unix()
+  };
+}
+function generateAiChatMessageFromSocketMessage(data) {
+  const { socketMsgList, currMsgId, onError } = data;
+  let aiMsg;
+  let userMsg;
+  let oneQaMsg = "";
+  function setDefaultAiMsg() {
+    if (!aiMsg) {
+      aiMsg = generateDefaultAiMsg(currMsgId);
+    }
+  }
+  socketMsgList.forEach((msg) => {
+    setDefaultAiMsg();
+    switch (msg.type) {
+      case AiAgentMessageType.ERROR: {
+        onError == null ? void 0 : onError(msg);
+        setDefaultAiMsg();
+        if (aiMsg) {
+          aiMsg.contents.push({ text: msg.content ?? "" });
+          aiMsg.aiAgentStepStatus = "end";
+        }
+        break;
+      }
+      case AiAgentMessageType.CONVERSION_START: {
+        setDefaultAiMsg();
+        if (aiMsg) {
+          aiMsg.aiAgentStepStatus = "start";
+        }
+        break;
+      }
+      case AiAgentMessageType.QUESTION: {
+        const userMsgInner = {
+          id: currMsgId,
+          contents: [{ text: msg.content ?? "" }],
+          role: "user",
+          createTime: dayjs().toString(),
+          createTimeStamp: dayjs().unix()
+        };
+        userMsg = userMsgInner;
+        setDefaultAiMsg();
+        break;
+      }
+      case AiAgentMessageType.TEXT: {
+        setDefaultAiMsg();
+        oneQaMsg += msg.content ?? "";
+        if (aiMsg) {
+          const targetIndex = aiMsg.contents.findIndex((i) => i.text);
+          if (targetIndex === -1) {
+            aiMsg.contents.push({ text: oneQaMsg });
+          } else {
+            aiMsg.contents[targetIndex].text = oneQaMsg;
+          }
+        }
+        break;
+      }
+      case AiAgentMessageType.EXECUTION_STEP: {
+        if (msg.dashboardPlaceholder) {
+          aiMsg == null ? void 0 : aiMsg.contents.push({ chartPlaceHolderNumber: msg.dashboardPlaceholder ?? 0 });
+        }
+        break;
+      }
+      case AiAgentMessageType.DASHBOARD: {
+        setDefaultAiMsg();
+        const msgItem = {};
+        if (msg.plotContext) {
+          msgItem.plotContext = msg.plotContext;
+        }
+        if (msg.echartsContext) {
+          msgItem.echartsContext = msg.echartsContext;
+        }
+        if (msg.content) {
+          msgItem.markdownChatString = msg.content;
+        }
+        aiMsg == null ? void 0 : aiMsg.contents.push(msgItem);
+        const dashboardPlaceholderIndex = aiMsg == null ? void 0 : aiMsg.contents.findIndex(
+          (i) => i.chartPlaceHolderNumber
+        );
+        if (!isNil(dashboardPlaceholderIndex) && dashboardPlaceholderIndex !== -1) {
+          aiMsg == null ? void 0 : aiMsg.contents.splice(dashboardPlaceholderIndex, 1);
+        }
+        break;
+      }
+      case AiAgentMessageType.CONVERSION_END: {
+        if (aiMsg) {
+          aiMsg.contents = (aiMsg == null ? void 0 : aiMsg.contents.filter((i) => isNil(i.chartPlaceHolderNumber))) || [];
+          aiMsg.aiAgentStepStatus = "end";
+        }
+        break;
+      }
+    }
+  });
+  return { aiMsg, userMsg };
+}
+function generateAiChatMessageFromAiChatDetail(chatDetail) {
+  if (chatDetail.length === 0) {
+    return [];
+  }
+  const resList = [];
+  chatDetail.forEach((item) => {
+    const { id, question, response } = item;
+    if (question) {
+      const userMsg = {
+        id,
+        contents: [{ text: question }],
+        role: "user",
+        createTime: item.createdAt
+      };
+      resList.push(userMsg);
+    }
+    if (response) {
+      const aiMsg = {
+        id,
+        contents: response.map((i) => {
+          if (i.content) {
+            return { text: i.content };
+          }
+          return {
+            plotContext: i.plotContext,
+            echartsContext: i.echartsContext
+          };
+        }),
+        role: "ai",
+        createTime: item.createdAt
+      };
+      resList.push(aiMsg);
+    }
+  });
+  return resList;
+}
+export {
+  generateAiChatMessageFromAiChatDetail,
+  generateAiChatMessageFromSocketMessage,
+  generateDefaultAiMsg
+};
+//# sourceMappingURL=utils.es.js.map

package/dist/lib/components/ai-components/ai-message-render/utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.es.js","sources":["../../../../../src/components/ai-components/ai-message-render/utils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { isNil } from \"lodash-es\";\nimport { AiAgentMessageType, AiAgentSocketMessagePayload } from \"@/utils/ai-agent-message-manager\";\nimport { AiChatMessageItem, AiMessageContentItem } from \"./types\";\n\nexport function generateDefaultAiMsg(id: string): AiChatMessageItem {\n  return {\n    id,\n    contents: [],\n    role: \"ai\",\n    createTime: dayjs().toString(),\n    createTimeStamp: dayjs().unix(),\n  };\n}\nexport function generateAiChatMessageFromSocketMessage(data: {\n  socketMsgList: AiAgentSocketMessagePayload[];\n  onError?: (msg: AiAgentSocketMessagePayload) => void;\n  currMsgId: string;\n}) {\n  const { socketMsgList, currMsgId, onError } = data;\n  let aiMsg: AiChatMessageItem | undefined;\n  let userMsg: AiChatMessageItem | undefined;\n  let oneQaMsg = \"\";\n  function setDefaultAiMsg() {\n    if (!aiMsg) {\n      aiMsg = generateDefaultAiMsg(currMsgId);\n    }\n  }\n  socketMsgList.forEach((msg) => {\n    setDefaultAiMsg();\n    switch (msg.type) {\n      case AiAgentMessageType.ERROR: {\n        onError?.(msg);\n        setDefaultAiMsg();\n        if (aiMsg) {\n          aiMsg.contents.push({ text: (msg.content as string) ?? \"\" });\n          aiMsg.aiAgentStepStatus = \"end\";\n        }\n        break;\n      }\n      case AiAgentMessageType.CONVERSION_START: {\n        setDefaultAiMsg();\n        if (aiMsg) {\n          aiMsg.aiAgentStepStatus = \"start\";\n        }\n        break;\n      }\n      case AiAgentMessageType.QUESTION: {\n        const userMsgInner: AiChatMessageItem = {\n          id: currMsgId,\n          contents: [{ text: (msg.content as string) ?? \"\" }],\n          role: \"user\",\n          createTime: dayjs().toString(),\n          createTimeStamp: dayjs().unix(),\n        };\n        userMsg = userMsgInner;\n        setDefaultAiMsg();\n        break;\n      }\n      case AiAgentMessageType.TEXT: {\n        setDefaultAiMsg();\n        oneQaMsg += (msg.content ?? \"\") as string;\n        if (aiMsg) {\n          const targetIndex = aiMsg.contents.findIndex((i) => i.text);\n          if (targetIndex === -1) {\n            aiMsg.contents.push({ text: oneQaMsg });\n          } else {\n            aiMsg.contents[targetIndex].text = oneQaMsg;\n          }\n        }\n        break;\n      }\n      case AiAgentMessageType.EXECUTION_STEP: {\n        if (msg.dashboardPlaceholder) {\n          aiMsg?.contents.push({ chartPlaceHolderNumber: msg.dashboardPlaceholder ?? 0 });\n        }\n        break;\n      }\n      case AiAgentMessageType.DASHBOARD: {\n        setDefaultAiMsg();\n        const msgItem: AiMessageContentItem = {};\n        if (msg.plotContext) {\n          msgItem.plotContext = msg.plotContext;\n        }\n        if (msg.echartsContext) {\n          msgItem.echartsContext = msg.echartsContext;\n        }\n        if (msg.content) {\n          msgItem.markdownChatString = msg.content as string;\n        }\n        aiMsg?.contents.push(msgItem);\n        // 删除一个图表占位符\n        const dashboardPlaceholderIndex = aiMsg?.contents.findIndex(\n          (i) => i.chartPlaceHolderNumber,\n        );\n        if (!isNil(dashboardPlaceholderIndex) && dashboardPlaceholderIndex !== -1) {\n          aiMsg?.contents.splice(dashboardPlaceholderIndex, 1);\n        }\n        break;\n      }\n      case AiAgentMessageType.CONVERSION_END: {\n        // 删除所有图表占位符\n        if (aiMsg) {\n          aiMsg.contents = aiMsg?.contents.filter((i) => isNil(i.chartPlaceHolderNumber)) || [];\n          aiMsg.aiAgentStepStatus = \"end\";\n        }\n        break;\n      }\n      default: {\n        break;\n      }\n    }\n  });\n  return { aiMsg, userMsg };\n}\n\nexport type AiChatResponseItem = Omit<AiMessageContentItem, \"text\"> & { content?: string };\ninterface AiChatDetailResItem {\n  id: string;\n  sessionId: string;\n  question: string;\n  response: AiChatResponseItem[];\n  createdAt?: string;\n  updatedAt?: string;\n}\nexport function generateAiChatMessageFromAiChatDetail(\n  chatDetail: AiChatDetailResItem[],\n): AiChatMessageItem[] {\n  if (chatDetail.length === 0) {\n    return [];\n  }\n  const resList: AiChatMessageItem[] = [];\n  chatDetail.forEach((item) => {\n    const { id, question, response } = item;\n    if (question) {\n      const userMsg: AiChatMessageItem = {\n        id,\n        contents: [{ text: question }],\n        role: \"user\",\n        createTime: item.createdAt,\n      };\n      resList.push(userMsg);\n    }\n    if (response) {\n      const aiMsg: AiChatMessageItem = {\n        id,\n        contents: response.map((i) => {\n          if (i.content) {\n            return { text: i.content };\n          }\n          return {\n            plotContext: i.plotContext,\n            echartsContext: i.echartsContext,\n          };\n        }),\n        role: \"ai\",\n        createTime: item.createdAt,\n      };\n      resList.push(aiMsg);\n    }\n  });\n  return resList;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+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 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,
+    {
+      className: classNames(
+        "!biz-bg-bg-white biz-h-[4.25rem] biz-w-[4.25rem]",
+        "biz-flex biz-flex-center biz-rounded-2xl biz-border-none",
+        className
+      ),
+      icon,
+      onClick
+    }
+  );
+};
+export {
+  IconButton
+};
+//# sourceMappingURL=icon-button.es.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,301 @@
+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 { 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";
+import { IconButton } from "./icon-button.es.js";
+import { useTencentSentenceRecognition } from "../../../hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.es.js";
+import { VoiceAnimation } from "../../voice-animation/voice-animation.es.js";
+import { getIsPrivateDeployEnv } from "../../../utils/common/common.es.js";
+const MobileVoiceInputCpn = (props, ref) => {
+  const {
+    className = "",
+    isAiAnswering,
+    onClickStartRecord,
+    onClickStopRecord,
+    onSend,
+    onStop,
+    value,
+    onChange,
+    getSentenceRecognizeRes,
+    renderSomethingOnVoiceInput
+  } = props;
+  const [voiceRecognizeRes, setVoiceRecognizeRes] = useState("");
+  const [isVoiceInput, setIsVoiceInput] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const [recordStatus, setRecordStatus] = useState("init");
+  const isRecording = recordStatus === "recording";
+  const startRecordTimeRef = useRef(0);
+  const inputRef = useRef(null);
+  const showPreviewVoiceRecognizeRes = isVoiceInput && !isAiAnswering && recordStatus === "afterRecord";
+  const showVoiceRecognizeHintInfo = isVoiceInput && !isAiAnswering && isRecording;
+  const { startVoiceRecord, stopVoiceRecord, recognizeStatus } = useTencentSentenceRecognition({
+    getSentenceRecognizeRes,
+    onAsrResult: (result) => {
+      if (!getIsPrivateDeployEnv()) {
+        setVoiceRecognizeRes(result);
+      }
+    }
+  });
+  useImperativeHandle(ref, () => ({
+    setVoiceRecognizeRes
+  }));
+  const toggleVoiceRecord = useMemoizedFn(() => {
+    if (isAiAnswering || showPreviewVoiceRecognizeRes) {
+      return;
+    }
+    if (!isRecording) {
+      setRecordStatus("recording");
+      onClickStartRecord == null ? void 0 : onClickStartRecord();
+      startVoiceRecord();
+      startRecordTimeRef.current = Date.now();
+    } else {
+      setRecordStatus("afterRecord");
+      onClickStopRecord == null ? void 0 : onClickStopRecord();
+      let needRequestAsr = true;
+      const recordTime = Date.now() - startRecordTimeRef.current;
+      if (recordTime < 500) {
+        setVoiceRecognizeRes("");
+        needRequestAsr = false;
+        ArcoMessage.error("录音时间过短");
+      }
+      if (recordTime > 59 * 1e3) {
+        setVoiceRecognizeRes("");
+        needRequestAsr = false;
+        ArcoMessage.error("录音时间最多支持一分钟");
+      }
+      stopVoiceRecord(needRequestAsr);
+    }
+  });
+  const handleSend = useMemoizedFn((_value) => {
+    setVoiceRecognizeRes("");
+    onChange == null ? void 0 : onChange("");
+    onSend == null ? void 0 : onSend(_value || value);
+  });
+  const placeholder = isAiAnswering ? "正在回答中..." : "问点什么";
+  const sendButton = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    IconButton,
+    {
+      className: classNames("!biz-bg-primary-6"),
+      onClick: () => {
+        handleSend();
+      },
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        MouseOutlined,
+        {
+          className: classNames(
+            "biz-h-10 biz-w-10 biz-text-[2.5rem] biz-text-white biz--scale-x-100 biz-scale-y-100"
+          )
+        }
+      )
+    }
+  );
+  const stopButton = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    IconButton,
+    {
+      className: classNames("biz-bg-primary-1"),
+      onClick: () => {
+        onStop == null ? void 0 : onStop();
+      },
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TerminationSquareOutlined, { className: "biz-h-10 biz-w-10 biz-text-[2.5rem] !biz-text-[#3A89FE]" })
+    }
+  );
+  const voiceButton = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    IconButton,
+    {
+      className: classNames("!biz-bg-bg-white"),
+      onClick: (e) => {
+        setIsVoiceInput(true);
+        e.stopPropagation();
+      },
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(AudioOutlined, { className: "biz-text-text-2 biz-h-10 biz-w-10 biz-text-[2.5rem]" })
+    }
+  );
+  const keyboardButton = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    IconButton,
+    {
+      className: classNames("!biz-bg-bg-white"),
+      onClick: (e) => {
+        setIsVoiceInput(false);
+        e.stopPropagation();
+      },
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyboardOutlined, { className: "biz-text-text-2 biz-h-10 biz-w-10 biz-text-[2.5rem]" })
+    }
+  );
+  const inputDom = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: classNames(
+        "biz-flex-center biz-h-[6rem] biz-rounded-3xl biz-pl-8 biz-pr-[0.875rem]",
+        "biz-border-one biz-bg-bg-white !biz-border-[0.125rem]",
+        focused && "!biz-border-primary-6"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ArcoInput,
+          {
+            ref: inputRef,
+            value,
+            placeholder,
+            className: classNames(
+              "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]",
+              "!biz-p-0 biz-font-normal biz-leading-[3rem] !biz-bg-transparent !biz-shadow-none"
+            ),
+            onChange: (_value) => {
+              onChange == null ? void 0 : onChange(_value);
+            },
+            onFocus: () => setFocused(true),
+            onBlur: () => setFocused(false)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex-center biz-h-[4.25rem] biz-w-[4.25rem] biz-rounded-2xl", children: isAiAnswering ? stopButton : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: value ? sendButton : voiceButton }) })
+      ]
+    }
+  );
+  const disableVoiceInput = isAiAnswering;
+  const renderVoiceRecordDom = () => {
+    if (isRecording || recognizeStatus === "translating") {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-w-full biz-px-8 biz-py-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex-center biz-h-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        VoiceAnimation,
+        {
+          className: "biz-h-[2.5rem] !biz-w-[26.25rem]",
+          barClassName: "!biz-bg-[#fff]"
+        }
+      ) }) });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "!biz-select-none", children: `点击开始说话` });
+  };
+  const renderVoiceInputDom = () => {
+    if (showPreviewVoiceRecognizeRes) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "voice-input-place-holder-dom biz-relative biz-h-[9.5rem] biz-w-full" });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: classNames(
+          "biz-flex-center biz-relative biz-h-[6rem] biz-rounded-3xl biz-py-5",
+          "biz-border-one biz-bg-primary-1 !biz-select-none !biz-border-[0.125rem]"
+        ),
+        onClick: toggleVoiceRecord,
+        onContextMenu: (e) => {
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "biz-flex-center biz-text-primary-6 biz-w-full !biz-select-none biz-text-[2rem]",
+              style: {
+                opacity: disableVoiceInput ? 0.5 : 1
+              },
+              children: renderVoiceRecordDom()
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 z-10 h-full w-full bg-transparent" }),
+          !isRecording && /* @__PURE__ */ jsxRuntimeExports.jsx("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", children: isAiAnswering ? stopButton : keyboardButton })
+        ]
+      }
+    );
+  };
+  const voiceRecognizeResDom = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-absolute biz-z-10 biz-w-full biz-bg-transparent biz-left-0 biz-bottom-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "biz-flex biz-flex-col biz-gap-8", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: classNames(
+          "biz-text-[2rem] biz-leading-[4rem] biz-text-text-2",
+          "biz-w-full biz-flex biz-flex-center biz-gap-9"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ArcoButton,
+            {
+              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",
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CloseCircleOutlined,
+                {
+                  className: classNames("biz-h-10 biz-w-10 biz-text-[2.5rem] biz-text-white")
+                }
+              ),
+              onClick: () => {
+                setVoiceRecognizeRes("");
+                setRecordStatus("init");
+              },
+              children: "取消"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ArcoButton,
+            {
+              className: "biz-rounded-2xl biz-gap-4 biz-h-[5rem] biz-px-8 biz-flex biz-flex-center biz-text-[2rem]",
+              type: "primary",
+              disabled: !voiceRecognizeRes,
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MouseOutlined,
+                {
+                  className: classNames(
+                    "biz-h-10 biz-w-10 biz-text-[2.5rem] biz--scale-x-100 biz-scale-y-100 biz-text-inherit"
+                  )
+                }
+              ),
+              onClick: () => {
+                if (!voiceRecognizeRes) {
+                  return;
+                }
+                setRecordStatus("init");
+                handleSend(voiceRecognizeRes);
+              },
+              children: "发送"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "voice-recognize-res-dom biz-w-full biz-pb-6 biz-px-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "textarea",
+      {
+        placeholder: "未识别到内容",
+        value: voiceRecognizeRes,
+        className: classNames(
+          "biz-w-full biz-px-8 biz-py-7 biz-rounded-3xl biz-text-text-1 biz-text-[2rem]",
+          "biz-border-solid biz-border-[2px] biz-border-[rgba(58,137,254,0.1)]",
+          "biz-bg-[rgba(58,137,254,0.1)] biz-h-[8rem]"
+        ),
+        onClick: (e) => e.stopPropagation(),
+        onChange: (e) => {
+          e.stopPropagation();
+          setVoiceRecognizeRes(e.target.value);
+        }
+      }
+    ) })
+  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: classNames(
+        "biz-w-full biz-px-8 biz-py-6 biz-relative biz-flex biz-flex-col biz-gap-6",
+        className
+      ),
+      children: [
+        showPreviewVoiceRecognizeRes && voiceRecognizeResDom,
+        showVoiceRecognizeHintInfo && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: classNames(
+              "biz-text-[2rem] biz-leading-[4rem] biz-text-text-2",
+              "biz-w-full biz-flex biz-flex-center"
+            ),
+            children: "正在聆听，点击结束"
+          }
+        ),
+        !showPreviewVoiceRecognizeRes && (renderSomethingOnVoiceInput == null ? void 0 : renderSomethingOnVoiceInput()),
+        isVoiceInput ? renderVoiceInputDom() : inputDom
+      ]
+    }
+  );
+};
+const MobileVoiceInput = forwardRef(MobileVoiceInputCpn);
+export {
+  MobileVoiceInput
+};
+//# sourceMappingURL=mobile-voice-input.es.js.map

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

@@ -0,0 +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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"}