@easyv/biz-components 1.0.30 → 2.1.1

package/dist/lib/components/easyv-reactgrid/easyv-react-grid.es.js

@@ -0,0 +1,293 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useState, useMemo } from "react";
+import { ReactGrid } from "@silevis/reactgrid";
+/* empty css                                                                                                                                           */
+import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+import { produce } from "../../node_modules/.pnpm/immer@10.1.1/node_modules/immer/dist/immer.es.js";
+import { menuLabelMap } from "./constants.es.js";
+import styles from "./easyv-react-grid.module.less.es.js";
+import { getColumnLabel } from "./utils.es.js";
+const EasyvReactGrid = (props) => {
+  const {
+    wrapClassName = "",
+    wrapStyle,
+    data,
+    onDataChange,
+    columns: propsColumns,
+    rows: propsRows,
+    expandMinGrid = true,
+    disableVirtualScrolling = true,
+    ...restProps
+  } = props;
+  const [columnWidths, setColumnWidths] = useState({});
+  const [rowHeights, setRowHeights] = useState({});
+  const [selectedCellKeys, setSelectedCellKeys] = useState(/* @__PURE__ */ new Set());
+  const dataProps = useMemo(() => {
+    var _a;
+    if (!data) return null;
+    const colsCount = ((_a = data[0]) == null ? void 0 : _a.length) || 0;
+    const rowsCount = data.length || 0;
+    const minRows = props.minRows ?? 50;
+    const minCols = props.minCols ?? 26;
+    const displayRowsCount = expandMinGrid ? Math.max(rowsCount, minRows) : rowsCount;
+    const displayColsCount = expandMinGrid ? Math.max(colsCount, minCols) : colsCount;
+    const columns = [
+      { columnId: "header-col", width: columnWidths["header-col"] ?? 75, resizable: true },
+      // 行头列
+      ...Array.from({ length: displayColsCount }).map((_, idx) => ({
+        columnId: String(idx),
+        width: columnWidths[String(idx)] ?? 100,
+        resizable: true
+      }))
+    ];
+    const headerRowStyle = {
+      background: "#252830",
+      color: "#c9cbd3"
+    };
+    const headerRow = {
+      rowId: "header-row",
+      height: rowHeights["header-row"] ?? 32,
+      cells: [
+        {
+          type: "header",
+          text: "",
+          style: { ...headerRowStyle }
+        },
+        ...Array.from({ length: displayColsCount }).map(
+          (_, idx) => ({
+            type: "header",
+            text: getColumnLabel(idx),
+            style: { ...headerRowStyle }
+          })
+        )
+      ],
+      resizable: true
+    };
+    const dataRows = Array.from({ length: displayRowsCount }).map((_, rowIndex) => {
+      const rowArr = rowIndex < rowsCount ? data[rowIndex] : [];
+      const cells = [
+        {
+          type: "header",
+          text: String(rowIndex + 1),
+          style: {
+            background: "#252830",
+            borderColor: "#292c34",
+            color: "#c9cbd3",
+            borderRightColor: "#50535e"
+          }
+        },
+        ...Array.from({ length: displayColsCount }).map((_2, colIndex) => {
+          const cellKey = `${rowIndex}:${colIndex}`;
+          const isSelected = selectedCellKeys.has(cellKey);
+          const baseStyle = isSelected ? { background: "#1c2338", borderColor: "#337efe" } : void 0;
+          const hasValue = colIndex < colsCount && rowIndex < rowsCount;
+          const cellValue = hasValue ? rowArr[colIndex] : "";
+          return { type: "text", text: String(cellValue), style: baseStyle };
+        })
+      ];
+      return {
+        rowId: String(rowIndex),
+        height: rowHeights[String(rowIndex)] ?? 32,
+        cells,
+        resizable: true
+      };
+    });
+    const rows = [headerRow, ...dataRows];
+    return { columns, rows };
+  }, [
+    data,
+    props.minRows,
+    props.minCols,
+    expandMinGrid,
+    columnWidths,
+    rowHeights,
+    selectedCellKeys
+  ]);
+  const finalColumns = dataProps ? dataProps.columns : propsColumns;
+  const finalRows = dataProps ? dataProps.rows : propsRows;
+  const handleCellsChanged = (changes) => {
+    var _a;
+    if (!data || !onDataChange) {
+      (_a = restProps.onCellsChanged) == null ? void 0 : _a.call(restProps, changes);
+      return;
+    }
+    const newData = produce(data, (draft) => {
+      changes.forEach((change) => {
+        var _a2, _b, _c;
+        const rowIndex = Number(change.rowId);
+        const colIndex = Number(change.columnId);
+        if (change.rowId === "header-row" || change.columnId === "header-col") return;
+        if (!Number.isNaN(rowIndex) && !Number.isNaN(colIndex)) {
+          const currentRows = draft.length;
+          const currentCols = ((_a2 = draft[0]) == null ? void 0 : _a2.length) || 0;
+          const requiredCols = Math.max(currentCols, colIndex + 1);
+          if (rowIndex >= currentRows) {
+            const toAdd = rowIndex + 1 - currentRows;
+            for (let i = 0; i < toAdd; i++) {
+              draft.push(new Array(requiredCols).fill(""));
+            }
+          }
+          if (requiredCols > currentCols) {
+            for (let r = 0; r < draft.length; r++) {
+              while ((((_b = draft[r]) == null ? void 0 : _b.length) || 0) < requiredCols) {
+                draft[r].push("");
+              }
+            }
+          }
+          if (change.newCell.type === "number") {
+            draft[rowIndex][colIndex] = change.newCell.value;
+          } else if (change.newCell.type === "text") {
+            draft[rowIndex][colIndex] = change.newCell.text;
+          } else {
+            draft[rowIndex][colIndex] = ((_c = change.newCell) == null ? void 0 : _c.text) ?? "";
+          }
+        }
+      });
+    });
+    onDataChange(newData);
+  };
+  const insertRow = (targetIndex, position) => {
+    if (!data || !onDataChange) return;
+    const newData = produce(data, (draft) => {
+      var _a;
+      const insertIdx = position === "above" ? targetIndex : targetIndex + 1;
+      const colsCount = ((_a = draft[0]) == null ? void 0 : _a.length) || 0;
+      const newRow = new Array(colsCount).fill("");
+      draft.splice(insertIdx, 0, newRow);
+    });
+    onDataChange(newData);
+  };
+  const insertColumn = (targetIndex, position) => {
+    if (!data || !onDataChange) return;
+    const newData = produce(data, (draft) => {
+      const insertIdx = position === "left" ? targetIndex : targetIndex + 1;
+      draft.forEach((row) => {
+        row.splice(insertIdx, 0, "");
+      });
+    });
+    onDataChange(newData);
+  };
+  const handleContextMenu = (selectedRowIds, selectedColIds, _selectionMode, menuOptions) => {
+    var _a;
+    const immediateHideMenu = () => {
+      const menu2 = document.querySelector(".rg-context-menu");
+      if (menu2) {
+        menu2.style.opacity = "0";
+        menu2.style.pointerEvents = "none";
+        setTimeout(() => {
+          if (menu2) {
+            menu2.style.opacity = "";
+            menu2.style.pointerEvents = "";
+          }
+        }, 300);
+      }
+    };
+    const menu = document.querySelector(".rg-context-menu");
+    if (((_a = menu == null ? void 0 : menu.style) == null ? void 0 : _a.visibility) === "visible") {
+      immediateHideMenu();
+    }
+    const rowIndices = selectedRowIds.map((id) => Number(id)).filter((idx) => !Number.isNaN(idx) && idx >= 0).sort((a, b) => a - b);
+    const colIndices = selectedColIds.map((id) => Number(id)).filter((idx) => !Number.isNaN(idx) && idx >= 0).sort((a, b) => a - b);
+    const options = [];
+    if (rowIndices.length > 0) {
+      options.push(
+        {
+          id: "insertRowAbove",
+          label: "向上插入一行",
+          handler: () => () => insertRow(rowIndices[0], "above")
+        },
+        {
+          id: "insertRowBelow",
+          label: "向下插入一行",
+          handler: () => () => insertRow(rowIndices[rowIndices.length - 1], "below")
+        }
+      );
+    }
+    if (colIndices.length > 0) {
+      options.push(
+        {
+          id: "insertColumnLeft",
+          label: "向左插入一列",
+          handler: () => () => insertColumn(colIndices[0], "left")
+        },
+        {
+          id: "insertColumnRight",
+          label: "向右插入一列",
+          handler: () => () => insertColumn(colIndices[colIndices.length - 1], "right")
+        }
+      );
+    }
+    const originMenuOptions = menuOptions.map((item) => ({
+      ...item,
+      label: menuLabelMap[item.id] || item.label
+    }));
+    return [...originMenuOptions, ...options];
+  };
+  const handleColumnResized = (columnId, width, _selectedColIds) => {
+    setColumnWidths((prev) => ({
+      ...prev,
+      [String(columnId)]: width
+    }));
+  };
+  const handleRowResized = (rowId, height, _selectedRowIds) => {
+    setRowHeights((prev) => ({
+      ...prev,
+      [String(rowId)]: height
+    }));
+  };
+  const handleSelectionChanged = (selectedRanges) => {
+    const keys = /* @__PURE__ */ new Set();
+    (selectedRanges || []).forEach((range) => {
+      if (Array.isArray(range)) {
+        range.forEach((loc) => {
+          if (loc && loc.rowId !== void 0 && loc.columnId !== void 0) {
+            keys.add(`${String(loc.rowId)}:${String(loc.columnId)}`);
+          }
+        });
+      } else if (range && Array.isArray(range.rowIds) && Array.isArray(range.columnIds)) {
+        range.rowIds.forEach((r) => {
+          range.columnIds.forEach((c) => {
+            keys.add(`${String(r)}:${String(c)}`);
+          });
+        });
+      }
+    });
+    setSelectedCellKeys(keys);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: classNames(
+        styles["easyv-react-grid"],
+        "easyv-react-grid",
+        "biz-w-full biz-h-full biz-min-h-[100px] biz-min-w-[200px]",
+        wrapClassName
+      ),
+      style: wrapStyle,
+      children: finalColumns && finalRows ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ReactGrid,
+        {
+          columns: finalColumns,
+          rows: finalRows,
+          stickyTopRows: 1,
+          stickyLeftColumns: 1,
+          enableRangeSelection: true,
+          enableFillHandle: true,
+          enableRowSelection: true,
+          enableColumnSelection: true,
+          onSelectionChanged: handleSelectionChanged,
+          disableVirtualScrolling,
+          ...restProps,
+          onCellsChanged: handleCellsChanged,
+          onContextMenu: handleContextMenu,
+          onColumnResized: handleColumnResized,
+          onRowResized: handleRowResized
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "biz-flex-center biz-w-full biz-h-full biz-text-text-3", children: "No data provided" })
+    }
+  );
+};
+export {
+  EasyvReactGrid
+};
+//# sourceMappingURL=easyv-react-grid.es.js.map

