@easyv/biz-components 1.0.28 → 1.0.30

package/dist/lib/components/easyv-monaco-editor/easyv-monaco-editor.es.js

@@ -0,0 +1,246 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { forwardRef, useRef, useState, useMemo, useImperativeHandle } from "react";
+import useLatest from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useLatest/index.es.js";
+import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
+import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+/* empty css              */
+import { ErrorBoundary } from "../error-boundary/error-boundary.es.js";
+import { useInitialized } from "../../hooks/use-initialized.es.js";
+import { useWatchValue } from "../../hooks/use-watch-value/use-watch-value.es.js";
+function EasyvMonacoEditorCpn(props, ref) {
+  const {
+    className,
+    style,
+    languageMode,
+    code: propsCode,
+    monacoEditorOptions,
+    globalVarType = "",
+    monaco,
+    onChange: propsOnChange,
+    onCodeMark: propsOnCodeMark,
+    onFocus: propsOnFocus,
+    onBlur: propsOnBlur,
+    formatOnBlur,
+    ignoreErrorCodes,
+    initJSCompilerOptions,
+    constructionOptions,
+    customTheme,
+    onEditorMounted: propsOnEditorMounted,
+    globalVarTypeName = "default",
+    isDomEnv = true,
+    onError
+  } = props;
+  const editorRef = useRef(null);
+  const editorInstanceRef = useRef();
+  const globalDataLibRef = useRef();
+  const [isFocus, setIsFocus] = useState(false);
+  const onChangeRef = useLatest(propsOnChange);
+  const onCodeMarkRef = useLatest(propsOnCodeMark);
+  const onFocusRef = useLatest(propsOnFocus);
+  const onBlurRef = useLatest(propsOnBlur);
+  const onEditorMountedRef = useLatest(propsOnEditorMounted);
+  const code = useMemo(() => {
+    if (typeof propsCode === "string") {
+      return propsCode;
+    }
+    return "";
+  }, [propsCode]);
+  const formatFn = async () => {
+    var _a, _b, _c;
+    try {
+      await ((_b = (_a = editorInstanceRef.current) == null ? void 0 : _a.getAction("editor.action.formatDocument")) == null ? void 0 : _b.run());
+      return (_c = editorInstanceRef.current) == null ? void 0 : _c.getValue();
+    } catch (error) {
+      onError == null ? void 0 : onError(error);
+    }
+  };
+  useImperativeHandle(ref, () => {
+    return {
+      editor: editorInstanceRef.current,
+      format: formatFn
+    };
+  });
+  const initFn = useMemoizedFn(() => {
+    var _a;
+    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ESNext,
+      allowNonTsExtensions: true,
+      allowJs: true,
+      checkJs: true,
+      // 关键：启用 JS 校验
+      noLib: false,
+      lib: isDomEnv ? ["esnext", "dom"] : ["esnext"],
+      // dom 会带上浏览器里可使用的方法 如 console, window
+      typeRoots: ["node_modules/@types"],
+      ...initJSCompilerOptions
+    });
+    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      // 启用语义校验
+      noSyntaxValidation: false,
+      // 启用语法校验
+      diagnosticCodesToIgnore: ignoreErrorCodes ?? []
+      // 忽略特定错误
+    });
+    if (editorRef.current) {
+      editorInstanceRef.current = monaco.editor.create(editorRef.current, {
+        value: code,
+        language: languageMode,
+        theme: "vs-dark",
+        automaticLayout: true,
+        minimap: {
+          enabled: false
+        },
+        // 启用智能提示的关键设置
+        suggest: {
+          showKeywords: true,
+          // 关键字建议
+          showSnippets: true
+          // 代码片段建议
+        },
+        quickSuggestions: true,
+        // 在输入时自动显示建议列表
+        suggestOnTriggerCharacters: true,
+        // 当输入触发字符(如点号.)时自动显示建议
+        hover: { enabled: true },
+        // 必须启用 hover
+        renderValidationDecorations: "on",
+        // 确保错误渲染开启
+        ...constructionOptions
+      });
+      if (!editorInstanceRef.current) {
+        return;
+      }
+      (_a = onEditorMountedRef.current) == null ? void 0 : _a.call(onEditorMountedRef, editorInstanceRef.current);
+      editorInstanceRef.current.onDidChangeModelContent(() => {
+        var _a2;
+        const currentValue = editorInstanceRef.current.getValue();
+        (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, currentValue);
+      });
+      monaco.editor.onDidChangeMarkers(() => {
+        var _a2;
+        const markers = monaco.editor.getModelMarkers({});
+        (_a2 = onCodeMarkRef.current) == null ? void 0 : _a2.call(onCodeMarkRef, markers);
+      });
+    }
+    const focusDisposable = editorInstanceRef.current.onDidFocusEditorText(() => {
+      var _a2;
+      setIsFocus(true);
+      (_a2 = onFocusRef.current) == null ? void 0 : _a2.call(onFocusRef);
+    });
+    const blurDisposable = editorInstanceRef.current.onDidBlurEditorText(async () => {
+      var _a2, _b;
+      setIsFocus(false);
+      if (formatOnBlur) {
+        const currentValue = await formatFn();
+        (_a2 = onBlurRef.current) == null ? void 0 : _a2.call(onBlurRef, currentValue || "");
+      } else {
+        const currentValue = editorInstanceRef.current.getValue();
+        (_b = onBlurRef.current) == null ? void 0 : _b.call(onBlurRef, currentValue);
+      }
+    });
+    return () => {
+      var _a2, _b;
+      focusDisposable.dispose();
+      blurDisposable.dispose();
+      (_a2 = editorInstanceRef.current) == null ? void 0 : _a2.dispose();
+      (_b = globalDataLibRef.current) == null ? void 0 : _b.dispose();
+    };
+  });
+  useInitialized(initFn);
+  useWatchValue({
+    value: code,
+    callback: () => {
+      if (editorInstanceRef.current) {
+        const currentValue = editorInstanceRef.current.getValue();
+        if (currentValue !== code) {
+          editorInstanceRef.current.setValue(code);
+        }
+      }
+    }
+  });
+  useWatchValue({
+    value: languageMode,
+    callback(newLanguage) {
+      var _a;
+      const model = (_a = editorInstanceRef.current) == null ? void 0 : _a.getModel();
+      if (!model) {
+        return;
+      }
+      monaco.editor.setModelLanguage(model, newLanguage);
+    }
+  });
+  useWatchValue({
+    value: { monacoEditorOptions, isFocus },
+    callback: () => {
+      var _a;
+      (_a = editorInstanceRef.current) == null ? void 0 : _a.updateOptions({
+        wordWrap: "on",
+        /** 让下面不显示空白区域 */
+        scrollBeyondLastLine: false,
+        tabSize: 2,
+        ...monacoEditorOptions,
+        scrollbar: {
+          // 默认让聚焦时，内部滚动，失焦时不滚动
+          handleMouseWheel: isFocus ? true : false,
+          ...monacoEditorOptions == null ? void 0 : monacoEditorOptions.scrollbar
+        }
+      });
+    },
+    options: { immediate: true }
+  });
+  const addGlobalType = () => {
+    if (languageMode !== "javascript") {
+      return;
+    }
+    globalDataLibRef.current = monaco.languages.typescript.javascriptDefaults.addExtraLib(
+      globalVarType,
+      `global-${globalVarTypeName}.d.ts`
+    );
+  };
+  useWatchValue({
+    value: globalVarType,
+    callback() {
+      addGlobalType();
+    },
+    options: {
+      immediate: true
+    }
+  });
+  useWatchValue({
+    value: customTheme,
+    callback() {
+      if (!customTheme) {
+        return;
+      }
+      const themeName = "customTheme";
+      monaco.editor.defineTheme(themeName, customTheme);
+      monaco.editor.setTheme(themeName);
+    },
+    options: {
+      immediate: true
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-components-dom", style: { display: "contents" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref: editorRef,
+      className: classNames("easyv-monaco-editor", className),
+      style: {
+        border: "1px solid #393b4a",
+        width: "100%",
+        height: "100%",
+        ...style
+      }
+    }
+  ) });
+}
+const EasyvMonacoEditorWithRef = forwardRef(EasyvMonacoEditorCpn);
+const EasyvMonacoEditorCpnWithError = (props, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(EasyvMonacoEditorWithRef, { ...props, ref }) });
+};
+const EasyvMonacoEditor = forwardRef(EasyvMonacoEditorCpnWithError);
+export {
+  EasyvMonacoEditor
+};
+//# sourceMappingURL=easyv-monaco-editor.es.js.map

