@easyv/biz-components 0.0.30 → 0.0.33

package/README.md

@@ -0,0 +1,28 @@
+# 这是一个按需加载的组件库
+
+## 安装
+
+```
+pnpm install easyv-biz-components
+```
+
+## 引入
+
+```
+import { Button } from 'easyv-biz-components'
+```
+
+## 引入样式（很重要）
+
+**_在你项目的入口文件引入下面两个样式_**
+
+```
+import '@easyv/biz-components/dist/index.css';
+import '@easyv/biz-components/dist/style.css';
+```
+
+## 按需加载
+
+```
+import { Button } from 'easyv-biz-components'
+```

package/dist/_virtual/_commonjsHelpers.es.js

@@ -2,33 +2,8 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
 export {
   commonjsGlobal,
-  getAugmentedNamespace,
   getDefaultExportFromCjs
 };
 //# sourceMappingURL=_commonjsHelpers.es.js.map

package/dist/_virtual/_commonjsHelpers.es.js.map

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

package/dist/_virtual/index.es2.js

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

package/dist/_virtual/index.es3.js

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

package/dist/_virtual/index.es4.js

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

package/dist/_virtual/index.es5.js

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

package/dist/_virtual/index.es6.js

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

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

@@ -62,19 +62,25 @@ ${markdownStyle}`;
     "div",
     {
       className: classNames(
-        "px-4 py-3 flex flex-col gap-3 rounded-lg",
-        "bg-[#FFFFFF14] select-text",
+        "biz-px-4 biz-py-3 biz-flex biz-flex-col biz-gap-3 biz-rounded-lg",
+        "biz-bg-[#FFFFFF14] biz-select-text",
         className
       ),
       children: [
         contents.map((msg, index) => {
           if (typeof msg === "string") {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "contents", children: renderStringContent(msg) }, index);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-contents", children: renderStringContent(msg) }, index);
           } else {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "contents", children: renderDashboardContent(msg) }, index);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-contents", children: renderDashboardContent(msg) }, index);
           }
         }),
-        showFooterButtons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "copy-btn w-6 h-6 rounded-md flex justify-center items-center hover:bg-bg-white cursor-pointer", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyCircleOutlined, { className: "w-3.5 h-3.5 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: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CopyCircleOutlined,
+          {
+            className: "biz-w-3.5 biz-h-3.5 biz-text-text-2",
+            onClick: () => onCopy == null ? void 0 : onCopy()
+          }
+        ) }) })
       ]
     }
   );

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 } from '@easyv/react-icons';\nimport classNames from 'classnames';\nimport Markdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport { ShadowDom } from '../ShadowDom';\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\n      className={classNames(\n        'px-4 py-3 flex flex-col gap-3 rounded-lg',\n        'bg-[#FFFFFF14] select-text',\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":["jsx","jsxs"],"mappings":";;;;;;;AAsBa,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,QAAgB;AAEzC,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,wBAAwB,oBAAoB;AAAA,QAC5C;AAAA,QAEA,gDAAC,UAAS,EAAA,eAAe,CAAC,SAAS,GAAI,UAAI,IAAA,CAAA;AAAA,MAAA;AAAA,IAC7C;AAAA,EAEJ;AACM,QAAA,yBAAyB,CAAC,QAA0B;AACxD,UAAM,EAAE,MAAM,YAAY,gBAAgB,YAAgB,IAAA;AAC1D,QAAI,6BAA6B;AAC/B,aAAO,4BAA4B,GAAG;AAAA,IAAA;AAExC,QAAI,YAAY;AAChB,QAAI,YAAY;AACd,YAAM,aAAa,IAAI,SAAS,QAAQ,UAAU;AAClD,kBAAY,WAAW,IAAI;AAAA,IAAA;AAE7B,kDACG,OACC,EAAA,UAAA;AAAA,MAAAC,uCAAC,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,MAAA,GAAe;AAAA,6CACzB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,MAAA,GAAY;AAAA,6CACtB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAM,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,MAAe,KAAK,UAAU,CAAC,CAAC;AAAA,MAAA,EAAE,CAAA;AAAA,IAAA,GAC1E;AAAA,EAEJ;AAGE,SAAAA,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;AACxB,cAAA,OAAO,QAAQ,UAAU;AAC3B,yDACG,OAAgB,EAAA,WAAU,YACxB,UAAoB,oBAAA,GAAG,KADhB,KAEV;AAAA,UAAA,OAEG;AACL,yDACG,OAAgB,EAAA,WAAU,YACxB,UAAuB,uBAAA,GAAG,KADnB,KAEV;AAAA,UAAA;AAAA,QAEJ,CACD;AAAA,QACA,qBACED,kCAAAA,IAAA,OAAA,EAAI,WAAU,cACb,UAAAA,kCAAA,IAAC,SAAI,WAAU,iGACb,UAACA,kCAAA,IAAA,oBAAA,EAAmB,WAAU,2BAA0B,SAAS,MAAM,oCAAY,GACrF,EAIF,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';\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\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 (typeof msg === 'string') {\n          return (\n            <div key={index} className='biz-contents'>\n              {renderStringContent(msg)}\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":";;;;;;;AAsBa,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,QAAgB;AAEzC,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,wBAAwB,oBAAoB;AAAA,QAC5C;AAAA,QAEA,gDAAC,UAAS,EAAA,eAAe,CAAC,SAAS,GAAI,UAAI,IAAA,CAAA;AAAA,MAAA;AAAA,IAC7C;AAAA,EAEJ;AACM,QAAA,yBAAyB,CAAC,QAA0B;AACxD,UAAM,EAAE,MAAM,YAAY,gBAAgB,YAAgB,IAAA;AAC1D,QAAI,6BAA6B;AAC/B,aAAO,4BAA4B,GAAG;AAAA,IAAA;AAExC,QAAI,YAAY;AAChB,QAAI,YAAY;AACd,YAAM,aAAa,IAAI,SAAS,QAAQ,UAAU;AAClD,kBAAY,WAAW,IAAI;AAAA,IAAA;AAE7B,kDACG,OACC,EAAA,UAAA;AAAA,MAAAC,uCAAC,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,MAAA,GAAe;AAAA,6CACzB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAM;AAAA,MAAA,GAAY;AAAA,6CACtB,OAAI,EAAA,UAAA;AAAA,QAAA;AAAA,QAAM,UAAU,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,MAAe,KAAK,UAAU,CAAC,CAAC;AAAA,MAAA,EAAE,CAAA;AAAA,IAAA,GAC1E;AAAA,EAEJ;AAGE,SAAAA,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;AACxB,cAAA,OAAO,QAAQ,UAAU;AAC3B,yDACG,OAAgB,EAAA,WAAU,gBACxB,UAAoB,oBAAA,GAAG,KADhB,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,UAACD,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;"}

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

@@ -13,7 +13,9 @@ const ShadowDom = (props) => {
         <div data-shadow-container class="${shadowRootDivClassName}"></div>
       `;
       setTimeout(() => {
-        const shadowContainerInner = shadowRoot.querySelector("[data-shadow-container]");
+        const shadowContainerInner = shadowRoot.querySelector(
+          "[data-shadow-container]"
+        );
         setShadowContainer(shadowContainerInner);
       }, 0);
     }

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  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":["jsxs","Fragment","jsx"],"mappings":";;;AAQa,MAAA,YAAY,CAAC,UAA6C;AACrE,QAAM,EAAE,UAAU,OAAO,yBAAyB,IAAI,eAAe,OAAO;AACtE,QAAA,YAAY,OAAuB,IAAI;AAC7C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAyB;AAEvE,YAAU,MAAM;AACd,QAAI,UAAU,WAAW,CAAC,UAAU,QAAQ,YAAY;AAChD,YAAA,aAAa,UAAU,QAAQ,cAAc,UAAU,QAAQ,aAAa,EAAE,MAAM,QAAQ;AAClG,iBAAW,YAAY;AAAA,iBACZ,KAAK;AAAA,4CACsB,sBAAsB;AAAA;AAE5D,iBAAW,MAAM;AACT,cAAA,uBAAuB,WAAW,cAAc,yBAAyB;AAC/E,2BAAmB,oBAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EAEL,GAAA,CAAC,UAAU,OAAO,sBAAsB,CAAC;AAE5C,YAAU,MAAM;AACd,QAAI,iBAAiB;AACH,sBAAA,MAAM,WAAW,GAAG,YAAY;AAChD,sBAAgB,MAAM,YAAY,eAAe,GAAG,YAAY,IAAI;AAAA,IAAA;AAAA,EACtE,GACC,CAAC,cAAc,eAAe,CAAC;AAElC,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAmB,mBAAA,aAAa,UAAU,eAAe;AAAA,IAC1DC,kCAAAA,IAAC,OAAI,EAAA,KAAK,UAAW,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 =\n        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(\n          '[data-shadow-container]',\n        ) 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":["jsxs","Fragment","jsx"],"mappings":";;;AAQa,MAAA,YAAY,CAAC,UAA6C;AACrE,QAAM,EAAE,UAAU,OAAO,yBAAyB,IAAI,eAAe,OAAO;AACtE,QAAA,YAAY,OAAuB,IAAI;AAC7C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAyB;AAEvE,YAAU,MAAM;AACd,QAAI,UAAU,WAAW,CAAC,UAAU,QAAQ,YAAY;AAChD,YAAA,aACJ,UAAU,QAAQ,cAAc,UAAU,QAAQ,aAAa,EAAE,MAAM,QAAQ;AACjF,iBAAW,YAAY;AAAA,iBACZ,KAAK;AAAA,4CACsB,sBAAsB;AAAA;AAE5D,iBAAW,MAAM;AACf,cAAM,uBAAuB,WAAW;AAAA,UACtC;AAAA,QACF;AACA,2BAAmB,oBAAsC;AAAA,SACxD,CAAC;AAAA,IAAA;AAAA,EAEL,GAAA,CAAC,UAAU,OAAO,sBAAsB,CAAC;AAE5C,YAAU,MAAM;AACd,QAAI,iBAAiB;AACH,sBAAA,MAAM,WAAW,GAAG,YAAY;AAChD,sBAAgB,MAAM,YAAY,eAAe,GAAG,YAAY,IAAI;AAAA,IAAA;AAAA,EACtE,GACC,CAAC,cAAc,eAAe,CAAC;AAElC,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAmB,mBAAA,aAAa,UAAU,eAAe;AAAA,IAC1DC,kCAAAA,IAAC,OAAI,EAAA,KAAK,UAAW,CAAA;AAAA,EAAA,GACvB;AAEJ;"}

