@easyv/biz-components 1.0.30 → 2.1.0

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":"AAAO,MAAM,2BAA2B;AAAA,EAEtC,WAAW;AAAA,EACX,OAAO;AAAA,IACL,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,WAAW;AAAA,IACX,eAAe;AAAA,IACf,OAAO,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAAA,IAC9F,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB,CAAC,WAAW,SAAS;AAAA,IACrC,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,cAAc;AAAA,IACd,eAAe;AAAA,IACf,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,CAAC,SAAS;AAAA,QAC1B,eAAe;AAAA,QACf,gBAAgB,CAAC,0BAA0B,wBAAwB;AAAA,MACrE;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,CAAC,MAAM;AAAA,QACvB,eAAe;AAAA,QACf,gBAAgB,CAAC,yBAAyB,uBAAuB;AAAA,MACnE;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,CAAC,MAAM;AAAA,QACvB,eAAe;AAAA,QACf,gBAAgB,CAAC,yBAAyB,uBAAuB;AAAA,MACnE;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,CAAC,MAAM;AAAA,QACvB,eAAe;AAAA,QACf,gBAAgB,CAAC,yBAAyB,uBAAuB;AAAA,MACnE;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,gBAAgB,CAAC,MAAM;AAAA,QACvB,eAAe;AAAA,QACf,gBAAgB,CAAC,yBAAyB,uBAAuB;AAAA,MAAA;AAAA,IAErE;AAAA,IACA,qBAAqB;AAAA,IACrB,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,IAC5B,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,EAAA;AAExB;"}

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

@@ -2,30 +2,57 @@ import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/no
 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, theme = "dark", ...rest } = props;
+  const { className = "", echarts, option: originalOption, ...rest } = props;
   const [echartsInstance, setEchartsInstance] = useState(null);
   const divRef = useRef(null);
-  const initEcharts = useMemoizedFn(() => {
-    const myChart = echarts.init(divRef.current, theme);
-    myChart.setOption(option);
+  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: option,
-    callback: () => {
-      echartsInstance == null ? void 0 : echartsInstance.setOption(option);
-    }
-  });
-  useWatchValue({
-    value: theme,
+    value: processedOption,
     callback: () => {
-      echarts == null ? void 0 : echarts.dispose(divRef.current);
-      initEcharts();
+      echartsInstance == null ? void 0 : echartsInstance.setOption(processedOption);
     }
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classNames("biz-min-h-10", className), ref: divRef, ...rest, children: "EchartsRender" });

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