package/dist/lib/components/easyv-monaco-editor/easyv-monaco-editor.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easyv-monaco-editor.es.js","sources":["../../../../src/components/easyv-monaco-editor/easyv-monaco-editor.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { useLatest, useMemoizedFn } from 'ahooks';\nimport classNames from 'classnames';\nimport type * as monacoType from 'monaco-editor/esm/vs/editor/editor.api';\nimport { useInitialized, useWatchValue } from '@/hooks';\nimport { EasyvMonacoEditorProps, EasyvMonacoEditorRef } from './types';\nimport './index.less';\nimport { ErrorBoundary } from '../error-boundary/error-boundary';\n\nfunction EasyvMonacoEditorCpn(props: EasyvMonacoEditorProps, ref: Ref<EasyvMonacoEditorRef>) {\n  const {\n    className,\n    style,\n    languageMode,\n    code: propsCode,\n    monacoEditorOptions,\n    globalVarType = '',\n    monaco,\n    onChange: propsOnChange,\n    onCodeMark: propsOnCodeMark,\n    onFocus: propsOnFocus,\n    onBlur: propsOnBlur,\n    formatOnBlur,\n    ignoreErrorCodes,\n    initJSCompilerOptions,\n    constructionOptions,\n    customTheme,\n    onEditorMounted: propsOnEditorMounted,\n    globalVarTypeName = 'default',\n    isDomEnv = true,\n    onError,\n  } = props;\n  const editorRef = useRef<HTMLDivElement | null>(null);\n  const editorInstanceRef = useRef<monacoType.editor.IStandaloneCodeEditor>();\n  const globalDataLibRef = useRef<monacoType.IDisposable>();\n  const [isFocus, setIsFocus] = useState(false);\n\n  const onChangeRef = useLatest(propsOnChange);\n  const onCodeMarkRef = useLatest(propsOnCodeMark);\n  const onFocusRef = useLatest(propsOnFocus);\n  const onBlurRef = useLatest(propsOnBlur);\n  const onEditorMountedRef = useLatest(propsOnEditorMounted);\n  const code = useMemo(() => {\n    if (typeof propsCode === 'string') {\n      return propsCode;\n    }\n    return '';\n  }, [propsCode]);\n\n  const formatFn = async () => {\n    try {\n      await editorInstanceRef.current?.getAction('editor.action.formatDocument')?.run();\n      return editorInstanceRef.current?.getValue();\n    } catch (error) {\n      onError?.(error as Error);\n    }\n  };\n\n  useImperativeHandle(ref, () => {\n    return {\n      editor: editorInstanceRef.current,\n      format: formatFn,\n    };\n  });\n\n  const initFn = useMemoizedFn(() => {\n    // 配置 JavaScript 语言服务\n    monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n      target: monaco.languages.typescript.ScriptTarget.ESNext,\n      allowNonTsExtensions: true,\n      allowJs: true,\n      checkJs: true, // 关键：启用 JS 校验\n      noLib: false,\n      lib: isDomEnv ? ['esnext', 'dom'] : ['esnext'], // dom 会带上浏览器里可使用的方法 如 console, window\n      typeRoots: ['node_modules/@types'],\n      ...initJSCompilerOptions,\n    });\n\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: false, // 启用语义校验\n      noSyntaxValidation: false, // 启用语法校验\n      diagnosticCodesToIgnore: ignoreErrorCodes ?? [], // 忽略特定错误\n    });\n\n    if (editorRef.current) {\n      editorInstanceRef.current = monaco.editor.create(editorRef.current, {\n        value: code,\n        language: languageMode,\n        theme: 'vs-dark',\n        automaticLayout: true,\n        minimap: {\n          enabled: false,\n        },\n        // 启用智能提示的关键设置\n        suggest: {\n          showKeywords: true, // 关键字建议\n          showSnippets: true, // 代码片段建议\n        },\n        quickSuggestions: true, // 在输入时自动显示建议列表\n        suggestOnTriggerCharacters: true, // 当输入触发字符(如点号.)时自动显示建议\n        hover: { enabled: true }, // 必须启用 hover\n        renderValidationDecorations: 'on', // 确保错误渲染开启\n        ...constructionOptions,\n      });\n      if (!editorInstanceRef.current) {\n        return;\n      }\n      onEditorMountedRef.current?.(editorInstanceRef.current);\n      editorInstanceRef.current.onDidChangeModelContent(() => {\n        const currentValue = editorInstanceRef.current!.getValue();\n        // 更新状态\n        onChangeRef.current?.(currentValue);\n      });\n\n      // 监听诊断变化\n      monaco.editor.onDidChangeMarkers(() => {\n        const markers = monaco.editor.getModelMarkers({});\n        onCodeMarkRef.current?.(markers);\n      });\n    }\n    // 添加聚焦焦事件监听\n    const focusDisposable = editorInstanceRef.current!.onDidFocusEditorText(() => {\n      setIsFocus(true);\n      onFocusRef.current?.();\n    });\n    // 添加失焦事件监听\n    const blurDisposable = editorInstanceRef.current!.onDidBlurEditorText(async () => {\n      setIsFocus(false);\n      if (formatOnBlur) {\n        const currentValue = await formatFn();\n        onBlurRef.current?.(currentValue || '');\n      } else {\n        const currentValue = editorInstanceRef.current!.getValue();\n        onBlurRef.current?.(currentValue);\n      }\n    });\n    return () => {\n      focusDisposable.dispose();\n      blurDisposable.dispose();\n      editorInstanceRef.current?.dispose();\n      globalDataLibRef.current?.dispose();\n    };\n  });\n\n  useInitialized(initFn);\n\n  useWatchValue({\n    value: code,\n    callback: () => {\n      if (editorInstanceRef.current) {\n        // 获取当前编辑器的值\n        const currentValue = editorInstanceRef.current.getValue();\n        // 如果状态中的value和编辑器的当前值不同，则更新编辑器\n        if (currentValue !== code) {\n          editorInstanceRef.current.setValue(code);\n        }\n      }\n    },\n  });\n\n  useWatchValue({\n    value: languageMode,\n    callback(newLanguage) {\n      const model = editorInstanceRef.current?.getModel();\n      if (!model) {\n        return;\n      }\n      monaco.editor.setModelLanguage(model, newLanguage);\n    },\n  });\n\n  useWatchValue({\n    value: { monacoEditorOptions, isFocus },\n    callback: () => {\n      editorInstanceRef.current?.updateOptions({\n        wordWrap: 'on',\n        /** 让下面不显示空白区域 */\n        scrollBeyondLastLine: false,\n        tabSize: 2,\n        ...monacoEditorOptions,\n        scrollbar: {\n          // 默认让聚焦时，内部滚动，失焦时不滚动\n          handleMouseWheel: isFocus ? true : false,\n          ...monacoEditorOptions?.scrollbar,\n        },\n      });\n    },\n    options: { immediate: true },\n  });\n\n  const addGlobalType = () => {\n    if (languageMode !== 'javascript') {\n      return;\n    }\n    globalDataLibRef.current = monaco.languages.typescript.javascriptDefaults.addExtraLib(\n      globalVarType,\n      `global-${globalVarTypeName}.d.ts`,\n    );\n  };\n  useWatchValue({\n    value: globalVarType,\n    callback() {\n      addGlobalType();\n    },\n    options: {\n      immediate: true,\n    },\n  });\n\n  useWatchValue({\n    value: customTheme,\n    callback() {\n      if (!customTheme) {\n        return;\n      }\n      const themeName = 'customTheme';\n      monaco.editor.defineTheme(themeName, customTheme);\n      monaco.editor.setTheme(themeName);\n    },\n    options: {\n      immediate: true,\n    },\n  });\n\n  return (\n    <div className='biz-components-dom' style={{ display: 'contents' }}>\n      <div\n        ref={editorRef}\n        className={classNames('easyv-monaco-editor', className)}\n        style={{\n          border: '1px solid #393b4a',\n          width: '100%',\n          height: '100%',\n          ...style,\n        }}\n      />\n    </div>\n  );\n}\n\nconst EasyvMonacoEditorWithRef = forwardRef(EasyvMonacoEditorCpn);\n\nconst EasyvMonacoEditorCpnWithError = (\n  props: EasyvMonacoEditorProps,\n  ref: Ref<EasyvMonacoEditorRef>,\n) => {\n  return (\n    <ErrorBoundary>\n      <EasyvMonacoEditorWithRef {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n};\n\nexport const EasyvMonacoEditor = forwardRef(EasyvMonacoEditorCpnWithError);\n"],"names":["_a","jsx"],"mappings":"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"}

package/dist/lib/components/echarts-render/echarts-render.es.js

@@ -0,0 +1,36 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useState, useRef, useEffect } from "react";
+import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
+import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+import { useWatchValue } from "../../hooks/use-watch-value/use-watch-value.es.js";
+const EchartsRender = (props) => {
+  const { className = "", echarts, option, theme = "dark", ...rest } = props;
+  const [echartsInstance, setEchartsInstance] = useState(null);
+  const divRef = useRef(null);
+  const initEcharts = useMemoizedFn(() => {
+    const myChart = echarts.init(divRef.current, theme);
+    myChart.setOption(option);
+    setEchartsInstance(myChart);
+  });
+  useEffect(() => {
+    initEcharts();
+  }, [initEcharts]);
+  useWatchValue({
+    value: option,
+    callback: () => {
+      echartsInstance == null ? void 0 : echartsInstance.setOption(option);
+    }
+  });
+  useWatchValue({
+    value: theme,
+    callback: () => {
+      echarts == null ? void 0 : echarts.dispose(divRef.current);
+      initEcharts();
+    }
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames("biz-min-h-10", className), ref: divRef, ...rest, children: "EchartsRender" });
+};
+export {
+  EchartsRender
+};
+//# sourceMappingURL=echarts-render.es.js.map

package/dist/lib/components/echarts-render/echarts-render.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echarts-render.es.js","sources":["../../../../src/components/echarts-render/echarts-render.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMemoizedFn } from 'ahooks';\nimport classNames from 'classnames';\nimport type * as EchartsInner from 'echarts';\nimport { useWatchValue } from '@/hooks';\nimport { ECOption } from './types';\n\nexport interface EchartsRenderProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  echarts: typeof EchartsInner;\n  option: ECOption;\n  theme?: 'light' | 'dark';\n}\n\n/**\n * Echarts 渲染组件. 基础示例参考本仓库同层级的 test/base.cy.tsx 文件\n */\nexport const EchartsRender = (props: EchartsRenderProps) => {\n  const { className = '', echarts, option: option, theme = 'dark', ...rest } = props;\n  const [echartsInstance, setEchartsInstance] = useState<EchartsInner.ECharts | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const initEcharts = useMemoizedFn(() => {\n    const myChart = echarts.init(divRef.current!, theme);\n    myChart.setOption(option);\n    setEchartsInstance(myChart);\n  });\n\n  useEffect(() => {\n    initEcharts();\n  }, [initEcharts]);\n\n  useWatchValue({\n    value: option,\n    callback: () => {\n      echartsInstance?.setOption(option);\n    },\n  });\n  useWatchValue({\n    value: theme,\n    callback: () => {\n      echarts?.dispose(divRef.current!); // 销毁当前图表\n      initEcharts();\n    },\n  });\n\n  return (\n    <div className={classNames('biz-min-h-10', className)} ref={divRef} {...rest}>\n      EchartsRender\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAiBa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA,EAAE,YAAY,IAAI,SAAS,QAAgB,QAAQ,QAAQ,GAAG,KAAA,IAAS;AAC7E,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAsC,IAAI;AAClF,QAAA,SAAS,OAAuB,IAAI;AAEpC,QAAA,cAAc,cAAc,MAAM;AACtC,UAAM,UAAU,QAAQ,KAAK,OAAO,SAAU,KAAK;AACnD,YAAQ,UAAU,MAAM;AACxB,uBAAmB,OAAO;AAAA,EAAA,CAC3B;AAED,YAAU,MAAM;AACF,gBAAA;AAAA,EAAA,GACX,CAAC,WAAW,CAAC;AAEF,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,UAAU,MAAM;AACd,yDAAiB,UAAU;AAAA,IAAM;AAAA,EACnC,CACD;AACa,gBAAA;AAAA,IACZ,OAAO;AAAA,IACP,UAAU,MAAM;AACL,yCAAA,QAAQ,OAAO;AACZ,kBAAA;AAAA,IAAA;AAAA,EACd,CACD;AAGC,SAAAA,kCAAA,IAAC,OAAI,EAAA,WAAW,WAAW,gBAAgB,SAAS,GAAG,KAAK,QAAS,GAAG,MAAM,UAE9E,gBAAA,CAAA;AAEJ;"}

package/dist/lib/components/error-boundary/error-boundary.es.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { Component } from "react";
+class ErrorBoundary extends Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {
+      hasError: false
+    });
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    console.error("Error caught by ErrorBoundary:", error, errorInfo);
+    if (this.props.onError) {
+      this.props.onError(error, errorInfo);
+    }
+  }
+  render() {
+    const { hasError, error, errorInfo } = this.state;
+    const { children, fallback } = this.props;
+    if (hasError) {
+      if (fallback) {
+        return typeof fallback === "function" ? fallback(error, errorInfo) : fallback;
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { padding: "16px", color: "#ff4d4f", border: "1px solid #ff4d4f" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "Something went wrong" }),
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: error.message })
+      ] });
+    }
+    return children;
+  }
+}
+export {
+  ErrorBoundary
+};
+//# sourceMappingURL=error-boundary.es.js.map

