@easyv/biz-components 1.0.30 → 2.1.0

package/dist/lib/_virtual/index.es2.js

@@ -1,5 +1,5 @@
-var propTypes = { exports: {} };
+var coWebWorker = { exports: {} };
 export {
-  propTypes as __module
+  coWebWorker as __module
 };
 //# sourceMappingURL=index.es2.js.map

package/dist/lib/_virtual/index.es3.js

@@ -1,5 +1,5 @@
-var coWebWorker = { exports: {} };
+var propTypes = { exports: {} };
 export {
-  coWebWorker as __module
+  propTypes as __module
 };
 //# sourceMappingURL=index.es3.js.map

package/dist/lib/_virtual/index.es5.js

@@ -1,5 +1,5 @@
-var reactIs = { exports: {} };
+var cjs = {};
 export {
-  reactIs as __module
+  cjs as __exports
 };
 //# sourceMappingURL=index.es5.js.map

package/dist/lib/asserts/icons/circle-loading.svg.es.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const SvgCircleLoading = (props) => /* @__PURE__ */ React.createElement("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#paint0_angular_11904_17035_clip_path)", "data-figma-skip-parse": "true" }, /* @__PURE__ */ React.createElement("g", { transform: "matrix(0.00675 -0.003 -0.0030116 -0.00677609 7.5 7.5)" }, /* @__PURE__ */ React.createElement("foreignObject", { x: -1579.53, y: -1579.53, width: 3159.06, height: 3159.06 }, /* @__PURE__ */ React.createElement("div", { xmlns: "http://www.w3.org/1999/xhtml", style: {
+  background: "conic-gradient(from 90deg,rgba(58, 137, 254, 0.9888) 0deg,rgba(58, 137, 254, 0) 331.825deg,rgba(58, 137, 254, 1) 339.881deg,rgba(58, 137, 254, 1) 356.25deg,rgba(58, 137, 254, 0.9888) 360deg)",
+  height: "100%",
+  width: "100%",
+  opacity: 1
+} })))), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0ZM7.5 2.5C4.73858 2.5 2.5 4.73858 2.5 7.5C2.5 10.2614 4.73858 12.5 7.5 12.5C10.2614 12.5 12.5 10.2614 12.5 7.5C12.5 4.73858 10.2614 2.5 7.5 2.5Z", "data-figma-gradient-fill": '{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.22745098173618317,"g":0.53725492954254150,"b":0.99607843160629272,"a":0.0},"position":0.92173653841018677},{"color":{"r":0.22745098173618317,"g":0.53725492954254150,"b":0.99607843160629272,"a":1.0},"position":0.94411474466323853},{"color":{"r":0.22745098173618317,"g":0.53725492954254150,"b":0.99607843160629272,"a":1.0},"position":0.98958331346511841}],"stopsVar":[],"transform":{"m00":13.50,"m01":-6.0231943130493164,"m02":3.76159667968750,"m10":-5.9999990463256836,"m11":-13.552189826965332,"m12":17.276092529296875},"opacity":1.0,"blendMode":"NORMAL","visible":true}' }), /* @__PURE__ */ React.createElement("path", { d: "M13.7619 8.73855C14.4454 8.73855 14.9994 8.1845 14.9994 7.50105C14.9994 6.8176 14.4454 6.26355 13.7619 6.26355C13.0785 6.26355 12.5244 6.8176 12.5244 7.50105C12.5244 8.1845 13.0785 8.73855 13.7619 8.73855Z", fill: "#3A89FE" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "paint0_angular_11904_17035_clip_path" }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0ZM7.5 2.5C4.73858 2.5 2.5 4.73858 2.5 7.5C2.5 10.2614 4.73858 12.5 7.5 12.5C10.2614 12.5 12.5 10.2614 12.5 7.5C12.5 4.73858 10.2614 2.5 7.5 2.5Z" }))));
+export {
+  SvgCircleLoading as default
+};
+//# sourceMappingURL=circle-loading.svg.es.js.map