@@ -1 +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;"}
+{"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

@@ -1 +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;"}
+{"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

@@ -1 +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;"}
+{"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

@@ -2,7 +2,13 @@ import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/no
 import { useRef, useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 const ShadowDom = (props) => {
-  const { children, style, shadowRootDivClassName = "", rootFontSize = 16 } = props;
+  const {
+    children,
+    style,
+    shadowRootDivClassName = "",
+    rootFontSize = 16,
+    themeMode = "light"
+  } = props;
   const shadowRef = useRef(null);
   const [shadowContainer, setShadowContainer] = useState();
   useEffect(() => {
@@ -36,8 +42,9 @@ const ShadowDom = (props) => {
     if (shadowContainer) {
       shadowContainer.style.fontSize = `${rootFontSize}px`;
       shadowContainer.style.setProperty("--base-font", `${rootFontSize}px`);
+      shadowContainer.style.setProperty("--theme-mode", themeMode);
     }
-  }, [rootFontSize, shadowContainer]);
+  }, [rootFontSize, shadowContainer, themeMode]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     shadowContainer && createPortal(children, shadowContainer),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: shadowRef })

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

@@ -1 +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;"}
+{"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

@@ -1 +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;"}
+{"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/components/{ai-message-render → ai-components/ai-message-render}/ai-message-render.d.ts

@@ -22,5 +22,13 @@ export interface AiMessageRenderProps {
     imgClassName?: string;
     /** 是否启用图片预览 @default true */
     useImgPreview?: boolean;
+    showPreviewImg?: (imgInfo: PreviewImgInfo) => void;
+    /** 主题模式 @default dark */
+    themeMode?: "light" | "dark";
+}
+interface PreviewImgInfo {
+    src: string;
+    alt?: string;
 }
 export declare const AiMessageRender: (props: AiMessageRenderProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,39 @@
+import { EasyvPlot, EchartsPlot } from './types';
+import type * as EchartsType from "echarts";
+interface RenderEasyvChartsParams {
+    plotContext: EasyvPlot;
+    EasyVComponentRenderer: React.FC<{
+        data: unknown[];
+        moduleName: string;
+        version: string;
+        width: number;
+        height: number;
+        config: object;
+    }>;
+    height: number;
+    width: number;
+    wrapperClass?: string;
+    showPreviewIcon?: boolean;
+    onClickPreview?: () => void;
+}
+export declare const renderEasyvCharts: (params: RenderEasyvChartsParams) => JSX.Element | null;
+interface RenderEchartsParams {
+    plotContext: EchartsPlot;
+    echarts: typeof EchartsType;
+    height: number;
+    width: number;
+    /** 图表主题模式，暂时废弃 */
+    themeMode?: "light" | "dark";
+    wrapperClass?: string;
+    showPreviewIcon?: boolean;
+    onClickPreview?: () => void;
+}
+export declare const renderEcharts: (params: RenderEchartsParams) => JSX.Element | null;
+export declare const renderChartPlaceHolderDom: (params: {
+    count: number;
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number;
+    height?: number;
+}) => JSX.Element;
+export {};

package/dist/lib/easyv-biz-components/src/components/{ai-message-render → ai-components/ai-message-render}/types.d.ts

@@ -30,7 +30,7 @@ export interface AiChatMessageItem {
     /** 消息 id， 同一次对话中 用户和ai的消息id一致 */
     id: string;
     /** 来自用户还是ai */
-    role: 'user' | 'ai';
+    role: "user" | "ai";
     contents: AiMessageContentItem[];
     /** 时间, 需要是能被 dayjs 解析的格式 */
     createTime?: string;
@@ -38,5 +38,5 @@ export interface AiChatMessageItem {
     createTimeStamp?: number;
     endTime?: string;
     showVoiceBtn?: boolean;
-    aiAgentStepStatus?: 'start' | 'error' | 'end';
+    aiAgentStepStatus?: "start" | "error" | "end";
 }

package/dist/lib/easyv-biz-components/src/components/{ai-message-render → ai-components/ai-message-render}/utils.d.ts

@@ -1,4 +1,4 @@
-import { AiAgentSocketMessagePayload } from '../../utils/ai-agent-message-manager';
+import { AiAgentSocketMessagePayload } from '../../../utils/ai-agent-message-manager';
 import { AiChatMessageItem, AiMessageContentItem } from './types';
 
 export declare function generateDefaultAiMsg(id: string): AiChatMessageItem;
@@ -10,7 +10,7 @@ export declare function generateAiChatMessageFromSocketMessage(data: {
     aiMsg: AiChatMessageItem | undefined;
     userMsg: AiChatMessageItem | undefined;
 };
-export type AiChatResponseItem = Omit<AiMessageContentItem, 'text'> & {
+export type AiChatResponseItem = Omit<AiMessageContentItem, "text"> & {
     content?: string;
 };
 interface AiChatDetailResItem {

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/icon-button.d.ts

@@ -0,0 +1,7 @@
+export interface IconButtonProps {
+    className?: string;
+    icon?: React.ReactNode;
+    onClick?: (e: Event) => void;
+}
+/** 输入框右侧的 图标控制按钮 */
+export declare const IconButton: (props: IconButtonProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/index.d.ts

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

package/dist/lib/easyv-biz-components/src/components/ai-components/mobile-voice-input/mobile-voice-input.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export interface MobileVoiceInputProps {
+    className?: string;
+    isAiAnswering?: boolean;
+    onClickStartRecord?: () => void;
+    onClickStopRecord?: () => void;
+    onSend?: (value?: string) => void;
+    onStop?: () => void;
+    value?: string;
+    onChange?: (value?: string) => void;
+    getSentenceRecognizeRes: (data: Blob) => Promise<string>;
+    /** 这个是本地语音识别管理器，用于在移动端识别语音。
+     * - workspace 和 screen 里的 class 不一样， 而且没有迁移到 biz-components 中 所以先写个 any。
+     * - workspace 里的 class 是 LocalMobileVoiceRecognitionManager ，screen 里的 class 是 LocalVoiceRecognitionManager
+     */
+    renderSomethingOnVoiceInput?: () => React.ReactNode;
+}
+export interface MobileVoiceInputRef {
+    setVoiceRecognizeRes: (value: string) => void;
+}
+export declare const MobileVoiceInput: React.ForwardRefExoticComponent<MobileVoiceInputProps & React.RefAttributes<MobileVoiceInputRef>>;

package/dist/lib/easyv-biz-components/src/components/ai-model-select/ai-model-select-panel.d.ts

@@ -1,4 +1,4 @@
-import { InputRef } from 'antd';
+import { InputRef } from '@easyv/antd';
 import { AiModel, AiModelServiceProvider } from './types';
 
 export interface AiModelSelectPanelProps {

package/dist/lib/easyv-biz-components/src/components/ai-model-select/iconBtn.d.ts

@@ -1,6 +1,6 @@
 import { default as React, HTMLProps } from 'react';
 
-export interface IconBtnProps extends Omit<HTMLProps<HTMLDivElement>, 'dangerouslySetInnerHTML'> {
+export interface IconBtnProps extends Omit<HTMLProps<HTMLDivElement>, "dangerouslySetInnerHTML"> {
     icon: React.ReactNode;
 }
 export declare const IconBtn: (props: IconBtnProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/circle-loading/circle-loading.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+
+interface CircleLoadingProps extends SVGProps<SVGSVGElement> {
+}
+export declare const CircleLoading: ({ className, ...restProps }: CircleLoadingProps) => JSX.Element;
+export {};

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

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

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/code-mirror-editor.d.ts

@@ -1,14 +1,18 @@
 import { ComponentProps } from 'react';
 import { default as CodeMirror } from '@uiw/react-codemirror';
+import { CustomCompletionConfig } from './types';
 
 export interface CodeMirrorEditorProps extends ComponentProps<typeof CodeMirror> {
-    languageMode: 'javascript' | 'json' | 'sql';
+    languageMode: "javascript" | "json" | "sql";
     code: string;
     onChange: (v: string) => void;
     wrapperClassName?: string;
     wrapperStyle?: React.CSSProperties;
-    environment?: 'browser' | 'node';
+    environment?: "browser" | "node";
     placeholder?: string;
+    /** 是否显示左侧错误图标，默认为 false */
     showLintGutter?: boolean;
+    /** 自定义补全配置 */
+    customCompletions?: CustomCompletionConfig;
 }
 export declare const CodeMirrorEditor: (props: CodeMirrorEditorProps) => JSX.Element;

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/constants.d.ts

@@ -1,3 +1,5 @@
+import { CustomCompletionItem } from './types';
+
 export declare const browserGlobals: {
     console: {
         assert: boolean;
@@ -112,11 +114,9 @@ export declare const nodeGlobals: {
         stringify: boolean;
     };
 };
-export declare const GLOBAL_OBJECT_COMPLETIONS: {
-    [key: string]: string[];
+export declare const globalCompletions: {
+    functions: CustomCompletionItem[];
 };
-export declare const JAVASCRIPT_KEYWORDS: string[];
-export declare const GLOBAL_OBJECT_NAMES: RegExp;
 export declare const ERROR_MESSAGES: {
     METHOD_NOT_EXIST: (objectName: string, propertyName: string) => string;
     UNUSED_VARIABLE: (varName: string) => string;

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/index.d.ts

@@ -1 +1,2 @@
 export * from './code-mirror-editor';
+export * from './types';

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/types.d.ts

@@ -0,0 +1,21 @@
+export type CompletionIconType = "class" | "constant" | "enum" | "function" | "interface" | "keyword" | "method" | "namespace" | "property" | "text" | "type" | "variable" | "api" | "database" | "file" | "folder" | "module" | "package" | "snippet" | "value" | "event" | "operator" | "reference" | "color" | "unit" | "constructor" | "field" | "struct" | "typeParameter" | "user" | "issue" | "customIcon1" | "customIcon2" | "customIcon3";
+export interface CustomCompletionItem {
+    /** 显示的标签 */
+    label: string;
+    /** 补全项类型，用于显示对应的图标 */
+    type: CompletionIconType;
+    /** 详细信息。 使用额外的 tooltip 展示 */
+    info?: string;
+    /** 额外描述。 跟在变量提示后面的 */
+    detail?: string;
+    /** 实际插入的文本，如果不提供则使用 label */
+    apply?: string;
+}
+export interface CustomCompletionConfig {
+    /** 自定义变量 */
+    variables?: CustomCompletionItem[];
+    /** 自定义函数 */
+    functions?: CustomCompletionItem[];
+    /** 自定义关键字 */
+    keywords?: CustomCompletionItem[];
+}

package/dist/lib/easyv-biz-components/src/components/code-mirror-editor/utils.d.ts

@@ -1,6 +1,19 @@
+import { CompletionContext, CompletionResult } from '@codemirror/autocomplete';
 import { Diagnostic } from '@codemirror/lint';
 import { EditorView } from '@codemirror/view';
+import { CustomCompletionConfig } from './types';
 
+/**
+ * 模糊匹配函数，支持非连续字符匹配
+ * 例如：输入 "usd" 可以匹配 "userData"
+ * @param input 用户输入的字符串
+ * @param target 目标字符串
+ * @returns 是否匹配以及匹配分数
+ */
+export declare const fuzzyMatch: (input: string, target: string) => {
+    matches: boolean;
+    score: number;
+};
 export declare const getGlobalDefinitions: (environment: "browser" | "node") => {
     console: {
         assert: boolean;
@@ -59,3 +72,4 @@ export declare const checkVariableUsageAndMethods: (ast: any, declaredVars: Map<
 export declare const checkUnusedVariables: (declaredVars: Map<string, VariableInfo>, view: EditorView) => Diagnostic[];
 export declare const handleSyntaxError: (error: any, view: EditorView) => Diagnostic[];
 export declare const lintJavaScriptCode: (code: string, environment: "browser" | "node", view: EditorView) => Diagnostic[];
+export declare const createCustomCompletionsSource: (customCompletions?: CustomCompletionConfig) => (context: CompletionContext) => CompletionResult | null;

package/dist/lib/easyv-biz-components/src/components/easyv-monaco-editor/types.d.ts

@@ -1,8 +1,8 @@
-import type * as monacoType from 'monaco-editor/esm/vs/editor/editor.api';
+import type * as monacoType from "monaco-editor/esm/vs/editor/editor.api";
 export interface EasyvMonacoEditorProps {
     className?: string;
     style?: React.CSSProperties;
-    languageMode: 'javascript' | 'json' | 'sql';
+    languageMode: "javascript" | "json" | "sql";
     code: string;
     onChange?: (v: string) => void;
     /** 定义 monaco-editor 的类型文件。如：

package/dist/lib/easyv-biz-components/src/components/echarts-render/constants.d.ts

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

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

@@ -1,10 +1,9 @@
 import { ECOption } from './types';
-import type * as EchartsInner from 'echarts';
+import type * as EchartsInner from "echarts";
 export interface EchartsRenderProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     echarts: typeof EchartsInner;
     option: ECOption;
-    theme?: 'light' | 'dark';
 }
 /**
  * Echarts 渲染组件. 基础示例参考本仓库同层级的 test/base.cy.tsx 文件