@easyv/biz-components 1.0.9 → 1.0.11

package/dist/components/ai-message-render/ai-message-render.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { AiMessageContentItem } from './types';
 
 export interface AiMessageRenderProps {
@@ -11,7 +12,7 @@ export interface AiMessageRenderProps {
     rootFontSize?: number;
     /**隐藏默认样式 */
     hideDefaultStyle?: boolean;
-    /** 并且应用于 元素的 style 属性上，而是把 string 放入 shadowDom的 style 标签内 */
+    /** 并不是应用于 元素的 style 属性上，而是把 string 放入 shadowDom的 style 标签内 */
     markdownStyle?: string;
 }
 export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;

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

@@ -1,4 +1,5 @@
 import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import React from "react";
 import { CopyCircleOutlined } from "../../node_modules/.pnpm/@easyv_react-icons@6.3.0/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 messageRenderCss from "./index.less.es.js";
@@ -54,13 +55,10 @@ ${markdownStyle}`;
             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: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          CopyCircleOutlined,
-          {
-            className: "biz-w-3.5 biz-h-3.5 biz-text-text-2",
-            onClick: () => onCopy == null ? void 0 : onCopy()
-          }
-        ) }) })
+        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.createElement(CopyCircleOutlined, {
+          className: "biz-w-3.5 biz-h-3.5 biz-text-text-2",
+          onClick: () => onCopy == null ? void 0 : onCopy()
+        }) }) })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"ai-message-render.es.js","sources":["../../../src/components/ai-message-render/ai-message-render.tsx"],"sourcesContent":["import { CopyCircleOutlined } from '@easyv/react-icons';\nimport classNames from 'classnames';\nimport Markdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { ShadowDom } from '../shadow-dom';\nimport messageRenderCss from './index.less?raw';\nimport { AiMessageContentItem } from './types';\n\nexport interface AiMessageRenderProps {\n  className?: string;\n  contents: AiMessageContentItem[];\n  renderDashboardContent?: (msg: AiMessageContentItem) => 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}\n\nexport const AiMessageRender = (props: AiMessageRenderProps) => {\n  const {\n    className = '',\n    onCopy,\n    renderDashboardContent: propsRenderDashboardContent,\n    showFooterButtons = false,\n    contents,\n    markdownClassName = '',\n    rootFontSize,\n    hideDefaultStyle,\n    markdownStyle,\n  } = props;\n\n  let finalMarkdownStyle = hideDefaultStyle ? '' : messageRenderCss;\n  if (markdownStyle) {\n    finalMarkdownStyle += `\\n${markdownStyle}`;\n  }\n  const renderStringContent = (contentString: string) => {\n    return (\n      <ShadowDom\n        style={finalMarkdownStyle}\n        shadowRootDivClassName={markdownClassName + ' markdown-container'}\n        rootFontSize={rootFontSize}\n      >\n        <Markdown remarkPlugins={[remarkGfm]}>{contentString}</Markdown>\n      </ShadowDom>\n    );\n  };\n  const renderDashboardContent = (msg: AiMessageContentItem) => {\n    return propsRenderDashboardContent?.(msg);\n  };\n\n  return (\n    <div\n      className={classNames(\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      {contents.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 {\n          return (\n            <div key={index} className='biz-contents'>\n              {renderDashboardContent(msg)}\n            </div>\n          );\n        }\n      })}\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            <CopyCircleOutlined\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"],"names":["jsx","jsxs"],"mappings":";;;;;;;AAuBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEA,MAAA,qBAAqB,mBAAmB,KAAK;AACjD,MAAI,eAAe;AACK,0BAAA;AAAA,EAAK,aAAa;AAAA,EAAA;AAEpC,QAAA,sBAAsB,CAAC,kBAA0B;AAEnD,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,wBAAwB,oBAAoB;AAAA,QAC5C;AAAA,QAEA,gDAAC,UAAS,EAAA,eAAe,CAAC,SAAS,GAAI,UAAc,cAAA,CAAA;AAAA,MAAA;AAAA,IACvD;AAAA,EAEJ;AACM,QAAA,yBAAyB,CAAC,QAA8B;AAC5D,WAAO,2EAA8B;AAAA,EACvC;AAGE,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAS,SAAA,IAAI,CAAC,KAAK,UAAU;AAC5B,cAAI,IAAI,MAAM;AAEV,mBAAAD,sCAAC,SAAgB,WAAU,gBACxB,8BAAoB,IAAI,IAAI,KADrB,KAEV;AAAA,UAAA,WAEO,IAAI,oBAAoB;AAE/B,mBAAAA,sCAAC,SAAgB,WAAU,gBACxB,8BAAoB,IAAI,kBAAkB,KADnC,KAEV;AAAA,UAAA,OAEG;AACL,yDACG,OAAgB,EAAA,WAAU,gBACxB,UAAuB,uBAAA,GAAG,KADnB,KAEV;AAAA,UAAA;AAAA,QAEJ,CACD;AAAA,QACA,2DACE,OAAI,EAAA,WAAU,sBACb,UAACA,kCAAA,IAAA,OAAA,EAAI,WAAU,iIACb,UAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM;AAAA,UAAS;AAAA,WAE5B,EAIF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"ai-message-render.es.js","sources":["../../../src/components/ai-message-render/ai-message-render.tsx"],"sourcesContent":["import React from 'react';\nimport { CopyCircleOutlined } from '@easyv/react-icons';\nimport classNames from 'classnames';\nimport Markdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { ShadowDom } from '../shadow-dom';\nimport messageRenderCss from './index.less?raw';\nimport { AiMessageContentItem } from './types';\n\nexport interface AiMessageRenderProps {\n  className?: string;\n  contents: AiMessageContentItem[];\n  renderDashboardContent?: (msg: AiMessageContentItem) => 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}\n\nexport const AiMessageRender = (props: AiMessageRenderProps) => {\n  const {\n    className = '',\n    onCopy,\n    renderDashboardContent: propsRenderDashboardContent,\n    showFooterButtons = false,\n    contents,\n    markdownClassName = '',\n    rootFontSize,\n    hideDefaultStyle,\n    markdownStyle,\n  } = props;\n\n  let finalMarkdownStyle = hideDefaultStyle ? '' : messageRenderCss;\n  if (markdownStyle) {\n    finalMarkdownStyle += `\\n${markdownStyle}`;\n  }\n  const renderStringContent = (contentString: string) => {\n    return (\n      <ShadowDom\n        style={finalMarkdownStyle}\n        shadowRootDivClassName={markdownClassName + ' markdown-container'}\n        rootFontSize={rootFontSize}\n      >\n        <Markdown remarkPlugins={[remarkGfm]}>{contentString}</Markdown>\n      </ShadowDom>\n    );\n  };\n  const renderDashboardContent = (msg: AiMessageContentItem) => {\n    return propsRenderDashboardContent?.(msg);\n  };\n\n  return (\n    <div\n      className={classNames(\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      {contents.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 {\n          return (\n            <div key={index} className='biz-contents'>\n              {renderDashboardContent(msg)}\n            </div>\n          );\n        }\n      })}\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"],"names":["jsx","jsxs"],"mappings":";;;;;;;;AAwBa,MAAA,kBAAkB,CAAC,UAAgC;AACxD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEA,MAAA,qBAAqB,mBAAmB,KAAK;AACjD,MAAI,eAAe;AACK,0BAAA;AAAA,EAAK,aAAa;AAAA,EAAA;AAEpC,QAAA,sBAAsB,CAAC,kBAA0B;AAEnD,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,wBAAwB,oBAAoB;AAAA,QAC5C;AAAA,QAEA,gDAAC,UAAS,EAAA,eAAe,CAAC,SAAS,GAAI,UAAc,cAAA,CAAA;AAAA,MAAA;AAAA,IACvD;AAAA,EAEJ;AACM,QAAA,yBAAyB,CAAC,QAA8B;AAC5D,WAAO,2EAA8B;AAAA,EACvC;AAGE,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAS,SAAA,IAAI,CAAC,KAAK,UAAU;AAC5B,cAAI,IAAI,MAAM;AAEV,mBAAAD,sCAAC,SAAgB,WAAU,gBACxB,8BAAoB,IAAI,IAAI,KADrB,KAEV;AAAA,UAAA,WAEO,IAAI,oBAAoB;AAE/B,mBAAAA,sCAAC,SAAgB,WAAU,gBACxB,8BAAoB,IAAI,kBAAkB,KADnC,KAEV;AAAA,UAAA,OAEG;AACL,yDACG,OAAgB,EAAA,WAAU,gBACxB,UAAuB,uBAAA,GAAG,KADnB,KAEV;AAAA,UAAA;AAAA,QAEJ,CACD;AAAA,QACA,qBACEA,kCAAA,IAAA,OAAA,EAAI,WAAU,sBACb,UAACA,kCAAAA,IAAA,OAAA,EAAI,WAAU,iIACZ,UAAM,MAAA,cAAc,oBAA2B;AAAA,UAC9C,WAAW;AAAA,UACX,SAAS,MAAM;AAAA,QAChB,CAAA,EACH,CAAA,EAIF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

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

@@ -1,4 +1,4 @@
-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}\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/* // 表格样式 */\ntable {\n  border-collapse: collapse;\n  width: 100%;\n  margin-bottom: var(--base-font);\n  display: block;\n  overflow-x: auto;\n  color: #4a4e55;\n}\ntable th,\ntable td {\n  padding: calc(0.75 * var(--base-font)) var(--base-font);\n  border: 1px solid #dfe2e5;\n}\n\ntable th {\n  background-color: #f6f8fa;\n  font-weight: 600;\n  text-align: left;\n}\n\ntable tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n\n  &:nth-child(2n) {\n    background-color: #f6f8fa;\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";
+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/* // 表格样式 */\ntable {\n  border-collapse: collapse;\n  width: 100%;\n  margin-bottom: var(--base-font);\n  display: block;\n  overflow-x: auto;\n  color: #4a4e55;\n}\ntable th,\ntable td {\n  padding: calc(0.75 * var(--base-font)) var(--base-font);\n  border: 1px solid #dfe2e5;\n}\n\ntable th {\n  background-color: #f6f8fa;\n  font-weight: 600;\n  text-align: left;\n}\n\ntable tr {\n  background-color: #fff;\n  border-top: 1px solid #c6cbd1;\n\n  &:nth-child(2n) {\n    background-color: #f6f8fa;\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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.less.es.js","sources":["../../../src/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}\\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/* // 表格样式 */\\ntable {\\n  border-collapse: collapse;\\n  width: 100%;\\n  margin-bottom: var(--base-font);\\n  display: block;\\n  overflow-x: auto;\\n  color: #4a4e55;\\n}\\ntable th,\\ntable td {\\n  padding: calc(0.75 * var(--base-font)) var(--base-font);\\n  border: 1px solid #dfe2e5;\\n}\\n\\ntable th {\\n  background-color: #f6f8fa;\\n  font-weight: 600;\\n  text-align: left;\\n}\\n\\ntable tr {\\n  background-color: #fff;\\n  border-top: 1px solid #c6cbd1;\\n\\n  &:nth-child(2n) {\\n    background-color: #f6f8fa;\\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;"}
+{"version":3,"file":"index.less.es.js","sources":["../../../src/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/* // 表格样式 */\\ntable {\\n  border-collapse: collapse;\\n  width: 100%;\\n  margin-bottom: var(--base-font);\\n  display: block;\\n  overflow-x: auto;\\n  color: #4a4e55;\\n}\\ntable th,\\ntable td {\\n  padding: calc(0.75 * var(--base-font)) var(--base-font);\\n  border: 1px solid #dfe2e5;\\n}\\n\\ntable th {\\n  background-color: #f6f8fa;\\n  font-weight: 600;\\n  text-align: left;\\n}\\n\\ntable tr {\\n  background-color: #fff;\\n  border-top: 1px solid #c6cbd1;\\n\\n  &:nth-child(2n) {\\n    background-color: #f6f8fa;\\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/components/ai-message-render/test/ai-message-render.cy.d.ts

@@ -0,0 +1 @@
+export {};