@easyv/biz-components 0.0.2 → 0.0.4

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

@@ -4,5 +4,12 @@ export interface AiMessageRenderProps {
     className?: string;
     contents: (string | DashboardContext)[];
     renderDashboardContent?: (msg: DashboardContext) => React.ReactNode;
+    showFooterButtons?: boolean;
+    onCopy?: () => void;
+    onRedo?: () => void;
+    markdownClassName?: string;
+    /**隐藏默认样式 */
+    hideDefaultStyle?: boolean;
+    markdownStyle?: string;
 }
 export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;

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

@@ -1,49 +1,60 @@
 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 f } from "../../node_modules/.pnpm/@easyv_react-icons@6.3.0/node_modules/@easyv/react-icons/dist/index.esm.es.js";
-import u from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-import j from "./index.css.es.js";
-import { ShadowDom as v } from "../ShadowDom/ShadowDom.es.js";
-import { Markdown as N } 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 D = (d) => {
-  const { className: a = "", renderDashboardContent: s, contents: c } = d, l = (r) => /* @__PURE__ */ e.jsx(v, { style: j, children: /* @__PURE__ */ e.jsx(N, { children: r }) }), m = (r) => {
-    const { data: t, filterCode: n, plotModuleName: x, plotVersion: h } = r;
-    if (s)
-      return s(r);
-    let i = t;
-    return n && (i = new Function("data", n)(t)), /* @__PURE__ */ e.jsxs("div", { children: [
+import { CopyCircleOutlined as v } 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 F from "./index.less.es.js";
+import { ShadowDom as g } from "../ShadowDom/ShadowDom.es.js";
+import { Markdown as y } 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 k from "../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.es.js";
+const B = (c) => {
+  const {
+    className: m = "",
+    onCopy: s,
+    renderDashboardContent: n,
+    showFooterButtons: f = !1,
+    contents: p,
+    markdownClassName: x = "",
+    hideDefaultStyle: h,
+    markdownStyle: o
+  } = c;
+  let a = h ? "" : F;
+  o && (a += `
+${o}`);
+  const u = (r) => /* @__PURE__ */ e.jsx(g, { style: a, shadowRootDivClassName: x + " markdown-container", children: /* @__PURE__ */ e.jsx(y, { remarkPlugins: [k], children: r }) }), j = (r) => {
+    const { data: t, filterCode: i, plotModuleName: w, plotVersion: N } = r;
+    if (n)
+      return n(r);
+    let l = t;
+    return i && (l = new Function("data", i)(t)), /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件名称：",
-        x
+        w
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件版本：",
-        h
+        N
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件数据：",
-        i.slice(0, 5).map((o) => JSON.stringify(o))
+        l.slice(0, 5).map((d) => JSON.stringify(d))
       ] })
     ] });
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: u(
+      className: C(
         "px-4 py-3 flex flex-col gap-3 rounded-lg max-w-[516px]",
         "bg-[#FFFFFF14] select-auto",
-        a
+        m
       ),
       children: [
-        c.map((r, t) => typeof r == "string" ? /* @__PURE__ */ e.jsx("div", { className: "contents", children: l(r) }, t) : /* @__PURE__ */ e.jsx("div", { className: "contents", children: m(r) }, t)),
-        /* @__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(f, { className: "w-3.5 h-3.5 text-text-2" }) })
-        ] })
+        p.map((r, t) => typeof r == "string" ? /* @__PURE__ */ e.jsx("div", { className: "contents", children: u(r) }, t) : /* @__PURE__ */ e.jsx("div", { className: "contents", children: j(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(v, { className: "w-3.5 h-3.5 text-text-2", onClick: () => s == null ? void 0 : s() }) }) })
       ]
     }
   );
 };
 export {
-  D 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}\n\nexport const AiMessageRender = (props: AiMessageRenderProps) => {\n  const { className = '', renderDashboardContent: propsRenderDashboardContent, contents } = 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      <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    </div>\n  );\n};\n"],"names":["AiMessageRender","props","className","propsRenderDashboardContent","contents","renderStringContent","msg","ShadowDom","messageRenderCss","jsx","Markdown","renderDashboardContent","data","filterCode","plotModuleName","plotVersion","finalData","jsxs","i","classNames","index","CopyCircleOutlined","RedoOutlined"],"mappings":";;;;;;AAca,MAAAA,IAAkB,CAACC,MAAgC;AAC9D,QAAM,EAAE,WAAAC,IAAY,IAAI,wBAAwBC,GAA6B,UAAAC,MAAaH,GAEpFI,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,QAAIH;AACF,aAAOA,EAA4BG,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;AAGE,SAAAD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAjB;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAASE,EAAA,IAAI,CAACE,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,QACDH,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAR,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wFACb,gCAACY,GAAmB,EAAA,WAAU,2BAA0B,EAC1D,CAAA;AAAA,UACAZ,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wFACb,gCAACa,GAAa,EAAA,WAAU,0BAA0B,CAAA,EACpD,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;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  /**隐藏默认样式 */\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    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 style={finalMarkdownStyle} shadowRootDivClassName={markdownClassName + ' markdown-container'}>\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\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='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","hideDefaultStyle","markdownStyle","finalMarkdownStyle","messageRenderCss","renderStringContent","msg","jsx","ShadowDom","Markdown","remarkGfm","renderDashboardContent","data","filterCode","plotModuleName","plotVersion","finalData","jsxs","i","classNames","index","CopyCircleOutlined"],"mappings":";;;;;;;AAsBa,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,kBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACER;AAEA,MAAAS,IAAqBF,IAAmB,KAAKG;AACjD,EAAIF,MACoBC,KAAA;AAAA,EAAKD,CAAa;AAEpC,QAAAG,IAAsB,CAACC,MAExBC,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,OAAOL,GAAoB,wBAAwBH,IAAoB,uBAChF,UAACO,gBAAAA,EAAAA,IAAAE,GAAA,EAAS,eAAe,CAACC,CAAS,GAAI,YAAI,CAAA,GAC7C,GAGEC,IAAyB,CAACL,MAA0B;AACxD,UAAM,EAAE,MAAAM,GAAM,YAAAC,GAAY,gBAAAC,GAAgB,aAAAC,EAAgB,IAAAT;AAC1D,QAAIT;AACF,aAAOA,EAA4BS,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;AAGE,SAAAD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAxB;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAASI,EAAA,IAAI,CAACO,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,QACAtB,KACES,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,iGACb,UAACA,gBAAAA,EAAA,IAAAc,GAAA,EAAmB,WAAU,2BAA0B,SAAS,MAAMzB,KAAA,gBAAAA,KAAY,GACrF,EAIF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

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