package/dist/lib/components/error-boundary/error-boundary.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.es.js","sources":["../../../../src/components/error-boundary/error-boundary.tsx"],"sourcesContent":["import React, { Component, ErrorInfo, ReactNode } from 'react';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error, errorInfo: ErrorInfo) => ReactNode);\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = {\n    hasError: false,\n  };\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    this.setState({ errorInfo });\n    console.error('Error caught by ErrorBoundary:', error, errorInfo);\n\n    // 调用自定义的错误处理回调\n    if (this.props.onError) {\n      this.props.onError(error, errorInfo);\n    }\n  }\n\n  render(): ReactNode {\n    const { hasError, error, errorInfo } = this.state;\n    const { children, fallback } = this.props;\n\n    if (hasError) {\n      // 渲染自定义的 fallback UI\n      if (fallback) {\n        return typeof fallback === 'function' ? fallback(error!, errorInfo!) : fallback;\n      }\n\n      // 默认的错误提示\n      return (\n        <div style={{ padding: '16px', color: '#ff4d4f', border: '1px solid #ff4d4f' }}>\n          <h3>Something went wrong</h3>\n          {error && <p>{error.message}</p>}\n        </div>\n      );\n    }\n\n    return children;\n  }\n}\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAcO,MAAM,sBAAsB,UAAkD;AAAA,EAA9E;AAAA;AACL,iCAA4B;AAAA,MAC1B,UAAU;AAAA,IACZ;AAAA;AAAA,EAEA,OAAO,yBAAyB,OAA2C;AAClE,WAAA,EAAE,UAAU,MAAM,MAAM;AAAA,EAAA;AAAA,EAGjC,kBAAkB,OAAc,WAA4B;AACrD,SAAA,SAAS,EAAE,WAAW;AACnB,YAAA,MAAM,kCAAkC,OAAO,SAAS;AAG5D,QAAA,KAAK,MAAM,SAAS;AACjB,WAAA,MAAM,QAAQ,OAAO,SAAS;AAAA,IAAA;AAAA,EACrC;AAAA,EAGF,SAAoB;AAClB,UAAM,EAAE,UAAU,OAAO,cAAc,KAAK;AAC5C,UAAM,EAAE,UAAU,SAAS,IAAI,KAAK;AAEpC,QAAI,UAAU;AAEZ,UAAI,UAAU;AACZ,eAAO,OAAO,aAAa,aAAa,SAAS,OAAQ,SAAU,IAAI;AAAA,MAAA;AAKvE,aAAAA,uCAAC,OAAI,EAAA,OAAO,EAAE,SAAS,QAAQ,OAAO,WAAW,QAAQ,oBAAA,GACvD,UAAA;AAAA,QAAAC,kCAAAA,IAAC,QAAG,UAAoB,uBAAA,CAAA;AAAA,QACvB,SAASA,kCAAA,IAAC,KAAG,EAAA,UAAA,MAAM,QAAQ,CAAA;AAAA,MAAA,GAC9B;AAAA,IAAA;AAIG,WAAA;AAAA,EAAA;AAEX;"}

