@easyv/biz-components 0.0.3 → 0.0.5

package/dist/_virtual/index.es2.js

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

package/dist/_virtual/index.es3.js

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

package/dist/_virtual/index.es4.js

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

package/dist/components/AiMessageRender/AiMessageRender.d.ts

@@ -7,5 +7,10 @@ export interface AiMessageRenderProps {
     showFooterButtons?: boolean;
     onCopy?: () => void;
     onRedo?: () => void;
+    markdownClassName?: string;
+    rootFontSize?: number;
+    /**隐藏默认样式 */
+    hideDefaultStyle?: boolean;
+    markdownStyle?: string;
 }
 export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;

package/dist/components/AiMessageRender/AiMessageRender.es.js

@@ -1,54 +1,59 @@
 import { j as e } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { CopyCircleOutlined as p, RedoOutlined as u } from "../../node_modules/.pnpm/@easyv_react-icons@6.3.0/node_modules/@easyv/react-icons/dist/index.esm.es.js";
-import j from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-import v from "./index.css.es.js";
-import { ShadowDom as N } from "../ShadowDom/ShadowDom.es.js";
-import { Markdown as w } 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";
-const R = (d) => {
+import { CopyCircleOutlined as F } from "../../node_modules/.pnpm/@easyv_react-icons@6.3.0/node_modules/@easyv/react-icons/dist/index.esm.es.js";
+import C from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+import g from "./index.less.es.js";
+import { ShadowDom as y } from "../ShadowDom/ShadowDom.es.js";
+import { Markdown as k } 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 b from "../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.es.js";
+const B = (c) => {
   const {
-    className: a = "",
-    renderDashboardContent: s,
-    showFooterButtons: l = !1,
-    contents: c
-  } = d, m = (t) => /* @__PURE__ */ e.jsx(N, { style: v, children: /* @__PURE__ */ e.jsx(w, { children: t }) }), x = (t) => {
-    const { data: r, filterCode: n, plotModuleName: h, plotVersion: f } = t;
-    if (s)
-      return s(t);
-    let o = r;
-    return n && (o = new Function("data", n)(r)), /* @__PURE__ */ e.jsxs("div", { children: [
+    className: m = "",
+    onCopy: s,
+    renderDashboardContent: n,
+    showFooterButtons: f = !1,
+    contents: h,
+    markdownClassName: p = "",
+    rootFontSize: x,
+    hideDefaultStyle: u,
+    markdownStyle: o
+  } = c;
+  let i = u ? "" : g;
+  o && (i += `
+${o}`);
+  const j = (r) => /* @__PURE__ */ e.jsx(
+    y,
+    {
+      style: i,
+      shadowRootDivClassName: p + " markdown-container",
+      rootFontSize: x,
+      children: /* @__PURE__ */ e.jsx(k, { remarkPlugins: [b], children: r })
+    }
+  ), w = (r) => {
+    const { data: t, filterCode: a, plotModuleName: N, plotVersion: v } = r;
+    if (n)
+      return n(r);
+    let l = t;
+    return a && (l = new Function("data", a)(t)), /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件名称：",
-        h
+        N
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件版本：",
-        f
+        v
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件数据：",
-        o.slice(0, 5).map((i) => JSON.stringify(i))
+        l.slice(0, 5).map((d) => JSON.stringify(d))
       ] })
     ] });
   };
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: j(
-        "px-4 py-3 flex flex-col gap-3 rounded-lg max-w-[516px]",
-        "bg-[#FFFFFF14] select-auto",
-        a
-      ),
-      children: [
-        c.map((t, r) => typeof t == "string" ? /* @__PURE__ */ e.jsx("div", { className: "contents", children: m(t) }, r) : /* @__PURE__ */ e.jsx("div", { className: "contents", children: x(t) }, r)),
-        l && /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer", children: /* @__PURE__ */ e.jsx(p, { className: "w-3.5 h-3.5 text-text-2" }) }),
-          /* @__PURE__ */ e.jsx("div", { className: "w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer", children: /* @__PURE__ */ e.jsx(u, { className: "w-3.5 h-3.5 text-text-2" }) })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ e.jsxs("div", { className: C("px-4 py-3 flex flex-col gap-3 rounded-lg", "bg-[#FFFFFF14] select-text", m), children: [
+    h.map((r, t) => typeof r == "string" ? /* @__PURE__ */ e.jsx("div", { className: "contents", children: j(r) }, t) : /* @__PURE__ */ e.jsx("div", { className: "contents", children: w(r) }, t)),
+    f && /* @__PURE__ */ e.jsx("div", { className: "flex gap-1", children: /* @__PURE__ */ e.jsx("div", { className: "copy-btn w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer", children: /* @__PURE__ */ e.jsx(F, { className: "w-3.5 h-3.5 text-text-2", onClick: () => s == null ? void 0 : s() }) }) })
+  ] });
 };
 export {
-  R as AiMessageRender
+  B as AiMessageRender
 };
 //# sourceMappingURL=AiMessageRender.es.js.map