@@ -0,0 +1,196 @@
+const n = `.markdown-container {
+  /* // 基础文本样式 */
+  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: 0.5em;
+}
+
+/* // 标题样式 */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 1.5em 0 1em;
+  font-weight: 600;
+  line-height: 1.25;
+  color: #fff;
+
+  &:first-child {
+    margin-top: 0;
+  }
+}
+
+h1 {
+  font-size: 2em;
+  border-bottom: 1px solid #eaecef;
+  padding-bottom: 0.3em;
+}
+
+h2 {
+  font-size: 1.5em;
+  border-bottom: 1px solid #eaecef;
+  padding-bottom: 0.3em;
+}
+
+h3 {
+  font-size: 1.25em;
+}
+h4 {
+  font-size: 1em;
+}
+h5 {
+  font-size: 0.875em;
+}
+h6 {
+  font-size: 0.85em;
+  color: #6a737d;
+}
+
+/* // 段落和文本 */
+p {
+  margin: 0 0 1em;
+}
+
+strong {
+  font-weight: 600;
+}
+
+em {
+  font-style: italic;
+}
+
+/* // 链接 */
+a {
+  color: #0366d6;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+/* // 列表 */
+ul,
+ol {
+  margin-bottom: 1em;
+  padding-left: 2em;
+}
+
+li {
+  margin-bottom: 0.25em;
+
+  > p {
+    margin: 0;
+  }
+}
+
+/* // 代码块和内联代码 */
+pre {
+  background-color: #fafafa;
+  border-radius: 0.3em;
+  padding: 1em;
+  overflow: auto;
+  margin-bottom: 1em;
+  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: 0.25em;
+  padding: 0.2em 0.4em;
+  font-size: 85%;
+}
+
+/* // 表格样式 */
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: 1em;
+  display: block;
+  overflow-x: auto;
+  color: #4a4e55;
+}
+table th,
+table td {
+  padding: 0.75em 1em;
+  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: 0.25em solid #dfe2e5;
+  color: #fff;
+  padding: 0 1em;
+  margin: 0 0 1em 0;
+
+  p {
+    margin: 0;
+  }
+}
+
+/* // 水平线 */
+hr {
+  height: 1px;
+  background-color: #e1e4e8;
+  border: 0;
+  margin: 1.5em 0;
+}
+
+/* // 任务列表 */
+.task-list-item {
+  list-style-type: none;
+
+  input[type='checkbox'] {
+    margin: 0 0.2em 0.25em -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  /* // 基础文本样式 */\\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: 0.5em;\\n}\\n\\n/* // 标题样式 */\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6 {\\n  margin: 1.5em 0 1em;\\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: 2em;\\n  border-bottom: 1px solid #eaecef;\\n  padding-bottom: 0.3em;\\n}\\n\\nh2 {\\n  font-size: 1.5em;\\n  border-bottom: 1px solid #eaecef;\\n  padding-bottom: 0.3em;\\n}\\n\\nh3 {\\n  font-size: 1.25em;\\n}\\nh4 {\\n  font-size: 1em;\\n}\\nh5 {\\n  font-size: 0.875em;\\n}\\nh6 {\\n  font-size: 0.85em;\\n  color: #6a737d;\\n}\\n\\n/* // 段落和文本 */\\np {\\n  margin: 0 0 1em;\\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: 1em;\\n  padding-left: 2em;\\n}\\n\\nli {\\n  margin-bottom: 0.25em;\\n\\n  > p {\\n    margin: 0;\\n  }\\n}\\n\\n/* // 代码块和内联代码 */\\npre {\\n  background-color: #fafafa;\\n  border-radius: 0.3em;\\n  padding: 1em;\\n  overflow: auto;\\n  margin-bottom: 1em;\\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: 0.25em;\\n  padding: 0.2em 0.4em;\\n  font-size: 85%;\\n}\\n\\n/* // 表格样式 */\\ntable {\\n  border-collapse: collapse;\\n  width: 100%;\\n  margin-bottom: 1em;\\n  display: block;\\n  overflow-x: auto;\\n  color: #4a4e55;\\n}\\ntable th,\\ntable td {\\n  padding: 0.75em 1em;\\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: 0.25em solid #dfe2e5;\\n  color: #fff;\\n  padding: 0 1em;\\n  margin: 0 0 1em 0;\\n\\n  p {\\n    margin: 0;\\n  }\\n}\\n\\n/* // 水平线 */\\nhr {\\n  height: 1px;\\n  background-color: #e1e4e8;\\n  border: 0;\\n  margin: 1.5em 0;\\n}\\n\\n/* // 任务列表 */\\n.task-list-item {\\n  list-style-type: none;\\n\\n  input[type='checkbox'] {\\n    margin: 0 0.2em 0.25em -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;"}

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

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

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

@@ -1,25 +1,25 @@
-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 t } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useRef as h, useState as m, useEffect as l } 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(() => {
-    if (t.current && !t.current.shadowRoot) {
-      const s = t.current.attachShadow({ mode: "open" });
-      s.innerHTML = `
-        <style>${n}</style>
-        <div data-shadow-container class="content"></div>
+const R = (d) => {
+  const { children: e, style: s, shadowRootDivClassName: r = "" } = d, o = h(null), [a, c] = m();
+  return l(() => {
+    if (o.current && !o.current.shadowRoot) {
+      const n = o.current.attachShadow({ mode: "open" });
+      n.innerHTML = `
+        <style>${s}</style>
+        <div data-shadow-container class="${r}"></div>
       `, setTimeout(() => {
-        const d = s.querySelector("[data-shadow-container]");
-        c(d);
+        const i = n.querySelector("[data-shadow-container]");
+        c(i);
       }, 0);
     }
-  }, [e, n]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    r && u(e, r),
-    /* @__PURE__ */ o.jsx("div", { ref: t })
+  }, [e, s, r]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    a && u(e, a),
+    /* @__PURE__ */ t.jsx("div", { ref: o })
   ] });
 };
 export {
-  p as ShadowDom
+  R 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}\nexport const ShadowDom = (props: PropsWithChildren<ShadowDomProps>) => {\n  const { children, style, shadowRootDivClassName = '' } = 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=\"${shadowRootDivClassName}\"></div>\n      `;\n      setTimeout(() => {\n        const shadowContainerInner = shadowRoot.querySelector('[data-shadow-container]');\n        setShadowContainer(shadowContainerInner as HTMLDivElement);\n      }, 0);\n    }\n  }, [children, style, shadowRootDivClassName]);\n\n  return (\n    <>\n      {shadowContainer && createPortal(children, shadowContainer)}\n      <div ref={shadowRef} />\n    </>\n  );\n};\n"],"names":["ShadowDom","props","children","style","shadowRootDivClassName","shadowRef","useRef","shadowContainer","setShadowContainer","useState","useEffect","shadowRoot","shadowContainerInner","jsxs","Fragment","createPortal","jsx"],"mappings":";;;AAOa,MAAAA,IAAY,CAACC,MAA6C;AACrE,QAAM,EAAE,UAAAC,GAAU,OAAAC,GAAO,wBAAAC,IAAyB,GAAO,IAAAH,GACnDI,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,iBACZR,CAAK;AAAA,4CACsBC,CAAsB;AAAA,SAE5D,WAAW,MAAM;AACT,cAAAQ,IAAuBD,EAAW,cAAc,yBAAyB;AAC/E,QAAAH,EAAmBI,CAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EAEL,GAAA,CAACV,GAAUC,GAAOC,CAAsB,CAAC,GAIvCS,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAmBP,KAAAQ,EAAab,GAAUK,CAAe;AAAA,IAC1DS,gBAAAA,EAAAA,IAAC,OAAI,EAAA,KAAKX,EAAW,CAAA;AAAA,EAAA,GACvB;AAEJ;"}