package/dist/lib/components/scroll-controller/scroll-controller.es.js

@@ -0,0 +1,73 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useState, useRef, useCallback, useEffect } from "react";
+function ScrollController({
+  children,
+  containerHeight = "100%",
+  scrollBuffer = 50,
+  scrollBehavior = "smooth",
+  triggerID,
+  style = {},
+  className
+}) {
+  const [isAutoScroll, setIsAutoScroll] = useState(true);
+  const containerRef = useRef(null);
+  const isUserScrolling = useRef(false);
+  const scrollTimeout = useRef();
+  const prevTriggerID = useRef(triggerID);
+  const isNearBottom = useCallback(() => {
+    if (!containerRef.current) return false;
+    const { scrollHeight, scrollTop, clientHeight } = containerRef.current;
+    return scrollHeight - scrollTop - clientHeight < scrollBuffer;
+  }, [scrollBuffer]);
+  const autoScroll = useCallback(() => {
+    if (isAutoScroll && containerRef.current) {
+      containerRef.current.scrollTo({
+        top: containerRef.current.scrollHeight,
+        behavior: scrollBehavior
+      });
+    }
+  }, [isAutoScroll, scrollBehavior]);
+  const handleScroll = useCallback(() => {
+    if (!containerRef.current) return;
+    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
+    if (!isUserScrolling.current) {
+      isUserScrolling.current = true;
+    }
+    scrollTimeout.current = setTimeout(() => {
+      isUserScrolling.current = false;
+    }, 100);
+    if (isNearBottom()) {
+      setIsAutoScroll(true);
+    } else {
+      setIsAutoScroll(false);
+    }
+  }, [isNearBottom]);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    container.addEventListener("scroll", handleScroll);
+    return () => container.removeEventListener("scroll", handleScroll);
+  }, [handleScroll]);
+  useEffect(() => {
+    if (!isUserScrolling.current) {
+      autoScroll();
+    }
+  }, [children, autoScroll]);
+  useEffect(() => {
+    if (triggerID !== void 0 && triggerID !== prevTriggerID.current && !isUserScrolling.current) {
+      setIsAutoScroll(true);
+      prevTriggerID.current = triggerID;
+    }
+  }, [triggerID, autoScroll]);
+  const containerStyle = {
+    height: containerHeight,
+    overflowY: "auto",
+    scrollBehavior,
+    position: "relative"
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, style: { ...containerStyle, ...style }, className, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children }) });
+}
+export {
+  ScrollController
+};
+//# sourceMappingURL=scroll-controller.es.js.map