package/dist/lib/components/easyv-reactgrid/easyv-react-grid.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easyv-react-grid.es.js","sources":["../../../../src/components/easyv-reactgrid/easyv-react-grid.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport {\n  CellChange,\n  Column,\n  Id,\n  MenuOption,\n  Range,\n  ReactGrid,\n  ReactGridProps,\n  Row,\n  SelectionMode,\n} from \"@silevis/reactgrid\";\nimport \"@silevis/reactgrid/styles.css\";\nimport classNames from \"classnames\";\nimport { produce } from \"immer\";\nimport { menuLabelMap } from \"./constants\";\nimport styles from \"./easyv-react-grid.module.less\";\nimport { getColumnLabel } from \"./utils\";\n\nexport interface EasyvReactGridProps extends Omit<ReactGridProps, \"columns\" | \"rows\"> {\n  columns?: ReactGridProps[\"columns\"];\n  rows?: ReactGridProps[\"rows\"];\n  wrapClassName?: string;\n  wrapStyle?: React.CSSProperties;\n  data?: (string | number)[][];\n  onDataChange?: (data: (string | number)[][]) => void;\n  expandMinGrid?: boolean;\n  minRows?: number;\n  minCols?: number;\n}\n\nexport const EasyvReactGrid = (props: EasyvReactGridProps) => {\n  const {\n    wrapClassName = \"\",\n    wrapStyle,\n    data,\n    onDataChange,\n    columns: propsColumns,\n    rows: propsRows,\n    expandMinGrid = true,\n    disableVirtualScrolling = true,\n    ...restProps\n  } = props;\n\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});\n  const [rowHeights, setRowHeights] = useState<Record<string, number>>({});\n  const [selectedCellKeys, setSelectedCellKeys] = useState<Set<string>>(new Set());\n\n  const dataProps = useMemo(() => {\n    if (!data) return null;\n    const colsCount = data[0]?.length || 0;\n    const rowsCount = data.length || 0;\n    const minRows = props.minRows ?? 50;\n    const minCols = props.minCols ?? 26;\n    const displayRowsCount = expandMinGrid ? Math.max(rowsCount, minRows) : rowsCount;\n    const displayColsCount = expandMinGrid ? Math.max(colsCount, minCols) : colsCount;\n\n    // 添加 Header Column (Row Index)\n    const columns: Column[] = [\n      { columnId: \"header-col\", width: columnWidths[\"header-col\"] ?? 75, resizable: true }, // 行头列\n      ...Array.from({ length: displayColsCount }).map((_, idx) => ({\n        columnId: String(idx),\n        width: columnWidths[String(idx)] ?? 100,\n        resizable: true,\n      })),\n    ];\n\n    // 添加 Header Row (Column Headers)\n    const headerRowStyle: React.CSSProperties = {\n      background: \"#252830\",\n      color: \"#c9cbd3\",\n    };\n    const headerRow: Row = {\n      rowId: \"header-row\",\n      height: rowHeights[\"header-row\"] ?? 32,\n      cells: [\n        {\n          type: \"header\",\n          text: \"\",\n          style: { ...headerRowStyle },\n        },\n        ...Array.from({ length: displayColsCount }).map(\n          (_, idx) =>\n            ({\n              type: \"header\",\n              text: getColumnLabel(idx),\n              style: { ...headerRowStyle },\n            }) as any,\n        ),\n      ],\n      resizable: true,\n    };\n\n    const dataRows: Row[] = Array.from({ length: displayRowsCount }).map((_, rowIndex) => {\n      const rowArr = rowIndex < rowsCount ? data[rowIndex] : [];\n      const cells = [\n        {\n          type: \"header\",\n          text: String(rowIndex + 1),\n          style: {\n            background: \"#252830\",\n            borderColor: \"#292c34\",\n            color: \"#c9cbd3\",\n            borderRightColor: \"#50535e\",\n          },\n        } as any,\n        ...Array.from({ length: displayColsCount }).map((_, colIndex) => {\n          const cellKey = `${rowIndex}:${colIndex}`;\n          const isSelected = selectedCellKeys.has(cellKey);\n          const baseStyle = isSelected\n            ? { background: \"#1c2338\", borderColor: \"#337efe\" }\n            : undefined;\n          const hasValue = colIndex < colsCount && rowIndex < rowsCount;\n          const cellValue = hasValue ? rowArr[colIndex] : \"\";\n          return { type: \"text\", text: String(cellValue), style: baseStyle } as any;\n        }),\n      ];\n      return {\n        rowId: String(rowIndex),\n        height: rowHeights[String(rowIndex)] ?? 32,\n        cells,\n        resizable: true,\n      };\n    });\n\n    const rows = [headerRow, ...dataRows];\n\n    return { columns, rows };\n  }, [\n    data,\n    props.minRows,\n    props.minCols,\n    expandMinGrid,\n    columnWidths,\n    rowHeights,\n    selectedCellKeys,\n  ]);\n\n  const finalColumns = dataProps ? dataProps.columns : propsColumns;\n  const finalRows = dataProps ? dataProps.rows : propsRows;\n\n  const handleCellsChanged = (changes: CellChange<any>[]) => {\n    if (!data || !onDataChange) {\n      restProps.onCellsChanged?.(changes);\n      return;\n    }\n\n    const newData = produce(data, (draft) => {\n      changes.forEach((change) => {\n        const rowIndex = Number(change.rowId);\n        const colIndex = Number(change.columnId);\n\n        // 过滤掉 header-row 和 header-col 的变更（虽然它们通常不可编辑）\n        if (change.rowId === \"header-row\" || change.columnId === \"header-col\") return;\n\n        if (!Number.isNaN(rowIndex) && !Number.isNaN(colIndex)) {\n          const currentRows = draft.length;\n          const currentCols = draft[0]?.length || 0;\n          const requiredCols = Math.max(currentCols, colIndex + 1);\n\n          if (rowIndex >= currentRows) {\n            const toAdd = rowIndex + 1 - currentRows;\n            for (let i = 0; i < toAdd; i++) {\n              draft.push(new Array(requiredCols).fill(\"\"));\n            }\n          }\n\n          if (requiredCols > currentCols) {\n            for (let r = 0; r < draft.length; r++) {\n              while ((draft[r]?.length || 0) < requiredCols) {\n                draft[r].push(\"\");\n              }\n            }\n          }\n\n          if (change.newCell.type === \"number\") {\n            draft[rowIndex][colIndex] = change.newCell.value;\n          } else if (change.newCell.type === \"text\") {\n            draft[rowIndex][colIndex] = change.newCell.text;\n          } else {\n            draft[rowIndex][colIndex] = (change as any).newCell?.text ?? \"\";\n          }\n        }\n      });\n    });\n\n    onDataChange(newData);\n  };\n\n  const insertRow = (targetIndex: number, position: \"above\" | \"below\") => {\n    if (!data || !onDataChange) return;\n    const newData = produce(data, (draft) => {\n      const insertIdx = position === \"above\" ? targetIndex : targetIndex + 1;\n      const colsCount = draft[0]?.length || 0;\n      const newRow = new Array(colsCount).fill(\"\");\n      draft.splice(insertIdx, 0, newRow);\n    });\n    onDataChange(newData);\n  };\n\n  const insertColumn = (targetIndex: number, position: \"left\" | \"right\") => {\n    if (!data || !onDataChange) return;\n    const newData = produce(data, (draft) => {\n      const insertIdx = position === \"left\" ? targetIndex : targetIndex + 1;\n      draft.forEach((row) => {\n        row.splice(insertIdx, 0, \"\");\n      });\n    });\n    onDataChange(newData);\n  };\n\n  const handleContextMenu = (\n    selectedRowIds: Id[],\n    selectedColIds: Id[],\n    _selectionMode: SelectionMode,\n    menuOptions: MenuOption[],\n  ): MenuOption[] => {\n    const immediateHideMenu = () => {\n      // 尝试强制隐藏菜单，避免闪烁\n      const menu = document.querySelector(\".rg-context-menu\") as HTMLElement;\n      if (menu) {\n        menu.style.opacity = \"0\";\n        menu.style.pointerEvents = \"none\";\n        // 500ms 后恢复样式，确保下次打开时菜单可见\n        setTimeout(() => {\n          if (menu) {\n            menu.style.opacity = \"\";\n            menu.style.pointerEvents = \"\";\n          }\n        }, 300);\n      }\n    };\n    const menu = document.querySelector(\".rg-context-menu\") as HTMLElement;\n    if (menu?.style?.visibility === \"visible\") {\n      immediateHideMenu();\n    }\n    const rowIndices = selectedRowIds\n      .map((id) => Number(id))\n      .filter((idx) => !Number.isNaN(idx) && idx >= 0)\n      .sort((a, b) => a - b);\n\n    const colIndices = selectedColIds\n      .map((id) => Number(id))\n      .filter((idx) => !Number.isNaN(idx) && idx >= 0)\n      .sort((a, b) => a - b);\n\n    const options: MenuOption[] = [];\n\n    if (rowIndices.length > 0) {\n      options.push(\n        {\n          id: \"insertRowAbove\",\n          label: \"向上插入一行\",\n          handler: () => () => insertRow(rowIndices[0], \"above\"),\n        },\n        {\n          id: \"insertRowBelow\",\n          label: \"向下插入一行\",\n          handler: () => () => insertRow(rowIndices[rowIndices.length - 1], \"below\"),\n        },\n      );\n    }\n\n    if (colIndices.length > 0) {\n      options.push(\n        {\n          id: \"insertColumnLeft\",\n          label: \"向左插入一列\",\n          handler: () => () => insertColumn(colIndices[0], \"left\"),\n        },\n        {\n          id: \"insertColumnRight\",\n          label: \"向右插入一列\",\n          handler: () => () => insertColumn(colIndices[colIndices.length - 1], \"right\"),\n        },\n      );\n    }\n\n    const originMenuOptions = menuOptions.map((item) => ({\n      ...item,\n      label: menuLabelMap[item.id as keyof typeof menuLabelMap] || item.label,\n    }));\n    return [...originMenuOptions, ...options];\n  };\n\n  const handleColumnResized = (columnId: Id, width: number, _selectedColIds: Id[]) => {\n    setColumnWidths((prev) => ({\n      ...prev,\n      [String(columnId)]: width,\n    }));\n  };\n\n  const handleRowResized = (rowId: Id, height: number, _selectedRowIds: Id[]) => {\n    setRowHeights((prev) => ({\n      ...prev,\n      [String(rowId)]: height,\n    }));\n  };\n\n  const handleSelectionChanged = (selectedRanges: Range[]) => {\n    const keys = new Set<string>();\n    (selectedRanges || []).forEach((range: any) => {\n      if (Array.isArray(range)) {\n        range.forEach((loc: any) => {\n          if (loc && loc.rowId !== undefined && loc.columnId !== undefined) {\n            keys.add(`${String(loc.rowId)}:${String(loc.columnId)}`);\n          }\n        });\n      } else if (range && Array.isArray(range.rowIds) && Array.isArray(range.columnIds)) {\n        range.rowIds.forEach((r: any) => {\n          range.columnIds.forEach((c: any) => {\n            keys.add(`${String(r)}:${String(c)}`);\n          });\n        });\n      }\n    });\n    setSelectedCellKeys(keys);\n  };\n\n  return (\n    <div\n      className={classNames(\n        styles[\"easyv-react-grid\"],\n        \"easyv-react-grid\",\n        \"biz-w-full biz-h-full biz-min-h-[100px] biz-min-w-[200px]\",\n        wrapClassName,\n      )}\n      style={wrapStyle}\n    >\n      {finalColumns && finalRows ? (\n        <ReactGrid\n          columns={finalColumns}\n          rows={finalRows}\n          stickyTopRows={1}\n          stickyLeftColumns={1}\n          enableRangeSelection\n          enableFillHandle\n          enableRowSelection\n          enableColumnSelection\n          onSelectionChanged={handleSelectionChanged}\n          disableVirtualScrolling={disableVirtualScrolling}\n          {...restProps}\n          onCellsChanged={handleCellsChanged}\n          onContextMenu={handleContextMenu}\n          onColumnResized={handleColumnResized}\n          onRowResized={handleRowResized}\n        />\n      ) : (\n        <div className=\"biz-flex-center biz-w-full biz-h-full biz-text-text-3\">\n          No data provided\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["_","_a","menu","jsx"],"mappings":";;;;;;;;;AA+Ba,MAAA,iBAAiB,CAAC,UAA+B;AACtD,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,0BAA0B;AAAA,IAC1B,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiC,CAAA,CAAE;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiC,CAAA,CAAE;AACvE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAsB,oBAAI,KAAK;AAEzE,QAAA,YAAY,QAAQ,MAAM;;AAC1B,QAAA,CAAC,KAAa,QAAA;AAClB,UAAM,cAAY,UAAK,CAAC,MAAN,mBAAS,WAAU;AAC/B,UAAA,YAAY,KAAK,UAAU;AAC3B,UAAA,UAAU,MAAM,WAAW;AAC3B,UAAA,UAAU,MAAM,WAAW;AACjC,UAAM,mBAAmB,gBAAgB,KAAK,IAAI,WAAW,OAAO,IAAI;AACxE,UAAM,mBAAmB,gBAAgB,KAAK,IAAI,WAAW,OAAO,IAAI;AAGxE,UAAM,UAAoB;AAAA,MACxB,EAAE,UAAU,cAAc,OAAO,aAAa,YAAY,KAAK,IAAI,WAAW,KAAK;AAAA;AAAA,MACnF,GAAG,MAAM,KAAK,EAAE,QAAQ,iBAAkB,CAAA,EAAE,IAAI,CAAC,GAAG,SAAS;AAAA,QAC3D,UAAU,OAAO,GAAG;AAAA,QACpB,OAAO,aAAa,OAAO,GAAG,CAAC,KAAK;AAAA,QACpC,WAAW;AAAA,MAAA,EACX;AAAA,IACJ;AAGA,UAAM,iBAAsC;AAAA,MAC1C,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AACA,UAAM,YAAiB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ,WAAW,YAAY,KAAK;AAAA,MACpC,OAAO;AAAA,QACL;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO,EAAE,GAAG,eAAe;AAAA,QAC7B;AAAA,QACA,GAAG,MAAM,KAAK,EAAE,QAAQ,iBAAA,CAAkB,EAAE;AAAA,UAC1C,CAAC,GAAG,SACD;AAAA,YACC,MAAM;AAAA,YACN,MAAM,eAAe,GAAG;AAAA,YACxB,OAAO,EAAE,GAAG,eAAe;AAAA,UAC7B;AAAA,QAAA;AAAA,MAEN;AAAA,MACA,WAAW;AAAA,IACb;AAEM,UAAA,WAAkB,MAAM,KAAK,EAAE,QAAQ,iBAAkB,CAAA,EAAE,IAAI,CAAC,GAAG,aAAa;AACpF,YAAM,SAAS,WAAW,YAAY,KAAK,QAAQ,IAAI,CAAC;AACxD,YAAM,QAAQ;AAAA,QACZ;AAAA,UACE,MAAM;AAAA,UACN,MAAM,OAAO,WAAW,CAAC;AAAA,UACzB,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UAAA;AAAA,QAEtB;AAAA,QACA,GAAG,MAAM,KAAK,EAAE,QAAQ,iBAAkB,CAAA,EAAE,IAAI,CAACA,IAAG,aAAa;AAC/D,gBAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ;AACjC,gBAAA,aAAa,iBAAiB,IAAI,OAAO;AAC/C,gBAAM,YAAY,aACd,EAAE,YAAY,WAAW,aAAa,cACtC;AACE,gBAAA,WAAW,WAAW,aAAa,WAAW;AACpD,gBAAM,YAAY,WAAW,OAAO,QAAQ,IAAI;AACzC,iBAAA,EAAE,MAAM,QAAQ,MAAM,OAAO,SAAS,GAAG,OAAO,UAAU;AAAA,QAClE,CAAA;AAAA,MACH;AACO,aAAA;AAAA,QACL,OAAO,OAAO,QAAQ;AAAA,QACtB,QAAQ,WAAW,OAAO,QAAQ,CAAC,KAAK;AAAA,QACxC;AAAA,QACA,WAAW;AAAA,MACb;AAAA,IAAA,CACD;AAED,UAAM,OAAO,CAAC,WAAW,GAAG,QAAQ;AAE7B,WAAA,EAAE,SAAS,KAAK;AAAA,EAAA,GACtB;AAAA,IACD;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAEK,QAAA,eAAe,YAAY,UAAU,UAAU;AAC/C,QAAA,YAAY,YAAY,UAAU,OAAO;AAEzC,QAAA,qBAAqB,CAAC,YAA+B;;AACrD,QAAA,CAAC,QAAQ,CAAC,cAAc;AAC1B,sBAAU,mBAAV,mCAA2B;AAC3B;AAAA,IAAA;AAGF,UAAM,UAAU,QAAQ,MAAM,CAAC,UAAU;AAC/B,cAAA,QAAQ,CAAC,WAAW;;AACpB,cAAA,WAAW,OAAO,OAAO,KAAK;AAC9B,cAAA,WAAW,OAAO,OAAO,QAAQ;AAGvC,YAAI,OAAO,UAAU,gBAAgB,OAAO,aAAa,aAAc;AAEnE,YAAA,CAAC,OAAO,MAAM,QAAQ,KAAK,CAAC,OAAO,MAAM,QAAQ,GAAG;AACtD,gBAAM,cAAc,MAAM;AAC1B,gBAAM,gBAAcC,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,WAAU;AACxC,gBAAM,eAAe,KAAK,IAAI,aAAa,WAAW,CAAC;AAEvD,cAAI,YAAY,aAAa;AACrB,kBAAA,QAAQ,WAAW,IAAI;AAC7B,qBAAS,IAAI,GAAG,IAAI,OAAO,KAAK;AAC9B,oBAAM,KAAK,IAAI,MAAM,YAAY,EAAE,KAAK,EAAE,CAAC;AAAA,YAAA;AAAA,UAC7C;AAGF,cAAI,eAAe,aAAa;AAC9B,qBAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,wBAAQ,WAAM,CAAC,MAAP,mBAAU,WAAU,KAAK,cAAc;AACvC,sBAAA,CAAC,EAAE,KAAK,EAAE;AAAA,cAAA;AAAA,YAClB;AAAA,UACF;AAGE,cAAA,OAAO,QAAQ,SAAS,UAAU;AACpC,kBAAM,QAAQ,EAAE,QAAQ,IAAI,OAAO,QAAQ;AAAA,UAClC,WAAA,OAAO,QAAQ,SAAS,QAAQ;AACzC,kBAAM,QAAQ,EAAE,QAAQ,IAAI,OAAO,QAAQ;AAAA,UAAA,OACtC;AACL,kBAAM,QAAQ,EAAE,QAAQ,MAAK,YAAe,YAAf,mBAAwB,SAAQ;AAAA,UAAA;AAAA,QAC/D;AAAA,MACF,CACD;AAAA,IAAA,CACF;AAED,iBAAa,OAAO;AAAA,EACtB;AAEM,QAAA,YAAY,CAAC,aAAqB,aAAgC;AAClE,QAAA,CAAC,QAAQ,CAAC,aAAc;AAC5B,UAAM,UAAU,QAAQ,MAAM,CAAC,UAAU;;AACvC,YAAM,YAAY,aAAa,UAAU,cAAc,cAAc;AACrE,YAAM,cAAY,WAAM,CAAC,MAAP,mBAAU,WAAU;AACtC,YAAM,SAAS,IAAI,MAAM,SAAS,EAAE,KAAK,EAAE;AACrC,YAAA,OAAO,WAAW,GAAG,MAAM;AAAA,IAAA,CAClC;AACD,iBAAa,OAAO;AAAA,EACtB;AAEM,QAAA,eAAe,CAAC,aAAqB,aAA+B;AACpE,QAAA,CAAC,QAAQ,CAAC,aAAc;AAC5B,UAAM,UAAU,QAAQ,MAAM,CAAC,UAAU;AACvC,YAAM,YAAY,aAAa,SAAS,cAAc,cAAc;AAC9D,YAAA,QAAQ,CAAC,QAAQ;AACjB,YAAA,OAAO,WAAW,GAAG,EAAE;AAAA,MAAA,CAC5B;AAAA,IAAA,CACF;AACD,iBAAa,OAAO;AAAA,EACtB;AAEA,QAAM,oBAAoB,CACxB,gBACA,gBACA,gBACA,gBACiB;;AACjB,UAAM,oBAAoB,MAAM;AAExBC,YAAAA,QAAO,SAAS,cAAc,kBAAkB;AACtD,UAAIA,OAAM;AACRA,cAAK,MAAM,UAAU;AACrBA,cAAK,MAAM,gBAAgB;AAE3B,mBAAW,MAAM;AACf,cAAIA,OAAM;AACRA,kBAAK,MAAM,UAAU;AACrBA,kBAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,WAE5B,GAAG;AAAA,MAAA;AAAA,IAEV;AACM,UAAA,OAAO,SAAS,cAAc,kBAAkB;AAClD,UAAA,kCAAM,UAAN,mBAAa,gBAAe,WAAW;AACvB,wBAAA;AAAA,IAAA;AAEd,UAAA,aAAa,eAChB,IAAI,CAAC,OAAO,OAAO,EAAE,CAAC,EACtB,OAAO,CAAC,QAAQ,CAAC,OAAO,MAAM,GAAG,KAAK,OAAO,CAAC,EAC9C,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAEjB,UAAA,aAAa,eAChB,IAAI,CAAC,OAAO,OAAO,EAAE,CAAC,EACtB,OAAO,CAAC,QAAQ,CAAC,OAAO,MAAM,GAAG,KAAK,OAAO,CAAC,EAC9C,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAEvB,UAAM,UAAwB,CAAC;AAE3B,QAAA,WAAW,SAAS,GAAG;AACjB,cAAA;AAAA,QACN;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,SAAS,MAAM,MAAM,UAAU,WAAW,CAAC,GAAG,OAAO;AAAA,QACvD;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,SAAS,MAAM,MAAM,UAAU,WAAW,WAAW,SAAS,CAAC,GAAG,OAAO;AAAA,QAAA;AAAA,MAE7E;AAAA,IAAA;AAGE,QAAA,WAAW,SAAS,GAAG;AACjB,cAAA;AAAA,QACN;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,SAAS,MAAM,MAAM,aAAa,WAAW,CAAC,GAAG,MAAM;AAAA,QACzD;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,SAAS,MAAM,MAAM,aAAa,WAAW,WAAW,SAAS,CAAC,GAAG,OAAO;AAAA,QAAA;AAAA,MAEhF;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY,IAAI,CAAC,UAAU;AAAA,MACnD,GAAG;AAAA,MACH,OAAO,aAAa,KAAK,EAA+B,KAAK,KAAK;AAAA,IAAA,EAClE;AACF,WAAO,CAAC,GAAG,mBAAmB,GAAG,OAAO;AAAA,EAC1C;AAEA,QAAM,sBAAsB,CAAC,UAAc,OAAe,oBAA0B;AAClF,oBAAgB,CAAC,UAAU;AAAA,MACzB,GAAG;AAAA,MACH,CAAC,OAAO,QAAQ,CAAC,GAAG;AAAA,IAAA,EACpB;AAAA,EACJ;AAEA,QAAM,mBAAmB,CAAC,OAAW,QAAgB,oBAA0B;AAC7E,kBAAc,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,CAAC,OAAO,KAAK,CAAC,GAAG;AAAA,IAAA,EACjB;AAAA,EACJ;AAEM,QAAA,yBAAyB,CAAC,mBAA4B;AACpD,UAAA,2BAAW,IAAY;AAC7B,KAAC,kBAAkB,CAAA,GAAI,QAAQ,CAAC,UAAe;AACzC,UAAA,MAAM,QAAQ,KAAK,GAAG;AAClB,cAAA,QAAQ,CAAC,QAAa;AAC1B,cAAI,OAAO,IAAI,UAAU,UAAa,IAAI,aAAa,QAAW;AAC3D,iBAAA,IAAI,GAAG,OAAO,IAAI,KAAK,CAAC,IAAI,OAAO,IAAI,QAAQ,CAAC,EAAE;AAAA,UAAA;AAAA,QACzD,CACD;AAAA,MACH,WAAW,SAAS,MAAM,QAAQ,MAAM,MAAM,KAAK,MAAM,QAAQ,MAAM,SAAS,GAAG;AAC3E,cAAA,OAAO,QAAQ,CAAC,MAAW;AACzB,gBAAA,UAAU,QAAQ,CAAC,MAAW;AAC7B,iBAAA,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE;AAAA,UAAA,CACrC;AAAA,QAAA,CACF;AAAA,MAAA;AAAA,IACH,CACD;AACD,wBAAoB,IAAI;AAAA,EAC1B;AAGE,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO,kBAAkB;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,MAEN,0BAAgB,YACfA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,MAAM;AAAA,UACN,eAAe;AAAA,UACf,mBAAmB;AAAA,UACnB,sBAAoB;AAAA,UACpB,kBAAgB;AAAA,UAChB,oBAAkB;AAAA,UAClB,uBAAqB;AAAA,UACrB,oBAAoB;AAAA,UACpB;AAAA,UACC,GAAG;AAAA,UACJ,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAAA,IAGhBA,kCAAAA,IAAC,OAAI,EAAA,WAAU,yDAAwD,UAEvE,mBAAA,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/lib/components/easyv-reactgrid/easyv-react-grid.module.less.es.js