package/dist/components/AiMessageRender/AiMessageRender.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiMessageRender.es.js","sources":["../../../src/components/AiMessageRender/AiMessageRender.tsx"],"sourcesContent":["import { CopyCircleOutlined, RedoOutlined } from '@easyv/react-icons';\nimport classNames from 'classnames';\nimport Markdown from 'react-markdown';\nimport { ShadowDom } from '../ShadowDom';\n// @ts-expect-error\nimport messageRenderCss from './index.css?raw';\nimport { DashboardContext } from './types';\n\nexport interface AiMessageRenderProps {\n  className?: string;\n  contents: (string | DashboardContext)[];\n  renderDashboardContent?: (msg: DashboardContext) => React.ReactNode;\n  showFooterButtons?: boolean;\n  onCopy?: () => void;\n  onRedo?: () => void;\n}\n\nexport const AiMessageRender = (props: AiMessageRenderProps) => {\n  const {\n    className = '',\n    renderDashboardContent: propsRenderDashboardContent,\n    showFooterButtons = false,\n    contents,\n  } = props;\n\n  const renderStringContent = (msg: string) => {\n    return (\n      <ShadowDom style={messageRenderCss}>\n        <Markdown>{msg}</Markdown>\n      </ShadowDom>\n    );\n  };\n  const renderDashboardContent = (msg: DashboardContext) => {\n    const { data, filterCode, plotModuleName, plotVersion } = msg;\n    if (propsRenderDashboardContent) {\n      return propsRenderDashboardContent(msg);\n    }\n    let finalData = data;\n    if (filterCode) {\n      const filterFunc = new Function('data', filterCode);\n      finalData = filterFunc(data) as unknown[];\n    }\n    return (\n      <div>\n        <div>组件名称：{plotModuleName}</div>\n        <div>组件版本：{plotVersion}</div>\n        <div>组件数据：{finalData.slice(0, 5).map((i: unknown) => JSON.stringify(i))}</div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={classNames(\n        'px-4 py-3 flex flex-col gap-3 rounded-lg max-w-[516px]',\n        'bg-[#FFFFFF14] select-auto',\n        className\n      )}\n    >\n      {contents.map((msg, index) => {\n        if (typeof msg === 'string') {\n          return (\n            <div key={index} className='contents'>\n              {renderStringContent(msg)}\n            </div>\n          );\n        } else {\n          return (\n            <div key={index} className='contents'>\n              {renderDashboardContent(msg)}\n            </div>\n          );\n        }\n      })}\n      {showFooterButtons && (\n        <div className='flex gap-1'>\n          <div className='w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer'>\n            <CopyCircleOutlined className='w-3.5 h-3.5 text-text-2' />\n          </div>\n          <div className='w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer'>\n            <RedoOutlined className='w-3.5 h-3.5 text-text-2' />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AiMessageRender","props","className","propsRenderDashboardContent","showFooterButtons","contents","renderStringContent","msg","ShadowDom","messageRenderCss","jsx","Markdown","renderDashboardContent","data","filterCode","plotModuleName","plotVersion","finalData","jsxs","classNames","index","CopyCircleOutlined","RedoOutlined"],"mappings":";;;;;;AAiBa,MAAAA,IAAkB,CAACC,MAAgC;AACxD,QAAA;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,wBAAwBC;AAAA,IACxB,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,EAAA,IACEJ,GAEEK,IAAsB,CAACC,4BAExBC,GAAU,EAAA,OAAOC,GAChB,UAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,aAAI,EACjB,CAAA,GAGEC,IAAyB,CAACL,MAA0B;AACxD,UAAM,EAAE,MAAAM,GAAM,YAAAC,GAAY,gBAAAC,GAAgB,aAAAC,EAAgB,IAAAT;AAC1D,QAAIJ;AACF,aAAOA,EAA4BI,CAAG;AAExC,QAAIU,IAAYJ;AAChB,WAAIC,MAEFG,IADmB,IAAI,SAAS,QAAQH,CAAU,EAC3BD,CAAI,2BAG1B,OACC,EAAA,UAAA;AAAA,MAAAK,gBAAAA,OAAC,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAMH;AAAA,MAAA,GAAe;AAAA,6BACzB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAMC;AAAA,MAAA,GAAY;AAAA,6BACtB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAMC,EAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,MAAe,KAAK,UAAU,CAAC,CAAC;AAAA,MAAA,EAAE,CAAA;AAAA,IAAA,GAC1E;AAAA,EAEJ;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAjB;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAASG,EAAA,IAAI,CAACE,GAAKa,MACd,OAAOb,KAAQ,iCAEd,OAAgB,EAAA,WAAU,YACxB,UAAoBD,EAAAC,CAAG,KADhBa,CAEV,0BAIC,OAAgB,EAAA,WAAU,YACxB,UAAuBR,EAAAL,CAAG,KADnBa,CAEV,CAGL;AAAA,QACAhB,KACCc,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAR,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wFACb,gCAACW,GAAmB,EAAA,WAAU,2BAA0B,EAC1D,CAAA;AAAA,UACAX,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wFACb,gCAACY,GAAa,EAAA,WAAU,0BAA0B,CAAA,EACpD,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"AiMessageRender.es.js","sources":["../../../src/components/AiMessageRender/AiMessageRender.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 '../ShadowDom';\n// @ts-expect-error\nimport messageRenderCss from './index.less?raw';\nimport { DashboardContext } from './types';\n\nexport interface AiMessageRenderProps {\n  className?: string;\n  contents: (string | DashboardContext)[];\n  renderDashboardContent?: (msg: DashboardContext) => React.ReactNode;\n  showFooterButtons?: boolean;\n  onCopy?: () => void;\n  onRedo?: () => void;\n  markdownClassName?: string;\n  rootFontSize?: number;\n  /**隐藏默认样式 */\n  hideDefaultStyle?: boolean;\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 = (msg: string) => {\n    return (\n      <ShadowDom\n        style={finalMarkdownStyle}\n        shadowRootDivClassName={markdownClassName + ' markdown-container'}\n        rootFontSize={rootFontSize}\n      >\n        <Markdown remarkPlugins={[remarkGfm]}>{msg}</Markdown>\n      </ShadowDom>\n    );\n  };\n  const renderDashboardContent = (msg: DashboardContext) => {\n    const { data, filterCode, plotModuleName, plotVersion } = msg;\n    if (propsRenderDashboardContent) {\n      return propsRenderDashboardContent(msg);\n    }\n    let finalData = data;\n    if (filterCode) {\n      const filterFunc = new Function('data', filterCode);\n      finalData = filterFunc(data) as unknown[];\n    }\n    return (\n      <div>\n        <div>组件名称：{plotModuleName}</div>\n        <div>组件版本：{plotVersion}</div>\n        <div>组件数据：{finalData.slice(0, 5).map((i: unknown) => JSON.stringify(i))}</div>\n      </div>\n    );\n  };\n\n  return (\n    <div className={classNames('px-4 py-3 flex flex-col gap-3 rounded-lg', 'bg-[#FFFFFF14] select-text', className)}>\n      {contents.map((msg, index) => {\n        if (typeof msg === 'string') {\n          return (\n            <div key={index} className='contents'>\n              {renderStringContent(msg)}\n            </div>\n          );\n        } else {\n          return (\n            <div key={index} className='contents'>\n              {renderDashboardContent(msg)}\n            </div>\n          );\n        }\n      })}\n      {showFooterButtons && (\n        <div className='flex gap-1'>\n          <div className='copy-btn w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer'>\n            <CopyCircleOutlined className='w-3.5 h-3.5 text-text-2' onClick={() => onCopy?.()} />\n          </div>\n          {/* <div className='redo-btn w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer'>\n            <RedoOutlined className='w-3.5 h-3.5 text-text-2' />\n          </div> */}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AiMessageRender","props","className","onCopy","propsRenderDashboardContent","showFooterButtons","contents","markdownClassName","rootFontSize","hideDefaultStyle","markdownStyle","finalMarkdownStyle","messageRenderCss","renderStringContent","msg","jsx","ShadowDom","Markdown","remarkGfm","renderDashboardContent","data","filterCode","plotModuleName","plotVersion","finalData","jsxs","i","classNames","index","CopyCircleOutlined"],"mappings":";;;;;;;AAuBa,MAAAA,IAAkB,CAACC,MAAgC;AACxD,QAAA;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,QAAAC;AAAA,IACA,wBAAwBC;AAAA,IACxB,mBAAAC,IAAoB;AAAA,IACpB,UAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACET;AAEA,MAAAU,IAAqBF,IAAmB,KAAKG;AACjD,EAAIF,MACoBC,KAAA;AAAA,EAAKD,CAAa;AAEpC,QAAAG,IAAsB,CAACC,MAEzBC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOL;AAAA,MACP,wBAAwBJ,IAAoB;AAAA,MAC5C,cAAAC;AAAA,MAEA,gCAACS,GAAS,EAAA,eAAe,CAACC,CAAS,GAAI,UAAIJ,EAAA,CAAA;AAAA,IAAA;AAAA,EAC7C,GAGEK,IAAyB,CAACL,MAA0B;AACxD,UAAM,EAAE,MAAAM,GAAM,YAAAC,GAAY,gBAAAC,GAAgB,aAAAC,EAAgB,IAAAT;AAC1D,QAAIV;AACF,aAAOA,EAA4BU,CAAG;AAExC,QAAIU,IAAYJ;AAChB,WAAIC,MAEFG,IADmB,IAAI,SAAS,QAAQH,CAAU,EAC3BD,CAAI,2BAG1B,OACC,EAAA,UAAA;AAAA,MAAAK,gBAAAA,OAAC,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAMH;AAAA,MAAA,GAAe;AAAA,6BACzB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAMC;AAAA,MAAA,GAAY;AAAA,6BACtB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAMC,EAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAACE,MAAe,KAAK,UAAUA,CAAC,CAAC;AAAA,MAAA,EAAE,CAAA;AAAA,IAAA,GAC1E;AAAA,EAEJ;AAEA,gCACG,OAAI,EAAA,WAAWC,EAAW,4CAA4C,8BAA8BzB,CAAS,GAC3G,UAAA;AAAA,IAASI,EAAA,IAAI,CAACQ,GAAKc,MACd,OAAOd,KAAQ,iCAEd,OAAgB,EAAA,WAAU,YACxB,UAAoBD,EAAAC,CAAG,KADhBc,CAEV,0BAIC,OAAgB,EAAA,WAAU,YACxB,UAAuBT,EAAAL,CAAG,KADnBc,CAEV,CAGL;AAAA,IACAvB,KACEU,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,iGACb,UAACA,gBAAAA,EAAA,IAAAc,GAAA,EAAmB,WAAU,2BAA0B,SAAS,MAAM1B,KAAA,gBAAAA,KAAY,GACrF,EAIF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/AiMessageRender/index.less.es.js

