@easyv/biz-components 1.0.29 → 2.1.0

package/dist/lib/components/code-mirror-editor/utils.es.js

@@ -0,0 +1,245 @@
+import { parse } from "../../node_modules/.pnpm/acorn@8.15.0/node_modules/acorn/dist/acorn.es.js";
+import { simple } from "../../node_modules/.pnpm/acorn-walk@8.3.4/node_modules/acorn-walk/dist/walk.es.js";
+import { globalCompletions, LINT_CONFIG, nodeGlobals, browserGlobals, ERROR_MESSAGES, DIAGNOSTIC_SEVERITY } from "./constants.es.js";
+const fuzzyMatch = (input, target) => {
+  if (!input) return { matches: true, score: 1 };
+  if (!target) return { matches: false, score: 0 };
+  const inputLower = input.toLowerCase();
+  const targetLower = target.toLowerCase();
+  if (targetLower.startsWith(inputLower)) {
+    return { matches: true, score: 1e3 + inputLower.length / targetLower.length * 100 };
+  }
+  let inputIndex = 0;
+  let targetIndex = 0;
+  let score = 0;
+  let consecutiveMatches = 0;
+  let lastMatchIndex = -1;
+  while (inputIndex < inputLower.length && targetIndex < targetLower.length) {
+    if (inputLower[inputIndex] === targetLower[targetIndex]) {
+      if (targetIndex === lastMatchIndex + 1) {
+        consecutiveMatches++;
+        score += 10 + consecutiveMatches * 5;
+      } else {
+        consecutiveMatches = 0;
+        score += 5;
+      }
+      if (targetIndex === 0 || targetLower[targetIndex - 1] === "_" || targetIndex > 0 && targetLower[targetIndex - 1].toLowerCase() !== targetLower[targetIndex - 1] && targetLower[targetIndex].toLowerCase() === targetLower[targetIndex]) {
+        score += 15;
+      }
+      lastMatchIndex = targetIndex;
+      inputIndex++;
+    }
+    targetIndex++;
+  }
+  const matches = inputIndex === inputLower.length;
+  if (matches) {
+    const matchRatio = inputLower.length / targetLower.length;
+    score = score * (1 + matchRatio);
+    score = score * (100 / targetLower.length);
+  }
+  return { matches, score: matches ? score : 0 };
+};
+const getGlobalDefinitions = (environment) => {
+  return environment === "node" ? nodeGlobals : browserGlobals;
+};
+const collectVariableDeclarations = (ast) => {
+  const declaredVars = /* @__PURE__ */ new Map();
+  simple(ast, {
+    // 处理变量声明
+    VariableDeclarator(node) {
+      if (node.id && node.id.type === "Identifier") {
+        declaredVars.set(node.id.name, {
+          line: node.id.loc.start.line,
+          column: node.id.loc.start.column,
+          used: false
+        });
+      }
+    },
+    // 处理函数声明
+    FunctionDeclaration(node) {
+      if (node.id && node.id.type === "Identifier") {
+        declaredVars.set(node.id.name, {
+          line: node.id.loc.start.line,
+          column: node.id.loc.start.column,
+          used: false
+        });
+      }
+    }
+  });
+  return declaredVars;
+};
+const checkVariableUsageAndMethods = (ast, declaredVars, globals, view) => {
+  const diagnostics = [];
+  simple(ast, {
+    Identifier(node) {
+      if (declaredVars.has(node.name)) {
+        const varInfo = declaredVars.get(node.name);
+        varInfo.used = true;
+      }
+    },
+    MemberExpression(node) {
+      if (node.object && node.property && !node.computed) {
+        const objectName = node.object.name;
+        const propertyName = node.property.name;
+        if (objectName && propertyName && objectName in globals && typeof globals[objectName] === "object") {
+          const methods = globals[objectName];
+          if (!methods[propertyName]) {
+            const line = view.state.doc.line(node.property.loc.start.line);
+            const from = line.from + node.property.loc.start.column;
+            const to = from + propertyName.length;
+            diagnostics.push({
+              from,
+              to,
+              severity: DIAGNOSTIC_SEVERITY.WARNING,
+              message: ERROR_MESSAGES.METHOD_NOT_EXIST(objectName, propertyName)
+            });
+          }
+        }
+      }
+    }
+  });
+  return diagnostics;
+};
+const checkUnusedVariables = (declaredVars, view) => {
+  const diagnostics = [];
+  for (const [varName, varInfo] of declaredVars) {
+    if (!varInfo.used) {
+      const line = view.state.doc.line(varInfo.line);
+      const from = line.from + varInfo.column;
+      const to = from + varName.length;
+      diagnostics.push({
+        from,
+        to,
+        severity: DIAGNOSTIC_SEVERITY.WARNING,
+        message: ERROR_MESSAGES.UNUSED_VARIABLE(varName)
+      });
+    }
+  }
+  return diagnostics;
+};
+const handleSyntaxError = (error, view) => {
+  const { loc, message } = error;
+  const errorMsg = ERROR_MESSAGES.SYNTAX_ERROR(loc.line, loc.column, message);
+  const line = view.state.doc.line(loc.line);
+  const from = line.from + loc.column - 1;
+  const to = Math.min(from + 1, line.to);
+  return [
+    {
+      from,
+      to,
+      severity: DIAGNOSTIC_SEVERITY.ERROR,
+      message: errorMsg
+    }
+  ];
+};
+const lintJavaScriptCode = (code, environment, view) => {
+  const diagnostics = [];
+  try {
+    const ast = parse(code, {
+      ecmaVersion: LINT_CONFIG.ECMA_VERSION,
+      locations: true,
+      allowReturnOutsideFunction: true
+      // 允许在函数外使用return
+    });
+    const globals = getGlobalDefinitions(environment);
+    const declaredVars = collectVariableDeclarations(ast);
+    const usageAndMethodDiagnostics = checkVariableUsageAndMethods(
+      ast,
+      declaredVars,
+      globals,
+      view
+    );
+    diagnostics.push(...usageAndMethodDiagnostics);
+    const unusedVariableDiagnostics = checkUnusedVariables(declaredVars, view);
+    diagnostics.push(...unusedVariableDiagnostics);
+  } catch (error) {
+    const syntaxErrorDiagnostics = handleSyntaxError(error, view);
+    diagnostics.push(...syntaxErrorDiagnostics);
+  }
+  return diagnostics;
+};
+const createCustomCompletionsSource = (customCompletions) => {
+  return (context) => {
+    const word = context.matchBefore(/\w*/);
+    if (!word) return null;
+    const finalCompletions = {
+      variables: [...(customCompletions == null ? void 0 : customCompletions.variables) || []],
+      functions: [...globalCompletions.functions, ...(customCompletions == null ? void 0 : customCompletions.functions) || []],
+      keywords: [...(customCompletions == null ? void 0 : customCompletions.keywords) || []]
+    };
+    if (word.from < context.pos) {
+      const inputText = context.state.doc.sliceString(word.from, context.pos);
+      const allCompletions = [];
+      if (finalCompletions.variables) {
+        finalCompletions.variables.forEach((item) => {
+          const matchResult = fuzzyMatch(inputText, item.label);
+          if (matchResult.matches) {
+            allCompletions.push({
+              completion: {
+                label: item.label,
+                type: item.type,
+                info: item.info,
+                detail: item.detail,
+                apply: item.apply || item.label
+              },
+              score: matchResult.score
+            });
+          }
+        });
+      }
+      if (finalCompletions.functions) {
+        finalCompletions.functions.forEach((item) => {
+          const matchResult = fuzzyMatch(inputText, item.label);
+          if (matchResult.matches) {
+            allCompletions.push({
+              completion: {
+                label: item.label,
+                type: item.type,
+                info: item.info,
+                detail: item.detail,
+                apply: item.apply || item.label
+              },
+              score: matchResult.score
+            });
+          }
+        });
+      }
+      if (finalCompletions.keywords) {
+        finalCompletions.keywords.forEach((item) => {
+          const matchResult = fuzzyMatch(inputText, item.label);
+          if (matchResult.matches) {
+            allCompletions.push({
+              completion: {
+                label: item.label,
+                type: item.type,
+                info: item.info,
+                detail: item.detail,
+                apply: item.apply || item.label
+              },
+              score: matchResult.score
+            });
+          }
+        });
+      }
+      if (allCompletions.length > 0) {
+        allCompletions.sort((a, b) => b.score - a.score);
+        return {
+          from: word.from,
+          options: allCompletions.map((item) => item.completion)
+        };
+      }
+    }
+    return null;
+  };
+};
+export {
+  checkUnusedVariables,
+  checkVariableUsageAndMethods,
+  collectVariableDeclarations,
+  createCustomCompletionsSource,
+  fuzzyMatch,
+  getGlobalDefinitions,
+  handleSyntaxError,
+  lintJavaScriptCode
+};
+//# sourceMappingURL=utils.es.js.map