package/dist/lib/asserts/icons/circle-loading.svg.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-loading.svg.es.js","sources":["../../../../src/asserts/icons/circle-loading.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgCircleLoading = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 15, height: 15, viewBox: \"0 0 15 15\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#paint0_angular_11904_17035_clip_path)\", \"data-figma-skip-parse\": \"true\" }, /* @__PURE__ */ React.createElement(\"g\", { transform: \"matrix(0.00675 -0.003 -0.0030116 -0.00677609 7.5 7.5)\" }, /* @__PURE__ */ React.createElement(\"foreignObject\", { x: -1579.53, y: -1579.53, width: 3159.06, height: 3159.06 }, /* @__PURE__ */ React.createElement(\"div\", { xmlns: \"http://www.w3.org/1999/xhtml\", style: {\n  background: \"conic-gradient(from 90deg,rgba(58, 137, 254, 0.9888) 0deg,rgba(58, 137, 254, 0) 331.825deg,rgba(58, 137, 254, 1) 339.881deg,rgba(58, 137, 254, 1) 356.25deg,rgba(58, 137, 254, 0.9888) 360deg)\",\n  height: \"100%\",\n  width: \"100%\",\n  opacity: 1\n} })))), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0ZM7.5 2.5C4.73858 2.5 2.5 4.73858 2.5 7.5C2.5 10.2614 4.73858 12.5 7.5 12.5C10.2614 12.5 12.5 10.2614 12.5 7.5C12.5 4.73858 10.2614 2.5 7.5 2.5Z\", \"data-figma-gradient-fill\": '{\"type\":\"GRADIENT_ANGULAR\",\"stops\":[{\"color\":{\"r\":0.22745098173618317,\"g\":0.53725492954254150,\"b\":0.99607843160629272,\"a\":0.0},\"position\":0.92173653841018677},{\"color\":{\"r\":0.22745098173618317,\"g\":0.53725492954254150,\"b\":0.99607843160629272,\"a\":1.0},\"position\":0.94411474466323853},{\"color\":{\"r\":0.22745098173618317,\"g\":0.53725492954254150,\"b\":0.99607843160629272,\"a\":1.0},\"position\":0.98958331346511841}],\"stopsVar\":[],\"transform\":{\"m00\":13.50,\"m01\":-6.0231943130493164,\"m02\":3.76159667968750,\"m10\":-5.9999990463256836,\"m11\":-13.552189826965332,\"m12\":17.276092529296875},\"opacity\":1.0,\"blendMode\":\"NORMAL\",\"visible\":true}' }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M13.7619 8.73855C14.4454 8.73855 14.9994 8.1845 14.9994 7.50105C14.9994 6.8176 14.4454 6.26355 13.7619 6.26355C13.0785 6.26355 12.5244 6.8176 12.5244 7.50105C12.5244 8.1845 13.0785 8.73855 13.7619 8.73855Z\", fill: \"#3A89FE\" }), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"paint0_angular_11904_17035_clip_path\" }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M7.5 0C11.6421 0 15 3.35786 15 7.5C15 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0ZM7.5 2.5C4.73858 2.5 2.5 4.73858 2.5 7.5C2.5 10.2614 4.73858 12.5 7.5 12.5C10.2614 12.5 12.5 10.2614 12.5 7.5C12.5 4.73858 10.2614 2.5 7.5 2.5Z\" }))));\nexport default SvgCircleLoading;\n"],"names":[],"mappings":";AACK,MAAC,mBAAmB,CAAC,UAA0B,sBAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAG,MAAK,GAAoB,sBAAM,cAAc,KAAK,EAAE,UAAU,8CAA8C,yBAAyB,UAA0B,sBAAM,cAAc,KAAK,EAAE,WAAW,wDAAuD,GAAoB,sBAAM,cAAc,iBAAiB,EAAE,GAAG,UAAU,GAAG,UAAU,OAAO,SAAS,QAAQ,QAAO,GAAoB,sBAAM,cAAc,OAAO,EAAE,OAAO,gCAAgC,OAAO;AAAA,EACjoB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX,GAAG,CAAC,CAAC,CAAC,GAAmB,sBAAM,cAAc,QAAQ,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,wQAAwQ,4BAA4B,inBAAgnB,CAAE,GAAmB,sBAAM,cAAc,QAAQ,EAAE,GAAG,iNAAiN,MAAM,UAAS,CAAE,GAAmB,sBAAM,cAAc,QAAQ,MAAsB,sBAAM,cAAc,YAAY,EAAE,IAAI,uCAAsC,GAAoB,sBAAM,cAAc,QAAQ,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,uQAAwQ,CAAA,CAAC,CAAC,CAAC;"}

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

