@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/Plugins/chart/components/ChartToolBar/ChartToolBar.js

@@ -0,0 +1,68 @@
+// src/Plugins/chart/components/ChartToolBar/ChartToolBar.tsx
+import { DownloadOutlined } from "@ant-design/icons";
+import { ConfigProvider, Tooltip } from "antd";
+import classNames from "classnames";
+import { default as React, useContext } from "react";
+import { I18nContext } from "../../../../I18n";
+import TimeIcon from "../icons/TimeIcon";
+import { useStyle } from "./style";
+var ChartToolBar = ({
+  title,
+  dataTime,
+  className = "",
+  theme = "light",
+  onDownload,
+  extra,
+  filter
+}) => {
+  var _a, _b;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const i18n = useContext(I18nContext);
+  const prefixCls = getPrefixCls("chart-toolbar");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const handleDownload = () => {
+    if (onDownload) {
+      onDownload();
+    }
+  };
+  if (!title && !extra) {
+    return null;
+  }
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: classNames(
+          prefixCls,
+          `${prefixCls}-${theme}`,
+          hashId,
+          className
+        )
+      },
+      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-title`, hashId) }, title),
+      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-actions`, hashId) }, dataTime ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        TimeIcon,
+        {
+          className: classNames(`${prefixCls}-time-icon`, hashId)
+        }
+      ), /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-data-time`, hashId) }, ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.dataTime) || "数据时间", ": ", dataTime)) : null, filter, extra, handleDownload ? /* @__PURE__ */ React.createElement(
+        Tooltip,
+        {
+          mouseEnterDelay: 0.3,
+          title: ((_b = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _b.download) || "下载"
+        },
+        /* @__PURE__ */ React.createElement(
+          DownloadOutlined,
+          {
+            className: classNames(`${prefixCls}-download-btn`, hashId),
+            onClick: handleDownload
+          }
+        )
+      ) : null)
+    )
+  );
+};
+var ChartToolBar_default = ChartToolBar;
+export {
+  ChartToolBar_default as default
+};

package/dist/Plugins/chart/components/ChartToolBar/style.js

@@ -0,0 +1,129 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Plugins/chart/components/ChartToolBar/style.ts
+import {
+  resetComponent,
+  useEditorStyleRegister
+} from "../../../../Hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      paddingBottom: "12px",
+      [`${token.componentCls}-header-title`]: {
+        fontFamily: "PingFang SC",
+        fontSize: "15px",
+        fontWeight: 600,
+        lineHeight: "24px",
+        letterSpacing: "0em",
+        fontVariationSettings: '"opsz" auto',
+        color: "#343a45",
+        flex: 1,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        marginRight: "16px",
+        minWidth: 0
+        // 确保 flex 项可以缩小到小于内容宽度
+      },
+      [`${token.componentCls}-header-actions`]: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        [`${token.componentCls}-time-icon`]: {
+          fontSize: "14px",
+          color: "#00183d",
+          marginRight: "2px"
+        },
+        [`${token.componentCls}-data-time`]: {
+          fontFamily: "PingFang SC",
+          fontSize: "12px",
+          fontWeight: "normal",
+          lineHeight: "20px",
+          letterSpacing: "0em",
+          fontVariationSettings: '"opsz" auto',
+          /* gray/gray-文本-浅色注释 */
+          /* 样式描述：--gray-a9 */
+          color: "rgba(0, 25, 61, 0.3255)",
+          marginRight: "8px"
+        },
+        [`${token.componentCls}-download-btn`]: {
+          color: "rgba(0, 25, 61, 0.3255)",
+          padding: "3px",
+          height: "auto",
+          backgroundColor: "transparent",
+          border: "none",
+          cursor: "pointer",
+          borderRadius: "6px",
+          transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)",
+          "&:hover": {
+            backgroundColor: "rgba(0, 0, 0, 0.04)"
+          },
+          "&:focus": {
+            backgroundColor: "rgba(0, 0, 0, 0.04)",
+            outline: "none"
+          }
+        }
+      },
+      // Dark theme styles
+      "&-dark": {
+        [`${token.componentCls}-header-title`]: {
+          color: "#fff",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        [`${token.componentCls}-header-actions`]: {
+          [`${token.componentCls}-time-icon`]: {
+            color: "#fff"
+          },
+          [`${token.componentCls}-data-time`]: {
+            color: "rgba(255, 255, 255, 0.65)"
+          },
+          [`${token.componentCls}-download-btn`]: {
+            color: "rgba(255, 255, 255, 0.65)",
+            backgroundColor: "transparent",
+            "&:hover": {
+              backgroundColor: "rgba(255, 255, 255, 0.1)"
+            },
+            "&:focus": {
+              backgroundColor: "rgba(255, 255, 255, 0.1)",
+              outline: "none"
+            }
+          }
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useEditorStyleRegister("ChartToolBar", (token) => {
+    const chartToolBarToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [resetComponent(chartToolBarToken), genStyle(chartToolBarToken)];
+  });
+}
+export {
+  useStyle
+};

package/dist/Plugins/chart/components/icons/TimeIcon.js

@@ -0,0 +1,32 @@
+// src/Plugins/chart/components/icons/TimeIcon.tsx
+import React from "react";
+var TimeIcon = ({ className, style }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      className,
+      style
+    },
+    /* @__PURE__ */ React.createElement("g", { clipPath: "url(#master_svg0_2168_020512)" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M10.740198609352111,3.3163769365119933Q12.322898609352112,4.923286936511993,12.246798609352112,7.177476936511994C12.246598609352112,7.184036936511993,12.246498609352113,7.1905969365119935,12.246498609352113,7.197156936511994C12.246498609352113,7.519316936511993,12.507598609352112,7.780486936511993,12.829798609352112,7.780486936511993C13.144298609352111,7.780486936511993,13.402198609352112,7.5311569365119935,13.412798609352112,7.2168269365119935Q13.505798609352112,4.461706936511993,11.571398609352112,2.4976969365119936Q9.636938609352113,0.5336893365119935,6.880728609352111,0.5848453665119934Q4.124508609352112,0.6360019365119934,2.2642886093521115,2.6704369365119933Q0.4040776093521118,4.704876936511994,0.5992271093521118,7.454646936511994Q0.7943756093521118,10.204426936511993,2.923258609352112,11.955746936511993Q5.052148609352112,13.707046936511993,7.787958609352112,13.368446936511994C8.080188609352112,13.332346936511993,8.299638609352112,13.084046936511994,8.299638609352112,12.789546936511993C8.299638609352112,12.467446936511994,8.038478609352111,12.206246936511993,7.716308609352112,12.206246936511993C7.6923586093521115,12.206246936511993,7.6684286093521115,12.207746936511993,7.644658609352112,12.210646936511994Q5.406268609352112,12.487646936511993,3.664448609352112,11.054746936511993Q1.9226386093521117,9.621876936511994,1.7629686093521117,7.372056936511993Q1.6032986093521118,5.122246936511994,3.1252886093521117,3.4577069365119932Q4.6472886093521115,1.7931669365119933,6.902378609352112,1.7513069365119933Q9.157458609352112,1.7094569365119934,10.740198609352111,3.3163769365119933ZM6.999998609352112,2.9166669365119935C6.677838609352111,2.9166669365119935,6.4166686093521115,3.1778369365119934,6.4166686093521115,3.4999969365119936L6.4166686093521115,6.999996936511994C6.4166686093521115,7.220946936511994,6.541498609352112,7.422936936511993,6.739128609352112,7.5217469365119936L7.650288609352112,7.9773369365119935C7.731288609352112,8.017826936511995,7.820608609352112,8.038916936511994,7.911168609352112,8.038916936511994C8.233328609352112,8.038916936511994,8.494498609352112,7.777746936511994,8.494498609352112,7.455586936511994C8.494498609352112,7.234636936511993,8.36966860935211,7.032646936511993,8.17203860935211,6.933836936511994L7.583328609352112,6.639476936511993L7.583328609352112,3.4999969365119936C7.583328609352112,3.1778369365119934,7.3221686093521114,2.9166669365119935,6.999998609352112,2.9166669365119935ZM12.420898609352111,10.912446936511994L11.083298609352111,9.574956936511994L11.083298609352111,12.833346936511994C11.083298609352111,13.155546936511993,10.822198609352112,13.416646936511993,10.499998609352112,13.416646936511993C10.177838609352111,13.416646936511993,9.916668609352111,13.155546936511993,9.916668609352111,12.833346936511994L9.916668609352111,9.574956936511994L8.579148609352112,10.912446936511994C8.469748609352113,11.021846936511993,8.321378609352113,11.083346936511994,8.166668609352111,11.083346936511994C7.844498609352112,11.083346936511994,7.583328609352112,10.822146936511993,7.583328609352112,10.499996936511993C7.583328609352112,10.345286936511993,7.644788609352112,10.196916936511993,7.754188609352112,10.087516936511994L10.087518609352111,7.754186936511993C10.089198609352112,7.752506936511994,10.090888609352112,7.750836936511994,10.092588609352111,7.749186936511993C10.197728609352112,7.646566936511993,10.341478609352112,7.583336936511993,10.499998609352112,7.583336936511993C10.652298609352112,7.583336936511993,10.798498609352112,7.642916936511994,10.907398609352112,7.749186936511993C10.909098609352112,7.750836936511994,10.910798609352112,7.752506936511994,10.912498609352111,7.754186936511993L13.245798609352113,10.087516936511994C13.355198609352112,10.196916936511993,13.416698609352112,10.345286936511993,13.416698609352112,10.499996936511993C13.416698609352112,10.822146936511993,13.155498609352112,11.083346936511994,12.833298609352111,11.083346936511994C12.678598609352111,11.083346936511994,12.530298609352112,11.021846936511993,12.420898609352111,10.912446936511994Z",
+        fillRule: "evenodd",
+        fill: "#00183D",
+        fillOpacity: "0.24709999561309814",
+        style: { mixBlendMode: "passthrough" }
+      }
+    )))
+  );
+};
+var TimeIcon_default = TimeIcon;
+export {
+  TimeIcon_default as default
+};

package/dist/Plugins/chart/components/index.js

@@ -0,0 +1,36 @@
+// src/Plugins/chart/components/index.ts
+import { default as default2 } from "../ChartStatistic";
+import { default as default3 } from "./ChartContainer/ChartContainer";
+import { default as default4 } from "./ChartFilter/ChartFilter";
+import { default as default5 } from "./ChartToolBar/ChartToolBar";
+var downloadChart = (chartInstance, filename = "chart", format = "png", quality = 1) => {
+  if (!chartInstance) {
+    console.error("Chart instance is not available");
+    return false;
+  }
+  try {
+    const mimeType = format === "png" ? "image/png" : "image/jpeg";
+    const base64Image = chartInstance.toBase64Image(mimeType, quality);
+    if (!base64Image || base64Image.trim() === "") {
+      throw new Error("Invalid base64 image data");
+    }
+    const link = document.createElement("a");
+    link.download = `${filename}-${(/* @__PURE__ */ new Date()).getTime()}.${format}`;
+    link.href = base64Image;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    console.log(`Chart downloaded successfully as ${format.toUpperCase()}`);
+    return true;
+  } catch (error) {
+    console.error("Error downloading chart:", error);
+    return false;
+  }
+};
+export {
+  default3 as ChartContainer,
+  default4 as ChartFilter,
+  default2 as ChartStatistic,
+  default5 as ChartToolBar,
+  downloadChart
+};

package/dist/Plugins/chart/const.js

@@ -0,0 +1,26 @@
+// src/Plugins/chart/const.ts
+var defaultColorList = [
+  "#1677ff",
+  // 蓝色
+  "#15e7e4",
+  // 青色
+  "#8954FC",
+  // 紫色
+  "#F45BB5",
+  // 粉色
+  "#00A6FF",
+  // 天蓝色
+  "#33E59B",
+  // 绿色
+  "#D666E4",
+  // 紫红色
+  "#6151FF",
+  // 靛蓝色
+  "#BF3C93",
+  // 深粉色
+  "#005EE0"
+  // 深蓝色
+];
+export {
+  defaultColorList
+};

package/dist/Plugins/chart/hooks/useChartStatistic.js

@@ -0,0 +1,16 @@
+// src/Plugins/chart/hooks/useChartStatistic.ts
+import React from "react";
+var useChartStatistic = (statisticConfig) => {
+  const statisticComponentConfigs = React.useMemo(() => {
+    if (!statisticConfig)
+      return null;
+    if (Array.isArray(statisticConfig)) {
+      return statisticConfig.length > 0 ? statisticConfig : null;
+    }
+    return [statisticConfig];
+  }, [statisticConfig]);
+  return statisticComponentConfigs;
+};
+export {
+  useChartStatistic
+};

package/dist/Plugins/chart/index.js

@@ -0,0 +1,375 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/Plugins/chart/index.tsx
+import dayjs from "dayjs";
+import React, { useEffect, useMemo } from "react";
+import { useSlate } from "slate-react";
+import { ErrorBoundary } from "../../MarkdownEditor/editor/elements/ErrorBoundary";
+import { useEditorStore } from "../../MarkdownEditor/editor/store";
+import { DragHandle } from "../../MarkdownEditor/editor/tools/DragHandle";
+import { ChartRender } from "./ChartRender";
+import { ChartAttrToolBar } from "./ChartAttrToolBar";
+export * from "./ChartMark";
+import { ChartRender as ChartRender2 } from "./ChartRender";
+import { default as default2 } from "./AreaChart";
+import { default as default3 } from "./BarChart";
+import { default as default4 } from "./ChartStatistic";
+import { default as default5 } from "./DonutChart";
+import { default as default6 } from "./FunnelChart";
+import { default as default7 } from "./LineChart";
+import { default as default8 } from "./RadarChart";
+import { default as default9 } from "./ScatterChart";
+import { defaultColorList } from "./const";
+import { debounce, stringFormatNumber } from "./utils";
+import { ChartFilter, ChartToolBar, downloadChart } from "./components";
+function reverseFormatNumber(val, locale) {
+  let group = new Intl.NumberFormat(locale).format(1111).replace(/1/g, "");
+  let decimal = new Intl.NumberFormat(locale).format(1.1).replace(/1/g, "");
+  let reversedVal = val.replace(new RegExp("\\" + group, "g"), "");
+  reversedVal = reversedVal.replace(new RegExp("\\" + decimal, "g"), ".");
+  return Number.isNaN(reversedVal) ? NaN : Number(reversedVal);
+}
+function isValidDate(dateString) {
+  const defaultDateFormats = [
+    "YYYY-MM-DD",
+    "YYYY-MM-DD HH:mm:ss",
+    "YYYY/MM/DD",
+    "YYYY/MM/DD HH:mm:ss",
+    "DD/MM/YYYY",
+    "DD/MM/YYYY HH:mm:ss",
+    "MMMM D, YYYY",
+    "MMMM D, YYYY h:mm A",
+    "MMM D, YYYY",
+    "MMM D, YYYY h:mm A",
+    "ddd, MMM D, YYYY h:mm A"
+  ];
+  for (let i = 0; i < defaultDateFormats.length; i++) {
+    if (dayjs(dateString, defaultDateFormats[i]).isValid()) {
+      return dayjs(dateString).format(defaultDateFormats[i]);
+    }
+  }
+  if (dayjs(dateString).isValid()) {
+    return dayjs(dateString).format("YYYY-MM-DD");
+  }
+  return dateString;
+}
+var numberString = (value) => {
+  if (!value)
+    return value;
+  try {
+    if (typeof value === "number")
+      return value;
+    if (typeof value === "string") {
+      const formattedValue = reverseFormatNumber(value, "en-US");
+      if (!isNaN(formattedValue))
+        return formattedValue;
+      return isValidDate(value);
+    }
+    return value;
+  } catch (error) {
+    return value;
+  }
+};
+var groupByCategory = (data, key) => {
+  return data.reduce((group, product) => {
+    var _a;
+    const category = product[key];
+    group[category] = (_a = group[category]) != null ? _a : [];
+    group[category].push(product);
+    return group;
+  }, {});
+};
+var ChartElement = (props) => {
+  var _a, _b, _c;
+  const { store, readonly, markdownContainerRef, rootContainer } = useEditorStore();
+  const editor = useSlate();
+  const { element: node, attributes, children } = props;
+  let chartData = useMemo(() => {
+    var _a2, _b2;
+    return ((_b2 = (_a2 = node.otherProps) == null ? void 0 : _a2.dataSource) == null ? void 0 : _b2.map((item) => {
+      return __spreadProps(__spreadValues({}, item), {
+        column_list: Object.keys(item)
+      });
+    })) || [];
+  }, [(_a = node.otherProps) == null ? void 0 : _a.dataSource]);
+  const columns = ((_b = node.otherProps) == null ? void 0 : _b.columns) || [];
+  const [columnLength, setColumnLength] = React.useState(2);
+  const config = [((_c = node.otherProps) == null ? void 0 : _c.config) || node.otherProps].flat(1);
+  const htmlRef = React.useRef(null);
+  const [minWidth, setMinWidth] = React.useState(256);
+  useEffect(() => {
+    var _a2, _b2, _c2;
+    const width = Math.max(
+      ((_a2 = rootContainer == null ? void 0 : rootContainer.current) == null ? void 0 : _a2.clientWidth) || ((_c2 = (_b2 = htmlRef.current) == null ? void 0 : _b2.parentElement) == null ? void 0 : _c2.clientWidth) || 256,
+      256
+    );
+    setMinWidth(width || 256);
+    setColumnLength(Math.min(Math.floor(width / 256), config.length));
+  }, []);
+  return useMemo(
+    () => /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadProps(__spreadValues({
+        className: "ant-md-editor-drag-el"
+      }, attributes), {
+        "data-be": "chart",
+        style: {
+          flex: 1,
+          minWidth: `min(${Math.min(minWidth, 856)}px, 100%)`,
+          maxWidth: "100%",
+          margin: "1em 0"
+        },
+        ref: htmlRef,
+        onDragStart: (e) => store.dragStart(e, markdownContainerRef.current)
+      }),
+      /* @__PURE__ */ React.createElement(DragHandle, null),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: "ant-md-editor-chart-box",
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            borderRadius: "0.5em"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          ErrorBoundary,
+          {
+            fallback: /* @__PURE__ */ React.createElement("table", null, /* @__PURE__ */ React.createElement("tbody", null, children))
+          },
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: {
+                position: "relative"
+              }
+            },
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  zIndex: 1,
+                  width: "100%",
+                  opacity: 0,
+                  height: "100%",
+                  overflow: "hidden",
+                  pointerEvents: "none"
+                }
+              },
+              children
+            ),
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexWrap: "wrap",
+                  flexDirection: minWidth < 400 ? "column" : "row",
+                  gap: 8,
+                  userSelect: "none"
+                },
+                contentEditable: false,
+                onClick: (e) => {
+                  e.stopPropagation();
+                },
+                onKeyDown: (e) => {
+                  e.stopPropagation();
+                }
+              },
+              config.map((_a2, index) => {
+                var _b2 = _a2, { chartType, x, y } = _b2, rest = __objRest(_b2, ["chartType", "x", "y"]);
+                var _a3;
+                const height = Math.min(
+                  400,
+                  ((_a3 = htmlRef.current) == null ? void 0 : _a3.clientWidth) || 400
+                );
+                if (typeof window === "undefined" || typeof document === "undefined") {
+                  return /* @__PURE__ */ React.createElement(
+                    "div",
+                    {
+                      key: index,
+                      style: {
+                        margin: "auto",
+                        position: "relative",
+                        zIndex: 9
+                      }
+                    }
+                  );
+                }
+                chartData = chartData.map((item) => {
+                  return __spreadProps(__spreadValues({}, item), {
+                    [x]: numberString(item[x]),
+                    [y]: numberString(item[y])
+                  });
+                }).sort((a, b) => {
+                  if (dayjs(a[x]).isValid() && dayjs(b[x]).isValid()) {
+                    return dayjs(a[x]).valueOf() - dayjs(b[x]).valueOf();
+                  }
+                  return 0;
+                });
+                const subgraphBy = rest == null ? void 0 : rest.subgraphBy;
+                if (subgraphBy) {
+                  const groupData = groupByCategory(chartData, subgraphBy);
+                  return Object.keys(groupData).map((key, subIndex) => {
+                    const group = groupData[key];
+                    if (!Array.isArray(group) || group.length < 1) {
+                      return null;
+                    }
+                    const dom = /* @__PURE__ */ React.createElement(
+                      ChartRender,
+                      {
+                        chartType,
+                        chartData: group,
+                        columnLength,
+                        onColumnLengthChange: setColumnLength,
+                        isChartList: true,
+                        config: {
+                          height,
+                          x,
+                          y,
+                          columns,
+                          index: index * 10 + subIndex,
+                          rest
+                        },
+                        title: key,
+                        dataTime: rest == null ? void 0 : rest.dataTime,
+                        groupBy: rest == null ? void 0 : rest.groupBy,
+                        filterBy: rest == null ? void 0 : rest.filterBy,
+                        colorLegend: rest == null ? void 0 : rest.colorLegend
+                      }
+                    );
+                    return dom;
+                  });
+                }
+                return /* @__PURE__ */ React.createElement(
+                  ChartRender,
+                  {
+                    key: index,
+                    columnLength,
+                    onColumnLengthChange: setColumnLength,
+                    chartType,
+                    chartData,
+                    title: rest == null ? void 0 : rest.title,
+                    dataTime: rest == null ? void 0 : rest.dataTime,
+                    groupBy: rest == null ? void 0 : rest.groupBy,
+                    filterBy: rest == null ? void 0 : rest.filterBy,
+                    colorLegend: rest == null ? void 0 : rest.colorLegend,
+                    config: {
+                      height,
+                      x,
+                      y,
+                      columns,
+                      index,
+                      rest
+                    }
+                  }
+                );
+              }).map((itemList, index) => {
+                if (Array.isArray(itemList)) {
+                  return itemList == null ? void 0 : itemList.map((item, subIndex) => {
+                    if (!item)
+                      return null;
+                    return /* @__PURE__ */ React.createElement(
+                      "div",
+                      {
+                        key: index + subIndex,
+                        style: {
+                          margin: "auto",
+                          minWidth: `max(calc(${100 / columnLength}% - 16px), 600px)`,
+                          flex: 1,
+                          userSelect: "none"
+                        },
+                        contentEditable: false
+                      },
+                      item
+                    );
+                  });
+                }
+                return /* @__PURE__ */ React.createElement(
+                  "div",
+                  {
+                    key: index,
+                    contentEditable: false,
+                    style: {
+                      userSelect: "none",
+                      margin: "auto",
+                      minWidth: `max(calc(${100 / columnLength}% - 16px), 600px)`,
+                      flex: 1
+                    },
+                    onClick: (e) => {
+                      e.stopPropagation();
+                    }
+                  },
+                  itemList
+                );
+              })
+            )
+          )
+        )
+      )
+    ),
+    [
+      attributes,
+      JSON.stringify(node.otherProps),
+      editor,
+      columnLength,
+      readonly,
+      minWidth
+    ]
+  );
+};
+export {
+  default2 as AreaChart,
+  default3 as BarChart,
+  ChartAttrToolBar,
+  ChartElement,
+  ChartFilter,
+  ChartRender2 as ChartRender,
+  default4 as ChartStatistic,
+  ChartToolBar,
+  default5 as DonutChart,
+  default6 as FunnelChart,
+  default7 as LineChart,
+  default8 as RadarChart,
+  default9 as ScatterChart,
+  debounce as chartDebounce,
+  defaultColorList,
+  downloadChart,
+  stringFormatNumber
+};