package/dist/lib/components/code-mirror-editor/utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.es.js","sources":["../../../../src/components/code-mirror-editor/utils.ts"],"sourcesContent":["import { CompletionContext, CompletionResult } from \"@codemirror/autocomplete\";\nimport { Diagnostic } from \"@codemirror/lint\";\nimport { EditorView } from \"@codemirror/view\";\nimport * as acorn from \"acorn\";\nimport { simple as walk } from \"acorn-walk\";\nimport {\n  browserGlobals,\n  DIAGNOSTIC_SEVERITY,\n  ERROR_MESSAGES,\n  globalCompletions,\n  LINT_CONFIG,\n  nodeGlobals,\n} from \"./constants\";\nimport { CustomCompletionConfig } from \"./types\";\n\n/**\n * 模糊匹配函数，支持非连续字符匹配\n * 例如：输入 \"usd\" 可以匹配 \"userData\"\n * @param input 用户输入的字符串\n * @param target 目标字符串\n * @returns 是否匹配以及匹配分数\n */\nexport const fuzzyMatch = (input: string, target: string): { matches: boolean; score: number } => {\n  if (!input) return { matches: true, score: 1 };\n  if (!target) return { matches: false, score: 0 };\n\n  const inputLower = input.toLowerCase();\n  const targetLower = target.toLowerCase();\n\n  // 如果是前缀匹配，给予最高分数\n  if (targetLower.startsWith(inputLower)) {\n    return { matches: true, score: 1000 + (inputLower.length / targetLower.length) * 100 };\n  }\n\n  let inputIndex = 0;\n  let targetIndex = 0;\n  let score = 0;\n  let consecutiveMatches = 0;\n  let lastMatchIndex = -1;\n\n  while (inputIndex < inputLower.length && targetIndex < targetLower.length) {\n    if (inputLower[inputIndex] === targetLower[targetIndex]) {\n      // 连续匹配加分\n      if (targetIndex === lastMatchIndex + 1) {\n        consecutiveMatches++;\n        score += 10 + consecutiveMatches * 5; // 连续匹配奖励递增\n      } else {\n        consecutiveMatches = 0;\n        score += 5; // 基础匹配分数\n      }\n\n      // 单词开头匹配加分\n      if (\n        targetIndex === 0 ||\n        targetLower[targetIndex - 1] === \"_\" ||\n        (targetIndex > 0 &&\n          targetLower[targetIndex - 1].toLowerCase() !== targetLower[targetIndex - 1] &&\n          targetLower[targetIndex].toLowerCase() === targetLower[targetIndex])\n      ) {\n        score += 15;\n      }\n\n      lastMatchIndex = targetIndex;\n      inputIndex++;\n    }\n    targetIndex++;\n  }\n\n  const matches = inputIndex === inputLower.length;\n\n  if (matches) {\n    // 根据匹配字符占比调整分数\n    const matchRatio = inputLower.length / targetLower.length;\n    score = score * (1 + matchRatio);\n\n    // 目标字符串越短，分数越高\n    score = score * (100 / targetLower.length);\n  }\n\n  return { matches, score: matches ? score : 0 };\n};\n\n// 获取全局变量定义 - 基于 TypeScript 类型定义\nexport const getGlobalDefinitions = (environment: \"browser\" | \"node\") => {\n  return environment === \"node\" ? nodeGlobals : browserGlobals;\n};\n\n// 变量信息接口\nexport interface VariableInfo {\n  line: number;\n  column: number;\n  used: boolean;\n}\n\n// 收集变量声明\nexport const collectVariableDeclarations = (ast: any): Map<string, VariableInfo> => {\n  const declaredVars = new Map<string, VariableInfo>();\n\n  walk(ast, {\n    // 处理变量声明\n    VariableDeclarator(node: any) {\n      if (node.id && node.id.type === \"Identifier\") {\n        declaredVars.set(node.id.name, {\n          line: node.id.loc.start.line,\n          column: node.id.loc.start.column,\n          used: false,\n        });\n      }\n    },\n    // 处理函数声明\n    FunctionDeclaration(node: any) {\n      if (node.id && node.id.type === \"Identifier\") {\n        declaredVars.set(node.id.name, {\n          line: node.id.loc.start.line,\n          column: node.id.loc.start.column,\n          used: false,\n        });\n      }\n    },\n  });\n\n  return declaredVars;\n};\n\n// 检查变量使用和方法调用\nexport const checkVariableUsageAndMethods = (\n  ast: any,\n  declaredVars: Map<string, VariableInfo>,\n  globals: any,\n  view: EditorView,\n): Diagnostic[] => {\n  const diagnostics: Diagnostic[] = [];\n\n  walk(ast, {\n    Identifier(node: any) {\n      if (declaredVars.has(node.name)) {\n        const varInfo = declaredVars.get(node.name)!;\n        varInfo.used = true;\n      }\n    },\n    MemberExpression(node: any) {\n      // 检测方法调用是否存在\n      if (node.object && node.property && !node.computed) {\n        const objectName = node.object.name;\n        const propertyName = node.property.name;\n\n        // 检查全局对象的方法\n        if (\n          objectName &&\n          propertyName &&\n          objectName in globals &&\n          typeof globals[objectName as keyof typeof globals] === \"object\"\n        ) {\n          const methods = globals[objectName as keyof typeof globals] as Record<string, boolean>;\n          if (!methods[propertyName]) {\n            const line = view.state.doc.line(node.property.loc.start.line);\n            const from = line.from + node.property.loc.start.column;\n            const to = from + propertyName.length;\n\n            diagnostics.push({\n              from,\n              to,\n              severity: DIAGNOSTIC_SEVERITY.WARNING,\n              message: ERROR_MESSAGES.METHOD_NOT_EXIST(objectName, propertyName),\n            });\n          }\n        }\n      }\n    },\n  });\n\n  return diagnostics;\n};\n\n// 检查未使用的变量\nexport const checkUnusedVariables = (\n  declaredVars: Map<string, VariableInfo>,\n  view: EditorView,\n): Diagnostic[] => {\n  const diagnostics: Diagnostic[] = [];\n\n  for (const [varName, varInfo] of declaredVars) {\n    if (!varInfo.used) {\n      const line = view.state.doc.line(varInfo.line);\n      const from = line.from + varInfo.column;\n      const to = from + varName.length;\n\n      diagnostics.push({\n        from,\n        to,\n        severity: DIAGNOSTIC_SEVERITY.WARNING,\n        message: ERROR_MESSAGES.UNUSED_VARIABLE(varName),\n      });\n    }\n  }\n\n  return diagnostics;\n};\n\n// 处理语法错误\nexport const handleSyntaxError = (error: any, view: EditorView): Diagnostic[] => {\n  const { loc, message } = error;\n  const errorMsg = ERROR_MESSAGES.SYNTAX_ERROR(loc.line, loc.column, message);\n\n  // 将行列号转换为 CodeMirror 需要的字符位置\n  const line = view.state.doc.line(loc.line);\n  const from = line.from + loc.column - 1; // loc.column 是基于 1 的，需要减 1\n  const to = Math.min(from + 1, line.to); // 确保不超过行尾\n\n  return [\n    {\n      from,\n      to,\n      severity: DIAGNOSTIC_SEVERITY.ERROR,\n      message: errorMsg,\n    },\n  ];\n};\n\n// JavaScript代码语法检查主函数\nexport const lintJavaScriptCode = (\n  code: string,\n  environment: \"browser\" | \"node\",\n  view: EditorView,\n): Diagnostic[] => {\n  const diagnostics: Diagnostic[] = [];\n\n  try {\n    const ast = acorn.parse(code, {\n      ecmaVersion: LINT_CONFIG.ECMA_VERSION,\n      locations: true,\n      allowReturnOutsideFunction: true, // 允许在函数外使用return\n    });\n    const globals = getGlobalDefinitions(environment);\n\n    // 收集变量声明\n    const declaredVars = collectVariableDeclarations(ast);\n\n    // 检查变量使用和方法调用\n    const usageAndMethodDiagnostics = checkVariableUsageAndMethods(\n      ast,\n      declaredVars,\n      globals,\n      view,\n    );\n    diagnostics.push(...usageAndMethodDiagnostics);\n\n    // 检查未使用的变量\n    const unusedVariableDiagnostics = checkUnusedVariables(declaredVars, view);\n    diagnostics.push(...unusedVariableDiagnostics);\n  } catch (error: any) {\n    const syntaxErrorDiagnostics = handleSyntaxError(error, view);\n    diagnostics.push(...syntaxErrorDiagnostics);\n  }\n\n  return diagnostics;\n};\n\n// 创建自定义补全源（独立函数）\nexport const createCustomCompletionsSource = (customCompletions?: CustomCompletionConfig) => {\n  return (context: CompletionContext): CompletionResult | null => {\n    const word = context.matchBefore(/\\w*/);\n    if (!word) return null;\n    const finalCompletions = {\n      variables: [...(customCompletions?.variables || [])],\n      functions: [...globalCompletions.functions, ...(customCompletions?.functions || [])],\n      keywords: [...(customCompletions?.keywords || [])],\n    };\n\n    // 自定义变量和函数补全\n    if (word.from < context.pos) {\n      const inputText = context.state.doc.sliceString(word.from, context.pos);\n      const allCompletions: Array<{ completion: any; score: number }> = [];\n\n      // 添加自定义变量\n      if (finalCompletions.variables) {\n        finalCompletions.variables.forEach((item) => {\n          const matchResult = fuzzyMatch(inputText, item.label);\n          if (matchResult.matches) {\n            allCompletions.push({\n              completion: {\n                label: item.label,\n                type: item.type,\n                info: item.info,\n                detail: item.detail,\n                apply: item.apply || item.label,\n              },\n              score: matchResult.score,\n            });\n          }\n        });\n      }\n\n      // 添加自定义函数\n      if (finalCompletions.functions) {\n        finalCompletions.functions.forEach((item) => {\n          const matchResult = fuzzyMatch(inputText, item.label);\n          if (matchResult.matches) {\n            allCompletions.push({\n              completion: {\n                label: item.label,\n                type: item.type,\n                info: item.info,\n                detail: item.detail,\n                apply: item.apply || item.label,\n              },\n              score: matchResult.score,\n            });\n          }\n        });\n      }\n\n      // 添加自定义关键字\n      if (finalCompletions.keywords) {\n        finalCompletions.keywords.forEach((item) => {\n          const matchResult = fuzzyMatch(inputText, item.label);\n          if (matchResult.matches) {\n            allCompletions.push({\n              completion: {\n                label: item.label,\n                type: item.type,\n                info: item.info,\n                detail: item.detail,\n                apply: item.apply || item.label,\n              },\n              score: matchResult.score,\n            });\n          }\n        });\n      }\n\n      if (allCompletions.length > 0) {\n        // 按分数降序排序，分数高的排在前面\n        allCompletions.sort((a, b) => b.score - a.score);\n\n        return {\n          from: word.from,\n          options: allCompletions.map((item) => item.completion),\n        };\n      }\n    }\n\n    return null;\n  };\n};\n"],"names":["walk","acorn.parse"],"mappings":"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"}

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/constants.es.js