@@ -0,0 +1,144 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import React__default, { useMemo } from "react";
+import { CopyCircleOutlined } from "../../../node_modules/.pnpm/@easyv_react-icons@6.13.1/node_modules/@easyv/react-icons/dist/index.esm.es.js";
+import classNames from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+import SvgAgentStepHintIcon from "../../../asserts/icons/agent-step-hint-icon.svg.es.js";
+import messageRenderCss from "./index.less.es.js";
+import styles from "./index.module.less.es.js";
+import { ShadowDom } from "../../shadow-dom/shadow-dom.es.js";
+import { Markdown } from "../../../node_modules/.pnpm/react-markdown@10.1.0_@types_react@18.2.0_react@18.2.0/node_modules/react-markdown/lib/index.es.js";
+import remarkGfm from "../../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.es.js";
+const AiMessageRender = (props) => {
+  const {
+    className = "",
+    onCopy,
+    renderDashboardContent: propsRenderDashboardContent,
+    renderStepHintContent: propsRenderStepHintContent,
+    showFooterButtons = false,
+    contents,
+    markdownClassName = "",
+    rootFontSize,
+    hideDefaultStyle,
+    markdownStyle,
+    stepHintClassName,
+    stepHintAnimation,
+    imgClassName,
+    showPreviewImg,
+    themeMode = "dark"
+  } = props;
+  let finalMarkdownStyle = hideDefaultStyle ? "" : messageRenderCss;
+  if (markdownStyle) {
+    finalMarkdownStyle += `
+${markdownStyle}`;
+  }
+  const ImageRenderer = ({ src, alt }) => {
+    if (!src) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        src,
+        alt,
+        style: { cursor: "pointer", maxWidth: "100%", height: "auto" },
+        className: imgClassName,
+        ref: (imgRef) => {
+          if (imgRef) {
+            const handleNativeClick = (e) => {
+              e.stopPropagation();
+              showPreviewImg == null ? void 0 : showPreviewImg({ src, alt });
+            };
+            imgRef.removeEventListener("click", handleNativeClick);
+            imgRef.addEventListener("click", handleNativeClick, { capture: true });
+          }
+        }
+      }
+    );
+  };
+  const renderStringContent = (contentString) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ShadowDom,
+      {
+        style: finalMarkdownStyle,
+        shadowRootDivClassName: markdownClassName + " markdown-container",
+        rootFontSize,
+        themeMode,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Markdown,
+          {
+            remarkPlugins: [remarkGfm],
+            components: {
+              img: ImageRenderer,
+              table: ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-overflow-auto biz-w-full table-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { children }) })
+            },
+            children: contentString
+          }
+        )
+      }
+    );
+  };
+  const renderDashboardContent = (msg) => {
+    return propsRenderDashboardContent == null ? void 0 : propsRenderDashboardContent(msg);
+  };
+  const { stepHintContent, otherContents } = useMemo(() => {
+    var _a;
+    const stepHintContent2 = (_a = contents.find((item) => item.aiAgentStepMessage)) == null ? void 0 : _a.aiAgentStepMessage;
+    const otherContents2 = contents.filter((item) => item.aiAgentStepMessage === void 0);
+    return { stepHintContent: stepHintContent2, otherContents: otherContents2 };
+  }, [contents]);
+  const renderStepHintContent = (hintContent) => {
+    return (propsRenderStepHintContent == null ? void 0 : propsRenderStepHintContent(hintContent)) || /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: classNames(
+          "step-hint-wrapper biz-gap-1",
+          "biz-h-6 biz-text-text-3 biz-text-[0.875rem] biz-flex biz-items-baseline",
+          stepHintClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SvgAgentStepHintIcon,
+            {
+              className: classNames(
+                "biz-w-4 biz-h-4 biz-text-text-3",
+                stepHintAnimation && styles["step-hint-animated"]
+              )
+            }
+          ),
+          hintContent
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: classNames(
+        "total-wrapper",
+        "biz-px-4 biz-py-3 biz-flex biz-flex-col biz-gap-3 biz-rounded-lg",
+        "biz-bg-[#FFFFFF14] biz-select-text",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "chat-text-wrapper biz-flex biz-flex-col biz-gap-2", children: [
+          stepHintContent && renderStepHintContent(stepHintContent),
+          otherContents.map((msg, index) => {
+            if (msg.text) {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-contents", children: renderStringContent(msg.text) }, index);
+            } else if (msg.markdownChatString) {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-contents", children: renderStringContent(msg.markdownChatString) }, index);
+            } else if (msg.echartsContext || msg.chartPlaceHolderNumber || msg.plotContext) {
+              return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-contents", children: renderDashboardContent(msg) }, index);
+            }
+          })
+        ] }),
+        showFooterButtons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex biz-gap-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "copy-btn biz-w-6 biz-h-6 biz-rounded-md biz-flex biz-justify-center biz-items-center biz-hover:bg-bg-white biz-cursor-pointer", children: React__default.createElement(CopyCircleOutlined, {
+          className: "biz-w-3.5 biz-h-3.5 biz-text-text-2",
+          onClick: () => onCopy == null ? void 0 : onCopy()
+        }) }) })
+      ]
+    }
+  ) });
+};
+export {
+  AiMessageRender
+};
+//# sourceMappingURL=ai-message-render.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-message-render.es.js","sources":["../../../../../src/components/ai-components/ai-message-render/ai-message-render.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { CopyCircleOutlined } from \"@easyv/react-icons\";\nimport classNames from \"classnames\";\nimport Markdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport AgentStepHintIcon from \"@/asserts/icons/agent-step-hint-icon.svg?react\";\nimport { ShadowDom } from \"../../shadow-dom\";\nimport messageRenderCss from \"./index.less?raw\";\nimport styles from \"./index.module.less\";\nimport { AiMessageContentItem } from \"./types\";\n\nexport interface AiMessageRenderProps {\n  className?: string;\n  contents: AiMessageContentItem[];\n  renderDashboardContent?: (msg: AiMessageContentItem) => React.ReactNode;\n  renderStepHintContent?: (hintContent: string) => React.ReactNode;\n  showFooterButtons?: boolean;\n  onCopy?: () => void;\n  onRedo?: () => void;\n  markdownClassName?: string;\n  rootFontSize?: number;\n  /**隐藏默认样式 */\n  hideDefaultStyle?: boolean;\n  /** 并不是应用于 元素的 style 属性上，而是把 string 放入 shadowDom的 style 标签内 */\n  markdownStyle?: string;\n  stepHintClassName?: string;\n  /** 阶段提示图标的动画 */\n  stepHintAnimation?: boolean;\n  /** markdown 里图片的 className */\n  imgClassName?: string;\n  /** 是否启用图片预览 @default true */\n  useImgPreview?: boolean;\n  showPreviewImg?: (imgInfo: PreviewImgInfo) => void;\n  /** 主题模式 @default dark */\n  themeMode?: \"light\" | \"dark\";\n}\ninterface PreviewImgInfo {\n  src: string;\n  alt?: string;\n}\n\nexport const AiMessageRender = (props: AiMessageRenderProps) => {\n  const {\n    className = \"\",\n    onCopy,\n    renderDashboardContent: propsRenderDashboardContent,\n    renderStepHintContent: propsRenderStepHintContent,\n    showFooterButtons = false,\n    contents,\n    markdownClassName = \"\",\n    rootFontSize,\n    hideDefaultStyle,\n    markdownStyle,\n    stepHintClassName,\n    stepHintAnimation,\n    imgClassName,\n    showPreviewImg,\n    themeMode = \"dark\",\n  } = props;\n\n  let finalMarkdownStyle = hideDefaultStyle ? \"\" : messageRenderCss;\n  if (markdownStyle) {\n    finalMarkdownStyle += `\\n${markdownStyle}`;\n  }\n\n  // 自定义图片渲染器\n  const ImageRenderer = ({ src, alt }: { src?: string; alt?: string }) => {\n    if (!src) return null;\n\n    return (\n      <img\n        src={src}\n        alt={alt}\n        style={{ cursor: \"pointer\", maxWidth: \"100%\", height: \"auto\" }}\n        className={imgClassName}\n        // 添加原生事件处理作为备用方案\n        ref={(imgRef) => {\n          if (imgRef) {\n            const handleNativeClick = (e: Event) => {\n              e.stopPropagation();\n              showPreviewImg?.({ src, alt });\n            };\n\n            // 移除之前的监听器（如果存在）\n            imgRef.removeEventListener(\"click\", handleNativeClick);\n            // 添加原生事件监听器\n            imgRef.addEventListener(\"click\", handleNativeClick, { capture: true });\n          }\n        }}\n      />\n    );\n  };\n\n  const renderStringContent = (contentString: string) => {\n    return (\n      <ShadowDom\n        style={finalMarkdownStyle}\n        shadowRootDivClassName={markdownClassName + \" markdown-container\"}\n        rootFontSize={rootFontSize}\n        themeMode={themeMode}\n      >\n        <Markdown\n          remarkPlugins={[remarkGfm]}\n          components={{\n            img: ImageRenderer,\n            table: ({ children }) => (\n              <div className=\"biz-overflow-auto biz-w-full table-wrapper\">\n                <table>{children}</table>\n              </div>\n            ),\n          }}\n        >\n          {contentString}\n        </Markdown>\n      </ShadowDom>\n    );\n  };\n  const renderDashboardContent = (msg: AiMessageContentItem) => {\n    return propsRenderDashboardContent?.(msg);\n  };\n\n  const { stepHintContent, otherContents } = useMemo(() => {\n    const stepHintContent = contents.find((item) => item.aiAgentStepMessage)?.aiAgentStepMessage;\n    const otherContents = contents.filter((item) => item.aiAgentStepMessage === undefined);\n    return { stepHintContent, otherContents };\n  }, [contents]);\n\n  const renderStepHintContent = (hintContent: string) => {\n    return (\n      propsRenderStepHintContent?.(hintContent) || (\n        <div\n          className={classNames(\n            \"step-hint-wrapper biz-gap-1\",\n            \"biz-h-6 biz-text-text-3 biz-text-[0.875rem] biz-flex biz-items-baseline\",\n            stepHintClassName,\n          )}\n        >\n          <AgentStepHintIcon\n            className={classNames(\n              \"biz-w-4 biz-h-4 biz-text-text-3\",\n              stepHintAnimation && styles[\"step-hint-animated\"],\n            )}\n          />\n          {hintContent}\n        </div>\n      )\n    );\n  };\n\n  return (\n    <>\n      <div\n        className={classNames(\n          \"total-wrapper\",\n          \"biz-px-4 biz-py-3 biz-flex biz-flex-col biz-gap-3 biz-rounded-lg\",\n          \"biz-bg-[#FFFFFF14] biz-select-text\",\n          className,\n        )}\n      >\n        <div className=\"chat-text-wrapper biz-flex biz-flex-col biz-gap-2\">\n          {stepHintContent && renderStepHintContent(stepHintContent)}\n          {otherContents.map((msg, index) => {\n            if (msg.text) {\n              return (\n                <div key={index} className=\"biz-contents\">\n                  {renderStringContent(msg.text)}\n                </div>\n              );\n            } else if (msg.markdownChatString) {\n              return (\n                <div key={index} className=\"biz-contents\">\n                  {renderStringContent(msg.markdownChatString)}\n                </div>\n              );\n            } else if (msg.echartsContext || msg.chartPlaceHolderNumber || msg.plotContext) {\n              return (\n                <div key={index} className=\"biz-contents\">\n                  {renderDashboardContent(msg)}\n                </div>\n              );\n            }\n          })}\n        </div>\n        {showFooterButtons && (\n          <div className=\"biz-flex biz-gap-1\">\n            <div className=\"copy-btn biz-w-6 biz-h-6 biz-rounded-md biz-flex biz-justify-center biz-items-center biz-hover:bg-bg-white biz-cursor-pointer\">\n              {React.createElement(CopyCircleOutlined as any, {\n                className: \"biz-w-3.5 biz-h-3.5 biz-text-text-2\",\n                onClick: () => onCopy?.(),\n              })}\n            </div>\n            {/* <div className='redo-btn biz-w-6 biz-h-6 biz-rounded-md biz-flex biz-justify-center biz-items-center biz-hover:bg-bg-white biz-cursor-pointer'>\n              <RedoOutlined className='biz-w-3.5 biz-h-3.5 biz-text-text-2' />\n            </div> */}\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n"],"names":["jsx","stepHintContent","otherContents","jsxs","AgentStepHintIcon","Fragment","React"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+const messageRenderCss = '.markdown-container {\n  /* // 基础文本样式 */\n  color: #fff;\n  font-family: "PingFang SC", BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  font-size: var(--base-font);\n  font-style: normal;\n  font-weight: 400;\n  user-select: text;\n  word-break: break-all;\n}\n\n/* // 重置一些元素的默认样式 */\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nimg {\n  max-width: 50%;\n  border-radius: calc(0.5 * var(--base-font));\n  min-width: 20px;\n  min-height: 20px;\n}\n\n/* // 标题样式 */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: calc(1.5 * var(--base-font));\n  margin-bottom: calc(1.5 * var(--base-font));\n  font-weight: 600;\n  line-height: 1.25;\n\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\nh1 {\n  font-size: calc(2 * var(--base-font));\n  border-bottom: 1px solid #eaecef;\n  padding-bottom: calc(0.3 * var(--base-font));\n}\n\nh2 {\n  font-size: calc(1.5 * var(--base-font));\n  border-bottom: 1px solid #eaecef;\n  padding-bottom: calc(0.3 * var(--base-font));\n}\n\nh3 {\n  font-size: calc(1.25 * var(--base-font));\n}\nh4 {\n  font-size: var(--base-font);\n}\nh5 {\n  font-size: calc(0.875 * var(--base-font));\n}\nh6 {\n  font-size: calc(0.85 * var(--base-font));\n}\n\nstrong {\n  font-weight: 600;\n}\n\nem {\n  font-style: italic;\n}\n\n/* // 链接 */\na {\n  color: #0366d6;\n  text-decoration: none;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n/* // 列表 */\nul,\nol {\n  margin-bottom: var(--base-font);\n  padding-left: calc(2 * var(--base-font));\n}\n\nli {\n  margin-bottom: calc(0.25 * var(--base-font));\n\n  > p {\n    margin: 0;\n  }\n}\n\n/* // 代码块和内联代码 */\npre {\n  background-color: #fafafa;\n  border-radius: calc(0.3 * var(--base-font));\n  padding: var(--base-font);\n  overflow: auto;\n  margin-bottom: var(--base-font);\n  line-height: 1.45;\n  overflow-x: auto;\n\n  code {\n    color: #494949;\n    background-color: transparent;\n    padding: 0;\n    border-radius: 0;\n    border: none;\n  }\n}\n\ncode {\n  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;\n  background-color: #ececec;\n  color: #404040;\n  border-radius: calc(0.25 * var(--base-font));\n  padding: calc(0.15 * var(--base-font)) calc(0.3 * var(--base-font));\n  margin: 0 calc(0.15 * var(--base-font));\n  font-size: calc(0.875 * var(--base-font));\n}\n\n/* 表格样式 */\n.table-wrapper {\n  max-width: 100%;\n  width: fit-content;\n  overflow-x: auto;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: calc(0.5 * var(--base-font));\n  margin-bottom: var(--base-font);\n  margin-top: var(--base-font);\n  /* Firefox 和 121 以上的 chrome 的滚动条配色 */\n  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;\n  scrollbar-width: auto;\n  table {\n    border-collapse: collapse;\n    display: block;\n    table-layout: auto;\n    color: #4a4e55;\n    color: rgba(180, 183, 193, 1);\n    width: max-content;\n  }\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(255, 255, 255, 0.12);\n    border-radius: 999px;\n  }\n  /* 滚动条 hover 颜色 */\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n  table th,\n  table td {\n    padding: calc(0.875 * var(--base-font)) var(--base-font);\n    width: max-content;\n    min-width: 90px;\n    max-width: 300px;\n  }\n\n  table th {\n    border: none;\n    font-weight: 500;\n    font-size: calc(0.875 * var(--base-font));\n    text-align: left;\n  }\n\n  tbody tr {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n  }\n  // tbody tr:last-child {\n  //    border-bottom: none !important;\n  // }\n  table th {\n    background-color: rgba(255, 255, 255, 0.04);\n    color: rgb(255, 255, 255);\n  }\n}\n/* 浅色色主题下的表头样式 */\n.markdown-container[style*="--theme-mode: light"] {\n  .table-wrapper {\n    border: 1px solid rgba(235, 235, 235, 1);\n    /* Firefox 和 121 以上的 chrome 的滚动条配色 */\n    scrollbar-color: rgba(224, 224, 224, 1) transparent;\n    table {\n      color: rgba(92, 92, 92, 1);\n    }\n    &::-webkit-scrollbar-thumb {\n      background-color: rgba(224, 224, 224, 1);\n      border-radius: 999px;\n    }\n    /* 滚动条 hover 颜色 */\n    &::-webkit-scrollbar-thumb:hover {\n      background-color: rgba(214, 214, 214, 1);\n    }\n    table th {\n      color: rgba(92, 92, 92, 1);\n      background-color: rgba(235, 235, 235, 1);\n    }\n    tbody tr {\n      border-bottom: 1px solid rgba(235, 235, 235, 1);\n    }\n  }\n}\n\n/* // 引用块 */\nblockquote {\n  border-left: calc(0.25 * var(--base-font)) solid #dfe2e5;\n  color: #fff;\n  padding: 0 var(--base-font);\n  margin: 0 0 var(--base-font) 0;\n\n  p {\n    margin: 0;\n  }\n}\n\n/* // 水平线 */\nhr {\n  height: 1px;\n  background-color: #e1e4e8;\n  border: 0;\n  margin: calc(1.5 * var(--base-font)) 0;\n}\n\n/* // 任务列表 */\n.task-list-item {\n  list-style-type: none;\n\n  input[type="checkbox"] {\n    margin: 0 0calc (2 * var(--base-font)) calc(0.25 * var(--base-font)) -1.6em;\n    vertical-align: middle;\n  }\n}\n';
+export {
+  messageRenderCss as default
+};
+//# sourceMappingURL=index.less.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.less.es.js","sources":["../../../../../src/components/ai-components/ai-message-render/index.less?raw"],"sourcesContent":["export default \".markdown-container {\\n  /* // 基础文本样式 */\\n  color: #fff;\\n  font-family: \\\"PingFang SC\\\", BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, Helvetica, Arial, sans-serif;\\n  line-height: 1.6;\\n  font-size: var(--base-font);\\n  font-style: normal;\\n  font-weight: 400;\\n  user-select: text;\\n  word-break: break-all;\\n}\\n\\n/* // 重置一些元素的默认样式 */\\n* {\\n  box-sizing: border-box;\\n  margin: 0;\\n  padding: 0;\\n}\\n\\nimg {\\n  max-width: 50%;\\n  border-radius: calc(0.5 * var(--base-font));\\n  min-width: 20px;\\n  min-height: 20px;\\n}\\n\\n/* // 标题样式 */\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n  margin-top: calc(1.5 * var(--base-font));\\n  margin-bottom: calc(1.5 * var(--base-font));\\n  font-weight: 600;\\n  line-height: 1.25;\\n\\n  &:first-child {\\n    margin-top: 0;\\n  }\\n}\\n\\nh1 {\\n  font-size: calc(2 * var(--base-font));\\n  border-bottom: 1px solid #eaecef;\\n  padding-bottom: calc(0.3 * var(--base-font));\\n}\\n\\nh2 {\\n  font-size: calc(1.5 * var(--base-font));\\n  border-bottom: 1px solid #eaecef;\\n  padding-bottom: calc(0.3 * var(--base-font));\\n}\\n\\nh3 {\\n  font-size: calc(1.25 * var(--base-font));\\n}\\nh4 {\\n  font-size: var(--base-font);\\n}\\nh5 {\\n  font-size: calc(0.875 * var(--base-font));\\n}\\nh6 {\\n  font-size: calc(0.85 * var(--base-font));\\n}\\n\\nstrong {\\n  font-weight: 600;\\n}\\n\\nem {\\n  font-style: italic;\\n}\\n\\n/* // 链接 */\\na {\\n  color: #0366d6;\\n  text-decoration: none;\\n\\n  &:hover {\\n    text-decoration: underline;\\n  }\\n}\\n\\n/* // 列表 */\\nul,\\nol {\\n  margin-bottom: var(--base-font);\\n  padding-left: calc(2 * var(--base-font));\\n}\\n\\nli {\\n  margin-bottom: calc(0.25 * var(--base-font));\\n\\n  > p {\\n    margin: 0;\\n  }\\n}\\n\\n/* // 代码块和内联代码 */\\npre {\\n  background-color: #fafafa;\\n  border-radius: calc(0.3 * var(--base-font));\\n  padding: var(--base-font);\\n  overflow: auto;\\n  margin-bottom: var(--base-font);\\n  line-height: 1.45;\\n  overflow-x: auto;\\n\\n  code {\\n    color: #494949;\\n    background-color: transparent;\\n    padding: 0;\\n    border-radius: 0;\\n    border: none;\\n  }\\n}\\n\\ncode {\\n  font-family: SFMono-Regular, Consolas, \\\"Liberation Mono\\\", Menlo, monospace;\\n  background-color: #ececec;\\n  color: #404040;\\n  border-radius: calc(0.25 * var(--base-font));\\n  padding: calc(0.15 * var(--base-font)) calc(0.3 * var(--base-font));\\n  margin: 0 calc(0.15 * var(--base-font));\\n  font-size: calc(0.875 * var(--base-font));\\n}\\n\\n/* 表格样式 */\\n.table-wrapper {\\n  max-width: 100%;\\n  width: fit-content;\\n  overflow-x: auto;\\n  border: 1px solid rgba(255, 255, 255, 0.12);\\n  border-radius: calc(0.5 * var(--base-font));\\n  margin-bottom: var(--base-font);\\n  margin-top: var(--base-font);\\n  /* Firefox 和 121 以上的 chrome 的滚动条配色 */\\n  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;\\n  scrollbar-width: auto;\\n  table {\\n    border-collapse: collapse;\\n    display: block;\\n    table-layout: auto;\\n    color: #4a4e55;\\n    color: rgba(180, 183, 193, 1);\\n    width: max-content;\\n  }\\n  &::-webkit-scrollbar-track {\\n    background: transparent;\\n  }\\n  &::-webkit-scrollbar-thumb {\\n    background-color: rgba(255, 255, 255, 0.12);\\n    border-radius: 999px;\\n  }\\n  /* 滚动条 hover 颜色 */\\n  &::-webkit-scrollbar-thumb:hover {\\n    background-color: rgba(255, 255, 255, 0.08);\\n  }\\n  table th,\\n  table td {\\n    padding: calc(0.875 * var(--base-font)) var(--base-font);\\n    width: max-content;\\n    min-width: 90px;\\n    max-width: 300px;\\n  }\\n\\n  table th {\\n    border: none;\\n    font-weight: 500;\\n    font-size: calc(0.875 * var(--base-font));\\n    text-align: left;\\n  }\\n\\n  tbody tr {\\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\\n  }\\n  // tbody tr:last-child {\\n  //    border-bottom: none !important;\\n  // }\\n  table th {\\n    background-color: rgba(255, 255, 255, 0.04);\\n    color: rgb(255, 255, 255);\\n  }\\n}\\n/* 浅色色主题下的表头样式 */\\n.markdown-container[style*=\\\"--theme-mode: light\\\"] {\\n  .table-wrapper {\\n    border: 1px solid rgba(235, 235, 235, 1);\\n    /* Firefox 和 121 以上的 chrome 的滚动条配色 */\\n    scrollbar-color: rgba(224, 224, 224, 1) transparent;\\n    table {\\n      color: rgba(92, 92, 92, 1);\\n    }\\n    &::-webkit-scrollbar-thumb {\\n      background-color: rgba(224, 224, 224, 1);\\n      border-radius: 999px;\\n    }\\n    /* 滚动条 hover 颜色 */\\n    &::-webkit-scrollbar-thumb:hover {\\n      background-color: rgba(214, 214, 214, 1);\\n    }\\n    table th {\\n      color: rgba(92, 92, 92, 1);\\n      background-color: rgba(235, 235, 235, 1);\\n    }\\n    tbody tr {\\n      border-bottom: 1px solid rgba(235, 235, 235, 1);\\n    }\\n  }\\n}\\n\\n/* // 引用块 */\\nblockquote {\\n  border-left: calc(0.25 * var(--base-font)) solid #dfe2e5;\\n  color: #fff;\\n  padding: 0 var(--base-font);\\n  margin: 0 0 var(--base-font) 0;\\n\\n  p {\\n    margin: 0;\\n  }\\n}\\n\\n/* // 水平线 */\\nhr {\\n  height: 1px;\\n  background-color: #e1e4e8;\\n  border: 0;\\n  margin: calc(1.5 * var(--base-font)) 0;\\n}\\n\\n/* // 任务列表 */\\n.task-list-item {\\n  list-style-type: none;\\n\\n  input[type=\\\"checkbox\\\"] {\\n    margin: 0 0calc (2 * var(--base-font)) calc(0.25 * var(--base-font)) -1.6em;\\n    vertical-align: middle;\\n  }\\n}\\n\""],"names":[],"mappings":"AAAA,MAAe,mBAAA;"}