package/dist/lib/components/scroll-controller/scroll-controller.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-controller.es.js","sources":["../../../../src/components/scroll-controller/scroll-controller.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\ninterface ScrollControllerProps {\n  children: ReactNode;\n  containerHeight?: string;\n  scrollBuffer?: number;\n  scrollBehavior?: 'auto' | 'smooth';\n  triggerID?: number | string;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function ScrollController({\n  children,\n  containerHeight = '100%',\n  scrollBuffer = 50,\n  scrollBehavior = 'smooth',\n  triggerID,\n  style = {},\n  className,\n}: ScrollControllerProps) {\n  const [isAutoScroll, setIsAutoScroll] = useState(true);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const isUserScrolling = useRef(false);\n  const scrollTimeout = useRef<number>();\n  const prevTriggerID = useRef(triggerID);\n\n  // 检测是否接近底部\n  const isNearBottom = useCallback(() => {\n    if (!containerRef.current) return false;\n    const { scrollHeight, scrollTop, clientHeight } = containerRef.current;\n    return scrollHeight - scrollTop - clientHeight < scrollBuffer;\n  }, [scrollBuffer]);\n\n  // 自动滚动逻辑\n  const autoScroll = useCallback(() => {\n    if (isAutoScroll && containerRef.current) {\n      containerRef.current.scrollTo({\n        top: containerRef.current.scrollHeight,\n        behavior: scrollBehavior,\n      });\n    }\n  }, [isAutoScroll, scrollBehavior]);\n\n  // 处理滚动事件\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) return;\n\n    // 清除之前的定时器\n    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);\n\n    // 标记用户滚动行为\n    if (!isUserScrolling.current) {\n      isUserScrolling.current = true;\n    }\n\n    // 设置滚动状态重置\n    scrollTimeout.current = setTimeout(() => {\n      isUserScrolling.current = false;\n    }, 100);\n\n    // 判断是否接近底部\n    if (isNearBottom()) {\n      setIsAutoScroll(true);\n    } else {\n      setIsAutoScroll(false);\n    }\n  }, [isNearBottom]);\n\n  // 初始化事件监听\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.addEventListener('scroll', handleScroll);\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [handleScroll]);\n\n  // 内容变化时自动滚动\n  useEffect(() => {\n    if (!isUserScrolling.current) {\n      autoScroll();\n    }\n  }, [children, autoScroll]);\n\n  // 监听触发标识变化\n  useEffect(() => {\n    if (\n      triggerID !== undefined &&\n      triggerID !== prevTriggerID.current &&\n      !isUserScrolling.current\n    ) {\n      setIsAutoScroll(true);\n      prevTriggerID.current = triggerID;\n    }\n  }, [triggerID, autoScroll]);\n\n  // 容器样式\n  const containerStyle: CSSProperties = {\n    height: containerHeight,\n    overflowY: 'auto',\n    scrollBehavior: scrollBehavior,\n    position: 'relative',\n  };\n\n  return (\n    <div ref={containerRef} style={{ ...containerStyle, ...style }} className={className}>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["jsx"],"mappings":";;AAYO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AACF,GAA0B;AACxB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AAC/C,QAAA,eAAe,OAAuB,IAAI;AAC1C,QAAA,kBAAkB,OAAO,KAAK;AACpC,QAAM,gBAAgB,OAAe;AAC/B,QAAA,gBAAgB,OAAO,SAAS;AAGhC,QAAA,eAAe,YAAY,MAAM;AACjC,QAAA,CAAC,aAAa,QAAgB,QAAA;AAClC,UAAM,EAAE,cAAc,WAAW,iBAAiB,aAAa;AACxD,WAAA,eAAe,YAAY,eAAe;AAAA,EAAA,GAChD,CAAC,YAAY,CAAC;AAGX,QAAA,aAAa,YAAY,MAAM;AAC/B,QAAA,gBAAgB,aAAa,SAAS;AACxC,mBAAa,QAAQ,SAAS;AAAA,QAC5B,KAAK,aAAa,QAAQ;AAAA,QAC1B,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EACH,GACC,CAAC,cAAc,cAAc,CAAC;AAG3B,QAAA,eAAe,YAAY,MAAM;AACjC,QAAA,CAAC,aAAa,QAAS;AAG3B,QAAI,cAAc,QAAsB,cAAA,cAAc,OAAO;AAGzD,QAAA,CAAC,gBAAgB,SAAS;AAC5B,sBAAgB,UAAU;AAAA,IAAA;AAId,kBAAA,UAAU,WAAW,MAAM;AACvC,sBAAgB,UAAU;AAAA,OACzB,GAAG;AAGN,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IAAA,OACf;AACL,sBAAgB,KAAK;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,YAAY,CAAC;AAGjB,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAEN,cAAA,iBAAiB,UAAU,YAAY;AACjD,WAAO,MAAM,UAAU,oBAAoB,UAAU,YAAY;AAAA,EAAA,GAChE,CAAC,YAAY,CAAC;AAGjB,YAAU,MAAM;AACV,QAAA,CAAC,gBAAgB,SAAS;AACjB,iBAAA;AAAA,IAAA;AAAA,EACb,GACC,CAAC,UAAU,UAAU,CAAC;AAGzB,YAAU,MAAM;AACd,QACE,cAAc,UACd,cAAc,cAAc,WAC5B,CAAC,gBAAgB,SACjB;AACA,sBAAgB,IAAI;AACpB,oBAAc,UAAU;AAAA,IAAA;AAAA,EAC1B,GACC,CAAC,WAAW,UAAU,CAAC;AAG1B,QAAM,iBAAgC;AAAA,IACpC,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,SACGA,kCAAAA,IAAA,OAAA,EAAI,KAAK,cAAc,OAAO,EAAE,GAAG,gBAAgB,GAAG,MAAS,GAAA,WAC9D,UAACA,kCAAAA,IAAA,OAAA,EAAK,SAAS,CAAA,GACjB;AAEJ;"}

package/dist/lib/components/shadow-dom/shadow-dom.es.js

@@ -0,0 +1,49 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useRef, useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+const ShadowDom = (props) => {
+  const { children, style, shadowRootDivClassName = "", rootFontSize = 16 } = props;
+  const shadowRef = useRef(null);
+  const [shadowContainer, setShadowContainer] = useState();
+  useEffect(() => {
+    if (shadowRef.current && !shadowRef.current.shadowRoot) {
+      const shadowRoot = shadowRef.current.shadowRoot || shadowRef.current.attachShadow({ mode: "open" });
+      shadowRoot.innerHTML = `
+        <style>${style}</style>
+        <div data-shadow-container class="${shadowRootDivClassName}"></div>
+      `;
+      shadowRoot.addEventListener(
+        "click",
+        (e) => {
+          var _a;
+          const customEvent = new CustomEvent("shadowclick", {
+            bubbles: true,
+            detail: { originalEvent: e, target: e.target }
+          });
+          (_a = shadowRef.current) == null ? void 0 : _a.dispatchEvent(customEvent);
+        },
+        true
+      );
+      setTimeout(() => {
+        const shadowContainerInner = shadowRoot.querySelector(
+          "[data-shadow-container]"
+        );
+        setShadowContainer(shadowContainerInner);
+      }, 0);
+    }
+  }, [children, style, shadowRootDivClassName]);
+  useEffect(() => {
+    if (shadowContainer) {
+      shadowContainer.style.fontSize = `${rootFontSize}px`;
+      shadowContainer.style.setProperty("--base-font", `${rootFontSize}px`);
+    }
+  }, [rootFontSize, shadowContainer]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    shadowContainer && createPortal(children, shadowContainer),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: shadowRef })
+  ] });
+};
+export {
+  ShadowDom
+};
+//# sourceMappingURL=shadow-dom.es.js.map