@@ -0,0 +1,197 @@
+const n = `.markdown-container {
+  --base-font: 16px;
+  /* // 基础文本样式 */
+  color: #fff;
+  font-family: 'PingFang SC', BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  line-height: 1.6;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  user-select: text;
+}
+
+/* // 重置一些元素的默认样式 */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+img {
+  max-width: 50%;
+  border-radius: calc(0.5 * var(--base-font));
+}
+
+/* // 标题样式 */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: calc(1.5 * var(--base-font)) var(--base-font);
+  font-weight: 600;
+  line-height: 1.25;
+  color: #fff;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+h1 {
+  font-size: calc(2 * var(--base-font));
+  border-bottom: 1px solid #eaecef;
+  padding-bottom: calc(0.3 * var(--base-font));
+}
+
+h2 {
+  font-size: calc(1.5 * var(--base-font));
+  border-bottom: 1px solid #eaecef;
+  padding-bottom: calc(0.3 * var(--base-font));
+}
+
+h3 {
+  font-size: calc(1.25 * var(--base-font));
+}
+h4 {
+  font-size: var(--base-font);
+}
+h5 {
+  font-size: calc(0.875 * var(--base-font));
+}
+h6 {
+  font-size: calc(0.85 * var(--base-font));
+  color: #6a737d;
+}
+
+/* // 段落和文本 */
+p {
+  margin: 0 0 var(--base-font);
+}
+
+strong {
+  font-weight: 600;
+}
+
+em {
+  font-style: italic;
+}
+
+/* // 链接 */
+a {
+  color: #0366d6;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+/* // 列表 */
+ul,
+ol {
+  margin-bottom: var(--base-font);
+  padding-left: calc(2 * var(--base-font));
+}
+
+li {
+  margin-bottom: calc(0.25 * var(--base-font));
+
+  > p {
+    margin: 0;
+  }
+}
+
+/* // 代码块和内联代码 */
+pre {
+  background-color: #fafafa;
+  border-radius: calc(0.3 * var(--base-font));
+  padding: var(--base-font);
+  overflow: auto;
+  margin-bottom: var(--base-font);
+  line-height: 1.45;
+  overflow-x: auto;
+
+  code {
+    color: #494949;
+    background-color: transparent;
+    padding: 0;
+    border-radius: 0;
+    border: none;
+  }
+}
+
+code {
+  font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+  background-color: #ececec;
+  color: #404040;
+  border-radius: calc(0.25 * var(--base-font));
+  padding: 0calc (2 * var(--base-font)) calc(0.4 * var(--base-font));
+  font-size: 85%;
+}
+
+/* // 表格样式 */
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: var(--base-font);
+  display: block;
+  overflow-x: auto;
+  color: #4a4e55;
+}
+table th,
+table td {
+  padding: calc(0.75 * var(--base-font)) var(--base-font);
+  border: 1px solid #dfe2e5;
+}
+
+table th {
+  background-color: #f6f8fa;
+  font-weight: 600;
+  text-align: left;
+}
+
+table tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+
+  &:nth-child(2n) {
+    background-color: #f6f8fa;
+  }
+}
+
+/* // 引用块 */
+blockquote {
+  border-left: calc(0.25 * var(--base-font)) solid #dfe2e5;
+  color: #fff;
+  padding: 0 var(--base-font);
+  margin: 0 0 var(--base-font) 0;
+
+  p {
+    margin: 0;
+  }
+}
+
+/* // 水平线 */
+hr {
+  height: 1px;
+  background-color: #e1e4e8;
+  border: 0;
+  margin: calc(1.5 * var(--base-font)) 0;
+}
+
+/* // 任务列表 */
+.task-list-item {
+  list-style-type: none;
+
+  input[type='checkbox'] {
+    margin: 0 0calc (2 * var(--base-font)) calc(0.25 * var(--base-font)) -1.6em;
+    vertical-align: middle;
+  }
+}
+`;
+export {
+  n as default
+};
+//# sourceMappingURL=index.less.es.js.map