package/dist/components/VoiceAnimation/VoiceAnimation.es.js

@@ -8,11 +8,11 @@ const getAnimationDelay = (index) => {
 };
 const VoiceAnimation = (props) => {
   const { className = "", barNumber = 22, barClassName = "" } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames("voice-animation flex justify-between", className), children: new Array(barNumber).fill(0).map((_, index) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames("voice-animation biz-flex biz-justify-between", className), children: new Array(barNumber).fill(0).map((_, index) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: `wave-bar h-full rounded-full w-[0.4rem] ${barClassName}`,
+        className: `wave-bar biz-h-full biz-rounded-full biz-w-[0.4rem] ${barClassName}`,
         style: {
           animationDelay: getAnimationDelay(index)
         }

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceAnimation.es.js","sources":["../../../src/components/VoiceAnimation/VoiceAnimation.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport './index.css';\n\nexport interface VoiceAnimationProps {\n  className?: string;\n  barNumber?: number;\n  barClassName?: string;\n}\nconst animationDelayList = [0.4, 1.2, 0.8, 1.4, 0.8, 0.4, 1.4, 0.4, 1.4, 0.8, 0.4, 1.6];\nconst durationLength = animationDelayList.length;\nconst getAnimationDelay = (index: number) => {\n  return `-${animationDelayList[index % durationLength]}s`;\n};\n\nexport const VoiceAnimation = (props: VoiceAnimationProps) => {\n  const { className = '', barNumber = 22, barClassName = '' } = props;\n\n  return (\n    <div className={classNames('voice-animation flex justify-between', className)}>\n      {new Array(barNumber).fill(0).map((_, index) => {\n        return (\n          <div\n            key={index}\n            className={`wave-bar h-full rounded-full w-[0.4rem] ${barClassName}`}\n            style={{\n              animationDelay: getAnimationDelay(index),\n            }}\n          ></div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAQA,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtF,MAAM,iBAAiB,mBAAmB;AAC1C,MAAM,oBAAoB,CAAC,UAAkB;AAC3C,SAAO,IAAI,mBAAmB,QAAQ,cAAc,CAAC;AACvD;AAEa,MAAA,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,YAAY,IAAI,YAAY,IAAI,eAAe,OAAO;AAE9D,+CACG,OAAI,EAAA,WAAW,WAAW,wCAAwC,SAAS,GACzE,UAAA,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAE5C,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW,2CAA2C,YAAY;AAAA,QAClE,OAAO;AAAA,UACL,gBAAgB,kBAAkB,KAAK;AAAA,QAAA;AAAA,MACzC;AAAA,MAJK;AAAA,IAKN;AAAA,EAEJ,CAAA,GACH;AAEJ;"}
+{"version":3,"file":"VoiceAnimation.es.js","sources":["../../../src/components/VoiceAnimation/VoiceAnimation.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport './index.css';\n\nexport interface VoiceAnimationProps {\n  className?: string;\n  barNumber?: number;\n  barClassName?: string;\n}\nconst animationDelayList = [0.4, 1.2, 0.8, 1.4, 0.8, 0.4, 1.4, 0.4, 1.4, 0.8, 0.4, 1.6];\nconst durationLength = animationDelayList.length;\nconst getAnimationDelay = (index: number) => {\n  return `-${animationDelayList[index % durationLength]}s`;\n};\n\nexport const VoiceAnimation = (props: VoiceAnimationProps) => {\n  const { className = '', barNumber = 22, barClassName = '' } = props;\n\n  return (\n    <div className={classNames('voice-animation biz-flex biz-justify-between', className)}>\n      {new Array(barNumber).fill(0).map((_, index) => {\n        return (\n          <div\n            key={index}\n            className={`wave-bar biz-h-full biz-rounded-full biz-w-[0.4rem] ${barClassName}`}\n            style={{\n              animationDelay: getAnimationDelay(index),\n            }}\n          ></div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;AAQA,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtF,MAAM,iBAAiB,mBAAmB;AAC1C,MAAM,oBAAoB,CAAC,UAAkB;AAC3C,SAAO,IAAI,mBAAmB,QAAQ,cAAc,CAAC;AACvD;AAEa,MAAA,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,YAAY,IAAI,YAAY,IAAI,eAAe,OAAO;AAE9D,+CACG,OAAI,EAAA,WAAW,WAAW,gDAAgD,SAAS,GACjF,UAAA,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAE5C,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW,uDAAuD,YAAY;AAAA,QAC9E,OAAO;AAAA,UACL,gBAAgB,kBAAkB,KAAK;AAAA,QAAA;AAAA,MACzC;AAAA,MAJK;AAAA,IAKN;AAAA,EAEJ,CAAA,GACH;AAEJ;"}

package/dist/hooks/index.d.ts

@@ -1,2 +1,4 @@
 export * from './useDivAutoScroll';
 export * from './useXunFeiSteamVoiceManager';
+export * from './useInitialized';
+export * from './useWatchValue';

package/dist/hooks/useInitialized.d.ts

@@ -0,0 +1,5 @@
+/** 传入的函数只会初始化运行一次
+ * @param fn 初始化函数
+ * @returns initialized 是否初始化，boolean 值是一个 react state，会触发重新渲染
+ */
+export declare function useInitialized(fn: () => void, cleanFn?: () => void): boolean;

package/dist/hooks/useInitialized.es.js

@@ -0,0 +1,26 @@
+import { useState, useRef, useEffect } from "react";
+function useInitialized(fn, cleanFn) {
+  const [initialized, setInitialized] = useState(false);
+  const initializedRef = useRef(false);
+  const updateFnRef = useRef(fn);
+  const cleanFnRef = useRef(cleanFn);
+  updateFnRef.current = fn;
+  cleanFnRef.current = cleanFn;
+  useEffect(() => {
+    if (!initializedRef.current) {
+      updateFnRef.current();
+      setInitialized(true);
+      initializedRef.current = true;
+    }
+    return () => {
+      if (cleanFnRef.current) {
+        cleanFnRef.current();
+      }
+    };
+  }, []);
+  return initialized;
+}
+export {
+  useInitialized
+};
+//# sourceMappingURL=useInitialized.es.js.map

package/dist/hooks/useInitialized.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInitialized.es.js","sources":["../../src/hooks/useInitialized.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** 传入的函数只会初始化运行一次\n * @param fn 初始化函数\n * @returns initialized 是否初始化，boolean 值是一个 react state，会触发重新渲染\n */\nexport function useInitialized(fn: () => void, cleanFn?: () => void) {\n  const [initialized, setInitialized] = useState(false);\n  const initializedRef = useRef(false);\n  const updateFnRef = useRef(fn);\n  const cleanFnRef = useRef(cleanFn);\n  updateFnRef.current = fn;\n  cleanFnRef.current = cleanFn;\n\n  useEffect(() => {\n    if (!initializedRef.current) {\n      updateFnRef.current();\n      setInitialized(true);\n      initializedRef.current = true;\n    }\n    return () => {\n      if (cleanFnRef.current) {\n        cleanFnRef.current();\n      }\n    };\n  }, []);\n\n  return initialized;\n}\n"],"names":[],"mappings":";AAMgB,SAAA,eAAe,IAAgB,SAAsB;AACnE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAC9C,QAAA,iBAAiB,OAAO,KAAK;AAC7B,QAAA,cAAc,OAAO,EAAE;AACvB,QAAA,aAAa,OAAO,OAAO;AACjC,cAAY,UAAU;AACtB,aAAW,UAAU;AAErB,YAAU,MAAM;AACV,QAAA,CAAC,eAAe,SAAS;AAC3B,kBAAY,QAAQ;AACpB,qBAAe,IAAI;AACnB,qBAAe,UAAU;AAAA,IAAA;AAE3B,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,mBAAW,QAAQ;AAAA,MAAA;AAAA,IAEvB;AAAA,EACF,GAAG,EAAE;AAEE,SAAA;AACT;"}

package/dist/hooks/useWatchValue.d.ts

@@ -0,0 +1,18 @@
+type BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;
+interface Params<T> {
+    value: T;
+    callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);
+    /** 清理函数，同 react 的 cleanup 函数 */
+    clearupFn?: (value: T | null) => void;
+    options?: {
+        equalFn?: (value1: T, value2: T) => boolean;
+        immediate?: boolean;
+    };
+}
+/**监听值变化，
+ * 值变化时调用 callback
+ * 判断值是否变化默认使用 lodash 的 isEqual
+ * @param params { value: T; callback: (newValue: T, oldValue?: T) => void | Promise<void>; options?: { equalFn: (value1: T, value2: T) => boolean; immediate?: boolean; } }
+ */
+export declare function useWatchValue<T extends BaseValueType>(params: Params<T>): void;
+export {};

package/dist/hooks/useWatchValue.es.js

@@ -0,0 +1,32 @@
+import { useRef, useEffect } from "react";
+import isEqual from "../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.es.js";
+function useWatchValue(params) {
+  const { value, callback, clearupFn, options } = params;
+  const ref = useRef(null);
+  const initialRef = useRef(false);
+  const { equalFn = isEqual } = options || {};
+  useEffect(() => {
+    let isCallbackRun = false;
+    if ((options == null ? void 0 : options.immediate) && !initialRef.current) {
+      isCallbackRun = true;
+      callback(value, value);
+      initialRef.current = true;
+    }
+    if (ref.current === null) {
+      ref.current = value;
+    } else if (equalFn(value, ref.current) === false) {
+      isCallbackRun = true;
+      callback(value, ref.current);
+      ref.current = value;
+    }
+    return () => {
+      if (isCallbackRun && clearupFn) {
+        clearupFn(ref.current);
+      }
+    };
+  });
+}
+export {
+  useWatchValue
+};
+//# sourceMappingURL=useWatchValue.es.js.map

package/dist/hooks/useWatchValue.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWatchValue.es.js","sources":["../../src/hooks/useWatchValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { isEqual } from 'lodash-es';\n\ntype BaseValueType = string | number | boolean | object | Array<unknown> | null | undefined;\n\ninterface Params<T> {\n  value: T;\n  callback: (newValue: T, oldValue?: T) => void | Promise<void> | (() => void);\n  /** 清理函数，同 react 的 cleanup 函数 */\n  clearupFn?: (value: T | null) => void;\n  options?: {\n    equalFn?: (value1: T, value2: T) => boolean;\n    immediate?: boolean;\n  };\n}\n/**监听值变化，\n * 值变化时调用 callback\n * 判断值是否变化默认使用 lodash 的 isEqual\n * @param params { value: T; callback: (newValue: T, oldValue?: T) => void | Promise<void>; options?: { equalFn: (value1: T, value2: T) => boolean; immediate?: boolean; } }\n */\nexport function useWatchValue<T extends BaseValueType>(params: Params<T>) {\n  const { value, callback, clearupFn, options } = params;\n  const ref = useRef<T | null>(null);\n  const initialRef = useRef(false);\n\n  const { equalFn = isEqual } = options || {};\n\n  useEffect(() => {\n    let isCallbackRun = false;\n    if (options?.immediate && !initialRef.current) {\n      isCallbackRun = true;\n      callback(value, value);\n      initialRef.current = true;\n    }\n\n    if (ref.current === null) {\n      ref.current = value;\n    } else if (equalFn(value, ref.current) === false) {\n      isCallbackRun = true;\n      callback(value, ref.current);\n      ref.current = value;\n    }\n    return () => {\n      if (isCallbackRun && clearupFn) {\n        clearupFn(ref.current);\n      }\n    };\n  });\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,cAAuC,QAAmB;AACxE,QAAM,EAAE,OAAO,UAAU,WAAW,QAAY,IAAA;AAC1C,QAAA,MAAM,OAAiB,IAAI;AAC3B,QAAA,aAAa,OAAO,KAAK;AAE/B,QAAM,EAAE,UAAU,QAAQ,IAAI,WAAW,CAAC;AAE1C,YAAU,MAAM;AACd,QAAI,gBAAgB;AACpB,SAAI,mCAAS,cAAa,CAAC,WAAW,SAAS;AAC7B,sBAAA;AAChB,eAAS,OAAO,KAAK;AACrB,iBAAW,UAAU;AAAA,IAAA;AAGnB,QAAA,IAAI,YAAY,MAAM;AACxB,UAAI,UAAU;AAAA,IAAA,WACL,QAAQ,OAAO,IAAI,OAAO,MAAM,OAAO;AAChC,sBAAA;AACP,eAAA,OAAO,IAAI,OAAO;AAC3B,UAAI,UAAU;AAAA,IAAA;AAEhB,WAAO,MAAM;AACX,UAAI,iBAAiB,WAAW;AAC9B,kBAAU,IAAI,OAAO;AAAA,MAAA;AAAA,IAEzB;AAAA,EAAA,CACD;AACH;"}

package/dist/index.css

@@ -0,0 +1 @@
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }body .biz-flex{display:flex}body .biz-contents{display:contents}body .biz-h-3\.5{height:.875rem}body .biz-h-6{height:1.5rem}body .biz-h-full{height:100%}body .biz-w-3\.5{width:.875rem}body .biz-w-6{width:1.5rem}body .biz-w-\[0\.4rem\]{width:.4rem}body .biz-cursor-pointer{cursor:pointer}body .biz-select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}body .biz-flex-col{flex-direction:column}body .biz-items-center{align-items:center}body .biz-justify-center{justify-content:center}body .biz-justify-between{justify-content:space-between}body .biz-gap-1{gap:.25rem}body .biz-gap-3{gap:.75rem}body .biz-rounded-full{border-radius:9999px}body .biz-rounded-lg{border-radius:.5rem}body .biz-rounded-md{border-radius:.375rem}body .biz-bg-\[\#FFFFFF14\]{background-color:#ffffff14}body .biz-px-4{padding-left:1rem;padding-right:1rem}body .biz-py-3{padding-bottom:.75rem;padding-top:.75rem}body .biz-text-text-2{--tw-text-opacity:1;color:rgb(180 183 193/var(--tw-text-opacity,1))}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from './components';
 export * from './hooks';
 export * from './utils';

package/dist/index.es.js

@@ -1,10 +1,11 @@
-/* empty css             */
 import { AiMessageRender } from "./components/AiMessageRender/AiMessageRender.es.js";
 import { ShadowDom } from "./components/ShadowDom/ShadowDom.es.js";
 import { ScrollController } from "./components/ScrollController/ScrollController.es.js";
 import { VoiceAnimation } from "./components/VoiceAnimation/VoiceAnimation.es.js";
 import { useDivAutoScroll } from "./hooks/useDivAutoScroll.es.js";
 import { useXunFeiSteamVoiceManager } from "./hooks/useXunFeiSteamVoiceManager.es.js";
+import { useInitialized } from "./hooks/useInitialized.es.js";
+import { useWatchValue } from "./hooks/useWatchValue.es.js";
 import { FunASRManager, getWebSocketConnectForFunASR } from "./utils/funASR/funASRManager.es.js";
 import { XFStreamVoiceManager } from "./utils/xunFeiVoice/XFStreamVoiceManager.es.js";
 import { RecorderManager } from "./utils/xunFeiVoice/RecorderManager/RecorderManager.es.js";
@@ -18,6 +19,8 @@ export {
   XFStreamVoiceManager,
   getWebSocketConnectForFunASR,
   useDivAutoScroll,
+  useInitialized,
+  useWatchValue,
   useXunFeiSteamVoiceManager
 };
 //# 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/dist/node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.es.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
-import { __module as classnames$1 } from "../../../../../_virtual/index.es5.js";
+import { __module as classnames$1 } from "../../../../../_virtual/index.es4.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/node_modules/.pnpm/co-web-worker@1.0.1/node_modules/co-web-worker/index.es.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.es.js";
-import { __module as coWebWorker } from "../../../../../_virtual/index.es3.js";
+import { __module as coWebWorker } from "../../../../../_virtual/index.es2.js";
 class CrossOriginWorker extends Worker {
   constructor(scriptUrl) {
     const b = new Blob([`importScripts('${new URL(scriptUrl).toString()}')`], { type: "application/javascript" });

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_DataView.es.js

@@ -0,0 +1,7 @@
+import getNative from "./_getNative.es.js";
+import root from "./_root.es.js";
+var DataView = getNative(root, "DataView");
+export {
+  DataView as default
+};
+//# sourceMappingURL=_DataView.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_DataView.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_DataView.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_DataView.js"],"sourcesContent":["import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar DataView = getNative(root, 'DataView');\n\nexport default DataView;\n"],"names":[],"mappings":";;AAIG,IAAC,WAAW,UAAU,MAAM,UAAU;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Hash.es.js

@@ -0,0 +1,22 @@
+import hashClear from "./_hashClear.es.js";
+import hashDelete from "./_hashDelete.es.js";
+import hashGet from "./_hashGet.es.js";
+import hashHas from "./_hashHas.es.js";
+import hashSet from "./_hashSet.es.js";
+function Hash(entries) {
+  var index = -1, length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+Hash.prototype.clear = hashClear;
+Hash.prototype["delete"] = hashDelete;
+Hash.prototype.get = hashGet;
+Hash.prototype.has = hashHas;
+Hash.prototype.set = hashSet;
+export {
+  Hash as default
+};
+//# sourceMappingURL=_Hash.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Hash.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Hash.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Hash.js"],"sourcesContent":["import hashClear from './_hashClear.js';\nimport hashDelete from './_hashDelete.js';\nimport hashGet from './_hashGet.js';\nimport hashHas from './_hashHas.js';\nimport hashSet from './_hashSet.js';\n\n/**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Hash(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `Hash`.\nHash.prototype.clear = hashClear;\nHash.prototype['delete'] = hashDelete;\nHash.prototype.get = hashGet;\nHash.prototype.has = hashHas;\nHash.prototype.set = hashSet;\n\nexport default Hash;\n"],"names":[],"mappings":";;;;;AAaA,SAAS,KAAK,SAAS;AACrB,MAAI,QAAQ,IACR,SAAS,WAAW,OAAO,IAAI,QAAQ;AAE3C,OAAK,MAAO;AACZ,SAAO,EAAE,QAAQ,QAAQ;AACvB,QAAI,QAAQ,QAAQ,KAAK;AACzB,SAAK,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAAA,EAC/B;AACA;AAGA,KAAK,UAAU,QAAQ;AACvB,KAAK,UAAU,QAAQ,IAAI;AAC3B,KAAK,UAAU,MAAM;AACrB,KAAK,UAAU,MAAM;AACrB,KAAK,UAAU,MAAM;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_ListCache.es.js

@@ -0,0 +1,22 @@
+import listCacheClear from "./_listCacheClear.es.js";
+import listCacheDelete from "./_listCacheDelete.es.js";
+import listCacheGet from "./_listCacheGet.es.js";
+import listCacheHas from "./_listCacheHas.es.js";
+import listCacheSet from "./_listCacheSet.es.js";
+function ListCache(entries) {
+  var index = -1, length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+ListCache.prototype.clear = listCacheClear;
+ListCache.prototype["delete"] = listCacheDelete;
+ListCache.prototype.get = listCacheGet;
+ListCache.prototype.has = listCacheHas;
+ListCache.prototype.set = listCacheSet;
+export {
+  ListCache as default
+};
+//# sourceMappingURL=_ListCache.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_ListCache.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_ListCache.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_ListCache.js"],"sourcesContent":["import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n"],"names":[],"mappings":";;;;;AAaA,SAAS,UAAU,SAAS;AAC1B,MAAI,QAAQ,IACR,SAAS,WAAW,OAAO,IAAI,QAAQ;AAE3C,OAAK,MAAO;AACZ,SAAO,EAAE,QAAQ,QAAQ;AACvB,QAAI,QAAQ,QAAQ,KAAK;AACzB,SAAK,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAAA,EAC/B;AACA;AAGA,UAAU,UAAU,QAAQ;AAC5B,UAAU,UAAU,QAAQ,IAAI;AAChC,UAAU,UAAU,MAAM;AAC1B,UAAU,UAAU,MAAM;AAC1B,UAAU,UAAU,MAAM;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Map.es.js

@@ -0,0 +1,7 @@
+import getNative from "./_getNative.es.js";
+import root from "./_root.es.js";
+var Map = getNative(root, "Map");
+export {
+  Map as default
+};
+//# sourceMappingURL=_Map.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Map.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Map.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Map.js"],"sourcesContent":["import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map');\n\nexport default Map;\n"],"names":[],"mappings":";;AAIG,IAAC,MAAM,UAAU,MAAM,KAAK;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_MapCache.es.js

@@ -0,0 +1,22 @@
+import mapCacheClear from "./_mapCacheClear.es.js";
+import mapCacheDelete from "./_mapCacheDelete.es.js";
+import mapCacheGet from "./_mapCacheGet.es.js";
+import mapCacheHas from "./_mapCacheHas.es.js";
+import mapCacheSet from "./_mapCacheSet.es.js";
+function MapCache(entries) {
+  var index = -1, length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+MapCache.prototype.clear = mapCacheClear;
+MapCache.prototype["delete"] = mapCacheDelete;
+MapCache.prototype.get = mapCacheGet;
+MapCache.prototype.has = mapCacheHas;
+MapCache.prototype.set = mapCacheSet;
+export {
+  MapCache as default
+};
+//# sourceMappingURL=_MapCache.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_MapCache.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_MapCache.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_MapCache.js"],"sourcesContent":["import mapCacheClear from './_mapCacheClear.js';\nimport mapCacheDelete from './_mapCacheDelete.js';\nimport mapCacheGet from './_mapCacheGet.js';\nimport mapCacheHas from './_mapCacheHas.js';\nimport mapCacheSet from './_mapCacheSet.js';\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\nexport default MapCache;\n"],"names":[],"mappings":";;;;;AAaA,SAAS,SAAS,SAAS;AACzB,MAAI,QAAQ,IACR,SAAS,WAAW,OAAO,IAAI,QAAQ;AAE3C,OAAK,MAAO;AACZ,SAAO,EAAE,QAAQ,QAAQ;AACvB,QAAI,QAAQ,QAAQ,KAAK;AACzB,SAAK,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC;AAAA,EAC/B;AACA;AAGA,SAAS,UAAU,QAAQ;AAC3B,SAAS,UAAU,QAAQ,IAAI;AAC/B,SAAS,UAAU,MAAM;AACzB,SAAS,UAAU,MAAM;AACzB,SAAS,UAAU,MAAM;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Promise.es.js

@@ -0,0 +1,7 @@
+import getNative from "./_getNative.es.js";
+import root from "./_root.es.js";
+var Promise$1 = getNative(root, "Promise");
+export {
+  Promise$1 as default
+};
+//# sourceMappingURL=_Promise.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Promise.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Promise.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Promise.js"],"sourcesContent":["import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Promise = getNative(root, 'Promise');\n\nexport default Promise;\n"],"names":["Promise"],"mappings":";;AAIG,IAACA,YAAU,UAAU,MAAM,SAAS;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Set.es.js

@@ -0,0 +1,7 @@
+import getNative from "./_getNative.es.js";
+import root from "./_root.es.js";
+var Set = getNative(root, "Set");
+export {
+  Set as default
+};
+//# sourceMappingURL=_Set.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Set.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Set.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Set.js"],"sourcesContent":["import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Set = getNative(root, 'Set');\n\nexport default Set;\n"],"names":[],"mappings":";;AAIG,IAAC,MAAM,UAAU,MAAM,KAAK;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_SetCache.es.js

@@ -0,0 +1,16 @@
+import MapCache from "./_MapCache.es.js";
+import setCacheAdd from "./_setCacheAdd.es.js";
+import setCacheHas from "./_setCacheHas.es.js";
+function SetCache(values) {
+  var index = -1, length = values == null ? 0 : values.length;
+  this.__data__ = new MapCache();
+  while (++index < length) {
+    this.add(values[index]);
+  }
+}
+SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
+SetCache.prototype.has = setCacheHas;
+export {
+  SetCache as default
+};
+//# sourceMappingURL=_SetCache.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_SetCache.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_SetCache.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_SetCache.js"],"sourcesContent":["import MapCache from './_MapCache.js';\nimport setCacheAdd from './_setCacheAdd.js';\nimport setCacheHas from './_setCacheHas.js';\n\n/**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\nfunction SetCache(values) {\n  var index = -1,\n      length = values == null ? 0 : values.length;\n\n  this.__data__ = new MapCache;\n  while (++index < length) {\n    this.add(values[index]);\n  }\n}\n\n// Add methods to `SetCache`.\nSetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\nSetCache.prototype.has = setCacheHas;\n\nexport default SetCache;\n"],"names":[],"mappings":";;;AAYA,SAAS,SAAS,QAAQ;AACxB,MAAI,QAAQ,IACR,SAAS,UAAU,OAAO,IAAI,OAAO;AAEzC,OAAK,WAAW,IAAI;AACpB,SAAO,EAAE,QAAQ,QAAQ;AACvB,SAAK,IAAI,OAAO,KAAK,CAAC;AAAA,EAC1B;AACA;AAGA,SAAS,UAAU,MAAM,SAAS,UAAU,OAAO;AACnD,SAAS,UAAU,MAAM;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Stack.es.js

@@ -0,0 +1,19 @@
+import ListCache from "./_ListCache.es.js";
+import stackClear from "./_stackClear.es.js";
+import stackDelete from "./_stackDelete.es.js";
+import stackGet from "./_stackGet.es.js";
+import stackHas from "./_stackHas.es.js";
+import stackSet from "./_stackSet.es.js";
+function Stack(entries) {
+  var data = this.__data__ = new ListCache(entries);
+  this.size = data.size;
+}
+Stack.prototype.clear = stackClear;
+Stack.prototype["delete"] = stackDelete;
+Stack.prototype.get = stackGet;
+Stack.prototype.has = stackHas;
+Stack.prototype.set = stackSet;
+export {
+  Stack as default
+};
+//# sourceMappingURL=_Stack.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Stack.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Stack.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Stack.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport stackClear from './_stackClear.js';\nimport stackDelete from './_stackDelete.js';\nimport stackGet from './_stackGet.js';\nimport stackHas from './_stackHas.js';\nimport stackSet from './_stackSet.js';\n\n/**\n * Creates a stack cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Stack(entries) {\n  var data = this.__data__ = new ListCache(entries);\n  this.size = data.size;\n}\n\n// Add methods to `Stack`.\nStack.prototype.clear = stackClear;\nStack.prototype['delete'] = stackDelete;\nStack.prototype.get = stackGet;\nStack.prototype.has = stackHas;\nStack.prototype.set = stackSet;\n\nexport default Stack;\n"],"names":[],"mappings":";;;;;;AAcA,SAAS,MAAM,SAAS;AACtB,MAAI,OAAO,KAAK,WAAW,IAAI,UAAU,OAAO;AAChD,OAAK,OAAO,KAAK;AACnB;AAGA,MAAM,UAAU,QAAQ;AACxB,MAAM,UAAU,QAAQ,IAAI;AAC5B,MAAM,UAAU,MAAM;AACtB,MAAM,UAAU,MAAM;AACtB,MAAM,UAAU,MAAM;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.es.js

@@ -0,0 +1,6 @@
+import root from "./_root.es.js";
+var Symbol$1 = root.Symbol;
+export {
+  Symbol$1 as default
+};
+//# sourceMappingURL=_Symbol.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Symbol.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nexport default Symbol;\n"],"names":["Symbol"],"mappings":";AAGG,IAACA,WAAS,KAAK;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Uint8Array.es.js

@@ -0,0 +1,6 @@
+import root from "./_root.es.js";
+var Uint8Array = root.Uint8Array;
+export {
+  Uint8Array as default
+};
+//# sourceMappingURL=_Uint8Array.es.js.map

package/dist/node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Uint8Array.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Uint8Array.es.js","sources":["../../../../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Uint8Array.js"],"sourcesContent":["import root from './_root.js';\n\n/** Built-in value references. */\nvar Uint8Array = root.Uint8Array;\n\nexport default Uint8Array;\n"],"names":[],"mappings":";AAGG,IAAC,aAAa,KAAK;","x_google_ignoreList":[0]}