package/dist/lib/components/shadow-dom/shadow-dom.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-dom.es.js","sources":["../../../../src/components/shadow-dom/shadow-dom.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\n      // 确保事件能正确传播到外层\n      shadowRoot.addEventListener(\n        'click',\n        (e) => {\n          // 将 Shadow DOM 内的点击事件重新分发到外层\n          const customEvent = new CustomEvent('shadowclick', {\n            bubbles: true,\n            detail: { originalEvent: e, target: e.target },\n          });\n          shadowRef.current?.dispatchEvent(customEvent);\n        },\n        true,\n      );\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;AAIjD,iBAAA;AAAA,QACT;AAAA,QACA,CAAC,MAAM;;AAEC,gBAAA,cAAc,IAAI,YAAY,eAAe;AAAA,YACjD,SAAS;AAAA,YACT,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,OAAO;AAAA,UAAA,CAC9C;AACS,0BAAA,YAAA,mBAAS,cAAc;AAAA,QACnC;AAAA,QACA;AAAA,MACF;AAEA,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/lib/components/voice-animation/voice-animation.es.js

@@ -0,0 +1,48 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+/* empty css             */
+import { useState } from "react";
+const defaultAnimationDelayList = [0.4, 1.2, 0.8, 1.4, 0.8, 0.4, 1.4, 0.4, 1.4, 0.8, 0.4, 1.6];
+const VoiceAnimation = (props) => {
+  const {
+    className = "",
+    barNumber = 22,
+    barClassName = "",
+    playStatus,
+    barAnimationDelayList = defaultAnimationDelayList,
+    ...rest
+  } = props;
+  const [animationDelayList] = useState(barAnimationDelayList);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: classNames(
+        "voice-animation biz-flex biz-justify-between biz-items-center biz-w-full biz-h-full",
+        className
+      ),
+      ...rest,
+      children: new Array(barNumber).fill(0).map((_, index) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: classNames(
+              "wave-bar biz-h-full biz-rounded-full biz-w-[0.4rem] biz-bg-[#000]",
+              {
+                paused: playStatus === "paused"
+              },
+              barClassName
+            ),
+            style: {
+              animationDelay: `-${animationDelayList[index % animationDelayList.length]}s`
+            }
+          },
+          index
+        );
+      })
+    }
+  );
+};
+export {
+  VoiceAnimation
+};
+//# sourceMappingURL=voice-animation.es.js.map

