@easyv/biz-components 0.0.1 → 0.0.3

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

@@ -2,6 +2,10 @@ import { DashboardContext } from './types';
 
 export interface AiMessageRenderProps {
     className?: string;
-    content: (string | DashboardContext)[];
+    contents: (string | DashboardContext)[];
+    renderDashboardContent?: (msg: DashboardContext) => React.ReactNode;
+    showFooterButtons?: boolean;
+    onCopy?: () => void;
+    onRedo?: () => void;
 }
 export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;

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

@@ -1,17 +1,24 @@
 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 h } 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 g } from "../ShadowDom/ShadowDom.es.js";
-import { Markdown as v } 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 S = (l) => {
-  const { className: d = "", content: c } = l, a = (t, r) => /* @__PURE__ */ e.jsx(g, { style: j, children: /* @__PURE__ */ e.jsx(v, { children: t }) }, r), m = (t, r) => {
-    const { data: s, filterCode: n, plotModuleName: x, plotVersion: f } = t;
-    let i = s;
-    return n && (i = new Function("data", n)(s)), /* @__PURE__ */ e.jsxs("div", { children: [
+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) => {
+  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: [
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件名称：",
-        x
+        h
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件版本：",
@@ -19,29 +26,29 @@ const S = (l) => {
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "组件数据：",
-        i.slice(0, 5).map((o) => JSON.stringify(o))
+        o.slice(0, 5).map((i) => JSON.stringify(i))
       ] })
-    ] }, r);
+    ] });
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: u(
+      className: j(
         "px-4 py-3 flex flex-col gap-3 rounded-lg max-w-[516px]",
         "bg-[#FFFFFF14] select-auto",
-        d
+        a
       ),
       children: [
-        c.map((t, r) => typeof t == "string" ? a(t, r.toString()) : m(t, r.toString())),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", 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(h, { 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" }) })
         ] })
       ]
     }
   );
 };
 export {
-  S as AiMessageRender
+  R 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  content: (string | DashboardContext)[];\n}\n\nexport const AiMessageRender = (props: AiMessageRenderProps) => {\n  const { className = '', content } = props;\n\n  const renderStringContent = (msg: string, key?: string) => {\n    return (\n      <ShadowDom style={messageRenderCss} key={key}>\n        <Markdown>{msg}</Markdown>\n      </ShadowDom>\n    );\n  };\n  const renderDashboardContent = (msg: DashboardContext, key?: string) => {\n    const { data, filterCode, plotModuleName, plotVersion } = msg;\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 key={key}>\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      {content.map((msg, index) => {\n        if (typeof msg === 'string') {\n          return renderStringContent(msg, index.toString());\n        } else {\n          return renderDashboardContent(msg, index.toString());\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","content","renderStringContent","msg","key","jsx","ShadowDom","messageRenderCss","Markdown","renderDashboardContent","data","filterCode","plotModuleName","plotVersion","finalData","jsxs","i","classNames","index","CopyCircleOutlined","RedoOutlined"],"mappings":";;;;;;AAaa,MAAAA,IAAkB,CAACC,MAAgC;AAC9D,QAAM,EAAE,WAAAC,IAAY,IAAI,SAAAC,EAAY,IAAAF,GAE9BG,IAAsB,CAACC,GAAaC,MAEtCC,gBAAAA,EAAA,IAACC,KAAU,OAAOC,GAChB,gCAACC,GAAU,EAAA,UAAAL,EAAA,CAAI,KADwBC,CAEzC,GAGEK,IAAyB,CAACN,GAAuBC,MAAiB;AACtE,UAAM,EAAE,MAAAM,GAAM,YAAAC,GAAY,gBAAAC,GAAgB,aAAAC,EAAgB,IAAAV;AAC1D,QAAIW,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,EAAA,GAHhEZ,CAIV;AAAA,EAEJ;AAGE,SAAAW,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAjB;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAQC,EAAA,IAAI,CAACE,GAAKe,MACb,OAAOf,KAAQ,WACVD,EAAoBC,GAAKe,EAAM,SAAA,CAAU,IAEzCT,EAAuBN,GAAKe,EAAM,SAAA,CAAU,CAEtD;AAAA,QACDH,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAV,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wFACb,gCAACc,GAAmB,EAAA,WAAU,2BAA0B,EAC1D,CAAA;AAAA,UACAd,gBAAAA,EAAAA,IAAC,SAAI,WAAU,wFACb,gCAACe,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, 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;"}

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

@@ -1,23 +1,25 @@
-import { j as e } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { useRef as i, useEffect as h } from "react";
-import { createPortal as l } from "react-dom";
-const w = (c) => {
-  var s, a;
-  const { children: r, style: n } = c, o = i(null), t = (a = (s = o.current) == null ? void 0 : s.shadowRoot) == null ? void 0 : a.querySelector("[data-shadow-container]");
-  return h(() => {
-    if (o.current && !o.current.shadowRoot) {
-      const d = o.current.attachShadow({ mode: "open" });
-      d.innerHTML = `
+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 { 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">1</div>
-      `;
+        <div data-shadow-container class="content"></div>
+      `, setTimeout(() => {
+        const d = s.querySelector("[data-shadow-container]");
+        c(d);
+      }, 0);
     }
-  }, [r, n]), console.log("%c  🐱  ==== shadow container", "color: orange; font-size: 16px;", o.current, t), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    t && l(r, t),
-    /* @__PURE__ */ e.jsx("div", { ref: o })
+  }, [e, n]), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    r && u(e, r),
+    /* @__PURE__ */ o.jsx("div", { ref: t })
   ] });
 };
 export {
-  w as ShadowDom
+  p 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 } 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 = 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\">1</div>\n      `;\n    }\n  }, [children, style]);\n  console.log('%c  🐱  ==== shadow container', 'color: orange; font-size: 16px;', shadowRef.current, shadowContainer);\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","_b","_a","useEffect","shadowRoot","jsxs","Fragment","createPortal","jsx"],"mappings":";;;AAMa,MAAAA,IAAY,CAACC,MAA6C;;AAC/D,QAAA,EAAE,UAAAC,GAAU,OAAAC,EAAA,IAAUF,GACtBG,IAAYC,EAAuB,IAAI,GACvCC,KAAkBC,KAAAC,IAAAJ,EAAU,YAAV,gBAAAI,EAAmB,eAAnB,gBAAAD,EAA+B,cAAc;AAErE,SAAAE,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;AAAA,IAAA;AAAA,EAGlB,GACC,CAACD,GAAUC,CAAK,CAAC,GACpB,QAAQ,IAAI,iCAAiC,mCAAmCC,EAAU,SAASE,CAAe,GAI7GK,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAmBN,KAAAO,EAAaX,GAAUI,CAAe;AAAA,IAC1DQ,gBAAAA,EAAAA,IAAC,OAAI,EAAA,KAAKV,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}\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;"}

package/dist/components/index.d.ts

@@ -1,3 +1,2 @@
-export * from './Button';
 export * from './AiMessageRender';
 export * from './ShadowDom';

package/dist/index.es.js

@@ -1,9 +1,7 @@
-import { Button as r } from "./components/Button/index.es.js";
-import { AiMessageRender as m } from "./components/AiMessageRender/AiMessageRender.es.js";
-import { ShadowDom as p } from "./components/ShadowDom/ShadowDom.es.js";
+import { AiMessageRender as r } from "./components/AiMessageRender/AiMessageRender.es.js";
+import { ShadowDom as a } from "./components/ShadowDom/ShadowDom.es.js";
 export {
-  m as AiMessageRender,
-  r as Button,
-  p as ShadowDom
+  r as AiMessageRender,
+  a as ShadowDom
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/biz-components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",

package/dist/components/Button/index.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-
-export interface ButtonProps {
-    /**
-     * 按钮文本
-     */
-    children?: React.ReactNode;
-    /**
-     * 点击事件处理函数
-     */
-    onClick?: () => void;
-    /**
-     * 按钮类型
-     */
-    type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
-}
-export declare const Button: React.FC<ButtonProps>;

package/dist/components/Button/index.es.js

@@ -1,23 +0,0 @@
-import { j as l } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-const u = ({ children: r, onClick: t, type: o = "default", disabled: e = !1 }) => {
-  const a = "px-4 py-2 rounded-md transition-all duration-200", s = {
-    primary: "bg-blue-500 text-white hover:bg-blue-600",
-    default: "bg-gray-200 text-gray-800 hover:bg-gray-300",
-    dashed: "border-dashed border-2 border-gray-300 hover:border-gray-400",
-    link: "text-blue-500 hover:text-blue-600 hover:underline",
-    text: "text-gray-600 hover:bg-gray-100"
-  }, n = e ? "opacity-50 cursor-not-allowed" : "cursor-pointer";
-  return /* @__PURE__ */ l.jsx(
-    "button",
-    {
-      className: `${a} ${s[o]} ${n}`,
-      onClick: e ? void 0 : t,
-      disabled: e,
-      children: r
-    }
-  );
-};
-export {
-  u as Button
-};
-//# sourceMappingURL=index.es.js.map

package/dist/components/Button/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ButtonProps {\n  /**\n   * 按钮文本\n   */\n  children?: React.ReactNode;\n  /**\n   * 点击事件处理函数\n   */\n  onClick?: () => void;\n  /**\n   * 按钮类型\n   */\n  type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n}\n\nexport const Button: React.FC<ButtonProps> = ({ children, onClick, type = 'default', disabled = false }) => {\n  const baseStyles = 'px-4 py-2 rounded-md transition-all duration-200';\n  const typeStyles = {\n    primary: 'bg-blue-500 text-white hover:bg-blue-600',\n    default: 'bg-gray-200 text-gray-800 hover:bg-gray-300',\n    dashed: 'border-dashed border-2 border-gray-300 hover:border-gray-400',\n    link: 'text-blue-500 hover:text-blue-600 hover:underline',\n    text: 'text-gray-600 hover:bg-gray-100',\n  };\n\n  const disabledStyles = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n\n  return (\n    <button\n      className={`${baseStyles} ${typeStyles[type]} ${disabledStyles}`}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["Button","children","onClick","type","disabled","baseStyles","typeStyles","disabledStyles","jsx"],"mappings":";AAqBa,MAAAA,IAAgC,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,WAAW,UAAAC,IAAW,SAAY;AAC1G,QAAMC,IAAa,oDACbC,IAAa;AAAA,IACjB,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GAEMC,IAAiBH,IAAW,kCAAkC;AAGlE,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGH,CAAU,IAAIC,EAAWH,CAAI,CAAC,IAAII,CAAc;AAAA,MAC9D,SAASH,IAAW,SAAYF;AAAA,MAChC,UAAAE;AAAA,MAEC,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ;"}