package/dist/components/AiMessageRender/index.less.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.less.es.js","sources":["../../../src/components/AiMessageRender/index.less?raw"],"sourcesContent":["export default \".markdown-container {\\n  --base-font: 16px;\\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: 16px;\\n  font-style: normal;\\n  font-weight: 400;\\n  user-select: text;\\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: calc(1.5 * var(--base-font)) var(--base-font);\\n  font-weight: 600;\\n  line-height: 1.25;\\n  color: #fff;\\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  color: #6a737d;\\n}\\n\\n/* // 段落和文本 */\\np {\\n  margin: 0 0 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: 0calc (2 * var(--base-font)) calc(0.4 * var(--base-font));\\n  font-size: 85%;\\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":["messageRenderCss"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/ShadowDom/ShadowDom.d.ts

@@ -2,6 +2,8 @@ import { PropsWithChildren } from 'react';
 
 interface ShadowDomProps {
     style: string;
+    shadowRootDivClassName?: string;
+    rootFontSize?: number;
 }
 export declare const ShadowDom: (props: PropsWithChildren<ShadowDomProps>) => JSX.Element;
 export {};

package/dist/components/ShadowDom/ShadowDom.es.js

@@ -1,25 +1,27 @@
-import { j as o } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { useRef as i, useState as h, useEffect as m } from "react";
+import { j as s } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useRef as f, useState as m, useEffect as d } from "react";
 import { createPortal as u } from "react-dom";