@@ -0,0 +1,135 @@
+const customEchartsThemeConfig = {
+  themeName: "easyvEchartsTheme",
+  theme: {
+    seriesCnt: "3",
+    backgroundColor: "#1a1f2d",
+    titleColor: "#ffffff",
+    subtitleColor: "#dddddd",
+    textColorShow: false,
+    textColor: "#333",
+    markTextColor: "#293441",
+    color: ["#2a9dff", "#00ffff", "#d7f794", "#72ccff", "#f7c5a0", "#d4a4eb", "#d2f5a6", "#76f2f2"],
+    borderColor: "rgba(255,255,255,0.36)",
+    borderWidth: "0",
+    visualMapColor: ["#fc97af", "#87f7cf"],
+    legendTextColor: "#ffffff",
+    kColor: "#fc97af",
+    kColor0: "transparent",
+    kBorderColor: "#fc97af",
+    kBorderColor0: "#87f7cf",
+    kBorderWidth: "2",
+    lineWidth: "3",
+    symbolSize: "0",
+    symbol: "circle",
+    symbolBorderWidth: "4",
+    lineSmooth: true,
+    graphLineWidth: "1",
+    graphLineColor: "#ffffff",
+    mapLabelColor: "#893448",
+    mapLabelColorE: "rgb(137,52,72)",
+    mapBorderColor: "#999999",
+    mapBorderColorE: "#eb8146",
+    mapBorderWidth: 0.5,
+    mapBorderWidthE: 1,
+    mapAreaColor: "#f3f3f3",
+    mapAreaColorE: "rgba(255,178,72,1)",
+    axes: [
+      {
+        type: "all",
+        name: "通用坐标轴",
+        axisLineShow: true,
+        axisLineColor: "#666666",
+        axisTickShow: false,
+        axisTickColor: "#333333",
+        axisLabelShow: true,
+        axisLabelColor: "#aaaaaa",
+        splitLineShow: false,
+        splitLineColor: ["#e6e6e6"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
+      },
+      {
+        type: "category",
+        name: "类目坐标轴",
+        axisLineShow: true,
+        axisLineColor: "#333",
+        axisTickShow: true,
+        axisTickColor: "#333",
+        axisLabelShow: true,
+        axisLabelColor: "#333",
+        splitLineShow: false,
+        splitLineColor: ["#ccc"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        type: "value",
+        name: "数值坐标轴",
+        axisLineShow: true,
+        axisLineColor: "#333",
+        axisTickShow: true,
+        axisTickColor: "#333",
+        axisLabelShow: true,
+        axisLabelColor: "#333",
+        splitLineShow: true,
+        splitLineColor: ["#ccc"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        type: "log",
+        name: "对数坐标轴",
+        axisLineShow: true,
+        axisLineColor: "#333",
+        axisTickShow: true,
+        axisTickColor: "#333",
+        axisLabelShow: true,
+        axisLabelColor: "#333",
+        splitLineShow: true,
+        splitLineColor: ["#ccc"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      },
+      {
+        type: "time",
+        name: "时间坐标轴",
+        axisLineShow: true,
+        axisLineColor: "#333",
+        axisTickShow: true,
+        axisTickColor: "#333",
+        axisLabelShow: true,
+        axisLabelColor: "#333",
+        splitLineShow: true,
+        splitLineColor: ["#ccc"],
+        splitAreaShow: false,
+        splitAreaColor: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      }
+    ],
+    axisSeperateSetting: false,
+    toolboxColor: "#999999",
+    toolboxEmphasisColor: "#666666",
+    tooltipAxisColor: "#cccccc",
+    tooltipAxisWidth: 1,
+    timelineLineColor: "#87f7cf",
+    timelineLineWidth: 1,
+    timelineItemColor: "#87f7cf",
+    timelineItemColorE: "#f7f494",
+    timelineCheckColor: "#fc97af",
+    timelineCheckBorderColor: "#fc97af",
+    timelineItemBorderWidth: 1,
+    timelineControlColor: "#87f7cf",
+    timelineControlBorderColor: "#87f7cf",
+    timelineControlBorderWidth: 0.5,
+    timelineLabelColor: "#87f7cf",
+    datazoomBackgroundColor: "rgba(255,255,255,0)",
+    datazoomDataColor: "rgba(114,204,255,1)",
+    datazoomFillColor: "rgba(114,204,255,0.2)",
+    datazoomHandleColor: "#72ccff",
+    datazoomHandleWidth: "100",
+    datazoomLabelColor: "#333333"
+  }
+};
+export {
+  customEchartsThemeConfig
+};
+//# sourceMappingURL=constants.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.es.js","sources":["../../../../src/components/echarts-render/constants.ts"],"sourcesContent":["export const customEchartsThemeConfig = {\n  version: 1,\n  themeName: \"easyvEchartsTheme\",\n  theme: {\n    seriesCnt: \"3\",\n    backgroundColor: \"#1a1f2d\",\n    titleColor: \"#ffffff\",\n    subtitleColor: \"#dddddd\",\n    textColorShow: false,\n    textColor: \"#333\",\n    markTextColor: \"#293441\",\n    color: [\"#2a9dff\", \"#00ffff\", \"#d7f794\", \"#72ccff\", \"#f7c5a0\", \"#d4a4eb\", \"#d2f5a6\", \"#76f2f2\"],\n    borderColor: \"rgba(255,255,255,0.36)\",\n    borderWidth: \"0\",\n    visualMapColor: [\"#fc97af\", \"#87f7cf\"],\n    legendTextColor: \"#ffffff\",\n    kColor: \"#fc97af\",\n    kColor0: \"transparent\",\n    kBorderColor: \"#fc97af\",\n    kBorderColor0: \"#87f7cf\",\n    kBorderWidth: \"2\",\n    lineWidth: \"3\",\n    symbolSize: \"0\",\n    symbol: \"circle\",\n    symbolBorderWidth: \"4\",\n    lineSmooth: true,\n    graphLineWidth: \"1\",\n    graphLineColor: \"#ffffff\",\n    mapLabelColor: \"#893448\",\n    mapLabelColorE: \"rgb(137,52,72)\",\n    mapBorderColor: \"#999999\",\n    mapBorderColorE: \"#eb8146\",\n    mapBorderWidth: 0.5,\n    mapBorderWidthE: 1,\n    mapAreaColor: \"#f3f3f3\",\n    mapAreaColorE: \"rgba(255,178,72,1)\",\n    axes: [\n      {\n        type: \"all\",\n        name: \"通用坐标轴\",\n        axisLineShow: true,\n        axisLineColor: \"#666666\",\n        axisTickShow: false,\n        axisTickColor: \"#333333\",\n        axisLabelShow: true,\n        axisLabelColor: \"#aaaaaa\",\n        splitLineShow: false,\n        splitLineColor: [\"#e6e6e6\"],\n        splitAreaShow: false,\n        splitAreaColor: [\"rgba(250,250,250,0.05)\", \"rgba(200,200,200,0.02)\"],\n      },\n      {\n        type: \"category\",\n        name: \"类目坐标轴\",\n        axisLineShow: true,\n        axisLineColor: \"#333\",\n        axisTickShow: true,\n        axisTickColor: \"#333\",\n        axisLabelShow: true,\n        axisLabelColor: \"#333\",\n        splitLineShow: false,\n        splitLineColor: [\"#ccc\"],\n        splitAreaShow: false,\n        splitAreaColor: [\"rgba(250,250,250,0.3)\", \"rgba(200,200,200,0.3)\"],\n      },\n      {\n        type: \"value\",\n        name: \"数值坐标轴\",\n        axisLineShow: true,\n        axisLineColor: \"#333\",\n        axisTickShow: true,\n        axisTickColor: \"#333\",\n        axisLabelShow: true,\n        axisLabelColor: \"#333\",\n        splitLineShow: true,\n        splitLineColor: [\"#ccc\"],\n        splitAreaShow: false,\n        splitAreaColor: [\"rgba(250,250,250,0.3)\", \"rgba(200,200,200,0.3)\"],\n      },\n      {\n        type: \"log\",\n        name: \"对数坐标轴\",\n        axisLineShow: true,\n        axisLineColor: \"#333\",\n        axisTickShow: true,\n        axisTickColor: \"#333\",\n        axisLabelShow: true,\n        axisLabelColor: \"#333\",\n        splitLineShow: true,\n        splitLineColor: [\"#ccc\"],\n        splitAreaShow: false,\n        splitAreaColor: [\"rgba(250,250,250,0.3)\", \"rgba(200,200,200,0.3)\"],\n      },\n      {\n        type: \"time\",\n        name: \"时间坐标轴\",\n        axisLineShow: true,\n        axisLineColor: \"#333\",\n        axisTickShow: true,\n        axisTickColor: \"#333\",\n        axisLabelShow: true,\n        axisLabelColor: \"#333\",\n        splitLineShow: true,\n        splitLineColor: [\"#ccc\"],\n        splitAreaShow: false,\n        splitAreaColor: [\"rgba(250,250,250,0.3)\", \"rgba(200,200,200,0.3)\"],\n      },\n    ],\n    axisSeperateSetting: false,\n    toolboxColor: \"#999999\",\n    toolboxEmphasisColor: \"#666666\",\n    tooltipAxisColor: \"#cccccc\",\n    tooltipAxisWidth: 1,\n    timelineLineColor: \"#87f7cf\",\n    timelineLineWidth: 1,\n    timelineItemColor: \"#87f7cf\",\n    timelineItemColorE: \"#f7f494\",\n    timelineCheckColor: \"#fc97af\",\n    timelineCheckBorderColor: \"#fc97af\",\n    timelineItemBorderWidth: 1,\n    timelineControlColor: \"#87f7cf\",\n    timelineControlBorderColor: \"#87f7cf\",\n    timelineControlBorderWidth: 0.5,\n    timelineLabelColor: \"#87f7cf\",\n    datazoomBackgroundColor: \"rgba(255,255,255,0)\",\n    datazoomDataColor: \"rgba(114,204,255,1)\",\n    datazoomFillColor: \"rgba(114,204,255,0.2)\",\n    datazoomHandleColor: \"#72ccff\",\n    datazoomHandleWidth: \"100\",\n    datazoomLabelColor: \"#333333\",\n  },\n} as const;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,63 @@
+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 { customEchartsThemeConfig } from "./constants.es.js";
+import { useWatchValue } from "../../hooks/use-watch-value/use-watch-value.es.js";
+const applyThemeToOption = (option) => {
+  var _a;
+  const { lineSmooth, legendTextColor } = customEchartsThemeConfig.theme;
+  const processedOption = { ...option };
+  if (option.series && lineSmooth) {
+    if (Array.isArray(processedOption.series)) {
+      processedOption.series = processedOption.series.map((series) => {
+        if (series.type === "line" && series.smooth === void 0) {
+          return {
+            ...series,
+            smooth: lineSmooth
+          };
+        }
+        return series;
+      });
+    }
+  }
+  if (option.legend && legendTextColor) {
+    const currentLegend = processedOption.legend;
+    processedOption.legend = {
+      ...currentLegend,
+      textStyle: {
+        // 保留用户已设置的 textStyle 属性
+        ...currentLegend.textStyle || {},
+        // 只在用户没有明确设置颜色时应用主题颜色
+        color: ((_a = currentLegend.textStyle) == null ? void 0 : _a.color) || legendTextColor
+      }
+    };
+  }
+  return processedOption;
+};
+const EchartsRender = (props) => {
+  const { className = "", echarts, option: originalOption, ...rest } = props;
+  const [echartsInstance, setEchartsInstance] = useState(null);
+  const divRef = useRef(null);
+  const processedOption = applyThemeToOption(originalOption);
+  const initEcharts = useMemoizedFn(async () => {
+    echarts.registerTheme(customEchartsThemeConfig.themeName, customEchartsThemeConfig.theme);
+    const myChart = echarts.init(divRef.current, customEchartsThemeConfig.themeName);
+    myChart.setOption(processedOption);
+    setEchartsInstance(myChart);
+  });
+  useEffect(() => {
+    initEcharts();
+  }, [initEcharts]);
+  useWatchValue({
+    value: processedOption,
+    callback: () => {
+      echartsInstance == null ? void 0 : echartsInstance.setOption(processedOption);
+    }
+  });
+  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 { customEchartsThemeConfig } from \"./constants\";\nimport { ECOption } from \"./types\";\n\nexport interface EchartsRenderProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  echarts: typeof EchartsInner;\n  option: ECOption;\n}\n\n/**\n * 应用主题配置到 option 中\n * 主要处理 lineSmooth、legendTextColor 等主题配置无法自动应用的问题\n */\nconst applyThemeToOption = (option: ECOption): ECOption => {\n  const { lineSmooth, legendTextColor } = customEchartsThemeConfig.theme;\n\n  const processedOption = { ...option };\n\n  // 处理 lineSmooth 配置\n  if (option.series && lineSmooth) {\n    // 如果 series 是数组，处理每个系列\n    if (Array.isArray(processedOption.series)) {\n      processedOption.series = processedOption.series.map((series: any) => {\n        // 只对 line 类型的系列应用 smooth 配置，且只在用户没有明确设置时应用\n        if (series.type === \"line\" && series.smooth === undefined) {\n          return {\n            ...series,\n            smooth: lineSmooth,\n          };\n        }\n        return series;\n      });\n    }\n  }\n\n  // 处理图例文本颜色配置\n  if (option.legend && legendTextColor) {\n    const currentLegend = processedOption.legend as any;\n    processedOption.legend = {\n      ...currentLegend,\n      textStyle: {\n        // 保留用户已设置的 textStyle 属性\n        ...(currentLegend.textStyle || {}),\n        // 只在用户没有明确设置颜色时应用主题颜色\n        color: currentLegend.textStyle?.color || legendTextColor,\n      },\n    };\n  }\n\n  return processedOption;\n};\n\n/**\n * Echarts 渲染组件. 基础示例参考本仓库同层级的 test/base.cy.tsx 文件\n */\nexport const EchartsRender = (props: EchartsRenderProps) => {\n  const { className = \"\", echarts, option: originalOption, ...rest } = props;\n  const [echartsInstance, setEchartsInstance] = useState<EchartsInner.ECharts | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 应用主题配置到 option\n  const processedOption = applyThemeToOption(originalOption);\n\n  const initEcharts = useMemoizedFn(async () => {\n    echarts.registerTheme(customEchartsThemeConfig.themeName, customEchartsThemeConfig.theme);\n    const myChart = echarts.init(divRef.current!, customEchartsThemeConfig.themeName);\n    myChart.setOption(processedOption);\n    setEchartsInstance(myChart);\n  });\n\n  useEffect(() => {\n    initEcharts();\n  }, [initEcharts]);\n\n  useWatchValue({\n    value: processedOption,\n    callback: () => {\n      echartsInstance?.setOption(processedOption);\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":";;;;;;AAkBA,MAAM,qBAAqB,CAAC,WAA+B;;AACzD,QAAM,EAAE,YAAY,gBAAgB,IAAI,yBAAyB;AAE3D,QAAA,kBAAkB,EAAE,GAAG,OAAO;AAGhC,MAAA,OAAO,UAAU,YAAY;AAE/B,QAAI,MAAM,QAAQ,gBAAgB,MAAM,GAAG;AACzC,sBAAgB,SAAS,gBAAgB,OAAO,IAAI,CAAC,WAAgB;AAEnE,YAAI,OAAO,SAAS,UAAU,OAAO,WAAW,QAAW;AAClD,iBAAA;AAAA,YACL,GAAG;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,QAAA;AAEK,eAAA;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,EACH;AAIE,MAAA,OAAO,UAAU,iBAAiB;AACpC,UAAM,gBAAgB,gBAAgB;AACtC,oBAAgB,SAAS;AAAA,MACvB,GAAG;AAAA,MACH,WAAW;AAAA;AAAA,QAET,GAAI,cAAc,aAAa,CAAC;AAAA;AAAA,QAEhC,SAAO,mBAAc,cAAd,mBAAyB,UAAS;AAAA,MAAA;AAAA,IAE7C;AAAA,EAAA;AAGK,SAAA;AACT;AAKa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA,EAAE,YAAY,IAAI,SAAS,QAAQ,gBAAgB,GAAG,SAAS;AACrE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAsC,IAAI;AAClF,QAAA,SAAS,OAAuB,IAAI;AAGpC,QAAA,kBAAkB,mBAAmB,cAAc;AAEnD,QAAA,cAAc,cAAc,YAAY;AAC5C,YAAQ,cAAc,yBAAyB,WAAW,yBAAyB,KAAK;AACxF,UAAM,UAAU,QAAQ,KAAK,OAAO,SAAU,yBAAyB,SAAS;AAChF,YAAQ,UAAU,eAAe;AACjC,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,IAAe;AAAA,EAC5C,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.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.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,56 @@
+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,
+    themeMode = "light"
+  } = 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`);
+      shadowContainer.style.setProperty("--theme-mode", themeMode);
+    }
+  }, [rootFontSize, shadowContainer, themeMode]);
+  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  themeMode?: \"light\" | \"dark\";\n}\nexport const ShadowDom = (props: PropsWithChildren<ShadowDomProps>) => {\n  const {\n    children,\n    style,\n    shadowRootDivClassName = \"\",\n    rootFontSize = 16,\n    themeMode = \"light\",\n  } = 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      shadowContainer.style.setProperty(\"--theme-mode\", themeMode);\n    }\n  }, [rootFontSize, shadowContainer, themeMode]);\n\n  return (\n    <>\n      {shadowContainer && createPortal(children, shadowContainer)}\n      <div ref={shadowRef} />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;AASa,MAAA,YAAY,CAAC,UAA6C;AAC/D,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,yBAAyB;AAAA,IACzB,eAAe;AAAA,IACf,YAAY;AAAA,EAAA,IACV;AACE,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;AACpD,sBAAA,MAAM,YAAY,gBAAgB,SAAS;AAAA,IAAA;AAAA,EAE5D,GAAA,CAAC,cAAc,iBAAiB,SAAS,CAAC;AAE7C,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.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;"}