@@ -0,0 +1,7 @@
+const styles = {
+  "easyv-react-grid": "easyv-react-grid-module__easyv-react-grid___T-8rm"
+};
+export {
+  styles as default
+};
+//# sourceMappingURL=easyv-react-grid.module.less.es.js.map

package/dist/lib/components/easyv-reactgrid/easyv-react-grid.module.less.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easyv-react-grid.module.less.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/lib/components/easyv-reactgrid/utils.es.js

@@ -0,0 +1,13 @@
+const getColumnLabel = (index) => {
+  let label = "";
+  let i = index;
+  while (i >= 0) {
+    label = String.fromCharCode(65 + i % 26) + label;
+    i = Math.floor(i / 26) - 1;
+  }
+  return label;
+};
+export {
+  getColumnLabel
+};
+//# sourceMappingURL=utils.es.js.map

package/dist/lib/components/easyv-reactgrid/utils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.es.js","sources":["../../../../src/components/easyv-reactgrid/utils.ts"],"sourcesContent":["// 辅助函数：将数字索引转换为 Excel 列头 (e.g. 0 -> A, 26 -> AA)\nexport const getColumnLabel = (index: number): string => {\n  let label = \"\";\n  let i = index;\n  while (i >= 0) {\n    label = String.fromCharCode(65 + (i % 26)) + label;\n    i = Math.floor(i / 26) - 1;\n  }\n  return label;\n};\n"],"names":[],"mappings":"AACa,MAAA,iBAAiB,CAAC,UAA0B;AACvD,MAAI,QAAQ;AACZ,MAAI,IAAI;AACR,SAAO,KAAK,GAAG;AACb,YAAQ,OAAO,aAAa,KAAM,IAAI,EAAG,IAAI;AAC7C,QAAI,KAAK,MAAM,IAAI,EAAE,IAAI;AAAA,EAAA;AAEpB,SAAA;AACT;"}

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

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