-const p = (a) => {
-  const { children: e, style: n } = a, t = i(null), [r, c] = h();
-  return m(() => {
+const y = (c) => {
+  const { children: r, style: n, shadowRootDivClassName: a = "", rootFontSize: e = 16 } = c, t = f(null), [o, h] = m();
+  return d(() => {
     if (t.current && !t.current.shadowRoot) {
-      const s = t.current.attachShadow({ mode: "open" });
-      s.innerHTML = `
+      const i = t.current.shadowRoot || t.current.attachShadow({ mode: "open" });
+      i.innerHTML = `
         <style>${n}</style>
-        <div data-shadow-container class="content"></div>
+        <div data-shadow-container class="${a}"></div>
       `, setTimeout(() => {
-        const d = s.querySelector("[data-shadow-container]");
-        c(d);
+        const l = i.querySelector("[data-shadow-container]");
+        h(l);
       }, 0);
     }
-  }, [e, n]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    r && u(e, r),
-    /* @__PURE__ */ o.jsx("div", { ref: t })
+  }, [r, n, a]), d(() => {
+    o && (o.style.fontSize = `${e}px`, o.style.setProperty("--base-font", `${e}px`));
+  }, [e, o]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    o && u(r, o),
+    /* @__PURE__ */ s.jsx("div", { ref: t })
   ] });
 };
 export {
-  p as ShadowDom
+  y as ShadowDom
 };
 //# sourceMappingURL=ShadowDom.es.js.map

package/dist/components/ShadowDom/ShadowDom.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShadowDom.es.js","sources":["../../../src/components/ShadowDom/ShadowDom.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface ShadowDomProps {\n  style: string;\n}\nexport const ShadowDom = (props: PropsWithChildren<ShadowDomProps>) => {\n  const { children, style } = 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 = shadowRef.current.attachShadow({ mode: 'open' });\n      shadowRoot.innerHTML = `\n        <style>${style}</style>\n        <div data-shadow-container class=\"content\"></div>\n      `;\n      setTimeout(() => {\n        const shadowContainerInner = shadowRoot.querySelector('[data-shadow-container]');\n        setShadowContainer(shadowContainerInner as HTMLDivElement);\n      }, 0);\n    }\n  }, [children, style]);\n\n  return (\n    <>\n      {shadowContainer && createPortal(children, shadowContainer)}\n      <div ref={shadowRef} />\n    </>\n  );\n};\n"],"names":["ShadowDom","props","children","style","shadowRef","useRef","shadowContainer","setShadowContainer","useState","useEffect","shadowRoot","shadowContainerInner","jsxs","Fragment","createPortal","jsx"],"mappings":";;;AAMa,MAAAA,IAAY,CAACC,MAA6C;AAC/D,QAAA,EAAE,UAAAC,GAAU,OAAAC,EAAA,IAAUF,GACtBG,IAAYC,EAAuB,IAAI,GACvC,CAACC,GAAiBC,CAAkB,IAAIC,EAAyB;AAEvE,SAAAC,EAAU,MAAM;AACd,QAAIL,EAAU,WAAW,CAACA,EAAU,QAAQ,YAAY;AACtD,YAAMM,IAAaN,EAAU,QAAQ,aAAa,EAAE,MAAM,QAAQ;AAClE,MAAAM,EAAW,YAAY;AAAA,iBACZP,CAAK;AAAA;AAAA,SAGhB,WAAW,MAAM;AACT,cAAAQ,IAAuBD,EAAW,cAAc,yBAAyB;AAC/E,QAAAH,EAAmBI,CAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EACN,GACC,CAACT,GAAUC,CAAK,CAAC,GAIfS,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAmBP,KAAAQ,EAAaZ,GAAUI,CAAe;AAAA,IAC1DS,gBAAAA,EAAAA,IAAC,OAAI,EAAA,KAAKX,EAAW,CAAA;AAAA,EAAA,GACvB;AAEJ;"}
+{"version":3,"file":"ShadowDom.es.js","sources":["../../../src/components/ShadowDom/ShadowDom.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 = 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      setTimeout(() => {\n        const shadowContainerInner = shadowRoot.querySelector('[data-shadow-container]') 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":["ShadowDom","props","children","style","shadowRootDivClassName","rootFontSize","shadowRef","useRef","shadowContainer","setShadowContainer","useState","useEffect","shadowRoot","shadowContainerInner","jsxs","Fragment","createPortal","jsx"],"mappings":";;;AAQa,MAAAA,IAAY,CAACC,MAA6C;AACrE,QAAM,EAAE,UAAAC,GAAU,OAAAC,GAAO,wBAAAC,IAAyB,IAAI,cAAAC,IAAe,OAAOJ,GACtEK,IAAYC,EAAuB,IAAI,GACvC,CAACC,GAAiBC,CAAkB,IAAIC,EAAyB;AAEvE,SAAAC,EAAU,MAAM;AACd,QAAIL,EAAU,WAAW,CAACA,EAAU,QAAQ,YAAY;AAChD,YAAAM,IAAaN,EAAU,QAAQ,cAAcA,EAAU,QAAQ,aAAa,EAAE,MAAM,QAAQ;AAClG,MAAAM,EAAW,YAAY;AAAA,iBACZT,CAAK;AAAA,4CACsBC,CAAsB;AAAA,SAE5D,WAAW,MAAM;AACT,cAAAS,IAAuBD,EAAW,cAAc,yBAAyB;AAC/E,QAAAH,EAAmBI,CAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EAEL,GAAA,CAACX,GAAUC,GAAOC,CAAsB,CAAC,GAE5CO,EAAU,MAAM;AACd,IAAIH,MACcA,EAAA,MAAM,WAAW,GAAGH,CAAY,MAChDG,EAAgB,MAAM,YAAY,eAAe,GAAGH,CAAY,IAAI;AAAA,EACtE,GACC,CAACA,GAAcG,CAAe,CAAC,GAI7BM,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAmBP,KAAAQ,EAAad,GAAUM,CAAe;AAAA,IAC1DS,gBAAAA,EAAAA,IAAC,OAAI,EAAA,KAAKX,EAAW,CAAA;AAAA,EAAA,GACvB;AAEJ;"}