package/dist/node_modules/.pnpm/@easyv_react-icons@6.3.0/node_modules/@easyv/react-icons/dist/index.esm.es.js

@@ -1,15 +1,15 @@
-import l, { useContext as v, createContext as d } from "react";
+import l, { useContext as O, createContext as z } from "react";
 import n from "../../../../../prop-types@15.8.1/node_modules/prop-types/index.es.js";
-import O from "../../../../../classnames@2.3.2/node_modules/classnames/index.es.js";
-function h(e, o) {
-  o === void 0 && (o = {});
-  var i = o.insertAt;
+import T from "../../../../../classnames@2.3.2/node_modules/classnames/index.es.js";
+function a(o, e) {
+  e === void 0 && (e = {});
+  var i = e.insertAt;
   if (!(typeof document > "u")) {
     var r = document.head || document.getElementsByTagName("head")[0], s = document.createElement("style");
-    s.type = "text/css", i === "top" && r.firstChild ? r.insertBefore(s, r.firstChild) : r.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
+    s.type = "text/css", i === "top" && r.firstChild ? r.insertBefore(s, r.firstChild) : r.appendChild(s), s.styleSheet ? s.styleSheet.cssText = o : s.appendChild(document.createTextNode(o));
   }
 }
-var w = `.easyv-icon {
+var v = `.easyv-icon {
   display: inline-flex;
   vertical-align: middle;
 }
@@ -23,80 +23,80 @@ var w = `.easyv-icon {
     transform: rotate(1turn);
   }
 }`;
-h(w);
-var P = /* @__PURE__ */ d({});
-function z() {
-  return v(P);
+a(v);
+var d = /* @__PURE__ */ z({});
+function h() {
+  return O(d);
 }
-function j(e, o, i) {
-  return (o = _(o)) in e ? Object.defineProperty(e, o, {
+function j(o, e, i) {
+  return (e = _(e)) in o ? Object.defineProperty(o, e, {
     value: i,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[o] = i, e;
+  }) : o[e] = i, o;
 }
-function g() {
-  return g = Object.assign ? Object.assign.bind() : function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var i = arguments[o];
-      for (var r in i) ({}).hasOwnProperty.call(i, r) && (e[r] = i[r]);
+function p() {
+  return p = Object.assign ? Object.assign.bind() : function(o) {
+    for (var e = 1; e < arguments.length; e++) {
+      var i = arguments[e];
+      for (var r in i) ({}).hasOwnProperty.call(i, r) && (o[r] = i[r]);
     }
-    return e;
-  }, g.apply(null, arguments);
+    return o;
+  }, p.apply(null, arguments);
 }
-function m(e, o) {
-  var i = Object.keys(e);
+function b(o, e) {
+  var i = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    o && (r = r.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    var r = Object.getOwnPropertySymbols(o);
+    e && (r = r.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(o, s).enumerable;
     })), i.push.apply(i, r);
   }
   return i;
 }
-function T(e) {
-  for (var o = 1; o < arguments.length; o++) {
-    var i = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? m(Object(i), !0).forEach(function(r) {
-      j(e, r, i[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : m(Object(i)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(i, r));
+function P(o) {
+  for (var e = 1; e < arguments.length; e++) {
+    var i = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? b(Object(i), !0).forEach(function(r) {
+      j(o, r, i[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(i)) : b(Object(i)).forEach(function(r) {
+      Object.defineProperty(o, r, Object.getOwnPropertyDescriptor(i, r));
     });
   }
-  return e;
+  return o;
 }
-function a(e, o) {
-  if (e == null) return {};
-  var i, r, s = x(e, o);
+function w(o, e) {
+  if (o == null) return {};
+  var i, r, s = C(o, e);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < t.length; r++) i = t[r], o.indexOf(i) === -1 && {}.propertyIsEnumerable.call(e, i) && (s[i] = e[i]);
+    var t = Object.getOwnPropertySymbols(o);
+    for (r = 0; r < t.length; r++) i = t[r], e.indexOf(i) === -1 && {}.propertyIsEnumerable.call(o, i) && (s[i] = o[i]);
   }
   return s;
 }
-function x(e, o) {
-  if (e == null) return {};
+function C(o, e) {
+  if (o == null) return {};
   var i = {};
-  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
-    if (o.indexOf(r) !== -1) continue;
-    i[r] = e[r];
+  for (var r in o) if ({}.hasOwnProperty.call(o, r)) {
+    if (e.indexOf(r) !== -1) continue;
+    i[r] = o[r];
   }
   return i;
 }
-function C(e, o) {
-  if (typeof e != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
+function x(o, e) {
+  if (typeof o != "object" || !o) return o;
+  var i = o[Symbol.toPrimitive];
   if (i !== void 0) {
-    var r = i.call(e, o);
+    var r = i.call(o, e);
     if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (o === "string" ? String : Number)(e);
+  return (e === "string" ? String : Number)(o);
 }
-function _(e) {
-  var o = C(e, "string");
-  return typeof o == "symbol" ? o : o + "";
+function _(o) {
+  var e = x(o, "string");
+  return typeof e == "symbol" ? e : e + "";
 }
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
@@ -274,31 +274,6 @@ n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
-var E = ["color", "size", "className", "spin", "style"], N = function(o) {
-  var i = o.color, r = o.size, s = o.className, t = o.spin, p = o.style, b = p === void 0 ? {} : p, c = a(o, E), u = z(), f = u || {}, y = f.cls;
-  return /* @__PURE__ */ l.createElement("span", g({
-    className: O("easyv-icon", {
-      "easyv-icon-loading": t
-    }, y, s),
-    style: T({
-      color: i,
-      fontSize: r
-    }, b)
-  }, c), /* @__PURE__ */ l.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    fill: "currentColor"
-  }, /* @__PURE__ */ l.createElement("path", {
-    d: "M18.595 20.76a10.695 10.695 0 004.12-8.443A10.704 10.704 0 0012.017 1.605c-5.926-.008-10.73 4.79-10.73 10.712 0 3.354 1.54 6.346 3.953 8.309.093.075.23.059.305-.035L6.6 19.238a.215.215 0 00-.032-.297 8.534 8.534 0 01-2.464-3.292 8.43 8.43 0 01-.675-3.332 8.535 8.535 0 012.51-6.059A8.535 8.535 0 0112 3.748a8.534 8.534 0 016.059 2.51 8.534 8.534 0 012.51 6.06 8.532 8.532 0 01-2.51 6.059c-.249.248-.511.481-.784.695l-1.09-1.395a.214.214 0 00-.378.08l-1.061 4.345a.215.215 0 00.206.265l4.473.021c.18 0 .282-.206.17-.345l-1-1.283z"
-  })));
-};
-N.propTypes = {
-  color: n.string,
-  size: n.oneOfType([n.string, n.number]),
-  spin: n.bool
-};
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
@@ -684,17 +659,18 @@ n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
-var S = ["color", "size", "className", "spin", "style"], A = function(o) {
-  var i = o.color, r = o.size, s = o.className, t = o.spin, p = o.style, b = p === void 0 ? {} : p, c = a(o, S), u = z(), f = u || {}, y = f.cls;
-  return /* @__PURE__ */ l.createElement("span", g({
-    className: O("easyv-icon", {
+n.string, n.oneOfType([n.string, n.number]), n.bool;
+var S = ["color", "size", "className", "spin", "style"], E = function(e) {
+  var i = e.color, r = e.size, s = e.className, t = e.spin, g = e.style, c = g === void 0 ? {} : g, u = w(e, S), f = h(), y = f || {}, m = y.cls;
+  return /* @__PURE__ */ l.createElement("span", p({
+    className: T("easyv-icon", {
       "easyv-icon-loading": t
-    }, y, s),
-    style: T({
+    }, m, s),
+    style: P({
       color: i,
       fontSize: r
-    }, b)
-  }, c), /* @__PURE__ */ l.createElement("svg", {
+    }, c)
+  }, u), /* @__PURE__ */ l.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
@@ -706,7 +682,7 @@ var S = ["color", "size", "className", "spin", "style"], A = function(o) {
     d: "M3.293 3.293A1 1 0 014 3h9a1 1 0 011 1v1a1 1 0 102 0V4a3 3 0 00-3-3H4a3 3 0 00-3 3v9a3 3 0 003 3h1a1 1 0 100-2H4a1 1 0 01-1-1V4a1 1 0 01.293-.707zM10 11a1 1 0 011-1h9a1 1 0 011 1v9a1 1 0 01-1 1h-9a1 1 0 01-1-1v-9zm1-3a3 3 0 00-3 3v9a3 3 0 003 3h9a3 3 0 003-3v-9a3 3 0 00-3-3h-9z"
   })));
 };
-A.propTypes = {
+E.propTypes = {
   color: n.string,
   size: n.oneOfType([n.string, n.number]),
   spin: n.bool
@@ -1153,8 +1129,7 @@ n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 n.string, n.oneOfType([n.string, n.number]), n.bool;
 export {
-  A as CopyCircleOutlined,
-  N as RedoOutlined,
-  z as useConfig
+  E as CopyCircleOutlined,
+  h as useConfig
 };
 //# sourceMappingURL=index.esm.es.js.map