package/dist/lib/components/{ai-message-render → ai-components/ai-message-render}/index.module.less.es.js

@@ -1,5 +1,5 @@
 const styles = {
-  "step-hint-animated": "index-module__step-hint-animated___xLeNc"
+  "step-hint-animated": "index-module__step-hint-animated___LSNLd"
 };
 export {
   styles as default

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

@@ -0,0 +1,174 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { ExpandAltOutlined } from "../../../node_modules/.pnpm/@easyv_react-icons@6.13.1/node_modules/@easyv/react-icons/dist/index.esm.es.js";
+import classNames from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+import { ErrorBoundary } from "../../error-boundary/error-boundary.es.js";
+import { EchartsRender } from "../../echarts-render/echarts-render.es.js";
+import omit from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/omit.es.js";
+const renderEasyvCharts = (params) => {
+  const {
+    height,
+    width,
+    plotContext,
+    EasyVComponentRenderer,
+    wrapperClass,
+    showPreviewIcon = true,
+    onClickPreview
+  } = params;
+  const { data, plotModuleName, plotVersion, filterCode, extraConfig } = plotContext;
+  let finalData = data;
+  let isFilterCodeError = false;
+  if (filterCode) {
+    try {
+      const filterFunc = new Function("data", filterCode);
+      finalData = filterFunc(data);
+    } catch {
+      isFilterCodeError = true;
+    }
+  }
+  if (isFilterCodeError) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: classNames(
+        "biz-rounded-lg biz-bg-[rgba(0,0,0,0.24)] biz-relative biz-group",
+        wrapperClass
+      ),
+      style: { width, height, position: "relative", overflow: "hidden" },
+      children: [
+        showPreviewIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: classNames(
+              "preview-chart-btn",
+              "biz-w-8 biz-h-8 biz-justify-center biz-items-center biz-rounded-md",
+              "biz-absolute biz-top-1 biz-right-1",
+              "biz-border-solid biz-border-[1px] biz-border-border-1",
+              "biz-backdrop-blur-[2px] !biz-cursor-pointer",
+              "biz-hidden group-hover:biz-flex biz-z-10"
+            ),
+            title: "全屏查看",
+            onClick: onClickPreview,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAltOutlined, { className: "biz-text-white biz-w-[0.875rem] biz-h-[0.875rem] biz-flex-center" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          EasyVComponentRenderer,
+          {
+            data: finalData,
+            moduleName: plotModuleName,
+            version: plotVersion,
+            width,
+            height,
+            config: extraConfig
+          }
+        )
+      ]
+    }
+  ) });
+};
+const renderEcharts = (params) => {
+  const {
+    plotContext,
+    echarts,
+    height,
+    width,
+    wrapperClass,
+    showPreviewIcon = true,
+    onClickPreview
+  } = params;
+  const { option, filterCode, data } = plotContext;
+  let finalOption = option;
+  if (!finalOption) {
+    let isFilterCodeError = false;
+    if (filterCode) {
+      try {
+        const filterFunc = new Function("data", filterCode);
+        finalOption = filterFunc(data);
+      } catch {
+        isFilterCodeError = true;
+      }
+    }
+    if (isFilterCodeError) {
+      return null;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ErrorBoundary,
+    {
+      fallback: (error) => {
+        console.error("echarts 图表渲染失败：", error);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "biz-flex biz-flex-center biz-text-text-1",
+            style: { height, width, position: "relative", overflow: "hidden" },
+            children: "渲染图表失败"
+          }
+        );
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: classNames("biz-rounded-lg biz-relative biz-group", wrapperClass),
+          style: { height, width, position: "relative", overflow: "hidden" },
+          children: [
+            showPreviewIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: classNames(
+                  "preview-chart-btn",
+                  "biz-w-8 biz-h-8 biz-justify-center biz-items-center biz-rounded-md",
+                  "biz-absolute biz-top-1 biz-right-1",
+                  "biz-border-solid biz-border-[1px] biz-border-border-1",
+                  "biz-bg-bg-white biz-backdrop-blur-[2px] biz-cursor-pointer",
+                  "biz-hidden group-hover:biz-flex biz-z-10"
+                ),
+                title: "全屏查看",
+                onClick: onClickPreview,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAltOutlined, { className: "biz-text-white biz-w-[0.875rem] biz-h-[0.875rem] biz-flex-center" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              EchartsRender,
+              {
+                echarts,
+                option: omit(finalOption, "title"),
+                style: { height, width }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+const renderChartPlaceHolderDom = (params) => {
+  const { count, className = "", style = {}, width, height } = params;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex biz-flex-col biz-gap-2.5 biz-w-full", children: new Array(count).fill(1).map((_, index) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: classNames(
+          "biz-rounded-lg biz-border-one biz-bg-bg-white",
+          "biz-flex biz-justify-center biz-items-center biz-gap-2.5",
+          className
+        ),
+        style: {
+          width: width || "100%",
+          height: height || "15rem",
+          ...style
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-text-text-2", children: "图表生成..." })
+      },
+      index
+    );
+  }) });
+};
+export {
+  renderChartPlaceHolderDom,
+  renderEasyvCharts,
+  renderEcharts
+};
+//# sourceMappingURL=render-utils.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-utils.es.js","sources":["../../../../../src/components/ai-components/ai-message-render/render-utils.tsx"],"sourcesContent":["import { ExpandAltOutlined } from \"@easyv/react-icons\";\nimport classNames from \"classnames\";\nimport type * as EchartsType from \"echarts\";\nimport { omit } from \"lodash-es\";\nimport { EchartsRender, ECOption } from \"../../echarts-render\";\nimport { ErrorBoundary } from \"../../error-boundary\";\nimport { EasyvPlot, EchartsPlot } from \"./types\";\n\ninterface RenderEasyvChartsParams {\n  plotContext: EasyvPlot;\n  EasyVComponentRenderer: React.FC<{\n    data: unknown[];\n    moduleName: string;\n    version: string;\n    width: number;\n    height: number;\n    config: object;\n  }>;\n  height: number;\n  width: number;\n  wrapperClass?: string;\n  showPreviewIcon?: boolean;\n  onClickPreview?: () => void;\n}\nexport const renderEasyvCharts = (params: RenderEasyvChartsParams) => {\n  const {\n    height,\n    width,\n    plotContext,\n    EasyVComponentRenderer,\n    wrapperClass,\n    showPreviewIcon = true,\n    onClickPreview,\n  } = params;\n  const { data, plotModuleName, plotVersion, filterCode, extraConfig } = plotContext;\n  let finalData = data;\n  let isFilterCodeError = false;\n  if (filterCode) {\n    try {\n      const filterFunc = new Function(\"data\", filterCode);\n      finalData = filterFunc(data) as unknown[];\n    } catch {\n      isFilterCodeError = true;\n    }\n  }\n  if (isFilterCodeError) {\n    return null;\n  }\n  return (\n    <>\n      <div\n        className={classNames(\n          \"biz-rounded-lg biz-bg-[rgba(0,0,0,0.24)] biz-relative biz-group\",\n          wrapperClass,\n        )}\n        style={{ width, height, position: \"relative\", overflow: \"hidden\" }}\n      >\n        {showPreviewIcon && (\n          <div\n            className={classNames(\n              \"preview-chart-btn\",\n              \"biz-w-8 biz-h-8 biz-justify-center biz-items-center biz-rounded-md\",\n              \"biz-absolute biz-top-1 biz-right-1\",\n              \"biz-border-solid biz-border-[1px] biz-border-border-1\",\n              \"biz-backdrop-blur-[2px] !biz-cursor-pointer\",\n              \"biz-hidden group-hover:biz-flex biz-z-10\",\n            )}\n            title=\"全屏查看\"\n            onClick={onClickPreview}\n          >\n            <ExpandAltOutlined className=\"biz-text-white biz-w-[0.875rem] biz-h-[0.875rem] biz-flex-center\" />\n          </div>\n        )}\n        <EasyVComponentRenderer\n          data={finalData}\n          moduleName={plotModuleName}\n          version={plotVersion}\n          width={width}\n          height={height}\n          config={extraConfig as object}\n        />\n      </div>\n    </>\n  );\n};\n\ninterface RenderEchartsParams {\n  plotContext: EchartsPlot;\n  echarts: typeof EchartsType;\n  height: number;\n  width: number;\n  /** 图表主题模式，暂时废弃 */\n  themeMode?: \"light\" | \"dark\";\n  wrapperClass?: string;\n  showPreviewIcon?: boolean;\n  onClickPreview?: () => void;\n}\nexport const renderEcharts = (params: RenderEchartsParams) => {\n  const {\n    plotContext,\n    echarts,\n    height,\n    width,\n    wrapperClass,\n    showPreviewIcon = true,\n    onClickPreview,\n  } = params;\n  const { option, filterCode, data } = plotContext;\n  let finalOption = option;\n  if (!finalOption) {\n    let isFilterCodeError = false;\n    if (filterCode) {\n      try {\n        const filterFunc = new Function(\"data\", filterCode);\n        finalOption = filterFunc(data) as unknown[];\n      } catch {\n        isFilterCodeError = true;\n      }\n    }\n    if (isFilterCodeError) {\n      return null;\n    }\n  }\n  return (\n    <ErrorBoundary\n      fallback={(error) => {\n        console.error(\"echarts 图表渲染失败：\", error);\n        return (\n          <div\n            className=\"biz-flex biz-flex-center biz-text-text-1\"\n            style={{ height, width, position: \"relative\", overflow: \"hidden\" }}\n          >\n            渲染图表失败\n          </div>\n        );\n      }}\n    >\n      <div\n        className={classNames(\"biz-rounded-lg biz-relative biz-group\", wrapperClass)}\n        style={{ height, width, position: \"relative\", overflow: \"hidden\" }}\n      >\n        {showPreviewIcon && (\n          <div\n            className={classNames(\n              \"preview-chart-btn\",\n              \"biz-w-8 biz-h-8 biz-justify-center biz-items-center biz-rounded-md\",\n              \"biz-absolute biz-top-1 biz-right-1\",\n              \"biz-border-solid biz-border-[1px] biz-border-border-1\",\n              \"biz-bg-bg-white biz-backdrop-blur-[2px] biz-cursor-pointer\",\n              \"biz-hidden group-hover:biz-flex biz-z-10\",\n            )}\n            title=\"全屏查看\"\n            onClick={onClickPreview}\n          >\n            <ExpandAltOutlined className=\"biz-text-white biz-w-[0.875rem] biz-h-[0.875rem] biz-flex-center\" />\n          </div>\n        )}\n        <EchartsRender\n          echarts={echarts}\n          option={omit(finalOption, \"title\") as ECOption}\n          style={{ height, width }}\n        />\n      </div>\n    </ErrorBoundary>\n  );\n};\n\nexport const renderChartPlaceHolderDom = (params: {\n  count: number;\n  className?: string;\n  style?: React.CSSProperties;\n  width?: number;\n  height?: number;\n}) => {\n  const { count, className = \"\", style = {}, width, height } = params;\n  return (\n    <div className=\"biz-flex biz-flex-col biz-gap-2.5 biz-w-full\">\n      {new Array(count).fill(1).map((_, index) => {\n        return (\n          <div\n            key={index}\n            className={classNames(\n              \"biz-rounded-lg biz-border-one biz-bg-bg-white\",\n              \"biz-flex biz-justify-center biz-items-center biz-gap-2.5\",\n              className,\n            )}\n            style={{\n              width: width || \"100%\",\n              height: height || \"15rem\",\n              ...style,\n            }}\n          >\n            <div className=\"biz-text-text-2\">图表生成...</div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-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";
+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,

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;"}