package/dist/lib/components/voice-animation/voice-animation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-animation.es.js","sources":["../../../../src/components/voice-animation/voice-animation.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport './index.css';\nimport { HTMLProps, useState } from 'react';\n\nexport interface VoiceAnimationProps\n  extends Omit<HTMLProps<HTMLDivElement>, 'dangerouslySetInnerHTML'> {\n  className?: string;\n  barNumber?: number;\n  barClassName?: string;\n  playStatus?: 'paused' | 'running';\n  barAnimationDelayList?: number[];\n}\n\nconst defaultAnimationDelayList = [0.4, 1.2, 0.8, 1.4, 0.8, 0.4, 1.4, 0.4, 1.4, 0.8, 0.4, 1.6];\n\n/**\n * 语音动画。\n * - 单条动画时长 1.6 s，故 animationDelay 配置为 0 和 1.6 时最长，0.8 时，bar 最短\n */\nexport const VoiceAnimation = (props: VoiceAnimationProps) => {\n  const {\n    className = '',\n    barNumber = 22,\n    barClassName = '',\n    playStatus,\n    barAnimationDelayList = defaultAnimationDelayList,\n    ...rest\n  } = props;\n\n  const [animationDelayList] = useState(barAnimationDelayList);\n\n  return (\n    <div\n      className={classNames(\n        'voice-animation biz-flex biz-justify-between biz-items-center biz-w-full biz-h-full',\n        className,\n      )}\n      {...rest}\n    >\n      {new Array(barNumber).fill(0).map((_, index) => {\n        return (\n          <div\n            key={index}\n            className={classNames(\n              'wave-bar biz-h-full biz-rounded-full biz-w-[0.4rem] biz-bg-[#000]',\n              {\n                paused: playStatus === 'paused',\n              },\n              barClassName,\n            )}\n            style={{\n              animationDelay: `-${animationDelayList[index % animationDelayList.length]}s`,\n            }}\n          ></div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;AAaA,MAAM,4BAA4B,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAMhF,MAAA,iBAAiB,CAAC,UAA+B;AACtD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,CAAC,kBAAkB,IAAI,SAAS,qBAAqB;AAGzD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAE5C,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,QAAQ,eAAe;AAAA,cACzB;AAAA,cACA;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,gBAAgB,IAAI,mBAAmB,QAAQ,mBAAmB,MAAM,CAAC;AAAA,YAAA;AAAA,UAC3E;AAAA,UAVK;AAAA,QAWN;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/lib/easyv-biz-components/src/ant-components/index.d.ts

@@ -0,0 +1 @@
+export * from './input';

package/dist/lib/easyv-biz-components/src/ant-components/input/index.d.ts

@@ -0,0 +1 @@
+export { EasyvInput } from './input';

package/dist/lib/easyv-biz-components/src/ant-components/input/input.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { default as Input } from 'antd/es/input';
+
+export interface EasyvInputProps {
+    className?: string;
+}
+type inputProps = ComponentProps<typeof Input>;
+export declare const EasyvInput: (props: inputProps) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/ai-message-render/ai-message-render.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { AiMessageContentItem } from './types';
+
+export interface AiMessageRenderProps {
+    className?: string;
+    contents: AiMessageContentItem[];
+    renderDashboardContent?: (msg: AiMessageContentItem) => React.ReactNode;
+    renderStepHintContent?: (hintContent: string) => React.ReactNode;
+    showFooterButtons?: boolean;
+    onCopy?: () => void;
+    onRedo?: () => void;
+    markdownClassName?: string;
+    rootFontSize?: number;
+    /**隐藏默认样式 */
+    hideDefaultStyle?: boolean;
+    /** 并不是应用于 元素的 style 属性上，而是把 string 放入 shadowDom的 style 标签内 */
+    markdownStyle?: string;
+    stepHintClassName?: string;
+    /** 阶段提示图标的动画 */
+    stepHintAnimation?: boolean;
+    /** markdown 里图片的 className */
+    imgClassName?: string;
+    /** 是否启用图片预览 @default true */
+    useImgPreview?: boolean;
+}
+export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/ai-message-render/image-preview.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export interface ImagePreviewProps {
+    src: string;
+    alt?: string;
+    visible: boolean;
+    onClose: () => void;
+}
+export declare const ImagePreview: React.FC<ImagePreviewProps>;

package/dist/lib/easyv-biz-components/src/components/ai-message-render/index.d.ts

@@ -0,0 +1,3 @@
+export { AiMessageRender } from './ai-message-render';
+export * from './types';
+export * from './utils';

package/dist/lib/easyv-biz-components/src/components/ai-message-render/test/ai-message-render.cy.d.ts

@@ -0,0 +1 @@
+