@easyv/biz-components 1.0.30 → 2.1.1

package/dist/lib/components/shadow-dom/shadow-dom.es.js

@@ -2,7 +2,13 @@ import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/no
 import { useRef, useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 const ShadowDom = (props) => {
-  const { children, style, shadowRootDivClassName = "", rootFontSize = 16 } = props;
+  const {
+    children,
+    style,
+    shadowRootDivClassName = "",
+    rootFontSize = 16,
+    themeMode = "light"
+  } = props;
   const shadowRef = useRef(null);
   const [shadowContainer, setShadowContainer] = useState();
   useEffect(() => {
@@ -36,8 +42,9 @@ const ShadowDom = (props) => {
     if (shadowContainer) {
       shadowContainer.style.fontSize = `${rootFontSize}px`;
       shadowContainer.style.setProperty("--base-font", `${rootFontSize}px`);
+      shadowContainer.style.setProperty("--theme-mode", themeMode);
     }
-  }, [rootFontSize, shadowContainer]);
+  }, [rootFontSize, shadowContainer, themeMode]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     shadowContainer && createPortal(children, shadowContainer),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: shadowRef })

package/dist/lib/components/shadow-dom/shadow-dom.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow-dom.es.js","sources":["../../../../src/components/shadow-dom/shadow-dom.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface ShadowDomProps {\n  style: string;\n  shadowRootDivClassName?: string;\n  rootFontSize?: number;\n}\nexport const ShadowDom = (props: PropsWithChildren<ShadowDomProps>) => {\n  const { children, style, shadowRootDivClassName = '', rootFontSize = 16 } = props;\n  const shadowRef = useRef<HTMLDivElement>(null);\n  const [shadowContainer, setShadowContainer] = useState<HTMLDivElement>(); // shadowRef.current?.shadowRoot?.querySelector('[data-shadow-container]');\n\n  useEffect(() => {\n    if (shadowRef.current && !shadowRef.current.shadowRoot) {\n      const shadowRoot =\n        shadowRef.current.shadowRoot || shadowRef.current.attachShadow({ mode: 'open' });\n      shadowRoot.innerHTML = `\n        <style>${style}</style>\n        <div data-shadow-container class=\"${shadowRootDivClassName}\"></div>\n      `;\n\n      // 确保事件能正确传播到外层\n      shadowRoot.addEventListener(\n        'click',\n        (e) => {\n          // 将 Shadow DOM 内的点击事件重新分发到外层\n          const customEvent = new CustomEvent('shadowclick', {\n            bubbles: true,\n            detail: { originalEvent: e, target: e.target },\n          });\n          shadowRef.current?.dispatchEvent(customEvent);\n        },\n        true,\n      );\n\n      setTimeout(() => {\n        const shadowContainerInner = shadowRoot.querySelector(\n          '[data-shadow-container]',\n        ) as HTMLDivElement;\n        setShadowContainer(shadowContainerInner as HTMLDivElement);\n      }, 0);\n    }\n  }, [children, style, shadowRootDivClassName]);\n\n  useEffect(() => {\n    if (shadowContainer) {\n      shadowContainer.style.fontSize = `${rootFontSize}px`;\n      shadowContainer.style.setProperty('--base-font', `${rootFontSize}px`);\n    }\n  }, [rootFontSize, shadowContainer]);\n\n  return (\n    <>\n      {shadowContainer && createPortal(children, shadowContainer)}\n      <div ref={shadowRef} />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;AAQa,MAAA,YAAY,CAAC,UAA6C;AACrE,QAAM,EAAE,UAAU,OAAO,yBAAyB,IAAI,eAAe,OAAO;AACtE,QAAA,YAAY,OAAuB,IAAI;AAC7C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAyB;AAEvE,YAAU,MAAM;AACd,QAAI,UAAU,WAAW,CAAC,UAAU,QAAQ,YAAY;AAChD,YAAA,aACJ,UAAU,QAAQ,cAAc,UAAU,QAAQ,aAAa,EAAE,MAAM,QAAQ;AACjF,iBAAW,YAAY;AAAA,iBACZ,KAAK;AAAA,4CACsB,sBAAsB;AAAA;AAIjD,iBAAA;AAAA,QACT;AAAA,QACA,CAAC,MAAM;;AAEC,gBAAA,cAAc,IAAI,YAAY,eAAe;AAAA,YACjD,SAAS;AAAA,YACT,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,OAAO;AAAA,UAAA,CAC9C;AACS,0BAAA,YAAA,mBAAS,cAAc;AAAA,QACnC;AAAA,QACA;AAAA,MACF;AAEA,iBAAW,MAAM;AACf,cAAM,uBAAuB,WAAW;AAAA,UACtC;AAAA,QACF;AACA,2BAAmB,oBAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EAEL,GAAA,CAAC,UAAU,OAAO,sBAAsB,CAAC;AAE5C,YAAU,MAAM;AACd,QAAI,iBAAiB;AACH,sBAAA,MAAM,WAAW,GAAG,YAAY;AAChD,sBAAgB,MAAM,YAAY,eAAe,GAAG,YAAY,IAAI;AAAA,IAAA;AAAA,EACtE,GACC,CAAC,cAAc,eAAe,CAAC;AAElC,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAmB,mBAAA,aAAa,UAAU,eAAe;AAAA,IAC1DC,kCAAAA,IAAC,OAAI,EAAA,KAAK,UAAW,CAAA;AAAA,EAAA,GACvB;AAEJ;"}
+{"version":3,"file":"shadow-dom.es.js","sources":["../../../../src/components/shadow-dom/shadow-dom.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface ShadowDomProps {\n  style: string;\n  shadowRootDivClassName?: string;\n  rootFontSize?: number;\n  themeMode?: \"light\" | \"dark\";\n}\nexport const ShadowDom = (props: PropsWithChildren<ShadowDomProps>) => {\n  const {\n    children,\n    style,\n    shadowRootDivClassName = \"\",\n    rootFontSize = 16,\n    themeMode = \"light\",\n  } = props;\n  const shadowRef = useRef<HTMLDivElement>(null);\n  const [shadowContainer, setShadowContainer] = useState<HTMLDivElement>(); // shadowRef.current?.shadowRoot?.querySelector('[data-shadow-container]');\n\n  useEffect(() => {\n    if (shadowRef.current && !shadowRef.current.shadowRoot) {\n      const shadowRoot =\n        shadowRef.current.shadowRoot || shadowRef.current.attachShadow({ mode: \"open\" });\n      shadowRoot.innerHTML = `\n        <style>${style}</style>\n        <div data-shadow-container class=\"${shadowRootDivClassName}\"></div>\n      `;\n\n      // 确保事件能正确传播到外层\n      shadowRoot.addEventListener(\n        \"click\",\n        (e) => {\n          // 将 Shadow DOM 内的点击事件重新分发到外层\n          const customEvent = new CustomEvent(\"shadowclick\", {\n            bubbles: true,\n            detail: { originalEvent: e, target: e.target },\n          });\n          shadowRef.current?.dispatchEvent(customEvent);\n        },\n        true,\n      );\n\n      setTimeout(() => {\n        const shadowContainerInner = shadowRoot.querySelector(\n          \"[data-shadow-container]\",\n        ) as HTMLDivElement;\n        setShadowContainer(shadowContainerInner as HTMLDivElement);\n      }, 0);\n    }\n  }, [children, style, shadowRootDivClassName]);\n\n  useEffect(() => {\n    if (shadowContainer) {\n      shadowContainer.style.fontSize = `${rootFontSize}px`;\n      shadowContainer.style.setProperty(\"--base-font\", `${rootFontSize}px`);\n      shadowContainer.style.setProperty(\"--theme-mode\", themeMode);\n    }\n  }, [rootFontSize, shadowContainer, themeMode]);\n\n  return (\n    <>\n      {shadowContainer && createPortal(children, shadowContainer)}\n      <div ref={shadowRef} />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;AASa,MAAA,YAAY,CAAC,UAA6C;AAC/D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,yBAAyB;AAAA,IACzB,eAAe;AAAA,IACf,YAAY;AAAA,EAAA,IACV;AACE,QAAA,YAAY,OAAuB,IAAI;AAC7C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAyB;AAEvE,YAAU,MAAM;AACd,QAAI,UAAU,WAAW,CAAC,UAAU,QAAQ,YAAY;AAChD,YAAA,aACJ,UAAU,QAAQ,cAAc,UAAU,QAAQ,aAAa,EAAE,MAAM,QAAQ;AACjF,iBAAW,YAAY;AAAA,iBACZ,KAAK;AAAA,4CACsB,sBAAsB;AAAA;AAIjD,iBAAA;AAAA,QACT;AAAA,QACA,CAAC,MAAM;;AAEC,gBAAA,cAAc,IAAI,YAAY,eAAe;AAAA,YACjD,SAAS;AAAA,YACT,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,OAAO;AAAA,UAAA,CAC9C;AACS,0BAAA,YAAA,mBAAS,cAAc;AAAA,QACnC;AAAA,QACA;AAAA,MACF;AAEA,iBAAW,MAAM;AACf,cAAM,uBAAuB,WAAW;AAAA,UACtC;AAAA,QACF;AACA,2BAAmB,oBAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EAEL,GAAA,CAAC,UAAU,OAAO,sBAAsB,CAAC;AAE5C,YAAU,MAAM;AACd,QAAI,iBAAiB;AACH,sBAAA,MAAM,WAAW,GAAG,YAAY;AAChD,sBAAgB,MAAM,YAAY,eAAe,GAAG,YAAY,IAAI;AACpD,sBAAA,MAAM,YAAY,gBAAgB,SAAS;AAAA,IAAA;AAAA,EAE5D,GAAA,CAAC,cAAc,iBAAiB,SAAS,CAAC;AAE7C,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAmB,mBAAA,aAAa,UAAU,eAAe;AAAA,IAC1DC,kCAAAA,IAAC,OAAI,EAAA,KAAK,UAAW,CAAA;AAAA,EAAA,GACvB;AAEJ;"}

package/dist/lib/components/voice-animation/voice-animation.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"voice-animation.es.js","sources":["../../../../src/components/voice-animation/voice-animation.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport './index.css';\nimport { HTMLProps, useState } from 'react';\n\nexport interface VoiceAnimationProps\n  extends Omit<HTMLProps<HTMLDivElement>, 'dangerouslySetInnerHTML'> {\n  className?: string;\n  barNumber?: number;\n  barClassName?: string;\n  playStatus?: 'paused' | 'running';\n  barAnimationDelayList?: number[];\n}\n\nconst defaultAnimationDelayList = [0.4, 1.2, 0.8, 1.4, 0.8, 0.4, 1.4, 0.4, 1.4, 0.8, 0.4, 1.6];\n\n/**\n * 语音动画。\n * - 单条动画时长 1.6 s，故 animationDelay 配置为 0 和 1.6 时最长，0.8 时，bar 最短\n */\nexport const VoiceAnimation = (props: VoiceAnimationProps) => {\n  const {\n    className = '',\n    barNumber = 22,\n    barClassName = '',\n    playStatus,\n    barAnimationDelayList = defaultAnimationDelayList,\n    ...rest\n  } = props;\n\n  const [animationDelayList] = useState(barAnimationDelayList);\n\n  return (\n    <div\n      className={classNames(\n        'voice-animation biz-flex biz-justify-between biz-items-center biz-w-full biz-h-full',\n        className,\n      )}\n      {...rest}\n    >\n      {new Array(barNumber).fill(0).map((_, index) => {\n        return (\n          <div\n            key={index}\n            className={classNames(\n              'wave-bar biz-h-full biz-rounded-full biz-w-[0.4rem] biz-bg-[#000]',\n              {\n                paused: playStatus === 'paused',\n              },\n              barClassName,\n            )}\n            style={{\n              animationDelay: `-${animationDelayList[index % animationDelayList.length]}s`,\n            }}\n          ></div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;AAaA,MAAM,4BAA4B,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAMhF,MAAA,iBAAiB,CAAC,UAA+B;AACtD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,CAAC,kBAAkB,IAAI,SAAS,qBAAqB;AAGzD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAE5C,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,QAAQ,eAAe;AAAA,cACzB;AAAA,cACA;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,gBAAgB,IAAI,mBAAmB,QAAQ,mBAAmB,MAAM,CAAC;AAAA,YAAA;AAAA,UAC3E;AAAA,UAVK;AAAA,QAWN;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"voice-animation.es.js","sources":["../../../../src/components/voice-animation/voice-animation.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport \"./index.css\";\nimport { HTMLProps, useState } from \"react\";\n\nexport interface VoiceAnimationProps\n  extends Omit<HTMLProps<HTMLDivElement>, \"dangerouslySetInnerHTML\"> {\n  className?: string;\n  barNumber?: number;\n  barClassName?: string;\n  playStatus?: \"paused\" | \"running\";\n  barAnimationDelayList?: number[];\n}\n\nconst defaultAnimationDelayList = [0.4, 1.2, 0.8, 1.4, 0.8, 0.4, 1.4, 0.4, 1.4, 0.8, 0.4, 1.6];\n\n/**\n * 语音动画。\n * - 单条动画时长 1.6 s，故 animationDelay 配置为 0 和 1.6 时最长，0.8 时，bar 最短\n */\nexport const VoiceAnimation = (props: VoiceAnimationProps) => {\n  const {\n    className = \"\",\n    barNumber = 22,\n    barClassName = \"\",\n    playStatus,\n    barAnimationDelayList = defaultAnimationDelayList,\n    ...rest\n  } = props;\n\n  const [animationDelayList] = useState(barAnimationDelayList);\n\n  return (\n    <div\n      className={classNames(\n        \"voice-animation biz-flex biz-justify-between biz-items-center biz-w-full biz-h-full\",\n        className,\n      )}\n      {...rest}\n    >\n      {new Array(barNumber).fill(0).map((_, index) => {\n        return (\n          <div\n            key={index}\n            className={classNames(\n              \"wave-bar biz-h-full biz-rounded-full biz-w-[0.4rem] biz-bg-[#000]\",\n              {\n                paused: playStatus === \"paused\",\n              },\n              barClassName,\n            )}\n            style={{\n              animationDelay: `-${animationDelayList[index % animationDelayList.length]}s`,\n            }}\n          ></div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;AAaA,MAAM,4BAA4B,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAMhF,MAAA,iBAAiB,CAAC,UAA+B;AACtD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,CAAC,kBAAkB,IAAI,SAAS,qBAAqB;AAGzD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAE5C,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,QAAQ,eAAe;AAAA,cACzB;AAAA,cACA;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,gBAAgB,IAAI,mBAAmB,QAAQ,mBAAmB,MAAM,CAAC;AAAA,YAAA;AAAA,UAC3E;AAAA,UAVK;AAAA,QAWN;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/lib/easyv-biz-components/src/components/{ai-message-render → ai-components/ai-message-render}/ai-message-render.d.ts

@@ -22,5 +22,13 @@ export interface AiMessageRenderProps {
     imgClassName?: string;
     /** 是否启用图片预览 @default true */
     useImgPreview?: boolean;
+    showPreviewImg?: (imgInfo: PreviewImgInfo) => void;
+    /** 主题模式 @default dark */
+    themeMode?: "light" | "dark";
+}
+interface PreviewImgInfo {
+    src: string;
+    alt?: string;
 }
 export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;
+export {};

package/dist/{components → lib/easyv-biz-components/src/components/ai-components}/ai-message-render/index.d.ts

@@ -1,4 +1,4 @@
 export { AiMessageRender } from './ai-message-render';
 export * from './types';
 export * from './utils';
-export * from './constants';
+export * from './render-utils';

package/dist/lib/easyv-biz-components/src/components/ai-components/ai-message-render/render-utils.d.ts

@@ -0,0 +1,39 @@
+import { EasyvPlot, EchartsPlot } from './types';
+import type * as EchartsType from "echarts";
+interface RenderEasyvChartsParams {
+    plotContext: EasyvPlot;
+    EasyVComponentRenderer: React.FC<{
+        data: unknown[];
+        moduleName: string;
+        version: string;
+        width: number;
+        height: number;
+        config: object;
+    }>;
+    height: number;
+    width: number;
+    wrapperClass?: string;
+    showPreviewIcon?: boolean;
+    onClickPreview?: () => void;
+}
+export declare const renderEasyvCharts: (params: RenderEasyvChartsParams) => JSX.Element | null;
+interface RenderEchartsParams {
+    plotContext: EchartsPlot;
+    echarts: typeof EchartsType;
+    height: number;
+    width: number;
+    /** 图表主题模式，暂时废弃 */
+    themeMode?: "light" | "dark";
+    wrapperClass?: string;
+    showPreviewIcon?: boolean;
+    onClickPreview?: () => void;
+}
+export declare const renderEcharts: (params: RenderEchartsParams) => JSX.Element | null;
+export declare const renderChartPlaceHolderDom: (params: {
+    count: number;
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number;
+    height?: number;
+}) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/{ai-message-render → ai-components/ai-message-render}/types.d.ts

@@ -30,7 +30,7 @@ export interface AiChatMessageItem {
     /** 消息 id， 同一次对话中 用户和ai的消息id一致 */
     id: string;
     /** 来自用户还是ai */
-    role: 'user' | 'ai';
+    role: "user" | "ai";
     contents: AiMessageContentItem[];
     /** 时间, 需要是能被 dayjs 解析的格式 */
     createTime?: string;
@@ -38,5 +38,5 @@ export interface AiChatMessageItem {
     createTimeStamp?: number;
     endTime?: string;
     showVoiceBtn?: boolean;
-    aiAgentStepStatus?: 'start' | 'error' | 'end';
+    aiAgentStepStatus?: "start" | "error" | "end";
 }

package/dist/lib/easyv-biz-components/src/components/{ai-message-render → ai-components/ai-message-render}/utils.d.ts

@@ -1,4 +1,4 @@
-import { AiAgentSocketMessagePayload } from '../../utils/ai-agent-message-manager';
+import { AiAgentSocketMessagePayload } from '../../../utils/ai-agent-message-manager';
 import { AiChatMessageItem, AiMessageContentItem } from './types';
 
 export declare function generateDefaultAiMsg(id: string): AiChatMessageItem;
@@ -10,7 +10,7 @@ export declare function generateAiChatMessageFromSocketMessage(data: {
     aiMsg: AiChatMessageItem | undefined;
     userMsg: AiChatMessageItem | undefined;
 };
-export type AiChatResponseItem = Omit<AiMessageContentItem, 'text'> & {
+export type AiChatResponseItem = Omit<AiMessageContentItem, "text"> & {
     content?: string;
 };
 interface AiChatDetailResItem {

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/icon-button.d.ts

@@ -0,0 +1,7 @@
+export interface IconButtonProps {
+    className?: string;
+    icon?: React.ReactNode;
+    onClick?: (e: Event) => void;
+}
+/** 输入框右侧的 图标控制按钮 */
+export declare const IconButton: (props: IconButtonProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/index.d.ts

@@ -0,0 +1 @@
+export * from './mobile-voice-input';

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/mobile-voice-input.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export interface MobileVoiceInputProps {
+    className?: string;
+    isAiAnswering?: boolean;
+    onClickStartRecord?: () => void;
+    onClickStopRecord?: () => void;
+    onSend?: (value?: string) => void;
+    onStop?: () => void;
+    value?: string;
+    onChange?: (value?: string) => void;
+    getSentenceRecognizeRes: (data: Blob) => Promise<string>;
+    /** 这个是本地语音识别管理器，用于在移动端识别语音。
+     * - workspace 和 screen 里的 class 不一样， 而且没有迁移到 biz-components 中 所以先写个 any。
+     * - workspace 里的 class 是 LocalMobileVoiceRecognitionManager ，screen 里的 class 是 LocalVoiceRecognitionManager
+     */
+    renderSomethingOnVoiceInput?: () => React.ReactNode;
+}
+export interface MobileVoiceInputRef {
+    setVoiceRecognizeRes: (value: string) => void;
+}
+export declare const MobileVoiceInput: React.ForwardRefExoticComponent<MobileVoiceInputProps & React.RefAttributes<MobileVoiceInputRef>>;

package/dist/lib/easyv-biz-components/src/components/ai-model-select/ai-model-select-panel.d.ts

@@ -1,4 +1,4 @@
-import { InputRef } from 'antd';
+import { InputRef } from '@easyv/antd';
 import { AiModel, AiModelServiceProvider } from './types';
 
 export interface AiModelSelectPanelProps {

package/dist/lib/easyv-biz-components/src/components/ai-model-select/iconBtn.d.ts

@@ -1,6 +1,6 @@
 import { default as React, HTMLProps } from 'react';
 
-export interface IconBtnProps extends Omit<HTMLProps<HTMLDivElement>, 'dangerouslySetInnerHTML'> {
+export interface IconBtnProps extends Omit<HTMLProps<HTMLDivElement>, "dangerouslySetInnerHTML"> {
     icon: React.ReactNode;
 }
 export declare const IconBtn: (props: IconBtnProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/circle-loading/circle-loading.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+
+interface CircleLoadingProps extends SVGProps<SVGSVGElement> {
+}
+export declare const CircleLoading: ({ className, ...restProps }: CircleLoadingProps) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/circle-loading/index.d.ts

@@ -0,0 +1 @@
+export * from './circle-loading';

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/code-mirror-editor.d.ts

@@ -1,14 +1,18 @@
 import { ComponentProps } from 'react';
 import { default as CodeMirror } from '@uiw/react-codemirror';
+import { CustomCompletionConfig } from './types';
 
 export interface CodeMirrorEditorProps extends ComponentProps<typeof CodeMirror> {
-    languageMode: 'javascript' | 'json' | 'sql';
+    languageMode: "javascript" | "json" | "sql";
     code: string;
     onChange: (v: string) => void;
     wrapperClassName?: string;
     wrapperStyle?: React.CSSProperties;
-    environment?: 'browser' | 'node';
+    environment?: "browser" | "node";
     placeholder?: string;
+    /** 是否显示左侧错误图标，默认为 false */
     showLintGutter?: boolean;
+    /** 自定义补全配置 */
+    customCompletions?: CustomCompletionConfig;
 }
 export declare const CodeMirrorEditor: (props: CodeMirrorEditorProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/constants.d.ts

@@ -1,3 +1,5 @@
+import { CustomCompletionItem } from './types';
+
 export declare const browserGlobals: {
     console: {
         assert: boolean;
@@ -112,11 +114,9 @@ export declare const nodeGlobals: {
         stringify: boolean;
     };
 };
-export declare const GLOBAL_OBJECT_COMPLETIONS: {
-    [key: string]: string[];
+export declare const globalCompletions: {
+    functions: CustomCompletionItem[];
 };
-export declare const JAVASCRIPT_KEYWORDS: string[];
-export declare const GLOBAL_OBJECT_NAMES: RegExp;
 export declare const ERROR_MESSAGES: {
     METHOD_NOT_EXIST: (objectName: string, propertyName: string) => string;
     UNUSED_VARIABLE: (varName: string) => string;

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/index.d.ts

@@ -1 +1,2 @@
 export * from './code-mirror-editor';
+export * from './types';

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/types.d.ts

@@ -0,0 +1,21 @@
+export type CompletionIconType = "class" | "constant" | "enum" | "function" | "interface" | "keyword" | "method" | "namespace" | "property" | "text" | "type" | "variable" | "api" | "database" | "file" | "folder" | "module" | "package" | "snippet" | "value" | "event" | "operator" | "reference" | "color" | "unit" | "constructor" | "field" | "struct" | "typeParameter" | "user" | "issue" | "customIcon1" | "customIcon2" | "customIcon3";
+export interface CustomCompletionItem {
+    /** 显示的标签 */
+    label: string;
+    /** 补全项类型，用于显示对应的图标 */
+    type: CompletionIconType;
+    /** 详细信息。 使用额外的 tooltip 展示 */
+    info?: string;
+    /** 额外描述。 跟在变量提示后面的 */
+    detail?: string;
+    /** 实际插入的文本，如果不提供则使用 label */
+    apply?: string;
+}
+export interface CustomCompletionConfig {
+    /** 自定义变量 */
+    variables?: CustomCompletionItem[];
+    /** 自定义函数 */
+    functions?: CustomCompletionItem[];
+    /** 自定义关键字 */
+    keywords?: CustomCompletionItem[];
+}

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/utils.d.ts

@@ -1,6 +1,19 @@
+import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
 import { Diagnostic } from '@codemirror/lint';
 import { EditorView } from '@codemirror/view';
+import { CustomCompletionConfig } from './types';
 
+/**
+ * 模糊匹配函数，支持非连续字符匹配
+ * 例如：输入 "usd" 可以匹配 "userData"
+ * @param input 用户输入的字符串
+ * @param target 目标字符串
+ * @returns 是否匹配以及匹配分数
+ */
+export declare const fuzzyMatch: (input: string, target: string) => {
+    matches: boolean;
+    score: number;
+};
 export declare const getGlobalDefinitions: (environment: "browser" | "node") => {
     console: {
         assert: boolean;
@@ -59,3 +72,4 @@ export declare const checkVariableUsageAndMethods: (ast: any, declaredVars: Map<
 export declare const checkUnusedVariables: (declaredVars: Map<string, VariableInfo>, view: EditorView) => Diagnostic[];
 export declare const handleSyntaxError: (error: any, view: EditorView) => Diagnostic[];
 export declare const lintJavaScriptCode: (code: string, environment: "browser" | "node", view: EditorView) => Diagnostic[];
+export declare const createCustomCompletionsSource: (customCompletions?: CustomCompletionConfig) => (context: CompletionContext) => CompletionResult | null;

package/dist/lib/easyv-biz-components/src/components/easyv-monaco-editor/types.d.ts

@@ -1,8 +1,8 @@
-import type * as monacoType from 'monaco-editor/esm/vs/editor/editor.api';
+import type * as monacoType from "monaco-editor/esm/vs/editor/editor.api";
 export interface EasyvMonacoEditorProps {
     className?: string;
     style?: React.CSSProperties;
-    languageMode: 'javascript' | 'json' | 'sql';
+    languageMode: "javascript" | "json" | "sql";
     code: string;
     onChange?: (v: string) => void;
     /** 定义 monaco-editor 的类型文件。如：

package/dist/lib/easyv-biz-components/src/components/easyv-reactgrid/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const menuLabelMap: {
+    copy: string;
+    cut: string;
+    paste: string;
+};

package/dist/lib/easyv-biz-components/src/components/easyv-reactgrid/easyv-react-grid.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { ReactGridProps } from '@silevis/reactgrid';
+
+export interface EasyvReactGridProps extends Omit<ReactGridProps, "columns" | "rows"> {
+    columns?: ReactGridProps["columns"];
+    rows?: ReactGridProps["rows"];
+    wrapClassName?: string;
+    wrapStyle?: React.CSSProperties;
+    data?: (string | number)[][];
+    onDataChange?: (data: (string | number)[][]) => void;
+    expandMinGrid?: boolean;
+    minRows?: number;
+    minCols?: number;
+}
+export declare const EasyvReactGrid: (props: EasyvReactGridProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/easyv-reactgrid/index.d.ts

@@ -0,0 +1 @@
+export { EasyvReactGrid } from './easyv-react-grid';

package/dist/lib/easyv-biz-components/src/components/easyv-reactgrid/utils.d.ts

@@ -0,0 +1 @@
+export declare const getColumnLabel: (index: number) => string;

package/dist/lib/easyv-biz-components/src/components/echarts-render/constants.d.ts

@@ -0,0 +1,126 @@
+export declare const customEchartsThemeConfig: {
+    readonly version: 1;
+    readonly themeName: "easyvEchartsTheme";
+    readonly theme: {
+        readonly seriesCnt: "3";
+        readonly backgroundColor: "#1a1f2d";
+        readonly titleColor: "#ffffff";
+        readonly subtitleColor: "#dddddd";
+        readonly textColorShow: false;
+        readonly textColor: "#333";
+        readonly markTextColor: "#293441";
+        readonly color: readonly ["#2a9dff", "#00ffff", "#d7f794", "#72ccff", "#f7c5a0", "#d4a4eb", "#d2f5a6", "#76f2f2"];
+        readonly borderColor: "rgba(255,255,255,0.36)";
+        readonly borderWidth: "0";
+        readonly visualMapColor: readonly ["#fc97af", "#87f7cf"];
+        readonly legendTextColor: "#ffffff";
+        readonly kColor: "#fc97af";
+        readonly kColor0: "transparent";
+        readonly kBorderColor: "#fc97af";
+        readonly kBorderColor0: "#87f7cf";
+        readonly kBorderWidth: "2";
+        readonly lineWidth: "3";
+        readonly symbolSize: "0";
+        readonly symbol: "circle";
+        readonly symbolBorderWidth: "4";
+        readonly lineSmooth: true;
+        readonly graphLineWidth: "1";
+        readonly graphLineColor: "#ffffff";
+        readonly mapLabelColor: "#893448";
+        readonly mapLabelColorE: "rgb(137,52,72)";
+        readonly mapBorderColor: "#999999";
+        readonly mapBorderColorE: "#eb8146";
+        readonly mapBorderWidth: 0.5;
+        readonly mapBorderWidthE: 1;
+        readonly mapAreaColor: "#f3f3f3";
+        readonly mapAreaColorE: "rgba(255,178,72,1)";
+        readonly axes: readonly [{
+            readonly type: "all";
+            readonly name: "通用坐标轴";
+            readonly axisLineShow: true;
+            readonly axisLineColor: "#666666";
+            readonly axisTickShow: false;
+            readonly axisTickColor: "#333333";
+            readonly axisLabelShow: true;
+            readonly axisLabelColor: "#aaaaaa";
+            readonly splitLineShow: false;
+            readonly splitLineColor: readonly ["#e6e6e6"];
+            readonly splitAreaShow: false;
+            readonly splitAreaColor: readonly ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"];
+        }, {
+            readonly type: "category";
+            readonly name: "类目坐标轴";
+            readonly axisLineShow: true;
+            readonly axisLineColor: "#333";
+            readonly axisTickShow: true;
+            readonly axisTickColor: "#333";
+            readonly axisLabelShow: true;
+            readonly axisLabelColor: "#333";
+            readonly splitLineShow: false;
+            readonly splitLineColor: readonly ["#ccc"];
+            readonly splitAreaShow: false;
+            readonly splitAreaColor: readonly ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"];
+        }, {
+            readonly type: "value";
+            readonly name: "数值坐标轴";
+            readonly axisLineShow: true;
+            readonly axisLineColor: "#333";
+            readonly axisTickShow: true;
+            readonly axisTickColor: "#333";
+            readonly axisLabelShow: true;
+            readonly axisLabelColor: "#333";
+            readonly splitLineShow: true;
+            readonly splitLineColor: readonly ["#ccc"];
+            readonly splitAreaShow: false;
+            readonly splitAreaColor: readonly ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"];
+        }, {
+            readonly type: "log";
+            readonly name: "对数坐标轴";
+            readonly axisLineShow: true;
+            readonly axisLineColor: "#333";
+            readonly axisTickShow: true;
+            readonly axisTickColor: "#333";
+            readonly axisLabelShow: true;
+            readonly axisLabelColor: "#333";
+            readonly splitLineShow: true;
+            readonly splitLineColor: readonly ["#ccc"];
+            readonly splitAreaShow: false;
+            readonly splitAreaColor: readonly ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"];
+        }, {
+            readonly type: "time";
+            readonly name: "时间坐标轴";
+            readonly axisLineShow: true;
+            readonly axisLineColor: "#333";
+            readonly axisTickShow: true;
+            readonly axisTickColor: "#333";
+            readonly axisLabelShow: true;
+            readonly axisLabelColor: "#333";
+            readonly splitLineShow: true;
+            readonly splitLineColor: readonly ["#ccc"];
+            readonly splitAreaShow: false;
+            readonly splitAreaColor: readonly ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"];
+        }];
+        readonly axisSeperateSetting: false;
+        readonly toolboxColor: "#999999";
+        readonly toolboxEmphasisColor: "#666666";
+        readonly tooltipAxisColor: "#cccccc";
+        readonly tooltipAxisWidth: 1;
+        readonly timelineLineColor: "#87f7cf";
+        readonly timelineLineWidth: 1;
+        readonly timelineItemColor: "#87f7cf";
+        readonly timelineItemColorE: "#f7f494";
+        readonly timelineCheckColor: "#fc97af";
+        readonly timelineCheckBorderColor: "#fc97af";
+        readonly timelineItemBorderWidth: 1;
+        readonly timelineControlColor: "#87f7cf";
+        readonly timelineControlBorderColor: "#87f7cf";
+        readonly timelineControlBorderWidth: 0.5;
+        readonly timelineLabelColor: "#87f7cf";
+        readonly datazoomBackgroundColor: "rgba(255,255,255,0)";
+        readonly datazoomDataColor: "rgba(114,204,255,1)";
+        readonly datazoomFillColor: "rgba(114,204,255,0.2)";
+        readonly datazoomHandleColor: "#72ccff";
+        readonly datazoomHandleWidth: "100";
+        readonly datazoomLabelColor: "#333333";
+    };
+};

package/dist/lib/easyv-biz-components/src/components/echarts-render/echarts-render.d.ts

@@ -1,10 +1,9 @@
 import { ECOption } from './types';
-import type * as EchartsInner from 'echarts';
+import type * as EchartsInner from "echarts";
 export interface EchartsRenderProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     echarts: typeof EchartsInner;
     option: ECOption;
-    theme?: 'light' | 'dark';
 }
 /**
  * Echarts 渲染组件. 基础示例参考本仓库同层级的 test/base.cy.tsx 文件

package/dist/lib/easyv-biz-components/src/components/echarts-render/types.d.ts

@@ -1,5 +1,5 @@
 import { BarSeriesOption, LineSeriesOption } from 'echarts/charts';
-import { DatasetComponentOption, GridComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
+import { DatasetComponentOption, GridComponentOption, LegendComponentOption, TitleComponentOption, TooltipComponentOption } from 'echarts/components';
 import { ComposeOption } from 'echarts/core';
 
-export type ECOption = ComposeOption<BarSeriesOption | LineSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | DatasetComponentOption>;
+export type ECOption = ComposeOption<BarSeriesOption | LineSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | LegendComponentOption | DatasetComponentOption>;

package/dist/lib/easyv-biz-components/src/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from './ai-message-render';
+export * from './ai-components/ai-message-render';
 export * from './shadow-dom';
 export * from './scroll-controller';
 export * from './voice-animation';
@@ -8,3 +8,6 @@ export * from './easyv-monaco-editor';
 export * from './error-boundary';
 export * from './ai-model-select';
 export * from './code-mirror-editor';
+export * from './ai-components/mobile-voice-input';
+export * from './circle-loading/index';
+export * from './easyv-reactgrid';

package/dist/lib/easyv-biz-components/src/components/scroll-controller/scroll-controller.d.ts

@@ -4,7 +4,7 @@ interface ScrollControllerProps {
     children: ReactNode;
     containerHeight?: string;
     scrollBuffer?: number;
-    scrollBehavior?: 'auto' | 'smooth';
+    scrollBehavior?: "auto" | "smooth";
     triggerID?: number | string;
     style?: React.CSSProperties;
     className?: string;

package/dist/lib/easyv-biz-components/src/components/shadow-dom/shadow-dom.d.ts

@@ -4,6 +4,7 @@ interface ShadowDomProps {
     style: string;
     shadowRootDivClassName?: string;
     rootFontSize?: number;
+    themeMode?: "light" | "dark";
 }
 export declare const ShadowDom: (props: PropsWithChildren<ShadowDomProps>) => JSX.Element;
 export {};

package/dist/lib/easyv-biz-components/src/components/voice-animation/voice-animation.d.ts

@@ -1,10 +1,10 @@
 import { HTMLProps } from 'react';
 
-export interface VoiceAnimationProps extends Omit<HTMLProps<HTMLDivElement>, 'dangerouslySetInnerHTML'> {
+export interface VoiceAnimationProps extends Omit<HTMLProps<HTMLDivElement>, "dangerouslySetInnerHTML"> {
     className?: string;
     barNumber?: number;
     barClassName?: string;
-    playStatus?: 'paused' | 'running';
+    playStatus?: "paused" | "running";
     barAnimationDelayList?: number[];
 }
 /**

package/dist/lib/easyv-biz-components/src/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './use-watch-value/use-watch-value';
 export * from './use-socket-events';
 export * from './use-document-unmount';
 export * from './use-ai-agent-message';
+export * from './use-tencent-sentence-recognition';

package/dist/lib/easyv-biz-components/src/hooks/use-ai-agent-message/constants.d.ts

@@ -2,3 +2,13 @@ import { AiAgentMessageType } from '../../utils/ai-agent-message-manager';
 
 /** ai 回答的消息类型的合集 */
 export declare const aiAnswerContentTypeList: AiAgentMessageType[];
+export declare enum AiAgentKnowledgeEnum {
+    /** easyMind */
+    easyMind = "easy_mind",
+    /** 自定义知识库时，请求配置为字段配置 */
+    requestStandard = "request_standard",
+    /** 第三发智能体的知识库 */
+    thirdAgent = "third_party_agent"
+}
+/** 前端直接展示知识库的响应类型 */
+export declare const frontEndDirectShowKnowledgeResList: AiAgentKnowledgeEnum[];

package/dist/lib/easyv-biz-components/src/hooks/use-ai-agent-message/types.d.ts

@@ -1,7 +1,10 @@
+import { AiAgentKnowledgeEnum } from './constants';
+
 export interface KnowledgeBaseDetailForRequestStandard {
     baseURL: string;
     requestHeader: string;
     requestBody: string;
     requestHandler: string;
     clientRequest?: boolean;
+    toolType?: AiAgentKnowledgeEnum.requestStandard | AiAgentKnowledgeEnum.thirdAgent;
 }

package/dist/lib/easyv-biz-components/src/hooks/use-ai-agent-message/use-ai-agent-message.d.ts

@@ -1,4 +1,4 @@
-import { AiChatMessageItem } from '../../components/ai-message-render';
+import { AiChatMessageItem } from '../../components/ai-components/ai-message-render';
 import { AiAgentMessageManager } from '../../utils/ai-agent-message-manager/ai-agent-message-manager';
 import { AiAgentMessageManagerConfig } from '../../utils/ai-agent-message-manager/types';
 import { RoomType } from '../use-socket-events';
@@ -28,4 +28,6 @@ export declare const useAiAgentMessage: (props: UseAiAgentMessageProps) => {
     currOneChatId: string;
     stepHintContent: string;
     stepHintAnimation: boolean;
+    renderMessageList: (this: unknown) => void;
+    stopKnowledgeMsg: (this: unknown) => void;
 };

package/dist/lib/easyv-biz-components/src/hooks/use-ai-agent-message/utils.d.ts

@@ -1,4 +1,6 @@
 import { AiChatMessageItem } from '../../components';
+import { AiAgentSocketMessagePayload } from '../../utils';
 
 export declare const generateUserMsgItem: (id: string, content: string) => AiChatMessageItem;
 export declare const generateAiMsgItem: (content: string, showVoiceBtn?: boolean) => AiChatMessageItem;
+export declare const generateAiMsgPayload: (content: string) => AiAgentSocketMessagePayload;

package/dist/lib/easyv-biz-components/src/hooks/use-div-auto-scroll.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 
 interface ScrollControllerProps {
     scrollBuffer?: number;
-    scrollBehavior?: 'auto' | 'smooth';
+    scrollBehavior?: "auto" | "smooth";
     containerRef: React.RefObject<HTMLDivElement | null>;
 }
 /**